/* BREADCRUMB */
.breadcrumb{padding:16px 0;font-size:13px;color:#94a3b8}
.breadcrumb a{color:#60a5fa;transition:color .2s}
.breadcrumb a:hover{color:#93c5fd}
.breadcrumb span{color:#cbd5e1}

/* PRODUCT HERO */
.product-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);color:#fff;padding:40px 0 80px}
.product-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}
.product-tag{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#60a5fa;margin-bottom:12px}
.product-hero h1{font-size:42px;font-weight:800;line-height:1.15;margin-bottom:8px}
.product-cas{font-size:15px;color:#94a3b8;margin-bottom:20px;font-family:monospace}
.product-intro{font-size:16px;color:#cbd5e1;line-height:1.7;margin-bottom:32px}
.product-hero-cta{display:flex;gap:16px}
.product-hero-highlights{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.highlight-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;text-align:center}
.highlight-value{display:block;font-size:28px;font-weight:800;color:#60a5fa;margin-bottom:4px}
.highlight-card p{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}

/* PROBLEMS */
.product-problems{padding:96px 0}
.problems-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.problem-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:32px}
.problem-card h3{font-size:18px;font-weight:700;color:#1e40af;margin-bottom:16px}
.problem-cause{font-size:14px;color:#64748b;margin-bottom:12px;line-height:1.6}
.problem-solution{font-size:14px;color:#374151;line-height:1.7}

/* SPECS */
.product-specs{padding:96px 0;background:#f8fafc}
.specs-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:32px}
.spec-table-wrap{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0}
.spec-table-wrap h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#1a1a2e}
.spec-table{width:100%;border-collapse:collapse}
.spec-table th{text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:10px 12px;border-bottom:2px solid #e2e8f0}
.spec-table td{font-size:14px;color:#374151;padding:10px 12px;border-bottom:1px solid #f1f5f9}
.spec-table tr:last-child td{border-bottom:none}
.spec-note{font-size:13px;color:#2563eb;margin-top:16px;font-weight:500}

/* APPLICATIONS */
.product-applications{padding:96px 0}
.applications-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.app-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:28px}
.app-card h3{font-size:16px;font-weight:700;color:#1e40af;margin-bottom:16px}
.app-card ul{list-style:none}
.app-card ul li{font-size:14px;color:#374151;padding:5px 0;padding-left:16px;position:relative;line-height:1.5}
.app-card ul li::before{content:"";position:absolute;left:0;top:12px;width:6px;height:6px;background:#2563eb;border-radius:50%}

/* GRADES */
.product-grades{padding:96px 0;background:#f8fafc}
.grades-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:800px;margin:0 auto}
.grade-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px;position:relative}
.grade-card.featured{border-color:#2563eb;border-width:2px}
.grade-purity{font-size:24px;font-weight:800;color:#2563eb;margin-bottom:16px}
.grade-card ul{list-style:none}
.grade-card ul li{font-size:14px;color:#374151;padding:6px 0;padding-left:16px;position:relative}
.grade-card ul li::before{content:"✓";position:absolute;left:0;color:#2563eb;font-weight:700}

/* LOGISTICS */
.product-logistics{padding:96px 0}
.logistics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.logistics-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:28px}
.logistics-card h3{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:16px}
.logistics-card ul{list-style:none}
.logistics-card ul li{font-size:14px;color:#374151;padding:5px 0;line-height:1.6}

/* DOCUMENTS */
.product-documents{padding:96px 0}
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.doc-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:28px;text-align:center}
.doc-card h3{font-size:18px;margin-bottom:12px}
.doc-card p{font-size:14px;color:#64748b;margin-bottom:16px;line-height:1.6}
.doc-card.available{border-color:#2563eb;background:#eff6ff}
.doc-card.pending{background:#fefce8;border-color:#eab308}
.doc-status{font-size:13px;color:#92400e;font-weight:500}
.doc-card .btn-card{display:inline-block}

/* FAQ */
.product-faq{padding:96px 0;background:#f8fafc}
.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.faq-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px}
.faq-card h3{font-size:16px;font-weight:700;color:#1a1a2e;margin-bottom:12px}
.faq-card p{font-size:14px;color:#475569;line-height:1.7}

/* RESPONSIVE */
@media(max-width:768px){
  .product-hero h1{font-size:28px}
  .product-hero-grid{grid-template-columns:1fr}
  .product-hero-highlights{grid-template-columns:1fr 1fr}
  .problems-grid,.specs-grid,.applications-grid,.grades-grid,.logistics-grid,.faq-grid,.docs-grid{grid-template-columns:1fr}
}