/* listingdescription.css v3.13.3-bringcurrent 4/30/2026 */
/* From 3.2 v2.9.10 — PDP description .s4s- classes + .v46-faq- accordion */
/* Product description .s4s- classes + .v46-faq- accordion */
/* Loaded on product pages only, deferred (below-fold content) */
/* Note: 7 .s4s- override rules remain in default.css (contrast + CLS fixes) */

/* === CSS VARIABLES === */
:root{--primary-blue:#104F7F;--dark-blue:#133058;--text-dark:#0C0C0C;--text-mid:#333;--text-light:#666;--light-bg:#f8f9fa;--light-bg-2:#f7fafa;--light-bg-3:#f0f9ff;--light-bg-4:#e9ecef;--light-bg-5:#e0f2fe;--border-color:#dee2e6;--border-light:#e9ecef;--border-mid:#d5dbdb;--border-dark:#e5e7eb;--green-dark:#065f46;--green-mid:#27ae60;--green-light:#1a5f2a;--green-xdark:#0d3d16;--green-bright:#4ade80;--blue-tag-bg:#dbeafe;--blue-tag-fg:#1e40af;--green-tag-bg:#d1fae5;--green-tag-fg:#065f46;--spec-btn-bg:#899AEB;--dark-in-action:#1a1a2e;--dark-in-action-2:#16213e;--gold:#fbbf24}

/* === LAYOUT === */
.s4s-wrap{font-family:Roboto,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text-dark);line-height:1.6;max-width:950px;margin:0 auto;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.08)}
.s4s-pad{padding:25px}
.s4s-title-bar{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);padding:24px 30px;border-radius:12px 12px 0 0}
.s4s-h2{font-size:1.6em;font-weight:800;color:#fff;line-height:1.35;margin:0}
.s4s-full-bleed{margin:0 -25px 25px -25px}
.s4s-img-block{width:100%;display:block}

/* === TRUST BADGES === */
.s4s-badges-wrap{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:25px}
.s4s-badges-bar{flex:1;min-width:200px;display:flex;gap:15px;padding:15px 20px;background:var(--light-bg-2);border-radius:10px;border:1px solid var(--border-mid);flex-wrap:wrap}
.s4s-badge{display:flex;align-items:center;gap:8px}
.s4s-badge-icon{width:22px;height:22px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.s4s-badge-text{font-size:0.9em;color:#0f1111;font-weight:600}

/* === IMAGE GALLERY === */
.s4s-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px}
.s4s-gallery-hero{grid-column:1/-1;background:linear-gradient(180deg,var(--light-bg) 0%,var(--light-bg-4) 100%);border-radius:12px;position:relative;min-height:320px}
.s4s-warranty-tag{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;padding:8px 16px;font-size:0.8em;font-weight:700;border-radius:6px;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.15)}
.s4s-hero-img{width:100%;height:320px;object-fit:contain;display:block}
.s4s-gallery-cell{background:linear-gradient(180deg,var(--light-bg) 0%,var(--light-bg-4) 100%);border-radius:10px;overflow:hidden;position:relative;min-height:150px}
.s4s-gallery-thumb{width:100%;height:150px;object-fit:contain}
.s4s-img-tag{position:absolute;top:8px;left:8px;padding:3px 8px;border-radius:4px;font-size:0.65em;font-weight:700;text-transform:uppercase;z-index:1}
.s4s-tag-product{background:var(--blue-tag-bg);color:var(--blue-tag-fg)}
.s4s-tag-inuse{background:var(--green-tag-bg);color:var(--green-tag-fg)}

/* === WARRANTY BOX === */
.s4s-warranty-box{margin:30px 0;padding:25px;background:linear-gradient(135deg,var(--light-bg-3) 0%,var(--light-bg-5) 100%);border-radius:16px;border:2px solid rgba(16,79,127,0.2)}
.s4s-warranty-flex{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.s4s-warranty-shield{flex:0 0 80px;text-align:center}
.s4s-warranty-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto;box-shadow:0 4px 15px rgba(16,79,127,0.2)}
.s4s-warranty-num{font-size:2em;color:#fff;font-weight:800}
.s4s-warranty-label{font-size:0.75em;font-weight:700;margin-top:5px}
.s4s-warranty-details{flex:1;min-width:250px}
.s4s-warranty-title{margin:0 0 10px 0;color:var(--dark-blue);font-size:1.1em}
.s4s-warranty-list{margin:0;padding:0 0 0 18px;color:#374151;font-size:0.9em;line-height:1.8}

/* === PERFORMANCE METRICS === */
.s4s-metrics{display:grid;gap:8px;margin:20px 0;padding:15px;background:linear-gradient(135deg,var(--light-bg) 0%,#fff 100%);border-radius:10px;border:1px solid var(--border-dark)}
.s4s-metric{text-align:center;padding:8px}
.s4s-metric-icon{width:40px;height:40px;margin:0 auto 6px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.s4s-metric-val{font-weight:700;color:var(--dark-blue);font-size:0.95em}
.s4s-metric-label{color:var(--text-light);font-size:0.75em}

/* === ENERGY CALCULATOR === */
.s4s-energy{background:linear-gradient(135deg,var(--green-light) 0%,var(--green-xdark) 100%);border-radius:16px;padding:30px;margin:30px 0;color:#fff}
.s4s-energy-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}
.s4s-energy-icon{width:50px;height:50px;background:rgba(255,255,255,0.2);border-radius:50%;display:flex;align-items:center;justify-content:center}
.s4s-energy-title{margin:0;font-size:1.3em;font-weight:700}
.s4s-energy-sub{margin:4px 0 0 0;opacity:0.8;font-size:0.9em}
.s4s-energy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-bottom:25px}
.s4s-energy-lbl{display:block;font-size:0.85em;opacity:0.9;margin-bottom:6px}
.s4s-energy-input{width:100%;padding:12px;border-radius:8px;border:none;font-size:1em;background:rgba(255,255,255,0.15);color:#fff}
.s4s-energy-input::placeholder{color:rgba(255,255,255,0.6)}
.s4s-energy-range{width:100%;margin-top:8px}
.s4s-energy-range-val{font-size:1.2em;font-weight:700}
.s4s-energy-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:15px;background:rgba(0,0,0,0.2);border-radius:12px;padding:20px}
.s4s-energy-result{text-align:center}
.s4s-energy-result-lbl{font-size:0.8em;opacity:0.8}
.s4s-energy-result-val{font-size:1.8em;font-weight:800;color:var(--green-bright)}
.s4s-energy-result-gold{font-size:1.8em;font-weight:800;color:var(--gold)}
.s4s-energy-note{margin:15px 0 0 0;font-size:0.85em;opacity:0.7;text-align:center}

/* === SPEC SHEET BUTTON === */
.s4s-spec-btn{display:inline-flex;align-items:center;gap:8px;background:var(--spec-btn-bg);color:#fff;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:600;margin-bottom:24px;cursor:pointer;border:none}
.s4s-spec-btn:hover{opacity:0.9}

/* === FEATURE BULLETS === */
.s4s-bullets{margin:20px 0}
.s4s-bullet{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--light-bg-4)}
.s4s-bullet-icon{min-width:26px;height:26px;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:2px}
.s4s-bullet-title{color:var(--primary-blue)}

/* === WHY CHOOSE SECTION === */
.s4s-why{margin:25px 0}
.s4s-why-title{margin:0 0 15px 0;color:var(--dark-blue);font-size:1.15em;text-align:center}
.s4s-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.s4s-why-card{border-radius:12px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.s4s-why-card-top{height:80px;display:flex;align-items:center;justify-content:center}
.s4s-why-card-body{padding:15px;background:#fff}
.s4s-why-card-h{margin:0 0 6px 0;color:var(--dark-blue);font-size:0.95em}
.s4s-why-card-p{margin:0;color:var(--text-light);font-size:0.82em;line-height:1.5}

/* === IN-ACTION PHOTOS === */
.s4s-inaction{margin:30px 0;text-align:center;background:linear-gradient(180deg,var(--dark-in-action) 0%,var(--dark-in-action-2) 100%);padding:30px;border-radius:14px}
.s4s-inaction-h{color:#fff;margin:0 0 20px 0;font-size:1.2em;font-weight:700}
.s4s-inaction-img{max-width:100%;width:650px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.4)}
.s4s-inaction-cap{font-size:0.9em;color:rgba(255,255,255,0.8);margin:15px 0 0 0}

/* === PRODUCT ZOOM === */
.s4s-zoom{margin:35px 0}
.s4s-zoom-h{color:var(--dark-blue);margin:0 0 20px 0;font-size:1.2em;font-weight:700;text-align:center}
.s4s-zoom-row{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:20px;background:var(--light-bg);border-radius:12px}
.s4s-zoom-img-wrap{flex:0 0 45%;position:relative;overflow:hidden;border-radius:10px;max-height:220px}
.s4s-zoom-img{width:100%;height:220px;object-fit:cover;border-radius:10px}
.s4s-zoom-tag{position:absolute;bottom:10px;background:rgba(16,79,127,0.9);color:#fff;padding:5px 12px;border-radius:20px;font-size:0.75em;font-weight:600;display:flex;align-items:center}
.s4s-zoom-tag-l{left:10px}
.s4s-zoom-tag-r{right:10px}
.s4s-zoom-text{flex:1}
.s4s-zoom-text h4{color:var(--primary-blue);margin:0 0 10px 0;font-size:1.1em}
.s4s-zoom-text p{margin:0;color:var(--text-mid);font-size:0.95em;line-height:1.6}

/* === SPECS TABLE === */
.s4s-specs{max-width:500px;margin:30px 0 24px 0}
.s4s-specs-head{background:var(--primary-blue);color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;font-size:1.05em;font-weight:700;display:flex;align-items:center;gap:8px}
.s4s-specs-body{background:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;overflow:hidden}
.s4s-spec-row{display:flex;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--light-bg-4);font-size:0.9em}
.s4s-spec-even{background:var(--light-bg)}
.s4s-spec-odd{background:#fff}
.s4s-spec-key{font-weight:600;color:var(--primary-blue)}
.s4s-spec-key-green{font-weight:600;color:var(--green-mid)}
.s4s-spec-val{color:var(--text-mid);text-align:right}

/* === TEXT BLOCKS === */
.s4s-text-title{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;padding:16px 20px;border-radius:8px;margin-bottom:24px;text-align:center}
.s4s-text-secondary{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:16px 20px;margin-bottom:20px}
.s4s-text-info{background:linear-gradient(135deg,var(--light-bg) 0%,var(--light-bg-4) 100%);border:2px solid var(--spec-btn-bg);border-radius:10px;padding:20px 24px;margin:24px 0}
.s4s-text-note{background:#e7f3ff;border-left:4px solid var(--primary-blue);border-radius:4px;padding:16px 20px;margin:20px 0;font-size:0.92em;color:#084298}
.s4s-text-h{color:var(--primary-blue);font-size:1.2em;font-weight:700;margin:16px 0 12px 0}

/* === IMAGES === */
.s4s-img-hero{width:100%;max-width:800px;border-radius:12px;margin:0 auto 24px;display:block;box-shadow:0 4px 20px rgba(0,0,0,0.12)}
.s4s-img-reg{width:100%;max-width:700px;border-radius:10px;margin:24px auto;display:block;box-shadow:0 2px 12px rgba(0,0,0,0.08)}

/* === VIDEO === */
.s4s-video-wrap{background:#ECECEC;border-radius:12px;padding:24px;margin:30px 0}
.s4s-video-h{color:var(--primary-blue);margin:0 0 18px 0;font-size:1.25em;font-weight:700;display:flex;align-items:center;gap:10px}
.s4s-video-frame{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;background:#000;box-shadow:0 4px 15px rgba(0,0,0,0.15)}
.s4s-video-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}

/* === ABOUT / SECTION BOXES === */
.s4s-about{max-width:600px;margin:30px 0 24px 0}
.s4s-section-head{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--dark-blue) 100%);color:#fff;padding:12px 16px;border-radius:8px 8px 0 0;font-size:1.05em;font-weight:700;display:flex;align-items:center;gap:10px}
.s4s-section-body{background:#fff;border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;padding:16px 20px}
.s4s-body-text{margin:0;color:var(--text-mid);font-size:0.92em;line-height:1.7}

/* === CUSTOM CODE BLOCK === */
.s4s-custom{background:var(--light-bg);border:2px solid var(--border-color);border-radius:8px;padding:20px;margin:24px 0}
.s4s-custom-h{color:var(--primary-blue);font-size:1em;font-weight:700;margin:0 0 12px 0;display:flex;align-items:center;gap:8px}
.s4s-custom-code{font-family:Consolas,Monaco,monospace;font-size:0.9em;color:var(--text-mid);background:#fff;padding:12px 16px;border-radius:6px;border:1px solid var(--light-bg-4)}

/* === MISC === */
.s4s-center-info{width:100%;border-radius:12px;margin:25px 0}

/* === FAQ ACCORDION (Pure CSS) === */
.v46-faq-toggle{display:none!important}
.v46-faq-toggle:checked+.v46-faq-q+.v46-faq-a{max-height:500px!important;padding:14px 20px!important}
.v46-faq-toggle:checked+.v46-faq-q .v46-chevron{transform:rotate(180deg)!important}
.v46-faq-q{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px 20px!important;cursor:pointer!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;font-weight:600!important;color:#104F7F!important;font-size:0.92em!important;transition:background 0.2s!important;margin:0!important}
.v46-faq-q:hover{background:#f8f9fa!important}
.v46-chevron{width:18px!important;height:18px!important;transition:transform 0.3s ease!important;flex-shrink:0!important;margin-left:10px!important}
.v46-faq-a{max-height:0!important;overflow:hidden!important;transition:max-height 0.35s ease,padding 0.35s ease!important;background:#f8f9fa!important;color:#444!important;font-size:0.88em!important;line-height:1.6!important;padding:0 20px!important;margin:0!important}