.pd-top{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:16px 32px;display:grid}.pd-gal{flex-direction:column;gap:10px;display:flex}.pd-main{aspect-ratio:1;border-radius:var(--r-lg);background:var(--sec-soft);border:1px solid var(--border);place-items:center;display:grid}.pd-cover{aspect-ratio:3/4;background:var(--sec);color:#fff;width:52%;box-shadow:-8px 10px 0 color-mix(in srgb,var(--sec) 35%,transparent);border-radius:4px 10px 10px 4px;flex-direction:column;justify-content:space-between;padding:20px 16px;display:flex}.pd-cover b{font-size:clamp(18px,2.4vw,26px);line-height:1.4}.pd-cover span{opacity:.9;font-size:13px}.pd-thumbs{gap:8px;display:flex}.pd-thumbs button{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--sec-soft);cursor:pointer;width:64px;height:64px}.pd-thumbs button[aria-current=true]{border-color:var(--sec);border-width:2px}.pd-thumbs button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pd-info{flex-direction:column;gap:14px;min-width:0;display:flex}.pd-info h1{font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.4}.pd-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pd-by{color:var(--fg-2);flex-wrap:wrap;gap:6px 16px;font-size:14px;display:flex}.pd-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pd-keys div{border-radius:var(--r-md);background:var(--surface-2);color:var(--fg-2);flex-direction:column;min-width:0;padding:10px 12px;font-size:13px;display:flex}.pd-keys b{color:var(--fg);overflow-wrap:anywhere;font-size:15px}.pd-desc{font-size:15px;line-height:2}.pd-buy{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--surface);flex-direction:column;align-self:start;gap:14px;min-width:0;padding:20px;display:flex}.pd-stock{color:var(--success);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.pd-stock .i{flex:none;width:20px;height:20px}.pd-stock.is-presale{color:var(--info)}.pd-stock.is-out{color:var(--danger)}.pd-old{align-items:center;gap:8px;display:flex}.pd-old .old{color:var(--fg-3);text-decoration:line-through}.pd-old .off{background:var(--accent-soft);color:var(--accent-text);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800}.pd-addons{border-top:1px solid var(--border);flex-direction:column;padding-top:6px;display:flex}.pd-addons .check span:first-of-type{flex:1}.pd-ship{color:var(--fg-2);border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;font-size:13px;display:flex}.pd-ship span{align-items:center;gap:8px;display:flex}.pd-ship .i{width:18px;height:18px;color:var(--accent-text);flex:none}.pd-act{align-items:center;gap:8px;display:flex}.pd-act .btn-primary{flex:1}.pd-sec{padding-block:8px 32px}.pd-tabpanel{max-width:860px;padding-block:20px}.pd-specs{border-collapse:collapse;width:100%;font-size:14px}.pd-specs th{text-align:start;color:var(--fg-2);background:var(--surface-2);width:34%;padding:10px 12px;font-weight:500}.pd-specs td{padding:10px 12px}.pd-specs tr+tr th,.pd-specs tr+tr td{border-top:1px solid var(--border)}.pd-relhead{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.pd-rel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:900px){.pd-top{grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3.4fr);gap:32px;padding-top:24px}.pd-rel{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}}