/* ========================================================================== */
/* Dermal Beauty Studio v13.1 — structured treatment + concern content       */
/* ========================================================================== */

/* Shared structured renderer. All imported content is presented as premium
   cards/grids rather than classic-editor paragraph stacks. */
.dbx-copy{
  width:100%;
  max-width:980px;
  margin:0 auto;
  text-align:center;
}
.dbx-copy p{
  max-width:900px!important;
  margin:0 auto 14px!important;
  text-align:center!important;
  line-height:1.72!important;
}
.dbx-copy h3{
  margin:20px auto 12px!important;
  text-align:center!important;
  max-width:820px!important;
}
.dbx-label{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:8px 5px;
  padding:7px 11px;
  border-radius:999px;
  background:#f7e4df;
  color:#cf2a2f;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.dbx-price-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:8px 5px;
  padding:9px 14px;
  border:1px solid #ead4ce;
  border-radius:999px;
  background:#fff8f6;
  color:#cf2a2f;
  font-weight:850;
}

/* Concern/benefit lists */
.dbx-check-grid{
  width:100%;
  margin:26px auto;
  padding:0;
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px 18px;
}
.dbx-check-grid li{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  padding:15px 20px;
  border:1px solid #ead8d2;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fff9f7);
  color:#5d4a46;
  text-align:center;
  box-shadow:0 8px 22px rgba(64,37,34,.035);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.dbx-check-grid li:hover{
  transform:translateY(-2px);
  border-color:#dfbdb5;
  box-shadow:0 14px 30px rgba(64,37,34,.07);
}
.dbx-check-grid li:last-child:nth-child(odd){grid-column:1/-1}
.dbx-check-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:#f8e4e0;
  color:#cf2a2f;
  font-weight:900;
}

