/* JPV catalogue rows + bottom player (approved «ListPlay», JPT tokens) */
.vlist{display:flex;flex-direction:column}
.vr{display:grid;grid-template-columns:96px 44px minmax(0,1fr) auto;gap:18px;align-items:center;padding:12px 22px;border-bottom:1px solid var(--line);transition:background .25s}
.vr:hover,.vr.on{background:var(--panel)}
.vr.out{opacity:.62}
.vr-art{position:relative;display:block;width:96px;height:64px}
.vr-cv{position:absolute;left:0;top:0;width:64px;height:64px;object-fit:cover;display:block;z-index:2;box-shadow:3px 3px 8px rgba(0,0,0,.55);background:var(--panel-2)}
.vd-box{position:absolute;top:1px;left:10px;width:62px;height:62px;z-index:1;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.vr.on .vd-box{transform:translateX(20px)}
.vd{position:absolute;inset:0;border-radius:50%;overflow:hidden}
.vd-spin{position:absolute;inset:0;border-radius:50%;background:var(--c1);will-change:transform}
.vd.blk .vd-spin{background:#121212}
.vd-gr{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,rgba(0,0,0,.10) 0 1px,transparent 1px 3px)}
.vd.blk .vd-gr{background:repeating-radial-gradient(circle,rgba(255,255,255,.05) 0 1px,transparent 1px 3px)}
.vd-gl{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 20deg,transparent 0 6%,rgba(255,255,255,.22) 11%,transparent 17% 50%,rgba(255,255,255,.14) 61%,transparent 67% 100%);pointer-events:none}
.vd-rim{position:absolute;inset:0;border-radius:50%;box-shadow:inset 0 0 0 2px #0b0c0a,0 0 0 1px rgba(255,255,255,.16);pointer-events:none}
.vd-pic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.vd.fx-splat .vd-spin{background:radial-gradient(circle at 28% 32%,var(--c2) 0 5%,transparent 6%),radial-gradient(circle at 70% 26%,var(--c2) 0 3%,transparent 4%),radial-gradient(circle at 64% 72%,var(--c2) 0 6%,transparent 7%),radial-gradient(circle at 22% 70%,var(--c2) 0 3%,transparent 4%),radial-gradient(circle at 82% 52%,var(--c2) 0 2.5%,transparent 3.5%),var(--c1)}
.vd.fx-marble .vd-spin{background:conic-gradient(from 30deg,var(--c1),var(--c2) 18%,var(--c1) 34%,#ffffff55 46%,var(--c1) 58%,var(--c2) 76%,var(--c1))}
.vd.fx-swirl .vd-spin{background:conic-gradient(from 0deg,var(--c1),#111 25%,var(--c1) 50%,#111 75%,var(--c1))}
.vd.fx-split .vd-spin{background:linear-gradient(90deg,var(--c1) 50%,var(--c2) 50%)}
.vd.fx-clear{opacity:.5}.vd.fx-semi{opacity:.72}.vd.fx-smoke{opacity:.55}.vd.fx-smoke .vd-spin{background:radial-gradient(circle,#777,#333)}
.vd.fx-fluo .vd-spin{box-shadow:inset 0 0 14px var(--c1)}
.vr-pl{width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:border-color .2s,color .2s,background .2s}
.vr-pl svg path{fill:currentColor}.vr-pl .i-pa{display:none}
.vr-pl:hover{border-color:var(--acid);color:var(--acid)}
.vr-pl.on{background:var(--acid);border-color:var(--acid);color:#000}.vr-pl.on .i-pa{display:block}.vr-pl.on .i-pl{display:none}
.vr-pl.wait{opacity:.5;cursor:progress}.vr-pl.nope{opacity:.25;cursor:not-allowed}
.vr-pl.none{border:0;cursor:default}
.vr-m{display:flex;flex-direction:column;gap:8px;min-width:0}
.vr-t{font-size:15px;line-height:1.3;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vr-t b{font-weight:700;text-transform:uppercase}
.vr-t:hover{color:var(--acid)}
.vr-c{display:flex;flex-wrap:wrap;gap:5px}
.vc{display:inline-flex;align-items:center;font:400 11px/1 var(--mono);letter-spacing:.02em;padding:5px 7px;border:1px solid var(--line-2);color:var(--ink-dim);white-space:nowrap}
.vr-b{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.vr-p{font:600 18px/1 var(--display);white-space:nowrap}
.vr-p del{opacity:.5;font-size:.75em;margin-right:6px}.vr-p ins{text-decoration:none}
.vr-buy{font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:0;padding:11px 18px;background:var(--acid);color:#000;cursor:pointer;white-space:nowrap}
.vr-buy:hover{filter:brightness(1.1)}.vr-buy.done{background:var(--green,#02F245)}
.vr-out{font:400 11px var(--mono);color:var(--gray);text-transform:uppercase;letter-spacing:.08em}
.vpager{display:flex;flex-wrap:wrap;gap:6px;padding:22px}
.vpager .page-numbers{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--line);font:700 13px var(--mono);color:var(--ink);text-decoration:none}
.vpager a.page-numbers:hover{border-color:var(--acid);color:var(--acid)}
.vpager .current{background:var(--acid);border-color:var(--acid);color:#000}
.vpager .dots{border:0}
#v-catalog .cats{overflow-x:auto;scrollbar-width:none}
/* bottom player */
.vbar{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#050505;border-top:1px solid var(--acid);box-shadow:0 -10px 30px rgba(0,0,0,.6)}
.vbar[hidden]{display:none}
.vbar-in{display:grid;grid-template-columns:84px minmax(160px,1.1fr) auto minmax(200px,2.2fr) 90px auto 36px;gap:18px;align-items:center;padding:10px 24px;max-width:1600px;margin:0 auto}
.vb-art{position:relative;width:84px;height:56px}
.vb-art .vr-cv{width:56px;height:56px}
.vb-art .vd-box{left:10px;width:52px;height:52px;top:2px;transform:translateX(22px)}
.vb-meta{min-width:0;line-height:1.35}.vb-meta div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vb-a{font-weight:700;text-transform:uppercase;font-size:14px}.vb-t{color:var(--ink-dim);font-size:13px}.vb-k{color:var(--acid);font-size:13px}
.vb-ctl{display:flex;align-items:center;gap:8px}
.vb-nb{width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:none;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.vb-nb:hover{border-color:var(--acid);color:var(--acid)}
.vb-big{width:46px;height:46px;border-radius:50%;border:0;background:var(--acid);color:#000;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}
.vb-sc{display:flex;align-items:center;gap:12px;min-width:0}
.vb-pb{position:relative;flex:1;height:22px;cursor:pointer;touch-action:none}
.vb-pb:before{content:"";position:absolute;left:0;right:0;top:9px;height:4px;background:var(--line)}
.vb-pb i{position:absolute;left:0;top:9px;height:4px;background:var(--acid);width:0}
.vb-pb s{position:absolute;top:5px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--acid);left:0}
.vb-tm{font:400 12px var(--mono);color:var(--gray);white-space:nowrap}
.vb-vol{width:90px;accent-color:var(--acid)}
.vb-buy{font:700 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border:0;padding:13px 16px;background:var(--acid);color:#000;cursor:pointer;white-space:nowrap}
.vb-dz{display:block;font:400 10px var(--mono);color:var(--gray);text-decoration:none;margin-top:4px;text-align:center}.vb-dz:hover{color:var(--acid)}
.vb-x{background:none;border:0;color:var(--gray);font-size:18px;cursor:pointer}
body.vbar-on{padding-bottom:84px}
@media (max-width:980px){
  .vr{grid-template-columns:64px 40px minmax(0,1fr);gap:12px;padding:12px 14px}
  .vr-art{width:64px}.vd-box{display:none}
  .vr-pl{width:40px;height:40px}
  .vr-b{grid-column:2/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .vr-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
  .vbar-in{grid-template-columns:56px minmax(0,1fr) auto 28px;gap:10px;padding:8px 12px}
  .vb-art{width:56px}.vb-art .vd-box{display:none}
  .vb-sc{grid-column:1/-1;order:9}.vb-vol{display:none}.vb-buyw{grid-column:1/-1;order:10}.vb-buy{width:100%}
  body.vbar-on{padding-bottom:150px}
}
@media (prefers-reduced-motion:reduce){.vd-box{transition:none}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#v-catalog .cats a[aria-selected="true"]{background:var(--acid);color:#000}
#v-catalog .cats a[aria-selected="true"] em{color:#000;opacity:.6}
.vbar.is-out .vb-buy{display:none}

.vr .vr-pl.nope{position:relative;opacity:1;color:var(--line-2);border-color:var(--line);cursor:default}
.vr .vr-pl.nope:hover{color:var(--line-2);border-color:var(--line)}
.vr .vr-pl.nope:after{content:attr(data-np);position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:5px;font:400 9px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gray);white-space:nowrap}
.cat-head>.cell{min-width:0}
.search-results #v-catalog h1.big{font-size:clamp(34px,5vw,64px)!important;overflow-wrap:anywhere}
body.search{display:block;padding:0;gap:0}

/* 1.1.0: компактна шапка, липкі жанри + стилі */
#v-catalog .crumbs{padding-top:12px;padding-bottom:12px}
#v-catalog .cat-head .cell{padding-top:18px;padding-bottom:18px}
#v-catalog .cat-head h1.big{font-size:clamp(40px,5vw,76px)!important;overflow-wrap:anywhere}
.vstick{position:sticky;top:var(--hdr);z-index:30;box-shadow:0 10px 20px -12px rgba(0,0,0,.8)}
.vstick .cats,.vstick .vsub{background:rgba(11,11,11,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
#v-catalog .cats a{position:relative;z-index:1}
#v-catalog .cats:has(.ind) a[aria-selected="true"]{background:transparent}
.vsub{display:flex;align-items:stretch;min-width:0}
.vstyles{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:none;padding:10px 16px;border-right:1px solid var(--line)}
.vstyles::-webkit-scrollbar{display:none}
.vs-l{font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin-right:6px;white-space:nowrap}
.vstyles a{flex:0 0 auto;font:500 11px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line-2);padding:8px 10px;white-space:nowrap;text-decoration:none;transition:color .2s,border-color .2s,background .2s}
.vstyles a em{font-style:normal;color:var(--gray);margin-left:6px}
.vstyles a:hover{color:var(--acid);border-color:var(--acid)}
.vstyles a.on{background:var(--ink);border-color:var(--ink);color:#000}.vstyles a.on em{color:#000;opacity:.6}
.vsub .toolbar{flex:1 1 auto;min-width:0}
@keyframes vsIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}
.vstyles.in .vs-l,.vstyles.in a{animation:vsIn .45s cubic-bezier(.2,.8,.1,1) both;animation-delay:calc(var(--i,0)*28ms)}
.vstyles.out{opacity:0;transform:translateX(-12px);transition:opacity .22s,transform .22s}
#vlist{transition:opacity .2s}#vlist.busy{opacity:.4;pointer-events:none}
@media (prefers-reduced-motion:reduce){.vstyles.in .vs-l,.vstyles.in a{animation:none}}
@media (max-width:980px){
  #v-catalog .crumbs,#v-catalog .cat-head .sec-no{display:none!important}
  #v-catalog .cat-head{grid-template-columns:1fr}
  #v-catalog .cat-head .cell{padding:12px 14px}
  #v-catalog .cat-head h1.big{font-size:40px!important}
  .vstyles{padding:8px 10px}.vs-l{display:none}
}

/* 1.2.0: пошук у шапці (варіант А), сортування в рядку стилів */
.vsearch{display:flex;align-items:center;gap:12px;border:1px solid var(--line-2);padding:0 16px;height:52px;background:rgba(0,0,0,.35);transition:border-color .2s}
.vsearch:focus-within{border-color:var(--acid)}
.vs-i{font:400 22px/1 var(--mono);color:var(--acid)}
.vsearch input[type=search]{flex:1;min-width:0;background:transparent;border:0;color:var(--ink);font:500 15px var(--mono);outline:none;padding:0}
.vsearch input[type=search]::-webkit-search-cancel-button{filter:invert(1)}
.vsearch kbd{font:400 10px var(--mono);color:var(--gray);border:1px solid var(--line-2);padding:3px 6px}
.vsub .toolbar{flex:0 0 auto;margin-left:auto;display:flex}
.vsub .toolbar .label{display:none}
.vsub .toolbar .sort{border-left:1px solid var(--line);border-right:0}
@media (max-width:980px){
  #v-catalog .cat-head .cell:last-child{padding-top:0!important}
  .vsearch{height:46px;padding:0 12px}.vsearch kbd{display:none}.vsearch input[type=search]{font-size:14px}
  .vsub .toolbar .sort{width:50px;position:relative;display:flex;align-items:center;justify-content:center;padding:0}
  .vsub .toolbar .sort select{position:absolute;inset:0;opacity:0;width:100%}
  .vsub .toolbar .sort:before{content:"⇅";font-size:18px;color:var(--ink)}
}

/* 1.2.1: сортування — у кінці рядка жанрів (не займає окремий рядок) */
.vstick{position:sticky}
#v-catalog .vsub .toolbar{position:absolute;top:0;right:0;height:var(--cats-h,46px);margin:0;z-index:3;background:#0b0b0b;box-shadow:-18px 0 16px -8px #0b0b0b}
#v-catalog .vsub .toolbar .sort{height:100%;display:flex;align-items:center}
#v-catalog #cats{padding-right:210px}
.vsub:not(:has(.vstyles)){border-top:0}
@media (max-width:980px){ #v-catalog #cats{padding-right:50px} }
#v-catalog .vstick .vsub{position:static}
#v-catalog .vstick .vsub{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent}
#v-catalog .vstick{background:rgba(11,11,11,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* 1.3.0: без випадаючого сортування; рядок «Платівка · … / Ціна ↕» */
#v-catalog #cats{padding-right:0}
.vhead{display:grid;grid-template-columns:96px 44px minmax(0,1fr) auto;gap:18px;align-items:center;padding:10px 22px;font:400 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray)}
.vhead .p{grid-column:3}
.vhead .c{grid-column:4;color:var(--ink);text-decoration:none;display:flex;gap:6px;align-items:center;padding:4px 0}
.vhead .c b{color:var(--acid);font-weight:400;font-size:12px}
.vhead .c:hover,.vhead .c.on{color:var(--acid)}
@media (max-width:980px){.vhead{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:8px 14px}.vhead .p{grid-column:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vhead .c{grid-column:2}}

/* 1.5.0: картка платівки */
#v-product .pd-vr{position:relative;overflow:hidden}
#v-product .pd-vr .vd-box{position:absolute;left:auto;right:5%;top:14%;width:58%;height:auto;aspect-ratio:1;z-index:2;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
#v-product .pd-vr.on .vd-box{transform:translateX(10%)}
#v-product .pd-vr .pd-photo{background:transparent}
#v-product .pd-vr .pd-img{position:absolute;left:5%;top:10%;width:68%;height:auto;aspect-ratio:1;inset:auto;z-index:3;box-shadow:8px 8px 26px rgba(0,0,0,.7)}
#v-product .pd-vr .pd-img{left:5%;top:10%}
#v-product .pd-vr .pd-thumbs{z-index:4}
.pr-h1{display:flex;flex-direction:column;gap:6px;font-size:clamp(40px,4.6vw,72px)!important;line-height:.92!important;margin:0 0 16px}
.pr-art{font:500 13px/1.2 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--acid);text-decoration:none;display:inline-flex;gap:8px;align-items:center}
.pr-art:hover{color:var(--ink)}
.pr-chips{margin:0 0 18px}.pr-chips .vc{font-size:12px}
.pr-buy .hud-tag{display:none}
.pr-old{font:600 20px var(--display);opacity:.45;margin-right:10px}
.pr-stock{display:flex;flex-direction:column;gap:6px;margin:12px 0 4px;font:400 13px var(--mono);color:var(--ink-dim)}
.pr-stock i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gray);margin-right:8px;vertical-align:middle}
.pr-stock .on{color:var(--ink)}.pr-stock .on i{background:var(--acid);box-shadow:0 0 8px var(--acid)}
.pr-stock .np{color:var(--gray)}
.pr-listen{display:flex;align-items:center;gap:12px;width:100%;margin-top:18px;padding:12px 14px;background:transparent;border:1px solid var(--line-2);color:var(--ink);font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;text-align:left}
.pr-listen .pl{width:34px;height:34px;border-radius:50%;background:var(--acid);color:#000;display:flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}
.pr-listen em{font-style:normal;margin-left:auto;color:var(--gray);text-transform:none;letter-spacing:0;font-size:12px}
.pr-listen:hover,.pr-listen.on{border-color:var(--acid)}
.pr-lead{font:400 14px/1.6 var(--mono);color:var(--ink-dim);margin:16px 0 0}
.pr-side{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);margin:18px 0 6px}
.pr-tr{display:grid;grid-template-columns:34px 30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font:400 14px var(--mono);color:var(--ink)}
.pr-tr .n,.pr-tr em{color:var(--gray);font-style:normal}
.pr-pl{width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;padding:0}
.pr-pl:hover{border-color:var(--acid);color:var(--acid)}.pr-pl.on{background:var(--acid);border-color:var(--acid);color:#000}
.pr-pl.off{opacity:.25;cursor:default}
.pr-tr.now .t{color:var(--acid)}
.pr-gen{margin-top:24px}
.pr-gen .row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:10px}
.pr-gen small{font:400 10px var(--mono);letter-spacing:.14em;color:var(--gray);text-transform:uppercase;width:84px}
.pr-gen a,.pr-gen span{font:500 12px var(--mono);text-transform:uppercase;letter-spacing:.06em;padding:8px 10px;border:1px solid var(--line-2);color:var(--ink);text-decoration:none}
.pr-gen a.top{background:var(--acid);border-color:var(--acid);color:#000}
.pr-gen span{color:var(--ink-dim)}
.pr-desc h2{font:600 18px var(--display);margin:22px 0 8px}
.pr-desc p{font:400 15px/1.65 var(--mono);color:var(--ink-dim);margin:0 0 14px}
.pr-faq details{border-bottom:1px solid var(--line)}
.pr-faq summary{list-style:none;cursor:pointer;padding:16px 0;font:500 15px var(--mono);display:flex;justify-content:space-between;gap:12px}
.pr-faq summary::-webkit-details-marker{display:none}
.pr-faq summary .ic{color:var(--acid)}.pr-faq details[open] summary .ic{transform:rotate(45deg)}
.pr-faq details div{padding:0 0 16px;font:400 14px/1.6 var(--mono);color:var(--ink-dim)}
.pr-rel-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.pr-more{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acid);text-decoration:none}
@media (max-width:980px){
  #v-product .pd-vr .vd-box{display:block;right:4%;top:12%;width:56%}
  .pr-sec .cell{padding:22px 16px}
  .pr-tr{grid-template-columns:32px 28px minmax(0,1fr) auto;font-size:13px}
}
@media (max-width:980px){#v-product .pd-vr .vd-box{display:none!important}#v-product .pd-vr .pd-img{position:relative;left:0;top:0;width:100%}}

/* 1.6.0: наклейка в центрі пластинки (обкладинка або справжня з фото) + менший виїзд на картці */
.vd-lbl{position:absolute;inset:33%;border-radius:50%;background:#111 center/cover no-repeat;box-shadow:0 0 0 1px rgba(0,0,0,.6),0 0 0 3px rgba(255,255,255,.06)}
.vd-lbl:after{content:"";position:absolute;inset:44%;border-radius:50%;background:#0b0c0a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
#v-product .pd-vr .vd-box{right:14%}
#v-product .pd-vr.on .vd-box{transform:translateX(12%)}
#v-product .pd-vr.on .vd-box{transform:translateX(34%)}

.vd.real{opacity:1!important}.vd.real .vd-spin{box-shadow:none}

/* 1.7.0: «А що ще є?» під фото, щільніший блок ціни */
.pr-also{padding:18px 26px 26px;border-top:1px solid var(--line)}
.pr-also-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.pr-also-h a{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--acid);text-decoration:none}
.pr-also-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pr-also-i{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);min-width:0}
.pr-also-i img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block;box-shadow:3px 3px 10px rgba(0,0,0,.55);transition:transform .25s}
.pr-also-i:hover img{transform:translateY(-3px)}
.pr-also-i b{font:700 11px/1.2 var(--mono);text-transform:uppercase;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-also-i span{font:400 11px/1.2 var(--mono);color:var(--ink-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-also-i em{font:600 13px var(--display);font-style:normal;color:var(--ink)}
.pr-buy{padding-top:20px!important;padding-bottom:20px!important}
.pr-buy .pd-price{margin-bottom:4px}
.pr-buy .pd-row{margin-top:10px}
@media (max-width:980px){.pr-also{padding:16px}.pr-also-g{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pr-also-i b,.pr-also-i span{font-size:10px}}
#v-product .pd-info{justify-content:flex-start!important;gap:0}#v-product .pd-info .pr-buy{margin-top:6px}
#v-product .pd-info .pr-also{padding:18px 0 0;border-top:0;margin-top:18px}

/* 1.7.3: «Слухати» під фото; фото липне при прокрутці на компʼютері */
#v-product .pd-media .pr-listen{width:auto;margin:14px 26px 22px}
@media (min-width:981px){#v-product .pd.grid2{align-items:start}#v-product .pd-media{position:sticky;top:calc(var(--hdr,64px) + 8px)}}
@media (max-width:980px){#v-product .pd-media .pr-listen{margin:12px 16px 16px}}

/* 1.7.4: диск на мобілці; плавний перехід до схожих */
@media (max-width:980px){
 #v-product .pd-media.pd-vr{display:block;order:1;padding:12px 12px 0;position:relative;overflow:hidden}
 #v-product .pd-info{order:2}
 #v-product .pd-vr .vd-box{display:block!important;right:6%;top:13%;width:56%}
 #v-product .pd-vr.on .vd-box{transform:translateX(20%)}
 #v-product .pd-vr .pd-img{position:absolute;left:4%;top:8%;width:68%}
 #v-product .pd-media .pr-listen{margin:12px 4px 14px}
}
#prRel{scroll-margin-top:calc(var(--hdr,64px) + 12px)}
#prRel.flash .pr-rel-h .sec-no b{animation:prFlash 1.4s ease}
@keyframes prFlash{0%,100%{color:inherit;text-shadow:none}25%,60%{color:var(--acid);text-shadow:0 0 12px rgba(225,255,39,.7)}}

/* 1.7.6: ▶ у блоці ціни; «нема превʼю» — перекреслена сіра кнопка */
.pr-buy .pd-price{align-items:center}
.pr-pp{margin-left:auto;display:flex;align-items:center;gap:14px}
.pr-pp em{font:400 11px/1.4 var(--mono);font-style:normal;color:var(--gray);text-align:right;letter-spacing:.04em}
.pr-pp .vr-pl{width:56px;height:56px}
.pr-pp .vr-pl:not(.on){border-color:var(--acid);color:var(--acid)}
@media (max-width:480px){.pr-pp .vr-pl{width:50px;height:50px}.pr-pp em{font-size:10px}}
.vr .vr-pl.nope{color:var(--line);border-color:var(--line)}
.vr .vr-pl.nope svg{opacity:.5}
.vr .vr-pl.nope:after{content:'';top:50%;left:50%;width:70%;height:1px;margin:0;background:var(--line-2);transform:translate(-50%,-50%) rotate(-45deg)}

/* 1.7.7: мініатюри гортаються */
#v-product .pd-thumbs{right:14px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
#v-product .pd-thumbs.end{-webkit-mask-image:none;mask-image:none}
#v-product .pd-thumbs::-webkit-scrollbar{display:none}
#v-product .pd-thumbs button{flex:0 0 auto}
@media (max-width:480px){.pr-pp em{display:none}.pr-buy .pd-price{flex-wrap:nowrap}}

/* 1.8.0: конверт і пластинка. Спокій — квадратна обкладинка, пластинка всередині.
   ▶ — конверт їде вліво, пластинка вправо і крутиться. Інші фото — без пластинки. */
#v-product .pd-vr .pd-photo{overflow:visible;background:transparent}
#v-product .pd-vr .pd-img{position:absolute!important;inset:auto!important;left:0!important;top:0!important;width:100%!important;aspect-ratio:1;box-shadow:none;translate:0 0;scale:1;transition:translate .65s cubic-bezier(.2,.7,.2,1),scale .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s}
#v-product .pd-vr .vd-box{display:block!important;left:0!important;right:auto!important;top:0!important;width:100%!important;transform:none!important;scale:.74;translate:0 0;opacity:0;transition:translate .65s cubic-bezier(.2,.7,.2,1),opacity .2s .5s}
#v-product .pd-vr.on:not(.alt) .pd-img{translate:-12% 0;scale:.78;box-shadow:8px 8px 26px rgba(0,0,0,.7)}
#v-product .pd-vr.on:not(.alt) .vd-box{translate:16% 0;opacity:1;transition:translate .65s cubic-bezier(.2,.7,.2,1),opacity .12s}
/* каталог: у спокої пластинка схована під обкладинкою, виїжджає тільки при ▶ */
.vr:not(.on) .vd-box{transform:translateX(-9px);opacity:0;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .2s .35s}
.vr.on .vd-box{opacity:1;transition:transform .5s cubic-bezier(.2,.7,.2,1),opacity .1s}
#v-product .pd-vr .pd-photo .corner{z-index:5}
/* 1.8.4: у картці товару фото завжди кольорові */
#v-product .pd-img,#v-product .pd-thumbs button{filter:none!important}
/* 1.8.5: ціна в картці — жовта */
#v-product .pd-price b#pv,#v-product .pd-price>small{color:var(--acid)}

/* 2.3.2 splat gen */
.vd.gen{opacity:1!important}.vd.gen .vd-gr{background:repeating-radial-gradient(circle,rgba(0,0,0,.08) 0 1px,transparent 1px 3px)}
/* 2.3.3 picture disc: обрізаємо паперове коло конверта — показуємо лише рисунок */
.vd.fx-pic .vd-spin{overflow:hidden}.vd.fx-pic .vd-pic{transform:scale(1.45);transform-origin:50% 50%}

/* 2.4.7 картка: мітки, трек-лист на телефоні, відгуки */
.pr-chips .vc.hot{border-color:var(--acid);color:var(--acid)}
.pr-trall{display:none;margin-top:16px}
@media (max-width:760px){.pr-trmore{display:none}.pr-trmore.open{display:block}.pr-trall{display:inline-flex}.pr-trall[aria-expanded=true]{display:none}}
.pr-revs .pr-rv-score{display:flex;align-items:center;gap:12px;margin:6px 0 18px}
.pr-revs .pr-rv-score>b{font:800 44px/1 var(--display)}
.pr-revs .pr-rv-score span{font:400 13px var(--mono);color:var(--gray)}
.pr-revs .jpv-rev-stars{display:inline-flex;gap:2px;color:var(--line-2)}.pr-revs .jpv-rev-stars i{font-style:normal}.pr-revs .jpv-rev-stars i.is-on{color:var(--acid)}
.pr-rv-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.pr-rv-list li{padding:16px 0;border-bottom:1px solid var(--line)}.pr-rv-list li.more{display:none}.pr-rv-list.all li.more{display:block}
.pr-rv-list .m{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:400 12px var(--mono);color:var(--gray);margin-bottom:8px}
.pr-rv-list .m b{color:var(--ink);text-transform:uppercase;letter-spacing:.04em}
.pr-rv-list p{margin:0 0 6px;line-height:1.55}
.pr-rv-all{margin-top:16px}
.pr-rv-none{color:var(--ink-dim);margin:6px 0 22px}
.pr-rv-shop{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--line-2)}
.pr-rv-shop b{font:800 26px/1 var(--display)}.pr-rv-shop span:last-child{font:400 13px var(--mono);color:var(--gray)}
.pr-rv-ok{border:1px solid var(--acid);padding:12px 14px;margin:0 0 18px}
.pr-rv-f.jpv-rev{margin:0;max-width:none;font-family:inherit;--jpv-rev-star:var(--acid);--jpv-rev-line:var(--line-2)}
.pr-rv-f .jpv-rev__disclose{margin:0}.pr-rv-f .jpv-rev__disclose>summary{display:none}
.pr-rv-f .jpv-rev__form{border-top:0;padding:0}
.pr-rv-f .jpv-rev__form-title{font:500 11px var(--mono);letter-spacing:.14em;color:var(--gray);margin:0 0 16px}
.pr-stock .on i{background:var(--green,#02F245);box-shadow:0 0 10px var(--green,#02F245);animation:prBlink 1.6s infinite}
@keyframes prBlink{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.pr-stock .on i{animation:none}}

/* 2.5.0 наявність + «Повідомити» */
.pr-stock .off{color:var(--ink-dim)}.pr-stock .off i{background:transparent;box-shadow:inset 0 0 0 1.5px var(--gray)}
.pr-nm-f:not([hidden]){display:flex;flex-direction:column;gap:12px;width:100%}
.pr-nm-f .fld{display:flex;flex-direction:column;gap:8px}
.pr-nm-f .fld input{background:rgba(0,0,0,.6);border:1px solid var(--line-2);color:var(--ink);font:500 15px var(--mono);padding:14px;min-height:48px;color-scheme:dark;min-width:0}
.pr-nm-f .fld input:focus{outline:none;border-color:var(--acid)}.pr-nm-f .fld input.err{border-color:var(--red,#ff4d4d)}
.pr-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pr-nm-msg{margin:0;font:400 13px var(--mono);color:var(--ink-dim)}.pr-nm-msg.ok{color:var(--green,#02F245)}

/* 2.6.2 диск із фото */
.vd.photo .vd-spin{background:transparent}.vd.photo .vd-pic{object-fit:contain}.vd.photo{overflow:visible}

/* 18.10.2026 аналізатор спектра над плеєром */
.eq-box{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translateX(-50%);background:rgba(8,8,8,.92);border:1px solid rgba(214,255,58,.55);box-shadow:0 0 24px rgba(214,255,58,.12),0 12px 40px rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:eqIn .35s cubic-bezier(.2,.8,.2,1);z-index:2}
.eq-box[hidden],.eq-tab[hidden]{display:none}
.eq-box.out{opacity:0;transform:translate(-50%,10px);transition:.3s}
.eq-box canvas{display:block}
.eq-tag{position:absolute;top:-9px;left:10px;background:var(--acid,#d6ff3a);color:#000;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;padding:2px 6px}
.eq-x{position:absolute;top:2px;right:4px;background:none;border:0;color:rgba(255,255,255,.45);font-size:12px;line-height:1;padding:4px;cursor:pointer}.eq-x:hover{color:#fff}
.eq-tab{position:absolute;left:50%;bottom:100%;transform:translateX(-50%);background:#0b0b0b;border:1px solid rgba(214,255,58,.45);border-bottom:0;color:var(--acid,#d6ff3a);font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;padding:4px 10px;cursor:pointer;opacity:.7}.eq-tab:hover{opacity:1}
@keyframes eqIn{from{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%,0)}}
@media (prefers-reduced-motion:reduce){.eq-box{animation:none}}

/* 19.10.2026 «Інші видання» під ціною */
.pr-eds .pr-also-g{overflow:visible}
.pr-ed{position:relative;min-width:0;display:flex;flex-direction:column;gap:6px}
.pr-ed-cv{position:relative;display:block;aspect-ratio:1}
.pr-ed-cv img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;display:block;box-shadow:3px 3px 10px rgba(0,0,0,.55)}
.pr-ed .vd-box{position:absolute;top:5%;left:5%;width:90%;height:auto;aspect-ratio:1;z-index:1;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pr-ed:hover .vd-box,.pr-ed.on .vd-box{transform:translateX(22%)}
.pr-ed-box{position:relative}
.pr-ed-pl{position:absolute;z-index:3;left:8px;bottom:8px;width:34px;height:34px;border-radius:50%;border:1px solid var(--acid);background:rgba(0,0,0,.72);color:var(--acid);display:grid;place-items:center;cursor:pointer;padding:0}
.pr-ed-pl.on,.pr-ed-pl:hover{background:var(--acid);color:#000}
.pr-ed-t{display:flex;flex-direction:column;gap:2px;text-decoration:none;color:var(--ink)}
.pr-ed-t b{font:600 12px/1.3 var(--mono)}.pr-ed-t span{font:500 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gray)}.pr-ed-t span.ok{color:#3ddc84}
.pr-ed-t em{font:800 15px var(--display);font-style:normal;color:var(--acid)}
.pr-ed.more{border:1px dashed var(--line-2);aspect-ratio:1;justify-content:center;padding:12px;text-decoration:none}
.pr-ed.more b{font:800 30px var(--display);color:var(--acid)}.pr-ed.more span{font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}
@media (max-width:980px){.pr-ed .vd-box{display:none}}
/* відгуки компактно: форма за кнопкою */
.pr-revs.closed{grid-template-columns:1fr}.pr-revs.closed .pr-rv-f{display:none}
.pr-rv-open{margin-top:16px}

/* 19.10.2026 v2: видання в «Ще від артиста» */
.vr-eg{border:1px solid transparent}.vr-eg.open,.vr-eg:has(.vr-eds:not([hidden])){border-color:var(--line-2);margin:4px 0 8px;background:rgba(0,0,0,.35)}
.vr-eh{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 22px;background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font:500 12px var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-align:left}
.vr-eh b{color:var(--acid);font-weight:700}.vr-eh i{font-style:normal;color:var(--acid)}
.vr-eg:not(.open) .vr-eh{border-bottom:0}
.vr-edl{background:none;border:1px solid var(--line-2);color:var(--ink);font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;cursor:pointer;margin-right:10px;white-space:nowrap}
.vr-edl[aria-expanded="true"]{border-color:var(--acid);color:var(--acid)}
.vr-eds .vr{background:transparent}
.vr .vc.vc-ord{border-color:transparent;color:var(--gray)}
.vr-ord{background:none;border:1px solid var(--line-2);color:var(--ink);font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:10px 16px;cursor:pointer}.vr-ord:hover{border-color:var(--acid);color:var(--acid)}
.vr-of{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:4px 0 10px 120px}.vr-of[hidden]{display:none}
.vr-of input[type=tel]{background:rgba(0,0,0,.6);border:1px solid var(--line-2);color:var(--ink);font:500 14px var(--mono);padding:10px 12px;min-width:220px}.vr-of .hp{position:absolute;left:-9999px}
.vr-of .m{font:500 12px var(--mono);color:var(--gray)}
.vr-more{padding:12px 22px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--gray);border-top:1px solid var(--line)}
@media (max-width:980px){.vr-of{padding-left:0}.vr-edl{margin:0 0 6px}}

/* 19.10.2026 (Миша): плеєр у стилі шаблону — гострі кути, квадратні кнопки, тонка шкала; на телефоні — один рядок, спектр згорнутий */
.vb-nb{border-radius:0}
.vb-big{border-radius:0;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.vb-pb s{border-radius:0;width:4px;margin-left:-2px;height:14px;top:4px}
.vb-pb:before,.vb-pb i{height:2px;top:10px}
.vb-a{font:400 11px var(--mono);letter-spacing:.14em;color:var(--gray)}
.vb-t{font:800 16px/1.15 var(--display);text-transform:uppercase;color:var(--ink)}
.vb-k{font:400 12px var(--mono)}
.vb-x{font:400 14px var(--mono);width:36px;height:36px;border:1px solid var(--line-2);color:var(--ink-dim)}.vb-x:hover{color:var(--acid);border-color:var(--acid)}
.vb-eq{width:36px;height:36px;border:1px solid var(--line-2);background:none;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:9px 8px;cursor:pointer}
.vb-eq i{width:3px;height:30%;background:var(--ink-dim);transition:height .2s}
.vb-eq.live i{background:var(--acid);animation:vbEq .9s ease-in-out infinite alternate}
.vb-eq.live i:nth-child(2){animation-duration:.6s}.vb-eq.live i:nth-child(3){animation-duration:1.1s}.vb-eq.live i:nth-child(4){animation-duration:.75s}
.vb-eq.on{border-color:var(--acid);background:rgba(225,255,39,.08)}
.vb-eq.ping{animation:vbPing 1s ease-out 3}
@keyframes vbEq{0%{height:20%}100%{height:100%}}
@keyframes vbPing{0%{box-shadow:0 0 0 0 rgba(225,255,39,.7)}100%{box-shadow:0 0 0 12px rgba(225,255,39,0)}}
.vbar-in{grid-template-columns:84px minmax(160px,1.1fr) auto minmax(200px,2.2fr) 90px auto 36px 36px}
.eq-box{border:0;background:rgba(8,8,8,.94);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);box-shadow:inset 0 0 0 1px rgba(225,255,39,.55)}
.eq-tag{top:0;left:14px;font:700 9px var(--mono)}
.eq-box{padding-top:14px}
.eq-tab{border-radius:0;font-family:var(--mono)}
@media (prefers-reduced-motion:reduce){.vb-eq.live i{animation:none;height:70%}.vb-eq.ping{animation:none}}
@media (max-width:980px){
  .vbar-in{position:relative;grid-template-columns:44px minmax(0,1fr) auto 36px 30px;gap:8px;padding:10px 12px 8px}
  .vb-art{width:44px;height:44px}.vb-art .vr-cv{width:44px;height:44px}
  .vb-a{font-size:9px}.vb-t{font-size:13px}.vb-k{font-size:11px}
  .vb-ctl{gap:6px}#vbP{display:none}
  .vb-big{width:40px;height:40px}.vb-nb{width:36px;height:36px}
  .vb-sc{position:absolute;left:0;right:0;top:-11px;order:0;grid-column:auto}.vb-sc .vb-tm{display:none}
  .vb-pb{height:22px}
  .vb-buyw{display:none}
  .vb-x{width:30px;height:36px;border:0}
  body.vbar-on{padding-bottom:70px}
  .eq-box{bottom:calc(100% + 8px)}
}
/* 19.10.2026: рамка спектра як у HUD шаблону — лінія йде й по зрізаних кутах */
.eq-box{--c:12px;isolation:isolate;background:rgba(225,255,39,.7);box-shadow:0 0 18px rgba(225,255,39,.18);clip-path:polygon(var(--c) 0,100% 0,100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,0 100%,0 var(--c))}
.eq-box::before{content:"";position:absolute;inset:1px;z-index:-1;background:#080808;clip-path:polygon(calc(var(--c) - .4px) 0,100% 0,100% calc(100% - var(--c) + .4px),calc(100% - var(--c) + .4px) 100%,0 100%,0 calc(var(--c) - .4px))}
/* 19.10.2026: хрестик тією ж лінією й розміром, що наша стрілка .ar (14px, штрих 3.2/24, обрізка 2.2) */
.eq-x,.vb-x{font-size:0!important;line-height:0;display:flex;align-items:center;justify-content:center;color:var(--ink-dim)}
.eq-x::before,.vb-x::before{content:"";width:14px;height:14px;background:currentColor;
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Crect x='2.2' y='2.2' width='19.6' height='19.6'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M3.5 3.5L20.5 20.5M20.5 3.5L3.5 20.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2'%3E%3Cdefs%3E%3CclipPath id='c'%3E%3Crect x='2.2' y='2.2' width='19.6' height='19.6'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23c)'%3E%3Cpath d='M3.5 3.5L20.5 20.5M20.5 3.5L3.5 20.5'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.eq-x{top:6px;right:6px;width:26px;height:26px;padding:0}.eq-x::before{width:11px;height:11px}
.eq-x:hover,.vb-x:hover{color:var(--acid)}

/* 19.10.2026: позначка джерела превʼю — дрібно в рядку треку */
.vb-meta .vb-k{display:flex;align-items:baseline;gap:10px}.vb-k span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vb-k .vb-dz{flex:0 0 auto;display:inline;margin:0;font:400 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--gray);border:1px solid var(--line-2);padding:2px 5px;text-decoration:none}
.vb-k .vb-dz:hover{color:var(--acid);border-color:var(--acid)}