.e-flavors__stage{--duo-gap: var(--e-space-2);--or-size: 3.25rem;--or-y: .74;--media-ratio: 1.25;position:relative;container-type:inline-size}.e-flavors .e-flavors__duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--duo-gap)}.e-flavor{display:grid;grid-row:span 5;grid-template-rows:subgrid}.e-flavor__inner{display:grid;grid-row:1 / -1;grid-template-rows:subgrid}.e-flavor__media{display:block;margin-bottom:var(--e-space-4);aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--e-radius);background:#efe8df}.e-flavor__media img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--e-ease)}.e-flavor__product{font-size:.6875rem;font-weight:600;line-height:1.125rem;letter-spacing:.2em;text-transform:uppercase;color:var(--e-text-soft)}.e-flavor__name{margin-top:var(--e-space-1);font-size:clamp(1.875rem,1.2rem + 2.8vw,3.75rem);font-style:italic;line-height:1}.e-flavor__name a{text-decoration:none}.e-flavor__rating{min-height:0;padding-top:var(--e-space-2);line-height:1.625rem}.e-flavor__rating .e-rating{flex-wrap:wrap;row-gap:var(--e-space-1);font-size:var(--e-fs-13);line-height:1.25rem}.e-flavor__rating .e-rating .e-icon{width:.875rem;height:.875rem}.e-flavor__buy{display:grid;align-content:start;gap:var(--e-space-3);margin-top:var(--e-space-3);padding-top:var(--e-space-3);border-top:1px solid var(--e-line)}.e-flavor__buy .e-price__main{font-size:var(--e-fs-18)}.e-flavor__buy .e-price__installments{font-size:.75rem}.e-flavor__form{position:relative}.e-flavor__add{min-height:3rem;padding-inline:var(--e-space-3);letter-spacing:.12em}.e-flavor__add .e-icon{width:1rem;height:1rem}.e-flavor__soldout{font-size:var(--e-fs-14);color:var(--e-text-soft)}.e-flavors__or{--or-halo: var(--e-white);position:absolute;z-index:2;top:calc((100cqw - var(--duo-gap)) / 2 * var(--media-ratio) * var(--or-y));left:50%;display:grid;place-items:center;width:var(--or-size);height:var(--or-size);border:1.5px solid transparent;border-radius:50%;background:radial-gradient(circle at 32% 26%,var(--e-white) 45%,var(--e-ivory)) padding-box,var(--e-gold-metal) border-box;box-shadow:0 0 0 calc(var(--or-size) * .09) var(--or-halo),0 16px 32px -14px #8a6a1f80;translate:-50% -50%;pointer-events:none;transition:translate .5s var(--e-ease)}.e-section--alt .e-flavors__or{--or-halo: var(--e-surface-alt)}.e-flavors__or-text{font-family:var(--e-font-display);font-size:calc(var(--or-size) * .48);font-style:italic;font-weight:500;line-height:1;color:var(--e-accent-text);translate:0 -.08em}@supports ((background-clip: text) or (-webkit-background-clip: text)){.e-flavors__or-text{background:linear-gradient(120deg,var(--e-gold-ink),var(--e-gold) 50%,var(--e-gold-ink));-webkit-background-clip:text;background-clip:text;color:transparent}}@media(prefers-reduced-motion:no-preference){.e-flavors__or{transition:opacity .5s var(--e-ease) .25s,scale .7s cubic-bezier(.34,1.56,.64,1) .25s,translate .5s var(--e-ease)}.js .e-flavors__stage--duo:not(:has(.e-flavor.is-in)) .e-flavors__or{opacity:0;scale:.6}}@media(hover:hover){.e-flavors__stage--duo:has(.e-flavor:first-child:hover) .e-flavors__or{translate:calc(-50% - .375rem) -50%}.e-flavors__stage--duo:has(.e-flavor:last-child:hover) .e-flavors__or{translate:calc(-50% + .375rem) -50%}}.e-flavors__note{margin-top:var(--e-space-4);font-size:var(--e-fs-12);line-height:1.5;color:var(--e-text-soft)}.e-flavors .e-flavors__facts{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin-top:var(--e-space-7);border-block:1px solid var(--e-line)}.e-flavors__fact{display:grid;align-content:start;justify-items:center;gap:var(--e-space-2);padding:var(--e-space-5) var(--e-space-2);text-align:center}.e-flavors__fact+.e-flavors__fact{border-inline-start:1px solid var(--e-line)}.e-flavors__fact-value{font-family:var(--e-font-display);font-size:clamp(2rem,1.4rem + 2.4vw,3.5rem);font-weight:500;line-height:1;color:var(--e-navy)}.e-flavors__fact-label{max-width:17ch;font-size:var(--e-fs-12);line-height:1.0625rem;color:var(--e-text-soft);text-wrap:balance}@supports (line-height: round(1em,1px)){.e-flavor__name,.e-flavors__fact-value{line-height:round(1em,1px)}}.e-flavors__combo{display:grid;grid-template-columns:5.5rem minmax(0,1fr);grid-template-areas:"media text" "buy buy";gap:var(--e-space-4);margin-top:var(--e-space-6);padding:var(--e-space-5);border-radius:var(--e-radius);background:var(--e-ivory);box-shadow:inset 0 0 0 1px var(--e-line)}.e-flavors__combo:not(:has(.e-flavors__combo-media)){grid-template-areas:"text text" "buy buy"}.e-section--alt .e-flavors__combo{background:var(--e-white)}.e-flavors__combo-media{grid-area:media;align-self:start;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--e-radius);background:#efe8df}.e-flavors__combo-media img{width:100%;height:100%;object-fit:cover}.e-flavors__combo-text{grid-area:text;align-self:center;color:var(--e-navy);line-height:1.55;text-wrap:pretty}.e-flavors__combo-text a{font-weight:600;text-decoration-color:var(--e-gold)}.e-flavors__combo-buy{grid-area:buy;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e-space-3) var(--e-space-5)}.e-flavors__combo-buy form{position:relative}@media(hover:hover){.e-flavor:hover .e-flavor__media img{transform:scale(1.035)}.e-flavor__name a:hover{text-decoration:underline;text-decoration-color:var(--e-gold);text-decoration-thickness:1px;text-underline-offset:.12em}}@media(min-width:40em){.e-flavors__stage{--duo-gap: var(--e-space-3);--or-size: 5rem;--or-y: .5;--media-ratio: 1}.e-flavor__media{aspect-ratio:1 / 1}.e-flavors__fact{padding:var(--e-space-6) var(--e-space-4)}.e-flavors__fact-label{max-width:24ch;font-size:var(--e-fs-14);line-height:1.25rem}.e-flavors__combo{grid-template-columns:7rem minmax(0,1fr);grid-template-areas:"media text" "media buy";align-items:center;gap:var(--e-space-3) var(--e-space-6);padding-block:var(--e-space-4);padding-inline:var(--e-space-4) var(--e-space-6)}.e-flavors__combo:not(:has(.e-flavors__combo-media)){grid-template-areas:"text text" "buy buy"}.e-flavors__combo-media{align-self:center}}@media(min-width:64em){.e-flavors__layout{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr auto;grid-template-areas:"head stage" "facts stage" "combo combo";column-gap:var(--e-space-8)}.e-flavors__layout>.e-section-head{grid-area:head;margin-bottom:var(--e-space-6)}.e-flavors__stage{--duo-gap: var(--e-space-4);--or-size: 5.5rem;--flavor-card: clamp(17rem, 27vw, 24rem);grid-area:stage;width:calc(2 * var(--flavor-card) + var(--duo-gap))}.e-flavor__media{margin-bottom:var(--e-space-5)}.e-flavor__name{font-size:clamp(2.25rem,.9rem + 2.1vw,3rem)}.e-flavor__buy .e-price__main{font-size:var(--e-fs-22)}.e-flavors .e-flavors__facts{grid-area:facts;align-self:end;grid-auto-flow:row;grid-template-columns:max-content minmax(0,1fr);margin-top:0}.e-flavors__fact{grid-column:1 / -1;grid-template-columns:subgrid;align-items:baseline;justify-items:start;column-gap:var(--e-space-5);padding:var(--e-space-4) 0;text-align:start}.e-flavors__fact+.e-flavors__fact{border-inline-start:0;border-top:1px solid var(--e-line)}.e-flavors__fact-value{font-size:2.5rem}.e-flavors__fact-label{max-width:28ch;text-wrap:pretty}.e-flavors__combo{grid-area:combo;grid-template-columns:7rem minmax(0,1fr) auto;grid-template-areas:"media text buy";margin-top:var(--e-space-7)}.e-flavors__combo:not(:has(.e-flavors__combo-media)){grid-template-areas:"text text buy"}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/e-flavors.css.map */