/* HBWW premium photography, October 2026. Provider identity/pricing appear at destination. */
:root{--hbw-premium-gold:#d5a454;--hbw-premium-ink:#122543}
.offer-row,
.path-card,.so-item,.gd-rel,.grid-3>.card{
  overflow:hidden;box-shadow:0 14px 40px rgba(12,32,66,.10);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.offer-row:hover,.path-card:hover,.so-item:hover,.gd-rel:hover,.grid-3>.card:hover{
  transform:translateY(-4px);box-shadow:0 22px 52px rgba(12,32,66,.16);
}
/* Photo band is a full-width grid item: leave any icon and the actual CTA intact. */
.offer-row::before{content:"";display:block;grid-column:1/-1;height:clamp(155px,20vw,205px);margin:-20px -20px 4px;
  background-image:linear-gradient(0deg,rgba(8,25,53,.13),rgba(8,25,53,.02)),var(--hbw-photo,url('photo-business.jpg'));
  background-position:center 42%;background-size:cover;border-bottom:3px solid var(--hbw-premium-gold);
}
/* Image selection follows the card's subject, never its position in the grid. */
[data-photo="automation"]{--hbw-photo:url('hbw-automation.jpg')}
[data-photo="traffic"]{--hbw-photo:url('hbw-traffic.jpg')}
[data-photo="referrals"]{--hbw-photo:url('hbw-referrals.jpg')}
[data-photo="funding"]{--hbw-photo:url('hbw-funding.jpg')}
[data-photo="security"]{--hbw-photo:url('hbw-security.jpg')}
[data-photo="wellness"]{--hbw-photo:url('hbw-wellness.jpg')}
[data-photo="webdesign"]{--hbw-photo:url('hbw-webdesign.jpg')}
[data-photo="training"]{--hbw-photo:url('hbw-training.jpg')}
[data-photo="data"]{--hbw-photo:url('hbw-data.jpg')}
[data-photo="benefits"]{--hbw-photo:url('hbw-benefits.jpg')}
.offer-row h3{font-size:clamp(20px,2vw,25px)!important;color:var(--hbw-premium-ink)}
.offer-row .btn{min-height:46px;white-space:normal;text-align:center;line-height:1.4}
.offer-row .meters:empty,.offer-row .chips:empty{display:none}
.hbw-offer-terms{padding:14px 18px;margin:22px 0;border-left:4px solid var(--hbw-premium-gold);border-radius:9px;background:#fffbf1;color:#334461;font-size:14px;line-height:1.65}
.path-card::before,.grid-3>.card::before,.gd-rel::before{content:"";display:block;flex-shrink:0;height:148px;background:var(--hbw-photo,url('photo-business.jpg')) center/cover;border-bottom:3px solid var(--hbw-premium-gold)}
.path-card::before{height:155px}
.grid-3>.card::before{height:135px;margin:-24px -24px 20px}
.so-item::before{content:none!important;display:none!important}
.so-logo{display:flex!important;align-items:center;justify-content:center;min-height:72px}
.so-logo img{max-width:100%;height:auto;max-height:78px;object-fit:contain}
.gd-rel{flex-wrap:wrap}
.gd-rel::before{flex-basis:100%;height:115px;background-image:var(--hbw-photo,url('photo-research.jpg'))}
.so-item strong,.offer-row h3,.path-body h3{overflow-wrap:anywhere}
.pv-row .pv-name{font-weight:800}
.pv-row .m-cost,.offer-row .m-cost{display:none!important}
.standing-offers .so-note{font-size:12px}
@media(max-width:820px){.offer-row,.offer-row.has-ico{grid-template-columns:52px minmax(0,1fr)!important}.offer-row>.btn{grid-column:1/-1;width:100%;margin-top:8px}.offer-row::before{height:170px}}
@media(max-width:520px){.offer-row,.offer-row.has-ico{grid-template-columns:1fr!important}.offer-row>.offer-ico{display:none}.offer-row::before{height:145px}.path-card::before{height:140px}.grid-3>.card::before{height:120px}}
@media(prefers-reduced-motion:reduce){.offer-row,.path-card,.so-item,.gd-rel,.grid-3>.card{transition:none}}
