:root{--bg:#f4eeec;--surface:#fff;--surface-soft:#fbf7f5;--text:#262127;--muted:#746b70;--rose:#a75d70;--rose-dark:#864458;--rose-light:#f5e9ed;--gold:#bd9870;--line:#eadfdb;--dark:#241b1f;--shadow:0 24px 70px rgba(75,48,56,.14);--radius-xl:30px;--radius-lg:22px;--radius-md:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;font-family:"Vazirmatn",Tahoma,Arial,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 2%,#fff 0,transparent 28%),linear-gradient(135deg,#f9f6f4,#eee4e1);line-height:1.7}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%}.skip-link{position:fixed;top:10px;right:10px;z-index:999;transform:translateY(-160%);background:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{transform:none}.page-shell{width:min(1500px,95vw);margin:24px auto 42px;background:rgba(255,255,255,.76);border:1px solid rgba(255,255,255,.95);border-radius:36px;overflow:hidden;box-shadow:var(--shadow)}
.site-header{height:112px;padding:0 38px;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:relative;z-index:50}.brand{display:flex;align-items:center;gap:13px;min-width:238px}.brand-symbol{width:58px;height:64px;display:grid;place-items:center;color:var(--gold);font-family:Georgia,serif;font-size:48px;line-height:1;border-right:1px solid var(--gold);border-left:1px solid var(--gold);border-radius:40% 12% 40% 12%}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy small{font-size:12px;color:#6a6065}.brand-copy strong{font-size:24px;font-weight:900}.brand-copy span{font-size:9px;letter-spacing:2px;color:#887d82}.main-nav{display:flex;align-items:center;justify-content:center;gap:29px;flex:1}.main-nav a{position:relative;padding:17px 0;font-size:14px;font-weight:700;color:#5b5357;white-space:nowrap}.main-nav a::after{content:"";position:absolute;right:0;left:0;bottom:5px;height:2px;border-radius:99px;background:var(--rose);transform:scaleX(0);transition:transform .25s}.main-nav a:hover,.main-nav a.active{color:var(--text)}.main-nav a:hover::after,.main-nav a.active::after{transform:scaleX(1)}.header-cta,.button-primary{background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff;box-shadow:0 12px 28px rgba(167,93,112,.26)}.header-cta{display:inline-flex;align-items:center;gap:9px;padding:14px 20px;border-radius:12px;font-weight:800;font-size:14px;white-space:nowrap}.header-cta svg,.button svg{width:20px;fill:none;stroke:currentColor;stroke-width:1.8}.menu-toggle{display:none;width:45px;height:45px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:5px 0;background:var(--text);transition:.25s}
.hero{min-height:615px;margin:0 27px 28px;border-radius:27px;overflow:hidden;position:relative;background:#fff;display:flex;align-items:center}.hero-background{position:absolute;inset:0 45% 0 0;background:url('assets/images/hero-clinic.jpg') center/cover no-repeat}.clinic-wordmark{position:absolute;top:37%;left:20%;display:flex;flex-direction:column;align-items:center;color:#866e64;text-shadow:0 2px 12px #fff}.clinic-wordmark strong{font-family:Georgia,serif;font-size:42px;letter-spacing:5px}.clinic-wordmark span{font-size:11px;letter-spacing:4px}.hero-model{position:absolute;z-index:2;left:30.5%;bottom:0;width:390px;height:565px;border-radius:48% 48% 15% 15%;background:url('assets/images/unused-model.jpg') center 18%/cover no-repeat;filter:saturate(.78) contrast(.98);box-shadow:0 25px 55px rgba(75,40,50,.18)}.hero-fade{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 0 34%,rgba(255,255,255,.15) 43%,#fff 60% 100%)}.hero-content{position:relative;z-index:3;width:49%;margin-right:auto;padding:52px 56px}.eyebrow,.section-label,.section-heading>span{margin:0;color:var(--rose);font-size:14px;font-weight:800}.eyebrow span{margin-left:7px}.hero h1{font-size:60px;line-height:1.27;letter-spacing:-2.2px;margin:18px 0 14px}.hero h1 em{font-style:normal;color:var(--rose)}.hero-description{max-width:580px;margin:0;color:var(--muted);line-height:2;font-size:16px}.hero-actions{display:flex;gap:13px;margin-top:29px}.button{min-height:58px;padding:0 26px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;transition:.2s}.button:hover{transform:translateY(-2px)}.button-outline{background:#fff;border:1px solid var(--line)}.social-proof{display:flex;align-items:center;gap:17px;margin-top:37px}.avatar-stack{display:flex;direction:ltr}.avatar{width:44px;height:44px;border-radius:50%;border:3px solid #fff;margin-left:-10px;background-size:cover;background-position:center}.avatar-1{background-image:url('assets/images/customer-1.jpg')}.avatar-2{background-image:url('assets/images/customer-2.jpg')}.avatar-3{background-image:url('assets/images/customer-3.jpg')}.avatar-4{background-image:url('assets/images/customer-4.jpg')}.social-proof strong{font-size:13px}.social-proof p{margin:3px 0 0;color:var(--muted);font-size:12px}.social-proof p span{color:#c8952e;letter-spacing:2px}
.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 27px 18px;background:var(--line);border:1px solid var(--line);border-radius:19px;overflow:hidden}.trust-strip article{background:#fff;padding:21px;display:flex;align-items:center;gap:13px}.mini-icon{width:43px;height:43px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--rose-light);color:var(--rose);font-size:20px}.trust-strip strong,.trust-strip small{display:block}.trust-strip strong{font-size:14px}.trust-strip small{margin-top:2px;color:var(--muted);font-size:12px}.section{padding:92px 7%}.section-heading{text-align:center;max-width:720px;margin:0 auto 46px}.section-heading h2,.about-copy h2,.booking h2{font-size:39px;line-height:1.45;margin:9px 0 10px;letter-spacing:-1px}.section-heading p,.about-copy>p,.booking-copy>p{margin:0;color:var(--muted);line-height:2}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:21px;padding:31px;transition:.3s;overflow:hidden}.service-card::before{content:"";position:absolute;right:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--rose),transparent);opacity:0;transition:.3s}.service-card:hover{transform:translateY(-7px);box-shadow:0 18px 45px rgba(77,47,55,.1)}.service-card:hover::before,.service-card.featured::before{opacity:1}.service-card.featured{box-shadow:0 14px 40px rgba(77,47,55,.08)}.service-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--rose-light);color:var(--rose);font-size:28px}.service-card h3{font-size:20px;margin:20px 0 8px}.service-card p{min-height:82px;margin:0;color:var(--muted);line-height:1.9;font-size:14px}.service-card a,.text-link,.article-body a{display:inline-flex;gap:7px;align-items:center;margin-top:19px;color:var(--rose);font-weight:800;font-size:14px}.about{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;background:#fff}.about-visual{position:relative;padding:12px}.about-image{height:540px;border-radius:27px;background:url('assets/images/about-clinic.jpg') center/cover no-repeat}.experience-badge{position:absolute;left:-16px;bottom:38px;width:135px;height:135px;border-radius:50%;background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff;border:8px solid #fff;display:grid;place-content:center;text-align:center}.experience-badge strong{font-size:34px;line-height:1}.experience-badge span{font-size:12px;margin-top:5px}.quality-card{position:absolute;right:-20px;top:45px;display:flex;align-items:center;gap:12px;background:#fff;padding:14px 17px;border-radius:14px;box-shadow:0 13px 34px rgba(65,38,48,.15)}.quality-card>span{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:#ecf7ef;color:#34814c}.quality-card strong,.quality-card small{display:block}.quality-card strong{font-size:13px}.quality-card small{font-size:10px;color:var(--muted)}.about-copy ul{list-style:none;padding:0;margin:24px 0}.about-copy li{position:relative;margin:12px 0;padding-right:28px}.about-copy li::before{content:"✓";position:absolute;right:0;color:var(--rose);font-weight:900}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0}.about-stats div{padding:15px 10px;border-radius:13px;background:var(--surface-soft);text-align:center}.about-stats strong,.about-stats span{display:block}.about-stats strong{font-size:24px;color:var(--rose)}.about-stats span{font-size:11px;color:var(--muted)}
.doctors{background:var(--surface-soft)}.doctor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:860px;margin:0 auto}.doctor-grid article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:22px;transition:.3s}.doctor-grid article:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(77,47,55,.1)}.doctor-photo{height:350px;background-size:cover;background-position:top}.doctor-one{background-image:url('assets/images/doctor-1.jpg')}.doctor-two{background-image:url('assets/images/doctor-2.jpg')}.doctor-three{background-image:url('assets/images/doctor-3.jpg')}.doctor-info{text-align:center;padding:19px}.doctor-info h3{margin:0;font-size:19px}.doctor-info p{margin:4px 0;color:var(--muted);font-size:13px}.doctor-info span{display:inline-block;margin-top:8px;padding:5px 10px;background:var(--rose-light);color:var(--rose);border-radius:99px;font-size:11px}.gallery{background:#fff}.gallery-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:245px 245px;gap:17px}.gallery-grid figure{position:relative;margin:0;border-radius:19px;overflow:hidden}.gallery-large{grid-row:1/3}.gallery-photo{height:100%;background-position:center;background-size:cover;transition:transform .45s}.gallery-grid figure:hover .gallery-photo{transform:scale(1.04)}.gallery-grid figcaption{position:absolute;right:14px;bottom:14px;padding:7px 12px;border-radius:9px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);font-size:12px;font-weight:700}.gallery-1{background-image:url('assets/images/gallery-1.jpg')}.gallery-2{background-image:url('assets/images/gallery-2.jpg')}.gallery-3{background-image:url('assets/images/gallery-3.jpg')}.gallery-4{background-image:url('assets/images/gallery-4.jpg')}.gallery-5{background-image:url('assets/images/gallery-5.jpg')}.articles{background:var(--surface-soft)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.article-grid article{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:21px}.article-image{height:220px;background-size:cover;background-position:center}.article-1{background-image:url('assets/images/article-1.jpg')}.article-2{background-image:url('assets/images/article-2.jpg')}.article-3{background-image:url('assets/images/article-3.jpg')}.article-body{padding:23px}.article-body>span{font-size:11px;color:var(--rose);font-weight:800}.article-body h3{font-size:18px;line-height:1.7;margin:7px 0}.article-body p{font-size:13px;color:var(--muted);margin:0}.booking{display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center;background:linear-gradient(135deg,#34272d,#5b3a46);color:#fff}.booking .section-label{color:#e7bdc7}.booking h2{margin-top:10px}.booking-copy>p{color:#d8cfd2}.booking-contact{display:flex;align-items:center;gap:12px;margin-top:25px}.booking-contact>span{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}.booking-contact small,.booking-contact a{display:block}.booking-contact small{font-size:11px;color:#cdbfc4}.booking-contact a{font-weight:800}.booking form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:rgba(255,255,255,.08);padding:27px;border:1px solid rgba(255,255,255,.15);border-radius:21px}.field label{display:block;margin-bottom:6px;font-size:12px}.field input,.field select{width:100%;height:49px;border:1px solid transparent;border-radius:10px;background:#fff;color:var(--text);padding:0 13px;outline:none}.field input:focus,.field select:focus{border-color:#d49aaa;box-shadow:0 0 0 3px rgba(212,154,170,.18)}.field.invalid input,.field.invalid select{border-color:#ef8e98}.error-text{display:block;min-height:18px;margin-top:3px;color:#ffbdc4;font-size:10px}.booking button{grid-column:1/-1;height:52px;border:0;border-radius:10px;background:var(--rose);color:#fff;font-weight:900;cursor:pointer}.booking button:hover{background:#b86a7d}.form-message{grid-column:1/-1;margin:0;text-align:center;font-size:12px}.form-message.success{color:#a8e3b8}
footer{background:var(--dark);color:#fff}.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:42px;padding:56px 7%}.footer-brand{display:flex;gap:14px}.footer-brand p{max-width:280px}.footer-main h3{font-size:15px;margin:0 0 15px}.footer-main p,.footer-main a{display:block;margin:8px 0;color:#bbb0b5;font-size:12px}.footer-main a:hover{color:#fff}.social-links{display:flex;align-items:center;gap:10px;margin-top:15px}.social-links a{width:42px;height:42px;margin:0;border:1px solid #5e4b53;border-radius:50%;display:grid;place-items:center;color:#e9dfe3;background:rgba(255,255,255,.035);transition:transform .2s,background .2s,border-color .2s}.social-links a:hover{color:#fff;background:var(--rose);border-color:var(--rose);transform:translateY(-3px)}.social-links svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 7%;border-top:1px solid #3d3136;color:#91858a;font-size:11px}.back-to-top{position:fixed;left:24px;bottom:24px;z-index:60;width:46px;height:46px;border:0;border-radius:50%;background:var(--rose);color:#fff;box-shadow:0 12px 25px rgba(0,0,0,.2);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s}.back-to-top.show{opacity:1;visibility:visible;transform:none}
@media(max-width:1200px){.site-header{padding:0 23px}.main-nav{gap:19px}.brand{min-width:215px}.hero-model{left:27%;width:360px}.hero-content{padding:45px 40px}.hero h1{font-size:53px}}
@media(max-width:1050px){html{scroll-padding-top:90px}.site-header{height:90px}.menu-toggle{display:block;margin-right:auto;z-index:2}.menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.main-nav{position:fixed;top:90px;right:20px;left:20px;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s}.main-nav.open{opacity:1;visibility:visible;transform:none}.main-nav a{padding:12px 14px}.main-nav a::after{display:none}.header-cta{display:none}.hero{min-height:760px;align-items:flex-end}.hero-background{inset:0 0 44%}.hero-fade{background:linear-gradient(180deg,transparent 0 33%,rgba(255,255,255,.1) 41%,#fff 58% 100%)}.hero-model{left:8%;bottom:40%;width:290px;height:390px}.hero-content{width:100%;padding:390px 44px 42px}.trust-strip{grid-template-columns:1fr 1fr}.about{gap:40px}.quality-card{right:0}.service-grid{gap:15px}.footer-main{grid-template-columns:1.4fr 1fr 1fr}.footer-main>div:last-child{grid-column:2/4}}
@media(max-width:760px){.page-shell{width:100%;margin:0;border-radius:0}.site-header{padding:0 16px}.brand{min-width:0}.brand-symbol{width:44px;height:50px;font-size:36px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:9px}.brand-copy span{font-size:7px}.hero{margin:0 12px 13px;border-radius:18px;min-height:750px}.hero-background{inset:0 0 51%}.clinic-wordmark{left:8%;top:27%}.clinic-wordmark strong{font-size:29px}.hero-model{left:3%;bottom:43%;width:215px;height:310px}.hero-content{padding:350px 23px 29px}.hero h1{font-size:39px}.hero-description{font-size:14px}.hero-actions{flex-direction:column}.button{width:100%}.social-proof{align-items:flex-start;flex-direction:column}.trust-strip{margin:0 12px;grid-template-columns:1fr}.section{padding:67px 23px}.section-heading h2,.about-copy h2,.booking h2{font-size:30px}.service-grid,.doctor-grid,.article-grid,.about,.booking{grid-template-columns:1fr}.service-card p{min-height:0}.about{gap:42px}.about-image{height:400px}.experience-badge{width:115px;height:115px;left:0}.quality-card{right:0;top:24px}.about-stats{gap:7px}.doctor-photo{height:320px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:320px 190px 190px}.gallery-large{grid-column:1/3;grid-row:auto}.booking form{grid-template-columns:1fr}.booking button,.form-message{grid-column:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:last-child{grid-column:auto}.footer-brand{grid-column:1/3}.footer-bottom{flex-direction:column;align-items:center;text-align:center}}
@media(max-width:480px){.hero{min-height:720px}.hero-background{inset:0 0 54%}.hero-model{width:180px;height:270px;bottom:46%}.hero-content{padding-top:320px}.hero h1{font-size:34px}.social-proof{margin-top:28px}.avatar{width:39px;height:39px}.section{padding-inline:18px}.about-image{height:350px}.quality-card{display:none}.about-stats strong{font-size:20px}.gallery-grid{display:grid;grid-template-columns:1fr;grid-template-rows:280px repeat(4,190px)}.gallery-large{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Hero اصلاح‌شده: فقط تصویر فضای کلینیک و بدون تصویر مدل */
.hero{min-height:615px;background:#fff}
.hero-background{inset:0 43% 0 0;background-image:url('assets/images/hero-clinic.jpg');background-position:center;background-size:cover;background-repeat:no-repeat}
.hero-fade{z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0) 0 27%,rgba(255,255,255,.28) 42%,#fff 60% 100%)}
.hero-content{z-index:2;width:54%;padding:52px 58px}
.clinic-wordmark{display:none}
.social-proof{padding:13px 17px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.86);width:max-content;max-width:100%}

@media(max-width:1050px){
  .hero{min-height:800px;align-items:flex-end}
  .hero-background{inset:0 0 48%;background-position:center 45%}
  .hero-fade{background:linear-gradient(180deg,rgba(255,255,255,0) 0 35%,rgba(255,255,255,.25) 44%,#fff 58% 100%)}
  .hero-content{width:100%;padding:400px 44px 42px}
}
@media(max-width:760px){
  .hero{min-height:760px}
  .hero-background{inset:0 0 55%;background-position:center}
  .hero-content{padding:350px 23px 29px}
  .social-proof{width:100%;align-items:center}
}
@media(max-width:480px){
  .hero{min-height:720px}
  .hero-background{inset:0 0 57%}
  .hero-content{padding-top:315px}
}

/* Articles and service detail pages */
.inner-page .site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);z-index:50}
.article-hero{padding:72px 6%;background:linear-gradient(135deg,#fff 0%,#fbf4f5 55%,#f3e2e6 100%);border-radius:0 0 42px 42px;text-align:center}
.article-hero .eyebrow{justify-content:center}.article-hero h1{font-size:clamp(2rem,5vw,4.2rem);margin:14px 0;color:#242128}.article-hero p{max-width:760px;margin:auto;color:#6d6870;line-height:2}
.breadcrumbs{font-size:.9rem;color:#8b7d82;margin-bottom:18px}.breadcrumbs a{color:#a85d70}
.content-wrap{width:min(1180px,92%);margin:56px auto 90px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:38px;align-items:start}
.article-content{background:#fff;border:1px solid #f0e6e8;border-radius:28px;padding:clamp(24px,5vw,56px);box-shadow:0 18px 50px rgba(70,45,52,.06)}
.article-content h2{font-size:1.55rem;margin:34px 0 12px;color:#2d2930}.article-content h2:first-child{margin-top:0}.article-content p,.article-content li{color:#625d64;line-height:2.15}.article-content ul{padding-right:22px}.article-note{background:#fbf2f4;border-right:4px solid #a85d70;border-radius:16px;padding:18px 20px;margin:26px 0;color:#554e54}
.article-sidebar{position:sticky;top:105px}.sidebar-card{background:#fff;border:1px solid #f0e6e8;border-radius:24px;padding:24px;margin-bottom:18px}.sidebar-card h3{margin:0 0 16px}.sidebar-card a{display:block;padding:11px 0;border-bottom:1px solid #f2eaec;color:#585157}.sidebar-card a:last-child{border:0}.sidebar-card .button{display:flex;margin-top:10px;color:white;border:0}
.all-articles{padding:64px 5% 90px}.all-articles .article-grid{margin-top:35px}.article-grid .article-body a{display:inline-flex;margin-top:14px;color:#a85d70;font-weight:700}
.article-card-icon{height:170px;display:grid;place-items:center;font-size:64px;background:linear-gradient(145deg,#fff,#f5e6e9);color:#a85d70}
.related-services{margin-top:42px;padding-top:30px;border-top:1px solid #eee4e6}.related-services h3{margin-bottom:18px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{background:#f8eff1;padding:10px 15px;border-radius:99px;color:#8c485a}
@media(max-width:850px){.content-wrap{grid-template-columns:1fr}.article-sidebar{position:static}.article-hero{padding:50px 5%}.inner-page .main-nav a{color:#2d2930}}


/* Telegram booking integration */
.hp-field{position:fixed!important;inset:0 auto auto 0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;opacity:0!important;pointer-events:none!important}
#bookingForm button[disabled]{opacity:.72;cursor:wait;transform:none}
.form-message.error{color:#9e2f47;background:#fff0f3;border:1px solid #f2c4ce;padding:.7rem .85rem;border-radius:12px}

/* تصاویر قابل جایگزینی توسط مدیر سایت */
.hero-background,.about-image,.doctor-photo,.gallery-photo,.article-image,.avatar{background-color:#eee6e4;background-repeat:no-repeat}

.social-handle{margin:.35rem 0 0}.social-handle a{direction:ltr;display:inline-block;font-size:.9rem}

/* Before / After gallery */
.before-after{background:var(--surface-soft)}
.before-after-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.before-after-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 12px 32px rgba(77,47,55,.06)}
.before-after-images{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.before-after-images figure{position:relative;margin:0;min-width:0;height:250px;overflow:hidden;background:#eee6e4}
.before-after-photo{width:100%;height:100%;background-size:cover;background-position:center;transition:transform .4s}
.before-after-images figure:hover .before-after-photo{transform:scale(1.035)}
.before-after-images figcaption{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:99px;font-size:11px;font-weight:800;color:var(--text)}
.before-after-card h3{margin:0;padding:16px 18px 18px;text-align:center;font-size:16px}
.ba-1-before{background-image:url('assets/images/before-after-1-before.jpg')}
.ba-1-after{background-image:url('assets/images/before-after-1-after.jpg')}
.ba-2-before{background-image:url('assets/images/before-after-2-before.jpg')}
.ba-2-after{background-image:url('assets/images/before-after-2-after.jpg')}
.ba-3-before{background-image:url('assets/images/before-after-3-before.jpg')}
.ba-3-after{background-image:url('assets/images/before-after-3-after.jpg')}
@media(max-width:900px){.before-after-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.doctor-grid{max-width:none}.before-after-grid{grid-template-columns:1fr}.before-after-images figure{height:220px}}


/* Service page before / after gallery */
.service-before-after{margin:34px 0 30px;padding:28px;background:var(--surface-soft);border:1px solid var(--line);border-radius:22px}
.service-before-after>h2{margin:0 0 8px;font-size:24px}
.service-before-after-intro{margin:0 0 22px;color:var(--muted);font-size:13px;line-height:2}
.service-before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-before-after-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}
.service-before-after-card>h3{margin:0;padding:13px 16px;text-align:center;font-size:14px;border-bottom:1px solid var(--line)}
.service-before-after-pair{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line)}
.service-before-after-pair figure{position:relative;margin:0;min-width:0;aspect-ratio:4/5;overflow:hidden;background:#eee6e4}
.service-before-after-pair img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.service-before-after-pair figcaption{position:absolute;right:9px;bottom:9px;margin:0;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.92);color:var(--text);font-size:11px;font-weight:800;box-shadow:0 4px 14px rgba(0,0,0,.08)}
@media(max-width:760px){.service-before-after{padding:18px;margin:28px 0}.service-before-after-grid{grid-template-columns:1fr}.service-before-after-pair figure{aspect-ratio:1/1.08}}
@media(max-width:420px){.service-before-after-pair figcaption{right:7px;bottom:7px}.service-before-after>h2{font-size:21px}}
/* End service page before / after gallery */

/* =========================================================
   HIDAVI SAGE THEME — matched to clinic wall reference
   Main sampled wall tone: approx. #C0C5A9
   ========================================================= */
:root{
  --bg:#f3f5ee;
  --surface:#ffffff;
  --surface-soft:#f6f8f2;
  --text:#30372d;
  --muted:#697064;
  --rose:#8f9f78;
  --rose-dark:#6f805c;
  --rose-light:#e9eddf;
  --gold:#a79470;
  --line:#dce2d2;
  --dark:#2e372c;
  --shadow:0 24px 70px rgba(62,76,55,.13);
}

body{
  background:
    radial-gradient(circle at 8% 2%,#fff 0,transparent 28%),
    linear-gradient(135deg,#fafbf7,#edf1e6);
}
.page-shell{box-shadow:var(--shadow)}
.site-header{background:rgba(255,255,255,.94)}
.brand-copy small{color:#687063}
.brand-copy span{color:#7b8374}
.main-nav a{color:#596155}
.header-cta,.button-primary{
  background:linear-gradient(135deg,#9eac89,var(--rose-dark));
  box-shadow:0 12px 28px rgba(111,128,92,.25)
}
.header-cta:hover,.button-primary:hover{filter:brightness(.98)}
.clinic-wordmark{color:#788068}
.hero h1 em,.eyebrow,.section-label,.section-heading>span{color:var(--rose-dark)}
.social-proof p span{color:#a98f4f}
.mini-icon,.service-icon{background:var(--rose-light);color:var(--rose-dark)}
.service-card:hover{box-shadow:0 18px 45px rgba(75,91,67,.11)}
.service-card.featured{box-shadow:0 14px 40px rgba(75,91,67,.09)}
.service-card a,.text-link,.article-body a{color:var(--rose-dark)}
.experience-badge{background:linear-gradient(135deg,#9eac89,var(--rose-dark))}
.quality-card{box-shadow:0 13px 34px rgba(65,79,58,.14)}
.quality-card>span{background:#edf3e9;color:#5d7d55}
.about-copy li::before,.about-stats strong{color:var(--rose-dark)}
.doctor-grid article:hover{box-shadow:0 18px 45px rgba(75,91,67,.1)}
.doctor-info span{background:var(--rose-light);color:var(--rose-dark)}
.article-body>span{color:var(--rose-dark)}
.booking{
  background:linear-gradient(135deg,#2f392d,#53634a);
}
.booking .section-label{color:#dce7cf}
.booking-copy>p{color:#d5ddd0}
.booking-contact small{color:#c8d2c2}
.field input:focus,.field select:focus{
  border-color:#9fac8d;
  box-shadow:0 0 0 3px rgba(143,159,120,.18)
}
.field.invalid input,.field.invalid select{border-color:#c78383}
.error-text{color:#ffc5c5}
.booking button{background:var(--rose-dark)}
.booking button:hover{background:#617351}
.form-message.success{color:#bfe7ba}
footer{background:var(--dark)}
.footer-main p,.footer-main a{color:#bdc7b8}
.footer-main a:hover{color:#fff}
.social-links a{border-color:#596654;color:#e5ebdf;background:rgba(255,255,255,.035)}
.social-links a:hover{background:var(--rose-dark);border-color:var(--rose-dark)}
.footer-bottom{border-top-color:#445040;color:#9eaa99}
.back-to-top{background:var(--rose-dark)}
.form-message.error{color:#8d4747;background:#fff4f2;border-color:#e9c9c2}
.hero-background,.about-image,.doctor-photo,.gallery-photo,.article-image,.avatar,
.before-after-images figure,.service-before-after-pair figure{background-color:#edf0e7}
.before-after-card{box-shadow:0 12px 32px rgba(75,91,67,.07)}

/* Inner/article pages */
.article-hero{
  background:linear-gradient(135deg,#f3f6ed,#e7ecde);
}
.breadcrumbs,.breadcrumbs a{color:#737c6d}
.article-content,.article-sidebar>*{border-color:var(--line)}
.article-note{background:#f1f5eb;border-color:#d8e1ce}
.article-card-icon{background:var(--rose-light);color:var(--rose-dark)}

/* Keep neutral whites where readability matters */
.button-outline,.trust-strip article,.service-card,.about,.gallery,
.article-grid article,.doctor-grid article,.before-after-card,
.service-before-after-card{background:#fff}


/* =========================================================
   DAY / NIGHT THEME TOGGLE
   ========================================================= */
.theme-toggle{
  width:46px;height:46px;flex:0 0 46px;border:1px solid var(--line);border-radius:14px;
  background:var(--surface);color:var(--text);display:grid;place-items:center;position:relative;
  cursor:pointer;box-shadow:0 8px 22px rgba(62,76,55,.08);transition:.25s ease;
}
.theme-toggle:hover{transform:translateY(-2px);border-color:var(--rose);box-shadow:0 10px 25px rgba(62,76,55,.13)}
.theme-icon{position:absolute;font-size:21px;line-height:1;transition:opacity .2s,transform .25s}
.theme-icon-sun{opacity:0;transform:rotate(-45deg) scale(.65)}
.theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}

html[data-theme="dark"]{
  --bg:#171c16;
  --surface:#232a21;
  --surface-soft:#1d241c;
  --text:#f1f4ed;
  --muted:#b8c1b1;
  --rose:#a9ba90;
  --rose-dark:#91a676;
  --rose-light:#303a2c;
  --gold:#c4b18b;
  --line:#3a4636;
  --dark:#121711;
  --shadow:0 24px 70px rgba(0,0,0,.30);
  color-scheme:dark;
}
html[data-theme="dark"] body{
  background:radial-gradient(circle at 8% 2%,#283126 0,transparent 28%),linear-gradient(135deg,#171c16,#20271e);
}
html[data-theme="dark"] .page-shell{background:rgba(31,38,29,.94);border-color:#354031}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .inner-page .site-header{background:rgba(29,36,28,.95)}
html[data-theme="dark"] .brand-copy small,html[data-theme="dark"] .brand-copy span,html[data-theme="dark"] .main-nav a{color:#c1c9bb}
html[data-theme="dark"] .menu-toggle,html[data-theme="dark"] .main-nav{background:#232a21;border-color:var(--line)}
html[data-theme="dark"] .menu-toggle span{background:var(--text)}
html[data-theme="dark"] .theme-toggle{background:#293226;border-color:#46533f;color:#f4e8b5}
html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:rotate(45deg) scale(.65)}
html[data-theme="dark"] .hero{background:#222a20}
html[data-theme="dark"] .hero-fade{background:linear-gradient(90deg,rgba(29,36,28,0) 0 27%,rgba(29,36,28,.35) 42%,#1d241c 61% 100%)}
html[data-theme="dark"] .social-proof{background:rgba(35,42,33,.9)}
html[data-theme="dark"] .button-outline,
html[data-theme="dark"] .trust-strip article,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .about,
html[data-theme="dark"] .gallery,
html[data-theme="dark"] .article-grid article,
html[data-theme="dark"] .doctor-grid article,
html[data-theme="dark"] .before-after-card,
html[data-theme="dark"] .service-before-after-card,
html[data-theme="dark"] .article-content,
html[data-theme="dark"] .article-sidebar>*{background:#232a21;color:var(--text);border-color:var(--line)}
html[data-theme="dark"] .services,html[data-theme="dark"] .articles,html[data-theme="dark"] .all-articles{background:#1d241c}
html[data-theme="dark"] .article-hero{background:linear-gradient(135deg,#242c22,#1c231b)}
html[data-theme="dark"] .article-hero h1{color:var(--text)}
html[data-theme="dark"] .article-hero p,html[data-theme="dark"] .breadcrumbs,html[data-theme="dark"] .breadcrumbs a{color:#b8c1b1}
html[data-theme="dark"] .article-note{background:#2a3327;border-color:#3d4939}
html[data-theme="dark"] .field input,html[data-theme="dark"] .field select{background:#f7f9f4;color:#253021}
html[data-theme="dark"] .gallery-grid figcaption{background:rgba(31,38,29,.88);color:#f1f4ed}
html[data-theme="dark"] .hero-background,html[data-theme="dark"] .about-image,html[data-theme="dark"] .gallery-photo,
html[data-theme="dark"] .article-image,html[data-theme="dark"] .before-after-images figure,
html[data-theme="dark"] .service-before-after-pair figure{background-color:#2a3327}
html[data-theme="dark"] footer{background:#10150f}

@media(max-width:1050px){
  html[data-theme="dark"] .hero-fade{background:linear-gradient(180deg,rgba(29,36,28,0) 0 35%,rgba(29,36,28,.28) 44%,#1d241c 59% 100%)}
}
@media(max-width:760px){
  .theme-toggle{width:42px;height:42px;flex-basis:42px;border-radius:12px;margin-right:4px}
  .theme-icon{font-size:19px}
}

/* =========================================================
   DARK MODE READABILITY FIX — article/service pages
   ========================================================= */
html[data-theme="dark"] .article-content h1,
html[data-theme="dark"] .article-content h2,
html[data-theme="dark"] .article-content h3,
html[data-theme="dark"] .article-content h4,
html[data-theme="dark"] .article-sidebar h2,
html[data-theme="dark"] .article-sidebar h3,
html[data-theme="dark"] .article-sidebar h4,
html[data-theme="dark"] .service-before-after h2,
html[data-theme="dark"] .service-before-after h3,
html[data-theme="dark"] .related-services h3 {
  color:#f5f7f1 !important;
}

html[data-theme="dark"] .article-content p,
html[data-theme="dark"] .article-content li,
html[data-theme="dark"] .article-content dd,
html[data-theme="dark"] .article-content dt,
html[data-theme="dark"] .service-before-after-intro,
html[data-theme="dark"] .article-body p {
  color:#d5ddd0 !important;
}

html[data-theme="dark"] .article-note {
  color:#e3e9de !important;
  background:#2b3528 !important;
  border-color:#8fa778 !important;
}
html[data-theme="dark"] .article-note strong { color:#f7faf4 !important; }

html[data-theme="dark"] .sidebar-card,
html[data-theme="dark"] .article-sidebar>* {
  background:#232a21 !important;
  border-color:#465340 !important;
}
html[data-theme="dark"] .sidebar-card h3 { color:#f5f7f1 !important; }
html[data-theme="dark"] .sidebar-card a {
  color:#d3dbce !important;
  border-bottom-color:#465340 !important;
}
html[data-theme="dark"] .sidebar-card a:hover,
html[data-theme="dark"] .sidebar-card a:focus-visible {
  color:#ffffff !important;
}

html[data-theme="dark"] .related-services {
  border-top-color:#465340 !important;
}
html[data-theme="dark"] .related-links a {
  background:#303a2c !important;
  color:#dce7cf !important;
  border:1px solid #465340;
}
html[data-theme="dark"] .related-links a:hover { color:#fff !important; }

html[data-theme="dark"] .service-before-after {
  background:#1d241c !important;
  border-color:#3f4c3a !important;
}
html[data-theme="dark"] .service-before-after-card {
  background:#252e23 !important;
  border-color:#465340 !important;
}
html[data-theme="dark"] .service-before-after-card>h3 {
  color:#f3f6ef !important;
  border-bottom-color:#465340 !important;
}
html[data-theme="dark"] .service-before-after-pair {
  background:#465340 !important;
}
html[data-theme="dark"] .service-before-after-pair figcaption {
  background:rgba(20,27,19,.90) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.12);
}

html[data-theme="dark"] .article-card-icon {
  background:linear-gradient(145deg,#283126,#20281f) !important;
  color:#cbd8bd !important;
}
html[data-theme="dark"] .article-grid .article-body a,
html[data-theme="dark"] .article-body a,
html[data-theme="dark"] .text-link {
  color:#c7d7b5 !important;
}

/* Improve muted text contrast across dark mode without making it stark white. */
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .about-copy>p,
html[data-theme="dark"] .doctor-info p,
html[data-theme="dark"] .trust-strip small,
html[data-theme="dark"] .social-proof p,
html[data-theme="dark"] .about-stats span {
  color:#c7d0c1 !important;
}

.service-subcategories{max-width:1180px;margin:34px auto;padding:34px 24px}
.service-subcategories .section-head{text-align:center;margin-bottom:24px}
.service-subcategories .section-head span{color:var(--primary);font-weight:800}
.service-subcategories .section-head h2{margin:8px 0 10px}
.subservice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.subservice-card{border:1px solid rgba(126,145,116,.24);border-radius:20px;padding:20px;background:rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(43,55,39,.06)}
.subservice-card h3{margin:0 0 9px;color:var(--text);font-size:1.05rem}
.subservice-card p{margin:0;color:var(--muted);line-height:2}
[data-theme="dark"] .subservice-card{background:rgba(255,255,255,.045);border-color:rgba(201,216,192,.18)}
[data-theme="dark"] .subservice-card h3{color:#f5f3e9}
[data-theme="dark"] .subservice-card p,[data-theme="dark"] .service-subcategories .section-head p{color:#d7dbd2}
@media(max-width:720px){.service-subcategories{padding:24px 16px}.subservice-grid{grid-template-columns:1fr}.subservice-card{padding:17px}}

/* Smart site search */
.site-search-wrap{position:fixed;left:20px;bottom:20px;z-index:900}
.site-search-trigger{display:flex;align-items:center;gap:10px;border:1px solid rgba(118,137,108,.26);background:rgba(250,251,248,.92);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 16px 40px rgba(35,47,31,.14);border-radius:18px;padding:12px 14px;font-family:inherit;color:#344033;cursor:pointer;transition:.25s ease}
.site-search-trigger:hover{transform:translateY(-2px);box-shadow:0 20px 48px rgba(35,47,31,.18)}
.site-search-trigger .search-icon{font-size:24px;line-height:1}
.site-search-trigger kbd{font-family:inherit;font-size:11px;color:#697466;background:#eef2e8;border:1px solid #d7dfd0;border-bottom-width:2px;border-radius:7px;padding:3px 7px}
.search-modal{position:fixed;inset:0;z-index:2000;display:none;align-items:flex-start;justify-content:center;padding:8vh 18px 24px}
.search-modal.is-open{display:flex}
.search-backdrop{position:absolute;inset:0;background:rgba(20,28,18,.58);backdrop-filter:blur(8px)}
.search-panel{position:relative;width:min(780px,100%);max-height:84vh;overflow:auto;background:#fbfcf8;border:1px solid rgba(137,157,126,.24);border-radius:28px;box-shadow:0 30px 90px rgba(15,24,13,.28);padding:24px;animation:searchIn .2s ease}
@keyframes searchIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.search-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}
.search-eyebrow{font-size:12px;font-weight:800;color:#7b9171}
.search-panel-head h2{margin:5px 0 0;font-size:clamp(22px,4vw,34px);color:#2e392d}
.search-close{border:0;background:#edf2e9;width:42px;height:42px;border-radius:14px;font-size:28px;cursor:pointer;color:#465443}
.search-input-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid #dfe7da;border-radius:18px;padding:6px 9px 6px 14px;box-shadow:0 8px 24px rgba(55,73,49,.06)}
.search-input-icon{font-size:25px;color:#7b9171}
.search-input-box input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-family:inherit;font-size:16px;padding:12px;color:#263225}
.search-input-box input::placeholder{color:#9ba69a}
.search-input-box button{border:0;background:#eef3ea;color:#667761;border-radius:11px;padding:9px 12px;font-family:inherit;cursor:pointer}
.search-hints{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.search-hints button{border:1px solid #dfe8da;background:#f6f8f3;color:#64745f;border-radius:999px;padding:7px 11px;font-family:inherit;cursor:pointer}
.search-status{font-size:13px;color:#7d877b;margin:14px 2px}
.search-results{display:grid;gap:10px}
.search-result{display:block;text-decoration:none;background:white;border:1px solid #e2e8df;border-radius:17px;padding:15px 17px;transition:.2s ease}
.search-result:hover{border-color:#b8c8af;transform:translateY(-1px);box-shadow:0 10px 28px rgba(53,70,47,.07)}
.search-result-title{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#2e392d;font-weight:900;font-size:15px}
.search-result-title span:last-child{color:#829379;font-size:17px}
.search-result p{margin:7px 0 0;color:#687466;font-size:13px;line-height:1.9}
.search-highlight{background:#e3ecd9;color:#253124;border-radius:4px;padding:0 2px}
.search-empty{text-align:center;padding:34px 12px;color:#758170}
.search-empty strong{display:block;color:#394637;font-size:18px;margin-bottom:8px}
[data-theme="dark"] .site-search-trigger{background:rgba(28,39,27,.92);color:#eef3e9;border-color:rgba(197,215,188,.16)}
[data-theme="dark"] .site-search-trigger kbd{background:#263425;color:#cfd8cb;border-color:#394b37}
[data-theme="dark"] .search-panel{background:#182217;border-color:#31402f}
[data-theme="dark"] .search-panel-head h2{color:#f3f4ec}
[data-theme="dark"] .search-close{background:#263425;color:#e9efe5}
[data-theme="dark"] .search-input-box{background:#202c1f;border-color:#344533}
[data-theme="dark"] .search-input-box input{color:#f2f4ec}
[data-theme="dark"] .search-input-box input::placeholder{color:#859382}
[data-theme="dark"] .search-input-box button,[data-theme="dark"] .search-hints button{background:#263425;color:#d8e1d4;border-color:#3a4b38}
[data-theme="dark"] .search-status{color:#aeb9aa}
[data-theme="dark"] .search-result{background:#202b1f;border-color:#334432}
[data-theme="dark"] .search-result-title{color:#f4f3ea}
[data-theme="dark"] .search-result p{color:#cbd3c7}
[data-theme="dark"] .search-highlight{background:#536a4d;color:#fff}
@media(max-width:680px){
  .site-search-wrap{left:12px;bottom:12px}
  .site-search-trigger span:nth-child(2),.site-search-trigger kbd{display:none}
  .site-search-trigger{width:52px;height:52px;justify-content:center;border-radius:17px;padding:0}
  .search-modal{padding:4vh 10px 12px}
  .search-panel{padding:18px 14px;border-radius:22px;max-height:92vh}
}

/* ===== Three focused fixes (safe patch) ===== */
/* 1) Article/service decorative tops in dark mode */
[data-theme="dark"] .article-card-icon{
  background:linear-gradient(145deg,#263225,#202b1f) !important;
  color:#c8d7bf !important;
  border-color:rgba(201,216,192,.16) !important;
}
[data-theme="dark"] .article-grid article{
  background:#202b1f !important;
  border-color:rgba(201,216,192,.16) !important;
}
[data-theme="dark"] .article-grid .article-body h3{color:#f4f3ea !important}
[data-theme="dark"] .article-grid .article-body p{color:#cbd3c7 !important}

/* 2) Keep the back-to-top and search controls physically separate */
.back-to-top{left:88px !important;bottom:24px !important}
@media(max-width:680px){
  .back-to-top{left:74px !important;bottom:15px !important}
}

/* 3) Deep-linked subservice targets */
.subservice-card{scroll-margin-top:120px}
.subservice-card.search-target{
  outline:2px solid #8fa884;
  outline-offset:5px;
  animation:hidaviTargetPulse 1.6s ease;
}
@keyframes hidaviTargetPulse{
  0%,100%{outline-color:transparent}
  45%{outline-color:#8fa884}
}




/* Dark-mode home hero title contrast fix */
html[data-theme="dark"] .hero #heroTitle{
  color:#263225 !important;
}
html[data-theme="dark"] .hero #heroTitle em{
  color:#78906f !important;
}


/* =========================================================
   UI UPDATE 13 — calmer night theme, header controls, hero spacing, videos
   ========================================================= */

/* Hero Persian line spacing: keep dots and descenders clear */
#heroTitle{
  line-height:1.28;
}
#heroTitle em{
  display:inline-block;
  margin-top:.18em;
  line-height:1.28;
}

/* Header controls: hamburger at far left, theme toggle beside it */
.header-controls{
  display:flex;
  align-items:center;
  gap:9px;
  flex:0 0 auto;
}
@media (max-width: 980px){
  .site-header .header-controls{
    margin-right:auto;
    direction:ltr;
  }
  .site-header .header-controls .menu-toggle{
    order:1;
    margin:0;
  }
  .site-header .header-controls .theme-toggle{
    order:2;
    margin:0;
  }
}
@media (min-width: 981px){
  .header-controls .menu-toggle{display:none}
}

/* Videos */
.videos-section{
  background:var(--surface-soft);
  border-radius:28px;
}
.video-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.video-card{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:22px;
  padding:14px;
  box-shadow:0 14px 38px rgba(56,70,51,.07);
}
.video-frame{
  position:relative;
  aspect-ratio:16/9;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg,var(--rose-light),#eef2e9);
  border:1px solid var(--line);
}
.video-frame video{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  position:relative;
  z-index:2;
  background:transparent;
}
.video-placeholder{
  position:absolute;
  inset:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  text-align:center;
  padding:18px;
  color:var(--text);
}
.video-play{
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--rose);
  color:#fff;
  font-size:19px;
  padding-right:2px;
  box-shadow:0 12px 30px rgba(82,104,75,.18);
}
.video-placeholder strong{font-size:15px}
.video-placeholder small{color:var(--muted);font-size:12px}
.video-card h3{margin:14px 4px 5px;font-size:17px}
.video-card p{margin:0 4px 4px;color:var(--muted);font-size:13px;line-height:1.9}
@media(max-width:900px){.video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.video-grid{grid-template-columns:1fr}}

/* Calm charcoal / blue-green night palette */
html[data-theme="dark"]{
  --bg:#171B1D !important;
  --surface:#20262A !important;
  --surface-soft:#1B2024 !important;
  --text:#F3F1EA !important;
  --muted:#B8C1BD !important;
  --rose:#9FB7B0 !important;
  --rose-dark:#88A59D !important;
  --rose-light:#2B3538 !important;
  --gold:#C7B996 !important;
  --line:#364146 !important;
  --dark:#101416 !important;
  --shadow:0 24px 70px rgba(0,0,0,.26) !important;
  color-scheme:dark;
}
html[data-theme="dark"] body{
  background:
    radial-gradient(circle at 10% 0%,rgba(95,122,120,.18) 0,transparent 28%),
    linear-gradient(135deg,#171B1D,#1D2427) !important;
}
html[data-theme="dark"] .page-shell{
  background:rgba(28,34,37,.96) !important;
  border-color:#364146 !important;
}
html[data-theme="dark"] .site-header,
html[data-theme="dark"] .inner-page .site-header{
  background:rgba(27,33,36,.96) !important;
}
html[data-theme="dark"] .main-nav,
html[data-theme="dark"] .menu-toggle,
html[data-theme="dark"] .theme-toggle{
  background:#20272A !important;
  border-color:#3A474B !important;
}
html[data-theme="dark"] .theme-toggle{
  color:#E9DDAA !important;
}
html[data-theme="dark"] .brand-copy small,
html[data-theme="dark"] .brand-copy span,
html[data-theme="dark"] .main-nav a{
  color:#C7D0CD !important;
}
html[data-theme="dark"] .hero{
  background:#202629 !important;
}
html[data-theme="dark"] .hero-fade{
  background:linear-gradient(90deg,rgba(31,38,41,0) 0 27%,rgba(31,38,41,.28) 43%,#202629 63% 100%) !important;
}
html[data-theme="dark"] .services,
html[data-theme="dark"] .articles,
html[data-theme="dark"] .all-articles{
  background:#1B2024 !important;
}
html[data-theme="dark"] .trust-strip article,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .about,
html[data-theme="dark"] .gallery,
html[data-theme="dark"] .video-card,
html[data-theme="dark"] .article-grid article,
html[data-theme="dark"] .article-content,
html[data-theme="dark"] .article-sidebar>*,
html[data-theme="dark"] .service-before-after-card{
  background:#20262A !important;
  border-color:#364146 !important;
  color:#F3F1EA !important;
}
html[data-theme="dark"] .videos-section,
html[data-theme="dark"] .service-before-after{
  background:#1B2024 !important;
  border-color:#364146 !important;
}
html[data-theme="dark"] .video-frame{
  background:linear-gradient(145deg,#293337,#20282B) !important;
  border-color:#3A474B !important;
}
html[data-theme="dark"] .video-placeholder{
  color:#F3F1EA !important;
}
html[data-theme="dark"] .video-placeholder small,
html[data-theme="dark"] .video-card p,
html[data-theme="dark"] .section-heading p,
html[data-theme="dark"] .service-card p,
html[data-theme="dark"] .article-content p,
html[data-theme="dark"] .article-content li{
  color:#C5CECB !important;
}
html[data-theme="dark"] .article-hero{
  background:linear-gradient(135deg,#252D31,#1B2024) !important;
}
html[data-theme="dark"] .article-note{
  background:#283135 !important;
  border-color:#50615F !important;
  color:#DFE5E2 !important;
}
html[data-theme="dark"] .subservice-card{
  background:#222A2D !important;
  border-color:#3A474B !important;
}
html[data-theme="dark"] .subservice-card h3{
  color:#F3F1EA !important;
}
html[data-theme="dark"] .subservice-card p{
  color:#C5CECB !important;
}
html[data-theme="dark"] .site-search-trigger{
  background:rgba(31,39,42,.94) !important;
  color:#EDF1EE !important;
  border-color:#3D4B4F !important;
}
html[data-theme="dark"] .search-panel{
  background:#1B2124 !important;
  border-color:#3A474B !important;
}
html[data-theme="dark"] .search-input-box,
html[data-theme="dark"] .search-result{
  background:#232B2F !important;
  border-color:#3A474B !important;
}
html[data-theme="dark"] .search-result-title{
  color:#F3F1EA !important;
}
html[data-theme="dark"] .search-result p,
html[data-theme="dark"] .search-status{
  color:#BCC6C2 !important;
}
html[data-theme="dark"] footer{
  background:#101416 !important;
}

/* In the mobile hero the copy panel remains light; use dark readable heading */
@media(max-width:760px){
  html[data-theme="dark"] .hero #heroTitle{
    color:#25302D !important;
  }
  html[data-theme="dark"] .hero #heroTitle em{
    color:#78968E !important;
  }
}

/* Clinic live map */
.clinic-map-section{background:var(--surface-soft);border-radius:28px}
.clinic-map-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:0 16px 44px rgba(56,70,51,.08)}
.clinic-map-frame{width:100%;height:390px;background:var(--surface-soft)}
.clinic-map-frame iframe{display:block;width:100%;height:100%;border:0}
.clinic-map-footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 22px}
.clinic-map-footer strong{display:block;margin-bottom:5px;font-size:17px;color:var(--text)}
.clinic-map-footer p{margin:0;color:var(--muted);line-height:1.9;font-size:13px}
.map-open-button{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 19px;border-radius:14px;background:var(--rose);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 10px 26px rgba(82,104,75,.16);transition:.2s}
.map-open-button:hover{transform:translateY(-2px);filter:brightness(.96)}
html[data-theme="dark"] .clinic-map-section{background:#1B2024!important}
html[data-theme="dark"] .clinic-map-card{background:#20262A!important;border-color:#364146!important}
html[data-theme="dark"] .clinic-map-footer strong{color:#F3F1EA!important}
html[data-theme="dark"] .clinic-map-footer p{color:#C5CECB!important}
html[data-theme="dark"] .map-open-button{background:#8EA9A1!important;color:#101416!important}
@media(max-width:700px){.clinic-map-frame{height:320px}.clinic-map-footer{align-items:stretch;flex-direction:column;padding:17px}.map-open-button{width:100%}}


/* FINAL NIGHT FIXES
   1) Make desktop navigation visually continuous with the header.
   2) Keep text readable on the light "treatment standard" hero card.
*/

/* Night navigation: no lighter rectangle / shadow */
html[data-theme="dark"] .site-header .main-nav,
html[data-theme="dark"] .inner-page .site-header .main-nav{
  background:transparent !important;
  background-color:transparent !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
  border-color:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

/* Light hero trust/standard card stays light in night mode, so its copy must stay dark. */
html[data-theme="dark"] .hero .hero-card,
html[data-theme="dark"] .hero .hero-badge,
html[data-theme="dark"] .hero .floating-card,
html[data-theme="dark"] .hero [class*="trust-card"],
html[data-theme="dark"] .hero [class*="standard"]{
  color:#26322e !important;
}
html[data-theme="dark"] .hero .hero-card h1,
html[data-theme="dark"] .hero .hero-card h2,
html[data-theme="dark"] .hero .hero-card h3,
html[data-theme="dark"] .hero .hero-card strong,
html[data-theme="dark"] .hero .hero-badge h1,
html[data-theme="dark"] .hero .hero-badge h2,
html[data-theme="dark"] .hero .hero-badge h3,
html[data-theme="dark"] .hero .hero-badge strong,
html[data-theme="dark"] .hero .floating-card h1,
html[data-theme="dark"] .hero .floating-card h2,
html[data-theme="dark"] .hero .floating-card h3,
html[data-theme="dark"] .hero .floating-card strong,
html[data-theme="dark"] .hero [class*="trust-card"] h1,
html[data-theme="dark"] .hero [class*="trust-card"] h2,
html[data-theme="dark"] .hero [class*="trust-card"] h3,
html[data-theme="dark"] .hero [class*="trust-card"] strong,
html[data-theme="dark"] .hero [class*="standard"] h1,
html[data-theme="dark"] .hero [class*="standard"] h2,
html[data-theme="dark"] .hero [class*="standard"] h3,
html[data-theme="dark"] .hero [class*="standard"] strong{
  color:#33413c !important;
}
html[data-theme="dark"] .hero .hero-card p,
html[data-theme="dark"] .hero .hero-badge p,
html[data-theme="dark"] .hero .floating-card p,
html[data-theme="dark"] .hero [class*="trust-card"] p,
html[data-theme="dark"] .hero [class*="standard"] p{
  color:#66736e !important;
}

/* Exact treatment-standard text container detected from markup */
html[data-theme="dark"] .quality-card,
html[data-theme="dark"] .quality-card *{
  color:#33413c !important;
}
html[data-theme="dark"] .quality-card p{
  color:#66736e !important;
}

/* Desktop hero layout fix: keep image left and content right */
@media (min-width:1051px){
  .hero-content{
    margin-right:0 !important;
    margin-left:auto !important;
    width:46% !important;
    padding:52px 58px !important;
  }
  .hero-background{
    inset:0 43% 0 0 !important;
  }
  .hero-fade{
    background:linear-gradient(90deg,rgba(255,255,255,0) 0 27%,rgba(255,255,255,.28) 42%,#fff 60% 100%) !important;
  }
  html[data-theme="dark"] .hero-fade{
    background:linear-gradient(90deg,rgba(31,38,41,0) 0 27%,rgba(31,38,41,.28) 43%,#202629 63% 100%) !important;
  }
}


/* Social proof avatars */
.social-proof-avatars{
  display:flex;
  align-items:center;
  justify-content:center;
  direction:ltr;
  margin:10px 0 8px;
  padding-left:8px;
}
.social-proof-avatars img{
  width:42px;
  height:42px;
  object-fit:cover;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.96);
  box-shadow:0 5px 14px rgba(50,60,46,.16);
  background:#eef2e9;
  margin-left:-10px;
  transition:transform .2s ease, z-index .2s ease;
  position:relative;
}
.social-proof-avatars img:first-child{margin-left:0}
.social-proof-avatars img:hover{
  transform:translateY(-3px) scale(1.06);
  z-index:5;
}
html[data-theme="dark"] .social-proof-avatars img{
  border-color:#20262A;
  background:#2A3437;
  box-shadow:0 5px 16px rgba(0,0,0,.28);
}
@media(max-width:700px){
  .social-proof-avatars{margin:8px 0 6px}
  .social-proof-avatars img{
    width:36px;
    height:36px;
    border-width:2px;
    margin-left:-8px;
  }
  .social-proof-avatars img:first-child{margin-left:0}
}


/* FINAL dark hero title readability fix */
html[data-theme="dark"] .hero #heroTitle{
  color:#F3F1EA !important;
  text-shadow:0 1px 0 rgba(0,0,0,.06);
}
html[data-theme="dark"] .hero #heroTitle em{
  color:#9FB7B0 !important;
}


/* Center search modal close icon exactly */
.search-close{
  display:grid !important;
  place-items:center !important;
  padding:0 !important;
  line-height:1 !important;
  text-align:center !important;
}
.search-close::before,
.search-close::after{
  line-height:1 !important;
}


/* Premium service card action button */
.service-card-button{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px !important;
  min-height:46px;
  margin-top:20px !important;
  padding:0 16px 0 13px;
  border:1px solid rgba(129,151,119,.28);
  border-radius:14px;
  background:
    linear-gradient(135deg,rgba(159,183,176,.16),rgba(143,168,132,.08)),
    #f8faf5;
  color:#52674d !important;
  text-decoration:none !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(69,88,62,.08);
  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border-color .25s ease,
    color .25s ease;
}
.service-card-button::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(115deg,#8FA884,#9FB7B0);
  transform:translateX(110%);
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.service-card-button-label{
  position:relative;
  z-index:1;
  white-space:nowrap;
}
.service-card-button-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:10px;
  background:rgba(143,168,132,.14);
  color:#6f8567;
  font-size:18px;
  line-height:1;
  transition:
    transform .3s ease,
    background .25s ease,
    color .25s ease;
}
.service-card-button:hover{
  transform:translateY(-3px);
  border-color:transparent;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(69,88,62,.18);
}
.service-card-button:hover::before{
  transform:translateX(0);
}
.service-card-button:hover .service-card-button-icon{
  transform:translateX(-3px);
  background:rgba(255,255,255,.18);
  color:#fff;
}
.service-card-button:active{
  transform:translateY(-1px) scale(.99);
}
.service-card-button:focus-visible{
  outline:3px solid rgba(143,168,132,.3);
  outline-offset:3px;
}

/* Keep cards from inheriting the old text-link-only look */
.service-card .service-card-button,
.article-grid article .service-card-button{
  width:max-content;
  max-width:100%;
}

/* Night mode */
html[data-theme="dark"] .service-card-button{
  background:
    linear-gradient(135deg,rgba(159,183,176,.10),rgba(143,168,132,.05)),
    #273033;
  border-color:#3b4a4e;
  color:#dfe7e3 !important;
  box-shadow:0 8px 20px rgba(0,0,0,.16);
}
html[data-theme="dark"] .service-card-button::before{
  background:linear-gradient(115deg,#78968E,#8EA9A1);
}
html[data-theme="dark"] .service-card-button-icon{
  background:#334044;
  color:#c6d5d0;
}
html[data-theme="dark"] .service-card-button:hover{
  color:#111718 !important;
}
html[data-theme="dark"] .service-card-button:hover .service-card-button-icon{
  background:rgba(15,20,21,.14);
  color:#111718;
}

/* Mobile: full-width, easier to tap */
@media(max-width:620px){
  .service-card-button{
    width:100% !important;
    min-height:48px;
    justify-content:space-between;
    padding-inline:15px;
  }
}


/* Related articles — calm olive palette for light theme */
html:not([data-theme="dark"]) .related-links a,
html:not([data-theme="dark"]) .related-articles a,
html:not([data-theme="dark"]) .article-related a,
html:not([data-theme="dark"]) [class*="related"] a{
  background:#EEF2E9 !important;
  color:#667A5D !important;
  border:1px solid #DDE6D6 !important;
  box-shadow:none !important;
  transition:
    background .22s ease,
    color .22s ease,
    border-color .22s ease,
    transform .22s ease,
    box-shadow .22s ease !important;
}
html:not([data-theme="dark"]) .related-links a:hover,
html:not([data-theme="dark"]) .related-articles a:hover,
html:not([data-theme="dark"]) .article-related a:hover,
html:not([data-theme="dark"]) [class*="related"] a:hover{
  background:#8FA884 !important;
  color:#fff !important;
  border-color:#8FA884 !important;
  transform:translateY(-2px);
  box-shadow:0 8px 18px rgba(82,103,75,.13) !important;
}


/* DRAGONS IT first-visit glass intro */
.dragons-intro{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:20px;
  background:
    radial-gradient(circle at 20% 20%,rgba(159,183,176,.22),transparent 30%),
    radial-gradient(circle at 80% 75%,rgba(143,168,132,.18),transparent 34%),
    rgba(12,18,19,.38);
  backdrop-filter:blur(13px) saturate(125%);
  -webkit-backdrop-filter:blur(13px) saturate(125%);
  opacity:0;
  visibility:hidden;
  transition:opacity .7s ease,visibility .7s ease;
}
.dragons-intro.is-visible{
  opacity:1;
  visibility:visible;
}
.dragons-intro.is-leaving{
  opacity:0;
  visibility:hidden;
}
.dragons-intro-card{
  position:relative;
  width:min(520px,92vw);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.34);
  border-radius:28px;
  padding:34px 28px 30px;
  text-align:center;
  background:
    linear-gradient(135deg,rgba(255,255,255,.28),rgba(255,255,255,.10));
  box-shadow:
    0 28px 90px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(255,255,255,.48);
  backdrop-filter:blur(24px) saturate(145%);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  transform:translateY(22px) scale(.94);
  opacity:0;
}
.dragons-intro.is-visible .dragons-intro-card{
  animation:dragonsIntroIn .9s cubic-bezier(.16,1,.3,1) forwards;
}
.dragons-intro.is-leaving .dragons-intro-card{
  animation:dragonsIntroOut .65s cubic-bezier(.4,0,1,1) forwards;
}
.dragons-intro-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(120deg,rgba(255,255,255,.8),rgba(159,183,176,.62),rgba(255,255,255,.16));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.dragons-intro-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  left:-70px;
  top:-75px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34),transparent 68%);
  filter:blur(8px);
  animation:dragonsGlow 2.6s ease-in-out infinite alternate;
  pointer-events:none;
}
.dragons-intro-kicker{
  display:block;
  margin-bottom:9px;
  color:rgba(255,255,255,.78);
  font-size:12px;
  letter-spacing:.18em;
}
.dragons-intro-title{
  position:relative;
  display:inline-block;
  margin:0;
  font-size:clamp(24px,5vw,42px);
  font-weight:950;
  line-height:1.35;
  letter-spacing:.01em;
  background:linear-gradient(90deg,#ffffff 0%,#dbe8df 28%,#9fb7b0 50%,#ffffff 74%,#d8e4d4 100%);
  background-size:220% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:0 8px 30px rgba(0,0,0,.16);
  animation:dragonsTextShine 2.8s linear infinite;
}
.dragons-intro-title::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,transparent,#9FB7B0,transparent);
  box-shadow:0 0 16px rgba(159,183,176,.7);
}
.dragons-intro-telegram{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin-top:25px;
  padding:9px 15px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.28);
  background:rgba(255,255,255,.10);
  color:#f5f7f5 !important;
  text-decoration:none !important;
  font-weight:850;
  direction:ltr;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.dragons-intro-telegram:hover{
  transform:translateY(-2px);
  background:rgba(255,255,255,.18);
  box-shadow:0 10px 24px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.22);
}
.dragons-intro-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#9FB7B0;
  box-shadow:0 0 14px rgba(159,183,176,.9);
  animation:dragonsPulse 1.3s ease-in-out infinite;
}
@keyframes dragonsIntroIn{
  from{opacity:0;transform:translateY(26px) scale(.92);filter:blur(10px)}
  to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
}
@keyframes dragonsIntroOut{
  from{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
  to{opacity:0;transform:translateY(-18px) scale(.96);filter:blur(9px)}
}
@keyframes dragonsTextShine{
  to{background-position:220% center}
}
@keyframes dragonsGlow{
  from{transform:translate(0,0) scale(1)}
  to{transform:translate(65px,38px) scale(1.16)}
}
@keyframes dragonsPulse{
  50%{transform:scale(1.35);opacity:.6}
}
html[data-theme="dark"] .dragons-intro-card{
  background:linear-gradient(135deg,rgba(32,38,42,.74),rgba(18,23,25,.58));
  border-color:rgba(159,183,176,.26);
}
@media(max-width:600px){
  .dragons-intro-card{padding:29px 20px 26px;border-radius:23px}
  .dragons-intro-title{font-size:clamp(22px,7.5vw,32px)}
}
@media(prefers-reduced-motion:reduce){
  .dragons-intro *,
  .dragons-intro-card{animation:none !important;transition:none !important}
}


/* Mobile menu + dark hero readability fix */
@media(max-width:760px){
  .site-header{position:relative!important;z-index:1200!important}
  .site-header .header-controls{
    position:relative!important;z-index:1300!important;
    display:flex!important;align-items:center!important;gap:8px!important;
    margin-right:auto!important;direction:ltr!important
  }
  .site-header .menu-toggle,.site-header .theme-toggle{
    position:relative!important;inset:auto!important;margin:0!important;flex:0 0 auto!important
  }
  .main-nav{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:12px!important;right:12px!important;width:auto!important;
    max-height:0!important;overflow:hidden!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;
    gap:0!important;padding:0 14px!important;border-radius:20px!important;
    background:rgba(250,251,248,.98)!important;
    border:1px solid rgba(126,145,116,.18)!important;
    box-shadow:0 18px 45px rgba(35,47,31,.15)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    opacity:0!important;visibility:hidden!important;
    transform:translateY(-8px) scale(.985)!important;
    transition:max-height .35s ease,opacity .25s ease,transform .25s ease,visibility .25s ease,padding .25s ease!important;
    z-index:1250!important
  }
  .main-nav.open{
    max-height:520px!important;padding:10px 14px!important;
    opacity:1!important;visibility:visible!important;
    transform:translateY(0) scale(1)!important
  }
  .main-nav a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    width:100%!important;min-height:48px!important;margin:0!important;padding:0 6px!important;
    border-bottom:1px solid rgba(126,145,116,.16)!important;
    color:#344033!important;font-size:15px!important;font-weight:800!important;
    line-height:1.5!important;background:transparent!important;text-align:right!important
  }
  .main-nav a:last-child{border-bottom:0!important}
  .main-nav a::after,.main-nav a::before{display:none!important}
  body.menu-open{overflow:hidden!important}

  html[data-theme="dark"] .main-nav{
    background:rgba(27,33,36,.98)!important;
    border-color:#364146!important;
    box-shadow:0 18px 48px rgba(0,0,0,.34)!important
  }
  html[data-theme="dark"] .main-nav a{
    color:#EDF1EE!important;border-bottom-color:#344247!important
  }

  html[data-theme="dark"] .hero #heroTitle{
    color:#F3F1EA!important;
    text-shadow:0 2px 10px rgba(0,0,0,.18)!important
  }
  html[data-theme="dark"] .hero #heroTitle em{color:#9FB7B0!important}
  html[data-theme="dark"] .hero .eyebrow,
  html[data-theme="dark"] .hero .hero-copy > p{color:#C9D2CE!important}
}

/* FINAL mobile solid menu and black hero title */
@media(max-width:760px){
 .main-nav{background:#F7F8F3!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid #D7DED0!important;box-shadow:0 16px 38px rgba(35,47,31,.20)!important}
 .main-nav a{color:#263126!important;border-bottom-color:#DDE3D8!important}
 html[data-theme="dark"] .main-nav{background:#20272A!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#3B474B!important;box-shadow:0 16px 40px rgba(0,0,0,.42)!important}
 html[data-theme="dark"] .main-nav a{color:#F4F5F1!important;border-bottom-color:#3A464A!important}
 .hero #heroTitle,html[data-theme="dark"] .hero #heroTitle{color:#111713!important;-webkit-text-fill-color:#111713!important;text-shadow:none!important}
 .hero #heroTitle em,html[data-theme="dark"] .hero #heroTitle em{color:#7F9A73!important;-webkit-text-fill-color:#7F9A73!important}
}


/* FINAL FIX: force opened mobile menu to stay dark in dark theme */
@media(max-width:760px){
  html[data-theme="dark"] .site-header .main-nav,
  html[data-theme="dark"] .site-header .main-nav.open,
  html[data-theme="dark"] .main-nav,
  html[data-theme="dark"] .main-nav.open{
    background:#20272A !important;
    background-color:#20272A !important;
    background-image:none !important;
    border:1px solid #3B474B !important;
    box-shadow:0 18px 46px rgba(0,0,0,.42) !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
  }

  html[data-theme="dark"] .site-header .main-nav a,
  html[data-theme="dark"] .site-header .main-nav.open a,
  html[data-theme="dark"] .main-nav a,
  html[data-theme="dark"] .main-nav.open a{
    color:#F4F5F1 !important;
    background:transparent !important;
    background-color:transparent !important;
    border-bottom:1px solid #3A464A !important;
    text-shadow:none !important;
  }

  html[data-theme="dark"] .site-header .main-nav a:last-child,
  html[data-theme="dark"] .main-nav.open a:last-child{
    border-bottom:0 !important;
  }

  html[data-theme="dark"] .site-header .main-nav a:hover,
  html[data-theme="dark"] .site-header .main-nav a.active,
  html[data-theme="dark"] .main-nav.open a:hover,
  html[data-theme="dark"] .main-nav.open a.active{
    background:#2A3437 !important;
    color:#FFFFFF !important;
  }
}


/* Articles mobile header controls order fix */
@media(max-width:760px){
  body.articles-page .site-header .header-controls{
    direction:rtl !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
  }
  body.articles-page .site-header .menu-toggle{
    order:1 !important;
  }
  body.articles-page .site-header .theme-toggle{
    order:2 !important;
  }
}