/* Проект: RUNXIN — сайт runxin.ru (не ZVUMO). Шапка как на главной runxin.ru (владелец 06.11: «меню и логотип должны быть такие же»).
   Правила шапки и окна поиска взяты из /assets/theme.css главной 06.11.2026; переменные главной только внутри шапки, остальная страница не меняется.
   Если на главной поменяют шапку — обновить этот файл тем же способом. */
.hdr,.rxsearch{--bg:#fbfdff; --card:#ffffff; --ink:#0e1c2a; --ink-2:#33465a; --muted:#6b7f93;
  --line:#e4eef6; --line-2:#d3e2ee;
  --accent:#0f83c4; --accent-d:#0b6ba3; --accent-l:#e7f4fc; --accent-2:#17b3c9;
  --brand:#0095e9;                  
  --ok:#0f9d58; --ok-l:#eaf8f0; --warn:#b7791f; --warn-l:#fdf6e7; --bad:#c0392b;
  --r-sm:12px; --r:18px; --r-lg:26px; --r-xl:34px;
  --sh-1:0 1px 2px rgba(14,28,42,.04), 0 6px 18px rgba(14,28,42,.05);
  --sh-2:0 12px 34px rgba(14,28,42,.10);
  --sh-3:0 26px 60px rgba(11,107,163,.16);
  --pad-y:clamp(56px,7vw,104px);
  --wrap:1240px;
  --ease:cubic-bezier(.22,.61,.36,1);
  --soft:initial;font:16.5px/1.62 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}
:where(.hdr) a,:where(.rxsearch) a{color:var(--accent-d);text-decoration:none}
:where(.hdr) button,:where(.rxsearch) button,:where(.rxsearch) input{font:inherit}
.hdr .wrap{max-width:var(--wrap);margin:0 auto;padding-left:22px;padding-right:22px}   /* верх и низ задаёт .hdr-in, как на главной */
.hdr{position:sticky;top:0;z-index:60;background:rgba(251,253,255,.86);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s}
.hdr.scrolled{border-bottom-color:var(--line);box-shadow:0 6px 24px rgba(14,28,42,.05)}
.hdr-in{display:flex;align-items:center;gap:12px;padding-top:14px;padding-bottom:14px;transition:padding .3s var(--ease)}
.hdr.scrolled .hdr-in{padding-top:9px;padding-bottom:9px}
.logo{display:flex;align-items:center;gap:11px;font-weight:900;font-size:25px;letter-spacing:-.02em;color:var(--brand);flex:none}
.logo:hover{color:var(--brand)}
.logo-ic{width:44px;height:auto;display:block;flex:none}
.logo small{display:block;font-size:11px;font-weight:600;color:var(--muted);letter-spacing:0}
.nav{display:flex;align-items:center;gap:2px;margin-left:auto;flex-wrap:nowrap}
.nav a{color:var(--ink-2);font-weight:600;font-size:15px;padding:9px 7px;border-radius:100px;white-space:nowrap;transition:background .2s,color .2s}
@media(max-width:1240px){.nav a{padding:9px 8px;font-size:14.5px}.nav a.cta{padding:10px 15px}}
.nav a:hover{background:var(--accent-l);color:var(--accent-d)}
.nav a.cta{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;padding:11px 13px;box-shadow:0 8px 20px rgba(15,131,196,.26)}
.nav a.cta:hover{color:#fff;filter:brightness(1.06)}
.phonelink{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:15px;color:var(--ink);
  white-space:nowrap;background:var(--soft);border:1px solid var(--line);border-radius:100px;padding:9px 11px;
  transition:background .2s,color .2s,border-color .2s}
.phonelink:hover{color:var(--accent-d);background:var(--accent-l);border-color:var(--line-2)}
.phonelink svg{color:var(--accent);stroke-width:2}
.hdr-contacts{display:flex;align-items:center;gap:6px}
@media(max-width:1240px){.phonelink{padding:9px 11px}.phonelink-num{font-size:14px}}
@media(max-width:560px){.hdr-in{flex-wrap:wrap;row-gap:6px;padding-top:9px;padding-bottom:9px}.logo{order:1}.burger{order:2;margin-left:auto}.hdr-contacts{order:3;width:100%;justify-content:center;gap:8px}.phonelink{padding:6px 10px;gap:6px}.phonelink-num{font-size:13.5px}.hdr-rate{display:none}}
@media(max-width:400px){.phonelink{padding:7px 8px;gap:5px}.phonelink-num{font-size:12.5px}.hdr-contacts{gap:6px}.phonelink svg{width:14px;height:14px}}
.cartlink{display:inline-flex;align-items:center;gap:8px;font-weight:700}
.cartlink b{min-width:24px;text-align:center;background:var(--accent);color:#fff;border-radius:100px;padding:2px 8px;font-size:13px}
.cartlink b{min-width:20px;padding:1px 6px;font-size:12.5px}
.burger{display:none;margin-left:auto;width:46px;height:46px;border-radius:14px;border:1px solid var(--line-2);background:#fff;cursor:pointer;padding:12px}
.burger span{display:block;height:2px;background:var(--ink);border-radius:2px;transition:.25s var(--ease)}
.burger span+span{margin-top:5px}
.burger.on span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.on span:nth-child(2){opacity:0}
.burger.on span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1080px){.nav a.cta, .nav .nav-shop, .nav .nav-contacts, .nav .nav-cases{display:none}}
@media(max-width:1080px){.burger{display:block}.hdr-in{position:relative}.nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:6px;background:#fff;
    border-bottom:1px solid var(--line);padding:16px 22px 24px;box-shadow:var(--sh-2);
    visibility:hidden;opacity:0;transform:translateY(-8px);
    transition:transform .25s var(--ease),opacity .25s var(--ease),visibility .25s;
    max-height:calc(100vh - 64px);overflow:auto}.nav.open{visibility:visible;opacity:1;transform:none}.nav a{padding:13px 16px;font-size:17px}}
@media(max-width:860px){.nav a[href$="#cases"]{display:none}}
.pp-form .rx-sendpair{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.pp-form .rx-sendpair .btn{flex:1 1 180px;width:auto}
@media(max-width:560px){.pp-form .rx-sendpair .btn{flex:1 1 100%}}
.searchbtn{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);
  background:#fff;color:var(--ink-2);cursor:pointer;flex:none;transition:.2s}
.searchbtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-l)}
@media(max-width:1080px){.searchbtn{width:46px;height:46px;border-radius:14px}}
.searchbtn-t{display:none}
@media(max-width:1080px){.nav .searchbtn{display:flex;justify-content:flex-start;width:100%;height:auto;gap:10px;
    border:0;background:transparent;border-radius:8px;padding:13px 16px;
    font-size:17px;font-weight:600;color:var(--ink-2)}.nav .searchbtn:hover{background:var(--accent-l);color:var(--accent)}.nav .searchbtn-t{display:inline}}