/* Step/process cards */
.dbx-step-grid{
  width:100%;
  margin:26px auto 0;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.dbx-step-card{
  position:relative;
  min-width:0;
  padding:25px 20px 22px;
  border:1px solid #ead8d2;
  border-radius:24px;
  background:linear-gradient(155deg,#fff,#fff8f5);
  text-align:center;
  box-shadow:0 16px 44px rgba(64,37,34,.065);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.dbx-step-card:hover{transform:translateY(-5px);border-color:#deb7af;box-shadow:0 24px 58px rgba(64,37,34,.11)}
.dbx-step-number{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin:0 auto 15px;
  border-radius:14px;
  background:linear-gradient(135deg,#cf2a2f,#ef5258);
  color:#fff;
  font-size:.78rem;
  font-weight:900;
  box-shadow:0 10px 24px rgba(207,42,47,.2);
}
.dbx-step-card h3{
  margin:0 auto 12px!important;
  font-size:clamp(1.3rem,1.8vw,1.7rem)!important;
  line-height:1.12!important;
  text-align:center!important;
}
.dbx-step-copy p{
  margin:0 0 8px!important;
  color:#765f59!important;
  font-size:.9rem!important;
  line-height:1.62!important;
  text-align:center!important;
}
.dbx-step-copy strong{color:#cf2a2f}

/* General structured information cards */
.dbx-info-grid{
  width:100%;
  margin:26px auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.dbx-info-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:25px;
  border:1px solid #ead8d2;
  border-radius:24px;
  background:#fff;
  text-align:center;
  box-shadow:0 15px 44px rgba(64,37,34,.06);
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.dbx-info-card:hover{transform:translateY(-4px);border-color:#dfbbb3;box-shadow:0 23px 58px rgba(64,37,34,.1)}
.dbx-info-card h3{
  max-width:100%!important;
  margin:0 auto 9px!important;
  font-size:clamp(1.45rem,2.1vw,2rem)!important;
  line-height:1.08!important;
  text-align:center!important;
}
.dbx-subtitle{
  margin:0 auto 15px!important;
  color:#cf2a2f!important;
  font-size:.82rem!important;
  font-weight:850!important;
  line-height:1.45!important;
  text-align:center!important;
}
.dbx-info-body{display:block;text-align:center}
.dbx-info-body p{
  max-width:100%!important;
  margin:0 auto 11px!important;
  color:#75615c!important;
  font-size:.93rem!important;
  line-height:1.65!important;
  text-align:center!important;
}
.dbx-mini-checks{display:grid;gap:7px;margin:13px 0;padding:0;list-style:none}
.dbx-mini-checks li{padding:8px 10px;border-radius:12px;background:#fff7f4;color:#69534f;text-align:center}

/* Comparison cards */
.dbx-compare-grid{
  width:100%;
  margin:26px auto 0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
.dbx-compare-card{
  min-width:0;
  padding:27px;
  border:1px solid #e7d4ce;
  border-radius:26px;
  background:radial-gradient(circle at 100% 0,rgba(207,42,47,.06),transparent 32%),#fff;
  text-align:center;
  box-shadow:0 17px 48px rgba(64,37,34,.065);
}
.dbx-card-kicker{display:block;margin-bottom:10px;color:#cf2a2f;font-size:.65rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.dbx-compare-card h3{margin:0 auto 18px!important;font-size:clamp(1.55rem,2.2vw,2.15rem)!important;text-align:center!important}
.dbx-compare-body h4{margin:18px auto 8px;color:#2b1c1a;font-family:"DM Serif Display",Georgia,serif;font-size:1.25rem;font-weight:400;text-align:center}
.dbx-compare-body p{max-width:100%!important;margin:0 auto 10px!important;color:#765f59!important;line-height:1.65!important;text-align:center!important}
.dbx-inline-check strong{color:#cf2a2f}

/* Treatment pages — all headings and card content are centered. */
body.dbs-layout-new-content .dbn-section__head,
body.dbs-layout-new-content .dbn-section__head--center,
body.dbs-layout-new-content .dbn-pricing__head{
  display:block!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 24px!important;
  text-align:center!important;
}
body.dbs-layout-new-content .dbn-section__head .dbn-eyebrow,
body.dbs-layout-new-content .dbn-section__head h2,
body.dbs-layout-new-content .dbn-pricing__head .dbn-eyebrow,
body.dbs-layout-new-content .dbn-pricing__head h2,
body.dbs-layout-new-content .dbn-pricing__head p{
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body.dbs-layout-new-content .dbn-content-card--premium{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(26px,3vw,44px)!important;
  text-align:center!important;
}
body.dbs-layout-new-content .dbn-content-card--premium > *{max-width:none}
body.dbs-layout-new-content .dbn-content-card--premium p,
body.dbs-layout-new-content .dbn-content-card--premium h3,
body.dbs-layout-new-content .dbn-content-card--premium h4{text-align:center!important}

/* Concern pages — same centered visual language without touching treatment cards. */
body.dbs-layout-concern-detail .dbc-editorial-card,
body.dbs-layout-concern-detail .dbc-content-panel{text-align:center!important}
body.dbs-layout-concern-detail .dbc-editorial-card .dbc-section-number,
body.dbs-layout-concern-detail .dbc-content-panel__head .dbc-section-number{margin-left:auto!important;margin-right:auto!important}
body.dbs-layout-concern-detail .dbc-editorial-card .dbc-eyebrow,
body.dbs-layout-concern-detail .dbc-editorial-card h2,
body.dbs-layout-concern-detail .dbc-content-panel__head,
body.dbs-layout-concern-detail .dbc-content-panel__head .dbc-eyebrow,
body.dbs-layout-concern-detail .dbc-content-panel__head h2,
body.dbs-layout-concern-detail .dbc-rich-copy--premium{text-align:center!important}
body.dbs-layout-concern-detail .dbc-content-panel__head{
  display:block!important;
  max-width:980px!important;
  margin:0 auto 22px!important;
}
body.dbs-layout-concern-detail .dbc-content-panel__head h2{margin-left:auto!important;margin-right:auto!important}
body.dbs-layout-concern-detail .dbc-treatment-head{text-align:center!important;max-width:980px!important;margin:0 auto 26px!important}
body.dbs-layout-concern-detail .dbc-treatment-head h2,
body.dbs-layout-concern-detail .dbc-treatment-head>p{margin-left:auto!important;margin-right:auto!important;text-align:center!important}
body.dbs-layout-concern-detail .dbc-treatment-card__body{text-align:center!important}
body.dbs-layout-concern-detail .dbc-treatment-card h3,
body.dbs-layout-concern-detail .dbc-treatment-summary{text-align:center!important}

/* FAQ retains accordion structure, but its section hierarchy is centered. */
body.dbs-layout-new-content .dbn-content-card--faq,
body.dbs-layout-concern-detail .dbc-content-panel--faq{margin-left:auto!important;margin-right:auto!important}
body.dbs-layout-new-content .dbn-faq summary,
body.dbs-layout-new-content .dbn-faq details p,
body.dbs-layout-concern-detail .dbc-faq summary,
body.dbs-layout-concern-detail .dbc-faq details p{text-align:center!important}
body.dbs-layout-new-content .dbn-faq summary{justify-content:center!important;position:relative;padding-right:58px!important}
body.dbs-layout-new-content .dbn-faq summary i{position:absolute;right:18px}
body.dbs-layout-concern-detail .dbc-faq summary{justify-content:center!important;position:relative;padding-right:58px!important}
body.dbs-layout-concern-detail .dbc-faq summary span{position:absolute;right:18px}

@media(max-width:1100px){
  .dbx-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .dbx-check-grid,.dbx-step-grid,.dbx-info-grid,.dbx-compare-grid{grid-template-columns:1fr}
  .dbx-check-grid li:last-child:nth-child(odd){grid-column:auto}
  .dbx-step-card,.dbx-info-card,.dbx-compare-card{padding:21px 18px}
}