/* Shared mobile-first layer. Existing brand, compact pages, booking always reachable. */
:root{--site-nav-height:68px;scroll-padding-top:84px}body{font-size:16px}.wrap{width:min(1180px,calc(100% - 40px))}.header{height:68px;padding-inline:20px;gap:12px}.brand,.brand img{width:112px}.desktop-nav{display:none}.menu-toggle{display:block;width:44px;height:44px;padding:10px}.nav-actions{gap:6px}.button-small{min-height:44px;font-size:12px;padding:10px 13px;gap:10px}.button{font-size:14px;min-height:50px}.text-link{min-height:44px;font-size:14px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:16px}.mobile-menu{max-height:calc(100dvh - 32px);overflow:auto;padding:18px 22px;border-radius:16px}.menu-head{margin-bottom:8px}.mobile-menu nav a{min-height:48px;padding:12px 0;font-size:21px}.mobile-menu [aria-current=page]{color:#646b68}.mobile-booking-bar{display:grid;grid-template-columns:.7fr .9fr 1.5fr;position:fixed;bottom:0;left:0;right:0;gap:6px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));z-index:65;background:#fffffff2;backdrop-filter:blur(14px);border-top:1px solid #ddd}.mobile-booking-bar a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;font-size:12px;font-weight:650;border-radius:5px}.mobile-booking-bar a:last-child{background:#111;color:#fff}.mobile-booking-bar svg{width:16px;height:16px}.mobile-booking-bar a[aria-current=page]{background:#e9eeeb}.header [aria-current=page]{text-decoration:underline;text-underline-offset:6px}
/* Home: four clear destinations rather than a full brochure. */
.home-page .hero{min-height:570px;height:auto;display:flex;align-items:center}.home-page .hero-inner{padding-top:54px;padding-bottom:105px}.home-page .hero h1{font-size:clamp(42px,10vw,62px);max-width:760px;line-height:1.06;letter-spacing:-.055em}.home-page .hero-intro{font-size:16px;max-width:370px;margin-top:22px;line-height:1.6}.home-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px}.home-page .hero-actions .button{width:auto;min-width:185px}.home-page .hero-secondary{font-size:14px;min-height:44px}.home-page .hero-bottom{bottom:22px;display:flex;align-items:flex-start;gap:12px;flex-direction:column;font-size:10px;letter-spacing:.08em}.home-page .hero-bottom a{min-height:32px;display:flex;align-items:center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.28))}.home-services{padding-block:42px}.home-section-head h2,.home-arrival h2{font-size:36px;line-height:1.12}.home-section-head{display:flex;flex-direction:column;gap:12px}.home-section-head>.text-link{align-self:flex-start}.service-shortcuts{margin:14px 0 10px;display:grid}.service-shortcuts>a{display:grid;grid-template-columns:22px 1fr 20px;gap:12px;align-items:center;min-height:95px;padding:20px 0;border-top:1px solid #d9dcda}.service-shortcuts>a:last-child{border-bottom:1px solid #d9dcda}.shortcut-number{font-size:11px;color:#666}.service-shortcuts h3{font-size:22px;letter-spacing:-.035em}.service-shortcuts p{font-size:13px;line-height:1.5;color:#59615e;margin-top:6px}.service-shortcuts>a:active{background:#eceeeb}.home-instagram{padding-block:40px}.home-instagram .instagram-layout{display:grid;grid-template-columns:1fr;gap:24px}.home-instagram .instagram-copy h2{font-size:34px;line-height:1.12}.home-instagram .instagram-copy>p:not(.eyebrow){font-size:15px;line-height:1.6;margin-top:18px}.home-instagram .instagram-copy .button{margin-top:20px;gap:16px}.home-instagram .instagram-copy .instagram-followers{font-size:11px!important;color:#c7cece}.instagram-preview{position:relative;display:block;overflow:hidden;height:220px;border:1px solid #4d5558;border-radius:12px;background:#fff}.instagram-preview img{width:100%;height:auto;transform:translateY(-62.9%)}.instagram-preview>span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 18px;color:#fff;background:#172023;font-size:13px;font-weight:600}.home-arrival{display:grid;gap:28px;padding-block:42px}.home-arrival address{font-size:20px;font-style:normal;line-height:1.6;margin-top:20px}.arrival-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px}.home-appointment{padding:26px;background:#182022;color:#fff;border-radius:10px}.home-appointment h3{font-size:27px;line-height:1.15}.home-appointment p{font-size:15px;line-height:1.65;margin:14px 0 20px}.home-appointment .button{width:100%;padding-inline:17px;gap:12px}.home-phone{display:block;font-size:12px;margin-top:14px;padding-block:10px}
/* A small, consistent footer and the original full UNANI mark at restrained size. */
.compact-footer{padding:28px 0 calc(88px + env(safe-area-inset-bottom));background:#101518;color:#fff}.footer-main{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between}.footer-home{font-size:30px;font-weight:650;letter-spacing:-.06em;min-height:44px}.footer-address-link{display:flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.footer-shortcuts{display:flex;flex-wrap:wrap;gap:0 20px;padding-block:12px}.footer-shortcuts a{font-size:12px;min-height:44px;display:flex;align-items:center}.compact-footer .footer-meta{padding-top:16px;display:block;font-size:11px}.compact-footer .footer-legal{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:8px;margin-left:0}.compact-footer .footer-legal a{font-size:11px;min-height:36px;display:flex;align-items:center}.compact-footer .unani-credit{display:flex;justify-content:center;align-items:center;gap:14px;padding-top:14px;margin-top:14px;border-top:1px solid #ffffff16}.compact-footer .unani-credit>span{font-size:10px;color:#b4b9bd;letter-spacing:0}.compact-footer .unani-button{display:flex;align-items:center;gap:10px;padding:8px 12px;min-height:44px;border:1px solid #ffffff24;border-radius:6px;box-shadow:none;background:transparent;transform:none;animation:none}.compact-footer .unani-button:before,.compact-footer .unani-button:after{display:none}.compact-footer .unani-brand{display:flex;flex-direction:column;align-items:center;gap:3px}.compact-footer .unani-brand img{width:62px;height:auto;max-width:62px}.compact-footer .unani-brand>span{font-size:6px;letter-spacing:.2em;line-height:1}.compact-footer .unani-button>svg{width:12px;height:12px}
/* Detail pages */
.page-intro{padding-top:22px;padding-bottom:28px}.breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#626969;margin-bottom:24px}.breadcrumb a{display:inline-flex;align-items:center;min-height:40px;text-decoration:underline;text-underline-offset:4px}.page-intro h1{font-size:clamp(38px,10vw,62px);line-height:1.06}.page-intro>p{font-size:16px;line-height:1.65;max-width:630px;margin-top:18px}.detail-page .section{padding-block:24px 40px}.detail-page .services-section{padding-top:0}.detail-page .service-details summary{min-height:72px;gap:12px}.detail-page .service-details h3{font-size:25px}.detail-page .detail-content p{font-size:16px;line-height:1.75}.detail-page .detail-content .text-link{font-size:14px}.detail-page .offer-banner{margin-block:20px 35px;padding:25px;gap:20px}.detail-page .offer-banner h2{font-size:29px}.detail-page .offer-banner p{font-size:15px}.detail-page .offer-banner summary{font-size:14px;min-height:48px}.page-cta{margin-block:16px 36px;padding:26px;background:#e9eeeb;border-radius:10px;display:flex;flex-wrap:wrap;gap:22px;align-items:center;justify-content:space-between}.page-cta h2{font-size:29px;line-height:1.15}.page-cta p{font-size:15px;margin-top:10px}.page-cta .button{width:100%}.price-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.price-tabs button{font-size:12px!important;padding:10px 6px!important;min-height:48px;line-height:1.3}.price-intro p,.price-list span{font-size:15px!important}.price-intro>.button{margin-top:18px;font-size:13px}.price-list small{font-size:12px!important;line-height:1.5!important}.price-footnote{font-size:12px!important;line-height:1.7!important}.price-list strong{white-space:nowrap}.price-list>div{gap:12px}.price-panel{gap:24px}.arrival-top{display:flex;flex-wrap:wrap;gap:12px 22px;align-items:center;margin-bottom:24px}.arrival-page .journey-heading{display:none}.arrival-page .journey-section{padding-top:0}.arrival-page .journey-controls button{min-height:44px;font-size:11px;padding-inline:10px}.arrival-page .journey-controls{gap:7px}.arrival-page .arrival-cards address{font-size:16px}.arrival-page .arrival-cards .text-link{font-size:14px}.questions-page .faq-layout{display:block}.questions-page .faq-layout>div:first-child{display:none}.questions-page .faq-list summary{font-size:17px}.questions-page .faq-list details p{font-size:16px}.no-js-booking{padding-block:24px;font-size:16px}
/* Booking is the focus of its own page. All existing validation stays in place. */
.appointment-page .page-intro{padding-bottom:22px}.appointment-page .booking-section{padding-top:0}.appointment-page .booking-layout{display:grid;grid-template-columns:1fr;gap:16px}.appointment-page .booking-aside{padding:24px;border-radius:8px}.appointment-page .booking-aside h2{font-size:26px;line-height:1.15}.appointment-page .booking-aside>p:not(.step-label){font-size:15px;margin-top:15px}.appointment-page .booking-aside>label{font-size:14px;margin-top:20px}.appointment-page .booking-aside select{font-size:16px;min-height:54px;max-width:100%}.appointment-page .booking-human{font-size:13px!important;line-height:1.65}.appointment-page .booking-human a{display:inline-flex;min-height:44px;align-items:center}.appointment-page .calendar-panel{padding:24px 14px;border-radius:8px}.appointment-page .calendar-days{gap:3px}.appointment-page .calendar-days button{min-height:44px;font-size:14px}.appointment-page .calendar-heading button{width:44px;height:44px}.appointment-page .time-slots button{min-height:48px;font-size:14px}.appointment-page .calendar-status{font-size:13px;line-height:1.6}.appointment-page .step-label{font-size:11px}.appointment-page .name-fields{grid-template-columns:1fr;gap:0}.appointment-page #booking-form input:not([type=checkbox]){font-size:16px;min-height:52px}.appointment-page .booking-check{font-size:13px;line-height:1.7}.appointment-page .booking-check input{width:22px;height:22px}.appointment-page .contact-note{font-size:14px}.appointment-page #checkout-hint{font-size:13px}.appointment-page .booking-error{font-size:14px}.appointment-page #submit-booking{font-size:15px;min-height:56px}.appointment-page .booking-address,.appointment-page .booking-phone{display:none}.appointment-page #booking-success p:not(.eyebrow){font-size:16px}
@media(min-width:640px){.wrap{width:min(1180px,calc(100% - 64px))}.home-page .hero{min-height:620px}.home-page .hero h1{font-size:64px}.home-page .hero-bottom{flex-direction:row;justify-content:space-between;align-items:center}.home-section-head{flex-direction:row;justify-content:space-between;align-items:end}.service-shortcuts{grid-template-columns:1fr 1fr;column-gap:30px}.service-shortcuts>a:nth-last-child(2){border-bottom:1px solid #d9dcda}.home-instagram .instagram-layout{grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}.instagram-preview{height:300px}.instagram-preview img{transform:translateY(-62.9%)}.home-arrival{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.page-cta .button{width:auto}.appointment-page .calendar-panel{padding:30px}.appointment-page .name-fields{grid-template-columns:1fr 1fr;gap:14px}.page-intro{padding-top:28px;padding-bottom:36px}}
@media(min-width:1000px){.header{height:78px;padding-inline:40px}.brand,.brand img{width:136px}.desktop-nav{display:flex;gap:26px}.desktop-nav a{font-size:14px}.menu-toggle{display:none}.button-small{font-size:13px;padding-inline:18px}.mobile-booking-bar{display:none}.compact-footer{padding-bottom:25px}.home-page .hero-inner{padding-top:70px;padding-bottom:110px}.home-page .hero h1{font-size:76px}.home-page .hero-intro{font-size:18px;max-width:440px}.home-services,.home-arrival{padding-block:60px}.home-section-head h2,.home-arrival h2{font-size:44px}.home-instagram{padding-block:48px}.home-instagram .instagram-copy h2{font-size:44px}.home-instagram .instagram-layout{grid-template-columns:1.2fr 1fr;gap:65px}.instagram-preview{max-width:460px;height:300px}.instagram-preview img{transform:translateY(-62.9%)}.service-shortcuts h3{font-size:26px}.service-shortcuts p{font-size:15px}.page-intro h1{font-size:64px}.page-intro{padding-top:32px;padding-bottom:42px}.appointment-page .booking-layout{grid-template-columns:340px 1fr;gap:25px;align-items:start}.appointment-page .booking-aside{padding:28px}.appointment-page .booking-aside h2{font-size:30px}.appointment-page .calendar-panel{padding:34px}.page-cta{margin-block:25px 50px;padding:32px}.compact-footer .footer-meta{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-footer .footer-legal{width:auto;margin-top:0}.compact-footer .unani-credit{justify-content:flex-end}.detail-page .section{padding-bottom:60px}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.header{padding-inline:12px;gap:6px}.brand,.brand img{width:91px}.button-small{font-size:11px;padding-inline:9px;gap:7px}.home-page .hero h1{font-size:39px}.home-page .hero-actions{gap:8px}.home-page .hero-actions .button{min-width:170px}.mobile-booking-bar{padding-inline:8px;gap:4px}.mobile-booking-bar a{font-size:11px;gap:4px}.mobile-booking-bar a:last-child svg{display:none}.arrival-page .journey-controls button{font-size:10px;padding-inline:8px}.service-shortcuts p{font-size:12px}.home-appointment{padding:22px}.home-appointment .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Keep the small original black mark legible on the dark footer. */
.compact-footer .footer-meta{color:#bec7ca;border-color:#ffffff24}.compact-footer .unani-button{background:#fff;color:#101114;padding:7px 10px;gap:9px}.compact-footer .unani-brand{width:72px}.compact-footer .unani-brand img{width:72px;max-width:72px}.compact-footer .unani-brand>span{padding-left:16px;margin-top:0}.compact-footer .unani-button:hover{box-shadow:0 0 15px #ffffff18}
.detail-page .service-details h2{font-size:25px;line-height:1.15}.price-intro h2{font-size:24px;line-height:1.15;margin-bottom:10px;max-width:none}@media(min-width:1000px){.price-intro h2{font-size:27px;margin-bottom:15px}}