/* Shorter introductions leave room before the shared price, rather than shifting it up. */
.service-card .card-intro,.need-product .card-intro{min-width:0}
.service-card .card-intro>.service-business-benefit,.need-product .card-intro>.service-business-benefit{font-size:16px!important;line-height:1.6!important;color:#51483f!important;margin:0 0 18px!important;letter-spacing:0!important;font-weight:450!important;min-height:0!important}
.card-offer-notes{min-width:0}

/* Mobile and older browsers keep the natural reading flow and bottom purchase actions. */
.service-card .service-copy>.card-intro{flex:none}
.service-card .card-offer-summary,.need-product .card-offer-summary{min-width:0}
.need-product>.product-purchase{margin-top:auto;padding-top:20px}

@supports(grid-template-rows:subgrid){
 @media(min-width:641px){
  .service-grid{--card-row-gap:23px;row-gap:0}
  .service-grid>.service-card{display:grid;grid-template-rows:subgrid;grid-row:span 9;row-gap:0;min-width:0;margin-bottom:var(--card-row-gap)}
  .service-grid>.service-card>.service-visual{grid-row:1;min-width:0}
  .service-grid>.service-card>.service-copy{display:grid;grid-template-rows:subgrid;grid-row:2/span 8;row-gap:0;min-width:0}
  .service-grid .card-intro{grid-row:1;align-self:start}
  .service-grid .card-offer-summary{display:contents}
  .service-grid .card-offer-summary>.service-price-display{grid-row:2}
  .service-grid .card-offer-summary>.offer-price-scope{grid-row:3}
  .service-grid .card-offer-summary>.offer-delivery{grid-row:4}
  .service-grid .card-offer-summary>.offer-inclusions-title{grid-row:5}
  .service-grid .card-offer-summary>.offer-inclusions{grid-row:6}
  .service-grid .card-offer-summary>.card-offer-notes{grid-row:7}
  .service-grid .service-copy>.service-meta{grid-row:8;margin-top:0;padding-top:18px;align-self:start}
 }
 @media(min-width:641px) and (max-width:1100px){.service-grid{--card-row-gap:19px}}
 @media(min-width:761px){
  .need-product-grid{row-gap:0}
  .need-product-grid>.need-product{display:grid;grid-template-rows:subgrid;grid-row:span 8;row-gap:0;min-width:0;margin-bottom:17px}
  .need-product-grid .card-intro{grid-row:1;align-self:start}
  .need-product-grid .card-offer-summary{display:contents}
  .need-product-grid .card-offer-summary>.service-price-display{grid-row:2}
  .need-product-grid .card-offer-summary>.offer-price-scope{grid-row:3}
  .need-product-grid .card-offer-summary>.offer-delivery{grid-row:4}
  .need-product-grid .card-offer-summary>.offer-inclusions-title{grid-row:5}
  .need-product-grid .card-offer-summary>.offer-inclusions{grid-row:6}
  .need-product-grid .card-offer-summary>.card-offer-notes{grid-row:7}
  .need-product-grid>.need-product>.product-purchase{grid-row:8;margin-top:0;padding-top:20px;align-self:start}
 }
 @media(min-width:641px){
  .service-grid .card-offer-summary>.service-price-display{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);grid-auto-rows:max-content;align-items:baseline;align-content:end;align-self:stretch;gap:3px 7px;min-width:0}
  .service-grid .card-offer-summary>.service-price-display>:is(.price-value-intro,.offer-regular-price,.offer-now-label){grid-column:1/-1}
  .service-grid .card-offer-summary>.service-price-display>.price-amount{grid-column:1;min-width:0}
  .service-grid .card-offer-summary>.service-price-display>.price-tax{grid-column:2;min-width:0}
  .service-grid .card-offer-summary>.service-price-display.quote-price{grid-template-columns:minmax(0,1fr)}
  .service-grid .card-offer-summary>.service-price-display.quote-price>.price-amount{grid-column:1/-1}
 }
 @media(min-width:761px){
  .need-product-grid .card-offer-summary>.service-price-display{display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr);grid-auto-rows:max-content;align-items:baseline;align-content:end;align-self:stretch;gap:3px 7px;min-width:0}
  .need-product-grid .card-offer-summary>.service-price-display>:is(.price-value-intro,.offer-regular-price,.offer-now-label){grid-column:1/-1}
  .need-product-grid .card-offer-summary>.service-price-display>.price-amount{grid-column:1;min-width:0}
  .need-product-grid .card-offer-summary>.service-price-display>.price-tax{grid-column:2;min-width:0}
  .need-product-grid .card-offer-summary>.service-price-display.quote-price{grid-template-columns:minmax(0,1fr)}
  .need-product-grid .card-offer-summary>.service-price-display.quote-price>.price-amount{grid-column:1/-1}
 }
}
@media(max-width:600px){.service-card .card-intro>.service-business-benefit,.need-product .card-intro>.service-business-benefit{font-size:15px!important;line-height:1.55!important}}
