/* JPV глобальний пошук — 17.10.2026 */
.hdr .sx-open{display:flex;align-items:center;gap:10px;min-width:280px;height:100%;padding:0 18px;border:0;border-left:1px solid var(--line-2,#2a2a2a);background:transparent;cursor:text;font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--gray,#8a8a8a);text-align:left}
.hdr .sx-open .i{color:var(--acid);font-size:16px;line-height:1}
.hdr .sx-open kbd{margin-left:auto;border:1px solid var(--line-2,#444);padding:2px 6px;font:500 10px var(--mono);color:#aaa}
.hdr .sx-open .x{display:none;color:var(--acid);font-size:18px}
.hdr .sx-open:hover{color:var(--ink,#fff)}
body.sx-on .hdr .sx-open{justify-content:center;min-width:64px;cursor:pointer}body.sx-on .hdr .sx-open>*:not(.x){display:none}body.sx-on .hdr .sx-open .x{display:block}
@media (max-width:1100px){.hdr .sx-open{min-width:64px;justify-content:center}.hdr .sx-open .t,.hdr .sx-open kbd{display:none}}
@media (max-width:700px){.hdr .sx-open{display:flex!important;min-width:52px;padding:0}.hdr:has(.sx-open){grid-template-columns:1fr auto auto auto!important}}
.sx{position:fixed;left:0;right:0;bottom:0;z-index:60;display:none;-webkit-backdrop-filter:blur(26px) saturate(1.3) brightness(.45);backdrop-filter:blur(26px) saturate(1.3) brightness(.45);background:rgba(5,5,5,.25);overflow:auto;overscroll-behavior:contain;font:13px/1.4 var(--mono);color:#ddd}
.sx.on{display:block;animation:sxIn .18s ease-out}@keyframes sxIn{from{opacity:0}to{opacity:1}}
.sx::after{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}
.sx-in{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:28px 24px 60px}
.sx-box{position:relative;display:flex;align-items:center;gap:14px;border:1px solid var(--acid);background:rgba(5,5,5,.65);padding:0 18px;box-shadow:0 0 30px rgba(225,255,39,.12)}
.sx-box .i{color:var(--acid);font-size:22px}
.sx-f{position:relative;flex:1;height:64px}
.sx-f input,.sx-f .gh{position:absolute;inset:0;width:100%;border:0;background:transparent;font:500 20px/64px var(--mono);color:#fff;padding:0;margin:0;outline:none;letter-spacing:.01em}
.sx-f .gh{color:#5d5d5d;pointer-events:none;white-space:pre;overflow:hidden}.sx-f .gh b{visibility:hidden;font-weight:500}
.sx-f input::-webkit-search-cancel-button{display:none}
.sx-box .esc{border:1px solid #555;color:#aaa;font-size:11px;padding:3px 8px;background:none;cursor:pointer;font-family:var(--mono)}
.sx-h{font-size:10px;letter-spacing:.16em;color:#9a9a9a;margin:22px 0 8px;text-transform:uppercase}
.sx-fix{margin-top:12px;color:#aaa}.sx-fix b{color:var(--acid);font-weight:600}
.sx-sg{margin-top:8px;background:rgba(0,0,0,.5);border:1px solid #2a2a2a}
.sx-sg a{display:flex;gap:10px;align-items:center;padding:9px 16px;color:#ccc;text-decoration:none}.sx-sg a i{color:#666;font-style:normal}.sx-sg a b{color:var(--acid);font-weight:600}
.sx-sg a.on,.sx-sg a:hover{background:rgba(225,255,39,.08);color:#fff}.sx-sg a .k{margin-left:auto;font-size:11px;color:#777}
.sx-ch{display:flex;gap:8px;flex-wrap:wrap}.sx-ch a,.sx-ch button{border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.35);padding:6px 11px;font:12px var(--mono);color:#eee;text-decoration:none;cursor:pointer}
.sx-ch a:hover,.sx-ch button:hover{border-color:var(--acid);color:var(--acid)}
.sx-tl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sx-tl a{background:rgba(0,0,0,.4);border:1px solid #2a2a2a;padding:10px;display:flex;flex-direction:column;gap:6px;color:#fff;text-decoration:none;min-width:0}
.sx-tl a:hover,.sx-tl a.on{border-color:var(--acid)}.sx-tl img,.sx-tl .av{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#222}
.sx-tl b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx-tl small{color:var(--green,#02F245);font-size:11px}.sx-tl small.no{color:#777}.sx-tl a.dim{opacity:.55}
.sx-tl a.more{border-color:var(--acid);color:var(--acid);justify-content:center;align-items:center;font-weight:600}
.sx .vr{display:flex;gap:12px;align-items:center;padding:7px 10px;background:rgba(0,0,0,.4);margin-bottom:4px;border:1px solid transparent}
.sx .vr.on,.sx .vr:hover{border-color:#333}.sx .vr.out{opacity:.6}
.sx .vr [data-play]{width:28px;height:28px;border:1px solid var(--acid);border-radius:50%;background:none;color:var(--acid);display:grid;place-items:center;cursor:pointer;flex:none}
.sx .vr [data-play] svg{fill:currentColor}.sx .vr [data-play] .i-pa{display:none}.sx .vr [data-play].on .i-pa{display:block}.sx .vr [data-play].on .i-pl{display:none}
.sx .vr .cv{width:44px;height:44px;object-fit:cover;background:#222;flex:none}
.sx .vr .m{flex:1;min-width:0}.sx .vr .m a{color:#fff;text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sx .vr .m a b{font-weight:600}
.sx .vr .m small{color:#999;display:block}.sx .vr .st{color:var(--green,#02F245);font-size:11px;white-space:nowrap}.sx .vr .st.no{color:#777}.sx .vr .p{color:#fff;white-space:nowrap;min-width:72px;text-align:right}
.sx-2{display:grid;grid-template-columns:1.6fr 1fr;gap:26px}
.sx-song{display:flex;gap:10px;align-items:center;padding:7px 10px;background:rgba(0,0,0,.35);margin-bottom:4px;color:#fff;text-decoration:none}.sx-song small{color:#999;display:block}.sx-song .n{color:var(--acid)}
.sx-sup .r{padding:7px 10px;background:rgba(0,0,0,.35);margin-bottom:4px}.sx-sup .r small{color:#999}
.sx-all{margin-top:14px;display:flex;justify-content:space-between;color:var(--acid);text-decoration:none}
.sx-empty{margin-top:18px;color:#aaa}
body.sx-lock{overflow:hidden}
@media (max-width:700px){.sx-in{padding:14px 12px 80px}.sx-f{height:52px}.sx-f input,.sx-f .gh{font-size:16px;line-height:52px}.sx-box{padding:0 12px;gap:10px}.sx-box .esc{display:none}
  .sx-2{display:block}.sx-tl{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -12px;padding:0 12px}.sx-tl a{flex:0 0 40%;scroll-snap-align:start}
  .sx .vr{display:grid;grid-template-columns:28px 44px minmax(0,1fr) auto;column-gap:10px;row-gap:2px;align-items:center}
  .sx .vr>a{grid-row:1/3;grid-column:2}.sx .vr [data-play]{grid-row:1/3;grid-column:1}.sx .vr .m{grid-column:3}.sx .vr .p{grid-column:4;grid-row:1;min-width:0;font-size:12px}
  .sx .vr .st{grid-column:3/5;grid-row:2;font-size:10px}.sx .vr .m a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.sx .vr .m small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sx-sg a .k{display:none}}
/* велике поле на головній */
.sx-big{display:block;width:100%;border:0;background:#050505;padding:26px 32px;border-bottom:1px solid var(--line,#222);text-align:left;cursor:text}
.sx-big .bx{display:flex;align-items:center;gap:16px;border:1px solid var(--acid);padding:18px 22px;font:500 18px var(--mono);color:#8a8a8a}
.sx-big .bx .i{color:var(--acid);font-size:24px}
.sx-big .t{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.sx-big .t span{border:1px solid #333;padding:4px 10px;font:12px var(--mono);color:#ccc}
@media (max-width:700px){.sx-big{padding:16px 12px}.sx-big .bx{font-size:14px;padding:14px}}
/* сторінка результатів */
.sxp{padding:18px 24px 6px}.sxp .sx-tl{grid-template-columns:repeat(6,minmax(0,1fr))}.sxp .sx-tl a{background:#0b0b0b}
.sxp-fix{padding:10px 24px;color:#aaa;font:13px var(--mono)}.sxp-fix b{color:var(--acid)}
@media (max-width:700px){.sxp{padding:12px}.sxp .sx-tl{display:flex}}
.sx-sup .r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:9px 12px;background:rgba(0,0,0,.4);margin-bottom:4px}
.sx-sup .r .m{min-width:0}.sx-sup .r .m b{color:#fff}.sx-sup .r .m small{color:#999;margin-left:4px}
.sx-sup .term{display:inline-block;margin-left:8px;font:600 10px var(--mono);letter-spacing:.06em;padding:2px 6px;border:1px solid #f0c419;color:#f0c419;text-transform:uppercase}
.sx-sup .term.order{border-color:#777;color:#aaa}.sx-sup .term.soon{border-color:var(--pink,#E94F8A);color:var(--pink,#E94F8A)}
.sx-sup .p{color:#fff;font-weight:600;white-space:nowrap}
.sx-sup .ord,.sx-sup .frm button{border:0;background:var(--acid);color:#000;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:9px 14px;cursor:pointer}
.sx-sup .frm{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sx-sup .frm[hidden]{display:none}
.sx-sup .frm input[type=tel]{flex:1 1 180px;background:#050505;border:1px solid var(--acid);color:#fff;font:14px var(--mono);padding:9px 10px}
.sx-sup .frm .msg{flex:1 0 100%;color:#ccc}.sx-sup .hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:700px){.sx-sup .r{grid-template-columns:minmax(0,1fr) auto}.sx-sup .ord{grid-column:1/-1}}
.sx-sup .lv{display:inline-block;margin-left:8px;font:11px var(--mono);color:#8fdc8f;white-space:nowrap}
/* 18.10: поле пошуку в шапці не налазить на UA/RU на ноутбуках */
@media (max-width:1560px){.hdr .sx-open{min-width:0;padding:0 16px;gap:8px}.hdr .sx-open .t{font-size:0}.hdr .sx-open .t::after{content:"Пошук";font-size:11px}html[lang^=ru] .hdr .sx-open .t::after{content:"Поиск"}}
@media (max-width:1360px){.hdr .sx-open{padding:0 14px}.hdr .sx-open .t,.hdr .sx-open kbd{display:none}}
@media (max-width:1420px){.hdr .sx-open{padding:0 14px}.hdr .sx-open .t,.hdr .sx-open kbd{display:none}}
/* 18.10: три однакові іконки в шапці — пошук, звʼязатися, кошик */
.jpt-hdr .sx-open,.jpt-hdr .ct-open,.jpt-hdr .cart{width:64px;min-width:64px!important;padding:0!important;justify-content:center;gap:0;color:var(--ink);position:relative;background:transparent}
.jpt-hdr .sx-open .hi,.jpt-hdr .ct-open .hi,.jpt-hdr .cart .hi{width:20px;height:20px;display:block;transition:color .2s,transform .2s}
.jpt-hdr .sx-open:hover,.jpt-hdr .ct-open:hover,.jpt-hdr .cart:hover,.jpt-hdr .ct-open[aria-expanded=true]{color:var(--acid);background:rgba(225,255,39,.06)}
.jpt-hdr .sx-open .t,.jpt-hdr .sx-open kbd,.jpt-hdr .sx-open .i,.jpt-hdr .ct-open span{display:none!important}
body.sx-on .jpt-hdr .sx-open .hi{display:none}body.sx-on .jpt-hdr .sx-open .x{display:block;font-size:18px;color:var(--acid)}
.jpt-hdr .cart i{position:absolute;top:14px;right:12px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--acid);color:#000;font:700 10px/16px var(--mono);font-style:normal;text-align:center;letter-spacing:0}
.jpt-hdr .cart i[hidden]{display:none}
@media (max-width:700px){.jpt-hdr .sx-open,.jpt-hdr .ct-open,.jpt-hdr .cart{width:48px;min-width:48px!important}.jpt-hdr .cart i{top:10px;right:6px}}
@media (max-width:1400px){.jpt-hdr .nav{gap:0;padding-left:6px}.jpt-hdr .nav>.it>a,.jpt-hdr .nav>.it>button{padding:0 9px;letter-spacing:.08em}.jpt-hdr .nav .nar{display:none}.jpt-hdr .nav>.it-lng{margin-left:0;padding-left:6px}}
.jpt-hdr .sx-open,.jpt-hdr .ct-open,.jpt-hdr .cart,.jpt-hdr .cta{border-left:1px solid var(--line)!important}