/* ============================================================
   Product detail — 8 distinct style variants
   ============================================================ */

/* Shared inner pieces used by several styles */
.ptfe-pd-split{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.ptfe-pd-media img{border-radius:var(--ptfe-radius);box-shadow:var(--ptfe-shadow);width:100%;}
.ptfe-pd-media{position:relative;}
.ptfe-pd-info-col{min-width:0;}
.ptfe-pd-head{margin-bottom:10px;}
.ptfe-pd-head-center{text-align:center;}
.ptfe-pd-media-center{max-width:640px;margin:34px auto;}
.ptfe-pd-center-actions{text-align:center;margin:26px 0;}

/* ============================================================
   1. STYLE-CLASSIC-SPLIT — clean white, image left / info right
   ============================================================ */
.product-style-classic-split .ptfe-pd-body{background:#fff;}
.product-style-classic-split .ptfe-pd-split{background:#fff;}
.product-style-classic-split .ptfe-spec-table{box-shadow:var(--ptfe-shadow);}
.product-style-classic-split .ptfe-pd-title{color:var(--ptfe-dark);}

/* ============================================================
   2. STYLE-HERO-OVERLAY — full-bleed image hero with overlay
   ============================================================ */
.product-style-hero-overlay .ptfe-pd-cover{position:relative;background-size:cover;background-position:center;padding:0 0 64px;color:#fff;}
.product-style-hero-overlay .ptfe-pd-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,20,40,.82),rgba(7,53,111,.9));}
.product-style-hero-overlay .ptfe-pd-cover-inner{position:relative;z-index:2;padding:110px 0 40px;max-width:820px;}
.product-style-hero-overlay .ptfe-pd-title{color:#fff;font-size:2.6rem;text-shadow:0 2px 14px rgba(0,0,0,.3);}
.product-style-hero-overlay .ptfe-pd-brief{color:#dbe6f5;}
.product-style-hero-overlay .ptfe-pd-badge{background:rgba(245,130,31,.95);}
.product-style-hero-overlay .ptfe-pd-body{background:var(--ptfe-bg);}
.product-style-hero-overlay .ptfe-pd-split{background:#fff;border-radius:var(--ptfe-radius);padding:26px;box-shadow:var(--ptfe-shadow-lg);margin-top:-30px;position:relative;z-index:3;}
.product-style-hero-overlay .ptfe-pd-quick-actions{margin-top:18px;}
.product-style-hero-overlay .ptfe-pd-section-title::after{background:var(--ptfe-accent);}

/* ============================================================
   3. STYLE-DARK-INDUSTRIAL — dark engineering layout
   ============================================================ */
.product-style-dark-industrial{background:#0e1626;color:#c7d2e4;}
.product-style-dark-industrial .ptfe-pd-cover{position:relative;background:linear-gradient(120deg,#0a1220,#14213d);padding-bottom:54px;color:#fff;}
.product-style-dark-industrial .ptfe-pd-cover::after{content:"";position:absolute;right:0;bottom:0;width:320px;height:320px;background:radial-gradient(circle,rgba(10,77,163,.35),transparent 70%);}
.product-style-dark-industrial .ptfe-pd-cover-inner{position:relative;z-index:2;padding:64px 0 10px;}
.product-style-dark-industrial .ptfe-pd-title{color:#fff;font-size:2.4rem;}
.product-style-dark-industrial .ptfe-pd-brief{color:#8fa3c4;}
.product-style-dark-industrial .ptfe-pd-badge{background:var(--ptfe-accent);}
.product-style-dark-industrial .ptfe-pd-body{background:#0e1626;}
.product-style-dark-industrial .ptfe-pd-split{grid-template-columns:1.2fr .8fr;align-items:center;}
.product-style-dark-industrial .ptfe-pd-section-title{color:#fff;}
.product-style-dark-industrial .ptfe-pd-section-title::after{background:var(--ptfe-accent);}
.product-style-dark-industrial .ptfe-pd-desc{color:#c7d2e4;}
.product-style-dark-industrial .ptfe-spec-table{background:#14213d;border:none;}
.product-style-dark-industrial .ptfe-spec-table th{background:#1b2c52;color:#e8eefb;border-color:#24375f;}
.product-style-dark-industrial .ptfe-spec-table td{border-color:#24375f;color:#c7d2e4;}
.product-style-dark-industrial .ptfe-check-list li::before{color:var(--ptfe-accent);}
.product-style-dark-industrial .ptfe-pd-inquiry-band{background:linear-gradient(120deg,#17305c,#0d5cbf);}
.product-style-dark-industrial .ptfe-pd-quick-actions .ptfe-btn-primary{background:var(--ptfe-accent);}
.product-style-dark-industrial .ptfe-pd-quick-actions .ptfe-btn-primary:hover{background:var(--ptfe-accent-dark);}

/* ============================================================
   4. STYLE-MINIMAL-CENTER — centered, airy, minimal
   ============================================================ */
.product-style-minimal-center .ptfe-pd-body{background:#fff;text-align:center;}
.product-style-minimal-center .ptfe-pd-head{padding-top:14px;}
.product-style-minimal-center .ptfe-pd-title{font-weight:500;font-size:2.3rem;letter-spacing:.3px;}
.product-style-minimal-center .ptfe-pd-media img{box-shadow:none;border-radius:4px;}
.product-style-minimal-center .ptfe-pd-section{text-align:left;}
.product-style-minimal-center .ptfe-pd-section-title{text-align:left;}
.product-style-minimal-center .ptfe-pd-section-title::after{left:50%;transform:translateX(-50%);}
.product-style-minimal-center .ptfe-pd-section{max-width:820px;margin-left:auto;margin-right:auto;}
.product-style-minimal-center .ptfe-pd-desc{text-align:left;}
.product-style-minimal-center .ptfe-pd-apps{text-align:left;}
.product-style-minimal-center .ptfe-spec-table-full{max-width:820px;margin-left:auto;margin-right:auto;}
.product-style-minimal-center .ptfe-pd-inquiry-band{border-radius:2px;}

/* ============================================================
   5. STYLE-SPEC-TABLE — spec-driven, two column with rail
   ============================================================ */
.product-style-spec-table .ptfe-pd-body{background:var(--ptfe-bg);}
.product-style-spec-table .ptfe-pd-spec-rail{grid-column:1;display:flex;flex-direction:column;gap:22px;}
.product-style-spec-table .ptfe-pd-main-col{grid-column:2;}
.product-style-spec-table .ptfe-pd-body{display:grid;grid-template-columns:1fr 1fr;gap:44px;}
.product-style-spec-table .ptfe-pd-section,.product-style-spec-table .ptfe-pd-inquiry-band,.product-style-spec-table .ptfe-faq-grid{grid-column:1/-1;}
.product-style-spec-table .ptfe-pd-media img{border-radius:4px;}
.product-style-spec-table .ptfe-spec-table th{background:var(--ptfe-primary);color:#fff;border-color:var(--ptfe-primary);}
.product-style-spec-table .ptfe-pd-quote-sticky{position:sticky;top:110px;background:#fff;border:1px solid var(--ptfe-line);border-radius:var(--ptfe-radius);padding:24px;box-shadow:var(--ptfe-shadow);}
.product-style-spec-table .ptfe-pd-title{font-size:1.8rem;}

/* ============================================================
   6. STYLE-LAB-CLEAN — clean light-blue lab / medical look
   ============================================================ */
.product-style-lab-clean{background:#f0f7fc;}
.product-style-lab-clean .ptfe-pd-body{background:#f0f7fc;}
.product-style-lab-clean .ptfe-pd-lab-media{position:relative;max-width:720px;margin:0 auto 34px;}
.product-style-lab-clean .ptfe-pd-lab-media img{border-radius:18px;box-shadow:0 10px 40px rgba(37,116,179,.18);}
.product-style-lab-clean .ptfe-pd-lab-chip{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.92);color:var(--ptfe-primary);font-weight:700;font-size:.78rem;padding:8px 16px;border-radius:30px;box-shadow:var(--ptfe-shadow);}
.product-style-lab-clean .ptfe-pd-lab-info{max-width:720px;margin:0 auto;}
.product-style-lab-clean .ptfe-pd-title{color:var(--ptfe-primary);font-weight:500;}
.product-style-lab-clean .ptfe-pd-badge{background:var(--ptfe-primary);}
.product-style-lab-clean .ptfe-pd-section{background:#fff;border-radius:18px;padding:34px;box-shadow:var(--ptfe-shadow);}
.product-style-lab-clean .ptfe-spec-table{border-radius:10px;}
.product-style-lab-clean .ptfe-pd-inquiry-band{border-radius:18px;}
.product-style-lab-clean .ptfe-faq-item{border-radius:10px;}

/* ============================================================
   7. STYLE-GALLERY-STICKY — sticky gallery + sticky quote box
   ============================================================ */
.product-style-gallery-sticky .ptfe-pd-body{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start;}
.product-style-gallery-sticky .ptfe-pd-gallery-sticky{position:sticky;top:110px;}
.product-style-gallery-sticky .ptfe-pd-gallery-sticky img{border-radius:var(--ptfe-radius);box-shadow:var(--ptfe-shadow-lg);}
.product-style-gallery-sticky .ptfe-pd-main-img{display:block;}
.product-style-gallery-sticky .ptfe-pd-quote-sticky{background:var(--ptfe-bg);border:1px solid var(--ptfe-line);border-radius:var(--ptfe-radius);padding:24px;margin-top:26px;box-shadow:var(--ptfe-shadow);}
.product-style-gallery-sticky .ptfe-pd-quote-sticky h3{margin-bottom:16px;}
.product-style-gallery-sticky .ptfe-pd-title{font-size:2rem;}
.product-style-gallery-sticky .ptfe-pd-section,.product-style-gallery-sticky .ptfe-pd-inquiry-band,.product-style-gallery-sticky .ptfe-faq-grid{grid-column:1/-1;}

/* ============================================================
   8. STYLE-BANNER-SPLIT — gradient banner + split content
   ============================================================ */
.product-style-banner-split .ptfe-pd-cover{background:linear-gradient(110deg,var(--ptfe-primary-darker) 0%,var(--ptfe-primary) 55%,#0d6fd8 100%);padding-bottom:52px;color:#fff;}
.product-style-banner-split .ptfe-pd-cover-inner{padding:60px 0 6px;}
.product-style-banner-split .ptfe-pd-title{color:#fff;font-size:2.3rem;}
.product-style-banner-split .ptfe-pd-brief{color:#dbe6f5;max-width:720px;}
.product-style-banner-split .ptfe-pd-badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.4);}
.product-style-banner-split .ptfe-pd-body{background:#fff;}
.product-style-banner-split .ptfe-pd-split{grid-template-columns:.9fr 1.1fr;}
.product-style-banner-split .ptfe-pd-section-title::after{background:linear-gradient(90deg,var(--ptfe-primary),var(--ptfe-accent));width:110px;}
.product-style-banner-split .ptfe-spec-table th{background:var(--ptfe-bg-alt);}
.product-style-banner-split .ptfe-pd-inquiry-band{background:linear-gradient(110deg,var(--ptfe-primary-dark),#0d6fd8);}

/* ============================================================
   Responsive fixes for product detail
   ============================================================ */
@media (max-width:920px){
  .ptfe-pd-split,.ptfe-pd-body,.product-style-spec-table .ptfe-pd-body,.product-style-gallery-sticky .ptfe-pd-body{grid-template-columns:1fr;display:grid;gap:26px;}
  .ptfe-pd-quote-sticky,.product-style-spec-table .ptfe-pd-quote-sticky{position:static;}
  .ptfe-pd-gallery-sticky{position:static !important;}
  .product-style-hero-overlay .ptfe-pd-cover-inner{padding-top:70px;}
  .product-style-hero-overlay .ptfe-pd-title{font-size:2rem;}
}