.product-page-note { font-size:12px; color:var(--text-secondary); margin:-5px 0 18px; }
.shop-desc { white-space:pre-line; overflow-wrap:anywhere; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.pd-overlay { position:fixed; inset:0; z-index:150; background:#080e1bbc; display:flex; align-items:center; justify-content:center; padding:24px; }
.pd-dialog { width:1120px; max-width:100%; height: min(840px,94vh); display:flex; flex-direction:column; background:var(--card-bg); color:var(--text-primary); border:1px solid var(--border-light); border-radius:14px; box-shadow:0 24px 80px #0006; overflow:hidden; }
.pd-toolbar,.pd-footer { padding:16px 22px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; flex-shrink:0; }
.pd-toolbar { border-bottom:1px solid var(--border-light); }
.pd-footer { border-top:1px solid var(--border-light); }
.pd-controls { display:flex; gap:6px; align-items:center; }
.pd-btn { font:inherit; font-size:12px; border:1px solid var(--border-light); border-radius:6px; padding:8px 12px; color:var(--text-primary); background:var(--content-bg); cursor:pointer; }
.pd-btn[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); }
.pd-btn.primary { background:var(--accent); color:white; border-color:var(--accent); }
.pd-btn:disabled { cursor:wait; opacity:.5; }
.pd-scroll { overflow:auto; flex:1; min-height:0; padding:24px; }
.pd-content { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(240px,1fr); gap:26px; align-items:start; }
.pd-hero { background:var(--content-bg); width:100%; aspect-ratio:16/10; object-fit:contain; border:1px solid var(--border-light); border-radius:8px; display:block; }
.pd-thumbs { display:flex; gap:8px; overflow:auto; margin:12px 0; padding-bottom:6px; }
.pd-thumb { flex:0 0 100px; padding:3px; background:var(--content-bg); border:2px solid transparent; border-radius:6px; cursor:pointer; }
.pd-thumb[aria-pressed="true"] { border-color:var(--accent); }
.pd-thumb img { width:100%; height:60px; object-fit:cover; display:block; }
.pd-title { font-size:26px; line-height:1.35; margin:10px 0 14px; }
.pd-muted { font-size:12px; line-height:1.8; color:var(--text-secondary); }
.pd-price { font-size:28px; font-weight:700; color:var(--accent); margin:22px 0 6px; }
.pd-desc { font-size:13px; line-height:1.9; white-space:pre-wrap; overflow-wrap:anywhere; user-select:text; margin-top:12px; }
.pd-about { border-top:1px solid var(--border-light); padding-top:18px; margin-top:22px; }
.pd-about h3 { font-size:14px; }
.pd-badge { display:inline-block; font-size:11px; padding:4px 8px; color:var(--accent); background:var(--sidebar-active-bg); border-radius:5px; }
.pd-edit { margin-top:24px; padding:20px; background:var(--content-bg); border:1px dashed var(--accent); border-radius:8px; }
.pd-edit h3 { font-size:15px; margin-bottom:8px; }
.pd-edit label { display:block; font-size:13px; margin:15px 0 8px; }
.pd-edit textarea { width:100%; resize:vertical; min-height:120px; padding:12px; border-radius:6px; border:1px solid var(--border-light); background:var(--card-bg); color:var(--text-primary); font:inherit; font-size:13px; user-select:text; }
.pd-edit-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(125px,1fr)); gap:12px; margin:16px 0; }
.pd-edit-card { padding:8px; border:1px solid var(--border-light); border-radius:7px; background:var(--card-bg); }
.pd-edit-card img { width:100%; height:78px; object-fit:cover; border-radius:4px; }
.pd-edit-card .pd-btn { padding:5px 7px; margin:6px 3px 0 0; }
.pd-feedback { margin-top:12px; font-size:12px; line-height:1.7; color:var(--accent); }
.pd-dialog :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:800px) { .pd-overlay { padding:10px; } .pd-scroll { padding:16px; } .pd-content { grid-template-columns:1fr; } .pd-toolbar { padding:12px; } .pd-title { font-size:22px; } }