/* KedaiPabz Premium v4: layered on top of premium-v3.css */

/* ---- kept from the old store home (SMM tab still uses these) ---- */

.xv-banner{border-radius:22px;overflow:hidden;border:1px solid rgba(251,191,36,.25);box-shadow:0 20px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03)}
.xv-banner img{width:100%;height:auto;display:block}
.xv-intro{padding:14px 2px 6px}
.xv-h1{margin:0;font-size:clamp(22px,5vw,34px);line-height:1.1;letter-spacing:-.035em;font-weight:900}
.xv-h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.xv-sort{flex:0 0 auto;max-width:150px;min-height:36px;margin-left:4px;padding:0 8px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:13px}
.xv-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
.xv-strip::-webkit-scrollbar{display:none}
.xv-mini{flex:0 0 150px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;padding:8px;border-radius:16px;background:linear-gradient(180deg,rgba(251,191,36,.08),var(--panel));border:1px solid rgba(251,191,36,.25);text-decoration:none}
.xv-mini .pm-thumb{aspect-ratio:16/10;border-radius:11px;overflow:hidden}
.xv-mini b{font-size:13px;line-height:1.25}.xv-mini small{color:#fde68a;font-weight:800;font-size:12px}
.xv-how{margin:26px 0 8px}
.xv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:640px){.xv-steps{grid-template-columns:1fr}}
.xv-steps div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;padding:13px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}
.xv-steps span{grid-row:span 2;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--grad);font-weight:900}
.xv-steps b{font-size:14px}.xv-steps small{color:var(--muted2);font-size:12px}
.xv-faq{margin:18px 0 10px}
.xv-q{margin-bottom:8px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}
.xv-q summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 14px;font-weight:800;cursor:pointer}
.xv-q summary::-webkit-details-marker{display:none}
.xv-q summary i{margin-left:auto;font-size:11px;color:var(--muted2);transition:transform .2s}
.xv-q[open] summary i{transform:rotate(180deg)}
.xv-q p{margin:0;padding:0 14px 14px;color:var(--muted);font-size:13.5px}
.xv-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 2px}
.xv-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:62px;padding:8px;border-radius:18px;border:1px solid var(--line);background:var(--panel);color:var(--muted);text-decoration:none;font-weight:900;font-size:15px;text-align:center;transition:all .2s ease}
.xv-tab i{font-size:16px}
.xv-tab.on{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 12px 30px rgba(139,92,246,.3)}
.xv-tab-sub{font-size:11px;font-weight:700;opacity:.75}
.xv-badge{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:999px;background:var(--goldgrad);color:#2a1700;font-size:10px;font-weight:900}
.xv-group{margin:14px 0}
.xv-group-t{display:flex;align-items:center;gap:8px;margin:0 2px 8px;font-weight:900;font-size:14px;color:#e9e4f2}
.xv-group-t span{margin-left:auto;font-size:12px;color:var(--muted2)}
.xv-svc{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:8px;border-radius:16px;border:1px solid var(--line);background:var(--panel);text-decoration:none;transition:border-color .2s,transform .15s}
.xv-svc:hover{border-color:var(--line2)}.xv-svc:active{transform:scale(.99)}
.xv-svc-ic{flex:0 0 40px;width:40px;height:40px;border-radius:12px;overflow:hidden;display:grid;place-items:center;background:rgba(139,92,246,.14);color:#d8c8ff;font-size:18px}
.xv-svc-b{flex:1;min-width:0}
.xv-svc-n{display:block;font-weight:800;font-size:14px;line-height:1.3}
.xv-svc-m{display:block;margin-top:3px;font-size:11.5px;color:var(--muted2)}
.xv-svc-p{text-align:right;white-space:nowrap}.xv-svc-p b{display:block;font-size:15px}.xv-svc-p small{color:var(--muted2);font-size:11px}

/* ---- base ---- */
.pmx main{padding-bottom:96px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pmx :focus-visible{outline:2px solid #c4b5fd;outline-offset:2px;border-radius:10px}
.pmx-h2{display:flex;align-items:center;gap:8px;margin:22px 2px 10px;font-size:17px;font-weight:800;letter-spacing:-.015em;color:#f3eefb}
.pmx-h2 i{color:#fb923c;font-size:15px}
.pmx-title{margin:4px 0 14px;font-size:clamp(24px,5vw,32px);font-weight:900;letter-spacing:-.03em}
.pmx-narrow{max-width:760px}

/* ---- hero ---- */
.pmx-hero{padding-top:14px}
.pmx-banner{border-radius:20px;overflow:hidden;border:1px solid rgba(251,191,36,.22);aspect-ratio:16/7;background:#120d1f}
.pmx-banner img{width:100%;height:100%;object-fit:cover;object-position:50% 38%}
@media(min-width:900px){.pmx-banner{aspect-ratio:16/5}}
.pmx-hero-txt h1{margin:14px 2px 0;font-size:clamp(22px,5.4vw,36px);line-height:1.12;font-weight:900;letter-spacing:-.035em;max-width:22ch}
.pmx-trust{display:flex;gap:6px;margin:10px 0 0;padding:0 0 2px;list-style:none;overflow-x:auto;scrollbar-width:none}
.pmx-trust::-webkit-scrollbar{display:none}
.pmx-trust li{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);font-size:12px;font-weight:700;color:#d9d2e6;white-space:nowrap}
.pmx-trust i{color:#fcd34d;font-size:11px}
.pmx-trust li:nth-child(2) i{color:#86efac}.pmx-trust li:nth-child(3) i{color:#c4b5fd}

/* ---- section switch ---- */
.pmx-seg{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:16px;padding:4px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.pmx-seg a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:6px 10px;border-radius:14px;color:var(--muted);text-decoration:none;font-weight:800;font-size:14px;line-height:1.2}
.pmx-seg a small{display:block;font-size:11px;font-weight:600;opacity:.75}
.pmx-seg a i{font-size:16px}
.pmx-seg a.on{background:var(--grad);color:#fff;box-shadow:0 10px 26px rgba(139,92,246,.32)}

/* ---- sticky search + categories (solid, nothing shows through) ---- */
.pmx-bar{position:sticky;top:calc(62px + env(safe-area-inset-top));z-index:40;margin-top:12px;padding:10px 0 8px;background:var(--bg);transition:box-shadow .2s}
.pmx-bar.stuck{box-shadow:0 10px 24px rgba(0,0,0,.55);border-bottom:1px solid var(--line)}
.pmx-search{display:flex;align-items:center;gap:8px;min-height:50px;padding:0 6px 0 15px;border-radius:16px;border:1px solid var(--line2);background:#130f20}
.pmx-search>i{color:var(--lilac)}
.pmx-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}
.pmx-search input::-webkit-search-cancel-button{display:none}
.pmx-clear{width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:var(--muted);cursor:pointer}
.pmx-sort{position:relative;flex:0 0 auto}
.pmx-sort select{appearance:none;-webkit-appearance:none;height:38px;max-width:132px;padding:0 30px 0 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:13px;font-weight:700}
.pmx-sort i{position:absolute;right:11px;top:50%;transform:translateY(-50%);font-size:11px;color:var(--muted2);pointer-events:none}
.pmx-chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}
.pmx-chips::-webkit-scrollbar{display:none}
.pmx-chips button{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:#120e1d;color:var(--muted);font:inherit;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap}
.pmx-chips button b{font-size:11px;font-weight:800;color:var(--muted2)}
.pmx-chips button.on{background:#f3eefb;border-color:#f3eefb;color:#1a1029}
.pmx-chips button.on b{color:#6b5a86}

/* ---- app tiles: the logo glows in its own colours ---- */
.pmx-tile{position:relative;display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:hsl(var(--h,270) 35% 14%);isolation:isolate}
.pmx-tile-glow{position:absolute;inset:-25%;width:150%;height:150%;max-width:none;object-fit:cover;filter:blur(26px) saturate(1.7);opacity:.6;z-index:-1}
.pmx-tile-logo{width:44%;aspect-ratio:1;object-fit:contain;border-radius:22%;box-shadow:0 10px 28px rgba(0,0,0,.4)}
.pmx-tile-ini{display:none;font-size:clamp(24px,7vw,34px);font-weight:900;letter-spacing:-.03em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.pmx-tile.noimg{background:linear-gradient(140deg,hsl(var(--h,270) 72% 52%),hsl(calc(var(--h,270) + 45) 70% 30%))}
.pmx-tile.noimg img{display:none}
.pmx-tile.noimg .pmx-tile-ini{display:block}

/* ---- grid + cards ---- */
.pmx-gridhead{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pmx-gridhead span{font-size:12.5px;color:var(--muted2);font-weight:700}
.pmx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
@media(max-width:560px){.pmx-grid{grid-template-columns:1fr 1fr;gap:10px}}
.pmx-card{position:relative;display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#110d1b;border:1px solid var(--line);text-decoration:none;transition:border-color .18s,transform .12s}
.pmx-card:hover{border-color:var(--line2)}
.pmx-card:active{transform:scale(.985)}
.pmx-card[hidden]{display:none}
.pmx-card.is-out .pmx-tile{filter:grayscale(.85) brightness(.7)}
.pmx-card.is-out .pmx-card-name,.pmx-card.is-out .pmx-price{color:var(--muted)}
.pmx-flag{position:absolute;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--goldgrad);color:#2a1700;font-size:10.5px;font-weight:900}
.pmx-card-b{display:flex;flex-direction:column;gap:3px;flex:1;padding:11px 12px 12px}
.pmx-card-cat{font-size:11.5px;font-weight:700;color:#a99bc4}
.pmx-card-name{font-size:14.5px;font-weight:800;line-height:1.25;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmx-card-foot{margin-top:auto;padding-top:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:6px}
.pmx-price{font-size:16.5px;font-weight:900;color:#fff;line-height:1.1}
.pmx-price small{display:block;font-size:10.5px;font-weight:700;color:var(--muted2)}
.pmx-state{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:26px;height:26px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}
.pmx-state.ok{padding:0;width:26px;background:rgba(74,222,128,.13);color:#86efac}
.pmx-state.few{background:rgba(252,211,77,.13);color:#fde68a}
.pmx-state.out{background:rgba(255,255,255,.06);color:var(--muted)}

/* ---- shelves ---- */
.pmx-strip{display:flex;gap:10px;overflow-x:auto;padding:0 2px 6px;scroll-snap-type:x proximity;scrollbar-width:none}
.pmx-strip::-webkit-scrollbar{display:none}
.pmx-mini{flex:0 0 138px;scroll-snap-align:start;display:flex;flex-direction:column;gap:3px;text-decoration:none}
.pmx-mini .pmx-tile{border-radius:14px;border:1px solid var(--line);margin-bottom:4px}
.pmx-mini.hot .pmx-tile{border-color:rgba(251,191,36,.35)}
.pmx-mini b{font-size:13px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pmx-mini small{font-size:12px;font-weight:800;color:#fde68a}
.pmx-shelves[hidden],#pmxShelves[hidden]{display:none}

/* ---- empty states ---- */
.pmx-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 18px;margin:8px 0;text-align:center;border-radius:18px;border:1px dashed var(--line2);color:var(--muted)}
.pmx-empty[hidden]{display:none}
.pmx-empty>i{font-size:24px;color:var(--lilac);margin-bottom:4px}
.pmx-empty b{color:var(--text);font-size:15px}
.pmx-empty .pm-btn{margin-top:8px;min-height:44px}

/* ---- how it works + questions ---- */
.pmx-help{display:grid;gap:4px 28px;margin-top:20px;padding-top:6px;border-top:1px solid var(--line)}
@media(min-width:900px){.pmx-help{grid-template-columns:1fr 1fr}}
.pmx-steps{margin:0;padding:0;list-style:none;counter-reset:s;display:grid;gap:8px}
.pmx-steps li{counter-increment:s;display:grid;grid-template-columns:30px 1fr;column-gap:12px;padding:12px;border-radius:14px;background:#110d1b;border:1px solid var(--line)}
.pmx-steps li::before{content:counter(s);grid-row:span 2;width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:var(--grad);font-weight:900;font-size:14px}
.pmx-steps b{font-size:14px}.pmx-steps span{font-size:12.5px;color:var(--muted2)}
.pmx-q{margin-bottom:8px;border-radius:14px;background:#110d1b;border:1px solid var(--line)}
.pmx-q summary{list-style:none;display:flex;align-items:center;gap:10px;padding:13px 14px;font-weight:700;cursor:pointer}
.pmx-q summary::-webkit-details-marker{display:none}
.pmx-q summary i{margin-left:auto;font-size:11px;color:var(--muted2);transition:transform .2s}
.pmx-q[open] summary i{transform:rotate(45deg)}
.pmx-q p{margin:0;padding:0 14px 14px;color:var(--muted);font-size:13.5px}

/* ---- product page ---- */
.pmx-crumb{display:flex;align-items:center;gap:8px;margin:16px 0 12px;font-size:13px;font-weight:700}
.pmx-crumb a{color:var(--lilac);text-decoration:none}
.pmx-crumb a+a::before{content:"/";margin-right:8px;color:var(--muted2)}
.pmx-prod{display:grid;gap:8px 28px;align-items:start}
@media(min-width:900px){.pmx-prod{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.pmx-info{position:sticky;top:90px}}
.pmx-id{display:flex;align-items:center;gap:14px}
.pmx-id .pmx-tile{flex:0 0 76px;width:76px;aspect-ratio:1;border-radius:20px;border:1px solid var(--line)}
.pmx-id .pmx-tile.big{flex-basis:92px;width:92px;border-radius:24px}
.pmx-id .pmx-tile .pmx-tile-logo{width:62%}
.pmx-id .pmx-tile-ini{font-size:26px}
.pmx-id h1{margin:0;font-size:clamp(22px,5vw,30px);line-height:1.1;font-weight:900;letter-spacing:-.03em}
.pmx-id-meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:5px;font-size:13px;color:var(--muted2);font-weight:600}
.pmx-id-meta i{color:#fb923c}
.pmx-share{margin-left:auto;flex:0 0 40px;width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--muted);cursor:pointer;align-self:flex-start}
.pmx-info .pmx-trust{margin:14px 0 4px}
.pmx-about .pm-desc{font-size:14px}
.pmx-vars{display:grid;gap:8px}
.pmx-var{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--line);background:#110d1b;cursor:pointer;transition:border-color .15s,background .15s}
.pmx-var input{position:absolute;opacity:0;pointer-events:none}
.pmx-var:has(input:checked){border-color:#a78bfa;background:rgba(139,92,246,.12)}
.pmx-var:has(input:focus-visible){outline:2px solid #c4b5fd;outline-offset:2px}
.pmx-var.off{opacity:.5;cursor:not-allowed}
.pmx-var.best{margin-top:10px}
.pmx-best{position:absolute;top:-10px;left:14px;padding:2px 9px;border-radius:999px;background:var(--goldgrad);color:#2a1700;font-size:10.5px;font-weight:900}
.pmx-var-main{flex:1;min-width:0}
.pmx-var-n{display:block;font-weight:800;line-height:1.3}
.pmx-var-sub{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:3px;font-size:12px;color:var(--muted2);font-weight:600}
.pmx-var-sub .few{color:#fde68a}.pmx-var-sub .mem{color:#fcd34d}
.pmx-var-p{text-align:right;white-space:nowrap}
.pmx-var-p b{display:block;font-size:17px;font-weight:900}
.pmx-var-p s{font-size:12px;color:var(--muted2)}
.pmx-buy{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;display:flex;align-items:center;gap:12px;margin-top:14px;padding:10px 10px 10px 16px;border-radius:20px;background:rgba(19,14,31,.96);border:1px solid var(--line2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 18px 50px rgba(0,0,0,.55)}
.pmx-buy-t{flex:1;min-width:0}
.pmx-buy-t small{display:block;font-size:11.5px;color:var(--muted2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmx-buy-t b{font-size:19px;font-weight:900}
.pmx-buy .pm-btn{min-height:48px}
.pmx-related{margin-top:10px}

/* ---- checkout ---- */
.pmx-progress{display:flex;gap:6px;margin:0 0 14px;padding:0;list-style:none;font-size:12px;font-weight:700;color:var(--muted2)}
.pmx-progress li{flex:1;padding-top:8px;border-top:3px solid rgba(255,255,255,.08)}
.pmx-progress li.done{border-color:#86efac;color:#86efac}
.pmx-progress li.now{border-color:#a78bfa;color:#fff}
.pmx-co{display:grid;gap:14px;align-items:start}
@media(min-width:900px){.pmx-co{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.pmx-co-sum{order:2;position:sticky;top:90px}}
.pmx-co-sum,.pmx-co-pay{padding:18px;border-radius:22px;background:#110d1b;border:1px solid var(--line)}
.pmx-co-pay .pmx-h2{margin-top:0}
.pmx-co-sum .pmx-id .pmx-tile{flex-basis:60px;width:60px;border-radius:16px}
.pmx-co-sum h1{font-size:18px}
.pmx-topup{margin-left:auto;padding:6px 12px;border-radius:999px;background:var(--goldgrad);color:#2a1700;font-size:12px;font-weight:900;text-decoration:none}
.pmx-fine{margin:12px 2px 14px;font-size:12.5px;color:var(--muted2)}

/* ---- purchases ---- */
.pmx-orders{display:grid;gap:8px;margin:10px 0 30px}
.pmx-order{display:flex;align-items:center;gap:12px;padding:12px;border-radius:16px;background:#110d1b;border:1px solid var(--line);text-decoration:none}
.pmx-order[hidden]{display:none}
.pmx-order:hover{border-color:var(--line2)}
.pmx-order .pmx-tile{flex:0 0 46px;width:46px;aspect-ratio:1;border-radius:13px}
.pmx-order .pmx-tile-ini{font-size:16px}
.pmx-order-b{flex:1;min-width:0}
.pmx-order-b b{display:block;font-size:14px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmx-order-b small{font-size:12px;color:var(--muted2)}
.pmx-pill{flex:0 0 auto;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:800}
.pmx-pill.done{background:rgba(74,222,128,.12);color:#86efac}
.pmx-pill.wait{background:rgba(167,139,250,.14);color:#d8c8ff}
.pmx-pill.bad{background:rgba(251,113,133,.13);color:#fda4af}
.pmx-pill.unpaid{background:rgba(252,211,77,.12);color:#fde68a}

/* ---- toast ---- */
.pmx-toast{position:fixed;left:50%;top:calc(72px + env(safe-area-inset-top));z-index:120;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:min(520px,calc(100% - 24px));padding:12px 8px 12px 14px;border-radius:16px;background:#1a1429;border:1px solid var(--line2);box-shadow:0 18px 50px rgba(0,0,0,.55);font-size:13.5px;animation:pmxDrop .3s cubic-bezier(.2,.9,.3,1.1)}
.pmx-toast.ok i:first-child{color:#86efac}.pmx-toast.warn i:first-child{color:#fde68a}.pmx-toast.err i:first-child{color:#fda4af}
.pmx-toast.err{border-color:rgba(251,113,133,.4)}
.pmx-toast span{flex:1}
.pmx-toast button{width:32px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer}
.pmx-toast.bye{opacity:0;transform:translate(-50%,-10px);transition:all .3s}
@keyframes pmxDrop{from{opacity:0;transform:translate(-50%,-12px)}}

/* ---- older pages (order, SMM) pick up the calmer surfaces ---- */
.pmx .pm-panel{background:#110d1b;box-shadow:none}
.pmx .pm-sec-t{text-transform:none;letter-spacing:-.01em;font-size:16px;color:#f3eefb;font-weight:800}
.pmx .pm-card-cat{text-transform:none;letter-spacing:0;font-size:11.5px;color:#a99bc4;font-weight:700}

/* ---- fixes: long names / scrolling rows can no longer push the page sideways ---- */
html,body{overflow-x:clip}
.pmx-prod,.pmx-co{grid-template-columns:minmax(0,1fr)}
@media(min-width:900px){.pmx-prod{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.pmx-co{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}}
.pmx-info,.pmx-plans,.pmx-co-sum,.pmx-co-pay{min-width:0}
.pmx-id>div{flex:1;min-width:0}
.pmx-id h1{overflow-wrap:anywhere}
.pmx-var-n{overflow-wrap:anywhere}

/* ---- sold out ---- */
.pmx-soldout{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding:14px;border-radius:18px;border:1px dashed var(--line2);background:rgba(255,255,255,.02)}
.pmx-soldout>i{font-size:20px;color:var(--lilac)}
.pmx-soldout>div{flex:1;min-width:180px}
.pmx-soldout b{display:block}
.pmx-soldout span{font-size:12.5px;color:var(--muted2)}
.pmx-soldout .pm-btn{min-height:42px}

/* ---- results + pages ---- */
#pmxResults{transition:opacity .15s}
#pmxResults.loading{opacity:.45;pointer-events:none}
.pmx-chips a{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border-radius:999px;border:1px solid var(--line);background:#120e1d;color:var(--muted);font-size:13px;font-weight:700;white-space:nowrap;text-decoration:none}
.pmx-chips a b{font-size:11px;font-weight:800;color:var(--muted2)}
.pmx-chips a.on{background:#f3eefb;border-color:#f3eefb;color:#1a1029}
.pmx-chips a.on b{color:#6b5a86}
.pmx-pager{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 6px}
.pmx-pager .nums{display:flex;align-items:center;gap:4px}
.pmx-pager a,.pmx-pager span.on,.pmx-pager .nav{display:grid;place-items:center;min-width:40px;height:40px;padding:0 8px;border-radius:12px;border:1px solid var(--line);background:#110d1b;color:var(--text);font-weight:800;font-size:14px;text-decoration:none}
.pmx-pager span.on{background:var(--grad);border-color:transparent;color:#fff}
.pmx-pager .nav.off{opacity:.35}
.pmx-pager .gap{color:var(--muted2);padding:0 2px}
.pmx-pager a:hover{border-color:var(--line2)}