/* KREA Additional CSS v17
   Fix from v16:
   - Astra's dynamic CSS was emitting `.site-title{display:none}` which is why KREA
     disappeared entirely from the header. The responsive `display-site-title-responsive`
     key isn't exposed via the Novamira MCP allowlist so we can't flip it at the
     theme level. Force `display:block !important` here on `.site-title` /
     `.site-header .site-title` / `.ast-site-identity .site-title` so it always renders.
   Kept: ivory backgrounds everywhere, Customiser-driven site title colour,
   ::after Medical Aesthetics line, disabled header separator, treatment hero
   stacked actions, pathway link ivory on dark.
*/
/* KREA Additional CSS v10
   Treatment page reconciled to the reference mockup:
   - Treatment hero: paddings match the mockup (50-90 top, 72-130 bottom); h1 clamp
     tightened to 44-88px; tagline clamp to 21-28px with max-width 34ch, margin-top 22px.
   - Hero separator now targets .krea-treat-hero as well as .krea-hero.
   - Hero grid switched from flex to grid 1fr auto, actions column grows, meta column
     auto-sized and bottom-aligned to the actions row on desktop (matches reference).
   - Meta panel: each of the four cells now has a champagne hairline top rule with
     14px padding-top (this was the biggest visual miss). Mobile is 2x2, desktop is
     4 columns of minmax(110px,auto). Value font is 15px ivory Marcellus.
   - Pricing prices switched from big Marcellus to small Jost 14px with 0.05em tracking,
     right-aligned on desktop. Note text dropped to 13px. Item hairlines use 0.45 opacity
     champagne (was solid champagne).
   - Breadcrumbs bar: asymmetric padding (24-36 top, 18-24 bottom), matches the mockup.
*/
/* KREA Additional CSS v8 (superseded — kept for change history)
   Fix from v7:
   - Section full-bleed made explicit with width:100vw + max-width:100vw + !important on
     margin-inline. Without these, Gutenberg's constrained-layout wrapper on the outer
     Group caps its max-width at 100% of its parent (1200px), so the negative-margin
     breakout was being clamped and the section background stayed inside the column.
   - overflow-x:clip on html/body so any ancestor doesn't create a horizontal scrollbar.
*/
/* v7 notes:
   Structural rewrite:
   - Astra container back to Normal Width Container (1200px) + Unboxed. The main container
     now has its natural max-width, so everything inside aligns to that column by default —
     the standard WordPress shape. No per-block gymnastics.
   - Section backgrounds break out to viewport edges using the classic full-bleed CSS trick
     on the KREA section classes only; content stays in the 1200px column.
   - Eyebrow reverted to display:inline-flex — with a natural 1200px container, it aligns
     to the same left edge as the H1 without any layout override.
   - Removed the Full Width Stretched safety belt (no longer needed).
   Global theme colors (heading, body, link, link-hover, accent, border) live in
   Astra Customiser > Colors. Page title visibility is Astra per-page setting.
   Palette: chocolate #3A302A · champagne #B4996C · taupe #6E6155 · ivory #FBF7F0 · sand #EFE6D9 · deep #2A221D */
/* (end of change log) */

