/* BB Battery — Product description scoped styles (.bb-prod-*) v20260520-9 */
.bb-prod-desc{--bb-text:#1d1d1f;--bb-text-muted:#6e6e73;--bb-text-subtle:#86868b;--bb-link:#0066cc;--bb-link-hover:#003d7a;--bb-bg:#fff;--bb-bg-subtle:#f5f5f7;--bb-bg-tip:#eef5fc;--bb-bg-warn:#fff8e6;--bb-bg-note:#f5f5f7;--bb-border:#d2d2d7;--bb-primary:#0071e3;--bb-primary-hover:#0058b3;--bb-success:#1e7d4e;--bb-radius:10px;--bb-radius-sm:6px;--bb-radius-xs:4px;--bb-shadow-sm:0 1px 2px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06);font-family:inherit;color:var(--bb-text);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;max-width:100%}
.bb-prod-desc *,.bb-prod-desc *::before,.bb-prod-desc *::after{box-sizing:border-box}
.bb-prod-desc p{margin:0 0 16px}
.bb-prod-desc h2{font-family:inherit;color:var(--bb-text);font-weight:300;margin:40px 0 14px;line-height:1.2;font-size:28px}
.bb-prod-desc h3{font-family:inherit;color:var(--bb-text);font-weight:300;margin:28px 0 12px;line-height:1.25;font-size:21px}
.bb-prod-desc h4{font-family:inherit;color:var(--bb-text);font-weight:300;margin:20px 0 10px;line-height:1.3;font-size:17px}
.bb-prod-desc strong{font-weight:600;color:var(--bb-text)}
.bb-prod-desc summary{cursor:pointer;padding:10px 14px;background:var(--bb-bg-subtle);border-radius:var(--bb-radius-sm);font-weight:500;font-size:14px;list-style:none;display:flex;align-items:center;gap:8px}
.bb-prod-desc summary::-webkit-details-marker{display:none}
.bb-prod-desc summary::before{content:"+";font-size:18px;color:var(--bb-primary);font-weight:400;line-height:1}
.bb-prod-desc details[open] summary::before{content:"−"}
.bb-prod-desc details{margin:12px 0}
.bb-prod-derate{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:14px 0 18px}
.bb-prod-derate-cell{padding:10px 12px;background:var(--bb-bg-subtle);border-radius:var(--bb-radius-sm);text-align:center}
.bb-prod-derate-cell strong{display:block;font-size:18px;color:var(--bb-text);font-weight:600;margin-bottom:2px}
.bb-prod-derate-cell span{font-size:11px;color:var(--bb-text-muted);text-transform:uppercase;letter-spacing:.03em}
.bb-prod-byline{padding:14px 18px;background:var(--bb-bg-subtle);border-radius:var(--bb-radius);margin:20px 0;font-size:14px;line-height:1.5;color:var(--bb-text-muted);border-left:3px solid var(--bb-primary)}
.bb-prod-desc a:not([class*="bb-prod-btn"]):not([class*="bb-prod-doc"]):not([class*="bb-prod-chip"]){color:var(--bb-link);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;transition:color .18s ease}
.bb-prod-desc a:not([class*="bb-prod-btn"]):not([class*="bb-prod-doc"]):not([class*="bb-prod-chip"]):hover{color:var(--bb-link-hover)}
.bb-prod-desc ul,.bb-prod-desc ol{margin:0 0 16px;padding-left:24px}
.bb-prod-desc li{margin-bottom:8px}
.bb-prod-desc i.fa,.bb-prod-desc i[class*="fa-"]{font-style:normal}

/* Trust banner */
.bb-prod-banner{background:var(--bb-bg-subtle);border-radius:var(--bb-radius);padding:14px 18px;font-size:14px;color:var(--bb-text-muted);margin-bottom:18px;border-left:3px solid var(--bb-primary)}

/* Badges (strict 2 max) + chips (3-6) */
.bb-prod-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.bb-prod-badge{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:5px 12px;background:var(--bb-bg-subtle);color:var(--bb-text);border-radius:100px;border:1px solid var(--bb-border);white-space:nowrap}
.bb-prod-badge--stock{background:#e7f5ee;color:#155e3a;border-color:#aed8c2}
.bb-prod-badge--warranty{background:#e8f3fb;color:#003d7a;border-color:#b8dcf2}
.bb-prod-badge i{font-size:13px}
.bb-prod-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:18px 0 24px}
.bb-prod-chip{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--bb-bg);border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);min-height:54px;font-size:14px}
.bb-prod-chip__icon{flex:0 0 auto;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#eef5fc;border-radius:var(--bb-radius-xs);color:var(--bb-primary);font-size:15px}
.bb-prod-chip__body{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.bb-prod-chip__label{font-size:11px;color:var(--bb-text-muted);text-transform:uppercase;letter-spacing:.04em}
.bb-prod-chip__value{font-weight:600;color:var(--bb-text);font-size:14px}

/* Lead */
.bb-prod-lead{font-size:17px;line-height:1.6;color:var(--bb-text);margin-bottom:20px}
.bb-prod-meta{font-size:13px;color:var(--bb-text-subtle);margin:0 0 24px}

/* Callouts */
.bb-prod-note,.bb-prod-tip,.bb-prod-warn{border-radius:var(--bb-radius);padding:14px 18px;margin:16px 0;font-size:15px;line-height:1.5;border:1px solid var(--bb-border)}
.bb-prod-note{background:var(--bb-bg-note)}
.bb-prod-tip{background:var(--bb-bg-tip);border-color:#c7ddef}
.bb-prod-warn{background:var(--bb-bg-warn);border-color:#f0d68c}
.bb-prod-note strong,.bb-prod-tip strong,.bb-prod-warn strong{display:block;margin-bottom:4px}

/* Tables */
.bb-prod-table-wrap{margin:20px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:var(--bb-bg)}
.bb-prod-table-wrap--compact{max-width:560px}
.bb-prod-table{width:100%;border-collapse:collapse;font-size:14px}
.bb-prod-table caption{caption-side:top;text-align:left;padding:14px 16px;color:var(--bb-text-muted);font-size:15px;line-height:1.4;font-weight:400;background:var(--bb-bg);border-bottom:1px solid #e8e8ed}
.bb-prod-table thead th{background:var(--bb-bg-subtle);color:var(--bb-text);text-align:left;font-weight:500;padding:12px 14px;border-bottom:1px solid var(--bb-border);position:sticky;top:0;z-index:1;font-size:13px;letter-spacing:.01em}
.bb-prod-table tbody td,.bb-prod-table tbody th{padding:10px 14px;border-bottom:1px solid #e8e8ed;text-align:left;vertical-align:top;font-weight:400}
.bb-prod-table tbody tr:last-child td,.bb-prod-table tbody tr:last-child th{border-bottom:0}
.bb-prod-table tbody tr:nth-child(even) td,.bb-prod-table tbody tr:nth-child(even) th{background:#fafafa}
.bb-prod-table tbody th{font-weight:500;width:28%}

/* Figures */
.bb-prod-figure{margin:24px 0;text-align:center}
.bb-prod-figure img{max-width:100%;height:auto;border-radius:var(--bb-radius);border:1px solid var(--bb-border)}
.bb-prod-figure figcaption{font-size:13px;color:var(--bb-text-subtle);margin-top:10px}
.bb-prod-img-grid{display:flex;gap:16px;align-items:flex-start;margin:24px 0}
.bb-prod-img-grid .bb-img-col{flex:1;min-width:0}
.bb-prod-img-grid .bb-img-col .bb-prod-figure{margin:0}
.bb-prod-img-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#f5f5f5;display:block}
@media(max-width:720px){.bb-prod-img-grid{flex-direction:column}}

/* YouTube */
.bb-prod-video{position:relative;display:block;width:100%;max-width:720px;margin:24px auto;aspect-ratio:16/9;background:#000;border-radius:var(--bb-radius);overflow:hidden;border:1px solid var(--bb-border)}
.bb-prod-video[data-ytid]{cursor:pointer}
.bb-prod-video img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s ease,transform .25s ease}
.bb-prod-video:hover img,.bb-prod-video:focus img{filter:brightness(.85);transform:scale(1.02)}
.bb-prod-video button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:50px;background:rgba(0,0,0,.72);border:0;border-radius:14px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,transform .18s ease}
.bb-prod-video:hover button,.bb-prod-video:focus button{background:#c00;transform:translate(-50%,-50%) scale(1.05)}
.bb-prod-video button svg{width:28px;height:28px}
.bb-prod-video iframe{width:100%;height:100%;border:0}
.bb-prod-video-title{position:absolute;top:12px;left:14px;right:14px;color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 3px rgba(0,0,0,.6);pointer-events:none;line-height:1.3}

/* Calculator */
.bb-prod-calc{background:#fff;border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:16px;margin:22px 0;box-shadow:var(--bb-shadow-sm)}
.bb-prod-calc__header{margin-bottom:14px;border-bottom:1px solid #e8e8ed;padding-bottom:12px}
.bb-prod-calc h3{margin:0 0 5px;font-size:18px;font-weight:500;line-height:1.25}
.bb-prod-calc p{color:var(--bb-text-muted);font-size:13px;line-height:1.42;margin:0;max-width:720px}
.bb-prod-calc-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-bottom:12px}
.bb-prod-calc-field{display:flex;flex-direction:column;gap:5px;min-width:0}
.bb-prod-calc-field label{font-size:12px;font-weight:600;color:var(--bb-text);line-height:1.3}
.bb-prod-calc-field input{width:100%;height:36px;padding:0 10px;font-size:14px;font-family:inherit;border:1px solid var(--bb-border);border-radius:var(--bb-radius-sm);background:#fff;color:var(--bb-text);transition:border-color .15s ease,box-shadow .15s ease}
.bb-prod-calc-field input:focus{outline:0;border-color:var(--bb-primary);box-shadow:0 0 0 3px rgba(0,113,227,.15)}
.bb-prod-calc-field small{font-size:11px;color:var(--bb-text-subtle);line-height:1.35}
.bb-prod-calc-actions{display:flex;justify-content:flex-end;margin-top:2px}
.bb-prod-calc-field--primary label{font-weight:700}
.bb-prod-calc-result{display:block;max-width:100%;margin-top:12px;padding:10px 14px;background:var(--bb-bg-tip);border:1px solid #c7ddef;border-radius:var(--bb-radius-sm);font-size:14px;line-height:1.4;font-variant-numeric:tabular-nums;transition:background-color .25s ease;color:var(--bb-text)}
.bb-prod-calc-reset{background:none;border:none;padding:0;font-size:13px;color:var(--bb-text-muted);cursor:pointer;text-decoration:underline;text-underline-offset:2px;margin-left:auto;font-family:inherit;line-height:1}
.bb-prod-calc-reset:hover{color:var(--bb-text)}
.bb-prod-calc-disclaimer{font-size:12px;color:var(--bb-text-subtle);line-height:1.4;margin-top:8px;max-width:760px;font-variant-numeric:tabular-nums}

/* Buttons */
.bb-prod-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;font-family:inherit;border-radius:var(--bb-radius-sm);text-decoration:none;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease;line-height:1}
.bb-prod-btn--primary{background:var(--bb-primary);color:#fff;border-color:var(--bb-primary)}
.bb-prod-btn--primary:hover,.bb-prod-btn--primary:focus{background:var(--bb-primary-hover);border-color:var(--bb-primary-hover);color:#fff;text-decoration:none}
.bb-prod-btn--ghost{background:transparent;color:var(--bb-text);border-color:var(--bb-border)}
.bb-prod-btn--ghost:hover{border-color:var(--bb-text-muted);text-decoration:none}

/* PDF document tile (2026 hybrid pattern) */
.bb-prod-doc{display:flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:var(--bb-bg);text-decoration:none;color:var(--bb-text);transition:border-color .15s ease,background-color .15s ease;margin:16px 0}
.bb-prod-doc:hover,.bb-prod-doc:focus{border-color:var(--bb-primary);background:var(--bb-bg-tip);text-decoration:none;color:var(--bb-text)}
.bb-prod-doc__icon{flex:0 0 auto;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff5f5;color:#c00;border-radius:var(--bb-radius-sm);font-size:13px;font-weight:700;border:1px solid #f5d5d5}
.bb-prod-doc__icon i{font-size:20px}
.bb-prod-doc__body{flex:1;line-height:1.35;min-width:0}
.bb-prod-doc__title{font-size:15px;font-weight:500;color:var(--bb-text);display:block}
.bb-prod-doc__meta-row{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:11px;color:var(--bb-text-subtle);margin-top:4px}
.bb-prod-doc__meta-row span{display:inline-flex;align-items:center;gap:4px}
.bb-prod-doc__cta{font-size:13px;color:var(--bb-primary);font-weight:500;white-space:nowrap;flex:0 0 auto}

/* Responsive */
@media (max-width:720px){
.bb-prod-desc{font-size:15px}
.bb-prod-desc h2{font-size:22px;margin-top:28px}
.bb-prod-desc h3{font-size:18px}
.bb-prod-calc{padding:14px}
.bb-prod-calc-grid{grid-template-columns:1fr}
.bb-prod-calc-reset{text-align:right}
.bb-prod-table{font-size:13px}
.bb-prod-table thead th,.bb-prod-table tbody td,.bb-prod-table tbody th{padding:8px 10px}
.bb-prod-doc{flex-wrap:wrap}
.bb-prod-doc__cta{width:100%;text-align:right;margin-top:4px}
.bb-prod-badges{gap:6px}
.bb-prod-chips{grid-template-columns:repeat(2,1fr)}
}
.bb-prod-summary-info{font-size:14px;line-height:1.45;color:var(--bb-text-muted);margin:4px 0 18px}
.bb-prod-summary-info strong{font-weight:600;color:#515154}
.bb-prod-summary-info.bb-prod-summary-list{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 0;margin:4px 0 18px;padding:0;list-style:none;font-size:14px;line-height:1.45;color:#73757d}
.bb-prod-summary-info .bb-prod-summary-item{display:inline-flex;align-items:baseline;gap:.35em;margin:0 18px 0 0;padding:0 18px 0 0;border-right:1px solid #d9dce3;white-space:nowrap}
.bb-prod-summary-info .bb-prod-summary-item:last-child{margin-right:0;padding-right:0;border-right:0}
.bb-prod-summary-info .bb-prod-summary-item dt{font-weight:700;color:#55575e;margin:0}
.bb-prod-summary-info .bb-prod-summary-item dt::after{content:":"}
.bb-prod-summary-info .bb-prod-summary-item dd{margin:0;color:#74767e}
.bb-prod-summary-info.bb-prod-summary-list--compact{display:block}
.bb-prod-summary-info.bb-prod-summary-list--compact dt{display:inline;font-weight:700;color:#55575e;margin:0}
.bb-prod-summary-info.bb-prod-summary-list--compact dt::after{content:":"}
.bb-prod-summary-info.bb-prod-summary-list--compact dd{display:inline;margin:0;color:#74767e;white-space:nowrap}
.bb-prod-summary-info.bb-prod-summary-list--compact dd::after{content:"";display:inline-block;height:1em;margin:0 18px;vertical-align:-.15em;border-right:1px solid #d9dce3}
.bb-prod-summary-info.bb-prod-summary-list--compact dd:last-child::after{display:none}
.bb-prod-desc abbr[title]{text-decoration:underline dotted rgba(85,87,94,.35);text-underline-offset:3px;cursor:help}
.bb-prod-desc abbr[title]:hover,.bb-prod-desc abbr[title]:focus{text-decoration-color:#55575e}
@media (max-width:680px){
.bb-prod-summary-info.bb-prod-summary-list{display:block;margin:0 0 18px;padding:0;font-size:14px;line-height:1.32}
.bb-prod-summary-info .bb-prod-summary-item{display:block;margin:0;padding:5px 0;border-right:0;border-bottom:1px solid #e7eaf0;white-space:normal}
.bb-prod-summary-info .bb-prod-summary-item:last-child{border-bottom:0}
.bb-prod-summary-info .bb-prod-summary-item dt,.bb-prod-summary-info .bb-prod-summary-item dd{display:inline}
.bb-prod-summary-info .bb-prod-summary-item dt{font-weight:700}
.bb-prod-summary-info .bb-prod-summary-item dt::after{content:":"}
.bb-prod-summary-info .bb-prod-summary-item dd{margin:0 0 0 .35em}
.bb-prod-summary-info.bb-prod-summary-list--compact{display:block}
.bb-prod-summary-info.bb-prod-summary-list--compact dt{display:inline;margin:0;padding:0;border-left:0;font-weight:700}
.bb-prod-summary-info.bb-prod-summary-list--compact dd{display:inline;margin:0 0 0 .35em;padding:0;white-space:normal}
.bb-prod-summary-info.bb-prod-summary-list--compact dd::after{content:"";display:block;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #e7eaf0}
.bb-prod-summary-info.bb-prod-summary-list--compact dd:last-child::after{border-bottom:0;margin-bottom:0}
}
.bb-prod-temp-chart{max-width:720px;margin:18px 0 24px;padding:16px 18px;border:1px solid var(--bb-border);border-radius:var(--bb-radius);background:var(--bb-bg);box-shadow:var(--bb-shadow-sm)}
.bb-prod-temp-chart__title{margin:0 0 12px;color:var(--bb-text-muted);font-size:15px;line-height:1.35;font-weight:500}
.bb-prod-temp-row{display:grid;grid-template-columns:64px minmax(120px,1fr)54px;align-items:center;gap:12px;margin:9px 0;font-size:14px;line-height:1.25}
.bb-prod-temp-row span{color:var(--bb-text);font-weight:500}
.bb-prod-temp-row>div{height:10px;border-radius:999px;background:#edf0f5;overflow:hidden}
.bb-prod-temp-row i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1e7d4e,#d89b22);font-style:normal}
.bb-prod-temp-row strong{text-align:right;font-weight:600}
.bb-prod-temp-row--100 i{width:100%}
.bb-prod-temp-row--70 i{width:70%}
.bb-prod-temp-row--50 i{width:50%}
.bb-prod-temp-row--35 i{width:35%}
.bb-prod-temp-row--25 i{width:25%}
.bb-prod-desc details.bb-prod-spec-details{margin:18px 0 24px}
.bb-prod-desc details.bb-prod-spec-details>summary{display:inline-flex;width:auto;background:transparent;color:var(--bb-link);padding:8px 0;border-radius:0;text-decoration:underline;text-underline-offset:3px;font-weight:500;font-size:15px}
.bb-prod-desc details.bb-prod-spec-details>summary:hover{color:var(--bb-link-hover)}
.bb-prod-desc details.bb-prod-spec-details>summary::before{content:"";display:none}

/* FAQ definition list (dl/dt/dd — semantic Q&A, LLM-optimized) */
.bb-prod-faq{margin:20px 0;border:1px solid var(--bb-border);border-radius:var(--bb-radius);overflow:hidden;font-size:14px;background:var(--bb-bg)}
.bb-prod-faq dt{padding:11px 16px;background:var(--bb-bg-subtle);color:var(--bb-text);font-weight:500;border-bottom:1px solid var(--bb-border);line-height:1.4}
.bb-prod-faq dd{margin:0;padding:11px 16px 14px;border-bottom:1px solid #e8e8ed;line-height:1.55;color:var(--bb-text)}
.bb-prod-faq dd:last-of-type{border-bottom:0}
.bb-prod-faq dd strong{font-weight:600}
@media(max-width:720px){
.bb-prod-faq{font-size:13px}
.bb-prod-faq dt,.bb-prod-faq dd{padding:10px 12px}
}