.product-main { padding-top:32px; padding-bottom:64px; }
.product-nav { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:30px; }
.product-nav a,.copy-product-link { display:inline-flex; align-items:center; gap:9px; min-height:40px; color:#c8c8c8; font-size:13px; }
.product-nav a:hover { color:var(--text); }
.copy-product-link { padding:9px 15px; border:1px solid #ffffff0b; border-radius:22px; background:#ffffff06; transition:background .18s ease; }
.copy-product-link:hover { background:#ffffff0e; color:var(--text); }
.product-nav svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.product-layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; grid-template-areas:"gallery overview" "details overview"; column-gap:42px; row-gap:30px; align-items:start; }
.product-gallery { grid-area:gallery; min-width:0; }
.product-visual { padding:8px; border:1px solid #ffffff09; border-radius:25px; background:var(--surface); }
.product-hero { display:block; width:100%; height:auto; aspect-ratio:1005/565; object-fit:contain; border-radius:17px; background:#1b1b1b; }
#gallery-image-link { display:block; border-radius:17px; cursor:zoom-in; }
.gallery-thumbnails { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:12px; }
.gallery-thumb { position:relative; min-width:0; overflow:hidden; border-radius:13px; border:2px solid transparent; padding:3px; background:#ffffff06; transition:border-color .15s ease; }
.gallery-thumb[aria-current="true"] { border-color:#b5b5b5; }
.gallery-thumb:hover { border-color:#787878; }
.gallery-thumb img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; }
.gallery-video-label { position:absolute; right:7px; bottom:7px; display:flex; align-items:center; gap:4px; padding:3px 6px; border-radius:8px; background:#191919c9; color:white; font-size:10px; }
.gallery-video-label svg { width:10px; height:10px; fill:currentColor; }
.gallery-caption { margin:10px 8px 0; color:#a5a5a5; font-size:11px; line-height:1.5; }
.product-overview { grid-area:overview; min-width:0; padding-top:4px; overflow-wrap:anywhere; }
.product-overview h1 { margin-top:8px; font-size:30px; font-weight:600; line-height:1.15; letter-spacing:-.9px; text-wrap:balance; }
.product-page-price { display:block; margin-top:18px; font-size:25px; font-weight:500; font-variant-numeric:tabular-nums; }
.product-rating { display:inline-flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:13px; font-size:12px; color:#eee; }
.product-rating span:last-child { color:var(--muted); }
.product-rating:hover span:last-child { color:#eee; text-decoration:underline; }
.product-overview .product-summary { margin-top:20px; }
.product-purchase { margin-top:24px; }
.product-buy { display:flex; align-items:center; justify-content:center; gap:10px; width:100%; min-height:48px; padding:12px 22px; border:1px solid #fff; border-radius:25px; background:#f0f0f0; color:#202020; font-size:14px; font-weight:600; transition:background .18s ease; }
.product-buy:hover { background:#fff; }
.product-buy .icon { width:17px; height:17px; }
.product-purchase p { margin-top:10px; text-align:center; color:var(--muted); font-size:11px; }
.product-specifications { margin-top:28px; }
.product-specifications h2 { font-size:14px; font-weight:600; }
.product-specifications dl { margin:14px 0 0; font-size:12px; }
.product-specifications dl>div { display:grid; grid-template-columns:105px minmax(0,1fr); gap:15px; padding:13px 0; border-bottom:1px solid #ffffff09; }
.product-specifications dt { color:#a8a8a8; }
.product-specifications dd { margin:0; color:#dedede; }
.product-details { grid-area:details; min-width:0; padding:0 8px; overflow-wrap:anywhere; }
.product-detail-section + .product-detail-section { margin-top:32px; }
.product-detail-section h2 { font-size:17px; font-weight:600; letter-spacing:-.15px; }
.product-description { margin-top:14px; max-width:75ch; color:var(--muted); font-size:14px; line-height:1.85; white-space:pre-line; }
.product-detail-section ul,.product-detail-section ol { margin:13px 0 0; padding-left:20px; color:var(--muted); font-size:14px; line-height:1.8; }
.product-detail-section li { padding-left:3px; }
.product-detail-section li + li { margin-top:8px; }
.product-detail-section ol li::marker { color:#eee; font-variant-numeric:tabular-nums; }
.code-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.copy-code { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; border:0; border-radius:16px; background:#ffffff07; color:var(--muted); font-size:11px; }
.copy-code .icon { width:13px; height:13px; }
.copy-code:hover { background:#ffffff0e; color:#eee; }
.product-code { margin:12px 0 0; padding:20px; border-radius:18px; background:#2b2b2b; color:#e5e5e5; white-space:pre-wrap; overflow-wrap:anywhere; font:13px/1.85 Consolas,monospace; }
.product-license { padding-top:28px; border-top:1px solid var(--line); }
.product-license p { margin-top:14px; color:#a6a6a6; font-size:12px; line-height:1.85; white-space:pre-line; }
.product-not-found .empty-state { max-width:620px; margin:60px auto; text-align:center; }
.product-not-found h1 { font-size:32px; font-weight:600; letter-spacing:-.7px; }
.product-not-found p { margin-top:14px; color:var(--muted); }
.product-not-found .button { margin-top:24px; }
@media (min-width:901px) and (min-height:850px) { .product-overview { position:sticky; top:112px; } }
@media (max-width:1050px) { .product-layout { grid-template-columns:minmax(0,1fr) 300px; column-gap:28px; } }
@media (max-width:900px) {
  .product-layout { grid-template-columns:minmax(0,1fr); grid-template-areas:"gallery" "overview" "details"; gap:28px; max-width:760px; margin-inline:auto; }
  .product-overview { padding-inline:8px; }
  .product-specifications dl { display:grid; grid-template-columns:1fr 1fr; column-gap:24px; }
  .product-specifications dl>div { grid-template-columns:90px minmax(0,1fr); gap:10px; }
  .product-details { margin-top:4px; padding-top:28px; border-top:1px solid var(--line); }
}
@media (max-width:640px) {
  .product-main { padding-top:22px; padding-bottom:34px; }
  .product-nav { margin-bottom:20px; padding-inline:3px; }
  .product-nav a,.copy-product-link { font-size:12px; }
  .copy-product-link { padding:8px 12px; }
  .product-layout { gap:24px; }
  .product-visual { padding:6px; border-radius:21px; }
  .product-hero { border-radius:15px; }
  .gallery-thumbnails { gap:6px; }
  .gallery-thumb { padding:2px; border-radius:10px; }
  .gallery-thumb img { border-radius:5px; }
  .gallery-video-label { right:5px; bottom:5px; font-size:9px; padding:2px 4px; }
  .gallery-video-label svg { width:8px; height:8px; }
  .product-overview h1 { font-size:28px; }
  .product-specifications dl { grid-template-columns:1fr; }
  .product-specifications dl>div { grid-template-columns:105px minmax(0,1fr); }
  .product-detail-section h2 { font-size:16px; }
  .product-detail-section ul,.product-detail-section ol,.product-description { font-size:13px; }
}