.food-hero-slider{position:relative;width:100vw;height:clamp(350px,31vw,420px);margin-left:calc(50% - 50vw);overflow:hidden;background:#042d71;color:#fff}
.wrap:has(> .food-hero-slider){padding-top:0}
@media(min-width:1024px){.food-hero-slider{height:500px}}
.food-slides,.food-slide{height:100%}
.food-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease;pointer-events:none}
.food-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}
.food-slide>img{width:100%;height:100%;object-fit:cover;display:block}
.food-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,24,61,.22),transparent 64%);pointer-events:none}
.food-slide-content{position:absolute;z-index:2;left:max(6vw,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);width:min(510px,44vw)}
.food-slide-content span{color:#ffc400;font-weight:900;letter-spacing:.03em}
.food-slide-content h1,.food-slide-content h2{font-size:clamp(36px,5vw,68px);line-height:1;margin:9px 0 12px;color:#fff;text-shadow:0 3px 16px rgba(0,0,0,.22)}
.food-slide-content p{font-size:clamp(15px,1.5vw,19px);line-height:1.65;margin:0 0 22px;color:#fff}
.food-slide-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:44px;height:52px;border:0;border-radius:12px;background:rgba(0,27,72,.62);color:#fff;font-size:34px;cursor:pointer}
.food-slide-arrow.prev{left:18px}
.food-slide-arrow.next{right:18px}
.food-slide-dots{position:absolute;z-index:4;bottom:16px;left:50%;transform:translateX(-50%);display:flex;gap:8px}
.food-slide-dots button{width:10px;height:10px;border:0;border-radius:10px;background:rgba(255,255,255,.65);padding:0}
.food-slide-dots button.is-active{width:30px;background:#ffc400}
.food-hero-slider+.home-section{margin-top:48px}

@media(max-width:720px){.food-hero-slider{height:280px}
.food-slide>img{object-position:65% center}
.food-slide:after{background:linear-gradient(90deg,rgba(1,24,61,.94) 0%,rgba(1,24,61,.66) 58%,rgba(1,24,61,.1) 100%)}
.food-slide-content{left:22px;width:72vw}
.food-slide-content h1,.food-slide-content h2{font-size:38px}
.food-slide-content p{font-size:14px;line-height:1.45;margin-bottom:16px}
.food-slide-arrow{display:none}
.food-slide-dots{bottom:10px}
}