/* ---------- Global type baseline ---------- */
body{line-height:1.78;background:#FBF7F0}
h1,h2,h3,h4,h5,h6{line-height:1.15}
h1{line-height:1.05}

/* ---------- Header on deep ---------- */
.ast-primary-header-bar,#masthead,header.site-header{background:#2A221D!important}

/* Zap the champagne hairline that Astra draws under the header globally */
.ast-primary-header-bar,
.main-header-bar,
.site-header,
.site-header .ast-primary-header-bar-inner,
.ast-primary-header{border-bottom:0!important;box-shadow:none!important}
.site-header::after,
.ast-primary-header-bar::after,
.main-header-bar::after{display:none!important;content:none!important;border:0!important}

/* Two-line logo lockup: KREA (Marcellus, ivory, uppercase) on top with
   MEDICAL AESTHETICS (Jost small caps, champagne) beneath.
   Site title text is set via Customiser (KREA). The tagline line is drawn via
   a ::after pseudo on .site-title so it always shows regardless of whether Astra's
   "Display Site Tagline" toggle in the Header Builder is on — that toggle isn't
   exposed via the MCP allowlist. Astra's own tagline element (if rendered) is
   hidden so we don't get a duplicate. */
/* Astra's dynamic CSS is emitting `.site-title{display:none}` (the responsive
   display-site-title toggle isn't in the Novamira MCP allowlist so we can't
   flip it there). Force it visible here. */
.site-title,
.site-header .site-title,
.ast-site-identity .site-title{
  display:block!important;
  font-family:'Marcellus',Georgia,serif!important;
  font-weight:400!important;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-size:21px!important;
  line-height:1.1;
  margin:0!important;
}
/* Colour is intentionally NOT forced here — it's driven by Astra Customiser >
   Header Builder > Site Title > Colour (currently set to #FBF7F0 via astra-edit-settings). */
.site-title a,.site-branding a{text-decoration:none}

.site-title::after{
  content:"Medical Aesthetics";
  display:block;
  font-family:'Jost',system-ui,sans-serif;
  font-size:9px;
  letter-spacing:.26em;
  text-transform:uppercase;
  color:#B4996C;
  margin-top:5px;
  font-weight:400;
  line-height:1.2;
}

/* If Astra outputs its own tagline element, hide it so ::after is the only line */
.site-header .site-description,
.site-header .ast-site-description,
.ast-site-identity .site-description{display:none!important}
#ast-desktop-header .main-header-menu > .menu-item > a,
.ast-primary-header .menu-item a{color:#EFE6D9;font-family:'Jost',system-ui,sans-serif;font-size:13px;letter-spacing:.07em;text-transform:uppercase;padding-block:8px}
#ast-desktop-header .main-header-menu > .menu-item > a:hover,
.ast-primary-header .menu-item a:hover{color:#B4996C}

/* HFB Button-1 */
.ast-builder-button-1 .ast-custom-button{background:transparent!important;color:#FBF7F0!important;border:1px solid #B4996C!important;font-family:'Jost',system-ui,sans-serif;font-size:11px;letter-spacing:.15em;text-transform:uppercase;padding:11px 20px!important;border-radius:2px}
.ast-builder-button-1 .ast-custom-button:hover{background:#B4996C!important;color:#2A221D!important}

/* Mobile drawer */
.ast-button-wrap .mobile-menu-toggle svg,.ast-mobile-menu-trigger-fill svg{color:#B4996C!important;fill:#B4996C!important}
#ast-mobile-popup,.ast-mobile-popup-drawer,.ast-mobile-popup-inner{background:#2A221D!important}
#ast-mobile-popup .menu-item a{color:#FBF7F0!important;font-family:'Marcellus',Georgia,serif;font-size:clamp(24px,5.2vw,32px);line-height:1.1;padding:22px 0;border-top:1px solid rgba(180,153,108,.28)}
#ast-mobile-popup .menu-item a:hover{color:#B4996C!important;padding-left:14px}

/* ---------- Footer on deep ---------- */
.site-footer,#colophon{background:#2A221D!important;color:#EFE6D9}
.site-footer h4,.site-footer h5{color:#FBF7F0;font-family:'Jost',system-ui,sans-serif;font-size:11px;letter-spacing:.2em;font-weight:400;text-transform:uppercase;margin-bottom:20px}
.site-footer a{color:#EFE6D9;font-family:'Jost',system-ui,sans-serif;font-size:14px}
.site-footer a:hover{color:#B4996C}
.site-footer hr{border:0;height:1px;background:rgba(180,153,108,.3);margin:0}
.site-footer .ast-hfb-footer-copyright,.site-footer .ast-footer-copyright{color:#B4996C;font-size:12px;letter-spacing:.1em}

/* ---------- Section wrappers ---------- */
/* Main container has its natural max-width (Astra Normal, 1200px), so content inside
   aligns to that column automatically. Sections use the classic full-bleed trick:
   negative inline margin pulls background to viewport edges, matching inline padding
   pushes content back to the 1200px column, with a 28px minimum on narrow viewports.
   width:100vw + max-width:100vw are explicit and !important because Gutenberg's
   constrained-layout wrapper on the outer Group otherwise caps max-width at 100%. */
.krea-hero,
.krea-band,
.krea-quote,
.krea-section,
.krea-crumbs,
.krea-compliance,
.krea-treat-hero{
  width:100vw!important;
  max-width:100vw!important;
  margin-inline:calc(50% - 50vw)!important;
  padding-inline:max(28px,calc(50vw - 50%))!important;
  box-sizing:border-box!important;
}
/* And in case any ancestor tries to clip the negative-margin overhang. */
html,body{overflow-x:clip}

.krea-hero{background:#2A221D;color:#EFE6D9;padding-block:clamp(72px,13vw,150px)}
.krea-hero .wp-block-heading{color:#FBF7F0!important;font-size:clamp(38px,8.4vw,86px)}
.krea-hero .wp-block-separator{background:transparent;border:0;border-top:1px solid rgba(180,153,108,.4);height:1px;margin:clamp(44px,7vw,72px) 0 clamp(30px,5vw,44px)}

.krea-band{background:#EFE6D9;color:#3A302A;padding-block:clamp(76px,12vw,150px)}

/* ivory ground — explicit, so a full-bleed section can't reveal something behind it */
.krea-section{background:#FBF7F0;padding-block:clamp(76px,12vw,150px)}
.krea-section-top-flush{padding-top:0!important}

.krea-quote{background:#3A302A;color:#EFE6D9;padding-block:clamp(76px,12vw,150px)}
.krea-blockquote{border:0;padding:0;background:transparent}
.krea-blockquote p{font-family:'Marcellus',Georgia,serif;font-size:clamp(26px,4.6vw,46px);line-height:1.28;color:#FBF7F0;max-width:20ch;margin:0}
.krea-quote > p{color:#EFE6D9;margin-top:30px;max-width:48ch}

/* ---------- Hero flex layout ---------- */
.krea-hero-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:36px 44px}
.krea-hero-lead{font-family:'Marcellus',Georgia,serif;font-size:clamp(16px,1.8vw,19px);color:#EFE6D9;max-width:44ch;line-height:1.45;flex:1 1 320px;margin:0}
.krea-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:30px;flex-shrink:0}
.krea-hero-actions .wp-block-buttons,.krea-hero-actions .wp-block-button{margin:0}

/* ---------- Practitioner flex ---------- */
.krea-pract{display:flex!important;flex-wrap:wrap;gap:44px 56px;align-items:flex-start}
.krea-pract-bio{flex:1 1 400px;min-width:280px}
.krea-mono{font-family:'Marcellus',Georgia,serif;font-size:clamp(60px,14vw,140px);color:#B4996C;line-height:.9;opacity:.55;margin:0;flex:0 0 auto}
.krea-role{font-family:'Jost',system-ui,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6E6155;margin:12px 0 26px}

/* ---------- Eyebrow ---------- */
/* inline-flex is fine now: the main container is 1200px so the paragraph's natural
   flow position is the same left edge every block-level child uses. */
.krea-eyebrow{display:inline-flex;align-items:center;gap:13px;font-family:'Jost',system-ui,sans-serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6E6155;margin-bottom:24px}
.krea-eyebrow::before{content:"";display:inline-block;width:30px;height:1px;background:#B4996C;flex:none}
.krea-hero .krea-eyebrow,.krea-quote .krea-eyebrow,.on-dark .krea-eyebrow,.krea-compliance .krea-eyebrow{color:#B4996C}

/* ---------- Address block (native Group, not <address>) ---------- */
.krea-address{padding:clamp(28px,4vw,38px) 0!important;border-top:1px solid #B4996C;border-bottom:1px solid #B4996C;max-width:48ch;margin:0 0 44px!important;display:block!important;background:transparent!important}
.krea-address > *{margin-top:0!important;margin-bottom:0!important}
.krea-address p{font-family:'Marcellus',Georgia,serif;font-size:clamp(19px,2.2vw,24px);line-height:1.55;color:#3A302A;margin:0!important}
.krea-address p + p{margin-top:2px!important}
.krea-address-venue{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:#B4996C!important;margin:0 0 14px!important;font-weight:400!important}
.krea-disclaimer{font-size:12px;line-height:1.7;color:#6E6155;padding-top:22px;border-top:1px solid rgba(180,153,108,.35);max-width:52ch;margin-top:34px}

/* ---------- Method list (native Groups per row) ---------- */
.krea-method{margin-top:44px!important;display:block!important;background:transparent!important}
.krea-method > .wp-block-group + .wp-block-group{margin-top:0!important}
.krea-method-item{border-top:1px solid #B4996C;padding:26px 0!important;margin:0!important;background:transparent!important}
.krea-method > .krea-method-item:last-child{border-bottom:1px solid #B4996C}
.krea-method-item .krea-num{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:#B4996C!important;margin:0 0 6px!important;font-weight:400!important}
.krea-method-item h3{font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;color:#3A302A;margin:0 0 6px!important;font-size:clamp(19px,2.3vw,23px)}
.krea-method-item p:not(.krea-num){font-family:'Jost',system-ui,sans-serif;font-size:16px;color:#6E6155;margin:0!important}
@media (min-width:768px){
  .krea-method-item{display:grid!important;grid-template-columns:120px 1fr;gap:0 30px;align-items:baseline}
  .krea-method-item .krea-num{grid-row:span 2;margin:0!important;align-self:baseline}
}

/* ---------- Treatment cards ---------- */
.krea-cards{gap:1px!important;background:rgba(180,153,108,.45);border-top:1px solid rgba(180,153,108,.45);border-bottom:1px solid rgba(180,153,108,.45);margin-top:46px!important}
.krea-cards .wp-block-column{margin:0!important;padding:0!important;background:#FBF7F0}
.krea-card{background:#FBF7F0;padding:32px 28px;display:flex;flex-direction:column;gap:14px;height:100%;transition:background .3s;margin:0}
.krea-card:hover{background:#EFE6D9}
.krea-card h3{font-family:'Marcellus',Georgia,serif;font-weight:400;color:#3A302A;margin:0;font-size:clamp(19px,2.3vw,23px)}
.krea-card p{font-size:15px;color:#6E6155;margin:0}
.krea-card .krea-price{font-size:13px;letter-spacing:.07em;color:#3A302A;margin-top:auto}

/* ---------- Why grid ---------- */
.krea-why{gap:38px 52px!important;margin-top:46px!important}
.krea-why h3{margin-bottom:10px;font-family:'Marcellus',Georgia,serif;font-weight:400;color:#3A302A}
.krea-why p{font-size:16px;color:#6E6155;margin:0}

/* ---------- Buttons (KREA) ---------- */
.krea-btn-champagne .wp-block-button__link,
.krea-btn-champagne a.wp-block-button__link,
.wp-block-button.krea-btn-champagne .wp-block-button__link{background:#B4996C!important;background-color:#B4996C!important;color:#2A221D!important;font-family:'Jost',system-ui,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:16px 32px!important;border-radius:2px!important;border:0!important;box-shadow:none!important;font-weight:400!important}
.krea-btn-champagne .wp-block-button__link:hover,
.wp-block-button.krea-btn-champagne .wp-block-button__link:hover{background:#FBF7F0!important;background-color:#FBF7F0!important;color:#2A221D!important;border-color:#FBF7F0!important;opacity:1}

.krea-btn-chocolate .wp-block-button__link,
.krea-btn-chocolate a.wp-block-button__link,
.wp-block-button.krea-btn-chocolate .wp-block-button__link{background:#3A302A!important;background-color:#3A302A!important;color:#FBF7F0!important;font-family:'Jost',system-ui,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase;padding:16px 32px!important;border-radius:2px!important;border:0!important;box-shadow:none!important;font-weight:400!important}
.krea-btn-chocolate .wp-block-button__link:hover,
.wp-block-button.krea-btn-chocolate .wp-block-button__link:hover{background:#2A221D!important;background-color:#2A221D!important;color:#FBF7F0!important;border-color:#2A221D!important;opacity:1}

/* ---------- Inline link ---------- */
.krea-link-inline{margin:0}
.krea-link-inline a{font-family:'Jost',system-ui,sans-serif;font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#3A302A;border-bottom:1px solid #B4996C;padding-bottom:5px;text-decoration:none;display:inline-block}
.krea-hero .krea-link-inline a,
.krea-treat-hero .krea-link-inline a,
.krea-quote .krea-link-inline a,
.on-dark .krea-link-inline a{color:#FBF7F0}
.krea-hero .krea-link-inline a:hover,
.krea-treat-hero .krea-link-inline a:hover,
.krea-quote .krea-link-inline a:hover,
.on-dark .krea-link-inline a:hover{color:#B4996C}

/* ---------- Closing ---------- */
.krea-closing h2{max-width:17ch}
.krea-lead{margin:26px 0 44px;max-width:52ch;font-size:clamp(16px,1.8vw,19px);color:#6E6155}

/* ---------- Compliance strip ---------- */
.krea-compliance{background:#3A302A!important;color:#EFE6D9;padding-block:clamp(50px,8vw,90px)}
.krea-compliance ul{list-style:none;padding:0;margin:0;display:grid;gap:14px;max-width:80ch}
.krea-compliance li{font-size:13px;line-height:1.75;color:#EFE6D9;padding-left:26px;position:relative}
.krea-compliance li::before{content:"";position:absolute;left:0;top:12px;width:14px;height:1px;background:#B4996C}

/* ---------- Hairline ---------- */
.krea-hairline{border:0;height:1px;background:#B4996C;margin:0}

/* ==============================================================
   About page + Treatment page components
   ============================================================== */

/* ---------- Breadcrumbs bar on deep ---------- */
.krea-crumbs{background:#2A221D;color:#EFE6D9;padding-top:clamp(24px,4vw,36px)!important;padding-bottom:clamp(18px,3vw,24px)!important}
.krea-crumbs p{margin:0!important;color:#EFE6D9;font-family:'Jost',system-ui,sans-serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.krea-crumbs a{color:#EFE6D9;text-decoration:none;border-bottom:0!important}
.krea-crumbs a:hover{color:#B4996C}
.krea-crumbs .krea-crumb-here{color:#B4996C}
.krea-crumbs .krea-crumb-sep{display:inline-block;width:14px;height:1px;background:#B4996C;vertical-align:middle;margin:0 10px}

/* ---------- About hero: 2-col with portrait ---------- */
.krea-about-grid{display:flex!important;flex-wrap:wrap;gap:clamp(44px,7vw,66px);align-items:flex-start}
.krea-about-copy{flex:1 1 380px;min-width:280px}
.krea-about-lead{font-family:'Marcellus',Georgia,serif;font-size:clamp(20px,2.5vw,26px);color:#EFE6D9;margin-top:34px!important;max-width:38ch;line-height:1.45}
.krea-portrait{flex:0 0 auto;width:min(100%,340px);aspect-ratio:4/5;background:rgba(180,153,108,.12);border:1px solid rgba(180,153,108,.35);display:flex!important;flex-direction:column;justify-content:center;align-items:center;padding:32px!important;position:relative;margin:0!important}
.krea-portrait .krea-portrait-mono{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(80px,11vw,140px)!important;color:#B4996C!important;opacity:.65;line-height:.9;letter-spacing:.06em;margin:0!important}
.krea-portrait .krea-portrait-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.24em;color:#B4996C;text-transform:uppercase;margin:0!important;font-family:'Jost',system-ui,sans-serif}

/* ---------- Pull quote (hairline rules top and bottom) ---------- */
.krea-pull{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(22px,3vw,28px)!important;color:#3A302A;line-height:1.4;max-width:38ch;margin:clamp(38px,5vw,56px) 0!important;padding:clamp(24px,4vw,34px) 0!important;border-top:1px solid #B4996C;border-bottom:1px solid #B4996C}

/* ---------- Credentials list (row per credential) ---------- */
.krea-credentials{margin-top:46px!important;display:block!important;background:transparent!important}
.krea-credentials-item{border-top:1px solid #B4996C;padding:26px 0!important;margin:0!important;background:transparent!important}
.krea-credentials > .krea-credentials-item:last-child{border-bottom:1px solid #B4996C}
.krea-credentials-item .krea-num{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:#B4996C!important;margin:0 0 6px!important;font-weight:400!important}
.krea-credentials-item h3{font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;color:#3A302A;margin:0 0 6px!important;font-size:clamp(19px,2.3vw,23px)}
.krea-credentials-item p:not(.krea-num){font-family:'Jost',system-ui,sans-serif;font-size:16px;color:#6E6155;margin:0!important}
@media (min-width:768px){
  .krea-credentials-item{display:grid!important;grid-template-columns:180px 1fr;gap:0 40px;align-items:baseline}
  .krea-credentials-item .krea-num{grid-row:span 2;margin:0!important;align-self:baseline}
}

/* ---------- Approach note (sand callout, champagne left border) ---------- */
.krea-approach-note{display:block!important;margin-top:44px!important;padding:clamp(24px,4vw,34px)!important;background:#EFE6D9!important;border-left:2px solid #B4996C}
.krea-approach-note .krea-approach-label{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em;color:#B4996C!important;text-transform:uppercase;margin:0 0 6px!important;font-weight:400!important}
.krea-approach-note .krea-approach-value{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(19px,2vw,22px)!important;color:#3A302A;line-height:1.4;margin:0!important;font-weight:400!important}

/* ---------- .krea-quote as chocolate-ground content section (not only the big blockquote) ---------- */
.krea-quote h2{color:#FBF7F0!important;max-width:20ch}
.krea-quote p:not(.krea-eyebrow){color:#EFE6D9!important}
.krea-quote .wp-block-separator{background:transparent;border:0;border-top:1px solid rgba(180,153,108,.4);height:1px;margin:clamp(38px,5vw,52px) 0!important}

/* ---------- Treatment hero ---------- */
.krea-treat-hero{background:#2A221D;color:#EFE6D9;padding-top:clamp(50px,9vw,90px)!important;padding-bottom:clamp(72px,12vw,130px)!important}
.krea-treat-hero h1{color:#FBF7F0!important;font-size:clamp(44px,9vw,88px)!important;line-height:1.05}
.krea-tagline{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(21px,3vw,28px)!important;color:#EFE6D9;margin-top:22px!important;max-width:34ch;line-height:1.35}
/* Hairline under the tagline (wp:separator inside the treat hero) */
.krea-treat-hero .wp-block-separator{background:transparent;border:0;border-top:1px solid rgba(180,153,108,.4);height:1px;margin:clamp(44px,7vw,72px) 0 clamp(30px,5vw,44px)!important;max-width:none!important;width:100%}
/* Actions column + meta panel: grid 1fr auto, TOP-aligned on desktop.
   Actions stack vertically (button on top, pathway link below) so the meta panel
   sits neatly to the right with its hairlines starting at the same top edge. */
.krea-treat-grid{display:grid!important;grid-template-columns:1fr;gap:44px;margin:0!important;background:transparent!important}
@media (min-width:768px){
  .krea-treat-grid{grid-template-columns:1fr auto;align-items:end;gap:56px}
}
.krea-treat-actions{display:flex!important;flex-direction:column;align-items:flex-start;gap:26px;margin:0!important;background:transparent!important}
.krea-treat-actions .wp-block-buttons,.krea-treat-actions .wp-block-button{margin:0!important}

/* Treatment meta panel (4 label/value pairs, hairline above each) */
.krea-meta{display:grid!important;grid-template-columns:repeat(2,1fr);gap:22px 32px;margin:0!important;background:transparent!important;font-family:'Jost',system-ui,sans-serif}
@media (min-width:768px){.krea-meta{grid-template-columns:repeat(4,minmax(110px,auto));gap:0 44px}}
.krea-meta > .wp-block-group{margin:0!important;padding:14px 0 0!important;background:transparent!important;border-top:1px solid rgba(180,153,108,.3)}
.krea-meta .krea-meta-label{font-family:'Jost',system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.24em;color:#B4996C!important;text-transform:uppercase;margin:0 0 8px!important;font-weight:400!important}
.krea-meta .krea-meta-value{font-family:'Marcellus',Georgia,serif!important;font-size:15px!important;color:#FBF7F0!important;line-height:1.35;margin:0!important;font-weight:400!important}

/* ---------- Considerations 2-col grid ---------- */
.krea-considerations{display:grid!important;grid-template-columns:1fr;gap:38px 52px!important;margin-top:46px!important;background:transparent!important}
@media (min-width:768px){.krea-considerations{grid-template-columns:1fr 1fr}}
.krea-considerations > .wp-block-group{margin:0!important;padding:0!important;background:transparent!important}
.krea-considerations h3{margin:0 0 10px!important;font-family:'Marcellus',Georgia,serif;font-weight:400;color:#3A302A;font-size:clamp(19px,2.3vw,23px)}
.krea-considerations p{font-size:16px;color:#6E6155;margin:0!important}

/* ---------- Pricing line items ---------- */
.krea-pricing{display:block!important;margin-top:46px!important;background:transparent!important}
.krea-pricing-item{border-top:1px solid rgba(180,153,108,.45);padding:26px 0!important;margin:0!important;background:transparent!important;display:grid!important;grid-template-columns:1fr;gap:8px;align-items:baseline}
@media (min-width:768px){
  .krea-pricing-item{grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:36px}
}
.krea-pricing > .krea-pricing-item:last-child{border-bottom:1px solid rgba(180,153,108,.45)}
.krea-pricing .krea-pricing-name{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(19px,2.2vw,22px)!important;color:#3A302A;margin:0!important;font-weight:400!important;line-height:1.3}
.krea-pricing .krea-pricing-price{font-family:'Jost',system-ui,sans-serif!important;font-size:14px!important;letter-spacing:.05em;color:#3A302A;margin:0!important;font-weight:400!important}
@media (min-width:768px){.krea-pricing .krea-pricing-price{text-align:right;justify-self:end}}
.krea-pricing .krea-pricing-note{grid-column:1 / -1;font-family:'Jost',system-ui,sans-serif;font-size:13px;color:#6E6155;line-height:1.7;margin:0!important}

/* ---------- Related treatments 3-card grid ---------- */
.krea-related{display:grid!important;grid-template-columns:1fr;gap:1px!important;background:rgba(180,153,108,.45)!important;border-top:1px solid rgba(180,153,108,.45);border-bottom:1px solid rgba(180,153,108,.45);margin-top:46px!important}
@media (min-width:768px){.krea-related{grid-template-columns:1fr 1fr 1fr}}
.krea-related > .wp-block-group{background:#FBF7F0!important;padding:32px 28px!important;display:flex!important;flex-direction:column;gap:14px;margin:0!important;transition:background .3s}
.krea-related > .wp-block-group:hover{background:#EFE6D9!important}
.krea-related h3{margin:0!important;font-family:'Marcellus',Georgia,serif;font-weight:400;color:#3A302A;font-size:clamp(19px,2.3vw,23px)}
.krea-related p{font-size:15px;color:#6E6155;margin:0!important}
.krea-related .krea-link-inline{margin-top:auto!important}