/* Shohoj Doctor theme — layout & design only. Colors/fonts/radius read
   the CSS variables the plugin injects from Customization settings
   (--sdc-color-primary etc, see shohoj-doctor-core/public/class-sdc-assets.php)
   so admin customization always wins without editing this file. */

:root {
	--sdt-max: var( --sdc-container, 1200px );
}

* { box-sizing: border-box; }

body {
	margin: 0;
	font-family: var( --sdc-font-en, 'Poppins' ), var( --sdc-font-bn, 'Hind Siliguri' ), 'Noto Sans Bengali', sans-serif;
	color: var( --sdc-color-text, #1a1a1a );
	background: var( --sdc-color-bg, #f7f9fc );
	line-height: 1.6;
}
/* Poppins has no Bengali glyphs, so the browser automatically falls back to
   Hind Siliguri / Noto Sans Bengali for Bangla text in the same stack above —
   English/numerals render in Poppins, Bangla renders in Hind Siliguri. */
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }

.sdt-container { max-width: var(--sdt-max); margin: 0 auto; padding: 0 16px; }

/* ---------- Top bar ---------- */
.sdt-topbar { background: var( --sdc-color-primary, #1877F2 ); color: #fff; font-size: 13px; }
.sdt-topbar-inner { display: flex; justify-content: space-between; align-items: center; padding: 6px 16px; flex-wrap: wrap; gap: 6px; }
.sdt-topbar-contact a { color: #fff; text-decoration: none; margin-right: 16px; opacity: .95; }
.sdt-topbar-tagline { opacity: .9; }
@media (max-width: 600px) { .sdt-topbar-tagline { display: none; } }

/* ---------- Header ---------- */
.sdt-header { background: #fff; border-bottom: 1px solid var( --sdc-color-border, #e2e8f0 ); position: sticky; top: 0; z-index: 50; }
.sdt-header-inner { display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; }
.sdt-logo { font-weight: 700; font-size: 20px; text-decoration: none; color: var( --sdc-color-primary, #1877F2 ); }
.sdt-menu { list-style: none; display: flex; gap: 20px; margin: 0; padding: 0; }
.sdt-menu a { text-decoration: none; font-weight: 500; }
.sdt-menu .sdt-cta a { background: var( --sdc-color-primary, #1877F2 ); color: var( --sdc-color-btn-text, #fff ); padding: 8px 18px; border-radius: 999px; }
.sdt-menu-toggle { display: none; background: none; border: none; cursor: pointer; }
.sdt-menu-toggle span { display: block; width: 22px; height: 2px; background: var( --sdc-color-text, #1a1a1a ); margin: 5px 0; }

@media (max-width: 782px) {
	.sdt-menu-toggle { display: block; }
	.sdt-primary-nav { display: none; width: 100%; }
	.sdt-primary-nav.is-open { display: block; }
	.sdt-menu { flex-direction: column; gap: 0; }
	.sdt-menu li { border-top: 1px solid var( --sdc-color-border, #e2e8f0 ); }
	.sdt-menu a { display: block; padding: 12px 0; }
}

/* ---------- Hero / sections ---------- */
.sdt-hero { padding: 56px 0; text-align: center; background: linear-gradient(180deg, #fff, var( --sdc-color-bg, #f7f9fc )); }
.sdt-hero h1 { font-size: clamp(24px, 4vw, 40px); margin-bottom: 10px; }
.sdt-hero p { color: #555; margin-bottom: 24px; }
.sdt-section { padding: 40px 0; }
.sdt-section.sdt-alt { background: #fff; }
.sdt-section h2 { font-size: 22px; margin-bottom: 18px; }
.sdt-see-all { margin-top: 14px; }
.sdt-see-all a { color: var( --sdc-color-primary, #1877F2 ); font-weight: 600; text-decoration: none; }

.sdt-category-grid, .sdt-tag-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.sdt-category-item, .sdt-tag-cloud a {
	background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: 999px;
	padding: 8px 16px; text-decoration: none; font-size: 14px;
}

.sdt-steps { display: flex; gap: 20px; flex-wrap: wrap; }
.sdt-step { flex: 1; min-width: 160px; text-align: center; background: #fff; border-radius: var(--sdc-radius,12px); padding: 24px; }
.sdt-step span { display: inline-flex; width: 40px; height: 40px; border-radius: 50%; background: var( --sdc-color-primary, #1877F2 ); color: #fff; align-items: center; justify-content: center; font-weight: 700; margin-bottom: 10px; }

.sdt-cta-section { padding: 48px 0; text-align: center; background: var( --sdc-color-primary, #1877F2 ); color: #fff; }
.sdt-cta-section h2 { color: #fff; }
.sdt-btn {
	display: inline-block; margin-top: 14px; background: #fff; color: var( --sdc-color-primary, #1877F2 );
	padding: 12px 28px; border-radius: 999px; text-decoration: none; font-weight: 600;
}
.sdt-btn-outline { display: inline-block; margin-top: 10px; border: 1px solid var( --sdc-color-primary, #1877F2 ); color: var( --sdc-color-primary, #1877F2 ); padding: 8px 16px; border-radius: 999px; text-decoration: none; }

/* ---------- Archive / filter ---------- */
.sdt-archive { padding: 32px 16px; }
.sdt-page-title { margin-bottom: 20px; }
.sdt-result-count { margin-bottom: 12px; color: #666; font-size: 14px; }

/* ---------- Single profile ---------- */
.sdt-single-profile { padding: 32px 16px; }
.sdt-profile-header { display: flex; gap: 20px; align-items: center; flex-wrap: wrap; margin-bottom: 24px; }
.sdt-profile-photo { width: 140px; height: 140px; object-fit: cover; border-radius: var(--sdc-radius, 12px); display: block; }
.sdt-profile-photo-placeholder {
	display: flex; align-items: center; justify-content: center; font-size: 48px;
	background: var( --sdc-color-bg, #f7f9fc ); border: 1px solid var( --sdc-color-border, #e2e8f0 );
}
.sdt-designation { color: #555; }
.sdt-tags { color: var( --sdc-color-primary, #1877F2 ); font-size: 14px; }
.sdt-rating-line { font-weight: 600; }
.sdt-emergency-badge { background: #FEF2F2; color: #DC2626; display: inline-block; padding: 6px 12px; border-radius: 8px; font-size: 14px; }

.sdt-profile-body { display: grid; grid-template-columns: 2fr 1fr; gap: 28px; align-items: start; }
@media (max-width: 900px) { .sdt-profile-body { grid-template-columns: 1fr; } }

.sdt-profile-main section { margin-bottom: 28px; }
.sdt-lead { font-size: 16px; color: #444; }
.sdt-chamber-list { display: grid; gap: 14px; }
.sdt-chamber-card { background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: var(--sdc-radius,12px); padding: 16px; }
.sdt-day { display: inline-block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%; margin-right: 6px; background: #eee; color: #999; font-size: 12px; }
.sdt-day.active { background: var( --sdc-color-primary, #1877F2 ); color: #fff; }
.sdt-facility-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px,1fr)); gap: 8px; list-style: none; padding: 0; }
.sdt-facility-list li::before { content: "✓ "; color: var( --sdc-color-primary, #1877F2 ); }
.sdt-review { border-bottom: 1px solid var( --sdc-color-border, #e2e8f0 ); padding: 12px 0; }
.sdt-review-rating { color: var( --sdc-color-accent, #F59E0B ); font-weight: 600; margin-left: 8px; }

.sdt-profile-sidebar > div { background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: var(--sdc-radius,12px); padding: 18px; margin-bottom: 16px; }
.sdt-contact-box a.sdc-contact-row, .sdt-contact-box span.sdc-contact-row { display: block; margin-bottom: 8px; text-decoration: none; }
.sdt-address { color: #555; font-size: 14px; }

/* ---------- About / Contact pages ---------- */
.sdt-about-hero, .sdt-page-hero { padding: 48px 0 32px; text-align: center; background: linear-gradient(180deg, #fff, var( --sdc-color-bg, #f7f9fc )); }
.sdt-about-hero h1, .sdt-page-hero h1 { font-size: clamp(24px, 4vw, 36px); }
.sdt-lead { max-width: 640px; margin: 10px auto 0; color: #555; font-size: 16px; }
.sdt-stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; text-align: center; }
@media (max-width: 700px) { .sdt-stats-grid { grid-template-columns: 1fr 1fr; } }
.sdt-stat { background: #fff; border-radius: var(--sdc-radius,12px); padding: 24px 12px; box-shadow: var(--sdc-card-shadow, none); }
.sdt-stat span { display: block; font-size: 30px; font-weight: 800; color: var( --sdc-color-primary, #1877F2 ); }
.sdt-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: start; }
@media (max-width: 800px) { .sdt-two-col { grid-template-columns: 1fr; } }
.sdt-check-list { list-style: none; padding: 0; margin: 0; }
.sdt-check-list li { padding: 8px 0 8px 26px; position: relative; }
.sdt-check-list li::before { content: "✓"; position: absolute; left: 0; color: var( --sdc-color-primary, #1877F2 ); font-weight: 700; }
.sdt-page-content { font-size: 15px; color: #444; }
.sdt-contact-info-list { display: grid; gap: 14px; }
.sdt-contact-info-item { background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: var(--sdc-radius,12px); padding: 16px 20px; }
.sdt-contact-info-item h3 { margin: 0 0 6px; font-size: 16px; }

/* ---------- Testimonials ---------- */
.sdt-testimonial-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px,1fr)); gap: 16px; }
.sdt-testimonial { background: #fff; border-radius: var(--sdc-radius,12px); padding: 20px; box-shadow: var(--sdc-card-shadow, none); }
.sdt-testimonial-rating { color: var( --sdc-color-accent, #F59E0B ); margin-bottom: 8px; }
.sdt-testimonial-name { font-weight: 600; margin-top: 10px; }
.sdt-footer { background: #14161A; color: #cfd3d8; margin-top: 40px; padding: 48px 0 0; }
.sdt-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1.2fr; gap: 32px; padding-bottom: 28px; }
@media (max-width: 900px) { .sdt-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .sdt-footer-grid { grid-template-columns: 1fr; } }
.sdt-footer a { color: #cfd3d8; text-decoration: none; }
.sdt-footer h3, .sdt-footer h4 { color: #fff; margin-bottom: 14px; }
.sdt-footer-logo { color: var( --sdc-color-primary, #1877F2 ); font-size: 20px; }
.sdt-footer ul { list-style: none; padding: 0; margin: 0; }
.sdt-footer ul li { margin-bottom: 10px; font-size: 14px; }
.sdt-footer-contact li { color: #cfd3d8; }
.sdt-social-icons { display: flex; gap: 10px; margin-top: 16px; }
.sdt-social-icons a {
	width: 34px; height: 34px; border-radius: 50%; background: #23262c;
	display: flex; align-items: center; justify-content: center; font-size: 13px; font-weight: 700;
}
.sdt-social-icons a:hover { background: var( --sdc-color-primary, #1877F2 ); }
.sdt-footer-divisions { font-size: 13px; color: #9aa0a8; }
.sdt-footer-bottom { border-top: 1px solid #2a2d33; padding: 16px; text-align: center; font-size: 13px; }

/* ---------- Review form ---------- */
.sdc-review-form { max-width: 480px; }
.sdc-review-form input, .sdc-review-form select, .sdc-review-form textarea {
	width: 100%; padding: 10px 12px; border-radius: 8px; border: 1px solid var( --sdc-color-border, #e2e8f0 ); margin-bottom: 10px;
}
.sdc-review-form-message.sdc-success { color: #16a34a; }
.sdc-review-form-message.sdc-error { color: #dc2626; }

/* ======================================================================
   Accessibility baseline
   ====================================================================== */
.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; overflow: hidden;
	clip: rect(1px,1px,1px,1px); white-space: nowrap;
}
.sdt-skip-link {
	position: absolute; top: -40px; left: 0; z-index: 10000; background: var( --sdc-color-primary, #1877F2 );
	color: #fff; padding: 10px 16px; border-radius: 0 0 8px 0;
}
.sdt-skip-link:focus {
	top: 0; width: auto; height: auto; clip: auto; white-space: normal;
}
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
	outline: 3px solid var( --sdc-color-accent, #F59E0B ); outline-offset: 2px;
}

/* ======================================================================
   Hero (reference-matched layout)
   ====================================================================== */
.sdt-hero { position: relative; overflow: hidden; padding: 56px 0; background: linear-gradient(180deg, #fff, var( --sdc-color-bg, #f7f9fc )); }
.sdt-hero-shape { position: absolute; border-radius: 50%; opacity: .12; background: var( --sdc-color-primary, #1877F2 ); z-index: 0; }
.sdt-hero-shape-1 { width: 320px; height: 320px; top: -120px; right: -80px; }
.sdt-hero-shape-2 { width: 220px; height: 220px; bottom: -100px; left: -60px; background: var( --sdc-color-accent, #F59E0B ); }
.sdt-hero-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.2fr 1fr; gap: 36px; align-items: center; }
@media (max-width: 900px) { .sdt-hero-inner { grid-template-columns: 1fr; } }
.sdt-hero-badge {
	display: inline-block; background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 );
	border-radius: 999px; padding: 6px 14px; font-size: 13px; margin-bottom: 14px; color: var( --sdc-color-primary, #1877F2 );
}
.sdt-hero-text h1 { font-size: clamp(26px, 4vw, 42px); line-height: 1.25; margin: 0 0 12px; }
.sdt-hero-text > p { color: #555; font-size: 16px; margin-bottom: 20px; max-width: 520px; }
.sdt-popular-searches { margin-top: 14px; font-size: 13px; display: flex; gap: 8px; flex-wrap: wrap; align-items: center; }
.sdt-popular-label { color: #777; }
.sdt-popular-searches a { background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: 999px; padding: 5px 12px; text-decoration: none; }
.sdt-hero-visual { display: flex; align-items: center; gap: 20px; justify-content: center; }
.sdt-hero-photo {
	width: 200px; height: 200px; border-radius: 50%; background: var( --sdc-color-bg, #f7f9fc );
	border: 4px solid #fff; box-shadow: 0 8px 24px rgba(0,0,0,.08); display: flex; align-items: center;
	justify-content: center; font-size: 72px; flex-shrink: 0;
}
.sdt-hero-trust-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; font-size: 14px; }
.sdt-hero-trust-list li { background: #fff; border-radius: 999px; padding: 8px 16px; box-shadow: 0 2px 8px rgba(0,0,0,.05); white-space: nowrap; }
@media (max-width: 560px) { .sdt-hero-visual { flex-direction: column; } .sdt-hero-trust-list { grid-template-columns: 1fr 1fr; } }

/* ---------- Hero search (tabs) ---------- */
.sdc-hero-search { max-width: 640px; }
.sdc-hero-search-tabs { display: flex; gap: 4px; background: #eef1f5; border-radius: 999px; padding: 4px; margin-bottom: 10px; width: fit-content; }
.sdc-hero-tab {
	border: none; background: transparent; padding: 8px 16px; border-radius: 999px; font-size: 13px; cursor: pointer;
	color: #555; font-family: inherit;
}
.sdc-hero-tab.is-active { background: #fff; color: var( --sdc-color-primary, #1877F2 ); font-weight: 600; box-shadow: 0 1px 4px rgba(0,0,0,.08); }
.sdc-hero-search-panel {
	display: flex; gap: 8px; background: #fff; border-radius: 14px; padding: 8px; box-shadow: 0 4px 16px rgba(0,0,0,.06);
	flex-wrap: wrap;
}
.sdc-hero-search-panel input[type="text"], .sdc-hero-search-panel select {
	flex: 1; min-width: 140px; border: none; padding: 10px 14px; font-size: 14px; background: transparent;
}
.sdc-hero-search-panel select { border-left: 1px solid var( --sdc-color-border, #e2e8f0 ); }
.sdc-hero-search-panel button {
	background: var( --sdc-color-primary, #1877F2 ); color: var( --sdc-color-btn-text, #fff ); border: none;
	border-radius: 10px; padding: 10px 22px; font-weight: 600; cursor: pointer; white-space: nowrap;
}

/* ======================================================================
   Category icon row
   ====================================================================== */
.sdt-categories { padding: 28px 0; }
.sdt-category-scroller { display: flex; gap: 14px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
.sdt-category-card {
	flex: 0 0 auto; width: 88px; display: flex; flex-direction: column; align-items: center; gap: 6px;
	text-decoration: none; color: var( --sdc-color-text, #1a1a1a ); text-align: center;
}
.sdt-category-icon {
	width: 56px; height: 56px; border-radius: 50%; background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 );
	display: flex; align-items: center; justify-content: center; font-size: 24px; box-shadow: 0 1px 4px rgba(0,0,0,.04);
}
.sdt-category-label { font-size: 12px; line-height: 1.3; }
.sdt-category-more .sdt-category-icon { background: var( --sdc-color-bg, #f7f9fc ); font-size: 22px; }

.sdt-category-grid-full { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px,1fr)); gap: 16px; }
.sdt-category-grid-full .sdt-category-card {
	width: auto; background: #fff; border: 1px solid var( --sdc-color-border, #e2e8f0 ); border-radius: var(--sdc-radius,12px);
	padding: 20px 10px;
}
.sdt-category-count { font-size: 11px; color: #888; }

/* ======================================================================
   Stats bar
   ====================================================================== */
.sdt-stats-bar { background: color-mix(in srgb, var(--sdc-color-primary, #1877F2) 8%, #fff); padding: 24px 0; }
.sdt-stats-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; text-align: center; }
@media (max-width: 700px) { .sdt-stats-grid { grid-template-columns: repeat(2, 1fr); } }
.sdt-stat { display: flex; flex-direction: column; align-items: center; gap: 2px; }
.sdt-stat span { font-size: 22px; }
.sdt-stat strong { font-size: 20px; color: var( --sdc-color-primary, #1877F2 ); }
.sdt-stat p { margin: 0; font-size: 13px; color: #555; }

/* ======================================================================
   Section head (title + "see all" on one row)
   ====================================================================== */
.sdt-section-head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 18px; flex-wrap: wrap; gap: 8px; }
.sdt-section-head h2 { margin: 0; }
.sdt-see-all-link { color: var( --sdc-color-primary, #1877F2 ); font-weight: 600; text-decoration: none; font-size: 14px; }

/* ======================================================================
   Redesigned Doctor/Center cards
   ====================================================================== */
.sdc-card {
	display: flex; flex-direction: column; border: 1px solid var( --sdc-color-border, #e2e8f0 );
	border-radius: var(--sdc-radius, 12px); overflow: hidden; background: #fff; box-shadow: var(--sdc-card-shadow, none);
	transition: transform .15s ease, box-shadow .15s ease; height: 100%;
}
.sdc-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.sdc-card-media { position: relative; display: block; aspect-ratio: 10/7; background: var( --sdc-color-bg, #f7f9fc ); overflow: hidden; }
.sdc-card-img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sdc-card-img-placeholder { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 48px; }
.sdc-badge {
	position: absolute; top: 10px; left: 10px; background: #16A34A; color: #fff; font-size: 11px; font-weight: 600;
	padding: 4px 10px; border-radius: 999px;
}
.sdc-badge-type { background: #fff; color: var( --sdc-color-text, #1a1a1a ); border: 1px solid var( --sdc-color-border, #e2e8f0 ); }
.sdc-badge-verified-right { left: auto; right: 10px; top: 10px; width: 22px; height: 22px; padding: 0; display: flex; align-items: center; justify-content: center; }
.sdc-card-body { padding: 14px 16px 6px; flex: 1; }
.sdc-card-title { margin: 0 0 4px; font-size: 16px; }
.sdc-card-title a { text-decoration: none; color: var( --sdc-color-text, #1a1a1a ); }
.sdc-card-meta { margin: 0 0 2px; font-size: 13px; color: #666; }
.sdc-card-degrees { margin: 0 0 8px; font-size: 12px; color: var( --sdc-color-primary, #1877F2 ); }
.sdc-card-row { display: flex; flex-wrap: wrap; gap: 10px; font-size: 13px; color: #555; margin-top: 6px; }
.sdc-card-rating { color: var( --sdc-color-accent, #F59E0B ); font-weight: 600; }
.sdc-card-rating-count { color: #888; font-weight: 400; }
.sdc-card-location { color: #666; }
.sdc-card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.sdc-tag { background: var( --sdc-color-bg, #f7f9fc ); border-radius: 999px; padding: 3px 10px; font-size: 11px; color: #555; }
.sdc-tag-emergency { background: #FEF2F2; color: #DC2626; }
.sdc-card-actions { display: flex; gap: 8px; padding: 12px 16px 16px; }
.sdc-btn-view {
	flex: 1; text-align: center; background: var( --sdc-color-primary, #1877F2 ); color: var( --sdc-color-btn-text, #fff );
	border-radius: 8px; padding: 9px 12px; font-size: 13px; font-weight: 600; text-decoration: none;
}
.sdc-btn-call {
	width: 40px; height: 40px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;
	border-radius: 8px; border: 1px solid var( --sdc-color-border, #e2e8f0 ); text-decoration: none; font-size: 16px;
}
.sdc-btn-call:hover { background: var( --sdc-color-bg, #f7f9fc ); }

/* ======================================================================
   Promo cards (apply / review / emergency)
   ====================================================================== */
.sdt-promo-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
@media (max-width: 800px) { .sdt-promo-grid { grid-template-columns: 1fr; } }
.sdt-promo-card { border-radius: var(--sdc-radius,12px); padding: 24px; }
.sdt-promo-icon { font-size: 28px; margin-bottom: 10px; }
.sdt-promo-card h3 { margin: 0 0 8px; font-size: 17px; }
.sdt-promo-card p { margin: 0 0 14px; font-size: 14px; color: #444; }
.sdt-promo-blue { background: color-mix(in srgb, var(--sdc-color-primary,#1877F2) 10%, #fff); }
.sdt-promo-amber { background: #FFF7E6; }
.sdt-promo-green { background: #ECFDF5; }
.sdt-btn-block { display: block; text-align: center; }
.sdt-btn-outline-dark { background: transparent; border: 1px solid #333; color: #333; }
.sdt-hotline-number a { font-size: 22px; font-weight: 800; color: #16A34A; text-decoration: none; }
.sdt-hotline-note { font-size: 12px; color: #777; margin-top: -8px; }

/* ======================================================================
   Taxonomy archive head (/department/x/, /service/x/, /healthcare-type/x/)
   ====================================================================== */
.sdt-taxonomy-head { display: flex; align-items: center; gap: 14px; margin-bottom: 8px; }
.sdt-taxonomy-icon { font-size: 34px; }

/* ======================================================================
   Empty state card
   ====================================================================== */
.sdt-empty-card { text-align: center; padding: 40px 20px; background: #fff; border: 1px dashed var( --sdc-color-border, #e2e8f0 ); border-radius: var(--sdc-radius,12px); }
.sdt-empty-icon { font-size: 36px; margin-bottom: 8px; }
.sdt-empty-hint { font-size: 13px; color: #888; margin-top: 10px; }
.sdt-empty-hint a { color: var( --sdc-color-primary, #1877F2 ); font-weight: 600; margin-left: 6px; }



/* 1.3.2: refined doctor cards inside Healthcare Center profiles.
 * Keep the avatar compact so the card reads as a directory row rather than
 * a large media card. Real photos remain crisp; demo/placeholder avatars
 * are constrained to the same small footprint.
 */
.sdt-center-doctor-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
}
.sdt-center-doctor-item {
	min-width: 0;
}
.sdt-center-doctor-item { position: relative; }
.sdt-center-doctor-item .sdc-card {
	display: grid;
	grid-template-columns: 102px minmax(0, 1fr) auto;
	align-items: center;
	height: auto;
	min-height: 112px;
	border-radius: 12px;
}
.sdt-center-doctor-item .sdc-card-media {
	grid-column: 1;
	grid-row: 1 / span 2;
	aspect-ratio: 1 / 1;
	width: 82px;
	height: 82px;
	margin: 14px 10px 14px 16px;
	border-radius: 14px;
}
.sdt-center-doctor-item .sdc-card-img,
.sdt-center-doctor-item .sdc-card-img-placeholder {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}
.sdt-center-doctor-item .sdc-card-img-placeholder {
	font-size: 24px;
}
.sdt-center-doctor-item .sdc-badge {
	top: 4px;
	left: 4px;
	font-size: 8px;
	line-height: 1.2;
	padding: 2px 5px;
}
.sdt-center-doctor-item .sdc-card-body {
	grid-column: 2;
	grid-row: 1 / span 2;
	padding: 14px 14px 14px 4px;
	min-width: 0;
}
.sdt-center-doctor-item .sdc-card-title {
	font-size: 15px;
	line-height: 1.35;
	margin-bottom: 3px;
}
.sdt-center-doctor-item .sdc-card-meta,
.sdt-center-doctor-item .sdc-card-degrees {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.sdt-center-doctor-item .sdc-card-row {
	gap: 8px;
	margin-top: 4px;
	font-size: 12px;
}
.sdt-center-doctor-item .sdc-card-location {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.sdt-center-doctor-item .sdc-card-actions {
	grid-column: 3;
	grid-row: 1 / span 2;
	padding: 14px 16px 14px 8px;
	align-self: center;
	min-width: 132px;
}
.sdt-center-doctor-item .sdc-btn-view {
	padding: 8px 12px;
	white-space: nowrap;
}
.sdt-center-doctor-item .sdc-btn-call {
	width: 38px;
	height: 38px;
}
@media (max-width: 620px) {
	.sdt-center-doctor-item .sdc-card {
		grid-template-columns: 84px minmax(0, 1fr);
		align-items: start;
	}
	.sdt-center-doctor-item .sdc-card-media {
		width: 68px;
		height: 68px;
		margin: 14px 8px 12px 14px;
		border-radius: 12px;
	}
	.sdt-center-doctor-item .sdc-card-body {
		grid-column: 2;
		grid-row: 1;
		padding: 14px 14px 6px 0;
	}
	.sdt-center-doctor-item .sdc-card-title { font-size: 14px; }
	.sdt-center-doctor-item .sdc-card-actions {
		grid-column: 2;
		grid-row: 2;
		padding: 6px 14px 14px 0;
		min-width: 0;
	}
	.sdt-center-doctor-item .sdc-btn-view { flex: 1; }
}

/* 1.3.0 refinements: mobile navigation, hero image, gallery and mini maps */
.sdt-menu-toggle { position: relative; z-index: 70; padding: 8px; border-radius: 8px; }
.sdt-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.sdt-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(7px) rotate(45deg); }
.sdt-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-7px) rotate(-45deg); }
.sdt-menu-toggle span { transition: transform .2s ease, opacity .2s ease; }
.sdt-hero-photo.has-image { overflow: hidden; }
.sdt-hero-photo.has-image img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.sdc-hero-search-panel[hidden] { display: none !important; }
.sdt-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sdt-gallery-item { border:0; padding:0; background:none; cursor:pointer; border-radius:12px; overflow:hidden; display:block; }
.sdt-gallery-item img { width:100%; aspect-ratio:4/3; object-fit:cover; transition:transform .2s ease; }
.sdt-gallery-item:hover img { transform:scale(1.03); }
.sdt-mini-map { width:100%; aspect-ratio:16/10; border-radius:12px; overflow:hidden; margin:12px 0; background:#eef2f7; }
.sdt-mini-map iframe { width:100%; height:100%; border:0; display:block; }
.sdt-lightbox[hidden] { display:none !important; }
.sdt-lightbox { position:fixed; inset:0; z-index:99999; display:flex; align-items:center; justify-content:center; padding:20px; }
.sdt-lightbox-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.82); }
.sdt-lightbox-dialog { position:relative; z-index:1; max-width:min(1100px,94vw); max-height:92vh; display:flex; align-items:center; justify-content:center; }
.sdt-lightbox-image { max-width:90vw; max-height:88vh; width:auto; height:auto; object-fit:contain; border-radius:8px; }
.sdt-lightbox-close,.sdt-lightbox-prev,.sdt-lightbox-next { position:absolute; z-index:2; border:0; cursor:pointer; color:#fff; background:rgba(0,0,0,.5); width:42px; height:42px; border-radius:50%; font-size:28px; line-height:1; }
.sdt-lightbox-close { top:-10px; right:-10px; }
.sdt-lightbox-prev { left:10px; top:50%; transform:translateY(-50%); }
.sdt-lightbox-next { right:10px; top:50%; transform:translateY(-50%); }
body.sdt-menu-open, body.sdt-lightbox-open { overflow:hidden; }
@media (max-width:782px) {
	.sdt-header-inner { flex-wrap:wrap; }
	.sdt-primary-nav { order:3; flex:0 0 100%; width:100%; max-height:0; overflow:hidden; opacity:0; transition:max-height .25s ease, opacity .2s ease; }
	.sdt-primary-nav.is-open { display:block; max-height:80vh; opacity:1; overflow:auto; padding:8px 0 12px; }
	.sdt-menu { background:#fff; border:1px solid var(--sdc-color-border,#e2e8f0); border-radius:12px; padding:6px; box-shadow:0 10px 30px rgba(0,0,0,.08); }
	.sdt-menu li { border-top:0; }
	.sdt-menu a { padding:12px 14px; border-radius:8px; }
	.sdt-menu a:hover { background:var(--sdc-color-bg,#f7f9fc); }
	.sdt-menu .sdt-cta a { text-align:center; margin:6px 0 2px; }
	.sdt-hero { padding:38px 0; }
	.sdt-hero-text h1 { font-size:clamp(25px,8vw,34px); }
	.sdt-hero-photo { width:160px; height:160px; }
	.sdc-hero-search { max-width:none; width:100%; }
	.sdc-hero-search-tabs { width:100%; }
	.sdc-hero-tab { flex:1; padding:8px 8px; }
	.sdc-hero-search-panel { flex-direction:column; }
	.sdc-hero-search-panel input[type=text], .sdc-hero-search-panel select, .sdc-hero-search-panel button { width:100%; min-width:0; border-left:0; }
	.sdt-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:420px) { .sdt-gallery { grid-template-columns:1fr 1fr; gap:8px; } .sdt-hero-trust-list { grid-template-columns:1fr; } }


/* 1.3.3: comfortable center-doctor spacing, mobile profile order, and live availability indicator. */
.sdt-live-indicator {
	position: absolute; top: 8px; left: 12px; z-index: 3;
	display: inline-flex; align-items: center; gap: 5px;
	padding: 4px 8px; border-radius: 999px;
	background: #16a34a; color: #fff; font-size: 10px; font-weight: 700;
	box-shadow: 0 4px 10px rgba(22,163,74,.22);
}
.sdt-live-indicator > span { width: 6px; height: 6px; border-radius: 50%; background: #fff; animation: sdt-live-pulse 1.4s ease-in-out infinite; }
.sdt-center-doctor-item.is-here-today .sdc-card { border-color: rgba(22,163,74,.35); }
@keyframes sdt-live-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .45; transform: scale(.72); } }
@media (max-width: 900px) {
	.sdt-profile-body { display: grid; grid-template-columns: 1fr; }
	.sdt-profile-main { display: contents; }
	.sdt-profile-main > section { order: 1; }
	.sdt-profile-sidebar { order: 2; }
	.sdt-profile-main > .sdt-reviews-section { order: 3; }
}
@media (max-width: 620px) {
	.sdt-center-doctor-item .sdc-card { min-height: 0; }
	.sdt-live-indicator { top: 7px; left: 10px; font-size: 9px; padding: 3px 7px; }
}

/* ======================================================================
   1.4.0 — Premium customizable hero
   ====================================================================== */
.sdt-hero {
	--sdt-hero-height: 640px;
	--sdt-hero-mobile-height: 620px;
	position: relative;
	min-height: var(--sdt-hero-height);
	padding: 0;
	background: #eef3f8;
	isolation: isolate;
}
.sdt-hero-slider,
.sdt-hero-slide { position: absolute; inset: 0; }
.sdt-hero-slide { opacity: 0; visibility: hidden; pointer-events: none; z-index: 0; transition: opacity .55s ease, visibility .55s ease; }
.sdt-hero-slide.is-active { opacity: 1; visibility: visible; pointer-events: auto; z-index: 1; }
.sdt-hero-media { position: absolute; inset: 0; display: block; overflow: hidden; }
.sdt-hero-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.sdt-hero-media--fallback { background: linear-gradient(135deg, #dcecff 0%, #f8fbff 55%, #e7f2ff 100%); }
.sdt-hero-overlay { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.sdt-overlay--none { background: transparent; }
.sdt-overlay--light { background: rgba(255,255,255,.48); }
.sdt-overlay--dark { background: rgba(7,18,34,.58); }
.sdt-overlay--gradient { background: linear-gradient(90deg, rgba(5,16,31,.78) 0%, rgba(5,16,31,.50) 46%, rgba(5,16,31,.08) 100%); }
.sdt-hero-content-wrap { position: relative; z-index: 2; min-height: var(--sdt-hero-height); height: 100%; display: flex; align-items: center; }
.sdt-hero-content { width: min(760px, 100%); padding: 64px 0; color: #fff; }
.sdt-hero-content .sdt-hero-badge { color: var(--sdc-color-primary,#1877F2); background: rgba(255,255,255,.94); border-color: rgba(255,255,255,.55); margin-bottom: 18px; }
.sdt-hero-content h1 { margin: 0 0 14px; max-width: 760px; font-size: clamp(34px, 5vw, 64px); line-height: 1.08; letter-spacing: -.02em; text-wrap: balance; }
.sdt-hero-subtitle { max-width: 680px; margin: 0 0 22px; color: rgba(255,255,255,.9); font-size: clamp(16px, 1.6vw, 20px); line-height: 1.6; }
.sdt-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 18px; }
.sdt-hero-cta-primary { background: var(--sdc-color-primary,#1877F2); color: #fff; border: 1px solid var(--sdc-color-primary,#1877F2); }
.sdt-hero-cta-secondary { background: rgba(255,255,255,.12); color: #fff; border: 1px solid rgba(255,255,255,.65); }
.sdt-hero--slider .sdc-hero-search { max-width: 760px; }
.sdt-hero--slider .sdc-hero-search-tabs { background: rgba(255,255,255,.16); backdrop-filter: blur(12px); }
.sdt-hero--slider .sdc-hero-tab { color: #fff; }
.sdt-hero--slider .sdc-hero-tab.is-active { color: var(--sdc-color-primary,#1877F2); }
.sdt-hero--slider .sdc-hero-search-panel { box-shadow: 0 14px 40px rgba(0,0,0,.16); }
.sdt-hero-trust-row { display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 16px; color: rgba(255,255,255,.88); font-size: 14px; }
.sdt-hero-trust-row span { display: inline-flex; align-items: center; gap: 4px; }
.sdt-hero-dots { position: absolute; z-index: 4; left: 50%; bottom: 24px; transform: translateX(-50%); display: flex; gap: 8px; padding: 6px 9px; border-radius: 999px; background: rgba(0,0,0,.25); backdrop-filter: blur(8px); }
.sdt-hero-dot { width: 9px; height: 9px; padding: 0; border: 0; border-radius: 50%; background: rgba(255,255,255,.58); cursor: pointer; }
.sdt-hero-dot.is-active { width: 24px; border-radius: 999px; background: #fff; }
.sdt-hero-arrow { position: absolute; z-index: 4; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.5); border-radius: 50%; background: rgba(0,0,0,.22); color: #fff; font-size: 30px; line-height: 1; cursor: pointer; backdrop-filter: blur(8px); }
.sdt-hero-arrow:hover { background: rgba(0,0,0,.4); }
.sdt-hero-arrow--prev { left: 22px; }
.sdt-hero-arrow--next { right: 22px; }
.sdt-hero--split { min-height: auto; background: var(--sdc-color-bg,#f7f9fc); }
.sdt-hero--split .sdt-hero-slider, .sdt-hero--split .sdt-hero-slide { position: relative; inset: auto; min-height: var(--sdt-hero-height); }
.sdt-hero--split .sdt-hero-media { left: 52%; }
.sdt-hero--split .sdt-hero-overlay { left: 52%; background: transparent; }
.sdt-hero--split .sdt-hero-content-wrap { min-height: var(--sdt-hero-height); align-items: center; }
.sdt-hero--split .sdt-hero-content { color: var(--sdc-color-text,#1a1a1a); width: 54%; padding: 50px 0; }
.sdt-hero--split .sdt-hero-subtitle { color: #555; }
.sdt-hero--split .sdt-hero-content .sdt-hero-badge { background: #fff; border-color: var(--sdc-color-border,#e2e8f0); }
.sdt-hero--split .sdt-hero-actions { margin-bottom: 18px; }
.sdt-hero--split .sdt-hero-cta-secondary { color: var(--sdc-color-primary,#1877F2); border-color: var(--sdc-color-primary,#1877F2); background: transparent; }
.sdt-hero--split .sdc-hero-search { max-width: 620px; }
.sdt-hero--split .sdt-hero-dots { bottom: 18px; }
.sdt-hero--minimal { min-height: auto; background: linear-gradient(180deg,#fff,var(--sdc-color-bg,#f7f9fc)); }
.sdt-hero--minimal .sdt-hero-slider, .sdt-hero--minimal .sdt-hero-slide { position: relative; inset: auto; min-height: var(--sdt-hero-height); }
.sdt-hero--minimal .sdt-hero-media, .sdt-hero--minimal .sdt-hero-overlay { display: none; }
.sdt-hero--minimal .sdt-hero-content-wrap { min-height: var(--sdt-hero-height); justify-content: center; text-align: center; }
.sdt-hero--minimal .sdt-hero-content { color: var(--sdc-color-text,#1a1a1a); margin-inline: auto; }
.sdt-hero--minimal .sdt-hero-subtitle { color: #555; margin-inline: auto; }
.sdt-hero--minimal .sdt-hero-actions, .sdt-hero--minimal .sdt-hero-trust-row { justify-content: center; }
.sdt-hero--minimal .sdt-hero-cta-secondary { color: var(--sdc-color-primary,#1877F2); border-color: var(--sdc-color-primary,#1877F2); background: transparent; }
.sdt-hero--minimal .sdt-hero-dots { background: rgba(0,0,0,.08); }
.sdt-hero--minimal .sdt-hero-dot { background: rgba(0,0,0,.28); }
.sdt-hero--minimal .sdt-hero-dot.is-active { background: var(--sdc-color-primary,#1877F2); }
@media (max-width: 782px) {
	.sdt-hero { min-height: var(--sdt-hero-mobile-height); }
	.sdt-hero-content-wrap { min-height: var(--sdt-hero-mobile-height); padding-inline: 18px; }
	.sdt-hero-content { padding: 42px 0 58px; width: 100%; }
	.sdt-hero-content h1 { font-size: clamp(30px, 8.5vw, 43px); line-height: 1.12; margin-bottom: 12px; }
	.sdt-hero-subtitle { font-size: 16px; line-height: 1.5; margin-bottom: 18px; }
	.sdt-hero-actions { display: grid; grid-template-columns: 1fr; margin-bottom: 14px; }
	.sdt-hero-actions .sdt-btn { width: 100%; min-height: 46px; display: inline-flex; align-items: center; justify-content: center; }
	.sdt-hero--slider .sdc-hero-search { width: 100%; }
	.sdt-hero-trust-row { gap: 7px 14px; font-size: 12px; }
	.sdt-hero-dots { bottom: 16px; }
	.sdt-hero-arrow { width: 38px; height: 38px; font-size: 24px; }
	.sdt-hero-arrow--prev { left: 10px; }
	.sdt-hero-arrow--next { right: 10px; }
	.sdt-hero--split { min-height: var(--sdt-hero-mobile-height); }
	.sdt-hero--split .sdt-hero-slider, .sdt-hero--split .sdt-hero-slide { min-height: var(--sdt-hero-mobile-height); }
	.sdt-hero--split .sdt-hero-media { left: 0; top: 42%; }
	.sdt-hero--split .sdt-hero-overlay { left: 0; top: 42%; background: linear-gradient(180deg,rgba(247,249,252,0) 0%,rgba(247,249,252,.18) 30%,rgba(247,249,252,.88) 72%,var(--sdc-color-bg,#f7f9fc) 100%); }
	.sdt-hero--split .sdt-hero-content-wrap { min-height: var(--sdt-hero-mobile-height); align-items: flex-start; }
	.sdt-hero--split .sdt-hero-content { width: 100%; padding-top: 34px; padding-bottom: 220px; }
	.sdt-hero--split .sdt-hero-content h1 { max-width: 100%; }
	.sdt-hero--minimal .sdt-hero-slider, .sdt-hero--minimal .sdt-hero-slide, .sdt-hero--minimal .sdt-hero-content-wrap { min-height: var(--sdt-hero-mobile-height); }
	.sdt-hero--minimal .sdt-hero-content { padding-top: 36px; padding-bottom: 72px; }
}
@media (prefers-reduced-motion: reduce) {
	.sdt-hero-slide, .sdt-hero-dot, .sdt-hero-arrow { transition: none !important; }
}
/* Keep all hero slides layered in every layout; only the active slide is visible. */
.sdt-hero--split .sdt-hero-slider,
.sdt-hero--minimal .sdt-hero-slider { position:absolute; inset:0; }
.sdt-hero--split .sdt-hero-slide,
.sdt-hero--minimal .sdt-hero-slide { position:absolute; inset:0; min-height:0; }

/* ======================================================================
   1.4.1 — Homepage visual refinement
   Premium healthcare-directory visual system: stronger hierarchy,
   calmer surfaces, better card rhythm and mobile-first spacing.
   ====================================================================== */
:root {
	--sdt-surface: #ffffff;
	--sdt-surface-soft: #f5f8fc;
	--sdt-ink: #102033;
	--sdt-muted: #667085;
	--sdt-line: #e6ebf2;
	--sdt-radius-lg: 22px;
	--sdt-radius-md: 16px;
	--sdt-shadow-soft: 0 10px 30px rgba(15, 35, 60, .06);
	--sdt-shadow-card: 0 8px 24px rgba(15, 35, 60, .07);
}

body { color: var(--sdt-ink); background: #f6f8fb; }
.sdt-container { max-width: 1240px; }
.sdt-section { padding: 68px 0; }
.sdt-section.sdt-alt { background: #fff; }
.sdt-section-head { margin-bottom: 24px; align-items: end; }
.sdt-section-head h2,
.sdt-section > .sdt-container > h2 { color: var(--sdt-ink); font-size: clamp(23px, 2.2vw, 30px); line-height: 1.25; letter-spacing: -.015em; }
.sdt-see-all-link { padding-bottom: 4px; }

/* Header: quieter and more premium than the previous utility-heavy bar. */
.sdt-header { box-shadow: 0 1px 0 rgba(15,35,60,.04); }
.sdt-header-inner { min-height: 68px; }
.sdt-logo { font-size: 21px; letter-spacing: -.02em; }
.sdt-menu { gap: 8px; align-items: center; }
.sdt-menu > li > a { padding: 9px 12px; border-radius: 10px; }
.sdt-menu > li:not(.sdt-cta) > a:hover { background: #f3f6fa; }
.sdt-menu .sdt-cta a { padding: 10px 17px; box-shadow: 0 6px 16px rgba(24,119,242,.18); }

/* Hero: preserve the customizable slider but give the content a deliberate
   reading zone so image/text do not compete. */
.sdt-hero { min-height: var(--sdt-hero-height); background: #102033; }
.sdt-hero-slide::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: linear-gradient(90deg, rgba(7,20,36,.80) 0%, rgba(7,20,36,.56) 42%, rgba(7,20,36,.08) 78%, rgba(7,20,36,.02) 100%); }
.sdt-hero-slide > .sdt-hero-overlay { z-index: 2; }
.sdt-hero-slide > .sdt-hero-content-wrap { z-index: 3; }
.sdt-hero-content { width: min(790px, 100%); }
.sdt-hero-content h1 { max-width: 720px; font-weight: 750; text-shadow: 0 2px 14px rgba(0,0,0,.12); }
.sdt-hero-subtitle { max-width: 640px; }
.sdt-hero-badge { box-shadow: 0 5px 18px rgba(0,0,0,.10); }
.sdt-hero-actions .sdt-btn { min-height: 46px; padding-inline: 20px; }
.sdt-hero--slider .sdc-hero-search-panel { background: rgba(255,255,255,.97); border: 1px solid rgba(255,255,255,.7); box-shadow: 0 18px 44px rgba(0,0,0,.18); }
.sdt-hero--slider .sdc-hero-search-tabs { width: fit-content; }
.sdt-hero-trust-row { margin-top: 18px; }
.sdt-hero-arrow { box-shadow: 0 8px 24px rgba(0,0,0,.14); }

/* Categories: make this feel like a quick-action rail, not a loose row. */
.sdt-categories { padding: 22px 0 28px; background: #fff; border-bottom: 1px solid var(--sdt-line); }
.sdt-category-scroller { gap: 10px; padding: 3px 2px 8px; scrollbar-width: none; }
.sdt-category-scroller::-webkit-scrollbar { display:none; }
.sdt-category-card { width: 104px; padding: 6px 6px 4px; gap: 8px; }
.sdt-category-icon { width: 58px; height: 58px; border-color: #e9eef5; box-shadow: 0 5px 14px rgba(15,35,60,.06); transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.sdt-category-card:hover .sdt-category-icon { transform: translateY(-2px); border-color: color-mix(in srgb, var(--sdc-color-primary,#1877F2) 30%, #e9eef5); box-shadow: 0 9px 20px rgba(15,35,60,.09); }
.sdt-category-label { color: #344054; font-weight: 600; }

/* Stats: compact trust strip with distinct numeric hierarchy. */
.sdt-stats-bar { padding: 24px 0; background: #eef5ff; border-top: 1px solid #e3edfc; border-bottom: 1px solid #e3edfc; }
.sdt-stats-grid { gap: 12px; }
.sdt-stat { min-height: 88px; background: #fff; border: 1px solid #e7edf5; border-radius: 14px; padding: 14px 10px; box-shadow: 0 5px 18px rgba(15,35,60,.05); }
.sdt-stat span { font-size: 19px; line-height: 1; }
.sdt-stat strong { font-size: 23px; line-height: 1.2; }
.sdt-stat p { font-size: 12px; font-weight: 600; color: #667085; }

/* Homepage directory cards: stronger media/body/action rhythm. */
.sdt-section .sdc-doctor-grid,
.sdt-section .sdc-center-grid { gap: 18px; }
.sdt-section .sdc-doctor-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdt-section .sdc-center-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sdt-section .sdc-card { border-color: #e5eaf1; border-radius: 17px; box-shadow: var(--sdt-shadow-card); }
.sdt-section .sdc-card:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(15,35,60,.10); }
.sdt-section .sdc-card-media { aspect-ratio: 4 / 3; background: #edf2f7; }
.sdt-section .sdc-card-body { padding: 16px 17px 8px; }
.sdt-section .sdc-card-title { font-size: 17px; line-height: 1.35; }
.sdt-section .sdc-card-meta { color: #667085; }
.sdt-section .sdc-card-degrees { margin-bottom: 9px; }
.sdt-section .sdc-card-row { gap: 8px; }
.sdt-section .sdc-card-actions { padding: 11px 17px 17px; }
.sdt-section .sdc-btn-view { min-height: 40px; display:flex; align-items:center; justify-content:center; border-radius: 9px; }
.sdt-section .sdc-btn-call { width: 40px; height: 40px; border-radius: 9px; }

/* Promotional band: use a single visual family rather than unrelated blocks. */
.sdt-promo-grid { gap: 18px; }
.sdt-promo-card { min-height: 190px; border: 1px solid rgba(15,35,60,.06); border-radius: 18px; padding: 24px; box-shadow: 0 8px 24px rgba(15,35,60,.05); }
.sdt-promo-blue { background: linear-gradient(145deg,#edf5ff,#f8fbff); }
.sdt-promo-amber { background: linear-gradient(145deg,#fff8e8,#fffdf8); }
.sdt-promo-green { background: linear-gradient(145deg,#edfbf4,#fbfffd); }
.sdt-promo-icon { width: 42px; height: 42px; display:flex; align-items:center; justify-content:center; border-radius: 12px; background: rgba(255,255,255,.85); box-shadow: 0 4px 12px rgba(15,35,60,.06); }
.sdt-promo-card h3 { font-size: 18px; }

/* Searchable chips. */
.sdt-tag-cloud { gap: 9px; }
.sdt-tag-cloud a { background:#fff; border-color:#e4eaf2; color:#344054; font-weight:600; padding:9px 14px; box-shadow:0 3px 10px rgba(15,35,60,.04); transition:.18s ease; }
.sdt-tag-cloud a:hover { color:var(--sdc-color-primary,#1877F2); border-color:color-mix(in srgb,var(--sdc-color-primary,#1877F2) 30%,#e4eaf2); transform:translateY(-1px); }

/* Testimonials: clearer quote hierarchy. */
.sdt-testimonial-grid { gap: 18px; }
.sdt-testimonial { position:relative; border:1px solid #e6ebf2; border-radius:17px; padding:22px; box-shadow:0 7px 22px rgba(15,35,60,.05); }
.sdt-testimonial::before { content:"“"; position:absolute; top:10px; right:17px; font-size:46px; line-height:1; color:#d9e6f7; font-weight:800; }
.sdt-testimonial p { position:relative; z-index:1; color:#475467; line-height:1.75; }
.sdt-testimonial-name { color:#101828; }

/* How it works: turn generic boxes into a clear sequence. */
.sdt-steps { gap:0; }
.sdt-step { position:relative; border:1px solid #e6ebf2; border-radius:0; padding:26px 22px; box-shadow:none; }
.sdt-step:first-child { border-radius:16px 0 0 16px; }
.sdt-step:last-child { border-radius:0 16px 16px 0; }
.sdt-step span { width:42px; height:42px; box-shadow:0 7px 16px rgba(24,119,242,.18); }
.sdt-step p { margin:0; font-weight:700; color:#344054; }

/* Final CTA: more editorial and less like a generic blue block. */
.sdt-cta-section { margin-top: 12px; padding: 72px 0; background: linear-gradient(135deg,#0d5bd7 0%,#1877F2 55%,#2c83f6 100%); position:relative; overflow:hidden; }
.sdt-cta-section::before { content:""; position:absolute; width:420px; height:420px; border-radius:50%; right:-170px; top:-250px; background:rgba(255,255,255,.10); }
.sdt-cta-section::after { content:""; position:absolute; width:280px; height:280px; border-radius:50%; left:-130px; bottom:-190px; background:rgba(255,255,255,.07); }
.sdt-cta-section > .sdt-container { position:relative; z-index:1; }
.sdt-cta-section h2 { font-size:clamp(26px,3vw,38px); margin-bottom:8px; }
.sdt-cta-section p { max-width:620px; margin:0 auto; color:rgba(255,255,255,.86); }
.sdt-cta-section .sdt-btn { min-width:180px; box-shadow:0 10px 22px rgba(0,0,0,.14); }

/* Footer: cleaner columns and stronger base rhythm. */
.sdt-footer { margin-top:0; padding-top:56px; }
.sdt-footer-grid { gap:44px; }
.sdt-footer h3,.sdt-footer h4 { letter-spacing:-.01em; }

@media (max-width: 980px) {
	.sdt-section .sdc-doctor-grid,
	.sdt-section .sdc-center-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
	.sdt-steps { display:grid; grid-template-columns:1fr; gap:10px; }
	.sdt-step:first-child,.sdt-step:last-child { border-radius:16px; }
}

@media (max-width: 782px) {
	.sdt-container { padding-inline: 16px; }
	.sdt-section { padding: 48px 0; }
	.sdt-section-head { align-items:flex-start; margin-bottom:18px; }
	.sdt-section-head h2 { max-width: 76%; }
	.sdt-hero { min-height:var(--sdt-hero-mobile-height); }
	.sdt-hero-slide::after { background:linear-gradient(180deg,rgba(7,20,36,.38) 0%,rgba(7,20,36,.50) 38%,rgba(7,20,36,.78) 100%); }
	.sdt-hero-content-wrap { padding-inline:16px; }
	.sdt-hero-content { padding:36px 0 62px; }
	.sdt-hero-content h1 { font-size:clamp(29px,8.2vw,39px); max-width:100%; line-height:1.14; }
	.sdt-hero-subtitle { font-size:15px; max-width:100%; }
	.sdt-hero--slider .sdc-hero-search-tabs { width:100%; }
	.sdt-hero--slider .sdc-hero-search-panel { border-radius:14px; padding:7px; }
	.sdt-hero-trust-row { display:grid; grid-template-columns:1fr 1fr; font-size:11px; gap:7px 10px; }
	.sdt-hero-arrow { display:none; }
	.sdt-hero-dots { bottom:12px; }
	.sdt-category-card { width:92px; }
	.sdt-category-icon { width:52px; height:52px; }
	.sdt-stats-grid { grid-template-columns:repeat(2,1fr); gap:10px; }
	.sdt-stat { min-height:80px; padding:12px 8px; }
	.sdt-section .sdc-doctor-grid,
	.sdt-section .sdc-center-grid { grid-template-columns:1fr; gap:14px; }
	.sdt-section .sdc-card-media { aspect-ratio: 16/10; }
	.sdt-section .sdc-card-body { padding:14px 15px 7px; }
	.sdt-section .sdc-card-actions { padding:10px 15px 15px; }
	.sdt-promo-card { min-height:0; padding:20px; }
	.sdt-cta-section { padding:56px 0; }
	.sdt-cta-section .sdt-btn { width:100%; max-width:320px; }
}

@media (max-width: 480px) {
	.sdt-section { padding:42px 0; }
	.sdt-section-head h2 { font-size:22px; }
	.sdt-section-head { gap:5px; }
	.sdt-see-all-link { font-size:12px; }
	.sdt-hero-content { padding-top:30px; }
	.sdt-hero-badge { font-size:11px; padding:5px 10px; }
	.sdt-hero-content h1 { font-size:29px; }
	.sdt-hero-subtitle { font-size:14px; line-height:1.55; }
	.sdt-hero-trust-row { grid-template-columns:1fr; }
	.sdt-stat strong { font-size:20px; }
	.sdt-stat p { font-size:11px; }
}

@media (prefers-reduced-motion: reduce) {
	.sdt-category-icon,.sdt-section .sdc-card,.sdt-tag-cloud a { transition:none !important; transform:none !important; }
}


/* ======================================================================
   1.4.2 — Poster-first Hero + floating search dock
   ====================================================================== */
.sdt-hero--poster-slider {
	position: relative;
	min-height: var(--sdt-hero-height);
	margin-bottom: 104px;
	padding: 0;
	background: #eef3f8;
	overflow: visible;
	isolation: isolate;
}
.sdt-hero--poster-slider .sdt-hero-slider,
.sdt-hero--poster-slider .sdt-hero-slide { position: absolute; inset: 0; }
.sdt-hero--poster-slider .sdt-hero-slide::after { display: none !important; }
.sdt-hero--poster-slider .sdt-hero-media,
.sdt-hero--poster-slider .sdt-hero-media picture { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.sdt-hero--poster-slider .sdt-hero-media { z-index: 1; text-decoration: none; }
.sdt-hero--poster-slider .sdt-hero-media img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center center; }
.sdt-hero--poster-slider .sdt-hero-media--fallback { display: block; width: 100%; height: 100%; background: #eaf1f8; }
.sdt-hero--poster-slider .sdt-hero-arrow { z-index: 6; }
.sdt-hero--poster-slider .sdt-hero-dots { z-index: 6; bottom: 16px; }
.sdt-hero--poster-slider .sdt-hero-search-dock {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: -68px;
}
.sdt-hero-search-dock-inner {
	background: #fff;
	border: 1px solid rgba(15,23,42,.08);
	border-radius: 18px;
	box-shadow: 0 18px 50px rgba(15,23,42,.14);
	padding: 16px 20px 14px;
}
.sdt-hero-search-panel-wrap { max-width: 920px; margin: 0 auto; }
.sdt-hero-search-panel-wrap .sdc-hero-search { max-width: none; width: 100%; }
.sdt-hero-search-panel-wrap .sdc-hero-search-tabs { margin-bottom: 8px; }
.sdt-hero-search-panel-wrap .sdc-hero-search-panel { box-shadow: none; border: 1px solid var(--sdc-color-border,#e2e8f0); }
.sdt-hero-dock-popular { max-width: 920px; margin: 10px auto 0; }
.sdt-hero-dock-popular .sdt-popular-label { font-size: 12px; }
.sdt-hero-dock-popular a { padding: 4px 10px; font-size: 12px; }
.sdt-hero-search-dock .sdt-hero-trust-row { max-width: 920px; margin: 10px auto 0; color: #475569; justify-content: center; }
.sdt-hero-search-dock .sdt-hero-trust-row span { color: #475569; }
@media (max-width: 782px) {
	.sdt-hero--poster-slider {
		min-height: var(--sdt-hero-mobile-height);
		margin-bottom: 116px;
	}
	.sdt-hero--poster-slider .sdt-hero-arrow { display: none; }
	.sdt-hero--poster-slider .sdt-hero-dots { bottom: 12px; }
	.sdt-hero--poster-slider .sdt-hero-search-dock { bottom: -92px; }
	.sdt-hero-search-dock-inner { margin-inline: 12px; border-radius: 16px; padding: 12px; }
	.sdt-hero-search-panel-wrap .sdc-hero-search-tabs { width: 100%; }
	.sdt-hero-search-panel-wrap .sdc-hero-tab { flex: 1; min-width: 0; }
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel { padding: 8px; }
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel input[type="text"],
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel select,
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel button { min-height: 44px; }
	.sdt-hero-dock-popular { margin-top: 8px; gap: 6px; max-height: 58px; overflow: hidden; }
	.sdt-hero-dock-popular a { font-size: 11px; padding: 4px 8px; }
	.sdt-hero-search-dock .sdt-hero-trust-row { display: none; }
}
@media (max-width: 420px) {
	.sdt-hero--poster-slider { margin-bottom: 122px; }
	.sdt-hero--poster-slider .sdt-hero-search-dock { bottom: -98px; }
	.sdt-hero-search-dock-inner { margin-inline: 8px; padding: 10px; }
}


/* 1.4.3 — fixed directory-card geometry, zero-rating state, and mobile hero search flow. */
.sdc-doctor-grid > .sdc-card,
.sdc-center-grid > .sdc-card {
	height: 470px;
	min-height: 470px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-media,
.sdc-center-grid > .sdc-card .sdc-card-media {
	flex: 0 0 224px;
	aspect-ratio: auto;
}
.sdc-doctor-grid > .sdc-card .sdc-card-body,
.sdc-center-grid > .sdc-card .sdc-card-body {
	min-height: 0;
	overflow: hidden;
}
.sdc-doctor-grid > .sdc-card .sdc-card-title,
.sdc-center-grid > .sdc-card .sdc-card-title {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.sdc-doctor-grid > .sdc-card .sdc-card-meta,
.sdc-doctor-grid > .sdc-card .sdc-card-degrees,
.sdc-center-grid > .sdc-card .sdc-card-location,
.sdc-center-grid > .sdc-card .sdc-card-tags {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions {
	margin-top: auto;
	flex-shrink: 0;
}
.sdc-card-rating-empty { color: #98A2B3 !important; font-weight: 500; }
.sdc-card-rating-empty .sdc-card-rating-stars { letter-spacing: 1px; color: #C7CDD5; }
.sdc-hero-search--single .sdc-hero-search-panel { display: flex !important; }
.sdc-hero-search--single .sdc-hero-search-panel[hidden] { display: none !important; }

@media (max-width: 782px) {
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card {
		height: 430px;
		min-height: 430px;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media {
		flex-basis: 190px;
	}
	.sdt-hero--poster-slider {
		margin-bottom: 0;
		min-height: var(--sdt-hero-mobile-height);
	}
	.sdt-hero--poster-slider .sdt-hero-search-dock {
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
		margin-top: var(--sdt-hero-mobile-height);
		padding: 12px 0 16px;
	}
	.sdt-hero-search-dock-inner {
		margin-inline: 12px;
		border-radius: 16px;
		padding: 12px;
	}
}
@media (max-width: 480px) {
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card {
		height: 410px;
		min-height: 410px;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media {
		flex-basis: 174px;
	}
	.sdt-hero--poster-slider .sdt-hero-search-dock { margin-top: var(--sdt-hero-mobile-height); }
	.sdt-hero-search-dock-inner { margin-inline: 8px; }
}


/* 1.4.4 — responsive QA: mobile hero flow, mobile menu, filter controls,
   and identical Doctor/Center card rhythm. */
.sdc-filter-bar { align-items: stretch; }
.sdc-filter-bar input,
.sdc-filter-bar select {
	min-height: 42px;
	background: #fff;
	color: var(--sdc-color-text, #1a1a1a);
	font: inherit;
	outline: none;
}
.sdc-filter-bar button {
	min-height: 42px;
	padding: 9px 16px;
	border: 1px solid var(--sdc-color-primary, #1877F2);
	border-radius: 8px;
	background: var(--sdc-color-primary, #1877F2);
	color: var(--sdc-color-btn-text, #fff);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
	transition: background .15s ease, box-shadow .15s ease, transform .15s ease;
}
.sdc-filter-bar button:hover { filter: brightness(.96); }
.sdc-filter-bar button:focus-visible,
.sdc-filter-bar input:focus-visible,
.sdc-filter-bar select:focus-visible {
	outline: 3px solid color-mix(in srgb, var(--sdc-color-primary,#1877F2) 24%, transparent);
	outline-offset: 2px;
	box-shadow: 0 0 0 1px var(--sdc-color-primary,#1877F2);
}

/* Cards use one fixed geometry everywhere; missing optional fields reserve space. */
.sdc-doctor-grid > .sdc-card,
.sdc-center-grid > .sdc-card {
	display: flex;
	height: 470px;
	min-height: 470px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-media,
.sdc-center-grid > .sdc-card .sdc-card-media { flex: 0 0 224px; }
.sdc-doctor-grid > .sdc-card .sdc-card-body,
.sdc-center-grid > .sdc-card .sdc-card-body {
	min-height: 154px;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.sdc-doctor-grid > .sdc-card .sdc-card-title,
.sdc-center-grid > .sdc-card .sdc-card-title { min-height: 44px; }
.sdc-doctor-grid > .sdc-card .sdc-card-meta,
.sdc-doctor-grid > .sdc-card .sdc-card-degrees { min-height: 22px; }
.sdc-doctor-grid > .sdc-card .sdc-card-row,
.sdc-center-grid > .sdc-card .sdc-card-row { min-height: 42px; align-content: flex-start; }
.sdc-center-grid > .sdc-card .sdc-card-body { min-height: 154px; }
.sdc-center-grid > .sdc-card .sdc-card-title { min-height: 44px; }
.sdc-center-grid > .sdc-card .sdc-card-tags { min-height: 28px; }
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions { min-height: 69px; }

/* Mobile navigation: real drawer/dropdown, no flex-wrap collapse. */
@media (max-width: 782px) {
	.sdt-header { position: sticky; top: 0; z-index: 1000; }
	.sdt-header-inner { position: relative; min-height: 62px; flex-wrap: nowrap; }
	.sdt-menu-toggle { flex: 0 0 auto; width: 42px; height: 42px; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; }
	.sdt-primary-nav,
	.sdt-primary-nav.is-open {
		position: absolute;
		top: 100%; left: 0; right: 0;
		width: 100%;
		max-height: 0;
		margin: 0;
		padding: 0 12px;
		overflow: hidden;
		opacity: 0;
		visibility: hidden;
		background: #fff;
		border-top: 1px solid var(--sdc-color-border,#e2e8f0);
		box-shadow: 0 16px 32px rgba(15,23,42,.12);
		transition: max-height .22s ease, opacity .16s ease, visibility .16s ease, padding .22s ease;
	}
	.sdt-primary-nav.is-open {
		max-height: min(70vh, 560px);
		padding: 10px 12px 14px;
		overflow-y: auto;
		opacity: 1;
		visibility: visible;
	}
	.sdt-primary-nav .sdt-menu {
		width: 100%;
		gap: 2px;
		padding: 4px;
		border: 1px solid #e8edf3;
		border-radius: 14px;
		background: #fff;
		box-shadow: 0 8px 24px rgba(15,35,60,.06);
	}
	.sdt-primary-nav .sdt-menu li { border: 0; }
	.sdt-primary-nav .sdt-menu a { display: flex; align-items: center; min-height: 46px; padding: 11px 13px; border-radius: 9px; }
	.sdt-primary-nav .sdt-menu a:focus-visible { outline: 3px solid rgba(24,119,242,.22); outline-offset: 1px; }
	.sdt-primary-nav .sdt-menu .sdt-cta a { justify-content: center; margin-top: 5px; }
	body.sdt-menu-open { overflow: hidden; }

	/* Mobile hero: slider occupies its own block; search follows it in normal flow. */
	.sdt-hero--poster-slider {
		min-height: 0;
		margin-bottom: 0;
		overflow: visible;
	}
	.sdt-hero--poster-slider .sdt-hero-slider {
		position: relative;
		inset: auto;
		height: var(--sdt-hero-mobile-height);
		min-height: var(--sdt-hero-mobile-height);
	}
	.sdt-hero--poster-slider .sdt-hero-slide { position: absolute; inset: 0; height: 100%; }
	.sdt-hero--poster-slider .sdt-hero-media,
	.sdt-hero--poster-slider .sdt-hero-media picture,
	.sdt-hero--poster-slider .sdt-hero-media img { height: 100%; }
	.sdt-hero--poster-slider .sdt-hero-search-dock {
		position: relative;
		inset: auto;
		margin: 0;
		padding: 12px 0 18px;
		background: var(--sdc-color-bg,#f7f9fc);
	}
	.sdt-hero-search-dock-inner {
		margin-inline: 12px;
		padding: 12px;
		border-radius: 16px;
	}
	.sdt-hero-search-panel-wrap .sdc-hero-search-tabs { width: 100%; }
	.sdt-hero-search-panel-wrap .sdc-hero-tab { min-height: 42px; }
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel { padding: 8px; }
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel input[type=text],
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel select,
	.sdt-hero-search-panel-wrap .sdc-hero-search-panel button { min-height: 46px; }
	.sdt-hero-dock-popular { max-height: 56px; overflow: hidden; }

	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card { height: 430px; min-height: 430px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media { flex-basis: 190px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-body,
	.sdc-center-grid > .sdc-card .sdc-card-body { min-height: 146px; }
}
@media (max-width: 480px) {
	.sdt-header-inner { padding-inline: 10px; }
	.sdt-logo { font-size: 19px; }
	.sdt-primary-nav.is-open { padding-inline: 8px; }
	.sdt-hero--poster-slider .sdt-hero-slider { height: var(--sdt-hero-mobile-height); min-height: var(--sdt-hero-mobile-height); }
	.sdt-hero-search-dock-inner { margin-inline: 8px; padding: 10px; }
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card { height: 410px; min-height: 410px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media { flex-basis: 174px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-title,
	.sdc-center-grid > .sdc-card .sdc-card-title { min-height: 40px; }
}

/* 1.4.5 — card media fill, tighter content rhythm, expandable center details, and mobile menu visibility. */
.sdc-card .sdc-card-img {
	width: 100% !important;
	height: 100% !important;
	max-width: none;
	object-fit: cover;
	display: block;
}
.sdc-doctor-grid > .sdc-card,
.sdc-center-grid > .sdc-card {
	height: 470px;
	min-height: 470px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-media,
.sdc-center-grid > .sdc-card .sdc-card-media {
	flex: 0 0 205px;
	min-height: 205px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-body,
.sdc-center-grid > .sdc-card .sdc-card-body {
	min-height: 180px;
	padding: 12px 16px 4px;
	overflow: visible;
}
.sdc-doctor-grid > .sdc-card .sdc-card-title,
.sdc-center-grid > .sdc-card .sdc-card-title {
	margin-bottom: 5px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-row,
.sdc-center-grid > .sdc-card .sdc-card-row {
	min-height: 38px;
	margin-top: 5px;
	gap: 7px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions {
	min-height: 65px;
	padding: 9px 16px 14px;
}

/* Center card: one primary service stays visible; the rest open inside a compact popover. */
.sdc-center-card { position: relative; overflow: visible; }
.sdc-card-tags-primary { min-height: 28px; align-items: center; }
.sdc-card-more-toggle {
	appearance: none;
	border: 1px solid #e5e7eb;
	background: #f8fafc;
	color: #475569;
	border-radius: 999px;
	padding: 3px 9px;
	font: inherit;
	font-size: 11px;
	line-height: 1.35;
	cursor: pointer;
}
.sdc-card-more-toggle:hover,
.sdc-card-more-toggle:focus-visible { background: #eef4ff; color: var(--sdc-color-primary,#1877F2); border-color: #cfe0ff; }
.sdc-card-extra {
	position: absolute;
	left: 14px;
	right: 14px;
	bottom: 66px;
	z-index: 20;
	padding: 10px;
	background: #fff;
	border: 1px solid #e2e8f0;
	border-radius: 12px;
	box-shadow: 0 14px 30px rgba(15,23,42,.14);
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}
.sdc-card-extra[hidden] { display: none !important; }

/* Mobile menu: never inherit a low-contrast theme color. */
.sdt-menu-toggle {
	position: relative;
	z-index: 1101;
	background: #fff !important;
	color: #0f172a !important;
	border: 1px solid #dbe3ec !important;
	border-radius: 9px;
	padding: 7px !important;
	box-shadow: 0 2px 8px rgba(15,23,42,.06);
}
.sdt-menu-toggle span { background: #0f172a !important; }
.sdt-menu-toggle:hover,
.sdt-menu-toggle:focus,
.sdt-menu-toggle:active { background: #fff !important; color: #0f172a !important; }
.sdt-primary-nav .sdt-menu .sdt-cta a,
.sdt-primary-nav .sdt-menu .sdt-cta a:hover,
.sdt-primary-nav .sdt-menu .sdt-cta a:focus,
.sdt-primary-nav .sdt-menu .sdt-cta a:active {
	background: var(--sdc-color-primary,#1877F2) !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff;
}

@media (max-width: 782px) {
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card { height: 430px; min-height: 430px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media { flex-basis: 170px; min-height: 170px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-body,
	.sdc-center-grid > .sdc-card .sdc-card-body { min-height: 190px; padding: 11px 15px 4px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-actions,
	.sdc-center-grid > .sdc-card .sdc-card-actions { min-height: 62px; padding: 8px 15px 14px; }
	.sdc-card-extra { left: 12px; right: 12px; bottom: 62px; }
}
@media (max-width: 480px) {
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card { height: 410px; min-height: 410px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media { flex-basis: 160px; min-height: 160px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-body,
	.sdc-center-grid > .sdc-card .sdc-card-body { min-height: 188px; padding: 10px 14px 3px; }
	.sdc-doctor-grid > .sdc-card .sdc-card-actions,
	.sdc-center-grid > .sdc-card .sdc-card-actions { min-height: 62px; padding: 8px 14px 13px; }
}


/* 1.4.6 — mobile card flow, passport-safe doctor photos, and guaranteed hamburger icon. */
/* Doctor photos: preserve the complete portrait instead of cropping the head/chin. */
.sdc-doctor-card .sdc-card-media {
	background: #f7f9fc;
}
.sdc-doctor-card .sdc-card-media .sdc-card-img {
	width: 100% !important;
	height: 100% !important;
	object-fit: contain !important;
	object-position: center center !important;
	background: #f7f9fc;
}

/* Keep the directory cards structurally consistent without clipping content. */
.sdc-doctor-grid > .sdc-card,
.sdc-center-grid > .sdc-card {
	height: 470px;
	min-height: 470px;
}
.sdc-doctor-grid > .sdc-card .sdc-card-body,
.sdc-center-grid > .sdc-card .sdc-card-body {
	min-height: 0;
	flex: 1 1 auto;
	overflow: visible;
}
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions {
	margin-top: auto;
	flex-shrink: 0;
}

/* The hamburger is rendered independently of theme/font inheritance so it cannot disappear. */
.sdt-menu-toggle {
	position: relative;
	z-index: 1101;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	border: 1px solid #d7e0ea !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: #0f172a !important;
	display: none;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 8px rgba(15,23,42,.08);
}
.sdt-menu-toggle::before {
	content: "";
	display: block;
	width: 22px;
	height: 16px;
	background: linear-gradient(#0f172a,#0f172a) 0 0/22px 2px no-repeat,
		linear-gradient(#0f172a,#0f172a) 0 7px/22px 2px no-repeat,
		linear-gradient(#0f172a,#0f172a) 0 14px/22px 2px no-repeat;
}
.sdt-menu-toggle[aria-expanded="true"]::before {
	width: 20px;
	height: 20px;
	background: linear-gradient(45deg, transparent 46%, #0f172a 47%, #0f172a 53%, transparent 54%) 0 0/20px 20px no-repeat,
		linear-gradient(-45deg, transparent 46%, #0f172a 47%, #0f172a 53%, transparent 54%) 0 0/20px 20px no-repeat;
}
.sdt-menu-toggle span { display: none !important; }
.sdt-menu-toggle:hover,
.sdt-menu-toggle:focus,
.sdt-menu-toggle:focus-visible,
.sdt-menu-toggle:active {
	background: #fff !important;
	color: #0f172a !important;
	border-color: #b9c8d8 !important;
	box-shadow: 0 3px 10px rgba(15,23,42,.10);
}

@media (max-width: 782px) {
	.sdt-menu-toggle { display: inline-flex !important; }

	/* On small screens let the card grow when content needs it; the grid still keeps
	   a consistent minimum so no button/location row is clipped. */
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card {
		height: auto;
		min-height: 430px;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media {
		flex: 0 0 170px;
		height: 170px;
		min-height: 170px;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-body,
	.sdc-center-grid > .sdc-card .sdc-card-body {
		min-height: 0;
		flex: 1 1 auto;
		overflow: visible;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-actions,
	.sdc-center-grid > .sdc-card .sdc-card-actions {
		margin-top: auto;
		min-height: 62px;
		flex-shrink: 0;
	}
}
@media (max-width: 480px) {
	.sdc-doctor-grid > .sdc-card,
	.sdc-center-grid > .sdc-card {
		min-height: 410px;
	}
	.sdc-doctor-grid > .sdc-card .sdc-card-media,
	.sdc-center-grid > .sdc-card .sdc-card-media {
		flex-basis: 160px;
		height: 160px;
		min-height: 160px;
	}
}


/* ======================================================================
   1.5.0 FINAL — poster-safe hero, fixed card geometry, portrait doctors,
   mobile navigation and action-state fixes.
   ====================================================================== */
/* Poster Hero: use a stable 2.05:1 desktop frame (close to the recommended
   1891x921 reference) and never crop poster artwork with object-fit:cover. */
.sdt-hero--poster-slider {
  height: min(var(--sdt-hero-height, 720px), 48.78vw);
  min-height: 0 !important;
  aspect-ratio: 2.05 / 1;
  margin-bottom: 104px;
  background: #eef3f8;
}
.sdt-hero--poster-slider .sdt-hero-slider,
.sdt-hero--poster-slider .sdt-hero-slide,
.sdt-hero--poster-slider .sdt-hero-media,
.sdt-hero--poster-slider .sdt-hero-media picture { height: 100%; }
.sdt-hero--poster-slider .sdt-hero-media img {
  object-fit: contain !important;
  object-position: center center !important;
  background: #eef3f8;
}
.sdt-hero--poster-slider .sdt-hero-media { background: #eef3f8; }
.sdt-hero--poster-slider .sdt-hero-search-dock { bottom: -68px; }

/* Doctor cards: passport-style portrait media and stable information slots. */
.sdt-section .sdc-doctor-card,
.sdc-doctor-card {
  min-height: 100%;
}
.sdt-section .sdc-doctor-card .sdc-card-media,
.sdc-doctor-card .sdc-card-media {
  aspect-ratio: 3 / 4;
}
.sdt-section .sdc-doctor-card .sdc-card-img,
.sdc-doctor-card .sdc-card-img {
  object-fit: contain !important;
  object-position: center top;
  background: #f3f5f8;
}
.sdc-doctor-card .sdc-card-body { padding: 14px 16px 8px; }
.sdc-doctor-card .sdc-card-title { min-height: 2.7em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sdc-doctor-card .sdc-card-meta { min-height: 1.6em; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden; }
.sdc-doctor-card .sdc-card-degrees { min-height: 1.6em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.sdc-doctor-card .sdc-card-row { min-height: 3.2em; align-content:flex-start; }
.sdc-doctor-card .sdc-card-location { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sdc-doctor-card .sdc-card-actions { margin-top:auto; }
.sdc-card-rating-empty { color:#c7ced8 !important; font-weight:500; }
.sdc-card-rating-empty .sdc-card-rating-stars { letter-spacing:1px; color:#c7ced8; }

/* Center cards use the same stable card body/action geometry. */
.sdt-section .sdc-center-card,
.sdc-center-card { min-height:100%; }
.sdt-section .sdc-center-card .sdc-card-media,
.sdc-center-card .sdc-card-media { aspect-ratio: 4 / 3; }
.sdc-center-card .sdc-card-body { min-height: 142px; }
.sdc-center-card .sdc-card-row { min-height: 3.1em; align-content:flex-start; }
.sdc-center-card .sdc-card-location { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sdc-center-card .sdc-card-actions { margin-top:auto; }
.sdc-card-more-toggle { border:1px solid #e2e8f0; background:#f8fafc; color:#475569; border-radius:999px; padding:3px 9px; font:inherit; font-size:11px; cursor:pointer; }
.sdc-card-more-toggle:hover,.sdc-card-more-toggle:focus-visible { background:#eef4ff; color:var(--sdc-color-primary,#1877F2); }

/* Header/mobile navigation: always-visible hamburger and robust stacking. */
@media (max-width:782px) {
  .sdt-header { z-index: 1000; }
  .sdt-header-inner { position:relative; min-height:64px; }
  .sdt-menu-toggle {
    display:inline-flex !important;
    position:relative;
    width:44px; height:44px;
    align-items:center; justify-content:center;
    flex-direction:column;
    gap:0;
    padding:7px !important;
    margin-left:auto;
    background:#fff !important;
    color:#0f172a !important;
    border:1px solid #d8e0ea !important;
    border-radius:10px !important;
    box-shadow:0 2px 8px rgba(15,23,42,.08);
    opacity:1 !important;
    visibility:visible !important;
    z-index:1002;
  }
  .sdt-menu-toggle span {
    display:block !important;
    width:21px !important; height:2px !important;
    margin:3px 0 !important;
    background:#0f172a !important;
    border-radius:2px;
    opacity:1 !important;
  }
  .sdt-menu-toggle:hover,
  .sdt-menu-toggle:focus,
  .sdt-menu-toggle:active { background:#fff !important; color:#0f172a !important; }
  .sdt-menu-toggle:focus-visible { outline:3px solid rgba(24,119,242,.28); outline-offset:2px; }
  .sdt-menu-toggle[aria-expanded="true"] span { background:#0f172a !important; }
  .sdt-primary-nav {
    position:absolute !important;
    top:calc(100% + 8px);
    left:12px; right:12px;
    width:auto !important;
    max-height:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    opacity:0;
    visibility:hidden;
    background:#fff;
    border:1px solid #dfe6ef;
    border-radius:14px;
    box-shadow:0 18px 40px rgba(15,23,42,.16);
    z-index:1001;
    transition:max-height .25s ease, opacity .18s ease, visibility .18s ease;
  }
  .sdt-primary-nav.is-open {
    max-height:calc(100vh - 82px) !important;
    padding:8px !important;
    overflow:auto !important;
    opacity:1;
    visibility:visible;
  }
  .sdt-menu { background:#fff !important; border:0 !important; box-shadow:none !important; padding:0 !important; }
  .sdt-menu a { color:#0f172a !important; background:transparent !important; }
  .sdt-menu a:hover,.sdt-menu a:focus,.sdt-menu a:active { color:#0f172a !important; background:#f5f8fc !important; }
  .sdt-menu .sdt-cta a,
  .sdt-menu .sdt-cta a:hover,
  .sdt-menu .sdt-cta a:focus,
  .sdt-menu .sdt-cta a:active {
    background:var(--sdc-color-primary,#1877F2) !important;
    color:#fff !important;
    opacity:1 !important;
    box-shadow:0 6px 16px rgba(24,119,242,.18) !important;
  }
}

/* Mobile poster hero: poster first, search below it — never overlay the artwork. */
@media (max-width:782px) {
  .sdt-hero--poster-slider {
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin-bottom:0 !important;
    overflow:visible;
    background:#eef3f8;
  }
  .sdt-hero--poster-slider .sdt-hero-slider {
    position:relative !important;
    inset:auto !important;
    height:min(var(--sdt-hero-mobile-height,520px), 125vw) !important;
    aspect-ratio:4 / 5;
    overflow:hidden;
  }
  .sdt-hero--poster-slider .sdt-hero-slide { position:absolute !important; inset:0 !important; height:100% !important; }
  .sdt-hero--poster-slider .sdt-hero-media,
  .sdt-hero--poster-slider .sdt-hero-media picture { position:absolute !important; inset:0 !important; height:100% !important; }
  .sdt-hero--poster-slider .sdt-hero-media img { object-fit:contain !important; background:#eef3f8; }
  .sdt-hero--poster-slider .sdt-hero-search-dock {
    position:relative !important;
    left:auto !important; right:auto !important; bottom:auto !important;
    z-index:10;
    margin:0;
    padding:14px 0 0;
  }
  .sdt-hero-search-dock-inner {
    margin:0 12px !important;
    border-radius:14px;
    padding:12px !important;
  }
  .sdt-hero--poster-slider .sdt-hero-dots { bottom:10px; }
}

/* Card geometry on narrow screens: never clip the action row. */
@media (max-width:782px) {
  .sdt-section .sdc-doctor-card,
  .sdc-doctor-card,
  .sdt-section .sdc-center-card,
  .sdc-center-card { height:auto !important; min-height:0 !important; overflow:hidden; }
  .sdt-section .sdc-doctor-card .sdc-card-media,
  .sdc-doctor-card .sdc-card-media { aspect-ratio:3 / 4 !important; }
  .sdc-doctor-card .sdc-card-body { padding:14px 14px 6px; }
  .sdc-doctor-card .sdc-card-actions,
  .sdc-center-card .sdc-card-actions { padding:10px 14px 14px; margin-top:0; }
  .sdc-center-card .sdc-card-body { min-height:0; }
}


/* 1.5.1 — final responsive correction: restore natural mobile poster flow,
   remove duplicate hamburger rendering, and keep portrait media safe. */
.sdt-menu-toggle::before,
.sdt-menu-toggle::after { content: none !important; display: none !important; }
.sdt-menu-toggle span { display:block !important; }

/* Desktop poster frame: ratio-driven, never distort/crop poster artwork. */
@media (min-width: 783px) {
  .sdt-hero--poster-slider {
    width: 100%;
    height: min(var(--sdt-hero-height, 720px), calc(100vw / 2.05)) !important;
    aspect-ratio: 2.05 / 1;
  }
  .sdt-hero--poster-slider .sdt-hero-slider,
  .sdt-hero--poster-slider .sdt-hero-slide,
  .sdt-hero--poster-slider .sdt-hero-media,
  .sdt-hero--poster-slider .sdt-hero-media picture,
  .sdt-hero--poster-slider .sdt-hero-media img { height:100%; }
  .sdt-hero--poster-slider .sdt-hero-media img { object-fit:contain !important; }
}

/* Mobile poster: let JS size the slider to the actual image ratio. No fixed
   mobile height, no artificial aspect-ratio box, and no letterbox crop. */
@media (max-width: 782px) {
  .sdt-hero--poster-slider,
  .sdt-hero--poster-slider .sdt-hero-slider {
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
  }
  .sdt-hero--poster-slider .sdt-hero-slider {
    position:relative !important;
    width:100%;
    overflow:hidden;
  }
  .sdt-hero--poster-slider .sdt-hero-slide {
    position:absolute !important;
    inset:0 !important;
    width:100%;
    height:100% !important;
  }
  .sdt-hero--poster-slider .sdt-hero-media,
  .sdt-hero--poster-slider .sdt-hero-media picture,
  .sdt-hero--poster-slider .sdt-hero-media img {
    width:100%;
    height:100% !important;
    display:block;
  }
  .sdt-hero--poster-slider .sdt-hero-media img {
    object-fit:contain !important;
    object-position:center center !important;
    background:#eef3f8;
  }
  .sdt-hero--poster-slider .sdt-hero-search-dock {
    position:relative !important;
    inset:auto !important;
    margin:0 !important;
    padding:12px 0 16px !important;
  }
  .sdt-menu-toggle,
  .sdt-menu-toggle:hover,
  .sdt-menu-toggle:focus,
  .sdt-menu-toggle:active {
    display:inline-flex !important;
    width:44px !important;
    height:44px !important;
    background:#fff !important;
    color:#0f172a !important;
    opacity:1 !important;
    visibility:visible !important;
  }
  .sdt-menu-toggle span {
    display:block !important;
    width:21px !important;
    height:2px !important;
    margin:3px 0 !important;
    background:#0f172a !important;
    transform:none;
    opacity:1 !important;
  }
  .sdt-menu-toggle[aria-expanded="true"] span:nth-child(1) { transform:translateY(5px) rotate(45deg); }
  .sdt-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0 !important; }
  .sdt-menu-toggle[aria-expanded="true"] span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }

  /* Portrait doctor image: the media box stays compact while the actual
     portrait keeps a passport-style 3:4 shape and is never cropped. */
  .sdc-doctor-card .sdc-card-media {
    aspect-ratio:auto !important;
    height:205px !important;
    flex:0 0 205px !important;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f3f5f8;
  }
  .sdc-doctor-card .sdc-card-media .sdc-card-img {
    width:auto !important;
    height:100% !important;
    max-width:76% !important;
    aspect-ratio:3 / 4;
    object-fit:contain !important;
    object-position:center center !important;
    background:#f3f5f8;
    margin:0 auto;
  }
}

@media (max-width:480px) {
  .sdc-doctor-card .sdc-card-media {
    height:190px !important;
    flex-basis:190px !important;
  }
  .sdc-doctor-card .sdc-card-media .sdc-card-img { max-width:78% !important; }
}

/* 1.5.3 FINAL FIX — responsive hero source + single mobile menu icon. */
@media (max-width:782px) {
  /* The mobile poster must be a real block in the document flow. Its height is
     set by JS from the selected mobile image's natural ratio, with a safe fallback. */
  .sdt-hero--poster-slider {
    display:block !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    margin:0 !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
  }
  .sdt-hero--poster-slider .sdt-hero-slider {
    display:block !important;
    position:relative !important;
    width:100% !important;
    height:125vw !important;
    min-height:320px !important;
    max-height:900px !important;
    overflow:hidden !important;
  }
  .sdt-hero--poster-slider .sdt-hero-slide {
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    opacity:0 !important;
    visibility:hidden !important;
  }
  .sdt-hero--poster-slider .sdt-hero-slide.is-active {
    opacity:1 !important;
    visibility:visible !important;
    z-index:2 !important;
  }
  .sdt-hero--poster-slider .sdt-hero-media,
  .sdt-hero--poster-slider .sdt-hero-media picture {
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
  }
  .sdt-hero--poster-slider .sdt-hero-media img {
    display:block !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    background:#eef3f8 !important;
  }
  .sdt-hero--poster-slider .sdt-hero-search-dock {
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    margin:0 !important;
    padding:14px 0 !important;
    z-index:10 !important;
  }

  /* Never render a second hamburger/X icon from ::before/::after. */
  .sdt-menu-toggle::before,
  .sdt-menu-toggle::after { content:none !important; display:none !important; }
  .sdt-menu-toggle {
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:7px !important;
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:0 !important;
    position:relative !important;
    z-index:1002 !important;
    background:#fff !important;
    border:1px solid #cbd5e1 !important;
    border-radius:10px !important;
    box-shadow:0 2px 8px rgba(15,23,42,.10) !important;
  }
  .sdt-menu-toggle span {
    display:block !important;
    width:22px !important;
    height:2px !important;
    margin:3px 0 !important;
    background:#0f172a !important;
    border-radius:2px !important;
    transform:none !important;
    opacity:1 !important;
    transition:transform .2s ease, opacity .2s ease !important;
  }
  .sdt-menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(5px) rotate(45deg) !important; }
  .sdt-menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity:0 !important; }
  .sdt-menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-5px) rotate(-45deg) !important; }
}


/* 1.5.5 — single desktop image source on all devices + configurable image rounding. */
.sdt-hero--poster-slider {
	--sdt-hero-radius: 0px;
}
.sdt-hero--poster-slider .sdt-hero-media,
.sdt-hero--poster-slider .sdt-hero-media img {
	border-radius: var(--sdt-hero-radius, 0px) !important;
}
.sdt-hero--poster-slider .sdt-hero-media {
	overflow: hidden !important;
}
@media (max-width: 782px) {
	.sdt-hero--poster-slider {
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		margin-bottom: 0 !important;
		overflow: visible !important;
	}
	.sdt-hero--poster-slider .sdt-hero-slider {
		position: relative !important;
		inset: auto !important;
		height: auto !important;
		min-height: 0 !important;
		aspect-ratio: auto !important;
		overflow: visible !important;
	}
	.sdt-hero--poster-slider .sdt-hero-slide {
		position: relative !important;
		inset: auto !important;
		height: auto !important;
		min-height: 0 !important;
		display: none !important;
	}
	.sdt-hero--poster-slider .sdt-hero-slide.is-active {
		display: block !important;
		opacity: 1 !important;
		visibility: visible !important;
		pointer-events: auto !important;
	}
	.sdt-hero--poster-slider .sdt-hero-media,
	.sdt-hero--poster-slider .sdt-hero-media picture {
		position: relative !important;
		inset: auto !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		aspect-ratio: auto !important;
	}
	.sdt-hero--poster-slider .sdt-hero-media img {
		display: block !important;
		width: 100% !important;
		height: auto !important;
		max-width: 100% !important;
		object-fit: contain !important;
		object-position: center !important;
		background: #eef3f8 !important;
	}
	.sdt-hero--poster-slider .sdt-hero-search-dock {
		position: relative !important;
		inset: auto !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 12px 0 16px !important;
		z-index: 10 !important;
	}
}

/* 1.5.6 — directory-card final polish.
   Keep equal desktop rows without squeezing metadata, remove visible media
   letterbox strips, and let mobile cards grow naturally. */
@media (min-width: 783px) {
  .sdc-doctor-grid > .sdc-card,
  .sdc-center-grid > .sdc-card {
    height: 520px !important;
    min-height: 520px !important;
  }
  .sdc-doctor-grid > .sdc-card .sdc-card-body,
  .sdc-center-grid > .sdc-card .sdc-card-body {
    min-height: 190px !important;
    overflow: visible !important;
  }
}

.sdc-doctor-grid > .sdc-card .sdc-card-media,
.sdc-center-grid > .sdc-card .sdc-card-media {
  background: #fff !important;
}
.sdc-doctor-card .sdc-card-media .sdc-card-img {
  background: #fff !important;
}
.sdc-doctor-card .sdc-card-title,
.sdc-center-card .sdc-card-title {
  line-height: 1.42 !important;
  margin-bottom: 7px !important;
}
.sdc-doctor-grid > .sdc-card .sdc-card-row,
.sdc-center-grid > .sdc-card .sdc-card-row {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: flex-start !important;
  gap: 7px !important;
  min-height: 56px !important;
  margin-top: 6px !important;
}
.sdc-doctor-card .sdc-card-rating,
.sdc-center-card .sdc-card-rating,
.sdc-doctor-card .sdc-card-location,
.sdc-center-card .sdc-card-location {
  width: 100%;
  min-width: 0;
}
.sdc-doctor-card .sdc-card-location,
.sdc-center-card .sdc-card-location {
  line-height: 1.5 !important;
}
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions {
  margin-top: auto !important;
  flex-shrink: 0 !important;
}

@media (max-width: 782px) {
  .sdc-doctor-grid > .sdc-card,
  .sdc-center-grid > .sdc-card {
    height: auto !important;
    min-height: 0 !important;
  }
  .sdc-doctor-grid > .sdc-card .sdc-card-body,
  .sdc-center-grid > .sdc-card .sdc-card-body {
    min-height: 0 !important;
    overflow: visible !important;
  }
  .sdc-doctor-grid > .sdc-card .sdc-card-row,
  .sdc-center-grid > .sdc-card .sdc-card-row {
    min-height: 0 !important;
  }
}


/* 1.5.7 — requested card customization + mobile center doctor card redesign. */
.sdc-doctor-card .sdc-card-media { height: var(--sdc-doctor-image-height,280px) !important; flex-basis: var(--sdc-doctor-image-height,280px) !important; border-radius: var(--sdc-doctor-image-radius,12px) !important; }
.sdc-center-card .sdc-card-media { height: var(--sdc-center-image-height,220px) !important; flex-basis: var(--sdc-center-image-height,220px) !important; border-radius: var(--sdc-center-image-radius,12px) !important; }
.sdc-doctor-card .sdc-card-title { font-size: var(--sdc-doctor-name-size,18px) !important; color: var(--sdc-doctor-name-color,#111827) !important; font-weight: var(--sdc-doctor-name-weight,700) !important; line-height: var(--sdc-doctor-name-line,1.4) !important; font-family: var(--sdc-doctor-name-font,inherit) !important; }
.sdt-footer { background:var(--sdc-footer-bg,#14161A) !important; color:var(--sdc-footer-text,#CFD3D8) !important; padding-top:var(--sdc-footer-padding,56px) !important; }
.sdt-footer-grid { gap:var(--sdc-footer-gap,44px) !important; }
.sdt-footer a { color:var(--sdc-footer-link,#CFD3D8) !important; }
.sdt-footer a:hover { color:var(--sdc-footer-link-hover,#FFFFFF) !important; }
.sdt-footer h3,.sdt-footer h4 { color:var(--sdc-footer-heading,#FFFFFF) !important; }
@media (max-width:782px) {
  .sdt-center-doctor-item .sdc-card { display:flex !important; flex-direction:column !important; min-height:0 !important; height:auto !important; padding:14px !important; align-items:stretch !important; }
  .sdt-center-doctor-item .sdc-card-media { width:100% !important; height:var(--sdc-doctor-image-height,280px) !important; flex:0 0 var(--sdc-doctor-image-height,280px) !important; margin:0 !important; aspect-ratio:3/4 !important; border-radius:var(--sdc-doctor-image-radius,12px) !important; }
  .sdt-center-doctor-item .sdc-card-body { grid-column:auto !important; grid-row:auto !important; padding:14px 2px 4px !important; min-height:0 !important; }
  .sdt-center-doctor-item .sdc-card-title { font-size:var(--sdc-doctor-name-size,18px) !important; }
  .sdt-center-doctor-item .sdc-card-actions { grid-column:auto !important; grid-row:auto !important; padding:10px 0 0 !important; min-width:0 !important; width:100% !important; }
  .sdt-center-doctor-item .sdt-live-indicator { top:20px !important; left:20px !important; }
}


/* 1.5.8 — doctor cards aligned to the proven center-card visual language.
   Verified doctors use the same compact right-side icon badge; mobile doctor
   cards use a clean full-width media block so there is no artificial gap. */
.sdc-doctor-card .sdc-badge-verified {
  left:auto !important; right:10px !important; top:10px !important;
  width:22px !important; height:22px !important; padding:0 !important;
  display:flex !important; align-items:center !important; justify-content:center !important;
  border-radius:50% !important; font-size:13px !important; line-height:1 !important;
}
@media (max-width:782px) {
  .sdc-doctor-grid > .sdc-card, .sdt-section .sdc-doctor-card, .sdc-doctor-card {
    overflow:hidden !important;
  }
  .sdc-doctor-card .sdc-card-media {
    width:100% !important; height:220px !important; flex:0 0 220px !important;
    aspect-ratio:4 / 3 !important; display:block !important;
    margin:0 !important; background:#f3f5f8 !important;
    border-radius:0 !important;
  }
  .sdc-doctor-card .sdc-card-media .sdc-card-img {
    width:100% !important; height:100% !important; max-width:none !important;
    aspect-ratio:auto !important; object-fit:contain !important;
    object-position:center center !important; margin:0 !important;
    background:transparent !important;
  }
  .sdc-doctor-card .sdc-card-body { padding:14px 16px 6px !important; }
  .sdc-doctor-card .sdc-card-title { min-height:0 !important; margin-bottom:8px !important; }
  .sdc-doctor-card .sdc-card-actions { padding:10px 16px 16px !important; }
}
@media (max-width:480px) {
  .sdc-doctor-card .sdc-card-media { height:210px !important; flex-basis:210px !important; }
}


/* 1.6.0 — Doctor cards intentionally mirror the Healthcare Center card geometry. */
.sdc-doctor-card .sdc-card-media,
.sdc-center-card .sdc-card-media {
  position: relative !important;
  box-sizing: border-box !important;
  margin: 14px 16px 0 !important;
  width: auto !important;
  aspect-ratio: auto !important;
  overflow: hidden !important;
}
.sdc-doctor-card .sdc-card-media {
  height: var(--sdc-doctor-image-height,220px) !important;
  flex: 0 0 var(--sdc-doctor-image-height,220px) !important;
  border-radius: var(--sdc-doctor-image-radius,12px) !important;
  background: #f3f5f8 !important;
}
.sdc-center-card .sdc-card-media {
  height: var(--sdc-center-image-height,220px) !important;
  flex: 0 0 var(--sdc-center-image-height,220px) !important;
  border-radius: var(--sdc-center-image-radius,12px) !important;
}
.sdc-doctor-card .sdc-card-media .sdc-card-img,
.sdc-center-card .sdc-card-media .sdc-card-img {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  object-fit: cover !important;
  object-position: center center !important;
}
/* Verified is anchored to the image frame, not the outer card. */
.sdc-doctor-card .sdc-badge-verified,
.sdc-center-card .sdc-badge-verified {
  left: auto !important;
  right: 10px !important;
  top: 10px !important;
  width: 22px !important;
  height: 22px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  line-height: 1 !important;
  z-index: 3 !important;
}
/* Same body/action rhythm as the Center card; content may still grow naturally. */
.sdc-doctor-card,
.sdc-center-card {
  height: auto !important;
  min-height: 0 !important;
  overflow: hidden !important;
}
.sdc-doctor-card .sdc-card-body,
.sdc-center-card .sdc-card-body {
  flex: 1 1 auto !important;
  min-height: 142px !important;
  overflow: visible !important;
  padding-top: var(--sdc-doctor-media-content-gap,14px) !important;
}
.sdc-center-card .sdc-card-body {
  padding-top: var(--sdc-center-media-content-gap,14px) !important;
}
.sdc-doctor-card .sdc-card-title { margin-bottom: var(--sdc-doctor-title-meta-gap,6px) !important; }
.sdc-center-card .sdc-card-title { margin-bottom: var(--sdc-center-title-content-gap,8px) !important; }
.sdc-doctor-card .sdc-card-row,
.sdc-center-card .sdc-card-row {
  min-height: 3.1em !important;
  align-content: flex-start !important;
  margin-top: 2px !important;
}
.sdc-doctor-card .sdc-card-row { gap: var(--sdc-doctor-content-gap,7px) !important; }
.sdc-center-card .sdc-card-row { gap: var(--sdc-center-content-gap,7px) !important; }
.sdc-doctor-card .sdc-card-actions,
.sdc-center-card .sdc-card-actions {
  margin-top: auto !important;
  flex: 0 0 auto !important;
  gap: var(--sdc-doctor-action-gap,8px) !important;
  padding-top: var(--sdc-doctor-action-top-padding,10px) !important;
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 16px !important;
}
.sdc-center-card .sdc-card-actions {
  gap: var(--sdc-center-action-gap,8px) !important;
  padding-top: var(--sdc-center-action-top-padding,10px) !important;
}
@media (max-width:782px) {
  .sdc-doctor-card .sdc-card-media,
  .sdc-center-card .sdc-card-media { margin: 14px 16px 0 !important; }
  .sdc-doctor-card .sdc-card-media {
    height: var(--sdc-doctor-image-height,220px) !important;
    flex-basis: var(--sdc-doctor-image-height,220px) !important;
  }
  .sdc-center-card .sdc-card-media {
    height: var(--sdc-center-image-height,220px) !important;
    flex-basis: var(--sdc-center-image-height,220px) !important;
  }
}

/* 1.6.1 — let directory cards grow naturally so action buttons are never clipped. */
.sdc-doctor-grid > .sdc-card,
.sdc-center-grid > .sdc-card {
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
}
.sdc-doctor-grid > .sdc-card .sdc-card-body,
.sdc-center-grid > .sdc-card .sdc-card-body {
  min-height: 0 !important;
}
.sdc-doctor-grid > .sdc-card .sdc-card-actions,
.sdc-center-grid > .sdc-card .sdc-card-actions {
  margin-top: 14px !important;
  position: relative !important;
  bottom: auto !important;
  transform: none !important;
}


/* 1.6.4 — upgraded homepage testimonials. */
.sdt-testimonials-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.sdt-testimonials-head h2 { margin:0; }
.sdt-testimonials-subtitle { margin:6px 0 0; color:#667085; }
.sdt-testimonials-all { flex:0 0 auto; color:var(--sdc-color-primary,#1877F2); font-weight:700; text-decoration:none; }
.sdt-testimonials-all:hover { text-decoration:underline; }
.sdt-testimonials-wrap { position:relative; --sdt-testimonial-cols:3; --sdt-testimonial-mobile-cols:1; --sdt-testimonial-gap:18px; }
.sdt-testimonial-track { display:grid; grid-template-columns:repeat(var(--sdt-testimonial-cols), minmax(0,1fr)); gap:var(--sdt-testimonial-gap); }
.sdt-testimonials-wrap.is-carousel { overflow:visible; padding:2px 1px 8px; }
.sdt-testimonial-viewport { width:100%; overflow:hidden; }
.sdt-testimonials-wrap.is-carousel .sdt-testimonial-track { display:flex; gap:var(--sdt-testimonial-gap); transition:transform .38s ease; will-change:transform; overflow:visible; }
.sdt-testimonials-wrap.is-carousel .sdt-testimonial { flex:0 0 calc((100% - (var(--sdt-testimonial-gap) * (var(--sdt-testimonial-cols) - 1))) / var(--sdt-testimonial-cols)); }
.sdt-testimonial { position:relative; min-width:0; background:var(--sdt-testimonial-bg,#fff); border:1px solid #e3e8ef; border-radius:var(--sdt-testimonial-radius,17px); padding:20px; box-shadow:0 8px 24px rgba(15,35,60,.055); overflow:hidden; }
.sdt-testimonial-top { display:flex; align-items:center; gap:12px; min-height:44px; }
.sdt-testimonial-avatar { width:42px; height:42px; flex:0 0 42px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#eef5ff; color:#1877F2; font-weight:800; font-size:15px; }
.sdt-testimonial-meta { min-width:0; display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
.sdt-testimonial-rating { color:var(--sdt-testimonial-accent,#F59E0B); font-weight:700; letter-spacing:.02em; display:flex; align-items:center; gap:5px; }
.sdt-testimonial-rating span { color:#667085; font-size:12px; font-weight:600; letter-spacing:0; }
.sdt-testimonial-badge { font-size:11px; line-height:1; padding:5px 8px; border-radius:999px; background:#ecfdf3; color:#15803d; font-weight:700; }
.sdt-testimonial-quote-mark { position:absolute; top:10px; right:17px; font-size:46px; line-height:1; color:#d9e6f7; font-weight:800; pointer-events:none; }
.sdt-testimonial-content { position:relative; z-index:1; margin:16px 0 18px; color:#475467; line-height:1.75; min-height:84px; }
.sdt-testimonial-name { color:#101828; font-weight:800; line-height:1.45; }
.sdt-testimonial-target { margin-top:4px; font-size:13px; line-height:1.5; }
.sdt-testimonial-target a { color:#475467; text-decoration:underline; text-underline-offset:2px; }
.sdt-testimonial-date { display:block; margin-top:8px; color:#98a2b3; font-size:12px; }
.sdt-testimonial-nav { position:absolute; top:50%; transform:translateY(-50%); z-index:3; width:38px; height:38px; border:1px solid #dbe3ec; border-radius:50%; background:#fff; color:#344054; box-shadow:0 6px 16px rgba(15,35,60,.10); cursor:pointer; font-size:24px; line-height:1; display:flex; align-items:center; justify-content:center; }
.sdt-testimonial-nav:hover { color:var(--sdc-color-primary,#1877F2); border-color:#bfd4ef; }
.sdt-testimonial-nav.prev { left:-18px; }
.sdt-testimonial-nav.next { right:-18px; }
@media (max-width:980px) {
  .sdt-testimonials-wrap { --sdt-testimonial-cols:2; }
  .sdt-testimonials-wrap.is-carousel .sdt-testimonial { flex-basis:calc((100% - var(--sdt-testimonial-gap)) / 2); }
}
@media (max-width:782px) {
  .sdt-testimonials-head { align-items:flex-start; flex-direction:column; gap:8px; }
  .sdt-testimonials-wrap { --sdt-testimonial-cols:var(--sdt-testimonial-mobile-cols,1); }
  .sdt-testimonials-wrap.is-carousel .sdt-testimonial { flex-basis:100%; }
  .sdt-testimonial { padding:18px; }
  .sdt-testimonial-content { min-height:0; }
  .sdt-testimonial-nav { width:34px; height:34px; }
  .sdt-testimonial-nav.prev { left:-7px; }
  .sdt-testimonial-nav.next { right:-7px; }
}


/* 1.6.2 — Center profile: doctors use the same card/grid presentation as the Doctor directory.
   Remove the legacy horizontal row treatment only inside the Center -> Doctors section. */
.sdt-center-doctor-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}
.sdt-center-doctor-item {
  min-width: 0 !important;
  position: relative !important;
}
.sdt-center-doctor-item .sdc-card {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  grid-template-rows: none !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 16px !important;
}
.sdt-center-doctor-item .sdc-card-media {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  height: var(--sdc-doctor-image-height,220px) !important;
  flex: 0 0 var(--sdc-doctor-image-height,220px) !important;
  aspect-ratio: 3 / 4 !important;
  margin: 0 !important;
  border-radius: var(--sdc-doctor-image-radius,12px) !important;
}
.sdt-center-doctor-item .sdc-card-body {
  grid-column: auto !important;
  grid-row: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: var(--sdc-doctor-media-content-gap,14px) 0 0 !important;
}
.sdt-center-doctor-item .sdc-card-title {
  font-size: var(--sdc-doctor-name-size,18px) !important;
  margin-bottom: var(--sdc-doctor-title-meta-gap,6px) !important;
}
.sdt-center-doctor-item .sdc-card-row {
  gap: var(--sdc-doctor-content-gap,7px) !important;
}
.sdt-center-doctor-item .sdc-card-actions {
  grid-column: auto !important;
  grid-row: auto !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: var(--sdc-doctor-action-top-padding,10px) 0 0 !important;
  margin-top: 14px !important;
}
@media (max-width: 767px) {
  .sdt-center-doctor-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .sdt-center-doctor-item .sdc-card {
    padding: 14px !important;
  }
  .sdt-center-doctor-item .sdc-card-media {
    height: var(--sdc-doctor-image-height,220px) !important;
    flex-basis: var(--sdc-doctor-image-height,220px) !important;
    margin: 0 !important;
  }
  .sdt-center-doctor-item .sdc-card-body {
    padding: var(--sdc-doctor-media-content-gap,14px) 0 0 !important;
  }
  .sdt-center-doctor-item .sdc-card-actions {
    padding-top: var(--sdc-doctor-action-top-padding,10px) !important;
    margin-top: 14px !important;
  }
}


/* 1.6.8 — keep testimonial viewport clipping separate from navigation controls. */
.sdt-testimonials-wrap.is-carousel { overflow: visible !important; }
.sdt-testimonials-wrap.is-carousel .sdt-testimonial-viewport { width: 100% !important; overflow: hidden !important; }
.sdt-testimonials-wrap.is-carousel .sdt-testimonial-track { overflow: visible !important; }
.sdt-testimonials-wrap.is-carousel .sdt-testimonial-nav { z-index: 10 !important; }