/* Hot water additions — built on the existing Brisbane Flow UI. */
.hero-description strong{color:#e9fdfe;font-weight:500}

/* Coupon tiles (reuse .care-tile, add ticket details) */
.coupon-tiles .care-tile{text-decoration:none;color:inherit;grid-template-columns:1fr auto;align-items:center;border:1px dashed #8fe7ed73;padding:20px 22px 18px}
.coupon-tiles .care-before{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9fe4ea}
.coupon-tiles .care-after{grid-column:1 / -1;display:flex;align-items:center;gap:12px}
.coupon-tiles .care-after i{flex:none}
.coupon-value{font-size:44px;line-height:1;font-weight:700;letter-spacing:-.03em;color:#f4fcfd;display:flex;align-items:baseline;gap:6px}
.coupon-value small{font-size:13px;font-weight:400;letter-spacing:0;color:#afd0d5}
.coupon-note{grid-column:1 / -1;font-size:14px;line-height:1.45;color:#c3e1e4}
.coupon-code{grid-column:1 / -1;justify-self:start;margin-top:6px;font-size:11px;letter-spacing:.06em;color:#dffafb;border-top:1px dashed #8fe7ed59;padding-top:10px;width:100%}
.coupon-tiles .care-tile[aria-pressed="true"]{background:linear-gradient(110deg,#19c5d533,#0798ae40);border-style:solid;border-color:#8cebf1}
.coupon-tiles .care-tile[aria-pressed="true"] .coupon-code:after{content:"  ✓ Applied";color:#7ef0b0}
.coupon-fine{margin-top:14px;font-size:11px;line-height:1.5;color:#80adb1}

/* Premium brands strip (reuse .surface-strip) */
.brand-strip{gap:14px 26px;padding:26px 20px;margin-top:30px;border-radius:12px;background:#f4fcfd;border:1px solid #67d5dc40}
.brand-strip img{height:38px;width:auto;object-fit:contain}
.brand-strip-label{flex-basis:100%;text-align:center;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#0b3441;font-weight:500}

/* Licence, very small */
.footer-bottom .licence{display:block;margin-top:4px;font-size:8.5px;letter-spacing:.04em;opacity:.7}

@media(max-width:760px){
  .coupon-tiles .care-tile{display:grid;padding:16px 18px}
  .coupon-value{font-size:38px}
  .brand-strip{gap:12px 18px;padding:20px 14px}
  .brand-strip img{height:28px}
}

/* Lifetime promise under the Why heading */
.why-promise{margin-top:18px;max-width:560px;font-size:17px;line-height:1.65;color:#d7f3f5;border-left:2px solid #19c5d5;padding-left:16px}
.why-content .benefits{margin-top:30px}

/* Hero: two clearly separated offers (service vs new system) */
.hero-offers{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:520px;margin:-4px 0 22px}
.hero-offer{position:relative;display:flex;flex-direction:column;gap:3px;padding:14px 16px 12px;border-radius:10px;text-decoration:none;color:inherit;border:1px dashed #8fe7ed80;background:linear-gradient(110deg,#b7fbff0d,transparent 55%,#26c9d426);transition:background .2s,border-color .2s,transform .2s}
.hero-offer:hover{border-style:solid;border-color:#8cebf1;transform:translateY(-2px)}
.hero-offer-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#9fe4ea}
.hero-offer strong{font-size:34px;line-height:1.05;font-weight:700;letter-spacing:-.03em;color:#f4fcfd}
.hero-offer:nth-child(2) strong{font-size:27px;padding-block:3px}
.hero-offer-what{font-size:12.5px;line-height:1.35;color:#c3e1e4}
.hero-offer-go{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding-top:8px;border-top:1px dashed #8fe7ed4d;font-size:12px;font-weight:500;color:#dffafb}
.hero-offer-go svg{width:13px;height:13px}
@media(max-width:400px){.hero-offers{gap:8px}.hero-offer{padding:12px}.hero-offer strong{font-size:28px}.hero-offer:nth-child(2) strong{font-size:22px}}


/* Real service photo in the $179 tab: keep Caspar's face and the valve in frame */
.surface-visual>img.photo-service{object-position:center 18%}

/* Real Brisbane Flow truck in the Why section  */
.partner-row img.truck-photo{width:300px;height:auto;aspect-ratio:900/582;border-radius:10px;background:#fff;object-fit:contain;padding:6px}
@media(max-width:560px){.partner-row{flex-direction:column;align-items:flex-start}.partner-row img.truck-photo{width:100%;max-width:420px}.partner-row p{max-width:none}}

/* "from" before the servicing price */
.from-price{font-size:.38em;font-weight:500;letter-spacing:.04em;text-transform:lowercase;opacity:.78;margin-right:.3em;vertical-align:.5em}

/* Service cards: real photos, keep the subject in frame */
.service-photo img.card-photo{object-position:center 40%}
.service-photo img.card-photo-service{object-position:center 25%}