/* Актив-Мото: общая шапка сайта — как на главной («Две строки»), меняется здесь один раз. Все классы с приставкой amh-, чтобы не задевать стили страниц.
   Подключение: <link rel="stylesheet" href="/assets/shapka.css"> + <div id="am-head" data-on="service"></div> в начале body + <script src="/assets/shapka.js"></script>. 20.10.2026 */
.amh { position:sticky; top:0; z-index:50; background:#fff; border-bottom:1px solid #ECEDF0; transition:box-shadow .25s; font-family:'Golos Text', system-ui, sans-serif; color:#111214; }
.amh.amh-sc { box-shadow:0 8px 24px -16px rgba(17,18,20,.35); }
.amh, .amh * { box-sizing:border-box; } .amh a { color:inherit; text-decoration:none; } .amh img { display:block; max-width:100%; } .amh button, .amh input { font-family:inherit; color:inherit; }
.amh svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; flex:none; }
.amh-w { max-width:1240px; margin:0 auto; padding:0 16px; } @media (min-width:960px) { .amh-w { padding:0 32px; } }
.amh-r1 { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; padding-top:10px; padding-bottom:10px; }
.amh-logo img { height:34px; } @media (min-width:960px) { .amh-logo img { height:40px; } }
.amh-s { position:relative; order:3; flex:1 0 100%; }
.amh-s input { width:100%; height:44px; border-radius:12px; border:1px solid #ECEDF0; background:#F5F6F7; padding:0 44px 0 42px; font-size:15px; outline:none; transition:background .2s, border-color .2s; }
.amh-s input:focus { background:#fff; border-color:#6B7079; } .amh-s > svg { position:absolute; left:13px; top:13px; color:#6B7079; }
.amh-s kbd { display:none; position:absolute; right:12px; top:50%; translate:0 -50%; font:500 12px 'JetBrains Mono', monospace; color:#6B7079; border:1px solid #ECEDF0; border-radius:6px; padding:1px 7px; background:#fff; }
.amh-f { position:absolute; left:0; right:0; top:52px; background:#fff; border:1px solid #ECEDF0; border-radius:14px; box-shadow:0 18px 40px -18px rgba(0,0,0,.35); max-height:60vh; overflow-y:auto; z-index:5; padding:6px; }
.amh-f a { display:grid; grid-template-columns:40px 1fr auto; gap:12px; align-items:center; padding:8px 10px; border-radius:10px; font-size:14.5px; } .amh-f a:hover, .amh-f a.on { background:#F5F6F7; }
.amh-f i { width:40px; height:40px; border-radius:10px; background:#F5F6F7; display:grid; place-items:center; color:#3D4047; } .amh-f b { font-weight:600; } .amh-f small { display:block; color:#6B7079; font-size:12.5px; } .amh-f em { font-style:normal; font-weight:700; white-space:nowrap; }
.amh-f .none { padding:12px; color:#6B7079; font-size:14px; }
.amh-rt { margin-left:auto; display:flex; gap:8px; align-items:center; }
.amh-msg { display:none; align-items:center; gap:2px; height:46px; padding:0 6px 0 12px; border-radius:12px; border:1px solid #ECEDF0; font-size:14px; font-weight:600; white-space:nowrap; }
.amh-msg a { width:34px; height:34px; display:grid; place-items:center; border-radius:8px; } .amh-msg a:hover { background:#F5F6F7; } .amh-msg img { width:22px; height:22px; }
.amh-call { display:none; height:48px; gap:10px; padding:0 18px; border-radius:12px; background:#111214; color:#fff !important; font-weight:600; font-size:15px; align-items:center; white-space:nowrap; transition:transform .25s cubic-bezier(.16,1,.3,1), box-shadow .25s; }
.amh-call:hover { transform:translateY(-2px); box-shadow:0 10px 22px -12px rgba(17,18,20,.45); } .amh-call span { display:grid; line-height:1.15; text-align:left; } .amh-call small { font-size:12px; font-weight:500; opacity:.7; }
.amh-bg { width:46px; height:46px; border-radius:12px; border:1px solid #ECEDF0; background:#fff; display:grid; place-items:center; cursor:pointer; }
.amh-r2 { display:none; }
@media (min-width:960px) {
  .amh-r1 { flex-wrap:nowrap; height:76px; padding-top:0; padding-bottom:0; gap:16px; } .amh-s { order:0; flex:1; max-width:520px; } .amh-s kbd { display:block; }
  .amh-msg, .amh-call { display:inline-flex; } .amh-bg { display:none; }
  .amh-r2 { display:flex; align-items:center; gap:24px; height:46px; border-top:1px solid #ECEDF0; font-size:14.5px; font-weight:500; }
  .amh-r2 a { height:100%; display:inline-flex; align-items:center; gap:6px; position:relative; color:#3D4047; white-space:nowrap; } .amh-r2 a:hover, .amh-r2 a.on { color:#111214; }
  .amh-r2 a::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#E2231A; transform:scaleX(0); transition:transform .2s; } .amh-r2 a:hover::after, .amh-r2 a.on::after { transform:none; }
  .amh-r2 .amh-cat { color:#111214; font-weight:700; } .amh-r2 .amh-sp { margin-left:auto; } .amh-r2 .amh-hot { color:#E2231A; font-weight:700; } .amh-r2 svg { width:17px; height:17px; }
}
/* меню на телефоне */
.amh-m { position:fixed; inset:0; z-index:80; background:#fff; transform:translateY(-100%); visibility:hidden; transition:transform .3s cubic-bezier(.16,1,.3,1), visibility 0s .3s; overflow-y:auto; overscroll-behavior:contain; font-family:'Golos Text', system-ui, sans-serif; color:#111214; }
.amh-m.on { transform:none; visibility:visible; transition:transform .3s cubic-bezier(.16,1,.3,1); } .amh-m * { box-sizing:border-box; } .amh-m a { color:inherit; text-decoration:none; }
.amh-m > div { max-width:560px; min-height:100%; margin:0 auto; display:flex; flex-direction:column; padding:12px 20px calc(22px + env(safe-area-inset-bottom)); }
.amh-m .mh { display:flex; justify-content:space-between; align-items:center; margin-bottom:6px; } .amh-m .mh img { height:32px; }
.amh-m .mt { font:500 12px 'JetBrains Mono', monospace; letter-spacing:.12em; text-transform:uppercase; color:#6B7079; margin:18px 0 4px; }
.amh-m .mi { display:flex; justify-content:space-between; align-items:center; padding:12px 0; font-size:17px; font-weight:500; border-bottom:1px solid #ECEDF0; } .amh-m .mi span { color:#6B7079; font-size:14px; } .amh-m .mi.on { font-weight:700; }
.amh-m .mf { margin-top:auto; padding-top:20px; display:grid; gap:8px; }
.amh-m .mf .c { height:52px; border-radius:12px; background:#111214; color:#fff; display:flex; align-items:center; justify-content:center; gap:8px; font-weight:600; }
.amh-m .mf .two { display:grid; grid-template-columns:1fr 1fr; gap:8px; } .amh-m .mf .two a { height:48px; border-radius:12px; border:1px solid #ECEDF0; display:flex; align-items:center; justify-content:center; gap:8px; font-weight:600; } .amh-m img.ic { width:22px; height:22px; }
.amh-m svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
/* «Позвонить» кнопкой (data-pick — выбор салона на главной) */
button.amh-call, .amh-m button.c { border:0; font-family:inherit; cursor:pointer; }