/* Highfield visual identity: architectural black, restrained gold and white.
   This layer deliberately retains the clinic's existing photographic content. */
:root {
  --ink: #1e1d1a;
  --ink2: #2c2924;
  --muted: #625d55;
  --copper: #806039;
  --sand: #e8ddcd;
  --cream: #f6f2eb;
  --paper: #fcfbf8;
  --line: #dfd6c9;
  --brand-electric: #806039;
  --brand-night: #1e1d1a;
  --brand-glow: #f3eadb;
  --brand-warm: #fcfbf8;
}
html { scroll-padding-top: 195px; }
body { background: var(--brand-warm); color: var(--brand-night); font-size: 17px; line-height: 1.65; }
body p { line-height: 1.7; }
body h1, body h2, body h3 { color: inherit; letter-spacing: -.025em; }
body h1 em, body h2 em, body h3 em { color: var(--brand-electric); }
a:focus-visible, button:focus-visible, summary:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid var(--brand-electric); outline-offset: 4px; }
.eyebrow { color: var(--brand-electric); font-size: .77rem; letter-spacing: .15em; }
.button { min-height: 52px; padding: 14px 23px; border-radius: 999px; font-size: .94rem; font-weight: 700; letter-spacing: .01em; text-transform: none; }
.button-dark { background: var(--brand-night); color: #fff; }
.button-dark:hover { background: var(--brand-electric); }
.button-line { border-color: var(--brand-night); }
.button-line:hover { background: var(--brand-night); }
.button-cream { background: #fff; color: var(--brand-night); }
.button-cream:hover { background: var(--brand-glow); }
.under-link, .text-link { text-transform: none; font-size: .9rem; letter-spacing: .015em; }
.site-header { background: #ffffffed; border-bottom-color: var(--line); }
.site-header .brand-original { background: transparent; }
.site-header .brand-original img { mix-blend-mode: normal; }
.brand-footer .brand-original img { mix-blend-mode: normal; }
.topbar { background: var(--brand-night); color: #eee5d8; font-size: .72rem; }
.topbar a { color: #eee5d8; }
.nav-wrap { min-height: 86px; }
.main-nav > a:not(.nav-book), .main-nav .hf-treatments > .hf-menu-trigger { font-size: .94rem; font-weight: 700; }
.main-nav > a:not(.nav-book):hover, .main-nav > a[aria-current="page"] { color: var(--brand-electric); }
.main-nav .nav-book { min-height: 47px; padding: 11px 18px; background: var(--brand-electric); color: #fff; font-size: .88rem; box-shadow: 0 8px 18px #1e1d1a24; }
.main-nav .nav-book:hover { background: var(--brand-night); }
.main-nav .hf-treatments[open] > .hf-menu-trigger { border-bottom-color: var(--brand-electric); }
.hf-menu { background: #fff; border-color: var(--line); box-shadow: 0 28px 65px #1e1d1a2d; }
.hf-menu-inner { min-height: 515px; padding-block: 26px 30px; }
.hf-menu-rail { border-right-color: var(--line); }
.hf-menu-rail > p, .hf-menu-panel-title span { color: var(--brand-electric); }
.hf-menu-category { color: #59544e; font-size: 1rem; line-height: 1.25; }
.hf-menu-category:hover, .hf-menu-family.is-active > .hf-menu-category { color: var(--brand-night); }
.hf-menu-category span { color: var(--brand-electric); }
.hf-menu-panel-title { margin-bottom: 22px; border-bottom-color: var(--line); }
.hf-menu-panel-title strong { font-size: 2.2rem; }
.hf-menu-panel-title a { color: var(--brand-electric); }
.hf-menu-groups { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 17px; }
.hf-menu-group h3 { min-height: 31px; margin-bottom: 10px; color: var(--brand-night); font-size: .85rem; letter-spacing: 0; text-transform: none; }
.hf-menu-group h3 a { color: inherit; text-decoration: none; }
.hf-menu-group h3 a:hover { color: var(--brand-electric); text-decoration: underline; }
.hf-menu-group h3 span { color: var(--brand-electric); }
.hf-menu-group li + li { margin-top: 8px; }
.hf-menu-group a { color: #56514b; font-size: .88rem; line-height: 1.35; }
.hf-menu-group a:hover { color: var(--brand-electric); }
.hf-menu-overline { margin: 0 0 9px; color: var(--brand-electric); font-size: .67rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hf-menu-group-more { padding: 16px; border: 1px solid #e5dac9; border-radius: 12px; background: #faf6ef; }
.hf-menu-group-more a { color: var(--brand-night); }
.hf-menu-all { color: var(--brand-electric); border-top-color: var(--line); }
.footer { background: var(--brand-night); }
.footer-grid a:hover { color: #d6b77d; }

/* Homepage: keep its narrative order, but make contrast and conversion rhythm livelier. */
.home-site { --home-dark: var(--brand-night); --home-gold: #d8ba89; --home-paper: var(--brand-warm); --home-line: var(--line); background: var(--brand-warm); }
.home-site .site-header { position: fixed; inset: 0 0 auto; width: 100%; background: #ffffffef; border-color: var(--line); box-shadow: 0 6px 22px #1e1d1a12; transition: background .22s ease,border-color .22s ease,box-shadow .22s ease; }
.home-site .site-header.is-at-top { background: linear-gradient(180deg,#171512b0 0%,#17151275 61%,#17151229 100%); border-color: transparent; box-shadow: none; backdrop-filter: none; }
.home-site .site-header.is-at-top .topbar { background: #1e1d1aa8; }
.home-site .site-header.is-at-top .brand-original img { filter: invert(1); }
.home-site .site-header.is-at-top .main-nav > a:not(.nav-book),
.home-site .site-header.is-at-top .main-nav .hf-treatments > .hf-menu-trigger { color: #fff; text-shadow: 0 1px 9px #0008; }
.home-site .site-header.is-at-top .main-nav > a:not(.nav-book):hover,
.home-site .site-header.is-at-top .main-nav .hf-treatments > .hf-menu-trigger:hover { color: #ead2a8; }
.home-site .home-hero-stage { padding-top: 148px; }
.home-site .topbar { background: var(--brand-night); }
.home-site .eyebrow, .home-site h2 em, .home-site h3 em { color: var(--brand-electric); }
.home-site .button-dark { background: var(--brand-night); }
.home-site .button-dark:hover { background: var(--brand-electric); }
.home-site .home-text-link { border-color: #a99a84; }
.home-site .home-text-link:hover { color: var(--brand-electric); }
.home-hero .eyebrow { color: #e3c99f; }
.home-hero h1 em { color: #e6d0a8; }
.home-hero-shade { background: linear-gradient(90deg,#171512e3 0%,#1715129c 47%,#17151238 100%),linear-gradient(0deg,#1715128c 0%,transparent 42%); }
.home-hero .button-cream { background: #fff; color: var(--brand-night); }
.home-hero .button-cream:hover { background: var(--brand-glow); }
.home-hero .home-hero-phone { color: #fff; }
.home-proof-band { background: #f8f5f0; border-color: var(--line); }
.home-proof-grid > div, .home-proof-grid > a { border-right-color: #ded6ca; }
.home-proof-grid strong { color: var(--brand-night); }
.home-proof-grid span { color: #625d55; }
.home-proof-grid > a:hover strong { color: var(--brand-electric); }
.home-site .home-rating-strip { background: #fff; border-color: var(--line); }
.home-site .home-rating-strip .rating-link { border-color: var(--line); color: var(--brand-electric); }
.home-address-image figcaption { background: var(--brand-glow); }
.home-address-image figcaption > span { color: var(--brand-electric); }
.home-address-image figcaption > div { color: var(--brand-night); }
.home-principles > div { border-top-color: var(--line); }
.home-principles > div > span { color: var(--brand-electric); }
.home-principles p, .home-section-heading > p, .home-lead { color: var(--muted); }
.home-collection { background: #f9f6f1; }
.home-collection .home-treatment-card { border-color: #ded3c3; background: #faf7f2; color: var(--brand-night); border-radius: 12px; }
.home-collection .home-treatment-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-collection .home-treatment-media { aspect-ratio: 1.48; }
.home-collection .home-treatment-copy { padding: 20px 21px 22px; }
.home-collection .home-treatment-copy .eyebrow { margin-bottom: 8px; }
.home-collection .home-treatment-copy h3 { min-height: 2.2em; margin-bottom: 10px; font-size: clamp(1.55rem,2.1vw,1.95rem); line-height: 1.1; }
.home-collection .home-treatment-copy > p:not(.eyebrow) { min-height: 0; margin-bottom: 16px; font-size: .88rem; line-height: 1.5; }
.home-collection .home-treatment-card::after { background: linear-gradient(0deg,#fffdf9 0%,#fffdf9f2 36%,#f5eee5b8 61%,#f5eee51c 92%); }
.home-collection .home-treatment-copy .eyebrow { color: var(--brand-electric); }
.home-collection .home-treatment-copy > p:not(.eyebrow), .home-collection .home-collection-footer > p { color: var(--muted); }
.home-collection .home-card-link { border-color: #c6b396; color: var(--brand-electric); font-weight: 700; }
.home-collection .home-guidance { border-left-color: var(--brand-electric); background: #fff; border-radius: 0 14px 14px 0; }
.home-collection .home-guidance p:not(.eyebrow) { color: var(--muted); }
.home-technology { background: var(--brand-night); color: #fff; }
.home-technology .eyebrow, .home-technology h2 em, .home-technology .home-analysis-steps span { color: #dbc294; }
.home-technology .home-analysis-grid p:not(.eyebrow), .home-technology .home-analysis-grid .home-lead, .home-technology .home-analysis-steps p { color: #e4d9c9; }
.home-technology .home-text-link { color: #eee0c9; border-color: #a88e68; }
.home-technology .home-technology-heading > p, .home-technology .home-technology-grid span { color: #d6c7b2; }
.home-technology .home-technology-grid { border-color: #625548; }
.home-technology .home-technology-grid > a { border-color: #625548; }
.home-technology .home-technology-grid > a:hover { background: #3a3228; }
.home-technology .home-technology-grid strong { color: #fff; }
.home-technology .home-technology-grid .home-tech-arrow { color: #d8ba89; }
.home-team { background: #f9f6f1; }
.home-team .home-doctor-grid { background: #fefcf9; border: 1px solid var(--line); }
.home-team.home-section { padding-block: 76px; }
.home-team .home-section-heading { margin-bottom: 28px; }
.home-team .home-doctor-grid { grid-template-columns: 220px minmax(0,1fr); }
.home-team .home-doctor-portrait { height: 255px; min-height: 0; }
.home-team .home-doctor-copy { padding: 24px 31px; }
.home-team .home-doctor-highlights { padding: 15px 22px; }
.home-team .home-team-intro { padding: 24px 0 16px; }
.home-team .home-team-compact { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-team .home-team-compact .team-card > img { height: 160px; }
.home-team .home-team-card-copy { padding: 18px 20px; }
.home-team .home-team-card-copy .eyebrow { min-height: 0; margin-bottom: 8px; }
.home-team .home-team-card-copy h3 { min-height: 0; margin-bottom: 10px; font-size: 1.5rem; }
.home-team .home-team-card-copy .team-qualification { min-height: 0; margin-bottom: 8px; }
.home-team .home-team-card-copy > p:not(.eyebrow) { margin-bottom: 12px; line-height: 1.5; }
.home-team .home-team-card-copy .team-register { padding-top: 10px; }
.home-team .home-professional-registers { gap: 16px; padding-top: 22px; margin-top: 28px; }
.home-team .home-doctor-copy > p:not(.eyebrow), .home-team .home-team-intro > p:last-child { color: var(--muted); }
.home-site .reviews { background: #f6f0e7; }
.home-site .google-rating-pill, .home-site .review-track .review-card { background: #fff; border-color: #ded4c4; }
.home-site .home-callback { background: var(--brand-night); color: #fff; }
.home-site .home-callback .eyebrow, .home-site .home-callback h2 em { color: #d8ba89; }
.home-site .home-callback .home-lead, .home-site .home-callback-small, .home-site .home-contact-lines > a { color: #e9dfd1; }
.home-site .home-callback-phone { color: #fff; }
.home-site .home-callback-phone:hover { color: #e5cfa6; }
.home-site .home-callback-form { background: #fff; border-color: #ded3c3; border-radius: 14px; }
.home-site .home-callback-form input:not([type=checkbox]), .home-site .home-callback-form select { background: #fffdf9; border-color: #d6c7b2; }
.home-site .home-visit { background: #fff; }
.home-visit-grid { background: #f7f2e9; }
.home-visit-details p { color: var(--muted); }
.home-visit-details .button-line { border-color: var(--brand-night); }
.home-site .faq-section { background: #faf8f4; }
.home-site .footer { background: var(--brand-night); }
.home-booking-dock { background: #ffffffed; border-color: var(--line); }
.home-booking-dock > a { border-color: #a88e68; color: var(--brand-night); }
.home-booking-dock > a:last-child { background: var(--brand-electric); border-color: var(--brand-electric); color: #fff; }
.home-spotlight { padding: clamp(56px,6vw,88px) 0 72px; background: #f8f4ed; border-bottom: 1px solid var(--line); }
.home-spotlight-heading { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin-bottom: 28px; }
.home-spotlight-intro .eyebrow { margin: 0 0 9px; }
.home-spotlight-intro h2 { margin: 0 0 10px; font-size: clamp(3.1rem,5vw,5.2rem); line-height: 1.02; }
.home-spotlight-intro > p:last-child { max-width: 60ch; margin: 0; color: var(--muted); font-size: .98rem; }
.home-spotlight-tools { display: flex; align-items: center; gap: 23px; flex: none; padding-bottom: 4px; }
.home-spotlight-controls { display: flex; gap: 9px; }
.home-spotlight-controls[hidden] { display: none; }
.home-spotlight-controls button { display: grid; place-items: center; width: 47px; height: 47px; padding: 0; border: 1px solid #a88e68; border-radius: 50%; background: transparent; color: var(--brand-night); font: 1.3rem/1 var(--sans); cursor: pointer; transition: background .2s ease, color .2s ease; }
.home-spotlight-controls button:hover { background: var(--brand-night); color: #fff; }
.home-spotlight-track { display: grid; grid-auto-flow: column; grid-auto-columns: 31%; gap: 16px; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 3px 2px 20px; }
.home-spotlight-track::-webkit-scrollbar { display: none; }
.home-spotlight-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; scroll-snap-align: start; border: 1px solid #ded1c0; border-top: 4px solid #b59666; border-radius: 18px; background: #fffdfa; color: var(--brand-night); text-decoration: none; box-shadow: 0 8px 28px #1e1d1a0b; transition: box-shadow .2s ease, transform .2s ease; }
.home-spotlight-card:hover { transform: translateY(-3px); box-shadow: 0 18px 34px #1e1d1a20; }
.home-spotlight-card-badge { display: inline-flex; padding: 7px 11px; margin-bottom: 18px; border-radius: 999px; background: #f3ebdc; color: #674920; font-size: .65rem; font-weight: 800; letter-spacing: .09em; }
.home-spotlight-card-copy { display: flex; flex: 1; flex-direction: column; align-items: flex-start; min-height: 322px; padding: 25px 24px 23px; }
.home-spotlight-card-copy small { color: var(--brand-electric); font-size: .7rem; font-weight: 900; letter-spacing: .11em; line-height: 1.35; text-transform: uppercase; }
.home-spotlight-card-copy > strong { margin-top: 10px; font: 1.8rem/1.08 var(--serif); }
.home-spotlight-card-detail { min-height: 2.5em; margin-top: 8px; color: #625d55; font-size: .82rem; line-height: 1.4; }
.home-spotlight-card-pricing { display: flex; flex-wrap: wrap; align-items: end; gap: 5px 16px; width: 100%; margin-top: auto; padding-top: 14px; border-top: 1px solid #e6dcd0; }
.home-spotlight-card-compare, .home-spotlight-card-price { display: flex; flex-direction: column; gap: 3px; }
.home-spotlight-card-compare s { color: #8a7b6d; font: 1.17rem/1.1 var(--serif); text-decoration-thickness: 1.5px; }
.home-spotlight-card-price { color: var(--brand-night); font: 1.8rem/1.1 var(--serif); }
.home-spotlight-card-pricing small { color: #71685e; font: .69rem/1.3 var(--sans); letter-spacing: 0; text-transform: none; }
.home-spotlight-card-saving { margin-top: 10px; padding: 6px 10px; border-radius: 5px; background: #eee5d2; color: #674920; font-size: .72rem; font-weight: 800; }
.home-spotlight-card-copy b { display: flex; justify-content: space-between; width: 100%; margin-top: 15px; color: var(--brand-electric); font-size: .81rem; }
.home-spotlight-card-copy b span { font-size: 1.12rem; }

/* Pricing starts visually, then settles into precise, scan-friendly fees. */
.pricing-hero { background: linear-gradient(135deg,#f6f0e7,#fbfaf7 76%); padding-block: clamp(58px,7vw,94px); }
.pricing-hero h1 { font-size: clamp(3.6rem,6.5vw,6.65rem); }
.pricing-hero h1 em { color: var(--brand-electric); }
.pricing-discover { padding: 52px 0 74px; background: #fff; }
.pricing-discover-head { display: flex; align-items: end; gap: 35px; margin-bottom: 28px; }
.pricing-discover-head .eyebrow { margin: 0 0 6px; }
.pricing-discover h2 { margin: 0; font-size: clamp(2.4rem,4vw,4rem); }
.pricing-category-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.pricing-category-tile { position: relative; display: flex; align-items: end; min-height: 218px; overflow: hidden; border-radius: 16px; background: var(--brand-night); color: #fff; text-decoration: none; isolation: isolate; }
.pricing-category-tile::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(0deg,#171512dc,#17151225 77%); }
.pricing-category-tile img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.pricing-category-tile:hover img { transform: scale(1.06); }
.pricing-category-tile > span { width: 100%; display: grid; gap: 10px; padding: 21px; }
.pricing-category-tile strong { font: 1.6rem/1.07 var(--serif); }
.pricing-category-tile small { font-size: .78rem; font-weight: 700; }
.pricing-categories { background: #fff; border-color: var(--line); }
.pricing-categories a { border-radius: 999px; }
.pricing-categories a:hover, .pricing-categories a:focus-visible { border-color: var(--brand-electric); color: var(--brand-electric); }
.pricing-section { background: var(--brand-warm); border-bottom-color: var(--line); }
.pricing-section:nth-of-type(odd) { background: #f8f5f0; }
.pricing-number { color: var(--brand-electric); font-weight: 700; }
.pricing-section-intro p { color: var(--muted); }
.pricing-list { display: grid; gap: 9px; border: 0; }
.pricing-row { border: 1px solid var(--line); border-radius: 13px; overflow: hidden; background: #fff; }
.pricing-row > a { min-height: 88px; padding: 14px 20px; }
.pricing-row > a:hover, .pricing-row > a:focus-visible { background: #fbf9f5; padding-inline: 20px; }
.pricing-row-name strong { font-size: 1.05rem; font-weight: 700; }
.pricing-row-name small { color: var(--muted); }
.pricing-row-price { color: var(--brand-night); font-size: 1.02rem; font-weight: 700; }
.pricing-row-arrow { color: var(--brand-electric); }
.pricing-next { background: var(--brand-night); }
.pricing-next .eyebrow { color: #e3c99f; }

/* Category landing pages carry the same visual identity into every route. */
.category-hero { background: #f8f5f0; }
.category-hero h1 { font-size: clamp(3.55rem,5.5vw,6.1rem); }
.category-hero figure { border-radius: 0 0 0 23px; }
.category-hero-copy > p:not(.eyebrow) { color: var(--muted); font-size: 1.06rem; }
.category-switch { border-color: var(--line); }
.category-switch a:hover, .category-switch a[aria-current=page] { color: var(--brand-electric); border-color: var(--brand-electric); }
.category-services { background: var(--brand-warm); }
.category-card { border-color: var(--line); border-radius: 15px; overflow: hidden; }
.category-card:hover { box-shadow: 0 20px 35px #1e1d1a1a; }
.category-card-image { background: #efe7dc; }
.category-card-label { color: var(--brand-electric); }
.category-card-copy { padding: 26px; }
.category-card-copy > div { border-color: var(--line); }
.category-card-copy > div span { color: var(--brand-electric); }
.category-consultation-card { min-height: 278px; background: linear-gradient(155deg,#fff,#f8f5f0); }
.category-next { background: var(--brand-night); }

/* Every treatment gets a real image and early, factual price orientation. */
.treatment-site .service-hero-compact { background: #f8f5f0; border-color: var(--line); }
.treatment-site .service-hero-compact .breadcrumb { color: var(--muted); }
.treatment-site .service-hero-compact .eyebrow { color: var(--brand-electric); }
.treatment-site .service-hero-compact .service-hero-line { color: #806039; }
.treatment-site .service-hero-compact .service-hero-copy > p:last-of-type { color: var(--muted); font-size: 1.08rem; }
.treatment-site .treatment-hero-media { overflow: hidden; border: 0; border-radius: 18px; box-shadow: 22px 22px 0 #e3d3b9; }
.treatment-site .service-page-nav { background: #ffffffed; border-color: var(--line); }
.treatment-site .service-page-nav a { color: #5f594f; font-size: .89rem; }
.treatment-site .service-page-nav a:hover { color: var(--brand-electric); border-color: var(--brand-electric); }
.treatment-shopfront { padding: 69px 0 72px; background: #fff; border-bottom: 1px solid var(--line); }
.treatment-shopfront-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 27px; }
.treatment-shopfront-heading .eyebrow { margin-bottom: 9px; }
.treatment-shopfront-heading h2 { margin: 0; font-size: clamp(2.7rem,4.2vw,4.45rem); line-height: 1.05; }
.treatment-shopfront-heading > p { max-width: 44ch; margin: 0 0 3px; color: var(--muted); font-size: .98rem; }
.treatment-shopfront-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.treatment-shopfront-card { display: flex; flex-direction: column; align-items: start; min-height: 214px; padding: 23px; border: 1px solid #ded4c4; border-radius: 14px; background: #f8f5f0; text-decoration: none; transition: transform .2s ease,background .2s ease,box-shadow .2s ease; }
.treatment-shopfront-card:hover { transform: translateY(-4px); background: #f1e8d9; box-shadow: 0 13px 20px #1e1d1a19; }
.treatment-shopfront-tag { display: inline-block; padding: 5px 10px; border-radius: 999px; background: #fff; color: var(--brand-electric); font-size: .67rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.treatment-shopfront-card h3 { margin: 19px 0 7px; font-size: clamp(1.35rem,1.9vw,1.8rem); line-height: 1.16; }
.treatment-shopfront-card strong { margin-top: auto; font-size: 1.35rem; }
.treatment-shopfront-card-link { margin-top: 12px; color: var(--brand-electric); font-size: .85rem; font-weight: 700; }
.treatment-shopfront-all { display: inline-flex; gap: 17px; margin-top: 20px; color: var(--brand-electric); font-size: .9rem; font-weight: 700; text-decoration: none; }
.treatment-shopfront-all:hover { text-decoration: underline; }
.treatment-shopfront-consultation { background: #f5eee4; }
.treatment-shopfront-inner { display: grid; grid-template-columns: minmax(0,1fr) minmax(285px,.55fr); gap: 55px; align-items: center; }
.treatment-shopfront-inner h2 { max-width: 17ch; margin-bottom: 17px; font-size: clamp(2.8rem,4.2vw,4.5rem); line-height: 1.05; }
.treatment-shopfront-inner > div:first-child > p:last-child { max-width: 60ch; color: var(--muted); font-size: 1.02rem; }
.treatment-shopfront-consult { padding: 27px; border: 1px solid #decfba; border-radius: 16px; background: #fff; }
.treatment-shopfront-consult > span { display: block; font-weight: 700; }
.treatment-shopfront-consult strong { display: block; margin: 15px 0 0; font: 2.85rem/1 var(--serif); }
.treatment-shopfront-consult p { margin: 10px 0 21px; color: var(--muted); font-size: .88rem; }
.treatment-shopfront-consult .button { width: 100%; justify-content: center; }
.treatment-site .treatment-overview { background: var(--brand-warm); }
.treatment-site .treatment-glance { background: #f6f0e7; border-color: #dfd3c2; }
.treatment-site .treatment-facts { background: #dfd3c2; border-color: #dfd3c2; }
.treatment-site .treatment-facts > div { background: #fff; }
.treatment-site .treatment-facts dt { color: var(--brand-electric); }
.treatment-site .treatment-prices { background: #fbf9f5; }
.treatment-site .treatment-price-list { display: grid; gap: 9px; border: 0; }
.treatment-site .treatment-price-row { padding: 21px 23px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.treatment-site .treatment-price-row:hover { background: #fff; border-color: #ad9168; }
.treatment-site .treatment-price-value { color: var(--brand-electric); }
.treatment-site .treatment-benefits { background: #f6f0e7; }
.treatment-site .treatment-benefit-grid { background: #dfd3c2; border-color: #dfd3c2; }
.treatment-site .treatment-benefit-grid article { background: #fff; }
.treatment-site .treatment-benefit-grid span { color: var(--brand-electric); }
.treatment-site #treatment-questions { background: #fff; }
.laser-tariff-values dt small { display: block; color: var(--brand-electric); font-size: .65rem; font-weight: 700; line-height: 1.25; }
.blood-group-nav { display: flex; flex-wrap: wrap; gap: 9px; margin: 28px 0 43px; }
.blood-group-nav a { display: inline-flex; align-items: center; min-height: 42px; padding: 7px 16px; border: 1px solid #dfd3c2; border-radius: 999px; background: #faf6ee; color: var(--brand-night); font-size: .85rem; font-weight: 700; text-decoration: none; }
.blood-group-nav a:hover { border-color: var(--brand-electric); color: var(--brand-electric); }
.blood-panel-group { margin-top: 43px; scroll-margin-top: 185px; }
.blood-panel-group h3 { margin: 0 0 17px; font-size: clamp(2rem,3vw,3rem); }

@media (max-width: 1100px) {
  .home-site .site-header.is-at-top .nav-wrap > .menu-button span { background: #fff; }
  .main-nav { background: var(--brand-night); }
  .main-nav > a:not(.nav-book) { color: #fbf9f5; border-bottom-color: #625548; }
  .main-nav .hf-treatments > .hf-menu-trigger { color: #fbf9f5; border-bottom-color: #625548; }
  .main-nav .hf-treatments[open] > .hf-menu-trigger { color: #e5cfa6; }
  .hf-menu { background: transparent; border: 0; box-shadow: none; }
  .hf-menu-inner { min-height: 0; padding: 0; }
  .hf-menu-groups { grid-template-columns: 1fr; }
  .hf-menu-category { color: #f5eee4; border-color: #625548; font-size: 1rem; }
  .hf-menu-family.is-active > .hf-menu-category { color: #e5cfa6; }
  .hf-menu-panel { border-left-color: #b19466; }
  .hf-menu-panel-title { border-color: #625548; }
  .hf-menu-panel-title strong, .hf-menu-group h3, .hf-menu-group h3 a { color: #fff; }
  .hf-menu-group a { color: #f1e9dc; font-size: .96rem; }
  .hf-menu-group-more { padding: 17px; background: #302a22; border-color: #796851; }
  .hf-menu-group-more a { color: #fff; }
  .hf-menu-all { border-color: #625548; color: #dbc294; }
  .hf-menu-overline { color: #d8ba89; }
  .home-spotlight-track { grid-auto-columns: 44%; }
}
@media (max-width: 950px) {
  .pricing-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .treatment-shopfront-heading { align-items: start; flex-direction: column; gap: 13px; }
}
@media (max-width: 800px) {
  .home-collection .home-treatment-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-team .home-doctor-grid { grid-template-columns: 1fr; }
  .home-team .home-doctor-portrait { height: 250px; }
  .home-team .home-team-compact { grid-template-columns: 1fr; }
  .home-team .home-team-compact .team-card { display: grid; grid-template-columns: 150px minmax(0,1fr); }
  .home-team .home-team-compact .team-card > img { width: 100%; height: 100%; min-height: 180px; }
  .home-team .home-professional-registers { gap: 10px; }
}
@media (max-width: 700px) {
  body { font-size: 16px; }
  .button { font-size: .94rem; }
  .home-site .container { width: calc(100% - 36px); }
  .home-site h2 { font-size: clamp(2.45rem,9.6vw,3.9rem); }
  .home-hero h1 { font-size: clamp(3.7rem,12vw,5.8rem); }
  .home-site .home-hero-stage { padding-top: 130px; }
  .home-hero-mobile-book { display: inline-flex; align-items: center; justify-content: space-between; width: min(100%,290px); min-height: 52px; padding: 13px 19px; border: 0; border-radius: 999px; background: #fff; color: var(--brand-night); box-shadow: 0 10px 24px #17151238; font-weight: 700; }
  .home-hero-mobile-book:hover { background: var(--brand-glow); }
  .home-spotlight { padding: 45px 0 52px; }
  .home-spotlight-heading { align-items: start; gap: 16px; margin-bottom: 20px; }
  .home-spotlight-intro h2 { font-size: clamp(2.7rem,10vw,3.7rem); }
  .home-spotlight-intro > p:last-child { max-width: 44ch; font-size: .89rem; }
  .home-spotlight-tools { align-self: end; gap: 10px; }
  .home-spotlight-controls button { width: 40px; height: 40px; }
  .home-spotlight-track { grid-auto-columns: min(82vw,340px); gap: 12px; padding-bottom: 14px; }
  .home-spotlight-card-copy { min-height: 314px; padding: 20px; }
  .home-spotlight-card-copy > strong { font-size: 1.55rem; }
  .home-team.home-section { padding-block: 56px; }
  .home-team .home-doctor-copy { padding: 22px; }
  .home-team .home-team-compact .team-card { grid-template-columns: 120px minmax(0,1fr); }
  .home-team .home-team-card-copy { padding: 17px; }
  .pricing-discover { padding: 40px 0 53px; }
  .pricing-discover-head { display: block; margin-bottom: 24px; }
  .pricing-discover-head h2 { font-size: clamp(2.5rem,9vw,3.3rem); }
  .pricing-category-grid { gap: 10px; }
  .pricing-category-tile { min-height: 155px; }
  .pricing-category-tile > span { padding: 15px; }
  .pricing-category-tile strong { font-size: 1.32rem; }
  .pricing-section { scroll-margin-top: 180px; }
  .pricing-list { gap: 8px; }
  .pricing-row > a { min-height: 80px; padding: 14px; }
  .pricing-row > a:hover { padding-inline: 14px; }
  .category-hero figure { border-radius: 0 0 18px 18px; }
  .treatment-site .treatment-hero-media { height: min(87vw,360px); box-shadow: 0 12px 0 #e3d3b9; border-radius: 12px; }
  .treatment-shopfront { padding: 47px 0 53px; }
  .treatment-shopfront-heading h2 { font-size: clamp(2.45rem,9vw,3.6rem); }
  .treatment-shopfront-cards { grid-template-columns: 1fr; gap: 9px; }
  .treatment-shopfront-card { min-height: 0; padding: 17px 19px; display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 12px; }
  .treatment-shopfront-tag { grid-column: 1 / -1; justify-self: start; }
  .treatment-shopfront-card h3 { margin: 11px 0; font-size: 1.45rem; }
  .treatment-shopfront-card strong { align-self: center; font-size: 1.2rem; }
  .treatment-shopfront-card-link { grid-column: 1 / -1; margin-top: 0; }
  .treatment-shopfront-inner { grid-template-columns: 1fr; gap: 12px; }
  .treatment-site .treatment-price-row { padding: 17px; }
  .blood-panel-group { scroll-margin-top: 150px; }
}
@media (max-width: 500px) {
  .home-collection .home-treatment-grid { grid-template-columns: 1fr; }
  .home-collection .home-treatment-media { aspect-ratio: 1.5; }
  .home-collection .home-treatment-copy h3 { min-height: 0; }
}