/* ===== PRODUCT DETAIL PAGE ===== */

/* BREADCRUMB */
.pd-breadcrumb{max-width:var(--max-w);margin:0 auto;padding:20px 32px 0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted)}
.pd-breadcrumb a{color:var(--text-muted);transition:color .15s}
.pd-breadcrumb a:hover{color:var(--accent)}
.pd-breadcrumb span{color:var(--text-muted);opacity:.5}
.pd-breadcrumb .current{color:var(--text)}

/* PRODUCT HERO */
.pd-hero{max-width:var(--max-w);margin:0 auto;padding:32px 32px 64px;display:flex;gap:56px;align-items:flex-start}

/* GALLERY */
.pd-gallery{flex:0 0 52%;max-width:560px}
.pd-gallery-frame{position:relative;border-radius:6px;overflow:hidden;background:rgba(15,26,20,.6);border:1px solid var(--border-bright);margin-bottom:12px}
.pd-gallery-frame img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#fff;transition:opacity .3s}
.pd-gallery-thumbs{display:flex;gap:10px}
.pd-thumb{padding:0;border:2px solid var(--border);border-radius:4px;overflow:hidden;cursor:pointer;transition:border-color .2s;background:none;flex:1}
.pd-thumb img{width:100%;aspect-ratio:4/3;object-fit:contain;display:block;background:#fff;opacity:1}
.pd-thumb.is-active{border-color:var(--accent)}

/* PRODUCT INFO */
.pd-info{flex:1;min-width:0;padding-top:8px}
.pd-title{font-size:clamp(1.4rem,2.5vw,2rem);font-weight:800;line-height:1.2;margin-bottom:12px;color:var(--text)}
.pd-desc{font-size:14px;color:var(--text-muted);line-height:1.7;margin-bottom:20px}
.pd-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.pd-tag,.pd-tags span{font-size:11px;font-weight:700;letter-spacing:.06em;padding:4px 12px;border-radius:20px;border:1px solid rgba(0,229,255,.25);color:var(--accent-2);background:rgba(0,229,255,.05)}

/* QUICK SPECS */
.pd-quick-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:28px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:8px}
.pd-spec-item{display:flex;flex-direction:column;gap:3px}
.pd-spec-label{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}
.pd-spec-val{font-size:13px;font-weight:700;color:var(--accent)}

/* ACTIONS */
.pd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.pd-actions .btn{display:inline-flex;align-items:center;gap:8px}
.pd-contact-hint{font-size:12px;color:var(--text-muted)}

/* SPECS SECTION */
.pd-specs-section{background:var(--bg-soft);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:72px 32px}
.pd-specs-wrap{max-width:var(--max-w);margin:0 auto}
.pd-specs-head{margin-bottom:36px}
.pd-specs-head .eyebrow{margin-bottom:8px}
.pd-specs-head h2{font-size:24px;font-weight:800;color:var(--text)}
.pd-spec-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:8px;overflow:hidden}
.pd-spec-row{display:grid;grid-template-columns:220px 1fr;border-bottom:1px solid var(--border)}
.pd-spec-row:last-child{border-bottom:none}
.pd-spec-row:nth-child(even){background:rgba(57,211,83,.03)}
.pd-spec-key{padding:14px 20px;font-size:13px;font-weight:600;color:var(--text-muted);background:rgba(15,26,20,.6);border-right:1px solid var(--border)}
.pd-spec-value{padding:14px 20px;font-size:13px;color:var(--text);line-height:1.6}

/* FEATURES */
.pd-features{padding:72px 32px;max-width:var(--max-w);margin:0 auto}
.pd-features-wrap .section-head{margin-bottom:40px}
.pd-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pd-feature-card{padding:28px 24px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .25s,transform .25s}
.pd-feature-card:hover{border-color:var(--border-bright);transform:translateY(-4px)}
.pd-feature-icon{font-size:26px;font-weight:900;color:var(--accent);opacity:.4;margin-bottom:16px;font-family:monospace;line-height:1}
.pd-feature-card h3{font-size:15px;font-weight:700;color:var(--text);margin-bottom:10px}
.pd-feature-card p{font-size:13px;color:var(--text-muted);line-height:1.65}

/* SCENARIOS */
.pd-scenarios{background:var(--bg-soft);border-top:1px solid var(--border);padding:72px 32px}
.pd-scenarios-wrap{max-width:var(--max-w);margin:0 auto}
.pd-scenarios-wrap .section-head{margin-bottom:40px}
.pd-scenario-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pd-scenario-item{padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color .25s,transform .25s}
.pd-scenario-item:hover{border-color:var(--accent);transform:translateY(-4px)}
.pd-scenario-tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:rgba(57,211,83,.1);padding:3px 10px;border-radius:20px;margin-bottom:14px}
.pd-scenario-item h3{font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px}
.pd-scenario-item p{font-size:13px;color:var(--text-muted);line-height:1.65}

/* RELATED PRODUCTS */
.pd-related{padding:72px 32px;max-width:var(--max-w);margin:0 auto}
.pd-related .section-head{margin-bottom:40px}

/* RESPONSIVE */
@media(max-width:1100px){
  .pd-feature-grid{grid-template-columns:repeat(2,1fr)}
  .pd-scenario-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .pd-hero{flex-direction:column;gap:32px;padding:24px 24px 48px}
  .pd-gallery{max-width:100%;width:100%}
  .pd-quick-specs{grid-template-columns:repeat(2,1fr)}
  .pd-specs-section,.pd-features,.pd-scenarios,.pd-related{padding:48px 24px}
  .pd-feature-grid{grid-template-columns:1fr 1fr}
  .pd-scenario-grid{grid-template-columns:1fr}
  .pd-spec-row{grid-template-columns:140px 1fr}
  .pd-breadcrumb{padding:16px 24px 0}
}
@media(max-width:480px){
  .pd-feature-grid{grid-template-columns:1fr}
  .pd-quick-specs{grid-template-columns:1fr}
  .pd-spec-row{grid-template-columns:1fr;display:block}
  .pd-spec-key{border-right:none;border-bottom:1px solid var(--border)}
}

/* Light theme detail refinements */
.pd-gallery-frame{background:#fff;border-color:var(--border);box-shadow:0 14px 34px rgba(24,54,33,.08)}
.pd-spec-key{background:#eef5ef}
.pd-spec-table,.pd-quick-specs,.pd-feature-card,.pd-scenario-item{background:#fff}