/**
 * Doctor AK Portal — Home page ([dak_home]).
 *
 * Loaded together with doctor-ak-auth.css (tokens, .dak-button*, .dak-eyebrow,
 * the html[data-theme='dark'] dark-mode overrides), doctor-ak-directory.css
 * (.dak-directory-header/-grid,
 * service/doctor cards) and doctor-ak-featured-doctors.css (slider). Every
 * color here reads from the shared --dak-* tokens so the public light/dark
 * toggle (assets/js/doctor-ak-public-theme-toggle.js) re-colors it for free.
 *
 * Editorial redesign pass: a serif display face for headings (system serif —
 * no external font request), pill-shaped buttons/eyebrows, a soft gradient
 * hero, and boxed tinted panels for a few sections (matching the existing
 * "colored panel inside the container" pattern .dak-home-cta and
 * .dak-home-testimonial-band already used, rather than full-bleed bands).
 * Everything here is scoped under .dak-home so it never leaks into the
 * dashboards, auth pages or the standalone directory pages that share the
 * same button/card components.
 */

/* The hero and video-gallery bands below break out to the true viewport
   width (100vw) so they reach the page edges regardless of any theme
   container wrapped around the shortcode's output — which can overshoot the
   actually-visible width by a scrollbar's thickness. The `html { overflow-x:
   hidden }` that absorbs that overshoot now lives in doctor-ak-site-header.css
   instead of here — that stylesheet loads on every page (this one only
   loads on the home page), and the same overshoot risk turned out not to be
   unique to the hero: the header's own mega-menus can cause it too, on
   pages this stylesheet never touches. One rule, loaded everywhere, rather
   than two copies drifting apart. */

/* Side gutter for the page's contained sections. The full-bleed hero cancels
   it out with a matching negative margin and aligns its own text to it, so
   everything reads from this one value — change the gutter here and the hero
   follows. It steps down on narrower screens so the content doesn't get
   squeezed into a sliver on tablets/phones. */
.dak-home {
	--dak-home-gutter: 3.5rem;
	margin: 0 auto !important;
	padding: 0 var( --dak-home-gutter ) var( --dak-space-8 ) !important;
}

@media ( max-width: 1600px ) {
	.dak-home {
		--dak-home-gutter: 2rem;
	}
}

@media ( max-width: 1280px ) {
	.dak-home {
		--dak-home-gutter: 3rem;
	}
}

@media ( max-width: 1024px ) {
	.dak-home {
		--dak-home-gutter: 1.5rem;
	}
}

.dak-home-serif {
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
}

.dak-home h1,
.dak-home .dak-directory-header h2,
.dak-home-testimonial-card p {
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
}

.dak-home .dak-directory-header h2 {
	font-size: var( --dak-text-2xl ) !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: var( --dak-text ) !important;
	margin: 0.4rem 0 0.6rem !important;
}

/* Pill-shaped buttons everywhere on this page (hero, cards, CTA) — scoped
   here rather than on the shared .dak-button so dashboards/auth/directory
   keep their existing rounded-rect buttons. */
.dak-home .dak-button {
	border-radius: 999px !important;
	/* Labels stay on one line — an inline icon that wraps below its text
	   turns a pill button into a lopsided blob. */
	white-space: nowrap !important;
}

/* Every inline button icon on this page. Without a size an inline <svg> with
   only a viewBox falls back to its default 300x150 box, which blows the
   button apart. */
.dak-home .dak-button svg {
	width: 18px !important;
	height: 18px !important;
	flex: 0 0 auto !important;
}

/* A subtle gradient + top highlight instead of a flat fill, for a touch of
   depth on the page's main calls to action — just the background/shadow,
   nothing that changes size or layout. */
.dak-home .dak-button-primary {
	background: linear-gradient( 180deg, color-mix( in srgb, var( --dak-primary ) 100%, white 12% ) 0%, var( --dak-primary ) 100% ) !important;
	box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.35 ) inset, 0 6px 16px rgba( 16, 77, 58, 0.18 ) !important;
}

.dak-home .dak-button-primary:hover {
	background: linear-gradient( 180deg, var( --dak-primary ) 0%, var( --dak-primary-dark ) 100% ) !important;
	box-shadow: 0 1px 0 rgba( 255, 255, 255, 0.3 ) inset, 0 8px 20px rgba( 16, 77, 58, 0.22 ) !important;
}

.dak-home-section {
	margin-top: var( --dak-space-8 ) !important;
}

/* Offsets anchor-scrolling (header nav's Videos/Clinics links) so the
   section title doesn't land underneath the sticky header. */
#dak-home-videos,
#dak-home-clinics {
	scroll-margin-top: 96px !important;
}

.dak-home-section-footer {
	display: flex !important;
	justify-content: center !important;
	margin-top: var( --dak-space-5 ) !important;
}

/* Hero — full-width photo banner under the site header: the headline, blurb
   and buttons on the left, a frosted-glass stats panel on the right, and the
   search bar lifting over the banner's bottom edge (see .dak-home-hero-
   searchbar). A fixed dark tint over the photo, not a --dak-* token, so the
   white text stays legible whatever the light/dark toggle says. */

.dak-home-hero-banner {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100vw !important;
	min-height: 580px !important;
	/* True viewport-edge full bleed, not just "cancel this page's own
	   gutter" — a WordPress theme's page template commonly wraps shortcode
	   output in its own centered/padded container, which the old
	   calc(-1 * var(--dak-home-gutter)) margin never accounted for, leaving
	   a visible sliver of the theme's background on both sides.
	   `calc(50% - 50vw)` (not `left: 50%` + `margin-left: -50vw` — that pair
	   only cancels out when the parent is already viewport-width, and
	   visibly misaligns/clips the content otherwise) re-centers a
	   100vw-wide box on the viewport no matter how narrow or padded the
	   surrounding theme container is, as long as that container is itself
	   horizontally centered — true of every ordinary centered page layout. */
	margin-left: calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
	padding: var( --dak-space-7 ) var( --dak-home-gutter ) 7rem !important;
	overflow: hidden !important;
	background: linear-gradient( 135deg, var( --dak-secondary ) 0%, var( --dak-primary-dark ) 100% ) !important;
}

.dak-home-hero-banner-media {
	position: absolute !important;
	inset: 0 !important;
}

.dak-home-hero-banner-img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: 62% 25% !important;
}

.dak-home-hero-banner-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient( 100deg, rgba( 7, 33, 26, 0.92 ) 0%, rgba( 9, 41, 32, 0.78 ) 34%, rgba( 13, 56, 43, 0.4 ) 62%, rgba( 13, 56, 43, 0.28 ) 100% ) !important;
}

.dak-home-hero-banner-content {
	position: relative !important;
	z-index: 1 !important;
	max-width: 40rem !important;
}

.dak-home-hero-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.6rem !important;
	padding: 0.55rem 1.1rem 0.55rem 0.9rem !important;
	border-radius: 999px !important;
	background: #eaf4ef !important;
	color: #104d3a !important;
	font-size: 0.8rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
}

.dak-home-hero-eyebrow svg {
	width: 20px !important;
	height: 20px !important;
}

.dak-home-hero-banner-content h1 {
	margin: var( --dak-space-4 ) 0 var( --dak-space-4 ) !important;
	font-size: clamp( 2.4rem, 5vw, 4.25rem ) !important;
	font-weight: 600 !important;
	line-height: 1.05 !important;
	color: #fff !important;
	text-shadow: 0 2px 14px rgba( 0, 0, 0, 0.35 ) !important;
}

.dak-home-hero-banner-content .dak-home-hero-accent {
	display: block !important;
	font-style: normal !important;
	color: #7fd3ab !important;
}

.dak-home-hero-banner-content > p {
	margin: 0 0 var( --dak-space-5 ) !important;
	max-width: 34rem !important;
	font-size: var( --dak-text-lg ) !important;
	line-height: 1.55 !important;
	color: rgba( 255, 255, 255, 0.92 ) !important;
	text-shadow: 0 1px 6px rgba( 0, 0, 0, 0.4 ) !important;
}

.dak-home-hero-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-home-hero-watch {
	background: rgba( 255, 255, 255, 0.06 ) !important;
	border: 1.5px solid rgba( 255, 255, 255, 0.75 ) !important;
	color: #fff !important;
	cursor: pointer !important;
}

.dak-home-hero-watch:hover {
	background: rgba( 255, 255, 255, 0.18 ) !important;
}

.dak-home-hero-watch svg {
	stroke: #fff !important;
}

/* Frosted-glass stats panel: four rows, icon + number + label, hairline
   dividers between them. */
.dak-home-hero-stats {
	position: absolute !important;
	z-index: 2 !important;
	right: var( --dak-home-gutter ) !important;
	top: 50% !important;
	transform: translateY( -56% ) !important;
	width: 270px !important;
	padding: var( --dak-space-2 ) var( --dak-space-5 ) !important;
	border: 1px solid rgba( 255, 255, 255, 0.28 ) !important;
	border-radius: 22px !important;
	background: rgba( 255, 255, 255, 0.12 ) !important;
	-webkit-backdrop-filter: blur( 14px ) !important;
	backdrop-filter: blur( 14px ) !important;
	box-shadow: 0 18px 44px rgba( 0, 0, 0, 0.22 ) !important;
}

.dak-home-hero-stat {
	display: flex !important;
	align-items: center !important;
	gap: var( --dak-space-3 ) !important;
	padding: var( --dak-space-3 ) 0 !important;
	border-bottom: 1px solid rgba( 255, 255, 255, 0.22 ) !important;
}

.dak-home-hero-stat:last-child {
	border-bottom: 0 !important;
}

.dak-home-hero-stat-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 46px !important;
	height: 46px !important;
	flex: 0 0 auto !important;
	border-radius: 50% !important;
	background: rgba( 255, 255, 255, 0.16 ) !important;
	color: #eaf4ef !important;
}

.dak-home-hero-stat-icon svg {
	width: 22px !important;
	height: 22px !important;
}

.dak-home-hero-stat-text {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
}

.dak-home-hero-stat-text strong {
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: #fff !important;
}

.dak-home-hero-stat-text span {
	font-size: 0.82rem !important;
	line-height: 1.3 !important;
	color: rgba( 255, 255, 255, 0.85 ) !important;
}

/* The search bar — a white card centred under the banner, overlapping its
   bottom edge. Just a trigger: clicking it opens the "Search for doctors"
   popup (initHeroSearch() in doctor-ak-home.js), which holds the real form —
   see .dak-home-search-modal further down. */
.dak-home-hero-searchbar {
	position: relative !important;
	z-index: 3 !important;
	margin: -3.75rem auto 0 !important;
}

.dak-home-hero-search {
	width: 100% !important;
	display: flex !important;
	align-items: center !important;
	gap: var( --dak-space-4 ) !important;
	margin: 0 !important;
	padding: var( --dak-space-4 ) var( --dak-space-5 ) !important;
	background: var( --dak-bg-card ) !important;
	border: 0 !important;
	border-radius: 20px !important;
	box-shadow: 0 16px 44px rgba( 20, 30, 40, 0.14 ) !important;
	font: inherit !important;
	text-align: left !important;
	cursor: pointer !important;
}

.dak-home-hero-search-field {
	display: flex !important;
	align-items: center !important;
	gap: var( --dak-space-3 ) !important;
	flex: 1 1 0 !important;
	min-width: 0 !important;
	padding-right: var( --dak-space-4 ) !important;
	border-right: 1px solid var( --dak-border ) !important;
}

