/* KREA Additional CSS v35
   Change from v34:
   - Footer widget titles were rendering dark (near-invisible against
     the chocolate footer background) after an Astra update reset them.
     Astra Pro's Footer Builder customizer does NOT expose a control
     for footer widget title colour on this site, so CSS is the fix.
     Set widget-title colour to ivory across common Astra HFB widget
     wrappers. Applies to Treatments column, Practice column, and any
     future footer widgets that use the standard .widget-title h2.
*/
/* --- Footer widget titles: restore ivory --- */
.site-footer .widget-title,
.site-footer h2.widget-title,
.ast-builder-widget-area .widget-title,
.footer-widget-area-inner .widget-title{
  color:#FBF7F0!important;
}
/* KREA Additional CSS v34
   Change from v33:
   - Removed the v33 CSS hack that hid Astra's page-title banner with
     display:none. That approach left the banner's outer container in
     place, so ~120px of white space remained above the hero. Fixed
     properly by setting site-post-title:disabled and
     ast-banner-title-visibility:disabled meta on every page, which
     tells Astra not to render the banner container at all. No CSS
     needed for this any more — kept the rest of the sheet untouched.
*/
/* KREA Additional CSS v32
   Change from v31:
   - Fixed hero left-alignment across all hero variants (treat-hero, info-hero,
     trt-landing-hero). Constrained-layout parents were centring the tagline
     paragraph (which has max-width:34ch) so it appeared indented from the H1.
     Forced margin-inline-start:0 on all direct hero children so eyebrow, H1
     and tagline share the same left edge.
*/
/* KREA Additional CSS v31
   Change from v30:
   - Contact page hero now uses the treatment-hero meta panel pattern (matches
     Profhilo). Added link styling for `.krea-meta .krea-meta-value a` so
     the WhatsApp/Email/Phone values render as subtle Marcellus links (champagne
     hairline underline, hover to champagne). Long emails allowed to
     break-word so they don't overflow narrow meta columns.
*/
/* KREA Additional CSS v30
   Change from v29:
   - New Contact page components: `.krea-contact-routes` (3-column grid of
     contact routes on desktop), `.krea-contact-route` (individual card with
     champagne top rule), `.krea-contact-label` (small-caps eyebrow),
     `.krea-contact-value` (Marcellus link), `.krea-contact-note` (taupe
     supporting text). Jetpack form (.krea-form) themed to KREA aesthetic.
   - New `.krea-hero-note` for the "Consultations from 17 October 2026"
     line under the homepage Book CTA.
*/
/* KREA Additional CSS v29
   Change from v28:
   - Treatments landing card grid rebalanced for 5 cards (was 4): 2 cols on
     tablet, 3 cols on desktop (min-width 1000px), so 5 cards flow into a
     3+2 layout instead of the awkward 2+2+1 that 2 cols gave.
*/
/* KREA Additional CSS v28
   Change from v27:
   - Consultation card (.krea-trt-consult-card) spacing rebuilt: swapped the
     ::before champagne bar for a real border-left:2px champagne (Astra's
     column defaults were beating the pseudo-element and the meta labels
     were being clipped by the bar). Bumped card padding to
     clamp(40px,5vw,56px) all around, with clamp(48px,6vw,68px) on the left
     so content clears the border comfortably. Selector specificity boosted
     with html body prefix to beat wp-block-column defaults. Meta grid
     spacing and H3 top margin retuned for the added breathing room.
*/
/* KREA Additional CSS v27
   Change from v26:
   - New Treatments landing page components: `.krea-trt-landing-hero` (deep
     hero with H1 + tagline + hairline separator + 5-word method rail in
     champagne small-caps inline), `.krea-trt-principles` (the inline
     method-word list with hairline separators between items), `.krea-trt-consult`
     (sand ground consultation band with 2-column layout on desktop),
     `.krea-trt-consult-copy` (left column with heading + copy), `.krea-trt-consult-card`
     (right column bordered ivory card with champagne left border),
     `.krea-trt-consult-meta` (2x2 label/value grid inside the card),
     `.krea-trt-consult-actions` (button + inline link row), `.krea-trt-listing`
     (ivory ground container with H2 + lead + 2x2 card grid), `.krea-trt-cards`
     (grid wrapper with hairlines between cards), `.krea-trt-card` (individual
     treatment card with hover-to-sand), `.krea-trt-card-cat` (category eyebrow),
     `.krea-trt-card-foot` (border-top footer with price + read more).
   - Full-bleed selector list extended to cover the new hero, consult band and
     listing wrappers.
*/
/* KREA Additional CSS v26
   Change from v25:
   - New Patient information page components: `.krea-info-hero` (deep bg hero),
     `.krea-info-hero-lead` (Marcellus lead), `.krea-info-body` (ivory ground
     with padding block), `.krea-info-grid` (two-column TOC + sections layout),
     `.krea-info-toc` (sticky left column, small caps eyebrow + counter-based
     numbered list with anchor links), `.krea-info-toc-list`, `.krea-info-sections`
     (right column, stacked info sections), `.krea-info-section` (individual
     numbered section with scroll-margin-top for TOC anchor jumps),
     `.krea-info-callout` (chocolate emergency callout with champagne left
     border, ivory heading, sand body). Full-bleed selector list extended to
     cover `.krea-info-hero` and `.krea-info-body`.
*/
/* KREA Additional CSS v25
   Change from v24:
   - Compliance strip (.krea-compliance) — the last section before the footer
     on About, Profhilo, every treatment page, and Patient information — flipped
     from chocolate ground to sand ground so the page ends on a warm light note
     into the deep footer. Body text moved from sand to taupe, dashes stay
     champagne, eyebrow no longer treated as on-dark (uses default taupe).
*/
/* KREA Additional CSS v24
   Fixes from v23:
   - v22's widget-4 rule used ".footer-widget-area-inner a" which is a generic
     class Astra puts on EVERY footer widget area's inner wrapper — so the
     champagne colour + border-bottom underline meant for the Digibees link
     was leaking into the primary row's menu links (Profhilo showing champagne
     with underline). Scoped that whole block to below-row wrappers only.
   - v22 put border-top on BOTH .site-below-footer-wrap AND
     .site-below-footer-inner-wrap — that painted two 100%-wide hairlines
     with empty space between them. Now only the inner-wrap gets the hairline
     (constrained to the 1200px container), the outer wrap gets none.
   - Primary row widget titles + links now use html/body-prefixed selectors
     to beat Astra's Customiser-generated inline styles for footer widget
     titles (which were coming through as 21px Marcellus #3A302A).
*/
/* KREA Additional CSS v22
   Change from v21:
   - Brown footer bg now forced on every Astra footer wrapper (above / primary /
     below rows and their inner wraps, plus builder-grid rows and widget-area
     containers), not just .site-footer. HFB gives each row its own bg slot;
     rows with no bg were inheriting the site ivory.
*/
/* KREA Additional CSS v21
   Change from v20:
   - Widget-4 (bottom footer widget) now picks up the full copyright treatment —
     Paola couldn't find the HFB Copyright element so she put the age line, ©,
     address and "Site by Digibees Studio" all inside Widget 4. Selectors broadened
     to cover any below-row widget area so the champagne Jost 12px + line-height 1.9
     styling applies to every line, and the Digibees link inside the widget gets
     the fine champagne underline that hovers ivory.
*/
/* KREA Additional CSS v20
   Change from v19:
   - Footer copyright area restyled to hold the 3-line stack Paola asked for:
     line 1 "© [current_year] KREA Medical Aesthetics", line 2 the full Charterhouse
     Clinic address, line 3 "Site by Digibees Studio, London" with the studio name
     linked to https://digibees.studio/. All in champagne Jost 12px 1.9 line-height.
     Digibees link is champagne with a fine champagne underline; hovers ivory.
   - Widget-4 (age line, bottom-left cell) gets the same champagne small-caps
     treatment so the two columns of the footer bottom row visually match.
   Kept: v19 CTA strip, v18 logo restoration, ivory backgrounds, etc.
*/
/* KREA Additional CSS v19
   Changes from v18:
   - New `.krea-cta-strip` rule for the "Book a consultation" band inserted between
     the Pricing section and Related treatments on the treatment page (sand ground,
     zero top padding so it reads as an extension of Pricing, generous bottom padding
     before the ivory Related section).
   Kept: v18 logo restoration, ivory backgrounds, ::after Medical Aesthetics, etc.
*/
/* KREA Additional CSS v18
   Escalation from v17:
   - v17's `display:block !important` on .site-title alone wasn't restoring the logo,
     which means Astra is also shrinking or hiding a parent (.site-branding /
     .ast-site-identity / .ast-site-title-wrap). v18 forces the whole branding
     subtree visible + full-size, plus visibility, opacity, height and overflow
     resets on the title itself, so no upstream rule can zero it out.
   Kept: ivory backgrounds, Customiser-driven title colour, ::after Medical Aesthetics,
   header separator off, 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-branding,
.ast-site-identity,
.ast-site-title-wrap,
.site-header .site-branding,
.site-header .ast-site-identity,
.site-header .ast-site-title-wrap{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
}
.site-title,
.site-header .site-title,
.ast-site-identity .site-title,
.ast-site-title-wrap .site-title{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
  text-indent:0!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;
}
.site-title a,
.site-header .site-title a,
.ast-site-identity .site-title a{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
}
.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 ----------
   Astra HFB wraps each footer row (above / primary / below) in its own container
   with its own background setting, so the site-wide brown has to be forced on
   every wrapper — otherwise a row without a bg inherits the site's ivory. */
