.flavor-breakdown .page-width{max-width:150rem}.flavor-breakdown .flavor-title{text-align:center;margin-top:0;margin-bottom:5.5rem}.flavor-breakdown .flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10rem;align-items:center}.flavor-breakdown .flavor-left img,.flavor-breakdown .flavor-right img{width:100%;height:auto;display:flex}.flavor-breakdown .flavor-right{text-align:center}.flavor-breakdown .flavor-select{margin:3.1rem 0}.flavor-breakdown .flavor-select select{width:100%;padding:1.2rem 1.6rem;font-size:1.4rem;font-weight:700;text-transform:uppercase;line-height:1.5;font-family:var(--font-inter);text-align:center;border-radius:12px}.flavor-breakdown .flavor-right .button{min-width:auto;width:100%;min-height:calc(5.1rem + var(--buttons-border-width) * 2);font-size:1.7rem}.flavor-breakdown .bottom-image-and-text{display:flex;align-items:center;gap:2.5rem;max-width:68.1rem;margin-top:5.5rem;margin-left:6rem}.flavor-breakdown .bottom-image-and-text .item{display:flex;flex-direction:column;gap:1rem}.flavor-breakdown .bottom-image-and-text .item .text{font-size:1.1rem}.varianr-flavor-images img+img{margin-top:2rem}@media screen and (max-width: 1400px){.flavor-breakdown .bottom-image-and-text{margin-left:2rem}.flavor-breakdown .bottom-image-and-text .item img{max-width:100%}}@media screen and (max-width: 1199px){.flavor-breakdown .flavor-grid{gap:8rem}}@media screen and (max-width: 989px){.flavor-breakdown .flavor-grid{grid-template-columns:1fr}.flavor-breakdown .flavor-grid{gap:6rem}.flavor-breakdown .flavor-right{max-width:60%;margin:0 auto}.flavor-breakdown .flavor-select{margin:2rem 0}.flavor-breakdown .flavor-title{margin-bottom:3rem}}@media screen and (max-width: 749px){.flavor-breakdown .flavor-select select{font-size:1.3rem;padding:1rem 1.5rem}.flavor-breakdown .flavor-right .button{font-size:1.5rem;min-height:calc(4.2rem + var(--buttons-border-width) * 2)}.flavor-breakdown .bottom-image-and-text{margin-left:0rem;margin-top:3.5rem}}@media screen and (max-width: 480px){.flavor-breakdown .flavor-right{max-width:100%}.flavor-breakdown .bottom-image-and-text{flex-wrap:wrap}.flavor-breakdown .bottom-image-and-text .item{width:50%;flex:0 0 50%;margin:0 auto}}@media screen and (max-width: 380px){.flavor-breakdown .bottom-image-and-text .item{width:70%;flex:0 0 70%}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/section-flavor-breakdown.css.map */