/* Панель действий на страницах кафе: главная, маршрут, звонок, меню, заказ. */
.cafe-actions{position:fixed;z-index:60;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;padding:6px;background:rgba(12,40,81,.95);border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 14px 34px rgba(6,20,45,.32);font-family:Manrope,Arial,sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cafe-actions a{display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:9px;color:#fff;font-size:13px;font-weight:800;line-height:1.1;text-decoration:none;white-space:nowrap;transition:background .18s,color .18s}
.cafe-actions a:hover{background:rgba(255,255,255,.13)}
.cafe-actions a:focus-visible{outline:3px solid #ffcf31;outline-offset:2px}
.cafe-actions a.is-primary{background:#ffcf31;color:#0c2851}
.cafe-actions a.is-primary:hover{background:#fff}
.cafe-actions svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.feature-order{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:12px;padding:11px 16px;border-radius:7px;background:#ffcf31;color:#0c2851;font:800 14px/1.1 Manrope,Arial,sans-serif;letter-spacing:0;text-decoration:none;transition:transform .18s,background .18s}
.feature-order:hover{transform:translateY(-2px);background:#fff}
.feature-order:focus-visible{outline:3px solid #fff;outline-offset:3px}
.feature-order[hidden]{display:none}
@media(max-width:700px){
  .cafe-actions{left:8px;right:8px;bottom:8px;transform:none;justify-content:space-between;gap:2px;padding:5px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
  .cafe-actions a{flex:1;flex-direction:column;justify-content:center;gap:4px;padding:8px 2px;font-size:10.5px;min-height:52px}
  body{padding-bottom:78px}
}
@media(prefers-reduced-motion:reduce){.cafe-actions a,.feature-order{transition:none}}
/* Длинные названия блюд не выходят за карточку на узких экранах */
.menu-feature-text strong,.mall-menu-feature-copy strong{overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}

/* Общая доступность без изменения композиции кафе. */
.cafe-skip-link{position:fixed;z-index:100;top:12px;left:12px;transform:translateY(-160%);padding:14px 20px;border-radius:7px;background:#ffcf31;color:#0c2851;font-weight:800;text-decoration:none}
.cafe-skip-link:focus{transform:translateY(0)}
.cafe-main{min-width:0}
.cafe-main:focus{outline:none}
html{scroll-padding-bottom:100px}
body{padding-bottom:90px}
button,a,canvas{scroll-margin-block:110px 100px}
button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #0c2851}
.cafe-actions a,.feature-order,.hero-scroll,.menu-tabs button,.menu-dish,.mall-dish-button,.mall-viewer-head button,.mall-viewer-bottom>button,.entrance-marker,.cafe-marker,.mall-marker,.cafe-hero-content button{min-height:44px}
#entry-panel-close,#close-card,#photo-close,#photo-prev,#photo-next,#mall-photo-close,#mall-photo-prev,#mall-photo-next{min-width:44px;min-height:44px}
.menu-tabs{padding-top:6px;padding-inline:6px;margin-inline:-6px}
.menu-tabs button[aria-pressed="true"]{background:var(--yellow);border-color:var(--yellow)}
.menu-dish:focus-visible{outline-offset:-3px;box-shadow:inset 0 0 0 5px #0c2851}
.menu-retry{display:block;min-height:44px;margin-block:12px;padding:10px 16px;border:0;border-radius:7px;background:#ffcf31;color:#0c2851;font-weight:800}
.menu-list li:has(.menu-retry){padding-block:18px;line-height:1.5}
.hero-video-toggle{position:absolute;left:clamp(28px,6.5vw,112px);bottom:22px;z-index:2;min-height:44px;padding:10px 14px;border:1px solid #fff;border-radius:7px;background:#0c2851;color:#fff;font:800 12px/1.2 Manrope,Arial,sans-serif;cursor:pointer}
@media(max-width:700px){.hero-video-toggle{left:auto;right:20px;bottom:16px;font-size:11px}}
@media(max-width:700px){body{padding-bottom:calc(82px + env(safe-area-inset-bottom))}.cafe-actions a{min-height:52px}}
@media(max-width:360px){
  .kozina-hero h1{font-size:clamp(27px,8.4vw,30px)}
  .mall-hero h1{font-size:clamp(29px,9.1vw,33px)}
}