.site-footer,
#colophon,
.site-footer > *,
.site-above-footer-wrap,
.site-primary-footer-wrap,
.site-below-footer-wrap,
.site-above-footer-inner-wrap,
.site-primary-footer-inner-wrap,
.site-below-footer-inner-wrap,
.ast-builder-footer-grid-columns,
.site-footer .footer-widget-area,
.site-footer .ast-builder-grid-row{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}

/* Hairline separator above the widget-4 bottom row — one line only, constrained
   to the 1200px inner container so it matches the mockup's foot-base rule. */
.site-footer .site-below-footer-wrap{
  border-top:0!important;
}
.site-footer .site-below-footer-inner-wrap{
  border-top:1px solid rgba(180,153,108,.3)!important;
  padding-top:clamp(28px,4vw,40px)!important;
  margin-top:clamp(40px,6vw,58px)!important;
}

/* Bottom-row copyright/attribution area — scoped to the below-row wrappers ONLY
   so the champagne + underline treatment doesn't leak into primary-row menu links. */
.site-footer .ast-hfb-footer-copyright,
.site-footer .ast-footer-copyright,
.site-footer [class*="footer-copyright"],
.site-footer .site-below-footer-wrap [id*="widget-area-below"],
.site-footer .site-below-footer-wrap .footer-widget-area-inner{color:#B4996C;font-size:12px;letter-spacing:.06em;line-height:1.9;font-family:'Jost',system-ui,sans-serif}
.site-footer .ast-hfb-footer-copyright p,
.site-footer .ast-footer-copyright p,
.site-footer .site-below-footer-wrap [id*="widget-area-below"] p,
.site-footer .site-below-footer-wrap .footer-widget-area-inner p{margin:0!important;color:#B4996C;font-size:12px;letter-spacing:.06em;line-height:1.9;font-family:'Jost',system-ui,sans-serif}
.site-footer .ast-hfb-footer-copyright a,
.site-footer .ast-footer-copyright a,
.site-footer .site-below-footer-wrap [id*="widget-area-below"] a,
.site-footer .site-below-footer-wrap .footer-widget-area-inner a{color:#B4996C;font-size:12px;letter-spacing:.06em;border-bottom:1px solid rgba(180,153,108,.4);padding-bottom:1px;transition:color .25s,border-color .25s;text-decoration:none}
.site-footer .ast-hfb-footer-copyright a:hover,
.site-footer .ast-footer-copyright a:hover,
.site-footer .site-below-footer-wrap [id*="widget-area-below"] a:hover,
.site-footer .site-below-footer-wrap .footer-widget-area-inner a:hover{color:#FBF7F0;border-bottom-color:#FBF7F0}

/* ═══ FOOTER PRIMARY ROW — three columns above the champagne hairline ═══════
   Column 1: KREA brand lockup + tagline (Custom HTML widget, .krea-footer-brand)
   Column 2: Treatments nav menu widget
   Column 3: Practice nav menu widget
*/

/* Vertical padding for the primary row */
.site-primary-footer-wrap .footer-widget-area,
.site-primary-footer-wrap .ast-builder-grid-row{
  padding-top:clamp(40px,5vw,56px)!important;
  padding-bottom:clamp(40px,5vw,56px)!important;
}

/* Widget headings ("Treatments", "Practice") — small-caps ivory Jost.
   html/body-prefixed to beat Astra's Customiser-generated inline title styling. */
html body .site-footer .site-primary-footer-wrap .widget-title,
html body .site-footer .site-primary-footer-wrap .widget .widget-title,
html body .site-footer .site-primary-footer-wrap h2.widget-title,
html body .site-footer .site-primary-footer-wrap .widget h2,
html body #colophon .site-primary-footer-wrap .widget-title,
html body #colophon .site-primary-footer-wrap h2.widget-title{
  font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif!important;
  font-weight:300!important;
  font-size:12px!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  color:#EFE6D9!important;
  margin:0 0 clamp(20px,2.6vw,28px) 0!important;
  padding:0!important;
  border:0!important;
  border-bottom:0!important;
  line-height:1.2!important;
  text-decoration:none!important;
  background:transparent!important;
}

/* Menu widget list — clean, no bullets */
.site-primary-footer-wrap .widget_nav_menu ul,
.site-primary-footer-wrap .widget_nav_menu .menu,
.site-primary-footer-wrap .menu,
.site-primary-footer-wrap ul{
  list-style:none!important;
  margin:0!important;
  padding:0!important;
}
.site-primary-footer-wrap .widget_nav_menu li,
.site-primary-footer-wrap .widget_nav_menu .menu-item,
.site-primary-footer-wrap li{
  list-style:none!important;
  margin:0 0 12px 0!important;
  padding:0!important;
  border:0!important;
}

/* Menu links — ivory base, champagne on hover / current page, no underline.
   html/body-prefixed so nothing from Astra defaults or leaked widget-4 styling
   pulls colour/border-bottom into these links. */
html body .site-footer .site-primary-footer-wrap a,
html body .site-footer .site-primary-footer-wrap li a,
html body .site-footer .site-primary-footer-wrap .menu a,
html body .site-footer .site-primary-footer-wrap .menu-item a,
html body .site-footer .site-primary-footer-wrap .widget a,
html body .site-footer .site-primary-footer-wrap .widget_nav_menu a,
html body #colophon .site-primary-footer-wrap a{
  font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif!important;
  font-weight:300!important;
  font-size:15px!important;
  letter-spacing:.02em!important;
  color:#EFE6D9!important;
  text-decoration:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding:0!important;
  display:inline-block!important;
  transition:color .2s ease!important;
}
html body .site-footer .site-primary-footer-wrap a:hover,
html body .site-footer .site-primary-footer-wrap a:focus,
html body .site-footer .site-primary-footer-wrap li a:hover,
html body .site-footer .site-primary-footer-wrap .menu a:hover,
html body .site-footer .site-primary-footer-wrap .menu-item a:hover,
html body .site-footer .site-primary-footer-wrap .widget a:hover,
html body .site-footer .site-primary-footer-wrap .current-menu-item > a,
html body .site-footer .site-primary-footer-wrap .current_page_item > a,
html body .site-footer .site-primary-footer-wrap .current-menu-ancestor > a,
html body #colophon .site-primary-footer-wrap a:hover{
  color:#B4996C!important;
  border:0!important;
  border-bottom:0!important;
  text-decoration:none!important;
}

/* Column 1: KREA brand lockup + tagline */
.krea-footer-brand{display:block;margin:0;padding:0}
.krea-footer-wordmark{
  display:block!important;
  font-family:'Marcellus',Georgia,serif!important;
  font-weight:400!important;
  font-size:24px!important;
  letter-spacing:.2em!important;
  color:#EFE6D9!important;
  text-transform:uppercase!important;
  line-height:1!important;
  margin:0 0 8px 0!important;
}
.krea-footer-subwordmark{
  display:block!important;
  font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif!important;
  font-weight:300!important;
  font-size:11px!important;
  letter-spacing:.32em!important;
  color:#B4996C!important;
  text-transform:uppercase!important;
  line-height:1!important;
  margin:0 0 clamp(22px,3vw,30px) 0!important;
}
.krea-footer-tagline{
  font-family:'Jost',-apple-system,BlinkMacSystemFont,sans-serif!important;
  font-weight:300!important;
  font-style:italic!important;
  font-size:14px!important;
  line-height:1.6!important;
  color:#B4996C!important;
  max-width:320px!important;
  margin:0!important;
  padding:0!important;
}

/* ---------- Section wrappers ---------- */
/* Main container has its natural max-width (Astra Normal, 1200px). 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. */
.krea-hero,
.krea-band,
.krea-quote,
.krea-section,
.krea-crumbs,
.krea-compliance,
.krea-treat-hero,
.krea-info-hero,
.krea-info-body,
.krea-trt-landing-hero,
.krea-trt-consult,
.krea-trt-listing{
  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;
}
html,body{overflow-x:clip}

/* ─── Hero left-alignment guard ─────────────────────────────────────────────
   Constrained layout on hero groups centres any child with max-width via
   margin-inline:auto. Force margin-inline-start:0 on eyebrow, H1 and tagline
   so all three share the same left edge. */
.krea-treat-hero > .krea-eyebrow,
.krea-treat-hero > h1,
.krea-treat-hero > .wp-block-heading,
.krea-treat-hero > .krea-tagline,
.krea-info-hero > .krea-eyebrow,
.krea-info-hero > h1,
.krea-info-hero > .wp-block-heading,
.krea-info-hero > .krea-info-hero-lead,
.krea-trt-landing-hero > .krea-eyebrow,
.krea-trt-landing-hero > h1,
.krea-trt-landing-hero > .wp-block-heading,
.krea-trt-landing-hero > .krea-tagline{
  text-align:left!important;
  margin-inline-start:0!important;
  margin-left:0!important;
  margin-inline-end:auto!important;
}

.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)}

