/* Two category entrances lead to three packages each. */
.four-category{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:35px;text-align:left;background:#0a3f22;color:#fff;border:1px solid #0a3f22;border-radius:6px;min-height:300px;transition:background .2s,transform .2s}
.four-category.pump{background:#172e39;border-color:#172e39}.four-category:hover{transform:translateY(-3px);background:#145630}.four-category.pump:hover{background:#244653}
.four-category .eyebrow{color:#d2e4c5;margin:20px 0 12px;font-size:10px}.four-category>strong{font-size:32px;letter-spacing:-.025em;line-height:1.15}.four-category-description{font-size:14px;line-height:1.6;margin:16px 0 27px;color:#d8e5d4}.four-category-action{font-size:13px;border-top:1px solid #ffffff40;padding-top:20px;width:100%;margin-top:auto}.four-category-action>span{float:right;font-size:22px}.four-category .four-range{top:40px;right:35px}
#four-package-dialog{width:min(1120px,calc(100% - 40px));scroll-behavior:auto;padding:42px}.four-dialog-lead{margin:15px 0 28px;font-size:15px;color:#61705f}
.four-package-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 32px}
.four-package-choice{display:flex;flex-direction:column;text-align:left;padding:0 0 20px;border:2px solid #dce4d6;background:#fff;border-radius:5px;overflow:hidden;transition:border-color .2s,background .2s}.four-package-choice:hover{border-color:#789874}.four-package-choice[aria-pressed=true]{border-color:#0a3f22;background:#edf4e6}.four-package-choice img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:75%}.four-package-choice small{margin:19px 18px 9px;letter-spacing:.1em;font-size:9px;color:#657d5e}.four-package-choice strong{font-size:20px;margin:0 18px 18px;line-height:1.2}.four-package-choice>span{font-size:11px;color:#0a3f22;margin:auto 18px 0;text-decoration:underline;text-underline-offset:4px}
.four-selected-package{background:#f8faf5;border:1px solid #dce4d6;padding:30px;border-radius:5px;margin-bottom:32px}.four-selected-package>h3{font-size:31px;line-height:1.2;margin-bottom:22px}.four-selected-package h4{font-size:17px;margin:24px 0 12px}.four-selected-package li{font-size:13px;line-height:1.7;margin:8px 0}.four-selected-package ul{padding-left:20px}.four-brochure-summary{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:32px}.four-brochure-summary p{font-size:14px;line-height:1.8}.four-brochure-summary>a{align-self:start;display:block;text-align:center;font-size:11px;color:#0a3f22}.four-brochure-summary>a img{width:100%;height:auto;display:block;border:1px solid #d9e2d2;margin-bottom:12px}.four-brochure-figures{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.four-brochure-figures>div{background:#e8efdd;padding:18px}.four-brochure-figures span,.four-brochure-figures small{display:block;font-size:11px;line-height:1.6}.four-brochure-figures strong{display:block;font-size:27px;color:#0a3f22;margin:9px 0}.four-brochure-figures small{font-size:10px;color:#50634a}.four-optional-calculator{margin-top:22px}.four-optional-calculator>summary{font-size:14px}.four-optional-calculator .four-calculator{margin:15px 0}
.four-quotation{border-top:1px solid #d6e1ce;padding:32px 0 0}.four-quotation h3{font-size:29px;margin-bottom:13px}.four-quotation>p:not(.eyebrow){font-size:14px;line-height:1.7}.four-quotation label{display:block;font-size:12px;font-weight:700;line-height:1.6}.four-quotation input,.four-quotation select,.four-quotation textarea{width:100%;display:block;padding:12px;margin-top:7px;background:white;border:1px solid #bacab1;border-radius:3px;font:inherit;font-size:16px;color:#173824}.four-quotation form>label{margin-top:20px}.four-quotation .form-note{margin:20px 0;font-weight:400}.four-quotation #four-quote-status{font-size:13px;line-height:1.7;margin:18px 0}.four-quotation #four-quote-email{background:#e1efcc;color:#0a3f22}
@media(max-width:700px){.four-category{padding:28px;min-height:280px}.four-category>strong{font-size:28px}.four-category .four-range{right:28px;top:33px}#four-package-dialog{padding:44px 20px 25px;width:calc(100% - 16px)}.four-package-options{grid-template-columns:1fr;gap:12px}.four-package-choice{display:grid;grid-template-columns:85px 1fr;padding:0 0 12px;column-gap:14px}.four-package-choice img{object-position:right center;grid-row:1/4;height:100%;min-height:125px;max-height:155px}.four-package-choice small{margin:14px 12px 8px 0}.four-package-choice strong{font-size:18px;margin:0 12px 10px 0}.four-package-choice>span{margin:0 12px 0 0;font-size:10px}.four-selected-package{padding:20px 16px}.four-selected-package>h3{font-size:25px}.four-brochure-summary{grid-template-columns:1fr;gap:23px}.four-brochure-summary>a{max-width:160px}.four-brochure-figures{grid-template-columns:1fr}.four-brochure-figures strong{font-size:27px}.four-quotation h3{font-size:26px}.four-quotation .four-input-grid{grid-template-columns:1fr}.four-quotation .button{width:100%}}
/* Supplied product portraits sit beside each package-category introduction. */
.four-category{display:grid;grid-template-columns:39% minmax(0,1fr);align-items:stretch;padding:0;min-height:310px;overflow:hidden;isolation:isolate}
.four-category-visual{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding:18px 6px 18px 14px;background:radial-gradient(ellipse at 48% 52%,#90b84885 0%,#64894045 38%,transparent 72%)}
.four-category-visual img{position:relative;display:block;width:100%;height:270px;object-fit:contain;filter:drop-shadow(0 14px 13px #00000035)}
.four-category.pump .four-category-visual{background:radial-gradient(ellipse at 48% 58%,#a1cdf398 0%,#6589a94a 45%,transparent 74%);padding:18px 0 18px 8px}
.four-category.pump .four-category-visual img{width:112%;max-width:none;flex-shrink:0}
.four-category-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:34px 26px 29px 14px}
.four-category .four-group-icon svg{width:25px;height:25px}.four-category .eyebrow{margin:24px 0 11px;font-size:9px;line-height:1.5;letter-spacing:.1em}
.four-category-content>strong{font-size:clamp(24px,2vw,32px);font-weight:700;letter-spacing:-.025em;line-height:1.15}
.four-category-description{font-size:12px;line-height:1.65;margin:15px 0 24px}
.four-category-action{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;line-height:1.5;padding-top:18px}
.four-category-action>span{float:none;font-size:20px;flex-shrink:0}.four-category .four-range{top:38px;right:26px;font-size:9px}
.four-category:focus-visible{outline:3px solid #d6ad37;outline-offset:5px}
@media(min-width:701px) and (max-width:1050px){.four-packages .four-columns{grid-template-columns:1fr}.four-category{min-height:280px}.four-category-visual img{height:250px}.four-category-content>strong{font-size:30px}}
@media(max-width:700px){.four-packages .four-columns{grid-template-columns:1fr}.four-category{grid-template-columns:37% minmax(0,1fr);min-height:280px;padding:0}.four-category-visual{padding:15px 0 15px 10px}.four-category-visual img{height:220px}.four-category.pump .four-category-visual{padding-left:5px}.four-category-content{padding:25px 18px 25px 10px}.four-category-content>strong{font-size:25px}.four-category .four-range{top:30px;right:18px;font-size:8px}.four-category .eyebrow{font-size:8px;margin-top:20px}.four-category-description{font-size:11px;margin:13px 0 20px}.four-category-action{font-size:10px;gap:8px;padding-top:14px}}
@media(prefers-reduced-motion:reduce){.four-category{transition:none}.four-category:hover{transform:none}}

/* Bill-based boiler + battery calculator. */
:is(#boiler-battery-calculator,#boiler-solar-calculator,#boiler-combined-calculator,#heat-pump-solar-calculator,#heat-pump-battery-calculator,#heat-pump-combined-calculator)[hidden],#four-consumption-calculator[hidden],:is(#battery-calc-results,#solar-calc-results,#combined-calc-results,#pumpsolar-calc-results,#pumpbattery-calc-results,#pumpcombined-calc-results)[hidden]{display:none}
:is(#battery-calculator-form,#solar-calculator-form,#combined-calculator-form,#pumpsolar-calculator-form,#pumpbattery-calculator-form,#pumpcombined-calculator-form){margin:25px 0}
:is(#battery-calculator-form,#solar-calculator-form,#combined-calculator-form,#pumpsolar-calculator-form,#pumpbattery-calculator-form,#pumpcombined-calculator-form) label{display:block;font-size:13px;font-weight:700;margin-bottom:9px}
:is(#battery-monthly-bill,#solar-monthly-bill,#combined-monthly-bill,#pumpsolar-monthly-bill,#pumpbattery-monthly-bill,#pumpcombined-monthly-bill){display:block;width:min(100%,420px);padding:15px;border:1px solid #bacab1;border-radius:3px;font:inherit;font-size:20px;background:#fff;color:#173824}
:is(#battery-monthly-bill,#solar-monthly-bill,#combined-monthly-bill,#pumpsolar-monthly-bill,#pumpbattery-monthly-bill,#pumpcombined-monthly-bill)[aria-invalid=true]{border-color:#a33225}
:is(#battery-bill-help,#solar-bill-help,#combined-bill-help,#pumpsolar-bill-help,#pumpbattery-bill-help,#pumpcombined-bill-help){font-size:12px;line-height:1.7;margin:10px 0 20px;max-width:550px}
:is(#battery-calc-error,#solar-calc-error,#combined-calc-error,#pumpsolar-calc-error,#pumpbattery-calc-error,#pumpcombined-calc-error){color:#912a20;font-size:13px;line-height:1.6}
.battery-saving-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 28px}
.battery-saving-grid>div{background:#0a3f22;color:#fff;padding:20px 16px;border-radius:4px;min-width:0}
.battery-saving-grid span,.battery-saving-grid small{display:block;font-size:12px;line-height:1.6;color:#dce8d0}
.battery-saving-grid strong{display:block;font-size:clamp(23px,3vw,32px);margin:10px 0;overflow-wrap:anywhere}
.battery-table-wrap{overflow-x:auto}
.battery-calc-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}
.battery-calc-table th,.battery-calc-table td{padding:14px 12px;border-bottom:1px solid #d6e1ce;text-align:right;line-height:1.5}
.battery-calc-table th:first-child{text-align:left}
.battery-calc-table thead{background:#e3ecd9}
.battery-energy-note{font-size:12px;line-height:1.8;margin:17px 0}
.battery-breakdown{font-size:13px;margin:15px 0 25px}
.battery-breakdown>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:12px 0;border-bottom:1px solid #d6e1ce}
.battery-breakdown dt{line-height:1.6}.battery-breakdown dd{margin:0;text-align:right;font-weight:700;flex-shrink:0}
.battery-assumptions{margin-top:25px}.battery-assumptions li{font-size:12px;line-height:1.8}
@media(max-width:700px){
  .battery-saving-grid{grid-template-columns:1fr}
  .battery-saving-grid>div{padding:18px}.battery-saving-grid strong{font-size:30px}
  .battery-calc-table{font-size:11px}.battery-calc-table th,.battery-calc-table td{padding:12px 6px;overflow-wrap:anywhere}
  .battery-breakdown>div{flex-direction:column;gap:5px}
  :is(#battery-calculator-form,#solar-calculator-form,#combined-calculator-form,#pumpsolar-calculator-form,#pumpbattery-calculator-form,#pumpcombined-calculator-form) .button{width:100%;padding-left:12px;padding-right:12px;font-size:12px}
}