/* Shared product-card row used by Home and Products. */
.shared-product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:none;margin:0;gap:0}
.shared-product-grid .flavor{position:relative;display:block;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:0;border-top:1px solid rgba(181,196,209,.15);border-radius:0;background:#16171b;color:#f2efe8;box-shadow:none;text-align:left;transition:background .42s ease,border-color .32s ease}
.shared-product-grid .flavor+.flavor{border-left:1px solid rgba(181,196,209,.15)}
.shared-product-grid .flavor:hover,.shared-product-grid .flavor:focus-visible{background:#111216;box-shadow:none;transform:none}
.shared-product-grid .flavor-visual{position:relative;display:grid;height:390px;place-items:center;overflow:hidden;isolation:isolate;padding:22px;border-bottom:1px solid rgba(242,239,232,.08);background:#16171b;transition:background .42s ease}
.shared-product-grid .flavor:hover .flavor-visual,.shared-product-grid .flavor:focus-visible .flavor-visual,.shared-product-grid .flavor:hover .flavor-copy,.shared-product-grid .flavor:focus-visible .flavor-copy{background:#111216}
.shared-product-grid .flavor-visual:before{position:absolute;z-index:0;top:8%;left:11%;width:78%;height:76%;background:radial-gradient(ellipse at 50% 48%,rgba(255,255,255,.07),rgba(255,255,255,.018) 42%,transparent 72%);content:'';pointer-events:none}
.shared-product-grid .flavor-visual:after{position:absolute;z-index:0;bottom:18px;left:21%;width:58%;height:42px;background:radial-gradient(ellipse at center,rgba(0,0,0,.43),rgba(0,0,0,.15) 42%,transparent 72%);filter:blur(9px);content:'';pointer-events:none}
.shared-product-grid .flavor-product{position:relative;z-index:2;width:auto;height:345px;max-width:100%;object-fit:contain;filter:drop-shadow(0 20px 13px rgba(0,0,0,.28)) drop-shadow(0 4px 3px rgba(0,0,0,.14));transform:translateY(-2px);transition:transform .38s ease,filter .35s ease}
.shared-product-grid .flavor-fruit{position:absolute;z-index:1;width:260px;opacity:0;filter:saturate(.9) contrast(1);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.75,.25,1)}
.shared-product-grid .peach .flavor-fruit{top:120px;left:-46px;transform:translate(-32px,0) scale(.88) rotate(-7deg)}
.shared-product-grid .grape .flavor-fruit{top:-46px;right:-46px;width:260px;transform:translate(32px,-32px) scale(.88) rotate(-7deg)}
.shared-product-grid .lemon .flavor-fruit{top:50%;left:50%;transform:translate(calc(-50% + 186px),calc(-50% + 10px)) scale(.88) rotate(-7deg)}
.shared-product-grid .flavor:hover .flavor-fruit,.shared-product-grid .flavor:focus-visible .flavor-fruit{opacity:.38}
.shared-product-grid .peach:hover .flavor-fruit,.shared-product-grid .peach:focus-visible .flavor-fruit,.shared-product-grid .grape:hover .flavor-fruit,.shared-product-grid .grape:focus-visible .flavor-fruit{transform:translate(0,0) scale(1) rotate(0)}
.shared-product-grid .lemon:hover .flavor-fruit,.shared-product-grid .lemon:focus-visible .flavor-fruit{transform:translate(calc(-50% + 160px),calc(-50% + 10px)) scale(1) rotate(0)}
.shared-product-grid .grape:hover .flavor-fruit,.shared-product-grid .grape:focus-visible .flavor-fruit{opacity:.62;filter:saturate(1.05) contrast(1.05)}
.shared-product-grid .flavor:hover .flavor-product,.shared-product-grid .flavor:focus-visible .flavor-product{transform:translateY(-7px);filter:drop-shadow(0 24px 16px rgba(0,0,0,.42)) drop-shadow(0 5px 3px rgba(0,0,0,.2))}
.shared-product-grid .flavor-copy{position:static;padding:24px 28px 28px;background:#16171b;transition:background .42s ease}
.shared-product-grid .flavor:first-child .flavor-copy{padding-left:clamp(24px,3vw,48px)}
.shared-product-grid .flavor:last-child .flavor-copy{padding-right:clamp(24px,3vw,48px)}
.shared-product-grid .flavor-copy h3{margin:0;color:#f2efe8;font-size:28px;font-weight:400;line-height:1;letter-spacing:-.03em;white-space:nowrap}
.shared-product-grid .flavor-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px}
.shared-product-grid .flavor-price{margin:0;color:#f2f0ea;font-size:20px;font-weight:300;line-height:1.1;letter-spacing:-.035em;white-space:nowrap}
.shared-product-grid .flavor-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:16px}
.shared-product-grid .product-card .flavor-stats{margin-top:18px;padding-top:17px;border-top:1px solid rgba(181,196,209,.15)}
.shared-product-grid .flavor-stats strong{display:block;color:rgba(242,240,234,.72);font:300 13px/1.1 Manrope,Arial,sans-serif;letter-spacing:-.02em}
.shared-product-grid .flavor-stats span{display:block;margin-top:5px;color:rgba(203,213,222,.58);font:300 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase}
@media(min-width:1280px){.shared-product-grid .flavor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media(min-width:1441px){.shared-product-grid{max-width:1440px;margin-right:auto;margin-left:auto;border-right:1px solid rgba(181,196,209,.15);border-left:1px solid rgba(181,196,209,.15)}}
@media(max-width:1000px){.shared-product-grid{width:100%;grid-template-columns:1fr}.shared-product-grid .flavor+.flavor{border-top:1px solid rgba(181,196,209,.15);border-left:0}.shared-product-grid .flavor-copy,.shared-product-grid .flavor:first-child .flavor-copy,.shared-product-grid .flavor:last-child .flavor-copy{padding-right:clamp(24px,5vw,48px);padding-left:clamp(24px,5vw,48px)}.shared-product-grid .flavor-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}
@media(max-width:760px){.shared-product-grid .flavor-visual{height:390px}.shared-product-grid .flavor-product{height:335px}.shared-product-grid .flavor-copy,.shared-product-grid .flavor:first-child .flavor-copy,.shared-product-grid .flavor:last-child .flavor-copy{padding:22px 24px 26px}}