.product[data-detail]{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.product[data-detail]:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(7,31,71,.1)}.product[data-detail]:focus-visible{outline:3px solid #1476e8;outline-offset:3px}.detail-backdrop{display:none;position:fixed;inset:0;background:rgba(5,18,43,.7);z-index:2000;align-items:center;justify-content:center;padding:18px}.detail-backdrop.open{display:flex}.detail-dialog{position:relative;background:#fff;border-radius:20px;width:min(100%,1010px);max-height:93vh;overflow:auto;padding:clamp(18px,3vw,35px);box-shadow:0 24px 90px #001c3b44}.detail-close{position:absolute;right:15px;top:12px;border:0;background:#edf3fa;border-radius:50%;height:38px;width:38px;font-size:22px;cursor:pointer;z-index:1}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-top:14px}.detail-hero{border-radius:15px;background:#eff6ff;min-height:340px;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-hero img{max-width:100%;max-height:450px;object-fit:contain}.detail-thumbs{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.detail-thumb{border:2px solid #e4ebf5;background:#f5f9ff;border-radius:8px;padding:3px;cursor:pointer}.detail-thumb.active{border-color:#1373f5}.detail-thumb img{width:68px;height:68px;object-fit:contain}.detail-category{color:#1268ce;font-weight:800;letter-spacing:.06em;font-size:12px}.detail-title{font-size:clamp(21px,2.4vw,30px);line-height:1.3;color:#0c2347;margin:12px 0}.detail-price{font-size:29px;font-weight:900;color:#0865d9;margin:14px 0}.detail-muted{color:#566984;line-height:1.7}.detail-description{white-space:pre-wrap;overflow-wrap:anywhere}.detail-note{margin-top:15px;padding:12px 14px;border:1px solid #cddff6;border-radius:10px;background:#f1f7ff;color:#193b64}.detail-sku{font-size:12px;color:#617390;margin-top:10px}.detail-noimage{font-size:72px;color:#8ba5c6}.detail-pill{display:inline-block;background:#fff0f0;color:#bd3131;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:800}@media(max-width:750px){.detail-grid{grid-template-columns:1fr}.detail-hero{min-height:250px}.detail-dialog{max-height:95vh}}