/* PD Drip shop controls. Uses the /apparel/ page variables; falls back to safe colors. */
.pdd-buy{display:grid;gap:.45rem;margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--line,#e5e5e5)}
.pdd-buy-row{display:grid;grid-template-columns:4.2rem 1fr;align-items:center;gap:.4rem;font-size:.85rem;color:var(--muted,#555)}
.pdd-buy-row label{display:flex;align-items:center;gap:.3rem}
.pdd-buy select{min-height:2.25rem;width:100%;border:1px solid var(--line,#ccc);border-radius:.5rem;background:var(--card,#fff);color:var(--ink,#111);padding:0 .4rem;font:inherit}
.pdd-buy-dot{width:.8rem;height:.8rem;border-radius:50%;border:1px solid rgba(0,0,0,.25);display:inline-block}
.pdd-buy-add,.pdd-bag-go{min-height:2.5rem;border:0;border-radius:.6rem;background:var(--pdd-pur,#7c3aed);color:#fff;font-weight:700;cursor:pointer;font:inherit;font-weight:700}
.pdd-buy-add:hover,.pdd-bag-go:hover{filter:brightness(1.08)}
.pdd-buy-add:focus-visible,.pdd-bag-go:focus-visible,.pdd-bag button:focus-visible,.pdd-bag-fab:focus-visible{outline:3px solid var(--pdd-gold,#f5b301);outline-offset:2px}
.pdd-buy-status{min-height:1.1em;font-size:.78rem;color:var(--muted,#555)}
.pdd-bag-fab{position:fixed;right:1rem;bottom:1rem;z-index:60;min-height:3rem;padding:0 1.1rem;border:0;border-radius:999px;background:var(--pdd-night,#1b1035);color:#fff;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.pdd-bag-fab span{display:inline-block;min-width:1.5rem;margin-left:.3rem;padding:.1rem .35rem;border-radius:999px;background:var(--pdd-gold,#f5b301);color:#1b1035}
.pdd-bag{width:min(32rem,94vw);max-height:90vh;border:1px solid var(--line,#ddd);border-radius:1rem;background:var(--card,#fff);color:var(--ink,#111);padding:1rem 1.1rem}
.pdd-bag::backdrop{background:rgba(10,6,25,.55)}
.pdd-bag-head{display:flex;justify-content:space-between;align-items:center}
.pdd-bag-head h2{margin:0;font-size:1.25rem;color:var(--head,inherit)}
.pdd-bag-x{border:0;background:none;color:inherit;font-size:1.6rem;line-height:1;cursor:pointer;min-width:2.5rem;min-height:2.5rem}
.pdd-bag-list{list-style:none;margin:.6rem 0;padding:0;display:grid;gap:.6rem}
.pdd-bag-line{display:grid;grid-template-columns:1fr auto auto;grid-template-areas:"n q a" "n r r";gap:.2rem .7rem;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--line,#eee)}
.pdd-bag-name{grid-area:n;display:grid}.pdd-bag-name small{color:var(--muted,#555)}
.pdd-bag-qty{grid-area:q;display:flex;align-items:center;gap:.3rem}
.pdd-bag-qty button{min-width:2.2rem;min-height:2.2rem;border:1px solid var(--line,#ccc);border-radius:.5rem;background:none;color:inherit;cursor:pointer}
.pdd-bag-amt{grid-area:a;text-align:right}
.pdd-bag-rm{grid-area:r;justify-self:end;border:0;background:none;color:var(--muted,#555);text-decoration:underline;cursor:pointer;font-size:.8rem}
.pdd-bag-sum{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:.6rem 0}
.pdd-bag-sum dt{color:var(--muted,#555)}.pdd-bag-sum dd{margin:0;text-align:right}
.pdd-bag-note{font-size:.85rem;color:var(--muted,#555)}
.pdd-bag-note a{color:var(--pdd-pur,#7c3aed)}
.pdd-bag-msg{color:#b42318;min-height:1em;margin:.3rem 0}
.pdd-bag-free{font-weight:600;margin:.3rem 0;min-height:1em}.pdd-bag-free a{margin-left:.25rem;color:var(--pdd-pur,#7c3aed)}
.pdd-bag-go{width:100%}.pdd-bag-go:disabled{opacity:.55;cursor:not-allowed}
.pdd-bag-empty{color:var(--muted,#555)}
[data-theme="dark"] .pdd-bag-msg{color:#ff8a80}
@media (prefers-reduced-motion:no-preference){.pdd-bag-fab{transition:transform .15s}.pdd-bag-fab:hover{transform:translateY(-2px)}}
[data-theme="dark"] .pdd-bag-fab{background:var(--pdd-pur,#7c3aed)}
/* price line added by shop.js when the card has none (v5r2a cards) */
.pdd-price--live{margin:.5rem 0 0;font-size:1rem}.pdd-price--live b{font-size:1.1rem}.pdd-price--live span{opacity:.75;font-size:.85rem}
.pdd-buy-view{background:none;border:0;padding:0;color:inherit;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}

/* launch copy: .pdd-live-only shows once at least one card is buyable; .pdd-soon-only hides then */
.pdd-live-only{display:none!important}
html.pdd-shop-live .pdd-live-only{display:block!important}
html.pdd-shop-live span.pdd-live-only{display:inline!important}
html.pdd-shop-live .pdd-soon-only{display:none!important}
/* GOC category sections */
.goc-cat{margin-top:1.6rem}.goc-cat-h{font-size:1.35rem;margin:0 0 .6rem}.goc-jump a{font-weight:700}
