/* ===== UI v2 (2026-09-27, погоджено Антоном): шапка + мега-каталог + кошик + оформлення ===== */
:root{--cx-ink:#111;--cx-mut:#6b6b70;--cx-line:#ececef;--cx-bg:#f5f5f7;--cx-or:#ff7800;--cx-gr:#52ad56}
#toggle-menu,#toggle-catalog,#toggle-cart{display:none!important}
@media (min-width:992px){#toggle-mob-menu{display:none!important}}
.hx{position:relative;z-index:900;background:#fff;font-family:Montserrat,system-ui,sans-serif;color:var(--cx-ink)}
.hx *{box-sizing:border-box}
.hx a{text-decoration:none}
.hx svg{flex:0 0 auto}
.hx-nav .hx-nav .hx .tg{background:#2AABEE}.hx .vb{background:#7360F2}.hx .wa{background:#25D366}
.hx-lang{display:flex;flex:0 0 auto;background:#f0f0f2;border-radius:8px;padding:2px}
.hx-lang a{font-weight:700;font-size:12px;color:#6b6b70;padding:0 10px;height:32px;display:flex;align-items:center;border-radius:6px}
.hx-lang a.on{background:#fff;color:var(--cx-ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
/* основний рядок */
.hx-main__in{display:flex;align-items:center;gap:14px;height:72px}
.hx-logo{flex:0 0 auto;display:flex;align-items:center}
.hx-logo img{height:34px;width:auto;display:block}
.hx-cat{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border:0;border-radius:12px;cursor:pointer;
 background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff;font:600 14px/1 Montserrat,system-ui,sans-serif;box-shadow:0 6px 14px -8px rgba(255,120,0,.7);transition:filter .15s}
.hx-cat:hover{filter:brightness(1.05)}
.hx-cat__x{display:none}
.hx-cat[aria-expanded=true] .hx-cat__i{display:none}
.hx-cat[aria-expanded=true] .hx-cat__x{display:inline-flex}
.hx-search{flex:1 1 auto;position:relative;display:flex;min-width:0}
.hx-search input,.hx-msearch input{width:100%;height:44px;border:1.5px solid #e3e3e7;border-radius:12px;background:#f7f7f9;padding:0 48px 0 16px;font:500 14px Montserrat,system-ui,sans-serif;color:var(--cx-ink);outline:0;transition:border-color .15s,background .15s;-webkit-appearance:none}
.hx-search input::placeholder{color:#9a9aa0}
.hx-search input:focus{border-color:var(--cx-or);background:#fff}
.hx-search button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:9px;background:linear-gradient(90deg,#ff7800,#ffa600);color:#fff;display:grid;place-items:center;cursor:pointer;transition:filter .15s}
.hx-search button:hover{filter:brightness(1.06)}
.hx-search button svg{width:18px;height:18px}
.hx-icons{display:flex;gap:4px;flex:0 0 auto}
.hx-ic{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:64px;height:52px;padding:0 8px;border:0;border-radius:12px;background:none;color:var(--cx-ink);cursor:pointer;font:600 11.5px Montserrat,system-ui,sans-serif}
.hx-ic:hover{background:#f5f5f7;color:var(--cx-ink)}
.hx-ic span{white-space:nowrap}
.hx-badge{position:absolute;top:3px;left:calc(50% + 6px);min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--cx-or);color:#fff;font-size:10.5px;font-weight:700;line-height:18px;text-align:center}
.hx-mob{display:none}
/* навігація */
.hx-nav{border-top:1px solid var(--cx-line);border-bottom:1px solid var(--cx-line)}
.hx-nav__in{display:flex;align-items:center;justify-content:space-between;gap:2px;height:44px;overflow-x:auto;scrollbar-width:none}
.hx-nav__in::-webkit-scrollbar{display:none}
.hx-nav a{padding:8px 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:#333;white-space:nowrap}
.hx-nav a:hover,.hx-nav a.on{background:#fff4e8;color:var(--cx-ink)}
.hx-nav .hx-nav__hot{margin-left:auto;color:#b45309;background:#fdf1e3}
.hx-nav .hx-nav__hot:hover{background:#fbe4c8;color:#9a4507}
/* мега-меню */
.mm{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--cx-line);box-shadow:0 24px 48px -12px rgba(0,0,0,.18);z-index:950}
.mm[hidden]{display:none}
.mm-box{display:grid;grid-template-columns:264px 1fr;min-height:380px;padding-top:12px;padding-bottom:16px}
.mm-left{border-right:1px solid var(--cx-line);padding-right:12px;display:flex;flex-direction:column;gap:2px}
.mm-l{display:flex;align-items:center;gap:10px;padding:0 10px;height:46px;border-radius:10px;color:#222;font-weight:600;font-size:14px}
.mm-l__i{width:32px;height:32px;border-radius:9px;background:#f5f5f7;display:grid;place-items:center;color:#55555a}
.mm-l__i svg{width:18px;height:18px}
.mm-l__t{flex:1}
.mm-l small{font-size:11.5px;color:#9a9aa0;font-weight:600}
.mm-l > svg{color:#c4c4c9}
.mm-l.on,.mm-l:hover{background:#fff4e8;color:var(--cx-ink)}
.mm-l.on .mm-l__i{background:var(--cx-or);color:#fff}
.mm-l.on > svg{color:var(--cx-or)}
.mm-right{padding-left:24px;min-width:0}
.mm-pane{display:none;grid-template-columns:1fr 300px;gap:24px}
.mm-pane.on{display:grid}
.mm-cols{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px 24px;align-content:start}
.mm-h{display:block;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#9a9aa0;font-weight:700;margin:8px 0 6px}
.mm-col a{display:flex;justify-content:space-between;gap:8px;padding:7px 10px;margin:0 -10px;border-radius:8px;font-size:14px;font-weight:500;color:#222}
.mm-col a:hover{background:#f5f5f7;color:var(--cx-or)}
.mm-col a small{color:#a0a0a6;font-weight:600;font-size:12px}
.mm-promo{border-left:1px solid var(--cx-line);padding-left:24px}
.mm-top{display:flex;flex-direction:column;gap:4px}
.mm-p{display:flex;align-items:center;gap:10px;padding:6px;border-radius:10px;color:var(--cx-ink)}
.mm-p:hover{background:#f5f5f7;color:var(--cx-ink)}
.mm-p img{width:46px;height:46px;object-fit:contain;background:#f5f5f7;border-radius:8px;flex:0 0 46px}
.mm-p span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.mm-p b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mm-p em{font-style:normal;font-weight:800;font-size:13.5px}
.mm-p i{font-style:normal;font-size:11.5px;color:#1e7a3c}
.mm-calc{display:flex;align-items:center;gap:10px;margin-top:10px;padding:12px;border-radius:12px;background:#e9f7ec;color:#14532d}
.mm-calc:hover{background:#dcf2e1;color:#14532d}
.mm-calc__i{width:36px;height:36px;border-radius:10px;background:var(--cx-gr);color:#fff;display:grid;place-items:center;flex:0 0 36px}
.mm-calc span:nth-child(2){flex:1;display:flex;flex-direction:column;line-height:1.3}
.mm-calc b{font-size:13px}
.mm-calc small{font-size:11.5px;color:#3f7a50}
.mm-back{display:none}
.hx-ov{position:fixed;inset:0;background:rgba(17,17,17,.35);z-index:899}
.hx-ov[hidden]{display:none}
.hx-msearch[hidden]{display:none}
/* ---------- мобільна шапка ---------- */
@media (max-width:991px){
 .hx-nav,.hx-icons,.hx-search,.hx-main .hx-lang{display:none}
 .hx-main__in{height:60px;gap:10px}
 .hx-logo img{height:28px}
 .hx-cat{order:-1;width:44px;padding:0;justify-content:center;font-size:0;gap:0}
 .hx-cat svg{width:20px;height:20px}
 .hx-logo{flex:1}
 .hx-mob{display:flex;gap:6px}
 .hx-mob__b{width:44px;height:44px;border-radius:12px;border:0;display:grid;place-items:center;background:#f5f5f7;color:var(--cx-ink);cursor:pointer}
 .hx-mob__b.tg{background:#2AABEE;color:#fff}
 .hx-mob__b.tg svg path{fill:#fff}
 .hx-mob__b.call{background:linear-gradient(223deg,#2b2b2b,#000);color:#fff}
 .hx-msearch{padding:0 0 10px}
 .hx-msearch form{display:flex;gap:6px}
 .hx-msearch input{padding-right:16px}
 .hx-msearch button{flex:0 0 44px;height:44px;border:0;border-radius:12px;background:#f5f5f7;display:grid;place-items:center}
 /* каталог на мобілці: повноекранний, drill-down */
 .mm{position:fixed;top:60px;bottom:0;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:none;overscroll-behavior:contain}
 .mm-box{display:block;min-height:0;padding-top:8px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
 .mm-left{border:0;padding:0}
 .mm-l{height:52px;border-bottom:1px solid #f0f0f2;border-radius:0;padding:0 4px}
 .mm-l.on,.mm-l:hover{background:none}
 .mm-l.on .mm-l__i{background:#f5f5f7;color:#55555a}
 .mm-l.on > svg{color:#c4c4c9}
 .mm-right{padding:0;display:none}
 .mm.drill .mm-left{display:none}
 .mm.drill .mm-right{display:block}
 .mm-pane.on{display:block}
 .mm-back{display:flex;align-items:center;gap:6px;height:44px;border:0;background:none;padding:0;font:700 15px Montserrat,system-ui,sans-serif;color:var(--cx-ink)}
 .mm-back svg{transform:rotate(180deg)}
 .mm-cols{display:block}
 .mm-col a{margin:0;padding:12px 4px;border-bottom:1px solid #f0f0f2;border-radius:0;font-size:15px}
 a.mm-all{display:flex;justify-content:space-between;padding:12px 4px;border-bottom:1px solid #f0f0f2;font-size:15px;font-weight:700;color:var(--cx-or)}
 a.mm-all small{color:#a0a0a6;font-size:12px}
 .mm-promo{border:0;padding:16px 0 0}
 .mm-top{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .mm-promo--root{padding-top:20px}
 .mm.drill .mm-pane[data-pane="0"] .mm-promo{display:none}
 @media (min-width:600px){.mm-top{grid-template-columns:repeat(4,1fr)}}
 .mm-p{flex-direction:column;align-items:flex-start;background:#f7f7f9;padding:10px}
 .mm-p img{width:100%;height:90px;flex:none;background:#fff}
 .mm-p b{white-space:normal}
}
/* ---------- кошик ---------- */
.ct-ov{position:fixed;inset:0;background:rgba(17,17,17,.42);z-index:1990;opacity:0;transition:opacity .2s}
.ct-ov.on{opacity:1}
.ct[hidden],.ct-ov[hidden]{display:none}
.ct{position:fixed;top:0;right:0;bottom:0;width:420px;max-width:100%;background:#fff;z-index:2000;display:flex;flex-direction:column;font-family:Montserrat,system-ui,sans-serif;color:var(--cx-ink);
 transform:translateX(100%);transition:transform .25s ease;box-shadow:-20px 0 48px -20px rgba(0,0,0,.25)}
.ct.on{transform:none}
.ct *{box-sizing:border-box}
.ct a{text-decoration:none}
.ct-h{display:flex;align-items:center;gap:8px;padding:0 12px 0 20px;height:60px;border-bottom:1px solid var(--cx-line);flex:0 0 auto}
.ct-h b{font-size:18px;font-weight:700}
.ct-h span{font-size:13px;color:var(--cx-mut);font-weight:600}
.ct-close{margin-left:auto;width:40px;height:40px;border:0;border-radius:10px;background:#f5f5f7;display:grid;place-items:center;cursor:pointer;color:var(--cx-ink)}
.ct-body{flex:1;overflow-y:auto;padding:8px 20px 16px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.ct-i{position:relative;display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #f0f0f2}
.ct-i img{width:72px;height:72px;object-fit:contain;background:#f5f5f7;border-radius:10px;flex:0 0 72px}
.ct-i__b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.ct-i__n{font-size:14px;font-weight:600;color:var(--cx-ink);line-height:1.3;padding-right:34px}
.ct-i__n:hover{color:var(--cx-or)}
.ct-i__s{font-size:12px;color:var(--cx-mut)}
.ct-i__r{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.ct-q{display:flex;align-items:center;border:1.5px solid #e3e3e7;border-radius:10px;height:40px;overflow:hidden}
.ct-q button{width:38px;height:100%;border:0;background:#fff;display:grid;place-items:center;cursor:pointer;color:#333}
.ct-q button:hover{background:#f5f5f7}
.ct-q input{width:34px;height:100%;border:0;text-align:center;font:700 14px Montserrat,system-ui,sans-serif;color:var(--cx-ink);outline:0;padding:0}
.ct-i__p{text-align:right;display:flex;flex-direction:column;line-height:1.25}
.ct-i__p b{font-size:16px;font-weight:800}
.ct-i__p small{font-size:11.5px;color:var(--cx-mut)}
.ct-i__x{position:absolute;top:10px;right:-6px;width:36px;height:36px;border:0;border-radius:9px;background:none;color:#a0a0a6;display:grid;place-items:center;cursor:pointer}
.ct-i__x:hover{background:#fdecec;color:#d4302b}
.ct-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 12px}
.ct-empty[hidden]{display:none}
.ct-empty b{font-size:17px}
.ct-empty span{font-size:13.5px;color:var(--cx-mut);max-width:300px;line-height:1.45}
.ct-empty .btn{margin-top:8px;height:44px;padding:0 22px;border-radius:12px;display:inline-flex;align-items:center;font-size:14px}
.ct-f{flex:0 0 auto;border-top:1px solid var(--cx-line);padding:14px 20px calc(14px + env(safe-area-inset-bottom,0px));background:#fff}
.ct-f[hidden]{display:none}
.ct-sum{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.ct-sum span{font-size:14px;font-weight:600;color:#55555a}
.ct-sum b{margin-left:auto;font-size:22px;font-weight:800}
.ct-sum small{width:100%;text-align:right;font-size:12.5px;color:var(--cx-mut);margin-top:-2px}
.ct-note{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#1e7a3c;margin:8px 0 12px}
.ct-go{display:flex!important;align-items:center;justify-content:center;width:100%;height:48px;border-radius:12px;font-size:15px!important;font-weight:600}
.ct-tg{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin-top:8px;border-radius:12px;border:1.5px solid #cfe9f7;color:#1b8fd0;font-weight:600;font-size:14px;background:#f2fafe}
.ct-tg:hover{background:#e3f4fd;color:#157bb5}
.ct-tg svg path{fill:#2AABEE}
.ct-toast{position:fixed;left:50%;top:16px;transform:translate(-50%,-150%);background:#111;color:#fff;font:600 13.5px Montserrat,system-ui,sans-serif;padding:10px 16px;border-radius:12px;z-index:2100;transition:transform .25s;display:flex;gap:8px;align-items:center}
.ct-toast.on{transform:translate(-50%,0)}
.ct-toast svg{color:#56cc5b}
body.cx-lock{overflow:hidden}
@media (max-width:767px){
 .ct{top:auto;left:0;width:100%;max-height:88vh;max-height:88dvh;border-radius:18px 18px 0 0;transform:translateY(100%)}
 .ct.on{transform:none}
 .ct-h{height:56px;position:relative}
 .ct-h:before{content:"";position:absolute;left:50%;top:6px;width:36px;height:4px;margin-left:-18px;border-radius:2px;background:#dcdce0}
 .ct-body{padding:4px 16px 12px}
 .ct-f{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px))}
 .ct-i img{width:64px;height:64px;flex-basis:64px}
}
/* ---------- оформлення ---------- */
.co{padding:24px 0 48px;background:#f5f5f5;font-family:Montserrat,system-ui,sans-serif;color:var(--cx-ink)}
.co *{box-sizing:border-box}
.co-h1{font-size:26px;font-weight:700;margin:0 0 6px;text-transform:none}
.co-sub{font-size:14px;color:#55555a;margin:0 0 20px;max-width:680px;line-height:1.5}
.co-grid{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}
.co-form{min-width:0}
.co-card{background:#fff;border-radius:16px;padding:20px;margin-bottom:12px;border:1px solid var(--cx-line)}
.co-card h2{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin:0 0 14px;text-transform:none}
.co-card h2 i{font-style:normal;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:13px;display:grid;place-items:center}
.co-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.co-f{display:flex;flex-direction:column;gap:5px;margin:0 0 10px}
.co-f span,.co-lbl{font-size:12.5px;font-weight:600;color:#55555a}
.co-f small{font-weight:500;color:#9a9aa0}
.co-f input,.co-f textarea{width:100%;height:46px;border:1.5px solid #e3e3e7;border-radius:12px;background:#f7f7f9;padding:0 14px;font:500 15px Montserrat,system-ui,sans-serif;color:var(--cx-ink);outline:0;-webkit-appearance:none}
.co-f textarea{height:auto;padding:12px 14px;resize:vertical}
.co-f input:focus,.co-f textarea:focus{border-color:var(--cx-or);background:#fff}
.co-lbl{display:block;margin:4px 0 8px}
.co-chips{display:flex;flex-wrap:wrap;gap:6px}
.co-chips label{margin:0;cursor:pointer}
.co-chips input{position:absolute;opacity:0;pointer-events:none}
.co-chips span{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 14px;border:1.5px solid #e3e3e7;border-radius:10px;font-size:13.5px;font-weight:600;color:#333;background:#fff}
.co-chips span svg{width:16px;height:16px}
.co-chips span.tg svg path{fill:#2AABEE}.co-chips span.vb svg path{fill:#7360F2}.co-chips span.wa svg path{fill:#25D366}
.co-chips input:checked + span{border-color:#111;background:#111;color:#fff}
.co-chips input:checked + span svg path{fill:#fff}
.co-rs{display:grid;gap:8px;margin-bottom:10px}
.co-rs--3{grid-template-columns:repeat(3,1fr)}
.co-r{display:flex;align-items:center;gap:12px;margin:0;padding:12px 14px;border:1.5px solid #e3e3e7;border-radius:12px;cursor:pointer;background:#fff;transition:border-color .15s}
.co-r input{width:18px;height:18px;margin:0;accent-color:#111;flex:0 0 18px}
.co-r__b{flex:1;display:flex;flex-direction:column;line-height:1.35;min-width:0}
.co-r b{font-size:14px;font-weight:700}
.co-r small{font-size:12px;color:var(--cx-mut)}
.co-r em{font-style:normal;font-size:12.5px;font-weight:700;color:#1e7a3c;white-space:nowrap}
.co-r:has(input:checked){border-color:#111;background:#fafafa}
.co-np[hidden]{display:none}
.co-submit{display:flex!important;align-items:center;justify-content:center;width:100%;height:52px;border-radius:12px;font-size:16px!important;font-weight:600}
.co-side{position:sticky;top:16px}
.co-sum h2{font-size:16px}
.co-it{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f0f0f2}
.co-it img{width:48px;height:48px;object-fit:contain;background:#f5f5f7;border-radius:8px;flex:0 0 48px}
.co-it span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.co-it b{font-size:13px;font-weight:600}
.co-it small{font-size:12px;color:var(--cx-mut)}
.co-it em{font-style:normal;font-weight:700;font-size:14px}
.co-t{display:flex;justify-content:space-between;font-size:13.5px;color:#55555a;padding-top:10px}
.co-t b{color:var(--cx-ink);font-weight:600}
.co-t--big{font-size:15px;color:var(--cx-ink);font-weight:700}
.co-t--big b{font-size:22px;font-weight:800}
.co-uah{display:block;text-align:right;font-size:12.5px;color:var(--cx-mut)}
.co-trust{list-style:none;margin:14px 0 0;padding:12px 0 0;border-top:1px solid #f0f0f2;display:grid;gap:7px}
.co-trust li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#333}
.co-trust svg{color:var(--cx-or)}
.co-back{display:block;margin-top:14px;font-size:13px;font-weight:600;color:#55555a;text-decoration:none}
.co-done{text-align:center;padding:36px 20px}
.co-done i{width:56px;height:56px;border-radius:50%;background:#e9f7ec;color:#1e7a3c;display:grid;place-items:center;margin:0 auto 12px}
.co-done i svg{width:28px;height:28px}
.co-done h2{justify-content:center;font-size:20px}
.co-done p{font-size:14px;color:#55555a;margin:0}
@media (max-width:991px){
 .co-grid{grid-template-columns:1fr}
 .co-side{position:static;order:-1}
 }
@media (max-width:767px){
 .co{padding:16px 0 120px}
 .co-h1{font-size:22px}
 .co-sub{font-size:13.5px;margin-bottom:14px}
 .co-card{padding:16px;border-radius:14px}
 .co-2,.co-rs--3{grid-template-columns:1fr}
 .co-rs--3{gap:6px}
 .co-chips span{padding:0 11px}
 .co-r{display:grid;grid-template-columns:18px 1fr;column-gap:12px;row-gap:2px;align-items:start;padding:12px}
 .co-r input{margin-top:2px}
 .co-r em{grid-column:2;font-size:12px}
 .co-sum .co-trust,.co-sum .co-back{display:none}
 .co-sum{padding:14px 16px}
 .co-sum h2{margin-bottom:6px}
 .co-it img{width:40px;height:40px;flex-basis:40px}
}
@media (max-width:360px){.co-chips span{padding:0 9px;font-size:12.5px}}
@media (min-width:992px) and (max-width:1199px){
 .hx-nav a{padding:8px 10px;font-size:13px}
 .hx-main__in{gap:10px}
}
/* 27.09 правка Антона: шапка більша (десктоп) */
@media (min-width:992px){
 .hx-main__in{height:88px;gap:18px}
 .hx-logo img{height:46px}
 .hx-cat{height:52px;padding:0 24px 0 18px;gap:10px;font-size:16px;border-radius:14px}
 .hx-cat svg{width:22px;height:22px}
 .hx-search input{height:52px;font-size:15.5px;padding:0 58px 0 20px;border-radius:14px}
 .hx-search button{width:44px;height:44px;border-radius:11px}
 .hx-search button svg{width:21px;height:21px}
 .hx-icons{gap:6px}
 .hx-ic{min-width:76px;height:60px;font-size:13px;gap:4px;border-radius:14px}
 .hx-ic svg{width:25px;height:25px}
 .hx-badge{min-width:20px;height:20px;line-height:20px;font-size:11.5px;border-radius:10px;left:calc(50% + 7px);top:2px}
 .hx-lang{padding:3px;border-radius:10px}
 .hx-lang a{height:38px;padding:0 13px;font-size:13.5px;border-radius:8px}
 .hx-nav__in{height:54px}
 .hx-nav a{font-size:15px;padding:9px 16px;border-radius:10px}
}
@media (min-width:992px) and (max-width:1199px){
 .hx-main__in{gap:12px}
 .hx-logo img{height:40px}
 .hx-cat{padding:0 18px 0 14px}
 .hx-ic{min-width:64px}
 .hx-nav a{font-size:14px;padding:9px 10px}
}
@media (max-width:991px){
 .hx-main__in{height:64px}
 .hx-logo img{height:32px}
 .mm{top:64px}
}
@media (max-width:360px){.hx-logo img{height:26px}.hx-main__in{gap:8px}.hx-mob{gap:5px}}
/* довіра в кошику замість «Часто беруть разом» */
.ct-trust{list-style:none;margin:16px 0 0;padding:14px 16px;background:#f7f7f9;border-radius:14px;display:grid;gap:10px}
.ct-trust li{display:flex;align-items:center;gap:10px;font-size:13px;color:#333;line-height:1.35}
.ct-trust svg{flex:0 0 18px;width:18px;height:18px;color:var(--cx-or)}
.ct-trust[hidden]{display:none}
/* 27.09 правки Антона: кроки помаранчеві, іконки отримання, юр. рядок */
.co-card h2 i{background:linear-gradient(135deg,#ff7800,#ffa600);box-shadow:0 4px 10px -4px rgba(255,120,0,.6);width:28px;height:28px;font-size:14px}
.co-r__ic{flex:0 0 40px;width:40px;height:40px;border-radius:10px;background:#f5f5f7;display:grid;place-items:center;color:#333}
.co-r__ic svg{width:22px;height:22px}
.co-r__ic img{width:26px;height:26px;display:block}
.co-r:has(input:checked) .co-r__ic{background:#fff;box-shadow:0 0 0 1px #ececef}
.co-legal{display:flex;align-items:flex-start;gap:10px;margin:14px auto 0;max-width:560px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid #ececef}
.co-legal__i{flex:0 0 32px;width:32px;height:32px;border-radius:9px;background:#e9f7ec;color:#1e7a3c;display:grid;place-items:center}
.co-legal p{margin:0;font-size:12.5px;line-height:1.5;color:#6b6b70}
.co-legal a{color:#111;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(17,17,17,.25)}
.co-legal a:hover{color:#ff7800;border-color:#ff7800}
@media (max-width:767px){
 .co-rs:not(.co-rs--3) .co-r{grid-template-columns:18px 40px 1fr}
 .co-rs:not(.co-rs--3) .co-r em{grid-column:3}
 .co-r__ic{grid-row:span 2}
}
.co .co-legal a{font-size:inherit;line-height:inherit;font-weight:600}
/* кружечки вибору — помаранчеві */
.co-r input{-webkit-appearance:none;appearance:none;width:20px;height:20px;flex:0 0 20px;margin:0;border:2px solid #cfcfd4;border-radius:50%;background:#fff;display:grid;place-items:center;cursor:pointer;transition:border-color .15s}
.co-r input::before{content:"";width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ff7800,#ffa600);transform:scale(0);transition:transform .15s}
.co-r input:checked{border-color:#ff7800}
.co-r input:checked::before{transform:scale(1)}
.co .co-legal{max-width:none;width:100%;box-sizing:border-box;margin:12px 0 0;align-items:center}
/* вибраний месенджер — у його кольорі */
.co-chips span{transition:background .15s,border-color .15s,color .15s}
.co-chips input:checked + span.tg{background:#2AABEE;border-color:#2AABEE;color:#fff}
.co-chips input:checked + span.vb{background:#7360F2;border-color:#7360F2;color:#fff}
.co-chips input:checked + span.wa{background:#25D366;border-color:#25D366;color:#fff}
.co-chips input:checked + span.tg svg path,.co-chips input:checked + span.vb svg path,.co-chips input:checked + span.wa svg path{fill:#fff}
.co-chips span.tg:hover{border-color:#2AABEE}.co-chips span.vb:hover{border-color:#7360F2}.co-chips span.wa:hover{border-color:#25D366}

/* ---- адаптація під живі блоки: пошук (common/search), мови (common/language), обране ---- */
.header-block{position:relative;z-index:900}
.hx .search-block{position:relative;flex:1 1 auto;display:flex;width:100%;min-width:0;margin:0;padding:0;background:none;border:0;height:auto}
.hx .search-block input.form-control{width:100%;height:44px;border:1.5px solid #e3e3e7;border-radius:12px;background:#f7f7f9;padding:0 52px 0 16px;font:500 14px Montserrat,system-ui,sans-serif;color:#111;box-shadow:none;outline:0;-webkit-appearance:none;order:1}
.hx .search-block input.form-control::placeholder{color:#9a9aa0}
.hx .search-block input.form-control:focus{border-color:#ff7800;background:#fff}
.hx .search-block .btn-search{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:9px;background:linear-gradient(90deg,#ff7800,#ffa600);display:grid;place-items:center;cursor:pointer;padding:0;z-index:2;order:2}
.hx .search-block .btn-search svg{width:20px;height:20px}
.hx .search-block .search-list{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:960}
.hx-lang .langs{display:flex;background:#f0f0f2;border-radius:10px;padding:3px;gap:0;margin:0}
.hx-lang .langs a,.hx-lang .langs button{display:flex;align-items:center;height:32px;padding:0 10px;border-radius:8px;font:700 12px Montserrat,system-ui,sans-serif;color:#6b6b70;text-transform:uppercase;text-decoration:none;background:none;border:0}
.hx-lang .langs .active{background:#fff;color:#111;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.hx-ic i.hx-badge{font-style:normal}
.hx-ic i.hx-badge.is-empty,.hx-ic i.hx-badge:empty{display:none}
.hx-logo img{max-width:none}
@media (min-width:992px){
 .hx .search-block input.form-control{height:52px;font-size:15.5px;padding:0 58px 0 20px;border-radius:14px}
 .hx .search-block .btn-search{width:44px;height:44px;border-radius:11px}
 .hx .search-block .btn-search svg{width:22px;height:22px}
 .hx-lang .langs a,.hx-lang .langs button{height:38px;padding:0 13px;font-size:13.5px}
 .hx-lang{flex:0 0 auto}
}
@media (max-width:991px){
 .hx-lang,.hx-main .hx-search{display:none}
 .hx-msearch__in{display:flex;gap:6px;padding-bottom:10px}
 .hx-msearch .search-block input.form-control{height:44px}
 .hx-msearch__x{flex:0 0 44px;height:44px;border:0;border-radius:12px;background:#f5f5f7;display:grid;place-items:center}
}
/* ---- стани форми, успіх ---- */
.co-warn{background:#fdecec;color:#b42318;border-radius:12px;padding:12px 14px;margin:0 0 14px;font-size:13.5px}
.co-err{color:#b42318;font-size:13.5px;font-weight:600;margin:0 0 10px}
.co-err[hidden]{display:none}
.co-f input.is-bad,.co-f textarea.is-bad{border-color:#e5484d;background:#fff5f5}
.co-submit.is-busy,.ct.is-busy .ct-body{opacity:.6;pointer-events:none}
.co-np[hidden]{display:none}
.co-it b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.co--done{padding:40px 0 64px}
.co-ok{max-width:640px;margin:0 auto;text-align:center;padding:32px 28px}
.co-ok__i{width:64px;height:64px;border-radius:50%;background:#e9f7ec;color:#1e7a3c;display:grid;place-items:center;margin:0 auto 14px;font-style:normal}
.co-ok__i svg{width:32px;height:32px}
.co-ok__h{font-size:24px;font-weight:700;margin:0 0 16px;text-transform:none;color:#111}
.co-ok__num{display:inline-flex;flex-direction:column;align-items:center;gap:2px;background:#fff4e8;border:1.5px solid #ffd3a8;border-radius:16px;padding:12px 28px;margin:0 0 16px}
.co-ok__num span{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#b45309}
.co-ok__num b{font-size:34px;font-weight:800;color:#111;line-height:1.15}
.co-ok__t{font-size:14.5px;color:#55555a;line-height:1.55;margin:0 auto 20px;max-width:500px}
.co-ok__rows{text-align:left;border-top:1px solid #f0f0f2;margin:0 0 22px}
.co-ok__rows > div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid #f0f0f2;font-size:14px}
.co-ok__rows span{color:#6b6b70;flex:0 0 auto}
.co-ok__rows b{font-weight:600;color:#111;text-align:right}
.co-ok__sum b{font-size:18px;font-weight:800}
.co-ok__btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.co-ok__btns .btn{height:48px;padding:0 26px;border-radius:12px;display:inline-flex;align-items:center;font-size:15px;font-weight:600}
.co-ok__tg{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 22px;border-radius:12px;border:1.5px solid #cfe9f7;background:#f2fafe;color:#1b8fd0;font-weight:600;font-size:15px;text-decoration:none}
.co-ok__tg svg path{fill:#2AABEE}
@media (max-width:767px){.co-ok{padding:24px 16px}.co-ok__h{font-size:20px}.co-ok__num b{font-size:30px}.co-ok__rows > div{font-size:13px}.co-ok__btns > *{flex:1 1 100%;justify-content:center}}
/* мобільні елементи меню не показуємо на десктопі */
@media (min-width:992px){.mm-back,.mm a.mm-all,.mm-promo--root{display:none!important}}