.dak-home-hero-search-field:last-of-type {
	border-right: 0 !important;
}

.dak-home-hero-search-control {
	display: flex !important;
	flex-direction: column !important;
	min-width: 0 !important;
	flex: 1 1 auto !important;
}

.dak-home-hero-search-control strong {
	font-size: 0.8rem !important;
	font-weight: 500 !important;
	color: var( --dak-muted ) !important;
}

.dak-home-hero-search-control em {
	font-style: normal !important;
	font-size: 0.95rem !important;
	font-weight: 500 !important;
	color: var( --dak-text ) !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.dak-home-hero-search-field:last-of-type em {
	color: var( --dak-muted ) !important;
	font-weight: 400 !important;
}

.dak-home-hero-search-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	flex: 0 0 auto !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-hero-search-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.dak-home-hero-search-submit {
	flex: 0 0 auto !important;
	justify-content: center !important;
	padding: 0.95rem 2.6rem !important;
	font-size: var( --dak-text-md ) !important;
}

/* ==========================================================================
   "Find your care" search dialog (#dak-home-search-modal)
   Centred card on desktop, full screen on phones. Header and fields stay put,
   results scroll in one region, the Search action sits in a compact footer.
   Driven by initHeroSearch() in doctor-ak-home.js; the dialog is moved to the
   end of <body>, so everything here is scoped to its own classes.
   ========================================================================== */

html.dak-hsm-locked,
html.dak-hsm-locked body {
	overflow: hidden !important;
}

.dak-home-search-modal {
	--dak-hsm-control: 50px;
	--dak-hsm-pad: 24px;
	position: fixed !important;
	inset: 0 !important;
	/* Above floating chat/WhatsApp widgets, which use very high values. */
	z-index: 2147483000 !important;
	display: flex !important;
	/* Pinned near the top, so the dialog grows downward as results appear
	   instead of jumping around the centre of the screen. */
	align-items: flex-start !important;
	justify-content: center !important;
	padding: min( 10vh, 96px ) 24px 32px !important;
	margin: 0 !important;
	box-sizing: border-box !important;
}

.dak-home-search-modal[aria-hidden='true'] {
	display: none !important;
}

.dak-home-search-modal *,
.dak-home-search-modal *::before,
.dak-home-search-modal *::after {
	box-sizing: border-box !important;
}

.dak-home-search-modal .dak-home-search-modal-overlay {
	position: fixed !important;
	inset: 0 !important;
	background: rgba( 15, 23, 32, 0.55 ) !important;
}

.dak-home-search-modal .dak-hsm-dialog {
	position: relative !important;
	z-index: 1 !important;
	display: flex !important;
	flex-direction: column !important;
	width: min( 880px, 100% ) !important;
	/* Compact for the prompt; grows with results up to a cap, after which
	   only the results region scrolls. */
	min-height: min( 440px, calc( var( --dak-hsm-vh, 100vh ) - 64px ) ) !important;
	max-height: min( 680px, calc( var( --dak-hsm-vh, 100vh ) - min( 10vh, 96px ) - 32px ) ) !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: 18px !important;
	background: var( --dak-bg-card ) !important;
	color: var( --dak-text ) !important;
	box-shadow: 0 24px 64px rgba( 15, 23, 32, 0.22 ) !important;
	overflow: hidden !important;
}

.dak-home-search-modal .dak-hsm-form {
	display: flex !important;
	flex-direction: column !important;
	flex: 1 1 auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}

/* Header ------------------------------------------------------------------ */

.dak-home-search-modal .dak-hsm-header {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 22px var( --dak-hsm-pad ) 0 !important;
	margin: 0 !important;
	background: none !important;
	border: 0 !important;
}

.dak-home-search-modal .dak-hsm-title {
	margin: 0 !important;
	color: var( --dak-text ) !important;
	font-size: 1.375rem !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
}

.dak-home-search-modal .dak-hsm-subtitle {
	margin: 4px 0 0 !important;
	color: var( --dak-muted ) !important;
	font-size: 0.9rem !important;
	line-height: 1.45 !important;
}

.dak-home-search-modal .dak-hsm-close {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	margin: -6px -8px 0 0 !important;
	padding: 0 !important;
	border: 1px solid transparent !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: var( --dak-muted ) !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.dak-home-search-modal .dak-hsm-close svg {
	width: 20px !important;
	height: 20px !important;
}

.dak-home-search-modal .dak-hsm-close:hover {
	background: var( --dak-bg-subtle ) !important;
	color: var( --dak-text ) !important;
}

/* Fields ------------------------------------------------------------------ */

.dak-home-search-modal .dak-hsm-fields {
	display: grid !important;
	grid-template-columns: minmax( 0, 0.85fr ) minmax( 0, 1.6fr ) !important;
	gap: 12px !important;
	padding: 18px var( --dak-hsm-pad ) 16px !important;
	border-bottom: 1px solid var( --dak-border ) !important;
}

.dak-home-search-modal .dak-hsm-field {
	position: relative !important;
	min-width: 0 !important;
	margin: 0 !important;
}

.dak-home-search-modal .dak-hsm-label {
	display: block !important;
	margin: 0 0 6px !important;
	color: var( --dak-text ) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
}

.dak-home-search-modal .dak-hsm-control {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	height: var( --dak-hsm-control ) !important;
	border: 1px solid #cfd6dd !important;
	border-radius: 12px !important;
	background: var( --dak-bg-card ) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.dak-home-search-modal .dak-hsm-control:focus-within {
	border-color: var( --dak-primary ) !important;
	box-shadow: 0 0 0 3px rgba( 22, 99, 75, 0.18 ) !important;
}

.dak-home-search-modal .dak-hsm-control-icon {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	width: 20px !important;
	height: 20px !important;
	margin: 0 0 0 14px !important;
	color: var( --dak-muted ) !important;
}

.dak-home-search-modal .dak-hsm-control-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.dak-home-search-modal .dak-hsm-field-location.has-value .dak-hsm-control-icon {
	color: var( --dak-primary ) !important;
}

.dak-home-search-modal .dak-hsm-input {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 0 !important;
	border-radius: 12px !important;
	background: transparent !important;
	color: var( --dak-text ) !important;
	/* 16px keeps phones from zooming into the field. */
	font-size: 16px !important;
	line-height: normal !important;
	box-shadow: none !important;
	outline: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

.dak-home-search-modal .dak-hsm-input::placeholder {
	color: #7b8591 !important;
	opacity: 1 !important;
}

.dak-home-search-modal .dak-hsm-input::-webkit-search-cancel-button {
	display: none !important;
}

.dak-home-search-modal .dak-hsm-clear {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	margin: 0 4px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 10px !important;
	background: transparent !important;
	color: var( --dak-muted ) !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.dak-home-search-modal .dak-hsm-clear[hidden] {
	display: none !important;
}

.dak-home-search-modal .dak-hsm-clear svg {
	width: 16px !important;
	height: 16px !important;
}

.dak-home-search-modal .dak-hsm-clear:hover {
	background: var( --dak-bg-subtle ) !important;
	color: var( --dak-text ) !important;
}

/* City list: open only while the Location field is active. */

.dak-home-search-modal .dak-hsm-popover {
	position: absolute !important;
	top: calc( 100% + 6px ) !important;
	left: 0 !important;
	z-index: 5 !important;
	width: max( 100%, 280px ) !important;
	max-height: 320px !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	padding: 6px !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: 12px !important;
	background: var( --dak-bg-card ) !important;
	box-shadow: 0 16px 40px rgba( 15, 23, 32, 0.16 ) !important;
}

.dak-home-search-modal .dak-hsm-popover[hidden] {
	display: none !important;
}

.dak-home-search-modal .dak-hsm-locate {
	display: flex !important;
	align-items: center !important;
	gap: 10px !important;
	width: 100% !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border: 0 !important;
	border-radius: 8px !important;
	background: transparent !important;
	color: var( --dak-primary ) !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	text-align: left !important;
	cursor: pointer !important;
	box-shadow: none !important;
}

.dak-home-search-modal .dak-hsm-locate:hover {
	background: var( --dak-primary-tint ) !important;
}

.dak-home-search-modal .dak-hsm-locate[aria-busy='true'] {
	cursor: progress !important;
	opacity: 0.75 !important;
}

.dak-home-search-modal .dak-hsm-locate-icon {
	display: inline-flex !important;
	width: 20px !important;
	height: 20px !important;
}

.dak-home-search-modal .dak-hsm-locate-icon svg {
	width: 20px !important;
	height: 20px !important;
}

.dak-home-search-modal .dak-hsm-locate[aria-busy='true'] .dak-hsm-locate-icon svg {
	animation: dak-hsm-spin 0.9s linear infinite !important;
}

@keyframes dak-hsm-spin {
	to {
		transform: rotate( 360deg );
	}
}

.dak-home-search-modal .dak-hsm-locate-status {
	margin: 0 !important;
	padding: 0 10px !important;
	color: var( --dak-muted ) !important;
	font-size: 0.8125rem !important;
	line-height: 1.4 !important;
}

.dak-home-search-modal .dak-hsm-locate-status:not( :empty ) {
	padding: 2px 10px 8px !important;
}

.dak-home-search-modal .dak-hsm-locate-status.is-error {
	color: var( --dak-tint-danger-text ) !important;
}

.dak-home-search-modal .dak-hsm-city-list {
	margin: 4px 0 0 !important;
	padding: 4px 0 0 !important;
	border-top: 1px solid var( --dak-border ) !important;
	list-style: none !important;
}

.dak-home-search-modal .dak-hsm-city {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	min-height: 44px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	border-radius: 8px !important;
	color: var( --dak-text ) !important;
	font-size: 0.9375rem !important;
	list-style: none !important;
	cursor: pointer !important;
}

.dak-home-search-modal .dak-hsm-city[hidden] {
	display: none !important;
}

.dak-home-search-modal .dak-hsm-city:hover,
.dak-home-search-modal .dak-hsm-city.is-active {
	background: var( --dak-bg-subtle ) !important;
}

.dak-home-search-modal .dak-hsm-city[aria-selected='true'] {
	color: var( --dak-primary ) !important;
	font-weight: 600 !important;
}

.dak-home-search-modal .dak-hsm-city[aria-selected='true']::after {
	content: '' !important;
	width: 16px !important;
	height: 16px !important;
	background: currentColor !important;
	-webkit-mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E" ) center / contain no-repeat !important;
	mask: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 10.5l3.5 3.5 7.5-8'/%3E%3C/svg%3E" ) center / contain no-repeat !important;
}

.dak-home-search-modal .dak-hsm-city-empty {
	margin: 0 !important;
	padding: 10px !important;
	color: var( --dak-muted ) !important;
	font-size: 0.875rem !important;
}

.dak-home-search-modal .dak-hsm-city-empty[hidden] {
	display: none !important;
}

/* Results region (the only scrolling area) ---------------------------------- */

.dak-home-search-modal .dak-hsm-body {
	flex: 1 1 auto !important;
	min-height: 0 !important;
	overflow-y: auto !important;
	overscroll-behavior: contain !important;
	padding: 6px var( --dak-hsm-pad ) 12px !important;
	-webkit-overflow-scrolling: touch !important;
}

.dak-home-search-modal .dak-hsm-body [hidden] {
	display: none !important;
}

.dak-home-search-modal .dak-hsm-intro {
	padding: 14px 0 4px !important;
}

.dak-home-search-modal .dak-hsm-intro-text {
	margin: 0 0 18px !important;
	color: var( --dak-muted ) !important;
	font-size: 0.9375rem !important;
	line-height: 1.5 !important;
}

.dak-home-search-modal .dak-hsm-section-title {
	margin: 0 0 10px !important;
	color: var( --dak-text ) !important;
	font-size: 0.8125rem !important;
	font-weight: 600 !important;
}

.dak-home-search-modal .dak-hsm-shortcuts {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.dak-home-search-modal .dak-hsm-shortcuts li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.dak-home-search-modal .dak-hsm-shortcut {
	display: inline-flex !important;
	align-items: center !important;
	min-height: 40px !important;
	padding: 0 14px !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: 999px !important;
	background: var( --dak-bg-card ) !important;
	color: var( --dak-text ) !important;
	font-size: 0.875rem !important;
	font-weight: 500 !important;
	text-decoration: none !important;
}

.dak-home-search-modal .dak-hsm-shortcut:hover,
.dak-home-search-modal .dak-hsm-shortcut:focus-visible {
	border-color: var( --dak-primary ) !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-search-modal .dak-hsm-group {
	padding: 10px 0 4px !important;
}

.dak-home-search-modal .dak-hsm-group + .dak-hsm-group {
	border-top: 1px solid var( --dak-border ) !important;
	margin-top: 6px !important;
}

.dak-home-search-modal .dak-hsm-group-heading {
	display: flex !important;
	align-items: baseline !important;
	gap: 8px !important;
	padding: 4px 8px 6px !important;
	color: var( --dak-text ) !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
}

.dak-home-search-modal .dak-hsm-group-count {
	color: var( --dak-muted ) !important;
	font-weight: 500 !important;
	font-variant-numeric: tabular-nums !important;
}

.dak-home-search-modal .dak-hsm-option {
	display: flex !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 56px !important;
	padding: 8px !important;
	border-radius: 10px !important;
	color: var( --dak-text ) !important;
	text-decoration: none !important;
	cursor: pointer !important;
}

.dak-home-search-modal .dak-hsm-option:hover,
.dak-home-search-modal .dak-hsm-option.is-active {
	background: var( --dak-bg-subtle ) !important;
}

.dak-home-search-modal .dak-hsm-option.is-active {
	box-shadow: inset 0 0 0 2px var( --dak-primary ) !important;
}

.dak-home-search-modal .dak-hsm-option:focus-visible {
	outline: 2px solid var( --dak-primary ) !important;
	outline-offset: -2px !important;
}

.dak-home-search-modal .dak-hsm-option-media {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	overflow: hidden !important;
	border-radius: 10px !important;
	background: var( --dak-bg-subtle ) !important;
	color: var( --dak-muted ) !important;
	font-size: 0.8125rem !important;
	font-weight: 700 !important;
}

.dak-home-search-modal .dak-hsm-option-media svg {
	width: 20px !important;
	height: 20px !important;
}

/* Doctors: round photo or initials. */
.dak-home-search-modal .dak-hsm-option-doctor .dak-hsm-option-media {
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-search-modal .dak-hsm-option-media img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	border-radius: 0 !important;
}

/* Specialties: brand tint; services: blue tint; clinics: neutral. */
.dak-home-search-modal .dak-hsm-option-specialty .dak-hsm-option-media {
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary ) !important;
}

.dak-home-search-modal .dak-hsm-option-service .dak-hsm-option-media {
	background: var( --dak-tint-info ) !important;
	color: var( --dak-tint-info-text ) !important;
}

.dak-home-search-modal .dak-hsm-option-text {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	gap: 2px !important;
	min-width: 0 !important;
}

/* Names may wrap to a second line (never cut mid-name on phones); the
   secondary line stays on one line. */
.dak-home-search-modal .dak-hsm-option-title {
	display: -webkit-box !important;
	overflow: hidden !important;
	-webkit-line-clamp: 2 !important;
	-webkit-box-orient: vertical !important;
	overflow-wrap: anywhere !important;
}

.dak-home-search-modal .dak-hsm-option-meta {
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important;
}

.dak-home-search-modal .dak-hsm-option-title {
	color: var( --dak-text ) !important;
	font-size: 0.9375rem !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}

.dak-home-search-modal .dak-hsm-option-meta {
	color: var( --dak-muted ) !important;
	font-size: 0.8125rem !important;
	line-height: 1.35 !important;
}

.dak-home-search-modal .dak-hsm-option mark {
	padding: 0 !important;
	border-radius: 2px !important;
	background: rgba( 22, 99, 75, 0.14 ) !important;
	color: inherit !important;
	font: inherit !important;
}

.dak-home-search-modal .dak-hsm-option-arrow {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	width: 18px !important;
	height: 18px !important;
	color: #9aa3ad !important;
}

.dak-home-search-modal .dak-hsm-option-arrow svg {
	width: 18px !important;
	height: 18px !important;
}

.dak-home-search-modal .dak-hsm-option:hover .dak-hsm-option-arrow,
.dak-home-search-modal .dak-hsm-option.is-active .dak-hsm-option-arrow {
	color: var( --dak-primary ) !important;
}

/* No results ---------------------------------------------------------------- */

.dak-home-search-modal .dak-hsm-empty {
	padding: 40px 12px !important;
	text-align: center !important;
}

.dak-home-search-modal .dak-hsm-empty-title {
	margin: 0 0 6px !important;
	color: var( --dak-text ) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
}

.dak-home-search-modal .dak-hsm-empty-text {
	margin: 0 auto 16px !important;
	max-width: 420px !important;
	color: var( --dak-muted ) !important;
	font-size: 0.9rem !important;
	line-height: 1.5 !important;
}

.dak-home-search-modal .dak-hsm-empty-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 8px !important;
}

.dak-home-search-modal .dak-hsm-empty-actions .dak-button {
	min-height: 44px !important;
}

/* Footer -------------------------------------------------------------------- */

.dak-home-search-modal .dak-hsm-footer {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	padding: 12px var( --dak-hsm-pad ) !important;
	margin: 0 !important;
	border-top: 1px solid var( --dak-border ) !important;
	background: var( --dak-bg-card ) !important;
}

.dak-home-search-modal .dak-hsm-footer-hint {
	margin: 0 !important;
	color: var( --dak-muted ) !important;
	font-size: 0.8125rem !important;
	line-height: 1.4 !important;
}

.dak-home-search-modal .dak-hsm-submit {
	flex: 0 0 auto !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	min-height: 46px !important;
	padding: 0 22px !important;
	border-radius: 12px !important;
	font-size: 0.9375rem !important;
}

.dak-home-search-modal .dak-hsm-submit svg {
	width: 18px !important;
	height: 18px !important;
}

/* Phones and small tablets: full-screen dialog, stacked fields. ------------- */

@media ( max-width: 640px ) {
	.dak-home-search-modal {
		--dak-hsm-pad: 16px;
		align-items: stretch !important;
		padding: 0 !important;
	}

	.dak-home-search-modal .dak-hsm-dialog {
		width: 100% !important;
		height: var( --dak-hsm-vh, 100vh ) !important;
		height: var( --dak-hsm-vh, 100dvh ) !important;
		min-height: 0 !important;
		max-height: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}

	.dak-home-search-modal .dak-hsm-header {
		padding-top: 14px !important;
	}

	.dak-home-search-modal .dak-hsm-title {
		font-size: 1.2rem !important;
	}

	.dak-home-search-modal .dak-hsm-subtitle {
		font-size: 0.8125rem !important;
	}

	.dak-home-search-modal .dak-hsm-close {
		margin: -4px -8px 0 0 !important;
	}

	.dak-home-search-modal .dak-hsm-fields {
		grid-template-columns: minmax( 0, 1fr ) !important;
		gap: 10px !important;
		padding-top: 14px !important;
		padding-bottom: 12px !important;
	}

	.dak-home-search-modal .dak-hsm-popover {
		width: 100% !important;
		max-height: min( 300px, 45vh ) !important;
	}

	.dak-home-search-modal .dak-hsm-footer {
		padding-bottom: max( 12px, env( safe-area-inset-bottom ) ) !important;
	}

	.dak-home-search-modal .dak-hsm-footer-hint {
		display: none !important;
	}

	.dak-home-search-modal .dak-hsm-submit {
		width: 100% !important;
		min-height: 48px !important;
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.dak-home-search-modal .dak-hsm-control {
		transition: none !important;
	}

	.dak-home-search-modal .dak-hsm-locate[aria-busy='true'] .dak-hsm-locate-icon svg {
		animation: none !important;
	}
}

/* Quick access — a ruled centred heading over four bordered tiles: icon on
   the left, title and description beside it, a small arrow underneath. */

.dak-home-quick-links {
	margin-top: var( --dak-space-7 ) !important;
}

.dak-home-quick-links-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var( --dak-space-4 ) !important;
	margin: 0 0 var( --dak-space-5 ) !important;
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: var( --dak-text-2xl ) !important;
	font-weight: 700 !important;
	text-align: center !important;
	color: var( --dak-text ) !important;
}

.dak-home-quick-links-title::before,
.dak-home-quick-links-title::after {
	content: '' !important;
	flex: 0 0 3.5rem !important;
	height: 2px !important;
	background: var( --dak-primary ) !important;
}

.dak-home-quick-links-grid {
	display: grid !important;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) ) !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-home-quick-link-card {
	display: grid !important;
	grid-template-columns: auto minmax( 0, 1fr ) !important;
	grid-template-areas:
		'icon title'
		'icon text'
		'icon arrow' !important;
	align-content: start !important;
	column-gap: var( --dak-space-3 ) !important;
	row-gap: 0.15rem !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-md ) !important;
	padding: var( --dak-space-4 ) !important;
	box-shadow: none !important;
	color: inherit !important;
	text-decoration: none !important;
	text-align: left !important;
	cursor: pointer !important;
	font: inherit !important;
	transition: transform 0.15s ease, box-shadow 0.15s ease !important;
}

.dak-home-quick-link-card:hover {
	transform: translateY( -3px ) !important;
	box-shadow: var( --dak-shadow ) !important;
}

.dak-home-quick-link-icon {
	grid-area: icon !important;
	display: inline-flex !important;
	align-items: flex-start !important;
	justify-content: center !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-quick-link-icon svg {
	width: 40px !important;
	height: 40px !important;
}

.dak-home-quick-link-title {
	grid-area: title !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	color: var( --dak-text ) !important;
}

.dak-home-quick-link-text {
	grid-area: text !important;
	font-size: var( --dak-text-sm ) !important;
	line-height: 1.4 !important;
	color: var( --dak-muted ) !important;
}

.dak-home-quick-link-arrow {
	grid-area: arrow !important;
	margin-top: var( --dak-space-2 ) !important;
	color: var( --dak-text ) !important;
	transition: transform 0.15s ease !important;
}

.dak-home-quick-link-arrow svg {
	width: 18px !important;
	height: 18px !important;
	stroke: currentColor !important;
}

.dak-home-quick-link-card:hover .dak-home-quick-link-arrow {
	transform: translateX( 3px ) !important;
}

/* Video tour — the bundled hero clip, now its own section with a two-column
   heading (eyebrow + title on the left, a plain description on the right). */

.dak-home-video-tour {
	margin-top: var( --dak-space-8 ) !important;
}

.dak-home-video-tour-heading {
	display: grid !important;
	grid-template-columns: 1.2fr 1fr !important;
	gap: var( --dak-space-6 ) !important;
	align-items: end !important;
	margin-bottom: var( --dak-space-5 ) !important;
}

.dak-home-video-tour-heading h2 {
	font-size: var( --dak-text-2xl ) !important;
	font-weight: 600 !important;
	line-height: 1.25 !important;
	color: var( --dak-text ) !important;
	margin: 0.4rem 0 0 !important;
}

.dak-home-video-tour-heading p {
	font-size: var( --dak-text-md ) !important;
	color: var( --dak-muted ) !important;
	margin: 0 !important;
}

.dak-home-video-tour .dak-home-hero-visual {
	height: 100% !important;
	min-height: 420px !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: var( --dak-space-4 ) !important;
	padding: var( --dak-space-6 ) var( --dak-space-5 ) !important;
	text-align: center !important;
}

/* Two columns: the clip on the left, the four trust points stacked 2x2 on
   the right — replaces the old single-column layout where the cards
   overlapped the bottom edge of the clip. */
.dak-home-video-tour-panel {
	display: grid !important;
	grid-template-columns: 1.15fr 0.85fr !important;
	gap: var( --dak-space-6 ) !important;
	align-items: stretch !important;
}

.dak-home-video-tour-features {
	display: grid !important;
	grid-template-columns: repeat( 2, 1fr ) !important;
	gap: var( --dak-space-4 ) !important;
}

.dak-home-video-tour-feature {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var( --dak-space-2 ) !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-md ) !important;
	padding: var( --dak-space-4 ) !important;
	box-shadow: var( --dak-shadow-lg ) !important;
}

.dak-home-video-tour-feature-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 34px !important;
	height: 34px !important;
	flex: 0 0 auto !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-video-tour-feature-icon svg {
	display: block !important;
	width: 31px !important;
	height: 21px !important;
	/* The active theme resets bare <svg> elements to fill: currentColor;
	   stroke: none !important (expecting icon-font-style glyphs) — these are
	   stroke-only line icons, so left alone the theme renders them as solid
	   filled blobs instead of the intended thin outline, which reads as the
	   icon sitting "off" inside its circle. Same fix already used for the
	   header's theme toggle and the featured-doctors nav arrows. */
	fill: none !important;
	stroke: var( --dak-primary-dark ) !important;
	stroke-width: 1.5 !important;
}

.dak-home-video-tour-feature strong {
	display: block !important;
	color: var( --dak-text ) !important;
	font-size: var( --dak-text-lg ) !important;
	font-weight: 700 !important;
	margin-bottom: 0.15rem !important;
}

.dak-home-video-tour-feature span {
	padding : 6px 7px 7px 1px;
	display: block !important;
	color: var( --dak-muted ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.5 !important;
}

.dak-home-hero-actions {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-button-lg {
	padding: 0.95rem 1.75rem !important;
	font-size: var( --dak-text-md ) !important;
}


/* Hero visual — reused as the video-tour section's clip banner. */

.dak-home-hero-visual {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	min-height: 340px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
	border-radius: var( --dak-radius-lg ) !important;
	overflow: hidden !important;
	background:
		radial-gradient( 420px 300px at 85% 0%, rgba( 255, 255, 255, 0.22 ) 0%, rgba( 255, 255, 255, 0 ) 60% ),
		linear-gradient( 135deg, var( --dak-secondary ) 0%, var( --dak-primary-dark ) 100% ) !important;
	box-shadow: var( --dak-shadow-lg ), 0 1px 0 rgba( 255, 255, 255, 0.25 ) inset !important;
	font: inherit !important;
	text-align: left !important;
	cursor: pointer !important;
}

/* The clip itself, playing muted/looped as the panel's own background — the
   gradient on .dak-home-hero-visual above still shows while it loads (and
   stays as a fallback if the file 404s), then sits behind it once ready.
   Clicking the button still opens the lightbox (doctor-ak-home.js) for the
   full-size, unmuted version. */
.dak-home-hero-visual-video {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.dak-home-hero-visual::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background:
		radial-gradient( 60% 60% at 50% 40%, rgba( 255, 255, 255, 0.12 ) 0%, rgba( 255, 255, 255, 0 ) 70% ),
		rgba( 0, 0, 0, 0.12 ) !important;
}

/* Services — a row of tall cards: photo on top, then the title, a short
   description and a round arrow button in the bottom-right corner (the whole
   card is the link). Its own directory/home-service-card.php template renders
   these; auto-fit gives up to 5 across and wraps to fewer as the page narrows. */

.dak-home-services-header p {
	max-width: 62ch !important;
	margin: 0 auto !important;
	color: var( --dak-muted ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.6 !important;
}

.dak-home-services-header h2 .dak-home-services-accent {
	color: var( --dak-primary ) !important;
}

.dak-home-services-list {
	display: grid !important;
	grid-template-columns: repeat( auto-fit, minmax( min( 200px, 100% ), 1fr ) ) !important;
	gap: var( --dak-space-4 ) !important;
	margin-top: var( --dak-space-6 ) !important;
}

.dak-home-service-row {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	gap: 0 !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	padding: var( --dak-space-3 ) !important;
	box-shadow: var( --dak-shadow ) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.dak-home-service-row:hover {
	transform: translateY( -3px ) !important;
	border-color: var( --dak-primary ) !important;
	box-shadow: var( --dak-shadow-hover ) !important;
}

/* Photo first, whatever the markup order. */
.dak-home-service-row-media {
	order: -1 !important;
	position: relative !important;
	overflow: hidden !important;
	height: 150px !important;
	border-radius: var( --dak-radius-md ) !important;
	background: linear-gradient( 165deg, var( --dak-primary-tint ) 0%, var( --dak-bg-subtle ) 100% ) !important;
}

.dak-home-service-row-media img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}

.dak-home-service-row-placeholder {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var( --dak-primary-dark ) !important;
	opacity: 0.4 !important;
}

.dak-home-service-row-placeholder svg {
	width: 48px !important;
	height: 48px !important;
}

.dak-home-service-row-body {
	display: flex !important;
	flex: 1 1 auto !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var( --dak-space-1 ) !important;
	min-width: 0 !important;
	padding: var( --dak-space-3 ) var( --dak-space-1 ) var( --dak-space-1 ) !important;
}

.dak-home-service-row-body h3 {
	margin: 0 !important;
	font-family: inherit !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	overflow-wrap: anywhere !important;
	color: var( --dak-text ) !important;
}

.dak-home-service-row-body > p {
	margin: 0 !important;
	padding-right: 3rem !important;
	overflow-wrap: anywhere !important;
	display: -webkit-box !important;
	-webkit-line-clamp: 3 !important;
	-webkit-box-orient: vertical !important;
	overflow: hidden !important;
	font-size: var( --dak-text-sm ) !important;
	line-height: 1.5 !important;
	color: var( --dak-muted ) !important;
}

/* Price/specialist chips and the badge icon aren't part of this card. */
.dak-home-service-row-icon,
.dak-home-service-row-meta {
	display: none !important;
}

/* The link stays in flow (text for screen readers only) but its ::after
   stretches over the whole card so the entire card is clickable; the arrow
   itself is drawn as a round button in the card's bottom-right corner. */
.dak-home-service-row-link {
	position: static !important;
	display: block !important;
	text-decoration: none !important;
}

.dak-home-service-row-link::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	border-radius: var( --dak-radius-lg ) !important;
}

.dak-home-service-row-link-text {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	overflow: hidden !important;
	clip: rect( 0, 0, 0, 0 ) !important;
	white-space: nowrap !important;
}

.dak-home-service-row-link svg {
	position: absolute !important;
	right: var( --dak-space-3 ) !important;
	bottom: var( --dak-space-3 ) !important;
	box-sizing: border-box !important;
	width: 38px !important;
	height: 38px !important;
	padding: 10px !important;
	border-radius: 50% !important;
	background: var( --dak-primary ) !important;
	stroke: #fff !important;
	transition: transform 0.18s ease !important;
}

.dak-home-service-row:hover .dak-home-service-row-link svg {
	transform: translateX( 2px ) !important;
}

/* "View All Services" — an outlined pill rather than the shared secondary
   button's filled look. */
.dak-home-services .dak-home-section-footer .dak-button {
	background: transparent !important;
	border: 1.5px solid var( --dak-primary ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-services .dak-home-section-footer .dak-button:hover {
	background: var( --dak-primary-tint ) !important;
}

/* FAQ — heading block on top (call card to its right), then a full-width
   <details> accordion underneath (no script: the browser handles open/close). */

.dak-home-faq {
	display: flex !important;
	flex-direction: column !important;
	gap: var( --dak-space-6 ) !important;
}

.dak-home-faq-intro {
	display: grid !important;
	grid-template-columns: minmax( 0, 1fr ) auto !important;
	column-gap: var( --dak-space-6 ) !important;
	align-items: center !important;
	justify-items: start !important;
}

.dak-home-faq-intro > * {
	grid-column: 1 !important;
}

.dak-home-faq-intro .dak-home-faq-call {
	grid-column: 2 !important;
	grid-row: 1 / span 3 !important;
}

.dak-home-faq-intro h2 {
	margin: var( --dak-space-3 ) 0 var( --dak-space-3 ) !important;
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: 2.2rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
	color: var( --dak-text ) !important;
}

.dak-home-faq-intro > p {
	margin: 0 !important;
	max-width: 60ch !important;
	color: var( --dak-muted ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.6 !important;
}

.dak-home-faq-call {
	display: inline-flex !important;
	align-items: center !important;
	gap: var( --dak-space-3 ) !important;
	padding: var( --dak-space-3 ) var( --dak-space-4 ) !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-md ) !important;
	color: var( --dak-muted ) !important;
	font-size: var( --dak-text-sm ) !important;
	text-decoration: none !important;
}

.dak-home-faq-call strong {
	display: block !important;
	color: var( --dak-text ) !important;
	font-size: var( --dak-text-md ) !important;
}

.dak-home-faq-call-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-faq-call-icon svg {
	width: 18px !important;
	height: 18px !important;
}

.dak-home-faq-list {
	display: flex !important;
	flex-direction: column !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-home-faq-item {
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-md ) !important;
	transition: border-color 0.15s ease, box-shadow 0.15s ease !important;
}

.dak-home-faq-item[open] {
	border-color: var( --dak-primary ) !important;
	box-shadow: var( --dak-shadow ) !important;
}

.dak-home-faq-item summary {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: var( --dak-space-4 ) !important;
	padding: var( --dak-space-4 ) var( --dak-space-5 ) !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	color: var( --dak-text ) !important;
	cursor: pointer !important;
	list-style: none !important;
}

.dak-home-faq-item summary::-webkit-details-marker {
	display: none !important;
}

/* Plus that turns into a minus when open. */
.dak-home-faq-toggle {
	position: relative !important;
	flex: 0 0 auto !important;
	width: 26px !important;
	height: 26px !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
}

.dak-home-faq-toggle::before,
.dak-home-faq-toggle::after {
	content: '' !important;
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	width: 10px !important;
	height: 2px !important;
	background: var( --dak-primary-dark ) !important;
	transform: translate( -50%, -50% ) !important;
	transition: transform 0.2s ease !important;
}

.dak-home-faq-toggle::after {
	transform: translate( -50%, -50% ) rotate( 90deg ) !important;
}

.dak-home-faq-item[open] .dak-home-faq-toggle::after {
	transform: translate( -50%, -50% ) rotate( 0deg ) !important;
}

.dak-home-faq-item p {
	margin: 0 !important;
	padding: 0 var( --dak-space-5 ) var( --dak-space-4 ) !important;
	color: var( --dak-muted ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.65 !important;
}

@media ( max-width: 700px ) {
	.dak-home-faq-intro {
		grid-template-columns: 1fr !important;
		row-gap: var( --dak-space-3 ) !important;
	}

	.dak-home-faq-intro .dak-home-faq-call {
		grid-column: 1 !important;
		grid-row: auto !important;
		margin-top: var( --dak-space-2 ) !important;
	}
}

/* Blog — the three newest posts (the same flat card as the Blog page, styled
   in doctor-ak-directory.css), with a "View All" link in the header. */

.dak-home-blogs-header {
	display: flex !important;
	align-items: flex-end !important;
	justify-content: space-between !important;
	gap: var( --dak-space-4 ) !important;
	margin-bottom: var( --dak-space-5 ) !important;
}

.dak-home-blogs-header h2 {
	margin: 0 !important;
	font-family: inherit !important;
	font-size: var( --dak-text-xl ) !important;
	font-weight: 700 !important;
	color: var( --dak-text ) !important;
}

.dak-home-blogs-header p {
	margin: 0.25rem 0 0 !important;
	font-size: var( --dak-text-sm ) !important;
	color: var( --dak-muted ) !important;
}

.dak-home-blogs-viewall {
	flex: 0 0 auto !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	color: var( --dak-text ) !important;
	text-decoration: underline !important;
	text-underline-offset: 3px !important;
}

.dak-home-blogs-viewall:hover {
	color: var( --dak-primary-dark ) !important;
}

/* Specialty tiles — "Consult top doctors online". A grid of white, bordered
   cards (icon badge + name), each tile linking into the doctors directory
   with that specialty preselected in its filter, so only specialties a
   registered doctor actually has are ever listed. Reuses .dak-directory-
   header (doctor-ak-directory.css) for the centered eyebrow/heading/intro —
   the same plain centered header the "Our Healthcare Services" section
   below uses. */

.dak-home-specialties-header {
	max-width: 640px !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.dak-home-specialties-grid {
	display: grid !important;
	grid-template-columns: repeat( 6, minmax( 0, 1fr ) ) !important;
	gap: var( --dak-space-4 ) !important;
	margin-top: var( --dak-space-5 ) !important;
}

.dak-home-specialty-card {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: var( --dak-space-2 ) !important;
	padding: var( --dak-space-5 ) var( --dak-space-3 ) !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	text-align: center !important;
	text-decoration: none !important;
	transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease !important;
}

.dak-home-specialty-card:hover,
.dak-home-specialty-card:focus-visible {
	border-color: var( --dak-primary ) !important;
	box-shadow: var( --dak-shadow ) !important;
	transform: translateY( -3px ) !important;
}

.dak-home-specialty-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 60px !important;
	height: 60px !important;
	flex: 0 0 auto !important;
	border-radius: 16px !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-specialty-icon svg {
	width: 28px !important;
	height: 28px !important;
}

/* A small rotating palette (repeats every 5 cards) rather than every badge
   being the same brand-green tint — matches the reference design's mixed
   pastel icon colors. Purely decorative, so this is the one place on the
   page that reaches for hardcoded colors instead of the shared --dak-*
   tokens (which only carry the single brand green). */
.dak-home-specialty-card:nth-child( 5n + 1 ) .dak-home-specialty-icon {
	background: #eaf4ef !important;
	color: #16634b !important;
}

.dak-home-specialty-card:nth-child( 5n + 2 ) .dak-home-specialty-icon {
	background: #d7f3f0 !important;
	color: #128a86 !important;
}

.dak-home-specialty-card:nth-child( 5n + 3 ) .dak-home-specialty-icon {
	background: #fdf0d5 !important;
	color: #b8790f !important;
}

.dak-home-specialty-card:nth-child( 5n + 4 ) .dak-home-specialty-icon {
	background: #eee3fb !important;
	color: #7c4ddb !important;
}

.dak-home-specialty-card:nth-child( 5n + 5 ) .dak-home-specialty-icon {
	background: #dceefb !important;
	color: #2f80c7 !important;
}

.dak-home-specialty-label {
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	line-height: 1.4 !important;
	color: var( --dak-text ) !important;
}

/* Hidden until the card is hovered/focused (see .dak-home-specialty-card
   above) — a quieter default than showing a CTA on every single card. */
.dak-home-specialty-action {
	display: none !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0.4rem 1rem !important;
	border-radius: 999px !important;
	background: var( --dak-primary ) !important;
	color: #fff !important;
	font-size: 0.78rem !important;
	font-weight: 700 !important;
}

.dak-home-specialty-card:hover .dak-home-specialty-action,
.dak-home-specialty-card:focus-visible .dak-home-specialty-action {
	display: inline-flex !important;
}

@media ( max-width: 700px ) {
	.dak-home-specialties-grid {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important;
	}
}

/* Doctors — reuses the [featured_doctors] shortcode's own horizontal-scroll
   slider markup/CSS/JS (dak-featured-doctors-slider/-track/-slide/-nav) rather
   than a second carousel implementation, but with the home page's own card
   (directory/home-doctor-card.php): a tall photo with a status badge, and a
   white info panel overlapping its bottom edge (name, specialty, experience,
   and a round arrow button into the profile). Scoped under .dak-home-doctors
   so the shared slider look everywhere else is untouched. */

.dak-home-doctors .dak-featured-doctors-header {
	align-items: center !important;
	margin-bottom: var( --dak-space-5 ) !important;
}

.dak-home-doctors .dak-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.45rem !important;
	text-transform: uppercase !important;
	letter-spacing: 0.06em !important;
}

.dak-home-doctors .dak-eyebrow svg {
	width: 18px !important;
	height: 18px !important;
}

.dak-home-doctors .dak-featured-doctors-header h2 {
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: 2.6rem !important;
	font-weight: 700 !important;
	line-height: 1.15 !important;
}

.dak-home-doctors .dak-featured-doctors-header p {
	max-width: 56ch !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.6 !important;
}

.dak-home-doctors .dak-featured-doctors-view-more {
	background: transparent !important;
	border: 1.5px solid var( --dak-primary ) !important;
	color: var( --dak-primary-dark ) !important;
	text-decoration: none !important;
}

.dak-home-doctors .dak-featured-doctors-view-more:hover {
	background: var( --dak-primary-tint ) !important;
}

.dak-home-doctors .dak-featured-doctors-slide {
	width: 300px !important;
}

.dak-home-doctor-card {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
	transition: transform 0.25s ease !important;
}

.dak-home-doctor-card:hover,
.dak-home-doctor-card:focus-within {
	transform: translateY( -4px ) !important;
}

.dak-home-doctor-card-photo {
	position: relative !important;
	display: block !important;
	height: 290px !important;
	overflow: hidden !important;
	border-radius: var( --dak-radius-lg ) !important;
	background: linear-gradient( 165deg, var( --dak-primary-tint ) 0%, var( --dak-bg-subtle ) 100% ) !important;
	box-shadow: var( --dak-shadow ) !important;
}

.dak-home-doctor-card-photo img {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	transition: transform 0.35s ease !important;
}

.dak-home-doctor-card:hover .dak-home-doctor-card-photo img {
	transform: scale( 1.05 ) !important;
}

.dak-home-doctor-card-placeholder {
	position: absolute !important;
	inset: 0 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var( --dak-primary-dark ) !important;
	opacity: 0.35 !important;
}

.dak-home-doctor-card-placeholder svg {
	width: 30% !important;
	height: 30% !important;
}

.dak-home-doctor-card-badge {
	position: absolute !important;
	z-index: 1 !important;
	top: var( --dak-space-3 ) !important;
	left: var( --dak-space-3 ) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.4rem !important;
	padding: 0.3rem 0.75rem !important;
	border-radius: 999px !important;
	background: #eaf4ef !important;
	color: #16634b !important;
	font-size: var( --dak-text-xs ) !important;
	font-weight: 700 !important;
}

.dak-home-doctor-card-badge::before {
	content: '' !important;
	width: 7px !important;
	height: 7px !important;
	border-radius: 50% !important;
	background: currentColor !important;
}

.dak-home-doctor-card-badge-consult {
	background: #e3e6ff !important;
	color: #4450c9 !important;
}

/* Active video-consultation discount, top-right of the photo. */
.dak-home-doctor-card-discount {
	position: absolute !important;
	z-index: 1 !important;
	top: var( --dak-space-3 ) !important;
	right: var( --dak-space-3 ) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	padding: 0.35rem 0.7rem 0.4rem !important;
	border-radius: 12px !important;
	background: #c2410c !important;
	color: #fff !important;
	font-size: var( --dak-text-sm ) !important;
	font-weight: 800 !important;
	line-height: 1.1 !important;
	letter-spacing: 0.02em !important;
	box-shadow: 0 6px 16px rgba( 194, 65, 12, 0.35 ) !important;
}

.dak-home-doctor-card-discount small {
	margin-top: 2px !important;
	font-size: 0.65rem !important;
	font-weight: 600 !important;
	letter-spacing: 0 !important;
	opacity: 0.95 !important;
}

/* The white panel that overlaps the photo's bottom edge. */
.dak-home-doctor-card-info {
	position: relative !important;
	color: inherit !important;
	text-decoration: none !important;
	z-index: 1 !important;
	margin: -2.2rem var( --dak-space-1 ) 0 !important;
	padding: var( --dak-space-4 ) 4.2rem var( --dak-space-4 ) var( --dak-space-4 ) !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0.4rem !important;
	background: var( --dak-bg-card ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	box-shadow: var( --dak-shadow ) !important;
}

.dak-home-doctor-card-info h3 {
	margin: 0 0 0.15rem !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var( --dak-text ) !important;
}

.dak-home-doctor-card-line {
	display: flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
	font-size: var( --dak-text-sm ) !important;
	color: var( --dak-muted ) !important;
}

.dak-home-doctor-card-line svg {
	flex: 0 0 auto !important;
	width: 16px !important;
	height: 16px !important;
	stroke: var( --dak-primary-dark ) !important;
}

.dak-home-doctor-card-go {
	position: absolute !important;
	right: var( --dak-space-4 ) !important;
	bottom: var( --dak-space-4 ) !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 38px !important;
	height: 38px !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	transition: background-color 0.18s ease !important;
}

.dak-home-doctor-card-go svg {
	width: 18px !important;
	height: 18px !important;
	stroke: var( --dak-text ) !important;
}

.dak-home-doctor-card:hover .dak-home-doctor-card-go {
	background: var( --dak-primary ) !important;
}

.dak-home-doctor-card:hover .dak-home-doctor-card-go svg {
	stroke: #fff !important;
}

.dak-home-doctors-dots {
	display: flex !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	margin-top: var( --dak-space-3 ) !important;
}

.dak-home-doctors-dot {
	width: 9px !important;
	height: 9px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 50% !important;
	background: var( --dak-primary-tint ) !important;
	cursor: pointer !important;
}

.dak-home-doctors-dot.is-active {
	background: var( --dak-primary ) !important;
}

@media ( max-width: 640px ) {
	.dak-home-doctors .dak-featured-doctors-header h2 {
		font-size: 2rem !important;
	}
}

/* Testimonial band — dark, full-bleed within the page's max-width */

.dak-home-testimonial-band {
	margin-top: var( --dak-space-8 ) !important;
	/* Deliberately fixed (not a --dak-text/--dak-bg-* token, which flip with
	   the light/dark toggle) — this band stays dark in both modes, matching
	   the reference design. A subtle radial glow + gradient over the flat
	   fill gives it some depth instead of a flat block of color. */
	background:
		radial-gradient( 520px 320px at 100% 0%, rgba( 255, 255, 255, 0.06 ) 0%, rgba( 255, 255, 255, 0 ) 65% ),
		linear-gradient( 165deg, #1b1e24 0%, #101216 100% ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	padding: var( --dak-space-7 ) var( --dak-space-6 ) !important;
	box-shadow: 0 20px 48px rgba( 0, 0, 0, 0.28 ) !important;
}

.dak-home-testimonial-band-inner {
	display: grid !important;
	grid-template-columns: 1.4fr 1fr !important;
	gap: var( --dak-space-6 ) !important;
	align-items: start !important;
}

.dak-home-testimonial-band-quotes {
	display: flex !important;
	flex-direction: column !important;
	gap: var( --dak-space-4 ) !important;
}

.dak-home-testimonial-band-eyebrow-row {
	display: flex !important;
	align-items: center !important;
	flex-wrap: wrap !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-home-testimonial-band-quotes .dak-eyebrow {
	background: rgba( 255, 255, 255, 0.1 ) !important;
	color: var( --dak-primary ) !important;
}

.dak-home-google-rating-badge {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.3rem !important;
	color: #d7dade !important;
	font-size: var( --dak-text-sm ) !important;
	font-weight: 600 !important;
}

.dak-home-google-rating-badge svg {
	width: 15px !important;
	height: 15px !important;
	color: #f5b942 !important;
}

.dak-home-testimonial-card + .dak-home-testimonial-card {
	padding-top: var( --dak-space-4 ) !important;
	border-top: 1px solid rgba( 255, 255, 255, 0.12 ) !important;
}

.dak-home-testimonial-stars {
	display: flex !important;
	gap: 0.15rem !important;
	margin-bottom: var( --dak-space-2 ) !important;
}

.dak-home-testimonial-stars svg {
	width: 14px !important;
	height: 14px !important;
	color: rgba( 255, 255, 255, 0.25 ) !important;
}

.dak-home-testimonial-stars .is-filled svg {
	color: #f5b942 !important;
}

.dak-home-testimonial-card p {
	color: #fff !important;
	font-size: 1.25rem !important;
	font-style: italic !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	margin: 0 0 var( --dak-space-2 ) !important;
}

.dak-home-testimonial-band-author {
	color: #9198a3 !important;
	font-size: var( --dak-text-sm ) !important;
}

.dak-home-testimonial-band-stats {
	display: flex !important;
	flex-direction: column !important;
	gap: var( --dak-space-4 ) !important;
}

.dak-home-testimonial-band-stats strong {
	display: block !important;
	color: var( --dak-primary ) !important;
	font-size: var( --dak-text-2xl ) !important;
	font-weight: 800 !important;
}

.dak-home-testimonial-band-stats span {
	color: #9198a3 !important;
	font-size: var( --dak-text-sm ) !important;
}

/* Visit Us / clinics — a soft green panel with a horizontally scrolling row of
   clinic cards that slide continuously (the ticker rules below), then a
   "View All Clinics" pill. */

.dak-home-clinics {
	border-radius: var( --dak-radius-lg ) !important;
	padding: var( --dak-space-7 ) var( --dak-space-6 ) !important;
}

.dak-home-clinics-header .dak-eyebrow {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.45rem !important;
	text-transform: uppercase !important;
}

.dak-home-clinics-header .dak-eyebrow svg {
	width: 16px !important;
	height: 16px !important;
}

/* The ticker: cards slide continuously right to left (the track is two
   identical back-to-back copies, so moving it by exactly half loops with no
   jump) and pause while hovered. Edges fade out under a mask. */
.dak-home-clinics-marquee {
	margin-top: var( --dak-space-5 ) !important;
	overflow: hidden !important;
	-webkit-mask-image: linear-gradient( 90deg, transparent 0, #000 6%, #000 94%, transparent 100% ) !important;
	mask-image: linear-gradient( 90deg, transparent 0, #000 6%, #000 94%, transparent 100% ) !important;
}

.dak-home-clinics-track {
	display: flex !important;
	width: max-content !important;
	padding: var( --dak-space-3 ) 0 var( --dak-space-4 ) !important;
	animation: dak-home-clinics-marquee var( --dak-marquee-duration, 40s ) linear infinite !important;
}

.dak-home-clinics-marquee:hover .dak-home-clinics-track,
.dak-home-clinics-marquee:focus-within .dak-home-clinics-track {
	animation-play-state: paused !important;
}

@keyframes dak-home-clinics-marquee {
	from {
		transform: translateX( 0 );
	}

	to {
		transform: translateX( -50% );
	}
}

@media ( prefers-reduced-motion: reduce ) {
	.dak-home-clinics-marquee {
		overflow-x: auto !important;
	}

	.dak-home-clinics-track {
		animation: none !important;
	}
}

.dak-home-clinic-card {
	flex: 0 0 230px !important;
	margin-right: var( --dak-space-4 ) !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: var( --dak-space-2 ) !important;
	padding: var( --dak-space-5 ) var( --dak-space-3 ) !important;
	text-align: center !important;
	color: inherit !important;
	text-decoration: none !important;
	background: var( --dak-bg-card ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	box-shadow: var( --dak-shadow ) !important;
	transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}

.dak-home-clinic-card:hover {
	transform: translateY( -4px ) !important;
	border-color: var( --dak-primary ) !important;
	box-shadow: var( --dak-shadow-hover ) !important;
}

/* No logo upload exists for a clinic location, so each card leads with a
   round monogram of the clinic's initial instead. */
.dak-home-clinic-avatar {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 68px !important;
	height: 68px !important;
	margin-bottom: var( --dak-space-2 ) !important;
	border-radius: 50% !important;
	background: linear-gradient( 135deg, var( --dak-primary ) 0%, var( --dak-secondary ) 100% ) !important;
	color: #fff !important;
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: 1.9rem !important;
	font-weight: 700 !important;
}

.dak-home-clinic-card strong {
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	color: var( --dak-text ) !important;
}

.dak-home-clinic-sub {
	font-size: var( --dak-text-sm ) !important;
	color: var( --dak-muted ) !important;
	line-height: 1.35 !important;
}

.dak-home-clinics .dak-home-section-footer .dak-button {
	background: transparent !important;
	border: 1.5px solid var( --dak-primary ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-clinics .dak-home-section-footer .dak-button:hover {
	background: var( --dak-primary-tint ) !important;
}

/* "Join as a Doctor" band — dark panel, copy on the left, a light "Why
   doctors choose us" benefits card on the right (a recruitment CTA, not a
   patient booking form — see templates/directory/home-page.php). */

.dak-home-join-doctors {
	/* Extra top margin buys back the space the card rises into, so it
	   still clears the section above once it breaks out of the band. */
	margin-top: calc( var( --dak-space-8 ) + 72px ) !important;
	/* Fixed dark, like the testimonial band — it stays dark in both themes.
	   The sweeping line texture on top is an inline SVG rather than an image
	   file: it's a few hundred bytes, scales to any band size without going
	   soft, and needs nothing added to assets/. */
	background:
		url( "data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201200%20700'%20preserveAspectRatio='none'%3E%3Cg%20fill='none'%20stroke='%23ffffff'%20stroke-opacity='0.07'%20stroke-width='1.2'%3E%3Cpath%20d='M-60%2070%20C%20240%20-10%20520%2050%20780%20150%201000%20236%201120%20272%201260%20250'/%3E%3Cpath%20d='M-60%20152%20C%20240%2072%20520%20132%20780%20232%201000%20318%201120%20354%201260%20332'/%3E%3Cpath%20d='M-60%20234%20C%20240%20154%20520%20214%20780%20314%201000%20400%201120%20436%201260%20414'/%3E%3Cpath%20d='M-60%20316%20C%20240%20236%20520%20296%20780%20396%201000%20482%201120%20518%201260%20496'/%3E%3Cpath%20d='M-60%20398%20C%20240%20318%20520%20378%20780%20478%201000%20564%201120%20600%201260%20578'/%3E%3Cpath%20d='M-60%20480%20C%20240%20400%20520%20460%20780%20560%201000%20646%201120%20682%201260%20660'/%3E%3Cpath%20d='M-60%20562%20C%20240%20482%20520%20542%20780%20642%201000%20728%201120%20764%201260%20742'/%3E%3C/g%3E%3C/svg%3E" ) left center / 100% 100% no-repeat,
		radial-gradient( 620px 420px at 88% -10%, rgba( 22, 182, 165, 0.22 ) 0%, rgba( 22, 182, 165, 0 ) 70% ),
		linear-gradient( 160deg, #1d3a33 0%, #142521 40%, #101d1a 100% ) !important;
	background-color: #101d1a !important;
	border-radius: var( --dak-radius-lg ) !important;
	padding: var( --dak-space-7 ) var( --dak-space-6 ) !important;
	box-shadow: 0 20px 48px rgba( 0, 0, 0, 0.28 ) !important;
}

.dak-home-join-doctors-inner {
	display: grid !important;
	grid-template-columns: 1fr 440px !important;
	gap: var( --dak-space-7 ) !important;
	align-items: center !important;
}

.dak-home-join-doctors-copy .dak-eyebrow {
	background: rgba( 255, 255, 255, 0.1 ) !important;
	color: var( --dak-primary ) !important;
}

.dak-home-join-doctors-copy h2 {
	margin: var( --dak-space-3 ) 0 !important;
	font-size: 2.4rem !important;
	font-weight: 600 !important;
	line-height: 1.15 !important;
	color: #fff !important;
}

.dak-home-join-doctors-copy > p {
	max-width: 48ch !important;
	margin: 0 0 var( --dak-space-5 ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.6 !important;
	color: rgba( 255, 255, 255, 0.75 ) !important;
}

.dak-home-join-doctors-copy .dak-button {
	margin-bottom: var( --dak-space-5 ) !important;
}

.dak-home-booking-contact {
	display: inline-flex !important;
	align-items: center !important;
	gap: var( --dak-space-4 ) !important;
	margin-top: var( --dak-space-6 ) !important;
	text-decoration: none !important;
}

.dak-home-booking-contact-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 56px !important;
	height: 56px !important;
	flex: 0 0 auto !important;
	border-radius: 50% !important;
	background: linear-gradient( 160deg, var( --dak-secondary ) 0%, var( --dak-primary-dark ) 100% ) !important;
	color: #fff !important;
	box-shadow: 0 8px 22px rgba( 22, 182, 165, 0.28 ) !important;
}

.dak-home-booking-contact-icon svg {
	width: 24px !important;
	height: 24px !important;
}

.dak-home-booking-contact span {
	display: flex !important;
	flex-direction: column !important;
}

.dak-home-booking-contact em {
	font-style: normal !important;
	font-size: var( --dak-text-sm ) !important;
	color: rgba( 255, 255, 255, 0.7 ) !important;
}

.dak-home-booking-contact strong {
	font-size: var( --dak-text-lg ) !important;
	font-weight: 700 !important;
	color: #fff !important;
}

/* Lifted so its top edge sits above the band's, overlapping the section
   above — anchored to the top of the row (not centred) so the offset is
   exact rather than dependent on how tall the copy beside it ends up. */
.dak-home-join-doctors-card {
	align-self: start !important;
	margin-top: -104px !important;
	background: var( --dak-bg-card ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	padding: var( --dak-space-6 ) !important;
	box-shadow: 0 24px 60px rgba( 0, 0, 0, 0.3 ) !important;
}

.dak-home-join-doctors-card h3 {
	margin: 0 0 var( --dak-space-5 ) !important;
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: var( --dak-text-xl ) !important;
	font-weight: 600 !important;
	color: var( --dak-text ) !important;
}

.dak-home-join-doctors-list {
	list-style: none !important;
	margin: 0 0 var( --dak-space-6 ) !important;
	padding: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	gap: var( --dak-space-3 ) !important;
}

.dak-home-join-doctors-list li {
	display: flex !important;
	align-items: flex-start !important;
	gap: var( --dak-space-3 ) !important;
	font-size: var( --dak-text-sm ) !important;
	line-height: 1.5 !important;
	color: var( --dak-text ) !important;
}

.dak-home-join-doctors-check {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 20px !important;
	height: 20px !important;
	flex: 0 0 auto !important;
	margin-top: 0.1rem !important;
	border-radius: 50% !important;
	background: var( --dak-tint-success ) !important;
	color: var( --dak-tint-success-text ) !important;
}

.dak-home-join-doctors-check svg {
	width: 12px !important;
	height: 12px !important;
}

/* Video gallery (marketing reel + admin-uploaded videos) — a full-width dark
   band: the title and blurb on the left, a strip of tall (portrait) clips on
   the right — the reel clips are 9:16 phone videos, so the tiles match that
   shape instead of cropping them. Clips play on their own, muted and looping,
   while on screen (initVideoGallery() in doctor-ak-home.js); clicking one
   opens it with sound in the lightbox below. A fixed dark treatment in both
   themes, like the other dark bands on this page. */

/* Full-bleed to the true viewport edge (same trick as the hero, see
   .dak-home-hero-banner above) — not just cancelling this page's own
   gutter, which left a sliver of the theme's background showing whenever
   the page content sits inside a narrower theme container. The padding
   puts the content back on the same gutter. */
.dak-home-videos {
	position: relative !important;
	width: 100vw !important;
	overflow: hidden !important;
	margin-left: calc( 50% - 50vw ) !important;
	margin-right: calc( 50% - 50vw ) !important;
	padding: var( --dak-space-8 ) var( --dak-home-gutter ) !important;
	border-radius: 0 !important;
	background:
		radial-gradient( 720px 420px at 6% 10%, rgba( 22, 99, 75, 0.3 ) 0%, rgba( 22, 99, 75, 0 ) 70% ),
		radial-gradient( 640px 460px at 100% 100%, rgba( 22, 182, 165, 0.26 ) 0%, rgba( 22, 182, 165, 0 ) 70% ),
		linear-gradient( 165deg, #0d221b 0%, #08130d 100% ) !important;
}

.dak-home-videos-inner {
	position: relative !important;
	z-index: 1 !important;
	display: grid !important;
	grid-template-columns: minmax( 240px, 340px ) minmax( 0, 1fr ) !important;
	gap: var( --dak-space-7 ) !important;
	align-items: center !important;
}

.dak-home-videos-header {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	gap: var( --dak-space-4 ) !important;
}

.dak-home-videos-live {
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.55rem !important;
	padding: 0.35rem 0.9rem !important;
	border-radius: 999px !important;
	background: rgba( 255, 255, 255, 0.08 ) !important;
	border: 1px solid rgba( 255, 255, 255, 0.18 ) !important;
	color: #7fd3ab !important;
	font-size: var( --dak-text-xs ) !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.08em !important;
}

.dak-home-videos-live::before {
	content: '' !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
	background: #ff5a5f !important;
	box-shadow: 0 0 0 0 rgba( 255, 90, 95, 0.7 ) !important;
	animation: dak-home-videos-pulse 1.8s ease-out infinite !important;
}

@keyframes dak-home-videos-pulse {
	70% {
		box-shadow: 0 0 0 9px rgba( 255, 90, 95, 0 );
	}

	100% {
		box-shadow: 0 0 0 0 rgba( 255, 90, 95, 0 );
	}
}

.dak-home-videos-header h2 {
	margin: var( --dak-space-3 ) 0 0 !important;
	font-family: var( --dak-font-sans, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif ) !important;
	font-size: 3.2rem !important;
	font-weight: 700 !important;
	line-height: 1.05 !important;
	color: #fff !important;
}

.dak-home-videos-header h2 em {
	display: block !important;
	font-style: italic !important;
	color: #7fd3ab !important;
}

.dak-home-videos-header p {
	margin: 0 !important;
	max-width: 30ch !important;
	color: rgba( 255, 255, 255, 0.72 ) !important;
	font-size: var( --dak-text-md ) !important;
	line-height: 1.55 !important;
}

/* "View all videos" — opens the Videos page (the full gallery). */
.dak-home-videos-more {
	margin-top: var( --dak-space-5 ) !important;
}

.dak-home-videos-viewall {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: 44px !important;
	padding: 0 20px !important;
	border: 1px solid rgba( 255, 255, 255, 0.45 ) !important;
	border-radius: 999px !important;
	background: rgba( 255, 255, 255, 0.08 ) !important;
	color: #fff !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	transition: background-color 0.15s ease, border-color 0.15s ease !important;
}

.dak-home-videos-viewall:hover,
.dak-home-videos-viewall:focus-visible {
	border-color: #fff !important;
	background: rgba( 255, 255, 255, 0.18 ) !important;
	color: #fff !important;
}

.dak-home-videos-viewall:focus-visible {
	outline: 2px solid #fff !important;
	outline-offset: 3px !important;
}

.dak-home-videos-viewall svg {
	width: 16px !important;
	height: 16px !important;
}

/* The strip: tall tiles side by side, every other one dropped a little so
   the row has rhythm; scrolls sideways (snapping) when there are more clips
   than fit. */
.dak-home-videos-grid {
	display: flex !important;
	align-items: flex-start !important;
	gap: var( --dak-space-4 ) !important;
	overflow-x: auto !important;
	scroll-snap-type: x proximity !important;
	scrollbar-width: none !important;
	padding: var( --dak-space-2 ) var( --dak-space-2 ) 3.5rem !important;
}

.dak-home-videos-grid::-webkit-scrollbar {
	display: none !important;
}

.dak-home-videos-slider {
	position: relative !important;
	min-width: 0 !important;
}

/* Floating glass buttons over the reel, matching the .dak-home-video-play
   chip's own translucent-white-on-dark treatment rather than the doctors
   slider's light-background nav style (this section is a dark band). */
.dak-home-videos-nav {
	position: absolute !important;
	top: 50% !important;
	transform: translateY( -50% ) !important;
	z-index: 3 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 2.75rem !important;
	height: 2.75rem !important;
	border: 1px solid rgba( 255, 255, 255, 0.24 ) !important;
	border-radius: 999px !important;
	background: rgba( 8, 19, 13, 0.6 ) !important;
	backdrop-filter: blur( 6px ) !important;
	color: #fff !important;
	cursor: pointer !important;
	transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease !important;
}

.dak-home-videos-prev {
	left: var( --dak-space-2 ) !important;
}

.dak-home-videos-next {
	right: var( --dak-space-2 ) !important;
}

.dak-home-videos-nav svg {
	width: 1.1rem !important;
	height: 1.1rem !important;
	flex-shrink: 0 !important;
	display: block !important;
	stroke: #fff !important;
	fill: none !important;
}

.dak-home-videos-nav:hover:not( :disabled ) {
	border-color: #7fd3ab !important;
	background: rgba( 8, 19, 13, 0.85 ) !important;
	transform: translateY( -50% ) scale( 1.06 ) !important;
}

.dak-home-videos-nav:disabled {
	opacity: 0.35 !important;
	cursor: not-allowed !important;
}

.dak-home-videos-dots {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 0.5rem !important;
	margin-top: var( --dak-space-2 ) !important;
}

.dak-home-videos-dot {
	width: 8px !important;
	height: 8px !important;
	padding: 0 !important;
	border: none !important;
	border-radius: 50% !important;
	background: rgba( 255, 255, 255, 0.28 ) !important;
	cursor: pointer !important;
	transition: background 0.2s ease, transform 0.2s ease !important;
}

.dak-home-videos-dot.is-active {
	background: #7fd3ab !important;
	transform: scale( 1.2 ) !important;
}

.dak-home-video-card {
	position: relative !important;
	flex: 0 0 clamp( 210px, 16vw, 300px ) !important;
	display: flex !important;
	align-items: flex-end !important;
	aspect-ratio: 9 / 16 !important;
	scroll-snap-align: start !important;
	border: 1px solid rgba( 255, 255, 255, 0.14 ) !important;
	border-radius: 22px !important;
	overflow: hidden !important;
	background: #000 !important;
	cursor: pointer !important;
	padding: 0 !important;
	box-shadow: 0 16px 38px rgba( 0, 0, 0, 0.45 ) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
}

.dak-home-video-card:nth-child( even ) {
	margin-top: 3rem !important;
}

.dak-home-video-card:hover,
.dak-home-video-card:focus-visible {
	transform: translateY( -6px ) !important;
	border-color: #7fd3ab !important;
	box-shadow: 0 20px 48px rgba( 0, 0, 0, 0.55 ), 0 0 0 3px rgba( 127, 211, 171, 0.28 ) !important;
}

.dak-home-video-card video {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
	object-position: center top !important;
	transition: transform 0.6s ease !important;
}

.dak-home-video-card:hover video {
	transform: scale( 1.05 ) !important;
}

/* Soft shades top and bottom so the chip and any caption always read. */
.dak-home-video-card::after {
	content: '' !important;
	position: absolute !important;
	inset: 0 !important;
	background: linear-gradient( 180deg, rgba( 0, 0, 0, 0.35 ) 0%, rgba( 0, 0, 0, 0 ) 22%, rgba( 0, 0, 0, 0 ) 78%, rgba( 0, 0, 0, 0.5 ) 100% ) !important;
	pointer-events: none !important;
}

/* Top-right chip: says what a click does. Kept off the bottom because the
   reel clips carry their own name banner across the lower third. */
.dak-home-video-play {
	position: absolute !important;
	z-index: 2 !important;
	right: var( --dak-space-3 ) !important;
	top: var( --dak-space-3 ) !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 0.5rem !important;
	padding: 0.4rem 0.85rem 0.4rem 0.5rem !important;
	border-radius: 999px !important;
	background: rgba( 255, 255, 255, 0.94 ) !important;
	color: #104d3a !important;
	font-size: var( --dak-text-xs ) !important;
	font-weight: 700 !important;
	box-shadow: 0 6px 18px rgba( 0, 0, 0, 0.35 ) !important;
	pointer-events: none !important;
	transition: transform 0.2s ease !important;
}

.dak-home-video-play::after {
	content: attr( data-label ) !important;
}

.dak-home-video-play svg {
	width: 26px !important;
	height: 26px !important;
	padding: 6px 6px 6px 8px !important;
	border-radius: 50% !important;
	background: var( --dak-primary ) !important;
	color: #fff !important;
}

.dak-home-video-card:hover .dak-home-video-play {
	transform: scale( 1.06 ) !important;
}

/* Admin-set caption along the bottom. */
.dak-home-video-title {
	position: relative !important;
	z-index: 2 !important;
	width: 100% !important;
	padding: var( --dak-space-4 ) var( --dak-space-3 ) var( --dak-space-3 ) !important;
	color: #fff !important;
	font-size: var( --dak-text-sm ) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: left !important;
	text-shadow: 0 1px 6px rgba( 0, 0, 0, 0.6 ) !important;
}

/* Lightbox */

.dak-home-video-modal {
	position: fixed !important;
	inset: 0 !important;
	z-index: 9999 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: var( --dak-space-5 ) !important;
}

.dak-home-video-modal[aria-hidden='true'] {
	display: none !important;
}

.dak-home-video-modal-overlay {
	position: absolute !important;
	inset: 0 !important;
	background: rgba( 10, 12, 15, 0.8 ) !important;
}

.dak-home-video-modal-dialog {
	position: relative !important;
	z-index: 1 !important;
	width: 100% !important;
	max-width: 860px !important;
	background: #000 !important;
	border-radius: var( --dak-radius-md ) !important;
	box-shadow: var( --dak-shadow-lg ) !important;
	overflow: hidden !important;
}

.dak-home-video-modal-title {
	margin: 0 !important;
	padding: var( --dak-space-3 ) var( --dak-space-4 ) !important;
	background: #000 !important;
	color: #fff !important;
	font-size: var( --dak-text-md ) !important;
}

.dak-home-video-modal-dialog video {
	display: block !important;
	width: 100% !important;
	max-height: 75vh !important;
	background: #000 !important;
}

.dak-home-video-modal-close {
	position: absolute !important;
	top: var( --dak-space-2 ) !important;
	right: var( --dak-space-2 ) !important;
	z-index: 2 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 36px !important;
	height: 36px !important;
	border: none !important;
	border-radius: 50% !important;
	background: rgba( 255, 255, 255, 0.9 ) !important;
	color: var( --dak-text ) !important;
	font-size: 1.3rem !important;
	line-height: 1 !important;
	cursor: pointer !important;
}

@media ( max-width: 1024px ) {
	.dak-home-hero-banner {
		min-height: 0 !important;
	}

	.dak-home-hero-banner-content {
		max-width: none !important;
		padding: var( --dak-space-6 ) var( --dak-space-5 ) !important;
	}

	/* Under the header there is nothing to clear here. The stats panel becomes
	   a 2x2 block under the copy, and the search bar stacks its parts. */
	.dak-home-hero-banner {
		display: block !important;
		padding-bottom: 6.5rem !important;
	}

	.dak-home-hero-stats {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		transform: none !important;
		width: auto !important;
		margin-top: var( --dak-space-5 ) !important;
		display: grid !important;
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important;
		column-gap: var( --dak-space-3 ) !important;
		padding: var( --dak-space-2 ) var( --dak-space-4 ) !important;
	}

	.dak-home-hero-stat:nth-last-child( -n + 2 ) {
		border-bottom: 0 !important;
	}

	.dak-home-hero-stat-icon {
		width: 38px !important;
		height: 38px !important;
	}

	.dak-home-hero-stat-text strong {
		font-size: 1.05rem !important;
	}

	.dak-home-hero-searchbar {
		margin: -3.5rem var( --dak-space-4 ) 0 !important;
	}

	.dak-home-hero-search {
		flex-direction: column !important;
		align-items: stretch !important;
		gap: var( --dak-space-3 ) !important;
	}

	.dak-home-hero-search-field {
		padding: 0 0 var( --dak-space-3 ) !important;
		border-right: 0 !important;
		border-bottom: 1px solid var( --dak-border ) !important;
	}

	.dak-home-hero-search-field:last-of-type {
		border-bottom: 0 !important;
		padding-bottom: 0 !important;
	}

	.dak-home-quick-links-grid {
		grid-template-columns: repeat( 2, 1fr ) !important;
	}

	.dak-home-video-tour-heading {
		grid-template-columns: 1fr !important;
	}

	/* Video above the cards rather than side by side — there isn't enough
	   width here for both a legible clip and a legible pair of card columns. */
	.dak-home-video-tour-panel {
		grid-template-columns: 1fr !important;
	}

	.dak-home-video-tour-features {
		grid-template-columns: repeat( 2, 1fr ) !important;
		gap: var( --dak-space-3 ) !important;
	}

	.dak-home-video-tour .dak-home-hero-visual {
		height: 320px !important;
		padding: var( --dak-space-5 ) var( --dak-space-4 ) !important;
	}

	.dak-home-testimonial-band-inner,
	.dak-home-join-doctors-inner {
		grid-template-columns: 1fr !important;
	}

	/* Stacked here, so the card sits under the copy — lifting it would drag
	   it over the text instead of over the band's top edge. */
	.dak-home-join-doctors {
		margin-top: var( --dak-space-8 ) !important;
		padding: var( --dak-space-6 ) var( --dak-space-4 ) !important;
	}

	.dak-home-join-doctors-card {
		align-self: auto !important;
		margin-top: 0 !important;
	}

	.dak-home-join-doctors-copy h2 {
		font-size: 1.9rem !important;
	}

	.dak-home-videos {
		padding-block: var( --dak-space-7 ) !important;
	}

	/* minmax(0, 1fr), not 1fr: a bare 1fr column can't shrink below its
	   content, so the clip strip would stretch the whole section to the width
	   of every clip end to end instead of scrolling inside it. */
	.dak-home-videos-inner {
		grid-template-columns: minmax( 0, 1fr ) !important;
		gap: var( --dak-space-5 ) !important;
	}

	.dak-home-videos-header h2 {
		font-size: 2.4rem !important;
	}

	.dak-home-video-card {
		flex-basis: 62vw !important;
	}

	.dak-home-video-card:nth-child( even ) {
		margin-top: 1.5rem !important;
	}

	.dak-home-videos-nav {
		width: 2.25rem !important;
		height: 2.25rem !important;
	}

	.dak-home-hero-banner-content h1 {
		font-size: 2rem !important;
	}

	.dak-home-clinics {
		padding: var( --dak-space-6 ) var( --dak-space-4 ) !important;
	}
}

@media ( max-width: 560px ) {
	.dak-home-quick-links-grid {
		grid-template-columns: 1fr !important;
	}

	.dak-home-video-tour-features {
		grid-template-columns: 1fr !important;
	}

	.dak-home-video-tour .dak-home-hero-visual {
		height: 240px !important;
		padding: var( --dak-space-4 ) var( --dak-space-3 ) !important;
	}
}

/* Best doctors by speciality — link tiles, one per speciality. Each opens
   the Doctors page filtered to that speciality. Last section before the footer. */

.dak-home-best-header p {
	margin: 0.25rem 0 0 !important;
	color: var( --dak-muted ) !important;
}

.dak-home-best-links {
	display: grid !important;
	grid-template-columns: repeat( 4, minmax( 0, 1fr ) ) !important;
	gap: var( --dak-space-4 ) !important;
	margin-top: var( --dak-space-5 ) !important;
}

.dak-home-best-link {
	display: flex !important;
	align-items: center !important;
	gap: 0.85rem !important;
	min-width: 0 !important;
	padding: 1rem 1.1rem !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-lg ) !important;
	background: var( --dak-bg-card ) !important;
	color: inherit !important;
	text-decoration: none !important;
	transition: border-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important;
}

.dak-home-best-link:hover {
	border-color: var( --dak-primary ) !important;
	transform: translateY( -2px ) !important;
	box-shadow: 0 8px 20px rgba( 16, 77, 58, 0.08 ) !important;
}

.dak-home-best-link-icon {
	display: inline-flex !important;
	flex: 0 0 auto !important;
	align-items: center !important;
	justify-content: center !important;
	width: 44px !important;
	height: 44px !important;
	border-radius: 12px !important;
	background: var( --dak-primary-tint ) !important;
	color: var( --dak-primary-dark ) !important;
}

.dak-home-best-link-icon svg {
	width: 22px !important;
	height: 22px !important;
}

.dak-home-best-link-text {
	display: flex !important;
	flex: 1 !important;
	flex-direction: column !important;
	gap: 0.1rem !important;
	min-width: 0 !important;
}

.dak-home-best-link-title {
	font-size: var( --dak-text-md ) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var( --dak-text ) !important;
	overflow-wrap: anywhere !important;
}

.dak-home-best-link-count {
	font-size: var( --dak-text-sm ) !important;
	color: var( --dak-muted ) !important;
}

.dak-home-best-link-arrow {
	flex: 0 0 auto !important;
	color: var( --dak-muted ) !important;
	transition: transform 0.2s ease, color 0.2s ease !important;
}

.dak-home-best-link:hover .dak-home-best-link-arrow {
	color: var( --dak-primary-dark ) !important;
	transform: translateX( 3px ) !important;
}

@media ( max-width: 1024px ) {
	.dak-home-best-links {
		grid-template-columns: repeat( 2, minmax( 0, 1fr ) ) !important;
	}
}

@media ( max-width: 560px ) {
	.dak-home-best-links {
		grid-template-columns: minmax( 0, 1fr ) !important;
	}
}

/* ---- "Find doctors by symptoms" band (only when that page is live) ---- */
.dak-home-symptom-check {
	margin-top: var( --dak-space-7 ) !important;
}

.dak-home-symptom-check-card {
	display: grid !important;
	grid-template-columns: auto minmax( 0, 1fr ) auto !important;
	align-items: center !important;
	gap: 20px !important;
	padding: 22px 26px !important;
	background: var( --dak-primary-tint ) !important;
	border: 1px solid var( --dak-border ) !important;
	border-radius: var( --dak-radius-lg ) !important;
}

.dak-home-symptom-check-icon {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 52px !important;
	height: 52px !important;
	border-radius: 50% !important;
	background: var( --dak-bg-card ) !important;
	color: var( --dak-primary ) !important;
}

.dak-home-symptom-check-icon svg {
	width: 28px !important;
	height: 28px !important;
}

.dak-home-symptom-check-text h2 {
	margin: 0 0 4px !important;
	font-size: var( --dak-text-xl ) !important;
	font-weight: 700 !important;
	line-height: 1.3 !important;
	color: var( --dak-text ) !important;
}

.dak-home-symptom-check-text p {
	margin: 0 !important;
	color: var( --dak-muted ) !important;
	line-height: 1.5 !important;
}

.dak-home-symptom-check-button {
	min-height: 44px !important;
	white-space: nowrap !important;
}

@media ( max-width: 640px ) {
	.dak-home-symptom-check-card {
		grid-template-columns: auto minmax( 0, 1fr ) !important;
		padding: 18px 16px !important;
		gap: 14px !important;
	}

	.dak-home-symptom-check-button {
		grid-column: 1 / -1 !important;
		justify-content: center !important;
		width: 100% !important;
	}
}