/*
Theme Name: MedMarketing Modern
Theme URI: https://medmarketing.ai/
Author: MedMarketing.ai
Description: A complete modern clinic marketing website with responsive navigation, specialty tabs, FAQs, AI search content, WhatsApp contact and a native enquiry form. No page builder or build tools required.
Version: 1.2.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: medmarketing-modern
*/
:root {
  --font-sans: 'Manrope', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --background: oklch(0.992 0.002 106);
  --foreground: oklch(0.19 0.009 150);
  --card: oklch(1 0 0);
  --primary: oklch(0.9 0.235 125);
  --primary-foreground: oklch(0.19 0.009 150);
  --secondary: oklch(0.954 0.005 110);
  --muted-foreground: oklch(0.49 0.009 150);
  --border: oklch(0.87 0.006 110);
  --destructive: oklch(0.58 0.22 25);
  --inverse: oklch(0.17 0.008 150);
  --inverse-foreground: oklch(0.97 0.003 110);
  --inverse-muted: oklch(0.72 0.008 110);
  --hero-wash: oklch(0.992 0.002 106 / 84%);
  --shadow-float: 0 12px 40px oklch(0.19 0.009 150 / 10%);
  --radius: 8px;
}

  * { border-color: var(--border); }
  html { scroll-behavior: smooth; scroll-padding-top: 100px; }
  body { margin: 0; background: var(--background); color: var(--foreground); font-family: var(--font-sans); -webkit-font-smoothing: antialiased; }
  button, a { -webkit-tap-highlight-color: transparent; }
  ::selection { background: var(--primary); color: var(--foreground); }
  h1,h2,h3,p { margin: 0; letter-spacing: 0; }
  a { text-decoration: none; }
