/* Campaign artwork stays intact while the whole card lifts. */
#home-flavour-banners .home-flavour-banner-grid{isolation:isolate}
#home-flavour-banners .home-flavour-card--image{position:relative;isolation:isolate;transform-origin:50% 65%;transition:transform .48s cubic-bezier(.2,1.55,.35,1),box-shadow .35s ease,filter .35s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#home-flavour-banners .home-flavour-card--image::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px #ffe8bd00;transition:box-shadow .3s ease}
#home-flavour-banners .home-flavour-card--image::after{content:"";position:absolute;inset:-35% -65%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 38%,#ffffff09 43%,#ffffff62 49%,#ffffff0a 55%,transparent 61%);transform:translateX(-70%);opacity:0}
@media(hover:hover) and (pointer:fine){
 #home-flavour-banners .home-flavour-card--image:hover{z-index:4;transform:translateY(-13px) scale(1.035) rotate(-.6deg);box-shadow:0 28px 46px #57301f30,0 8px 15px #c7884530;filter:saturate(1.07)}
 #home-flavour-banners .home-flavour-card--image:nth-child(2):hover{transform:translateY(-13px) scale(1.035) rotate(.6deg)}
 #home-flavour-banners .home-flavour-card--image:hover::before{box-shadow:inset 0 0 0 2px #ffe8bdbf}
 #home-flavour-banners .home-flavour-card--image:hover::after{animation:flavour-card-shine .85s ease-out both}
}
#home-flavour-banners .home-flavour-card--image:focus-visible{z-index:4;transform:translateY(-8px) scale(1.02);outline:3px solid #d79841;outline-offset:5px;box-shadow:0 22px 40px #57301f25}
#home-flavour-banners .home-flavour-card--image:nth-child(n):active{transform:translateY(1px) scale(.975);transition:transform .12s ease-out;filter:saturate(1.12);box-shadow:0 4px 12px #57301f22}
#home-flavour-banners .home-flavour-card--image:active::before{box-shadow:inset 0 0 0 4px #ffe8bdc9}
@keyframes flavour-card-shine{0%{transform:translateX(-70%);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translateX(70%);opacity:0}}
@media(hover:none){#home-flavour-banners .home-flavour-card--image:hover{transform:none;box-shadow:0 12px 30px #55311a0b}#home-flavour-banners .home-flavour-card--image:nth-child(n):active{transform:scale(.975);box-shadow:0 5px 18px #57301f25}}
@media(prefers-reduced-motion:reduce){#home-flavour-banners .home-flavour-card--image,#home-flavour-banners .home-flavour-card--image::before{transition:none}#home-flavour-banners .home-flavour-card--image:hover,#home-flavour-banners .home-flavour-card--image:focus-visible,#home-flavour-banners .home-flavour-card--image:nth-child(n):active{transform:none}#home-flavour-banners .home-flavour-card--image::after{animation:none;display:none}}

@media (max-width:900px), (hover:none){
 #home-flavour-banners .home-flavour-card--image.is-mobile-moving{animation:flavour-mobile-float 4.5s ease-in-out infinite}
 #home-flavour-banners .home-flavour-card--image.is-mobile-moving::after{animation:flavour-mobile-shine 6s ease-in-out infinite}
 #home-flavour-banners .home-flavour-card--image.is-mobile-moving:nth-child(n):active{animation:none;transform:scale(.975)}
}
@keyframes flavour-mobile-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}
@keyframes flavour-mobile-shine{0%,65%{transform:translateX(-70%);opacity:0}70%{opacity:.55}90%,100%{transform:translateX(70%);opacity:0}}
@media(prefers-reduced-motion:reduce){#home-flavour-banners .home-flavour-card--image.is-mobile-moving,#home-flavour-banners .home-flavour-card--image.is-mobile-moving::after{animation:none!important;transform:none}}