.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 ---------- */
.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{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 ----------
   Last section before the footer on every page (About, Profhilo, all treatment
   templates, Patient information). Sand ground so the page ends on a warm light
   note into the deep footer. Text on taupe for legibility on sand. */
.krea-compliance{background:#EFE6D9!important;color:#6E6155;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:#6E6155;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 ---------- */
.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}
.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%}
.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;word-break:break-word;overflow-wrap:break-word}
.krea-meta .krea-meta-value a{color:#FBF7F0!important;text-decoration:none!important;border-bottom:1px solid rgba(180,153,108,.5);padding-bottom:2px;transition:color .2s,border-color .2s}
.krea-meta .krea-meta-value a:hover{color:#B4996C!important;border-bottom-color:#B4996C}

/* ---------- 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}

/* ---------- CTA strip (Book a consultation between Pricing and Related) ---------- */
.krea-cta-strip{padding-top:0!important;padding-bottom:clamp(56px,10vw,110px)!important}

/* ==============================================================
   Treatments landing page
   ============================================================== */

/* Landing hero — deep ground, ivory H1 max-width tighter than treat-hero */
.krea-trt-landing-hero{background:#2A221D;color:#EFE6D9;padding-top:clamp(50px,9vw,90px)!important;padding-bottom:clamp(72px,12vw,130px)!important}
.krea-trt-landing-hero h1{color:#FBF7F0!important;font-size:clamp(44px,9vw,88px)!important;line-height:1.05;max-width:16ch}
.krea-trt-landing-hero .krea-tagline{margin-top:22px!important;max-width:44ch}
.krea-trt-landing-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%}

/* Inline method-word list — hairlines between items, champagne small-caps */
.krea-trt-principles{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-wrap:wrap;gap:14px 30px}
.krea-trt-principles li{list-style:none!important;font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.24em!important;color:#B4996C!important;text-transform:uppercase;display:flex;align-items:center;gap:12px;margin:0!important;padding:0!important}
.krea-trt-principles li:not(:last-child)::after{content:"";width:14px;height:1px;background:#B4996C;flex:none}

/* Consultation band — sand ground */
.krea-trt-consult{background:#EFE6D9;padding-block:clamp(70px,11vw,120px)}
.krea-trt-consult-grid{margin:0!important;gap:44px!important}
.krea-trt-consult-grid > .wp-block-column{margin:0!important;padding:0!important;background:transparent!important}
@media (min-width:900px){
  .krea-trt-consult-grid{align-items:center!important;gap:80px!important}
}

/* Consult copy (left column) */
.krea-trt-consult-copy h2{color:#3A302A;max-width:14ch;font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;font-size:clamp(28px,4.4vw,42px)!important;line-height:1.2}
.krea-trt-consult-copy p{margin-top:22px!important;color:#6E6155;max-width:44ch}

/* Consult card (right column) — ivory bordered card with champagne left rule.
   html body prefix + column-class specificity to beat Astra's wp-block-column
   default padding. border-left directly (not ::before) so padding-left actually
   pushes content clear of the champagne edge. */
html body .krea-trt-consult-card,
html body .krea-trt-consult-card.wp-block-column{
  background:#FBF7F0!important;
  padding:clamp(40px,5vw,56px)!important;
  padding-left:clamp(48px,6vw,68px)!important;
  border:1px solid rgba(180,153,108,.3)!important;
  border-left:2px solid #B4996C!important;
  flex-basis:auto!important;
  width:auto!important;
}
.krea-trt-consult-card::before{content:none!important;display:none!important}
html body .krea-trt-consult-card h3{color:#3A302A!important;margin-top:28px!important;font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;font-size:clamp(21px,2.6vw,26px)!important;max-width:20ch}
html body .krea-trt-consult-card > p,
html body .krea-trt-consult-card > .wp-block-heading + p{margin-top:14px!important;font-size:15px!important;color:#6E6155!important;max-width:none!important}

/* Consult meta grid — 2x2 label/value pairs, tighter spacing under padding */
.krea-trt-consult-meta{display:grid!important;grid-template-columns:1fr 1fr;gap:24px 40px;padding:0 0 28px 0!important;border-bottom:1px solid rgba(180,153,108,.35);background:transparent!important;margin:0!important}
.krea-trt-consult-meta-item{margin:0!important;padding:0!important;background:transparent!important}
.krea-trt-consult-meta-item .krea-meta-label{font-family:'Jost',system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.24em!important;color:#B4996C!important;text-transform:uppercase;margin:0 0 6px!important;font-weight:400!important}
.krea-trt-consult-meta-item .krea-meta-value{font-family:'Marcellus',Georgia,serif!important;font-size:19px!important;color:#3A302A!important;line-height:1.35;margin:0!important;font-weight:400!important}

/* Consult actions row (button + inline link) */
.krea-trt-consult-actions{margin-top:32px!important;gap:24px!important;align-items:center!important;background:transparent!important}
.krea-trt-consult-actions .wp-block-buttons,.krea-trt-consult-actions .wp-block-button{margin:0!important}

/* Listing container — ivory ground */
.krea-trt-listing{background:#FBF7F0;padding-block:clamp(76px,12vw,150px)}
.krea-trt-listing > .krea-lead{margin-top:22px!important;max-width:54ch}

/* Cards grid — 1 col mobile, 2 cols tablet, 3 cols desktop (fits 5 cards as 3+2) */
.krea-trt-cards{display:grid!important;grid-template-columns:1fr;gap:1px!important;background:rgba(180,153,108,.4)!important;border-top:1px solid rgba(180,153,108,.4);border-bottom:1px solid rgba(180,153,108,.4);margin-top:56px!important;padding:0!important}
@media (min-width:768px){.krea-trt-cards{grid-template-columns:1fr 1fr}}
@media (min-width:1000px){.krea-trt-cards{grid-template-columns:1fr 1fr 1fr}}

/* Individual card — hover flips to sand */
.krea-trt-card{background:#FBF7F0!important;padding:clamp(38px,5vw,56px) clamp(32px,4vw,44px)!important;display:flex!important;flex-direction:column;gap:18px!important;margin:0!important;transition:background .3s}
.krea-trt-card:hover{background:#EFE6D9!important}
.krea-trt-card-cat{font-family:'Jost',system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.24em!important;color:#B4996C!important;text-transform:uppercase;margin:0!important}
.krea-trt-card h3{margin:0!important;color:#3A302A;max-width:18ch;font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;font-size:clamp(21px,2.6vw,26px)!important}
.krea-trt-card h3 a{color:inherit;text-decoration:none}
.krea-trt-card > p{margin:0!important;font-size:16px;color:#6E6155;max-width:44ch}

/* Card footer — border-top, price left, read more right */
.krea-trt-card-foot{margin-top:auto!important;padding-top:24px!important;border-top:1px solid rgba(180,153,108,.3);gap:20px 32px!important;align-items:baseline!important;background:transparent!important}
.krea-trt-card-from{font-family:'Jost',system-ui,sans-serif!important;font-size:14px!important;color:#3A302A!important;letter-spacing:.05em!important;margin:0!important}
.krea-trt-card-from strong{font-weight:400!important;color:#B4996C!important;font-size:10px!important;letter-spacing:.24em!important;text-transform:uppercase;display:block;margin-bottom:4px!important}

/* ==============================================================
   Contact page + shared hero note
   ============================================================== */

/* Hero note (opening date under Book CTA) — champagne small-caps */
.krea-hero-note{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em!important;color:#B4996C!important;text-transform:uppercase;margin:14px 0 0!important;padding-top:14px!important;border-top:1px solid rgba(180,153,108,.35);max-width:22ch}

/* Contact routes — 3 cards in a row on desktop, stacked on mobile */
.krea-contact-routes{display:grid!important;grid-template-columns:1fr;gap:1px!important;background:rgba(180,153,108,.4)!important;border-top:1px solid rgba(180,153,108,.4);border-bottom:1px solid rgba(180,153,108,.4);margin-top:46px!important;padding:0!important}
@media (min-width:768px){.krea-contact-routes{grid-template-columns:1fr 1fr 1fr}}
.krea-contact-route{background:#FBF7F0!important;padding:clamp(32px,4vw,44px) clamp(28px,3vw,36px)!important;display:flex!important;flex-direction:column;gap:12px!important;margin:0!important;transition:background .3s}
.krea-contact-route:hover{background:#EFE6D9!important}
.krea-contact-label{font-family:'Jost',system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.24em!important;color:#B4996C!important;text-transform:uppercase;margin:0!important}
.krea-contact-value{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(19px,2.2vw,22px)!important;line-height:1.3!important;color:#3A302A!important;margin:0!important}
.krea-contact-value a{color:#3A302A!important;text-decoration:none;border-bottom:1px solid rgba(180,153,108,.4);padding-bottom:2px;transition:border-color .2s,color .2s}
.krea-contact-value a:hover{color:#B4996C!important;border-bottom-color:#B4996C}
.krea-contact-note{font-family:'Jost',system-ui,sans-serif!important;font-size:13px!important;color:#6E6155!important;margin:0!important;line-height:1.6}

/* Jetpack contact form — themed to KREA */
.krea-form{margin-top:36px!important}
.krea-form .wp-block-jetpack-field-name,
.krea-form .wp-block-jetpack-field-email,
.krea-form .wp-block-jetpack-field-telephone,
.krea-form .wp-block-jetpack-field-text,
.krea-form .wp-block-jetpack-field-textarea{margin-bottom:22px!important}
.krea-form .wp-block-jetpack-field-label,
.krea-form .jetpack-field-label{font-family:'Jost',system-ui,sans-serif!important;font-size:11px!important;letter-spacing:.2em!important;color:#6E6155!important;text-transform:uppercase;margin-bottom:8px!important;display:block}
.krea-form input[type="text"],
.krea-form input[type="email"],
.krea-form input[type="tel"],
.krea-form textarea{width:100%!important;background:#FBF7F0!important;border:1px solid rgba(180,153,108,.4)!important;border-radius:2px!important;padding:14px 16px!important;font-family:'Jost',system-ui,sans-serif!important;font-size:16px!important;color:#3A302A!important;font-weight:300!important;transition:border-color .2s}
.krea-form input:focus,
.krea-form textarea:focus{outline:none!important;border-color:#B4996C!important}
.krea-form textarea{min-height:140px;resize:vertical}
.krea-form .wp-block-jetpack-button button,
.krea-form button[type="submit"]{background:#3A302A!important;color:#FBF7F0!important;font-family:'Jost',system-ui,sans-serif!important;font-size:12px!important;letter-spacing:.15em!important;text-transform:uppercase;padding:16px 32px!important;border:0!important;border-radius:2px!important;cursor:pointer;transition:background .2s;font-weight:400!important}
.krea-form .wp-block-jetpack-button button:hover,
.krea-form button[type="submit"]:hover{background:#2A221D!important}

/* ==============================================================
   Patient information page
   ============================================================== */

/* Info hero — deep ground, ivory H1, sand Marcellus lead */
.krea-info-hero{background:#2A221D;color:#EFE6D9;padding-top:clamp(50px,8vw,80px)!important;padding-bottom:clamp(60px,10vw,100px)!important}
.krea-info-hero h1{color:#FBF7F0!important;max-width:22ch;font-size:clamp(38px,7vw,66px)!important;line-height:1.08}
.krea-info-hero-lead{font-family:'Marcellus',Georgia,serif!important;font-size:clamp(19px,2.2vw,24px)!important;color:#EFE6D9!important;margin-top:28px!important;max-width:52ch;line-height:1.5}

/* Info body — ivory ground, generous padding-block */
.krea-info-body{background:#FBF7F0;padding-block:clamp(76px,12vw,150px)}

/* Info grid — one column on mobile, two columns on desktop with sticky TOC */
.krea-info-grid{margin:0!important;gap:clamp(50px,8vw,80px)}
.krea-info-grid > .wp-block-column{margin:0!important;padding:0!important;background:transparent!important}
@media (min-width:960px){
  .krea-info-grid{display:grid!important;grid-template-columns:240px 1fr;gap:80px;align-items:start}
  .krea-info-grid > .wp-block-column{flex-basis:auto!important;width:auto!important}
  .krea-info-toc{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto;padding-bottom:20px}
}

/* TOC eyebrow tighter margin */
.krea-info-toc .krea-eyebrow{margin-bottom:20px!important}

/* TOC list — counter-based numbering, champagne hairline rules between */
.krea-info-toc-list{list-style:none!important;margin:0!important;padding:0!important;counter-reset:krea-toc}
.krea-info-toc-list li{border-top:1px solid rgba(180,153,108,.35)!important;counter-increment:krea-toc;margin:0!important;padding:0!important;list-style:none!important}
.krea-info-toc-list li:last-child{border-bottom:1px solid rgba(180,153,108,.35)!important}
.krea-info-toc-list li a{display:flex!important;align-items:baseline;gap:14px;padding:14px 0!important;font-family:'Jost',system-ui,sans-serif!important;font-size:14px!important;color:#6E6155!important;line-height:1.4;text-decoration:none!important;border:0!important;transition:color .25s,padding-left .3s}
.krea-info-toc-list li a::before{content:counter(krea-toc,decimal-leading-zero);font-family:'Jost',system-ui,sans-serif!important;font-size:10px!important;letter-spacing:.22em;color:#B4996C!important;flex:none;min-width:22px}
.krea-info-toc-list li a:hover{color:#3A302A!important;padding-left:8px!important}

/* Sections container — vertical rhythm between numbered sections */
.krea-info-sections{display:flex!important;flex-direction:column;gap:clamp(52px,8vw,84px)}

/* Individual section — scroll-margin so TOC anchor jumps clear the header */
.krea-info-section{scroll-margin-top:110px;margin:0!important;padding:0!important;background:transparent!important}
.krea-info-section h2{margin-bottom:24px!important;max-width:22ch;font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;color:#3A302A;font-size:clamp(26px,4vw,38px)!important;line-height:1.2}
.krea-info-section p{margin-top:0!important}
.krea-info-section p + p{margin-top:16px!important}
.krea-info-section h3{margin-top:34px!important;margin-bottom:10px!important;color:#3A302A;font-family:'Marcellus',Georgia,serif!important;font-weight:400!important;font-size:clamp(18px,2vw,21px)!important}
.krea-info-section h3 + p{margin-top:0!important}

/* Emergency callout — chocolate ground, champagne left border, ivory h3, sand body */
.krea-info-callout{background:#3A302A!important;color:#EFE6D9;padding:clamp(32px,5vw,52px)!important;margin-top:clamp(28px,4vw,40px)!important;border-left:2px solid #B4996C}
.krea-info-callout .krea-eyebrow{color:#B4996C!important;margin-bottom:20px!important}
.krea-info-callout .krea-eyebrow::before{background:#B4996C}
.krea-info-callout h3{color:#FBF7F0!important;margin-bottom:16px!important;margin-top:0!important}
.krea-info-callout p{color:#EFE6D9!important;margin-top:12px!important;max-width:none}
.krea-info-callout p strong{color:#FBF7F0!important;font-weight:400!important}

/* Compliance list — bullets styled with champagne dashes (native ul) */
.krea-compliance-list{list-style:none!important;padding:0!important;margin:0!important;display:grid;gap:14px;max-width:80ch}
.krea-compliance-list li{font-size:13px!important;line-height:1.75;color:#6E6155!important;padding-left:26px!important;position:relative;list-style:none!important;margin:0!important}
.krea-compliance-list li::before{content:"";position:absolute;left:0;top:12px;width:14px;height:1px;background:#B4996C}

/* ---------- 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}