/* Dedicated gas-page styles derived from the approved electricity design; unused selectors removed. */
.gas-page{--ee-green: #00885e; --ee-ink: #073c3a; --ee-soft: #eff8f3; --ee-line: #e2ece7; color: var(--ee-ink); background: rgb(255, 255, 255); line-height: 1.9; padding-bottom: 52px;}
.gas-page *{min-width: 0px;}
.gas-page h1, .gas-page h2, .gas-page h3, .gas-page p{margin: 0px;}
.gas-page h2{font-size: clamp(22px, 2.2vw, 29px); line-height: 1.6; font-weight: 800; letter-spacing: -0.6px;}
.gas-page h3{font-weight: 800; line-height: 1.85;}
.gas-page p{color: rgb(82, 108, 106);}
.gas-page svg{display: block; width: 24px; height: 24px; flex-shrink: 0;}
.gas-page .ge-section{margin-top: 48px;}
.gas-page .ge-heading{text-align: center; margin-bottom: 23px;}
.gas-page .ge-heading > p{font-size: 13px; margin-top: 6px;}
.gas-page .ge-kicker{display: block; color: var(--ee-green); font-size: 12px; font-weight: 800; margin-bottom: 8px;}
.gas-page .ge-btn{display: inline-flex; justify-content: center; align-items: center; gap: 14px; min-height: 48px; padding: 12px 24px; background: var(--ee-green); border: 1px solid var(--ee-green); border-radius: 12px; color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; line-height: 1.8; transition: background 0.15s, box-shadow 0.15s;}
.gas-page .ge-btn:hover{background: rgb(0, 107, 74); box-shadow: rgba(0, 136, 94, 0.125) 0px 6px 20px;}
.gas-page a:focus-visible, .gas-page summary:focus-visible{outline: rgb(0, 107, 74) solid 3px; outline-offset: 5px;}
.gas-page .ge-hero{position: relative; isolation: isolate; overflow: hidden; background: rgb(246, 249, 247); min-height: 480px;}
.gas-page .ge-hero__image{position: absolute; inset: 0px 0px 0px auto; width: 65%; height: 100%; object-fit: cover; object-position: center 55%; z-index: -2;}
.gas-page .ge-hero__shade{position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 1%, rgb(255, 255, 255) 36%, rgba(255, 255, 255, 0.97) 45%, rgba(255, 255, 255, 0.86) 52%, rgba(255, 255, 255, 0) 70%); z-index: -1;}
.gas-page .ge-crumbs{display: flex; justify-content: flex-end; align-items: center; gap: 8px; font-size: 11px; padding-block: 20px; color: rgb(82, 108, 106);}
.gas-page .ge-crumbs a:hover{color: var(--ee-green); text-decoration: underline;}
.gas-page .ge-hero__body{display: flex; justify-content: flex-end; padding-block: 23px 48px;}
.gas-page .ge-hero__copy{width: 52%; max-width: 610px;}
.gas-page h1{font-size: clamp(30px, 3.15vw, 43px); line-height: 1.55; font-weight: 800; letter-spacing: -1.1px; margin-bottom: 16px;}
.gas-page h1 span{display: block; color: var(--ee-green); font-size: 0.78em; letter-spacing: -0.6px; margin-top: 5px;}
.gas-page .ge-hero__lead{font-size: 15px; line-height: 2.1; max-width: 550px;}
.gas-page .ge-hero__highlights{display: flex; gap: 20px; list-style: none; padding: 0px; margin: 23px 0px; font-size: 11px; font-weight: 700;}
.gas-page .ge-hero__highlights li{display: flex; align-items: center; gap: 9px; flex: 1 1 0%;}
.gas-page .ge-hero__highlights svg{width: 30px; height: 30px; color: var(--ee-green);}
.gas-page .ge-free{position: absolute; top: 55px; right: max(28px, -590px + 50vw); display: flex; align-items: center; gap: 13px; max-width: 265px; padding: 16px 19px; border: 2px solid rgb(255, 255, 255); border-radius: 19px; background: rgba(0, 136, 94, 0.95); box-shadow: rgba(18, 63, 39, 0.125) 0px 10px 35px; color: rgb(255, 255, 255);}
.gas-page .ge-free > span{display: grid; place-items: center; width: 47px; height: 47px; border-radius: 50%; background: rgb(255, 255, 255); color: var(--ee-green); flex-shrink: 0;}
.gas-page .ge-free strong{display: block; font-size: 18px; line-height: 1.7;}
.gas-page .ge-free small{display: block; font-size: 10px; line-height: 1.8; margin-top: 3px; color: rgb(255, 255, 255);}
.gas-page .ge-solutions{display: grid; grid-template-columns: repeat(5, minmax(0px, 1fr)); gap: 15px;}
.gas-page .ge-solution{border: 1px solid var(--ee-line); border-radius: 14px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(18, 58, 44, 0.02) 0px 5px 15px;}
.gas-page .ge-solution img{display: block; width: 100%; height: 145px; object-fit: cover; background: rgb(241, 243, 243);}
.gas-page .ge-solution__copy{padding: 14px 13px 17px;}
.gas-page .ge-solution h3{font-size: 13px; min-height: 3.7em;}
.gas-page .ge-solution p{font-size: 11px; line-height: 1.9; margin-top: 8px;}
.gas-page .ge-calculator{padding: 29px; background: linear-gradient(115deg, rgb(240, 250, 245), rgb(234, 247, 240)); border: 1px solid rgb(226, 240, 232); border-radius: 22px;}
.gas-page .ge-calculator__grid{display: grid; grid-template-columns: 1fr 1.08fr; gap: 20px;}
.gas-page .ge-equipment{padding: 8px 18px; border: 0px; border-radius: 15px; background: rgb(255, 255, 255); margin: 0px;}
.gas-page .ge-equipment legend{float: right; width: 100%; font-size: 11px; color: rgb(82, 108, 106); padding: 9px 0px;}
.gas-page .ge-counter{display: flex; align-items: center; gap: 5px; direction: ltr; flex-shrink: 0;}
.gas-page .ge-counter button{display: grid; place-items: center; width: 32px; height: 34px; border: 0px; border-radius: 7px; background: rgb(240, 243, 243); color: rgb(118, 135, 129); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 21px; cursor: not-allowed; opacity: 1;}
.gas-page .ge-counter button:last-child{background: rgb(234, 244, 238); color: rgb(107, 140, 123);}
.gas-page .ge-counter input{width: 42px; height: 34px; text-align: center; border: 1px solid rgb(227, 236, 231); border-radius: 7px; background: rgb(251, 252, 251); color: rgb(118, 135, 129); -webkit-text-fill-color: rgb(118, 135, 129); opacity: 1; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px;}
.gas-page .ge-estimates{display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-content: start;}
.gas-page .ge-result{background: rgb(255, 255, 255); border-radius: 14px; padding: 19px; text-align: center;}
.gas-page .ge-result > span{display: flex; justify-content: center; align-items: center; gap: 8px; font-size: 12px;}
.gas-page .ge-result svg{color: var(--ee-green); width: 22px; height: 22px;}
.gas-page .ge-result strong{display: block; font-size: 28px; color: var(--ee-green); margin: 4px 0px; line-height: 1.4;}
.gas-page .ge-result small{font-size: 11px; color: rgb(96, 117, 109);}
.gas-page .ge-result--free{grid-column: 1 / -1; text-align: right; display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px 22px;}
.gas-page .ge-result--free strong{font-size: 30px; margin-top: 5px;}
.gas-page .ge-preview-note{font-size: 11px; line-height: 1.9; grid-column: 1 / -1;}
.gas-page .ge-benefits{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 15px;}
.gas-page .ge-benefit{display: flex; align-items: center; gap: 13px; padding: 21px 15px; border: 1px solid var(--ee-line); border-radius: 14px; background: rgb(255, 255, 255); box-shadow: rgba(19, 68, 43, 0.016) 0px 4px 20px;}
.gas-page .ge-benefit__icon{display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; border-radius: 50%; background: rgb(232, 246, 237); color: rgb(0, 136, 94);}
.gas-page .ge-benefit:nth-child(2) .ge-benefit__icon{background: rgb(255, 246, 217); color: rgb(161, 106, 0);}
.gas-page .ge-benefit:nth-child(3) .ge-benefit__icon{background: rgb(233, 242, 255); color: rgb(35, 99, 180);}
.gas-page .ge-benefit:nth-child(4) .ge-benefit__icon{background: rgb(241, 234, 255); color: rgb(120, 80, 172);}
.gas-page .ge-benefit h3{font-size: 12px;}
.gas-page .ge-steps{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); list-style: none; padding: 0px; margin: 0px; gap: 28px;}
.gas-page .ge-step{position: relative; display: flex; align-items: center; gap: 13px; padding: 10px 0px;}
.gas-page .ge-step:not(:last-child)::after{content: "←"; position: absolute; left: -23px; color: rgb(140, 156, 150); font-size: 23px; top: 22px;}
.gas-page .ge-step__number{display: grid; place-items: center; flex-shrink: 0; background: var(--ee-green); color: white; border-radius: 50%; width: 47px; height: 47px; font-size: 20px; font-weight: 800; border: 5px solid rgb(233, 246, 238); box-sizing: content-box;}
.gas-page .ge-step h3{font-size: 13px;}
.gas-page .ge-step p{font-size: 11px; line-height: 1.8; margin-top: 3px;}
.gas-page .ge-steps-note{font-size: 11px; text-align: center; margin-top: 20px; color: rgb(96, 117, 109);}
.gas-page .ge-faqs{display: grid; grid-template-columns: 1fr 1fr; gap: 11px 22px; align-items: start;}
.gas-page .ge-faqs details{padding: 0px; border: 1px solid var(--ee-line); border-radius: 10px; background: rgb(255, 255, 255);}
.gas-page .ge-faqs summary{position: relative; cursor: pointer; font-size: 13px; list-style: none; padding: 14px 17px 14px 42px; line-height: 1.9;}
.gas-page .ge-faqs summary::-webkit-details-marker{display: none;}
.gas-page .ge-faqs summary::after{content: "+"; position: absolute; left: 16px; top: 10px; font-size: 23px; font-weight: 500; color: rgb(35, 100, 79);}
.gas-page .ge-faqs details[open] summary::after{content: "−";}
.gas-page .ge-faqs details[open] summary{font-weight: 700;}
.gas-page .ge-faqs details p{font-size: 12px; padding: 0px 17px 16px; line-height: 2;}
.gas-page .ge-final{position: relative; overflow: hidden; padding: 30px 150px; background: linear-gradient(100deg, rgb(237, 248, 240), rgb(242, 250, 245) 50%, rgb(229, 243, 233)); border: 1px solid rgb(225, 238, 229); border-radius: 19px; text-align: center;}
.gas-page .ge-final h2{font-size: clamp(20px, 2vw, 26px);}
.gas-page .ge-final > p{font-size: 12px; margin: 8px auto 17px; max-width: 660px;}
.gas-page .ge-final .ge-final__note{font-size: 11px; margin: 13px auto 0px;}
.gas-page .ge-final__art{position: absolute; right: 28px; top: 50%; transform: translateY(-50%); color: rgb(0, 136, 94); opacity: 0.65;}
.gas-page .ge-final__art svg{width: 94px; height: 94px; stroke-width: 1;}
.gas-page .ge-final__leaf{position: absolute; left: 30px; top: 50%; transform: translateY(-50%) rotate(-20deg); color: rgb(0, 136, 94); opacity: 0.55;}
.gas-page .ge-final__leaf svg{width: 80px; height: 80px; stroke-width: 1;}
@media (min-width: 1500px) {
.gas-page .ge-hero{min-height: 510px;}
.gas-page .ge-hero__body{padding-block: 42px 55px;}
}
@media (max-width: 1050px) {
.gas-page .ge-solutions{gap: 10px;}
.gas-page .ge-solution img{height: 120px;}
.gas-page .ge-solution__copy{padding: 11px 10px 14px;}
.gas-page .ge-solution h3{font-size: 12px;}
.gas-page .ge-hero__copy{width: 55%;}
.gas-page .ge-free{right: 24px; max-width: 225px; top: 75px;}
.gas-page .ge-free strong{font-size: 16px;}
.gas-page .ge-benefit{gap: 9px; padding: 16px 10px;}
.gas-page .ge-benefit__icon{width: 39px; height: 39px;}
.gas-page .ge-step{gap: 8px;}
.gas-page .ge-final{padding-inline: 115px;}
}
@media (max-width: 800px) {
.gas-page .ge-hero{min-height: 0px;}
.gas-page .ge-hero__copy{width: 58%;}
.gas-page h1{font-size: 30px;}
.gas-page .ge-hero__highlights{gap: 10px;}
.gas-page .ge-hero__highlights li{font-size: 10px;}
.gas-page .ge-hero__highlights svg{width: 22px; height: 22px;}
.gas-page .ge-free{max-width: 205px; padding: 12px; top: 85px;}
.gas-page .ge-free > span{width: 38px; height: 38px;}
.gas-page .ge-solutions{grid-template-columns: repeat(3, minmax(0px, 1fr));}
.gas-page .ge-solution img{height: 150px;}
.gas-page .ge-solution h3{font-size: 13px;}
.gas-page .ge-calculator{padding: 23px;}
.gas-page .ge-calculator__grid{grid-template-columns: 1fr;}
.gas-page .ge-benefits{grid-template-columns: repeat(2, minmax(0px, 1fr));}
.gas-page .ge-steps{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 15px 30px;}
.gas-page .ge-step:nth-child(2)::after{display: none;}
.gas-page .ge-final{padding: 28px 90px;}
.gas-page .ge-final__art{right: 14px;}
.gas-page .ge-final__art svg{width: 63px;}
.gas-page .ge-final__leaf{left: 13px;}
.gas-page .ge-final__leaf svg{width: 60px;}
}
@media (max-width: 600px) {
.gas-page{padding-bottom: 30px;}
.gas-page .ge-section{margin-top: 34px;}
.gas-page .ge-heading{margin-bottom: 18px;}
.gas-page .ge-heading > p{font-size: 12px;}
.gas-page .ge-hero__image{position: relative; display: block; width: 100%; height: 265px; object-position: center 55%; z-index: 0;}
.gas-page .ge-hero__shade{display: none;}
.gas-page .ge-hero{background: rgb(247, 250, 248); display: flex; flex-direction: column;}
.gas-page .ge-hero__image{order: 2;}
.gas-page .ge-hero__body{order: 1; padding-block: 6px 25px;}
.gas-page .ge-crumbs{order: 0; padding-block: 14px; font-size: 10px;}
.gas-page .ge-hero__copy{width: 100%; max-width: none;}
.gas-page h1{font-size: 30px; letter-spacing: -0.6px; line-height: 1.6;}
.gas-page h1 span{font-size: 0.79em;}
.gas-page .ge-hero__lead{font-size: 13px;}
.gas-page .ge-hero__highlights{gap: 10px; margin-block: 20px;}
.gas-page .ge-hero__highlights li{font-size: 10px; gap: 6px;}
.gas-page .ge-free{top: auto; bottom: 19px; right: 21px; max-width: 225px; padding: 12px 15px;}
.gas-page .ge-free strong{font-size: 15px;}
.gas-page .ge-free small{font-size: 10px;}
.gas-page .ge-solutions{grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px;}
.gas-page .ge-solution:last-child{grid-column: 1 / -1; display: grid; grid-template-columns: 1fr 1fr;}
.gas-page .ge-solution:last-child img{height: 100%; min-height: 160px;}
.gas-page .ge-solution img{height: 124px;}
.gas-page .ge-solution__copy{padding: 12px;}
.gas-page .ge-solution h3{font-size: 12px;}
.gas-page .ge-solution p{font-size: 11px;}
.gas-page .ge-calculator{padding: 19px 14px; border-radius: 17px;}
.gas-page .ge-equipment{padding-inline: 12px;}
.gas-page .ge-counter button{width: 29px; height: 33px;}
.gas-page .ge-counter input{width: 32px; height: 33px;}
.gas-page .ge-result{padding: 17px 10px;}
.gas-page .ge-result > span{font-size: 10px; gap: 5px;}
.gas-page .ge-result svg{width: 18px; height: 18px;}
.gas-page .ge-result small{font-size: 10px;}
.gas-page .ge-result--free{padding: 16px;}
.gas-page .ge-result--free strong{font-size: 29px;}
.gas-page .ge-benefits{gap: 10px;}
.gas-page .ge-benefit{padding: 15px 10px; align-items: flex-start; gap: 8px;}
.gas-page .ge-benefit h3{font-size: 11px;}
.gas-page .ge-benefit__icon{width: 34px; height: 34px;}
.gas-page .ge-benefit__icon svg{width: 20px; height: 20px;}
.gas-page .ge-step__number{width: 36px; height: 36px; border-width: 4px; font-size: 17px;}
.gas-page .ge-step h3{font-size: 12px;}
.gas-page .ge-step p{font-size: 10px;}
.gas-page .ge-step:not(:last-child)::after{top: 15px; left: -21px;}
.gas-page .ge-faqs{grid-template-columns: 1fr; gap: 9px;}
.gas-page .ge-faqs summary{font-size: 12px;}
.gas-page .ge-final{padding: 28px 20px;}
.gas-page .ge-final__art, .gas-page .ge-final__leaf{display: none;}
.gas-page .ge-final h2{font-size: 22px;}
.gas-page .ge-final .ge-btn{font-size: 12px; padding-inline: 14px; gap: 9px;}
.gas-page .ge-final > p{font-size: 12px;}
}
@media (max-width: 360px) {
.gas-page h1{font-size: 27px;}
.gas-page .ge-hero__highlights{gap: 6px;}
.gas-page .ge-hero__highlights li{font-size: 9px;}
.gas-page .ge-solution h3{font-size: 11px;}
.gas-page .ge-benefit{flex-direction: column;}
.gas-page .ge-counter{gap: 3px;}
}
@media (prefers-reduced-motion: reduce) {
.gas-page .ge-btn{transition: none;}
}
.gas-page .ge-free-message{margin: 7px 0px 0px; padding: 0px; border: 0px; background: none; border-radius: 0px; text-align: center; color: rgb(82, 108, 106); font-size: 12px; font-weight: 400; line-height: 2;}
.gas-page .ge-photo-credit{text-align: left; font-size: 10px; color: rgb(96, 117, 109); margin-top: 9px;}
.gas-page .ge-photo-credit a{text-decoration: underline; text-underline-offset: 3px;}
.gas-page .ge-solution img, .gas-page .ge-solution:last-child img{height: auto; min-height: 0px; aspect-ratio: 8 / 5; object-fit: cover;}
.gas-page .ge-calculator{padding: 24px 27px;}
.gas-page .ge-calculator__grid{grid-template-columns: 1fr 1fr; align-items: start; gap: 32px;}
.gas-page .ge-compact-controls h2{font-size: 25px; margin: 0px 0px 12px; line-height: 1.6;}
.gas-page [data-gas-calculator] .ge-equipment{background: none; padding: 0px;}
.gas-page .ge-count-field{display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 3px 12px; padding: 6px 0px; border-bottom: 1px solid rgb(220, 235, 225);}
.gas-page .ge-count-field:last-child{border-bottom: 0px;}
.gas-page .ge-count-field > label{font-size: 12px; line-height: 1.9; color: rgb(36, 79, 66);}
.gas-page .ge-input-error{display: block; grid-column: 1 / -1; font-size: 11px; color: rgb(164, 43, 43); line-height: 1.9;}
.gas-page [aria-invalid="true"]{border-color: rgb(185, 61, 61) !important; background: rgb(255, 247, 247) !important;}
.gas-page [data-gas-calculator] .ge-counter{gap: 5px;}
.gas-page [data-gas-calculator] .ge-counter button{width: 32px; height: 34px; font-size: 21px; background: rgb(232, 239, 235); color: rgb(49, 90, 72);}
.gas-page [data-gas-calculator] .ge-counter button:last-child{background: rgb(223, 240, 229); color: rgb(0, 111, 77);}
.gas-page [data-gas-calculator] .ge-counter button:not(:disabled){cursor: pointer;}
.gas-page [data-gas-calculator] .ge-counter button:not(:disabled):hover{background: rgb(204, 233, 216);}
.gas-page [data-gas-calculator] .ge-counter button:disabled{color: rgb(136, 155, 144); background: rgb(237, 242, 238); cursor: not-allowed;}
.gas-page [data-gas-calculator] .ge-counter input{width: 45px; height: 34px; font-size: 14px; color: rgb(31, 82, 64); -webkit-text-fill-color: currentcolor; background: rgb(255, 255, 255); border-color: rgb(212, 228, 217);}
.gas-page [data-gas-calculator] input:focus-visible, .gas-page [data-gas-calculator] button:focus-visible{outline: rgb(0, 136, 94) solid 3px; outline-offset: 3px;}
.gas-page .ge-estimates{position: static; gap: 10px; padding-top: 3px;}
.gas-page .ge-result{padding: 16px 10px;}
.gas-page .ge-result > span{font-size: 12px; line-height: 1.8;}
.gas-page .ge-result strong{font-size: 27px; line-height: 1.45; margin: 4px 0px; overflow-wrap: anywhere;}
.gas-page .ge-result small{font-size: 11px;}
.gas-page .ge-result--free{padding: 11px 16px; min-height: 60px;}
.gas-page .ge-result--free > span{font-size: 12px; line-height: 1.8;}
.gas-page .ge-result--free strong{font-size: 25px; white-space: nowrap; margin: 0px;}
.gas-page .ge-preview-note{font-size: 11px; line-height: 1.9; margin: 1px 2px 0px; overflow-wrap: anywhere;}
.gas-page .ge-sr-only{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0px;}
.gas-page .ge-no-script{padding: 10px; color: rgb(118, 77, 22); background: rgb(255, 243, 223); border-radius: 8px; font-size: 12px;}
@media (max-width: 1050px) {
.gas-page .ge-calculator__grid{gap: 22px;}
.gas-page .ge-compact-controls h2{font-size: 23px;}
.gas-page .ge-count-field > label{font-size: 11px;}
.gas-page .ge-result > span{font-size: 11px;}
}
@media (max-width: 800px) {
.gas-page .ge-calculator__grid{grid-template-columns: 1fr; gap: 18px;}
.gas-page .ge-calculator{padding: 23px;}
.gas-page .ge-compact-controls h2{margin-bottom: 10px;}
.gas-page .ge-estimates{padding-top: 0px;}
}
@media (max-width: 600px) {
.gas-page .ge-calculator{padding: 19px 14px;}
.gas-page .ge-free-message{font-size: 11px;}
.gas-page .ge-count-field{gap: 4px 10px; padding: 7px 0px;}
.gas-page [data-gas-calculator] .ge-counter{gap: 4px;}
.gas-page [data-gas-calculator] .ge-counter button{width: 44px; height: 44px;}
.gas-page [data-gas-calculator] .ge-counter input{width: 40px; height: 44px; font-size: 16px;}
.gas-page .ge-count-field > label{font-size: 11px;}
.gas-page .ge-result{padding: 13px 8px;}
.gas-page .ge-result > span{font-size: 10px;}
.gas-page .ge-result strong{font-size: 24px;}
.gas-page .ge-result small{font-size: 10px;}
.gas-page .ge-result--free{padding: 11px 13px;}
.gas-page .ge-result--free > span{font-size: 11px;}
.gas-page .ge-result--free strong{font-size: 23px;}
.gas-page .ge-preview-note{font-size: 11px;}
.gas-page .ge-hero__image{object-position: center center;}
}
@media (max-width: 360px) {
.gas-page .ge-calculator{padding-inline: 12px;}
.gas-page .ge-count-field{gap: 4px 7px;}
.gas-page .ge-count-field > label{font-size: 10px;}
.gas-page [data-gas-calculator] .ge-counter input{width: 35px;}
.gas-page .ge-compact-controls h2{font-size: 22px;}
.gas-page .ge-result strong{font-size: 21px;}
}