.site-header { height: 88px; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; background: var(--background); border-bottom: 1px solid var(--border); position: relative; z-index: 30; }
.wordmark { display:flex; align-items:center; gap:10px; font-size:23px; font-weight:800; }
.wordmark em { font-style:normal; font-weight:400; }
.brand-mark { width:30px; height:30px; color:var(--foreground); }
.desktop-nav { display:flex; gap:32px; align-items:center; font-size:13px; font-weight:600; }
.desktop-nav a { transition:opacity .2s; }
.desktop-nav a:hover { opacity:.55; }
.header-actions { display:flex; align-items:center; gap:12px; }
.header-cta { height:43px; padding:0 22px; font-size:12px; }
.mobile-menu-button { display:none; }
.mobile-nav { position:absolute; top:88px; left:0; right:0; background:var(--background); border-bottom:1px solid var(--border); padding:24px; display:grid; gap:20px; }
.hero { position:relative; min-height:662px; overflow:hidden; }
.hero-photo { position:absolute; width:100%; height:100%; inset:0; object-fit:cover; object-position:center 46%; }
.hero-wash { position:absolute; inset:0; background:var(--hero-wash); width:58%; }
.hero-content { position:relative; padding:69px 5% 60px; max-width:780px; }
.eyebrow { display:flex; align-items:center; gap:10px; font:10px var(--font-mono); font-weight:500; text-transform:uppercase; letter-spacing:1.3px; }
.status-dot { width:7px; height:7px; border-radius:50%; background:var(--primary); display:inline-block; flex:none; }
.hero h1 { margin-top:27px; font-size:76px; line-height:1.06; font-weight:600; }
.hero-brand { display:block; font-size:inherit; font-weight:inherit; }
.hero h1 span { display:inline; background:var(--primary); box-decoration-break:clone; -webkit-box-decoration-break:clone; padding:0 8px; }
.hero-description { max-width:445px; font-size:14px; line-height:1.8; color:var(--muted-foreground); margin-top:24px; }
.hero-actions { display:flex; gap:13px; margin-top:29px; }
.main-cta { height:49px; padding:0 24px; font-size:12px; }
.hero-note { display:flex; gap:8px; align-items:center; font-size:10px; margin-top:17px; color:var(--muted-foreground); }
.photo-caption { position:absolute; bottom:26px; right:4%; display:flex; align-items:center; gap:12px; background:var(--background); border:1px solid var(--border); padding:14px 19px; border-radius:6px; box-shadow:var(--shadow-float); font-size:11px; }
.photo-caption svg { width:24px; height:24px; }
.photo-caption strong { display:block; font-size:12px; margin-bottom:3px; }
.photo-caption span { color:var(--muted-foreground); }
.specialty-band { padding:26px 5%; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--border); gap:22px; }
.specialty-band .eyebrow { max-width:145px; line-height:1.6; color:var(--muted-foreground); flex:none; }
.specialty-names { display:flex; gap:35px; align-items:center; font-size:15px; font-weight:600; }
.specialty-names span { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.specialty-names svg { width:19px; height:19px; stroke-width:1.5; }
.section { padding:88px 5%; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin:22px 0 37px; }
.section h2, .contact-section h2 { font-size:47px; line-height:1.15; font-weight:500; max-width:690px; }
.section h2 .soft { color:var(--muted-foreground); }
.section-heading > p { max-width:330px; color:var(--muted-foreground); font-size:13px; line-height:1.8; }
.experience-strip { display:grid; grid-template-columns:repeat(4,1fr); gap:25px; padding:34px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); margin-top:45px; }
.experience-item { padding-left:25px; border-left:1px solid var(--border); }
.experience-item:first-child { padding-left:0; border:0; }
.experience-item strong { display:block; font-size:37px; line-height:1.2; font-weight:500; }
.experience-item span { display:block; font-size:11px; color:var(--muted-foreground); margin-top:9px; }
.services-section { background:var(--secondary); }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.service-card { background:var(--card); border:1px solid var(--border); border-radius:6px; padding:29px; min-height:272px; transition:transform .25s,border-color .25s; }
.service-card:hover { transform:translateY(-4px); border-color:var(--foreground); }
.service-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:31px; }
.service-top > svg { width:28px; height:28px; stroke-width:1.3; }
.service-number { color:var(--muted-foreground); font:10px var(--font-mono); }
.service-card h3 { font-size:20px; font-weight:600; margin-bottom:12px; }
.service-card p { font-size:12px; line-height:1.9; color:var(--muted-foreground); }
.service-tags { margin-top:22px; padding-top:17px; border-top:1px solid var(--border); font:9px var(--font-mono); color:var(--muted-foreground); }
.section-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:31px; gap:20px; }
.section-bottom p { font-size:12px; color:var(--muted-foreground); }
.process-section { background:var(--inverse); color:var(--inverse-foreground); }
.process-section .section-heading > p { color:var(--inverse-muted); }
.process-section h2 { max-width:700px; }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:35px; margin-top:60px; }
.process-step { border-top:1px solid var(--inverse-muted); padding-top:22px; }
.process-step .step-number { font:11px var(--font-mono); color:var(--primary); }
.process-step h3 { font-size:19px; margin:24px 0 13px; font-weight:500; }
.process-step p { font-size:12px; line-height:1.9; color:var(--inverse-muted); }
.clinic-tabs { display:flex; gap:9px; flex-wrap:wrap; margin-top:30px; }
.clinic-tabs button { height:42px; padding:0 20px; font-size:12px; }
.clinic-detail { display:grid; grid-template-columns:1.1fr 1fr; gap:65px; margin-top:35px; border-top:1px solid var(--border); padding-top:36px; align-items:center; }
.clinic-detail h3 { font-size:30px; font-weight:500; margin-bottom:14px; }
.clinic-detail p { font-size:14px; color:var(--muted-foreground); line-height:1.9; max-width:530px; }
.clinic-benefits { list-style:none; margin:0; padding:0; display:grid; gap:17px; }
.clinic-benefits li { display:flex; gap:13px; align-items:center; font-size:13px; }
.clinic-benefits svg { background:var(--primary); padding:4px; width:23px; height:23px; border-radius:50%; }
.founder-section { display:grid; grid-template-columns:.75fr 1.25fr; padding-top:0; gap:85px; align-items:center; }
.founder-photo { width:100%; aspect-ratio:1 / 1.05; object-fit:cover; border-radius:6px; background:var(--secondary); }
.founder-section h2 { margin:22px 0; font-size:43px; }
.founder-section p { color:var(--muted-foreground); font-size:13px; line-height:1.9; margin-bottom:15px; }
.founder-name { display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--border); padding-top:24px; margin-top:26px; }
.founder-name strong { font-size:14px; }
.founder-name small { display:block; font-size:11px; color:var(--muted-foreground); margin-top:6px; }
.founder-links { display:flex; gap:9px; }
.founder-links a { display:flex; align-items:center; justify-content:center; width:35px; height:35px; border:1px solid var(--border); border-radius:50%; font-size:11px; font-weight:700; }
.faq-section { background:var(--secondary); display:grid; grid-template-columns:1fr 1.3fr; gap:70px; }
.faq-section h2 { margin-top:22px; font-size:42px; }
.faq-list { border-top:1px solid var(--border); }
.faq-item { border-bottom:1px solid var(--border); }
.faq-button { width:100%; height:auto; min-height:67px; white-space:normal; text-align:left; display:flex; justify-content:space-between; padding:19px 0; font-size:13px; border-radius:0; font-weight:600; }
.faq-answer { font-size:12px; color:var(--muted-foreground); line-height:1.9; padding:0 30px 22px 0; }
.contact-section { background:var(--primary); padding:72px 5%; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.contact-section h2 { margin-top:20px; max-width:680px; font-size:49px; }
.contact-section p { font-size:12px; margin-top:18px; }
.contact-cta { background:var(--foreground); color:var(--background); height:54px; padding:0 28px; border-radius:99px; }
.contact-cta:hover { background:var(--inverse); }
.site-footer { padding:38px 5% 24px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; padding-bottom:33px; }
.footer-top p { color:var(--muted-foreground); font-size:12px; margin-top:10px; }
.footer-links { display:flex; gap:25px; font-size:12px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid var(--border); padding-top:22px; color:var(--muted-foreground); font-size:10px; }
.reveal { animation:reveal .7s ease-out both; }
@keyframes reveal { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1600px) { .hero-content { padding-left:calc((100vw - 1440px)/2); max-width:calc((100vw - 1440px)/2 + 750px); } .section,.specialty-band,.site-header,.contact-section,.site-footer { padding-left:max(5%,calc((100vw - 1440px)/2)); padding-right:max(5%,calc((100vw - 1440px)/2)); } }
@media(max-width:1100px) { .desktop-nav { gap:21px; } .wordmark { font-size:20px; } .specialty-names { gap:20px; font-size:12px; } .hero h1 { font-size:67px; } .hero-wash { width:65%; } .founder-section { gap:45px; } }
@media(max-width:760px) {
  html { scroll-padding-top:30px; }
  .site-header { height:75px; padding:0 6%; }
  .wordmark { font-size:19px; gap:7px; }
  .brand-mark { width:25px; height:25px; }
  .desktop-nav,.header-cta { display:none; }
  .mobile-menu-button { display:inline-flex; }
  .mobile-nav { top:75px; }
  .hero { min-height:810px; }
  .hero-photo { top:auto; bottom:0; height:350px; object-position:66% center; }
  .hero-wash { width:100%; height:460px; background:var(--background); }
  .hero-content { padding:40px 6% 0; max-width:none; }
  .eyebrow { font-size:9px; }
  .hero h1 { font-size:49px; margin-top:22px; line-height:1.09; }
  .hero-brand { font-size:32px; line-height:1.4; }
  .hero-description { font-size:12px; margin-top:20px; max-width:370px; }
  .hero-actions { margin-top:23px; gap:8px; }
  .main-cta { padding:0 19px; font-size:11px; height:45px; }
  .hero-note { margin-top:14px; font-size:9px; }
  .photo-caption { right:6%; bottom:20px; padding:11px 15px; }
  .specialty-band { padding:24px 6%; display:block; }
  .specialty-band .eyebrow { max-width:none; margin-bottom:20px; }
  .specialty-names { flex-wrap:wrap; gap:18px 25px; font-size:12px; }
  .section { padding:60px 6%; }
  .section-heading { display:block; margin:20px 0 28px; }
  .section h2,.contact-section h2 { font-size:35px; }
  .section-heading > p { margin-top:20px; max-width:none; font-size:12px; }
  .experience-strip { grid-template-columns:repeat(2,1fr); gap:30px 15px; margin-top:32px; }
  .experience-item { padding-left:15px; }
  .experience-item:nth-child(3) { border:0; padding:0; }
  .experience-item strong { font-size:30px; }
  .experience-item span { font-size:10px; line-height:1.5; }
  .service-grid { grid-template-columns:1fr; gap:12px; }
  .service-card { padding:24px; min-height:245px; }
  .service-top { margin-bottom:22px; }
  .section-bottom { align-items:flex-start; flex-direction:column; }
  .process-grid { grid-template-columns:1fr 1fr; gap:35px 25px; margin-top:35px; }
  .process-step h3 { font-size:17px; margin-top:18px; }
  .process-step p { font-size:11px; }
  .clinic-tabs { gap:8px; }
  .clinic-tabs button { font-size:11px; height:38px; padding:0 15px; }
  .clinic-detail { grid-template-columns:1fr; gap:25px; }
  .clinic-detail h3 { font-size:26px; }
  .clinic-detail p { font-size:12px; }
  .founder-section { grid-template-columns:1fr; gap:32px; padding-top:0; }
  .founder-photo { aspect-ratio:1.15; object-position:center 30%; }
  .founder-section h2 { font-size:35px; }
  .faq-section { grid-template-columns:1fr; gap:30px; }
  .faq-section h2 { font-size:35px; }
  .contact-section { padding:55px 6%; align-items:flex-start; flex-direction:column; gap:28px; }
  .contact-section h2 { font-size:36px; }
  .contact-section p { font-size:11px; line-height:1.8; }
  .site-footer { padding:30px 6% 25px; }
  .footer-top { display:block; }
  .footer-links { margin-top:26px; gap:24px; }
  .footer-bottom { flex-direction:column; align-items:flex-start; font-size:9px; gap:12px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }

/* Native WordPress controls and reset. */
*,*::before,*::after { box-sizing:border-box; }
a { color:inherit; }
button { font-family:inherit; cursor:pointer; }
button,a { outline-offset:4px; }
svg { display:inline-block; vertical-align:middle; flex-shrink:0; }
img { display:block; max-width:100%; }
[hidden] { display:none !important; }
.main-cta,.header-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; white-space:nowrap; border-radius:99px; background:var(--primary); color:var(--primary-foreground); font-weight:500; transition:opacity .2s; }
.main-cta:hover,.header-cta:hover { opacity:.85; }
.hero-actions a:nth-child(2) { border:1px solid var(--border); background:transparent; color:var(--foreground); }
.main-cta svg,.header-cta svg { width:16px;height:16px; }
.mobile-menu-button { background:transparent; border:0; align-items:center; justify-content:center; width:36px; height:36px; }
.clinic-tabs button { display:inline-flex; align-items:center; gap:8px; border:1px solid var(--border); border-radius:99px; color:var(--muted-foreground); background:var(--background); }
.clinic-tabs button svg { width:16px; height:16px; }
.clinic-tabs button[data-active=true],.clinic-tabs button:hover { background:var(--primary); color:var(--primary-foreground); border-color:var(--primary); }
.faq-button { background:transparent; border:0; gap:12px; }
.faq-indicator { font-size:22px; font-weight:400; flex-shrink:0; }
.contact-cta { background:var(--foreground); color:var(--background); }
.skip-link { position:fixed;left:10px;top:-100px;background:var(--background);padding:15px;z-index:1000; }
.skip-link:focus { top:10px; }
body.admin-bar .site-header { margin-top:0; }
.content-page { max-width:900px; margin:auto; padding:60px 5%; }
.content-page h1 { font-size:42px; margin-bottom:24px; }
.content-page p { margin:0 0 20px; line-height:1.8; }
.content-page a { text-decoration:underline; }
@media(max-width:380px) { .hero-brand { font-size:29px; } .hero-actions { flex-wrap:wrap; } .hero h1 { font-size:44px; } .photo-caption { left:6%; right:6%; } .photo-caption strong { font-size:11px; } }
@media(max-width:760px) { .header-actions .header-cta { display:none; } }

/* Shared layout corrections also shipped in the native WordPress theme. */
.site-header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:24px; }
.desktop-nav { justify-content:center; min-width:0; }
.header-actions,.brand-mark { flex-shrink:0; }
.hero-content { max-width:850px; }
.hero h1 { font-size:68px; line-height:1.18; overflow:visible; }
.hero-brand { font-size:53px; margin-bottom:14px; }
.hero h1 span { display:inline-block; max-width:100%; padding:0 8px 8px; }
.hero-actions { flex-wrap:wrap; }
.main-cta,.contact-cta { flex-shrink:0; max-width:100%; height:auto; min-height:49px; padding:13px 24px; white-space:normal; text-align:center; line-height:1.4; }
.contact-cta { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:54px; }
.header-actions .header-cta { min-height:43px; padding:10px 18px; white-space:nowrap; }
.section-heading { display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); }
.section-heading > *, .founder-section > *, .enquiry-section > * { min-width:0; }
.founder-section { grid-template-columns:minmax(0,340px) minmax(0,1fr); gap:65px; padding-top:60px; }
.founder-photo { width:100%; height:390px; aspect-ratio:auto; object-position:center 25%; }
.search-platforms { display:flex; gap:20px 36px; flex-wrap:wrap; border-block:1px solid var(--border); padding:24px 0; font-size:14px; font-weight:600; }
.search-platforms span { display:flex; align-items:center; gap:10px; }
.search-platforms svg { width:20px; height:20px; }
.editorial-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:40px; margin:40px 0; }
.editorial-grid h3,.journey-grid h3 { font-size:20px; margin:18px 0 12px; font-weight:600; }
.editorial-grid p,.journey-grid p,.audit-section p { font-size:13px; line-height:1.9; color:var(--muted-foreground); }
.journey-section { background:var(--secondary); }
.journey-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; margin-top:48px; }
.journey-grid article { border-top:1px solid var(--border); padding-top:25px; }
.journey-number { font:32px var(--font-mono); color:var(--muted-foreground); }
.audit-section { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; }
.audit-section h2 { font-size:40px; margin:22px 0; }
.audit-section .main-cta { margin-top:28px; }
.audit-list { list-style:none; margin:0; padding:0; }
.audit-list li { display:grid; grid-template-columns:24px minmax(0,1fr); gap:16px; padding:24px 0; border-bottom:1px solid var(--border); }
.audit-list li:first-child { padding-top:0; }
.audit-list svg { width:22px; height:22px; background:var(--primary); border-radius:50%; padding:4px; }
.audit-list h3 { font-size:16px; margin-bottom:8px; }
.enquiry-section { background:var(--primary); display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:70px; align-items:start; }
.contact-intro h2 { margin-top:25px; font-size:43px; }
.contact-intro > p { font-size:14px; line-height:1.9; margin:23px 0 28px; max-width:420px; }
.contact-whatsapp { background:var(--foreground); color:var(--background); }
.contact-whatsapp:hover { background:var(--inverse); }
.contact-expectations { border-top:1px solid var(--foreground); padding-top:25px; margin-top:40px; max-width:420px; }
.contact-expectations strong { font-size:14px; }
.contact-expectations p { font-size:12px; line-height:1.9; margin-top:10px; }
.enquiry-form { background:var(--card); border:1px solid var(--border); padding:32px; border-radius:8px; }
.form-heading h3 { font-size:23px; margin:12px 0 25px; }
.form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.form-grid label { display:grid; gap:8px; font-size:11px; font-weight:600; min-width:0; }
.field-wide { grid-column:1 / -1; }
.enquiry-form input:not([type=checkbox]),.enquiry-form select,.enquiry-form textarea { display:block; width:100%; min-width:0; border:1px solid var(--border); background:var(--background); color:var(--foreground); border-radius:4px; font:12px var(--font-sans); padding:12px; }
.enquiry-form input:focus,.enquiry-form select:focus,.enquiry-form textarea:focus { outline:2px solid var(--foreground); outline-offset:2px; }
.enquiry-form textarea { resize:vertical; }
.consent { display:flex; align-items:flex-start; gap:9px; font-size:10px; line-height:1.7; color:var(--muted-foreground); margin:20px 0; }
.consent input { flex-shrink:0; margin-top:3px; accent-color:var(--foreground); }
.form-submit { width:100%; }
.form-error { color:var(--destructive); font-size:12px; line-height:1.7; margin-bottom:18px; }
.whatsapp-widget { position:fixed; right:24px; bottom:24px; z-index:60; }
.chat-launcher { border:1px solid var(--foreground); box-shadow:var(--shadow-float); min-height:49px; padding:12px 20px; border-radius:99px; }
.chat-panel { width:320px; max-width:calc(100vw - 32px); margin-bottom:12px; border:1px solid var(--border); border-radius:8px; background:var(--card); box-shadow:var(--shadow-float); overflow:hidden; }
.chat-header { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:15px; align-items:center; background:var(--primary); padding:18px; }
.chat-header strong { font-size:14px; }
.chat-header span { display:block; font-size:10px; margin-top:5px; }
.chat-body { padding:22px; }
.chat-body p { font-size:13px; line-height:1.8; margin-bottom:20px; }
.chat-body .main-cta { font-size:11px; padding:12px; }
.chat-body small { display:block; font-size:9px; color:var(--muted-foreground); margin-top:12px; }
.thank-you-page { max-width:1050px; padding:85px 5% 70px; margin:auto; }
.thank-you-check { display:grid; place-items:center; background:var(--primary); width:65px; height:65px; border-radius:50%; margin-bottom:30px; }
.thank-you-page h1 { font-size:56px; font-weight:600; line-height:1.15; margin:22px 0; }
.thank-you-page > p { max-width:590px; font-size:16px; color:var(--muted-foreground); line-height:1.9; }
.thank-you-next { display:grid; grid-template-columns:55px minmax(0,1fr); gap:20px; padding:30px 0; margin:35px 0; border-block:1px solid var(--border); max-width:680px; }
.thank-you-next > span { font:12px var(--font-mono); }
.thank-you-next h3 { font-size:18px; margin-bottom:10px; }
.thank-you-next p { font-size:13px; color:var(--muted-foreground); line-height:1.8; }
.thank-you-page h2 { font-size:22px; margin-bottom:22px; }
.thank-you-actions { display:flex; flex-wrap:wrap; gap:12px; }
@media(max-width:1100px) { .site-header { grid-template-columns:minmax(0,1fr) auto; } .desktop-nav { display:none; } .mobile-menu-button { display:inline-flex; } .hero h1 { font-size:58px; } .hero-brand { font-size:45px; } .enquiry-section { gap:32px; } .founder-section { gap:40px; grid-template-columns:minmax(0,290px) minmax(0,1fr); } .section-heading { grid-template-columns:1fr; } .section-heading > p { max-width:550px; } }
@media(max-width:760px) { .site-header { gap:14px; } .header-actions .header-cta { display:none; } .hero { min-height:830px; } .hero-content { padding:40px 6% 30px; } .hero h1 { font-size:44px; line-height:1.2; } .hero-brand { font-size:30px; margin-bottom:12px; } .hero-photo { height:310px; } .hero-wash { height:520px; } .hero-actions .main-cta { padding:12px 16px; font-size:11px; } .founder-section { grid-template-columns:1fr; padding-top:60px; } .founder-photo { width:290px; max-width:100%; height:320px; } .editorial-grid,.audit-section,.enquiry-section { grid-template-columns:1fr; gap:32px; } .journey-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 20px; } .audit-section h2,.contact-intro h2 { font-size:34px; } .enquiry-form { padding:24px; } .whatsapp-widget { bottom:16px; right:16px; } .chat-launcher { width:50px; height:50px; padding:0; } .chat-launcher span { display:none; } .thank-you-page { padding:55px 6%; } .thank-you-page h1 { font-size:36px; } .site-footer { padding-bottom:85px; } }
@media(max-width:380px) { .hero h1 { font-size:38px; } .hero-brand { font-size:28px; } .hero-actions { gap:10px; } .form-grid { grid-template-columns:1fr; } .form-heading h3 { font-size:20px; } }

.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.enquiry-form button { border:0; }
.chat-launcher { display:flex; align-items:center; gap:8px; background:var(--primary); color:var(--foreground); font:12px var(--font-sans); }
.chat-header button { border:0; background:transparent; color:var(--foreground); width:32px; height:32px; }
.chat-panel .main-cta { display:flex; }
.back-home { display:inline-block; margin-top:32px; text-decoration:underline; }
.thank-you-actions a:not([data-contact]) { background:transparent; border:1px solid var(--border); }
@media(max-width:760px) { .chat-launcher span:first-child { display:block; font-size:24px; } }

.clinic-gallery-section { background:var(--secondary); }
.clinic-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.clinic-gallery figure { margin:0; min-width:0; }
.clinic-gallery img { width:100%; height:auto; aspect-ratio:4 / 3; object-fit:cover; border-radius:6px; }
.clinic-gallery figcaption { font-size:17px; font-weight:600; margin-top:17px; }
@media(max-width:760px) { .clinic-gallery { grid-template-columns:1fr; gap:28px; } }