/* Keep the sticky navigation readable over scrolling page content. */
header.sticky {
  background-color: #fff;
  box-shadow: 0 2px 12px rgb(15 23 42 / 8%);
  isolation: isolate;
}

.whatsapp-enquiry-note { margin-top: 1rem; font-size: .875rem; line-height: 1.5; color: #374151; }
.whatsapp-enquiry-note button, .whatsapp-enquiry-note a { text-decoration: underline; cursor: pointer; }

.site-menu-toggle { display:none; align-items:center; justify-content:center; width:48px; height:48px; padding:10px; border:1px solid #d9dfe3; border-radius:8px; color:#17212b; background:white; flex-shrink:0; }
.site-menu-toggle:focus-visible { outline:3px solid #19718b; outline-offset:3px; }
.site-menu-control { display:none !important; }
.site-header > div.relative { gap:16px; }
@media(min-width:900px) { .site-header nav { display:flex !important; } }
@media(max-width:899px) {
 .site-header { padding:14px 24px; }
 .site-header nav { display:none !important; }
 .site-menu-control { display:flex !important; flex-grow:0; margin-left:auto; }
 .site-menu-toggle { display:flex; }
 .site-header a[aria-label="Return to home page"] { flex-shrink:0; }
 .site-header a[aria-label="Return to home page"] > div { width:190px; height:68px; }
 .site-header a[aria-label="Return to home page"]:last-child > div { width:92px; height:64px; }
}
@media(max-width:480px) {
 .site-header { padding:12px 16px; }
 .site-header > div.relative { gap:10px; }
 .site-header a[aria-label="Return to home page"] > div { width:145px; height:58px; }
 .site-header a[aria-label="Return to home page"]:last-child > div { width:58px; height:58px; }
 .site-menu-toggle { width:44px; height:44px; }
}
.home-appointment .container { max-width:1120px; padding-inline:24px; }
.home-appointment .container > .flex { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:56px; }
.home-appointment .container > .flex > div { width:100%; min-width:0; margin-bottom:0; }
.home-appointment .container > .flex > div:first-child > .grid { grid-template-columns:1fr; }
.home-appointment form { width:100%; max-width:none; padding:28px; background:white; border:1px solid #e2e6e9; border-radius:14px; box-shadow:0 6px 24px #0f172a08; }
.home-appointment input,.home-appointment textarea { min-width:0; max-width:100%; font-size:16px; padding:11px 12px; }
.home-appointment input { min-height:46px; }
.home-appointment h3 { color:#374151; }
.home-appointment .text-zinc-400 { color:#586574; }
.home-appointment form button[type="submit"] { width:100%; white-space:normal; }
.home-appointment .whatsapp-enquiry-note { overflow-wrap:anywhere; }
@media(max-width:1000px) {
 .home-appointment .container > .flex { grid-template-columns:1fr; gap:28px; }
 .home-appointment .container > .flex > div:first-child > .grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 .home-appointment .container > .flex > div:first-child > .grid > div { flex-direction:column; align-items:flex-start; }
}
@media(max-width:650px) {
 .home-appointment .container > .flex > div:first-child > .grid { grid-template-columns:1fr; gap:20px; }
 .home-appointment .container > .flex > div:first-child > .grid > div { flex-direction:row; }
 .home-appointment form { padding:20px; }
 .home-appointment .container { padding-inline:20px; }
}

/* Use the available width before collapsing the shared navigation. */
@media(min-width:900px) and (max-width:1279px) {
 .site-header { padding:14px 24px; }
 .site-header a[aria-label="Return to home page"] { flex-shrink:0; }
 .site-header a[aria-label="Return to home page"] > div { width:160px; height:64px; }
 .site-header a[aria-label="Return to home page"]:last-child > div { width:80px; height:64px; }
 .site-header nav ul { gap:2px; font-size:13px; }
 .site-header nav li > a { margin-inline:2px; padding-inline:8px; white-space:nowrap; }
}