/*
Theme Name: Heizpilz kaufen Pilot
Description: Rework 2026 im Charakter der Altseite (blaue Navigation, Grasmotiv, dunkle Seitenleisten-Köpfe, grüne Kaufbuttons). Pilot.
Version: 20261016.ref1
Text Domain: heizpilz
*/
:root {
  --hp-blue: #168ddd; --hp-blue-hover: #54a6dd; --hp-blue-dark: #0f6fae;
  --hp-green: #7cbc47; --hp-green-dark: #5f9a30; --hp-price: #5f9a12;
  --hp-ink: #222; --hp-muted: #5b6670; --hp-line: #dfe5ea; --hp-soft: #f5f8fa;
  --hp-dark: #1f2429; --hp-star: #e8b800; --hp-top: #f0f8e8; --hp-top-line: #7cbc47;
  --hp-radius: 6px; --hp-font: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --hp-head: "Hind", "Segoe UI", Helvetica, Arial, sans-serif;
  --ns-surface: #fff; --ns-border: var(--hp-line);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 16px/1.65 var(--hp-font); color: var(--hp-ink); background: #eef3ea; }
@media (min-width: 1200px) {
  body { background: #dfe9d6 var(--hp-bg-image, none) center top / cover fixed; }
}
img { max-width: 100%; height: auto; }
a { color: var(--hp-blue-dark); text-underline-offset: 2px; }
a:hover { color: var(--hp-blue); }
:focus-visible { outline: 3px solid #f0a500; outline-offset: 2px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hp-skip { position: absolute; left: -9999px; top: 8px; z-index: 2000; background: #fff; padding: 8px 12px; }
.hp-skip:focus { left: 8px; }

/* Seitenrahmen wie Altseite: weiße Fläche auf Grasmotiv */
.hp-page { max-width: 1200px; margin: 0 auto; background: #fff; box-shadow: 0 0 24px rgba(0,0,0,.12); min-height: 100vh; overflow-x: clip; }
.hp-header { background: linear-gradient(#fcfcfc, #fff 40%); }
.hp-header-inner { display: flex; align-items: center; gap: 24px; padding: 18px 24px; }
.hp-logo img { display: block; width: 230px; height: auto; }
.hp-trust { display: flex; gap: 28px; margin: 0 0 0 auto; padding: 0; list-style: none; font-size: 13px; line-height: 1.3; color: var(--hp-muted); }
.hp-trust li { display: flex; align-items: center; gap: 10px; }
.hp-trust strong { display: block; color: var(--hp-ink); font-size: 14px; }
.hp-trust-icon { width: 30px; height: 30px; fill: none; stroke: var(--hp-ink); stroke-width: 1.7; stroke-linejoin: round; stroke-linecap: round; flex: none; }
.hp-menu-toggle { display: none; }
.hp-nav { background: var(--hp-blue); }
.hp-menu, .hp-menu ul { list-style: none; margin: 0; padding: 0; }
.hp-menu { display: flex; flex-wrap: wrap; padding: 0 12px; }
.hp-menu > li { position: relative; }
.hp-menu a { display: block; padding: 14px 16px; color: #fff; text-decoration: none; font: 500 15px/1.3 var(--hp-head); }
.hp-menu > li:hover > a, .hp-menu > li:focus-within > a, .hp-menu .current-menu-item > a, .hp-menu .current_page_item > a { background: var(--hp-blue-hover); }
.hp-menu .menu-item-has-children > a::after { content: ""; display: inline-block; margin-left: 6px; border: 4px solid transparent; border-top-color: currentColor; transform: translateY(2px); }
.hp-menu .sub-menu { position: absolute; left: 0; top: 100%; min-width: 250px; background: #fff; border: 1px solid var(--hp-line); box-shadow: 0 8px 20px rgba(0,0,0,.12); display: none; z-index: 50; }
.hp-menu li:hover > .sub-menu, .hp-menu li:focus-within > .sub-menu { display: block; }
.hp-menu .sub-menu a { color: var(--hp-ink); font-family: var(--hp-font); font-size: 14px; padding: 10px 16px; }
.hp-menu .sub-menu a:hover { background: var(--hp-soft); color: var(--hp-blue-dark); }

.hp-main { padding: 24px 24px 40px; }
.hp-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 32px; align-items: start; }
.hp-article { min-width: 0; }

/* Typografie Originaltexte */
h1, h2, h3, h4 { font-family: var(--hp-head); font-weight: 500; line-height: 1.25; color: var(--hp-ink); }
h1 { font-size: 34px; margin: 0 0 14px; }
.hp-entry h2 { font-size: 26px; margin: 36px 0 12px; scroll-margin-top: 16px; }
.hp-entry h3 { font-size: 20px; margin: 26px 0 8px; }
.hp-entry p { margin: 0 0 14px; }
.hp-entry ul, .hp-entry ol { padding-left: 1.3em; margin: 0 0 16px; }
.hp-entry li { margin-bottom: 4px; }
.hp-entry img.alignright, .hp-entry .alignright { float: right; margin: 4px 0 14px 22px; max-width: 42%; }
.hp-entry img.alignleft, .hp-entry .alignleft { float: left; margin: 4px 22px 14px 0; max-width: 42%; }
.hp-entry .aligncenter { display: block; margin: 12px auto; }
.hp-entry h2, .hp-compare, .hp-cards, .hp-alert, .hp-accordion, .hp-row, .hp-legacy-note, .hp-alternatives { clear: both; }
.hp-entry table:not(.hp-matrix) { border-collapse: collapse; width: 100%; margin: 0 0 18px; font-size: 15px; }
.hp-entry table:not(.hp-matrix) td, .hp-entry table:not(.hp-matrix) th { border: 1px solid var(--hp-line); padding: 8px 10px; text-align: left; }
.hp-meta { color: var(--hp-muted); font-size: 14px; }
.hp-na { color: var(--hp-muted); font-style: italic; }

/* Hinweisboxen der Altseite ([alarm]) */
.hp-alert { position: relative; border: 1px solid; border-radius: var(--hp-radius); padding: 14px 16px 14px 54px; margin: 16px 0 20px; }
.hp-alert::before { position: absolute; left: 16px; top: 13px; width: 24px; height: 24px; border-radius: 50%; color: #fff; font: 700 15px/24px var(--hp-font); text-align: center; }
.hp-alert-info { background: #d9edf7; border-color: #aad0e2; color: #1f4f67; } .hp-alert-info::before { content: "i"; background: #3a87ad; }
.hp-alert-success { background: #dff0d8; border-color: #c4dfb6; color: #2d5a22; } .hp-alert-success::before { content: "✓"; background: #5c9c3d; }
.hp-alert-warning { background: #fcf8e3; border-color: #f1dfa2; color: #6b5212; } .hp-alert-warning::before { content: "!"; background: #c69500; }
.hp-alert-danger { background: #f2dede; border-color: #e3b9bf; color: #8a2b2b; } .hp-alert-danger::before { content: "!"; background: #b94a48; }
.hp-alert p:last-child { margin: 0; }
.hp-legacy-note { background: #fcf8e3; border: 1px solid #f1dfa2; border-radius: var(--hp-radius); padding: 12px 14px; margin: 14px 0; font-size: 15px; }
.hp-acc { border: 1px solid var(--hp-line); border-radius: var(--hp-radius); margin: 0 0 10px; background: #fff; }
.hp-acc summary { cursor: pointer; padding: 12px 16px; font-weight: 600; background: var(--hp-soft); border-radius: var(--hp-radius); }
.hp-acc[open] summary { border-bottom: 1px solid var(--hp-line); border-radius: var(--hp-radius) var(--hp-radius) 0 0; }
.hp-acc-body { padding: 14px 16px 6px; }
.hp-row { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin: 16px 0; }

/* Buttons */
.hp-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 4px; font: 600 15px/1.2 var(--hp-font); text-decoration: none; text-align: center; border: 0; cursor: pointer; }
.hp-btn-buy { background: var(--hp-green); color: #fff; } .hp-btn-buy:hover { background: var(--hp-green-dark); color: #fff; }
.hp-btn-dark { background: var(--hp-dark); color: #fff; } .hp-btn-dark:hover { background: #000; color: #fff; }
.hp-btn-blue { background: var(--hp-blue); color: #fff; } .hp-btn-blue:hover { background: var(--hp-blue-dark); color: #fff; }
.hp-btn-block { display: flex; width: 100%; }
.hp-btn-lg { min-height: 52px; padding: 12px 28px; font-size: 17px; }

/* Bewertung, Score, Preis */
.hp-rating { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; font-size: 14px; color: var(--hp-muted); }
.hp-stars { position: relative; display: inline-block; font-size: 17px; line-height: 1; letter-spacing: 2px; color: #d6d9dc; }
.hp-stars::before { content: "★★★★★"; }
.hp-stars::after { content: "★★★★★"; position: absolute; inset: 0; width: var(--hp-fill); overflow: hidden; color: var(--hp-star); white-space: nowrap; }
.hp-rating-none { font-style: italic; }
.hp-score { --c: hsl(var(--hp-hue) 62% 32%); display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 10px; padding: 10px 12px; border-radius: var(--hp-radius); background: hsl(var(--hp-hue) 60% 95%); border: 1px solid hsl(var(--hp-hue) 45% 80%); max-width: 220px; }
.hp-score-value { grid-row: span 2; font: 700 30px/1 var(--hp-head); color: var(--c); }
.hp-score-label { font-size: 13px; font-weight: 600; color: var(--hp-ink); }
.hp-score-bar { height: 7px; border-radius: 4px; background: #fff; overflow: hidden; border: 1px solid hsl(var(--hp-hue) 40% 82%); }
.hp-score-bar i { display: block; height: 100%; background: hsl(var(--hp-hue) 58% 40%); }
.hp-score-compact { padding: 6px 9px; gap: 1px 8px; max-width: 170px; }
.hp-score-compact .hp-score-value { font-size: 22px; }
.hp-score-compact .hp-score-label { font-size: 12px; }
.hp-price { font: 700 22px/1.1 var(--hp-head); color: var(--hp-price); white-space: nowrap; }
.hp-price sup { font-size: 12px; color: var(--hp-muted); margin-left: 1px; }
.hp-price-none { font-size: 15px; color: var(--hp-muted); font-weight: 600; }
.hp-badge { display: inline-block; padding: 3px 8px; border-radius: 3px; background: var(--hp-dark); color: #fff; font: 600 12px/1.3 var(--hp-font); letter-spacing: .02em; }
.hp-note { font-size: 13px; color: var(--hp-muted); margin: 10px 0 0; }

/* Vergleich: Modelle als Spalten */
.hp-compare { margin: 20px 0 34px; padding: 20px; border: 1px solid var(--hp-line); border-radius: 8px; background: var(--hp-soft); }
.hp-compare-head h2 { margin: 0 0 4px; font-size: 26px; }
.hp-compare-head p { margin: 0 0 14px; color: var(--hp-muted); }
.hp-segments { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.hp-segments button { min-height: 44px; padding: 8px 16px; border: 1px solid var(--hp-blue); border-radius: 22px; background: #fff; color: var(--hp-blue-dark); font: 600 15px/1.2 var(--hp-font); cursor: pointer; }
.hp-segments button[aria-selected="true"] { background: var(--hp-blue); color: #fff; }
.hp-count { display: inline-block; min-width: 22px; padding: 1px 6px; border-radius: 10px; background: rgba(0,0,0,.08); font-size: 12px; }
.hp-segments button[aria-selected="true"] .hp-count { background: rgba(255,255,255,.25); }
.hp-matrix-wrap { overflow-x: auto; background: #fff; border: 1px solid var(--hp-line); border-radius: var(--hp-radius); overscroll-behavior-x: contain; }
.hp-matrix { border-collapse: separate; border-spacing: 0; width: max-content; min-width: 100%; font-size: 14px; }
.hp-matrix th, .hp-matrix td { padding: 10px 12px; border-bottom: 1px solid var(--hp-line); border-right: 1px solid var(--hp-line); vertical-align: middle; text-align: center; width: 190px; min-width: 190px; }
.hp-matrix thead th { background: var(--hp-dark); color: #fff; vertical-align: top; font-weight: 600; }
.hp-matrix tbody tr:nth-child(even) td { background: #fafbfc; }
.hp-matrix .hp-matrix-label { position: sticky; left: 0; z-index: 2; width: 140px; min-width: 140px; text-align: left; background: #eef2f5; color: var(--hp-ink); font-weight: 600; box-shadow: 2px 0 4px rgba(0,0,0,.06); }
.hp-matrix thead .hp-matrix-label { background: #2c333a; color: #fff; z-index: 3; }
.hp-matrix-img { height: 120px; margin: 8px auto; display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 4px; padding: 6px; }
.hp-matrix-img img { max-height: 108px; width: auto; object-fit: contain; }
.hp-matrix-name { display: block; font-size: 14px; line-height: 1.3; }
.hp-matrix thead .hp-badge { background: var(--hp-green); }
.hp-matrix th.hp-col-top { background: #2f5d1f; }
.hp-matrix td.hp-col-top, .hp-matrix tbody tr:nth-child(even) td.hp-col-top { background: var(--hp-top); }
.hp-matrix .hp-score { margin: 0 auto; }
.hp-matrix .hp-rating { justify-content: center; font-size: 12.5px; }
.hp-matrix-actions td { display: table-cell; }
.hp-matrix-actions .hp-btn { display: flex; width: 100%; margin: 4px 0; font-size: 14px; min-height: 40px; padding: 8px 10px; }

.hp-matrix .hp-score-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.hp-matrix .hp-score { grid-template-columns: auto 1fr; max-width: 150px; }
.hp-matrix .hp-score-value { grid-row: auto; }
.hp-matrix-scroll { position: relative; }
.hp-scroll { position: absolute; top: 62px; z-index: 5; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--hp-blue); color: #fff; font: 700 26px/38px var(--hp-font); cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.25); }
.hp-scroll-prev { left: 148px; } .hp-scroll-next { right: 8px; }
.hp-scroll:hover { background: var(--hp-blue-dark); }
@media (max-width: 860px) { .hp-scroll-prev { left: 102px; } .hp-scroll { top: 52px; } }

/* Produktkarten */
.hp-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 16px 0 24px; }
.hp-card { position: relative; display: flex; flex-direction: column; border: 1px solid var(--hp-line); border-radius: 8px; background: #fff; overflow: hidden; }
.hp-card > .hp-badge { position: absolute; top: 10px; left: 10px; z-index: 1; background: var(--hp-green); }
.hp-card-img { height: 170px; display: flex; align-items: center; justify-content: center; padding: 14px; background: #fff; border-bottom: 1px solid var(--hp-line); }
.hp-card-img img { max-height: 142px; width: auto; object-fit: contain; }
.hp-card-body { display: flex; flex-direction: column; gap: 8px; padding: 14px; flex: 1; }
.hp-card-title { margin: 0; font-size: 17px; }
.hp-card-facts { margin: 0; font-size: 13px; color: var(--hp-muted); }
.hp-card-actions { display: grid; gap: 6px; margin-top: auto; }
.hp-card-actions .hp-btn { width: 100%; }

/* Seitenleiste im Altseiten-Stil */
.hp-sidebar { display: grid; gap: 22px; position: sticky; top: 16px; }
.hp-box { border: 1px solid var(--hp-line); background: #fcfcfc; }
.hp-box-title { margin: 0; padding: 10px 14px; background: var(--hp-dark); color: #fff; font: 600 17px/1.3 var(--hp-head); }
.hp-box-body { padding: 12px 14px; }
.hp-box .hp-card { border: 0; }
.hp-box .hp-card-img { height: 150px; }
.hp-toc, .hp-links { margin: 0; padding: 0 0 0 1.1em; font-size: 14.5px; }
.hp-toc li, .hp-links li { margin: 0 0 6px; }
.hp-toc a[aria-current] { font-weight: 700; color: var(--hp-ink); }
.hp-toc-box .hp-box-body { max-height: 60vh; overflow: auto; }

/* Produktseite */
.hp-breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; font-size: 14px; color: var(--hp-muted); margin: 0 0 16px; }
.hp-buybox { display: grid; grid-template-columns: minmax(0, 420px) minmax(0, 1fr); gap: 32px; padding: 22px; border: 1px solid var(--hp-line); border-radius: 8px; margin-bottom: 18px; }
.hp-gallery-main { display: flex; align-items: center; justify-content: center; height: 380px; background: #fff; }
.hp-gallery-main img { max-height: 370px; width: auto; object-fit: contain; }
.hp-gallery-thumbs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.hp-gallery-thumbs button { width: 64px; height: 64px; padding: 4px; border: 1px solid var(--hp-line); border-radius: 4px; background: #fff; cursor: pointer; }
.hp-gallery-thumbs button[aria-current] { border: 2px solid var(--hp-blue); }
.hp-gallery-thumbs img { width: 100%; height: 100%; object-fit: contain; }
.hp-kicker { margin: 0 0 4px; color: var(--hp-blue-dark); font-weight: 600; font-size: 14px; text-transform: uppercase; letter-spacing: .04em; }
.hp-product-title { font-size: 32px; margin-bottom: 8px; }
.hp-buybox-row { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin: 16px 0; }
.hp-facts { display: grid; grid-template-columns: repeat(3, auto); gap: 4px 22px; margin: 0; font-size: 14px; }
.hp-facts dt { color: var(--hp-muted); }
.hp-facts dd { margin: 0; font-weight: 600; }
.hp-offer { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; padding: 16px 0 0; border-top: 1px solid var(--hp-line); }
.hp-offer .hp-price { font-size: 30px; }
.hp-maker { border: 1px solid var(--hp-line); border-radius: var(--hp-radius); margin: 0 0 24px; }
.hp-maker summary { padding: 12px 16px; cursor: pointer; font-weight: 600; }
.hp-maker ul { margin: 0; padding: 0 16px 14px 34px; font-size: 15px; }
.hp-alternatives h2 { margin-top: 36px; }

/* Footer */
.hp-footer { background: var(--hp-dark); color: #d6dadd; font-size: 14px; }
.hp-footer-inner { padding: 24px; }
.hp-footer a { color: #fff; }
.hp-footer-menu { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; padding: 0; margin: 12px 0; }
.hp-footer-copy { margin: 0; color: #9aa3aa; }
.hp-archive { padding-left: 1.2em; }
.hp-archive li { margin-bottom: 8px; }

/* Floating Bar (niche-ui) an Altseitenfarben anpassen */
.ns-floating .hp-btn { min-height: 44px; }
.ns-floating .hp-score { max-width: 150px; }
.ns-floating-title { display: block; }
.ns-floating-product .hp-rating { display: flex; margin-top: 3px; font-size: 13px; }

/* Responsive */
@media (max-width: 1100px) {
  .hp-layout { grid-template-columns: minmax(0, 1fr); }
  .hp-sidebar { position: static; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
  .hp-trust { display: none; }
}
@media (max-width: 860px) {
  .hp-header-inner { padding: 12px 16px; }
  .hp-logo img { width: 180px; }
  .hp-menu-toggle { display: inline-flex; align-items: center; margin-left: auto; min-height: 44px; padding: 8px 16px; border: 0; border-radius: 4px; background: var(--hp-blue); color: #fff; font: 600 15px var(--hp-font); }
  .hp-nav { display: none; }
  .hp-nav.is-open { display: block; }
  .hp-menu { flex-direction: column; padding: 0; }
  .hp-menu a { padding: 13px 16px; border-top: 1px solid rgba(255,255,255,.18); }
  .hp-menu .sub-menu { position: static; display: block; border: 0; box-shadow: none; background: var(--hp-blue-dark); }
  .hp-menu .sub-menu a { color: #fff; padding-left: 32px; }
  .hp-main { padding: 16px 16px 32px; }
  h1, .hp-product-title { font-size: 27px; }
  .hp-entry h2, .hp-compare-head h2 { font-size: 22px; }
  .hp-entry img.alignright, .hp-entry img.alignleft, .hp-entry .alignright, .hp-entry .alignleft { float: none; display: block; margin: 10px auto; max-width: 100%; }
  .hp-compare { padding: 14px; margin-left: -4px; margin-right: -4px; }
  .hp-matrix th, .hp-matrix td { width: 160px; min-width: 160px; padding: 8px; }
  .hp-matrix .hp-matrix-label { width: 96px; min-width: 96px; font-size: 13px; }
  .hp-buybox { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 14px; }
  .hp-gallery-main { height: 280px; }
  .hp-gallery-main img { max-height: 270px; }
  .hp-facts { grid-template-columns: repeat(2, auto); }
  .hp-sidebar { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }
/* Audit 18.10: preserve blue/green identity with readable contrast and quieter surfaces. */
:root{--hp-blue:#116b9f;--hp-blue-hover:#0d577f;--hp-blue-dark:#105e8c;--hp-green:#33732f;--hp-green-dark:#255a24;--hp-price:#28632a;--hp-muted:#52616c;--hp-radius:10px;--hp-head:"Segoe UI",Arial,sans-serif;--hp-font:"Segoe UI",Arial,sans-serif}
body{background:#edf1f3!important}.hp-page{max-width:1280px;box-shadow:0 0 30px #233b4d0a}.hp-main{padding:32px}.hp-header-inner{padding:20px 32px}.hp-header{background:#fff}.hp-logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.hp-brand-icon{font-size:38px;color:#116b9f;line-height:1}.hp-brand-name{font-size:21px;line-height:1.2;font-weight:800;color:#116b9f;letter-spacing:-.03em}.hp-brand-name small{display:block;font-size:12px;letter-spacing:0;color:#52616c;font-weight:500;margin-top:4px}.hp-menu a{font-weight:600;padding:14px 20px}.hp-nav{border-radius:0}.hp-layout{gap:32px;grid-template-columns:minmax(0,1fr) 260px}.hp-sidebar{position:static}.hp-box{border-radius:10px;overflow:hidden}.hp-box-title{font-size:16px}.hp-sidebar .hp-card-img{height:130px}.hp-home-start h1{font-size:clamp(26px,3vw,36px);font-weight:750;letter-spacing:-.035em;max-width:1000px;margin-bottom:10px}.hp-home-start>p{font-size:17px;color:var(--hp-muted);margin-bottom:26px}h2{font-weight:700}h3{font-weight:650}.hp-entry{font-size:16px;line-height:1.75}.hp-entry p{max-width:78ch}.hp-entry h2{margin-top:38px;font-size:26px}.hp-entry h3{margin-top:28px}.hp-entry strong{font-weight:650}.hp-btn{border-radius:7px;min-height:44px}.hp-matrix-actions .hp-btn{min-height:44px}.hp-score{--c:#28632a}.hp-card>.hp-badge,.hp-matrix thead .hp-badge{background:#33732f}.hp-rating-text{color:#52616c}.hp-stars{--hp-star:#916800}.hp-compare{padding:0;background:#fff;border:0;margin:0 0 32px}.hp-compare-head h2{font-size:26px;letter-spacing:-.02em}.hp-compare-head p{font-size:15px}.hp-segments{margin:16px 0 12px}.hp-segments button{border-radius:8px;padding:10px 18px}.hp-compare-search{display:flex;gap:12px;align-items:center;font-weight:600;font-size:14px;margin:14px 0}.hp-compare-search input{min-height:44px;width:min(360px,65%);padding:10px 12px;border:1px solid #9caeb8;border-radius:7px;background:#fff;color:#20333f;font:inherit}.hp-filter-status{font-size:13px;color:#52616c;margin:8px 0}.hp-ad{font-size:12px;line-height:1.5;color:#52616c;margin:10px 0!important}.hp-matrix-scroll{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hp-scroll{position:static;width:44px;height:44px;order:1;box-shadow:none;border-radius:7px;margin-bottom:4px}.hp-scroll:disabled{background:#dde5e9;color:#52616c;cursor:default}.hp-matrix-wrap{order:2;width:100%;scroll-padding-left:150px}.hp-matrix{table-layout:fixed}.hp-matrix th,.hp-matrix td{width:215px;min-width:215px;max-width:215px;padding:14px;text-align:left;overflow-wrap:anywhere}.hp-matrix thead th,.hp-matrix th.hp-col-top{background:#f3f6f8;color:#20333f}.hp-matrix thead .hp-matrix-label{background:#e9eef1;color:#20333f}.hp-matrix .hp-matrix-label{width:145px;min-width:145px;max-width:145px;box-shadow:2px 0 4px #233b4d08;font-size:13px}.hp-matrix-img{height:165px;background:#fff;margin:10px 0}.hp-matrix-img img{width:100%;height:150px;max-height:150px;object-fit:contain}.hp-matrix-name{font-size:15px;font-weight:650;min-height:40px}.hp-matrix-name a{color:#20333f;text-decoration:none}.hp-matrix-name a:hover{text-decoration:underline}.hp-matrix .hp-rating{justify-content:flex-start}.hp-matrix .hp-score{margin:0}.hp-matrix .hp-btn{display:flex;width:100%;margin-top:8px;font-size:14px}.hp-matrix .hp-price{display:block;font-size:24px;margin-bottom:6px}.hp-matrix .hp-price-none{font-size:14px;white-space:normal}.hp-matrix [hidden]{display:none!important}.hp-panel[hidden]{display:none!important}.hp-note{line-height:1.55;font-size:12px}.hp-decision{margin:44px 0}.hp-decision h2,.hp-calculator h2{font-size:28px;letter-spacing:-.025em;margin:0 0 20px}.hp-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hp-choice-grid>a{display:block;border:1px solid var(--hp-line);padding:24px;border-radius:12px;background:#f7f9fa;text-decoration:none;color:#20333f}.hp-choice-grid>a:hover{border-color:#116b9f;background:#f0f6f9}.hp-choice-grid h3{font-size:20px;margin:12px 0}.hp-choice-grid p{font-size:15px;color:#52616c;margin:0 0 18px}.hp-choice-grid strong{font-size:14px;color:#105e8c}.hp-choice-icon{font-size:13px;font-weight:700;color:#33732f}.hp-calculator{display:grid;grid-template-columns:1fr 1fr;gap:32px;border:1px solid #cbdcc6;border-radius:12px;background:#f2f7ef;padding:26px;margin:40px 0}.hp-calculator p{font-size:15px;color:#435340;margin:8px 0}.hp-cost-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hp-cost-form label{font-size:13px;font-weight:600}.hp-cost-form input{display:block;width:100%;padding:10px;min-height:44px;border:1px solid #9cae95;border-radius:6px;margin-top:6px;font:inherit}.hp-cost-form output{grid-column:1/-1;font-size:24px;font-weight:750;color:#28632a}.hp-editorial,.hp-safety{padding:18px 20px;border:1px solid #d8e2e8;border-left:4px solid #116b9f;border-radius:8px;background:#f3f7f9;margin:0 0 26px;font-size:14px;line-height:1.65}.hp-editorial p,.hp-safety p{margin:8px 0 0}.hp-safety{background:#fff7ea;border-color:#e5cc9a;border-left-color:#9c6518}.hp-editorial-graphic{border-radius:12px;object-fit:contain}.hp-early-toc{margin:16px 0 24px;border:1px solid var(--hp-line);border-radius:8px;background:#f7f9fa;padding:12px 16px;font-size:14px}.hp-early-toc summary{cursor:pointer;font-weight:650;min-height:24px}.hp-early-toc ol{display:grid;grid-template-columns:1fr 1fr;gap:6px 20px;padding-left:20px;margin:12px 0}.hp-early-toc a{display:inline-flex;align-items:center;min-height:32px}.hp-video-link{padding:16px;background:#f3f6f8;border-radius:8px}.hp-breadcrumb a{min-height:32px;display:inline-flex;align-items:center}.hp-breadcrumb{align-items:center}.hp-buybox .hp-ad{margin:14px 0 8px!important}.hp-gallery-thumbs{max-width:100%}.hp-footer-copy{color:#c0c9d0}:focus-visible{outline:3px solid #995900;outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible{scroll-margin:80px}.hp-entry [id]{scroll-margin-top:24px}
@media(max-width:1100px){.hp-layout{grid-template-columns:1fr}.hp-sidebar{grid-template-columns:1fr 1fr}.hp-calculator{grid-template-columns:1fr}}
@media(max-width:700px){.hp-main{padding:22px 16px}.hp-header-inner{padding:14px 16px}.hp-brand-name{font-size:17px}.hp-brand-name small{font-size:11px}.hp-brand-icon{font-size:30px}.hp-home-start>p{font-size:15px}.hp-trust{display:none}.hp-compare-head h2{font-size:23px}.hp-segments{flex-wrap:nowrap;gap:5px}.hp-segments button{font-size:13px;padding:10px}.hp-matrix th,.hp-matrix td{width:195px;min-width:195px;max-width:195px;padding:10px}.hp-matrix .hp-matrix-label{width:94px;min-width:94px;max-width:94px;font-size:12px}.hp-matrix-wrap{scroll-padding-left:100px}.hp-matrix-img{height:135px}.hp-matrix-img img{height:120px;max-height:120px}.hp-choice-grid{grid-template-columns:1fr}.hp-choice-grid>a{padding:18px}.hp-decision{margin:30px 0}.hp-calculator{padding:18px;gap:14px}.hp-cost-form{grid-template-columns:1fr 1fr}.hp-cost-form label:last-of-type{grid-column:1/-1}.hp-early-toc ol{grid-template-columns:1fr}.hp-entry p{font-size:16px}.hp-sidebar{grid-template-columns:1fr}.hp-buybox{padding:16px;gap:20px}.hp-product-title{font-size:27px}.hp-gallery-main{height:230px}.hp-gallery-main img{max-height:220px}.hp-offer{gap:12px}.hp-offer .hp-price{font-size:23px}.hp-offer .hp-btn{flex:1}.hp-editorial,.hp-safety{padding:14px;font-size:13px}.hp-compare-search{display:block}.hp-compare-search input{display:block;width:100%;margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep the comparison above the fold. */
.hp-home-start>.hp-compare{display:grid;grid-template-columns:1fr auto;column-gap:24px}.hp-home-start .hp-compare-head{grid-column:1/-1}.hp-home-start .hp-segments{grid-column:1;grid-row:2;margin:4px 0 8px}.hp-home-start .hp-compare-search{grid-column:2;grid-row:2;margin:0}.hp-home-start .hp-filter-status{grid-column:1/-1;margin:2px 0}.hp-home-start .hp-ad{grid-column:1/-1}.hp-home-start .hp-panel,.hp-home-start .hp-note{grid-column:1/-1}.hp-home-start>p{margin-bottom:14px}.hp-home-start .hp-compare-head h2{margin:10px 0}.hp-matrix-img{height:145px}.hp-matrix-img img{height:135px;max-height:135px}
@media(max-width:700px){.hp-home-start>.hp-compare{display:block}.hp-home-start .hp-compare-head h2{font-size:20px;margin:10px 0}.hp-home-start .hp-compare-search{display:flex;gap:8px;margin:8px 0}.hp-home-start .hp-compare-search input{width:62%;margin:0}.hp-home-start .hp-compare-search{font-size:12px}.hp-home-start .hp-filter-status{margin:4px 0}.hp-home-start h1{font-size:26px}.hp-home-start>p{margin-bottom:12px;line-height:1.45}.hp-home-start .hp-matrix-img{height:115px}.hp-home-start .hp-matrix-img img{height:105px;max-height:105px}.hp-home-start .hp-matrix-name{font-size:14px;min-height:36px}.hp-home-start .hp-ad{margin:6px 0!important}}

.hp-layout.hp-layout-plain{display:block;max-width:900px;margin:0 auto}.hp-layout-plain .hp-entry{min-height:40vh}

.hp-advice-table{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.hp-advice-table th,.hp-advice-table td{border:1px solid #d8e2e8;padding:12px;text-align:left;vertical-align:top}.hp-advice-table th{background:#f1f5f7}.hp-sources{clear:both;border-top:1px solid #d8e2e8;margin-top:32px;padding-top:8px;font-size:14px}.hp-sources li{margin:6px 0}.hp-entry .hp-editorial-graphic{width:240px;height:160px;max-width:40%;margin:8px 0 18px 24px}@media(max-width:700px){.hp-advice-table{font-size:12px}.hp-advice-table th,.hp-advice-table td{padding:7px}.hp-entry .hp-editorial-graphic{float:none;display:block;margin:12px auto;max-width:100%}}

.hp-entry .hp-editorial-photo{width:100%;max-width:640px;height:auto;display:block;border-radius:8px;margin:24px 0}.hp-entry .hp-cylinder-photo{max-width:260px}.hp-footer-disclosure a{color:inherit;text-decoration:underline}

.hp-footer .cmplz-manage-consent{border:0;background:transparent;color:inherit;text-decoration:underline;min-height:44px;font:inherit;padding:8px 0;cursor:pointer}

/* Subtle photographic backdrop; content remains on opaque white. */
@media (min-width: 1320px) {
 body { background: linear-gradient(rgba(245,247,242,.72),rgba(245,247,242,.72)),var(--hp-bg-image) center center / cover fixed !important; }
 .hp-page { background-color:#fff; box-shadow:0 0 32px rgba(51,43,35,.09); }
}

/* Compact Amazon partner identification requested for the header. */
.hp-brand-name .hp-partner-mobile{display:none}
@media(max-width:1100px){.hp-trust{display:none}.hp-brand-name .hp-partner-mobile{display:block;font-size:10px;font-weight:600;color:#52616c;margin-top:3px}}