.flavor-carousel{overflow:hidden;padding:15px 0 24px}.flavor-deck{position:relative;height:480px;perspective:1400px;touch-action:pan-y}.flavor-slide{position:absolute;left:50%;top:20px;width:310px;height:415px;margin-left:-155px;text-decoration:none;color:#2b241c;transform:translateX(calc(var(--offset)*220px)) translateZ(calc(var(--depth)*-130px)) rotateY(calc(var(--offset)*-15deg));z-index:var(--layer);transition:transform .8s cubic-bezier(.22,.7,.2,1),opacity .6s;outline-offset:5px}.flavor-face{height:100%;border-radius:20px;background:var(--card-color);overflow:hidden;box-shadow:0 18px 30px #362a1720;display:flex;flex-direction:column;align-items:center;padding:24px 0 20px;backface-visibility:hidden}.flavor-face p{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px}.flavor-face h3{font:38px Georgia,serif;margin:0}.flavor-face img{width:100%;height:270px;object-fit:cover;pointer-events:none}.flavor-face>span{font-size:14px;color:#254c36;margin-top:auto}.flavor-slide.is-current .flavor-face{box-shadow:0 22px 40px #362a1730}.flavor-slide.is-flipping .flavor-face{animation:flavor-flip .8s cubic-bezier(.22,.7,.2,1)}@keyframes flavor-flip{from{transform:rotateY(-80deg)}to{transform:rotateY(0)}}.flavor-controls{display:flex;justify-content:center;align-items:center;gap:18px}.flavor-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #254c3640;background:transparent;color:#254c36;font-size:22px;cursor:pointer;backdrop-filter:none;padding:0}.flavor-controls button:hover{background:#254c36;color:#fff}.flavor-controls span{font-size:14px;min-width:150px;text-align:center}.flavor-controls [data-play]{font-size:16px}.flavor-controls button:focus-visible{outline:2px solid #254c36;outline-offset:4px}@media(max-width:700px){.flavor-deck{height:395px;perspective:900px}.flavor-slide{width:238px;height:345px;margin-left:-119px;transform:translateX(calc(var(--offset)*155px)) translateZ(calc(var(--depth)*-110px)) rotateY(calc(var(--offset)*-20deg))}.flavor-face{padding-top:20px}.flavor-face h3{font-size:32px}.flavor-face img{height:218px}.flavor-controls{gap:10px}.flavor-controls span{min-width:126px}.flavor-carousel{margin:0 -6vw}}@media(prefers-reduced-motion:reduce){.flavor-slide{transition:none}.flavor-slide.is-flipping .flavor-face{animation:none}}