/* Centered Cards: centered card groups with stable responsive widths */
body[data-page-layout="centered-cards"] main{background:linear-gradient(180deg,var(--cream),color-mix(in srgb,var(--cream) 80%,var(--forest) 20%))}
body[data-page-layout="centered-cards"] .hero-content{text-align:center;margin-inline:auto}
body[data-page-layout="centered-cards"] .hero-actions{justify-content:center}
body[data-page-layout="centered-cards"] main>.section:not(.contact-section):not(.payment-section){
  width:min(100%,1100px);
  margin-inline:auto;
  padding-inline:clamp(17px,3vw,24px);
  text-align:center;
}
body[data-page-layout="centered-cards"] .section-heading{width:min(760px,100%);margin-inline:auto}
body[data-page-layout="centered-cards"] .service-grid{
  width:100%;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  justify-content:center;
  align-items:stretch;
}
body[data-page-layout="centered-cards"] .service-card,
body[data-page-layout="centered-cards"] .request-form,
body[data-page-layout="centered-cards"] .payment-copy,
body[data-page-layout="centered-cards"] .paypal-panel{min-width:0;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.13)}
body[data-page-layout="centered-cards"] .about-section{display:flex;flex-direction:column;align-items:center;width:100%}
body[data-page-layout="centered-cards"] .about-photo{width:min(760px,100%)}
body[data-page-layout="centered-cards"] .about-copy{width:min(800px,100%)}
body[data-page-layout="centered-cards"] .gallery-grid{width:100%}
body[data-page-layout="centered-cards"] .request-section{display:flex;flex-direction:column;align-items:center;gap:34px;width:100%}
body[data-page-layout="centered-cards"] .request-intro{width:min(800px,100%)}
body[data-page-layout="centered-cards"] .request-form{width:min(760px,100%);text-align:left}
body[data-page-layout="centered-cards"] .request-type-picker{text-align:left}
body[data-page-layout="centered-cards"] .payment-layout{width:min(1100px,100%);margin-inline:auto;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
body[data-page-layout="centered-cards"] .payment-copy,
body[data-page-layout="centered-cards"] .paypal-panel{text-align:left}
@media(max-width:900px){
  body[data-page-layout="centered-cards"] .payment-layout{grid-template-columns:1fr}
}

/* GarageSuite 2.4 RC1 payment layout patch */
body[data-page-layout="centered-cards"] .payment-layout{align-items:start}
body[data-page-layout="centered-cards"] .payment-copy,
body[data-page-layout="centered-cards"] .paypal-panel{height:auto;min-height:0}
body[data-page-layout="centered-cards"] .payment-method-card{border-radius:15px}
body[data-page-layout="centered-cards"] .payment-method-card>span:last-child{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}


/* Theme-owned section color defaults; Website Designer values override these only when changed. */
body[data-page-layout="centered-cards"]{
  --highlights-bg:var(--section-bg);
  --services-bg:transparent;
  --about-bg:transparent;
  --gallery-bg:transparent;
  --videos-bg:transparent;
  --payments-bg:var(--forest-dark);
  --request-bg:transparent;
  --contact-bg:color-mix(in srgb,var(--section-bg) 84%,var(--forest) 16%);
}