/* Phone header and bottom tab bar — Claude Design «Категория - мобильная». Below 960 px they replace the old header and burger menu. */
:root{--sd-mbar-h:calc(64px + env(safe-area-inset-bottom))}
.sd-mhead,.sd-mbar,.sd-msheet{--sp-blue:#144474;--sp-red:#cd213b;--g200:#e5e5e5;--g500:#999;--g600:#666;--g800:#333;
  --font-display:'Oswald','Arial Narrow',sans-serif;--font-body:"Helvetica Neue",Helvetica,Arial,sans-serif;
  display:none;font-family:var(--font-body);text-transform:none}
.sd-mhead *,.sd-mbar *,.sd-msheet *{box-sizing:border-box;text-transform:none}

@media (max-width:959px){
  .tm-header-mobile{display:none!important}
  body{padding-bottom:var(--sd-mbar-h)}
  html.sd-msheet-open{overflow:hidden}

  .sd-mhead{position:sticky;top:0;z-index:980;display:flex;align-items:center;gap:4px;height:60px;padding:0 6px 0 15px;background:var(--sp-blue)}
  .sd-mhead-logo{display:flex;align-items:center;margin-right:auto}
  .sd-mhead-logo img{display:block;width:auto;height:44px}
  .sd-mhead .sd-mhead-phone{display:flex;align-items:center;gap:8px;height:44px;padding:0 9px;color:#fff;font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
  .sd-mhead .sd-mhead-phone:hover{color:#fff;text-decoration:none}
  .sd-mhead-phone svg{display:block;flex:none}

  .sd-mbar{position:fixed;left:0;right:0;bottom:0;z-index:990;display:grid;grid-template-columns:repeat(4,1fr);box-sizing:content-box;height:64px;padding-bottom:env(safe-area-inset-bottom);
    background:#fff;border-top:1px solid var(--g200);box-shadow:0 -4px 15px rgba(0,0,0,.06)}
  .sd-mbar .sd-mbar-tab{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;margin:0;padding:6px 0 0;border:0;border-radius:0;background:none;
    color:var(--g600);font:500 11px/1.2 var(--font-body);text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
  .sd-mbar-tab::before{content:"";position:absolute;top:0;left:25%;right:25%;height:2px;background:transparent}
  .sd-mbar .sd-mbar-tab:hover{color:var(--sp-blue);text-decoration:none}
  .sd-mbar .sd-mbar-tab[aria-current],.sd-mbar .sd-mbar-tab[aria-expanded=true]{color:var(--sp-blue)}
  .sd-mbar-tab[aria-current]::before,.sd-mbar-tab[aria-expanded=true]::before{background:var(--sp-red)}
  /* An open sheet is the active tab; the current page tab steps back meanwhile. */
  .sd-mbar[data-open] .sd-mbar-tab[aria-current]{color:var(--g600)}
  .sd-mbar[data-open] .sd-mbar-tab[aria-current]::before{background:transparent}
  .sd-mbar .sd-mbar-tab:focus-visible{outline:2px solid var(--sp-blue);outline-offset:-4px}
  .sd-mbar-icon{position:relative;display:block;width:24px;height:24px}
  .sd-mbar-icon svg{display:block}
  .sd-mbar-badge{position:absolute;top:-4px;left:15px;min-width:18px;height:18px;padding:0 5px;border-radius:500px;background:var(--sp-red);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center}
  .sd-mbar-badge[hidden]{display:none}

  .sd-msheet{position:fixed;top:0;left:0;right:0;bottom:var(--sd-mbar-h);z-index:985;display:flex;align-items:flex-end;justify-content:center}
  .sd-msheet[hidden]{display:none}
  .sd-msheet-overlay{position:absolute;inset:0;background:rgba(0,0,0,.5)}
  .sd-msheet-panel{position:relative;width:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;display:grid;gap:18px;padding:15px 15px 10px;
    background:#fff;border-radius:15px 15px 0 0;color:var(--g600);outline:none}
  .sd-msheet-group{display:grid;margin:0}
  .sd-msheet .sd-msheet-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;font-family:var(--font-display);font-size:16px;font-weight:600;line-height:1.3;color:var(--sp-blue);text-decoration:none}
  .sd-msheet summary.sd-msheet-title{min-height:44px;padding:0;list-style:none;cursor:pointer}
  .sd-msheet summary.sd-msheet-title::-webkit-details-marker{display:none}
  .sd-msheet summary.sd-msheet-title svg{color:var(--g500);transform:rotate(90deg);transition:transform .2s ease-out}
  .sd-msheet details[open]>summary.sd-msheet-title svg{transform:rotate(-90deg)}
  .sd-msheet .sd-msheet-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:6px 0;border-top:1px solid var(--g200);
    color:var(--g800);font-size:.9375rem;line-height:1.3;text-decoration:none}
  .sd-msheet .sd-msheet-row:hover{color:var(--sp-blue);text-decoration:none}
  .sd-msheet .sd-msheet-row.is-active{color:var(--sp-blue);font-weight:600}
  .sd-msheet-row svg{flex:none;color:var(--g500)}
  .sd-msheet-links{display:flex;flex-wrap:wrap;gap:6px 18px;padding-top:12px;border-top:1px solid var(--g200)}
  .sd-msheet .sd-msheet-links a{display:flex;align-items:center;min-height:40px;font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--sp-blue);text-decoration:none}
  .sd-msheet-contacts{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--g200)}
  .sd-msheet .sd-msheet-phone{display:flex;align-items:center;min-height:36px;font-family:var(--font-display);font-size:1.0625rem;font-weight:600;color:var(--sp-blue);text-decoration:none}
  .sd-msheet-social{display:flex;gap:10px;padding-top:8px}
  .sd-msheet-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--sp-blue)}
  .sd-msheet-social img{display:block;width:24px;height:24px}

  /* Fixed bottom elements sit above the tab bar. */
  .tm-cookie-banner.uk-position-bottom{bottom:var(--sd-mbar-h)}
  .sd-msheet-open .tm-cookie-banner{visibility:hidden}
  #sd-notice{bottom:calc(76px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.sd-msheet summary.sd-msheet-title svg{transition:none}}