/* Il Matto — секции главной: уточнения поверх базы (мобильная версия).
   Десктопные раскладки тех же секций — в desktop.css. */

/* --- шапка секции: eyebrow → h2 → lead; единый ритм --- */
.region__head,.section>.region__pad:first-child{margin-bottom:0}
.region__head .lead--gap,.region__pad .lead--gap{margin-bottom:var(--sp-xs)}

/* --- хиро: плашка награды чуть ниже шапки --- */
.hero__badge{top:calc(var(--topbar-h) + 34px)}

/* --- локация: карта + факты --- */
.region__grid{display:flex;flex-direction:column;gap:12px}
.map{margin-bottom:0}

/* --- кухня: карточки блюд и меню --- */
.rail--dishes{padding-bottom:6px}
.region__pad--menu{padding-top:var(--sp-sm)}
.menu__title{letter-spacing:-.005em}

/* --- вино: разделители и числа --- */
.wine__nums>div:not(.wine__sep){flex:1}
.wine__cap{line-height:1.35}

/* --- залы --- */
.hall__body{left:16px;right:16px;bottom:16px}
.hall .pill{top:14px;left:14px}

/* --- атмосфера --- */
.rail--shots{padding-bottom:8px}

/* --- банкеты --- */
.banquet__acts .btn-cream,.banquet__acts .btn-ghost{flex:none}

/* --- контакты: карта в контактах и адрес в оверлее — только на десктопе --- */
.contacts__map{margin-top:22px;height:240px}
.contacts__facts{margin-top:22px}
.nav__contacts{display:none}

/* --- подвал --- */
.footer__links a{transition:color .3s var(--ease-soft)}

/* --- оверлей навигации: ступенчатое появление пунктов --- */
.nav__list a{opacity:0;transform:translateY(14px);animation:navin .7s var(--ease) both}
.nav__list a:nth-child(1){animation-delay:.05s}
.nav__list a:nth-child(2){animation-delay:.09s}
.nav__list a:nth-child(3){animation-delay:.13s}
.nav__list a:nth-child(4){animation-delay:.17s}
.nav__list a:nth-child(5){animation-delay:.21s}
.nav__list a:nth-child(6){animation-delay:.25s}
.nav__list a:nth-child(7){animation-delay:.29s}
.nav__list a:nth-child(8){animation-delay:.33s}
.nav__list a:nth-child(n+9){animation-delay:.37s}
.nav__foot{animation:navin .8s var(--ease) .4s both}
@keyframes navin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.nav__list a,.nav__foot{opacity:1;transform:none;animation:none}}

/* ==========================================================================
   Слайдер карточек (причины): лента со snap + стрелки на десктопе
   ========================================================================== */
.slider{position:relative}
.feats--slider{display:flex;gap:12px;margin:0 calc(-1 * var(--pad));padding:0 var(--pad) 12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab}
.feats--slider::-webkit-scrollbar{display:none}
.feats--slider.is-dragging{cursor:grabbing;scroll-snap-type:none}
.feats--slider .feat{flex:0 0 min(262px,78vw);flex-direction:column;gap:16px;scroll-snap-align:start;padding:20px 18px 22px}
.feats--slider .feat b{font-size:18px}
/* карточка с «водяным знаком»: огромная тонкая иконка уходит за правый верхний угол, текст внизу */
.feat--art{position:relative;overflow:hidden;min-height:300px;justify-content:flex-end;isolation:isolate}
.feat__art{position:absolute;right:-46px;top:-40px;width:230px;height:230px;opacity:.28;pointer-events:none;z-index:0;transform:rotate(-8deg)}
.feat__art svg{width:100%;height:100%;display:block}
.feat__body{position:relative;z-index:1}
.feat--art::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 30%,rgba(var(--bg-rgb),.55) 100%)}
.slider__nav{display:none;justify-content:flex-end;gap:8px;margin-top:6px}
.slider__btn{
  display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);
  border:1px solid rgba(var(--ink-rgb),.2);background:rgba(var(--ink-rgb),.05);color:var(--ink);cursor:pointer;padding:0;
  transition:border-color .3s var(--ease-soft),opacity .3s var(--ease-soft);
}
.slider__btn:disabled{opacity:.3;cursor:default}
.slider__btn:not(:disabled):hover{border-color:var(--gold)}