/* Mobile menu experiment: navigation and practical contact details. */
.mobile-drawer[hidden] { display: none !important; }
.mobile-drawer { display: none; }
.mobile-drawer:focus { outline: none; }
.header__quick-info { display: none; }
.contacts__icon { border-radius: 50%; overflow: hidden; }
@media (max-width: 1152px) {
  :root { --barsuk-mobile-header-height: 106px; }
  body { padding-top: var(--barsuk-mobile-header-height); }
  .header { height: var(--barsuk-mobile-header-height); padding: 14px 0 0; box-sizing: border-box; }
  .header__quick-info {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    height: 40px; width: calc(100% - 48px); margin: 10px auto 0;
    border-top: 1px solid #de905822; box-sizing: border-box;
    font: 13px/1.3 Gilroy, sans-serif;
  }
  .header__quick-info a, .header__quick-hours { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
  .header__quick-info a { color: #e8c1a3; text-decoration: none; }
  .header__quick-hours { color: #c8bcb2; }
  .header__quick-info svg { width: 14px; height: 14px; flex: 0 0 14px; color: #de9058; }
  .header .mobile-menu { border: 0; height: 36px; }
  .header .mobile-menu__btn {
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #de9058;
    border-radius: 50%;
    background: transparent;
    color: #de9058;
  }
  .header .mobile-menu__icon { width: 20px; }
  .mobile-menu__btn[aria-expanded="true"] .mobile-menu__icon { background: transparent; }
  .mobile-menu__btn[aria-expanded="true"] .mobile-menu__icon::before { top: 0; transform: rotate(45deg); }
  .mobile-menu__btn[aria-expanded="true"] .mobile-menu__icon::after { top: 0; transform: rotate(-45deg); }
  body.menu-is-open { overflow: hidden; }
  body.menu-is-open .go_up { visibility: hidden; }
  body.menu-is-open .header { background: #121010; z-index: 1201; }
  .mobile-drawer {
    position: fixed;
    z-index: 1200;
    inset: var(--barsuk-mobile-header-height) 0 0;
    display: block;
    height: calc(100vh - var(--barsuk-mobile-header-height));
    height: calc(100dvh - var(--barsuk-mobile-header-height));
    background: #121010;
    border-top: 1px solid #de90581f;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    color: #f8f5f2;
  }
  .mobile-drawer__inner {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
    padding: 20px 24px max(24px, env(safe-area-inset-bottom));
    box-sizing: border-box;
    animation: drawer-enter 180ms ease-out;
  }
  .mobile-drawer nav { display: block; }
  .mobile-drawer__links { display: block; margin: 0; padding: 0; list-style: none; }
  .mobile-drawer__links li { margin: 0; padding: 0; }
  .mobile-drawer__links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 48px;
    font: 26px/1.25 Constantia, serif;
    text-decoration: none;
    color: #f8f5f2;
  }
  .mobile-drawer__links svg { width: 16px; height: 16px; color: #de90587a; flex: 0 0 16px; }
  .mobile-drawer__contacts { margin-top: 24px; }
  .mobile-drawer__details {
    display: grid;
    gap: 18px;
    padding: 18px;
    background: #1b1816;
    border: 1px solid #de905830;
    border-radius: 20px;
  }
  .mobile-drawer__detail { display: flex; align-items: center; gap: 12px; min-width: 0; }
  .mobile-drawer__detail > svg { width: 20px; height: 20px; flex: 0 0 20px; color: #de9058; }
  .mobile-drawer__detail > div { min-width: 0; }
  .mobile-drawer__label {
    display: block;
    margin: 0 0 4px;
    font: 11px/1.3 Gilroy, sans-serif;
    color: #aa9d92;
  }
  .mobile-drawer__value {
    margin: 0;
    font: 16px/1.4 Gilroy, sans-serif;
    color: #f8f5f2;
    text-decoration: none;
  }
  .mobile-drawer__subtext { display: block; margin-top: 2px; font: 12px/1.4 Gilroy, sans-serif; color: #aa9d92; }
  .mobile-drawer__contact-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
  .mobile-drawer__phone { padding: 3px 0; text-decoration: none; font: 20px/1.4 Gilroy, sans-serif; color: #f8f5f2; }
  .mobile-drawer__telegram {
    display: inline-flex; align-items: center; justify-content: center;
    width: 44px; height: 44px; flex: 0 0 44px;
    border: 1px solid #de905870; border-radius: 50%; color: #de9058;
  }
  .mobile-drawer__telegram svg { width: 20px; height: 20px; }
  .mobile-drawer a:focus-visible, .mobile-menu__btn:focus-visible { outline: 2px solid #de9058; outline-offset: 4px; }
  .mobile-drawer a:hover { color: #de9058; }
  @keyframes drawer-enter { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
}
@media (max-width: 767px) {
  #main { height: calc(100vh - var(--barsuk-mobile-header-height)); height: calc(100svh - var(--barsuk-mobile-header-height)); }
}
@media (max-width: 359px), (max-height: 660px) {
  .mobile-drawer__inner { padding: 12px 20px max(16px, env(safe-area-inset-bottom)); }
  .mobile-drawer__links a { font-size: 23px; min-height: 40px; }
  .mobile-drawer__contacts { margin-top: 18px; }
  .mobile-drawer__details { padding: 14px; gap: 14px; border-radius: 16px; }
  .mobile-drawer__value { font-size: 14px; }
  .mobile-drawer__contact-row { margin-top: 12px; }
  .mobile-drawer__phone { font-size: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .mobile-drawer__inner { animation: none; }
  .mobile-menu__icon, .mobile-menu__icon::before, .mobile-menu__icon::after { transition: none; }
}