.gas-page .ge-solutions{grid-template-columns:repeat(3,minmax(0,1fr))}
.gas-page .ge-value-pending{font-size:18px;line-height:1.7}
.gas-page .ge-model-note{font-size:11px;line-height:1.9;grid-column:1/-1;color:#526c6a;margin:0 2px}
.gas-page .ge-tariff-note{font-size:10px;line-height:1.8;color:#526c6a;margin:2px 0 0}
@media(max-width:800px){.gas-page .ge-solutions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.gas-page .ge-solution:last-child{grid-column:auto;display:block}.gas-page .ge-value-pending{font-size:15px}.gas-page .ge-solution h3{min-height:5.55em}}

/* Gas hero: keep the photograph at its natural ratio and clear of the badge. */
.gas-page .ge-hero{background:#fff;min-height:480px}
.gas-page .ge-hero__image{width:54%;height:100%;object-fit:contain;object-position:right center}
.gas-page .ge-hero__shade{background:linear-gradient(90deg,#fff 0%,#fff 39%,rgba(255,255,255,.98) 45%,rgba(255,255,255,.82) 50%,rgba(255,255,255,.35) 57%,rgba(255,255,255,0) 66%)}
.gas-page .ge-hero__body{padding-block:18px 36px}
.gas-page .ge-free{top:22px;bottom:auto;right:calc(32% - 90px);max-width:220px;padding:10px 13px;gap:9px;border-radius:15px;box-shadow:0 5px 20px #123f2715}
.gas-page .ge-free>span{width:36px;height:36px}
.gas-page .ge-free strong{font-size:15px;line-height:1.6}
.gas-page .ge-free small{font-size:10px;margin-top:2px}
@media(min-width:1500px){
 .gas-page .ge-hero{min-height:510px}
 .gas-page .ge-hero__body{padding-block:30px 42px}
}
@media(max-width:800px){
 .gas-page .ge-hero{display:flex;flex-direction:column;min-height:0;background:#fff}
 .gas-page .ge-crumbs{order:0;padding-block:14px}
 .gas-page .ge-hero__body{order:1;padding-block:6px 22px}
 .gas-page .ge-hero__copy{width:100%;max-width:none}
 .gas-page .ge-hero__image{position:relative;inset:auto;order:2;z-index:0;width:100%;height:auto;max-height:340px;object-fit:contain;object-position:right center;background:#faf9f5}
 .gas-page .ge-hero__shade{display:none}
 .gas-page .ge-free{position:relative;inset:auto;order:3;align-self:center;max-width:250px;margin:14px 20px 0;padding:10px 14px}
}