.tc-home-gas { padding-block: 0 30px; }
.tc-home-gas__card { display: grid; overflow: hidden; border: 1px solid #eadaca; border-radius: 20px; background: #fff; box-shadow: 0 10px 28px rgba(63,36,8,.08); }
.tc-home-gas__summary { padding: 22px 20px; background: #fff8ef; }
.tc-home-gas__heading { display: flex; align-items: flex-start; gap: 12px; }
.tc-home-gas__heading > span { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; color: #fff; border-radius: 13px; background: #a75b08; }
.tc-home-gas__heading svg { width: 26px; height: 26px; }
.tc-home-gas__heading p { margin: 0 0 2px; color: #985006; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.tc-home-gas h2 { margin: 0; font-size: var(--tc-step-2); line-height: 1.12; letter-spacing: -.025em; }
.tc-home-gas__intro { margin: 15px 0 18px; color: #5f5145; font-size: 13px; }
.tc-home-gas__saving { display: flex; padding-top: 14px; flex-direction: column; border-top: 1px solid #eadaca; }
.tc-home-gas__saving small { color: #786b60; font-size: 10px; }
.tc-home-gas__saving strong { margin-top: 2px; color: #9b270e; font-size: clamp(1.65rem,7vw,2.35rem); line-height: 1; letter-spacing: -.04em; }
.tc-home-gas__saving sup { margin-left: 2px; font-size: 9px; vertical-align: top; }
.tc-home-gas__compare { display: flex; padding: 21px 20px; flex-direction: column; justify-content: center; }
.tc-home-gas__meter { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); overflow: hidden; border: 1px solid var(--tc-line); border-radius: 13px; background: var(--tc-surface); }
.tc-home-gas__meter div { display: flex; min-height: 62px; padding: 10px 13px; flex-direction: column; justify-content: center; }
.tc-home-gas__meter div + div { border-left: 1px solid var(--tc-line); }
.tc-home-gas__meter span { color: var(--tc-muted); font-size: 10px; }
.tc-home-gas__meter b { font-size: 14px; }
.tc-home-gas__compare ul { display: grid; margin: 14px 0; padding: 0; gap: 5px; color: var(--tc-muted); font-size: 11px; list-style: none; }
.tc-home-gas__compare li::before { margin-right: 7px; color: #985006; content: "✓"; font-weight: 900; }
.tc-home-gas__compare a { display: inline-flex; min-height: 48px; padding: 9px 16px; align-items: center; justify-content: center; gap: 18px; color: #fff; border-radius: 13px; background: #985006; font-weight: 900; text-decoration: none; transition: background .18s ease,transform .18s ease; }
.tc-home-gas__compare a:hover { background: #713905; transform: translateY(-1px); }
.tc-home-gas__disclaimer { margin: 8px 4px 0; color: var(--tc-muted); font-size: 9px; line-height: 1.4; }
@media(min-width:760px){.tc-home-gas__card{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);min-height:285px}.tc-home-gas__summary,.tc-home-gas__compare{padding:32px 38px}.tc-home-gas__compare a{align-self:flex-start;min-width:230px}}

.tc-home-gas__summary{position:relative;isolation:isolate;background:#fff8ef url('../images/home/gas-comparison-bg.jpg') center/cover no-repeat}.tc-home-gas__summary::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,248,239,.98) 0%,rgba(255,248,239,.94) 54%,rgba(255,248,239,.65) 100%);content:""}