/* product & listing + add-to-cart */
:root{ --text:#0d0d10; --muted:#9aa0a6; --border:#e6e6ea; --accent:#15141a; }
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text)}
.product-page{max-width:1100px;margin:0 auto;padding:24px 16px 40px}
.p-hero{display:grid;grid-template-columns:1fr;gap:24px}
@media(min-width:900px){ .p-hero{grid-template-columns:1fr 1fr} }
.p-media{display:flex;flex-direction:column;gap:12px}
.p-front{width:100%;height:auto;border-radius:12px;border:1px solid var(--border);object-fit:contain;background:#fff}
.p-thumbs{display:flex;gap:8px;flex-wrap:wrap}
.p-thumbs img{width:82px;height:82px;object-fit:cover;border-radius:10px;border:1px solid var(--border);cursor:pointer}
.p-info{padding-top:4px}
.p-brand{color:var(--muted);font-weight:700;letter-spacing:.08em;margin-bottom:6px}
.p-title{margin:0 0 10px 0;font-size:28px;line-height:1.2}
.p-price{font-size:28px;font-weight:700;margin:12px 0 10px}
.p-divider{border:none;border-top:1px solid var(--border);margin:18px 0}
.p-h3{margin:0 0 12px 0;font-size:22px}
.p-highlights{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:16px}
.hl-item{display:flex;align-items:center;gap:10px}
.hl-item .ico{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border);font-size:18px}
.hl-empty{opacity:.45}
.p-acc{border-bottom:1px solid var(--border);padding:4px 0}
.p-acc>summary{list-style:none;cursor:pointer;font-size:22px;font-weight:600;padding:14px 0;position:relative}
.p-acc>summary::-webkit-details-marker{display:none}
.p-acc>summary::after{content:'▾';position:absolute;right:0}
.p-acc[open]>summary::after{transform:rotate(180deg)}
.p-acc-body{padding:0 0 16px 0;color:#2c2c34;white-space:pre-wrap}
.p-meta{margin-top:14px;color:#4b4b53}
.p-meta a{color:#1a73e8;text-decoration:none}
.p-meta a:hover{text-decoration:underline}

/* Buttons */
.btn{display:inline-block;border:1px solid #1a1a22;background:#1a1a22;color:#fff;
     padding:12px 18px;border-radius:10px;font-weight:700;cursor:pointer}
.btn.primary{background:#15141a}
.btn:active{transform:translateY(1px)}

/* Add-to-cart */
.addcart{margin:14px 0 8px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.qty-row{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:10px;overflow:hidden}
.qbtn{appearance:none;border:0;background:#f4f4f6;padding:10px 14px;font-size:18px;line-height:1;cursor:pointer}
.qty{width:64px;text-align:center;border:0;border-left:1px solid var(--border);border-right:1px solid var(--border);
     padding:10px 0;background:#fff;font-size:16px}
.flash-ok{margin:10px 0;padding:10px 12px;border:1px solid #cfe8d6;background:#eaf7ee;border-radius:8px;color:#185c2e;font-weight:600}