.rxsearch{position:fixed;inset:0;z-index:80;background:rgba(14,28,42,.45);backdrop-filter:blur(3px);
  display:flex;align-items:flex-start;justify-content:center;padding:clamp(16px,7vh,90px) 16px 16px}
.rxsearch[hidden]{display:none}
.rxsearch-panel{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-3);width:min(720px,100%);
  max-height:80vh;display:flex;flex-direction:column;overflow:hidden}
.rxsearch-form{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.rxsearch-form input{flex:1;border:0;outline:0;font:inherit;font-size:17px;color:var(--ink);background:none;min-width:0}
.rxsearch-close{border:1px solid var(--line);background:#fff;border-radius:100px;padding:7px 14px;
  font:inherit;font-size:14px;color:var(--muted);cursor:pointer;flex:none}
.rxsearch-close:hover{border-color:var(--accent);color:var(--accent)}
.rxsearch-res{overflow-y:auto;padding:8px}
.rxsearch-item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--r-sm);color:var(--ink)}
.rxsearch-item:hover{background:var(--accent-l);color:var(--ink)}
.rxsearch-item img{width:44px;height:44px;object-fit:contain;background:var(--soft);border-radius:8px;flex:none}
.rxsearch-item .t{flex:1;font-size:15.5px;font-weight:600;line-height:1.3}
.rxsearch-item .p{font-weight:800;white-space:nowrap;font-size:15px}
.rxsearch-all{display:block;text-align:center;padding:12px;font-weight:700;color:var(--accent-d)}
.rxsearch-hint{margin:0;padding:18px 14px;color:var(--muted)}
body.rxsearch-open{overflow:hidden}
.hdr-rate{display:none}
@media(min-width:1241px){.hdr-rate{display:block;flex:none;width:150px;height:50px;overflow:hidden;border-radius:8px}.hdr-rate iframe{display:block;border:0}}
.rx-send[disabled]{opacity:.55;cursor:not-allowed;filter:grayscale(.3)}
.rx-send[disabled]:hover{transform:none;box-shadow:var(--sh-1)}
.rx-sbp-out{margin-top:14px}
.rx-sbp-card{padding:16px 14px;border:1px solid var(--line-2);border-radius:var(--r-lg);
  background:#fff;text-align:center}
.rx-sbp-qr{display:block;width:200px;height:200px;margin:0 auto;background:#fff}
.rx-sbp-lead{margin:10px 0 0;font-size:14.5px;color:var(--muted)}
.rx-sbp-lead b{display:block;margin-top:2px;font-size:22px;color:var(--ink)}
@media(max-width:700px){.rx-sbp-qr{width:170px;height:170px}}
@media(max-width:1080px){.hdr-in{flex-wrap:wrap;row-gap:6px}.logo{order:1;margin-right:auto}.nav{order:2;margin-left:0}.hdr-contacts{order:3;width:100%;justify-content:flex-start}.burger{display:none}.nav{position:static;flex-direction:row;align-items:center;gap:6px;
    background:none;border:0;box-shadow:none;padding:0;visibility:visible;opacity:1;transform:none;
    max-height:none;overflow:visible}.nav a{padding:0;font-size:15px}.nav .searchbtn-t,.nav .cartlink-t{display:none}.nav .searchbtn,.nav .cartlink{width:44px;height:44px;flex:none;padding:0;
    display:inline-flex;align-items:center;justify-content:center;
    border-radius:14px;background:var(--soft);border:1px solid var(--line);position:relative}.nav .searchbtn svg,.nav .cartlink svg{width:21px;height:21px}.nav .cartlink{gap:0}.nav .cartlink b{position:absolute;top:-6px;right:-6px;min-width:19px;padding:1px 5px;font-size:11.5px}}
.nav-links{display:contents}
.nav .nav-podbor{display:none}
@media(max-width:1080px){.burger{display:block;order:3;margin-left:6px;width:44px;height:44px;padding:11px 11px}.hdr-contacts{order:4}.nav .nav-links{position:absolute;top:100%;left:0;right:0;z-index:50;display:flex;flex-direction:column;gap:2px;
    background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--sh-2);padding:10px 16px 16px;
    visibility:hidden;opacity:0;transform:translateY(-6px);
    transition:opacity .2s var(--ease),transform .2s var(--ease),visibility .2s}.nav.open .nav-links{visibility:visible;opacity:1;transform:none}.nav .nav-links a,.nav .nav-links a.cta{display:block;padding:13px 14px;font-size:17px;font-weight:600;
    border-radius:12px;background:none;color:var(--ink);box-shadow:none}.nav .nav-links a:hover,.nav .nav-links a.cta:hover{background:var(--accent-l);color:var(--accent-d);filter:none}}
.hdr-landing .hdr-contacts{margin-left:auto}
.rx-sendpair{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:4px}
.rx-sendpair .rx-send{display:inline-flex;align-items:center;gap:8px;border:1.5px solid transparent;
  border-radius:99px;padding:11px 18px;font-weight:600;color:#fff;cursor:pointer;
  transition:filter .15s ease, transform .05s ease}
.rx-sendpair .rx-send:hover{filter:brightness(1.07)}
.rx-sendpair .rx-send:active{transform:translateY(1px)}
.rx-sendpair .rx-send:disabled{opacity:.65;cursor:default}
.rx-sendpair .rx-send svg{display:block;flex:0 0 auto}
.rx-sendpair .rx-send.tg{background:#229ED9;border-color:#1d8dc2}
.rx-sendpair .rx-send.mx{background:#7B61FF;border-color:#6c53e6}
@media (max-width:430px){.rx-sendpair{width:100%}.rx-sendpair .rx-send{flex:1 1 0;justify-content:center;padding:11px 12px}.rx-sendpair .rx-send span{display:none}}
.rx-sendpair .rx-send.both{background:var(--navy,#16202b);border-color:var(--navy,#16202b);
  color:#fff;gap:6px}
.rx-sendpair .rx-send.both svg{display:block}
.rx-sendpair .rx-send.both span{margin-left:2px}
.cartlink-t{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.nav .cartlink{width:44px;height:44px;flex:none;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--soft);border:1px solid var(--line);position:relative;gap:0}
.nav .cartlink svg{width:21px;height:21px}
.nav .cartlink b{position:absolute;top:-6px;right:-6px;min-width:19px;padding:1px 5px;font-size:11.5px}
.cartlink[data-empty="1"] b{display:none}