/* ==========================================================================
   SAVITRI DEVI CHILD CARE — PREMIUM HOSPITAL DESIGN SYSTEM v2
   Existing content, images, links and functionality are intentionally kept.
   Design direction: modern Indian hospital / pediatric care / premium trust.
   ========================================================================== */

:root{
  --sdcc-primary:#0787c9;
  --sdcc-primary-dark:#05699f;
  --sdcc-primary-deep:#063b63;
  --sdcc-primary-soft:#eaf7fd;
  --sdcc-accent:#f3b62a;
  --sdcc-accent-dark:#cf8d08;
  --sdcc-ink:#10263b;
  --sdcc-text:#4b6275;
  --sdcc-muted:#7890a2;
  --sdcc-line:#dce8ef;
  --sdcc-surface:#f5fafd;
  --sdcc-white:#fff;
  --sdcc-shadow:0 18px 50px rgba(9,53,83,.10);
  --sdcc-shadow-sm:0 8px 24px rgba(9,53,83,.08);
  --sdcc-radius:22px;
  --sdcc-radius-sm:14px;
}

html{scroll-behavior:smooth}
body{
  background:#fff !important;
  color:var(--sdcc-text) !important;
  font-family: 'Poppins', sans-serif !important;
  line-height:1.7 !important;
}
h1,h2,h3,h4,h5,h6{
  color:var(--sdcc-ink) !important;
  letter-spacing:-.025em;
}
a{color:var(--sdcc-primary)}
a:hover{color:var(--sdcc-primary-dark)}
.sdcc-container{max-width:1320px !important;padding-left:24px !important;padding-right:24px !important}

/* ---------- Header ---------- */
.sdcc-header-2tier{
  background:#fff !important;
  box-shadow:0 6px 28px rgba(6,59,99,.08) !important;
  position:relative;
}
.sdcc-header-top{
  padding:12px 0 !important;
  border:0 !important;
  background:#fff !important;
}
.sdcc-header-top-inner{min-height:76px}
.sdcc-text-logo,.sdcc-brand-logo-wrap{display:flex;align-items:center}
.sdcc-img-logo,.custom-logo{
  width:76px !important;height:76px !important;max-height:76px !important;
  object-fit:contain !important;filter:drop-shadow(0 5px 12px rgba(6,59,99,.10));
}
.sdcc-text-logo{gap:14px}
.sdcc-brand-title{
  font-size:22px !important;font-weight: 700 !important;color:var(--sdcc-primary-deep) !important;
}
.sdcc-brand-sub{
  font-size:10px !important;color:var(--sdcc-primary) !important;letter-spacing:1px !important;
}
.sdcc-header-info-blocks{gap:18px !important}
.sdcc-info-block{
  padding:9px 12px !important;border-radius:14px !important;
  transition:.25s ease;
}
.sdcc-info-block:hover{background:var(--sdcc-primary-soft)}
.sdcc-info-icon{
  width:40px !important;height:40px !important;border-radius:12px !important;
  background:var(--sdcc-primary-soft) !important;color:var(--sdcc-primary) !important;
  border:1px solid #cfeaf7 !important;
}
.sdcc-info-label{font-size:9px !important;letter-spacing:.8px !important;color:var(--sdcc-muted) !important}
.sdcc-info-val{font-size:12px !important;font-weight:700 !important;color:var(--sdcc-ink) !important}
.sdcc-info-val-phone{font-size:14px !important;font-weight: 700 !important;color:var(--sdcc-primary) !important}
.sdcc-info-block.highlight{
  background:#fff9e9 !important;border:1px solid #f8df9b !important;
}
.sdcc-info-block.highlight .sdcc-info-icon{
  background:#fff1c7 !important;color:var(--sdcc-accent-dark) !important;border-color:#f4d984 !important;
}
.sdcc-navbar-bottom{
  background:var(--sdcc-primary-deep) !important;
  border:0 !important;
}
.sdcc-navbar-bottom-inner{min-height:58px}
.sdcc-menu-list>li>a{
  color:#fff !important;font-size:13px !important;font-weight: 600 !important;
  padding:20px 14px !important;letter-spacing:.05px;
}
.sdcc-menu-list>li>a:hover,.sdcc-menu-list>li.current-menu-item>a{color:#ffe28a !important}
.sdcc-submenu{
  background:#fff !important;border:1px solid var(--sdcc-line) !important;
  border-radius:0 0 16px 16px !important;box-shadow:var(--sdcc-shadow) !important;
  overflow:hidden;
}
.sdcc-submenu a{
  color:var(--sdcc-ink) !important;font-weight:700 !important;padding:11px 15px !important;
}
.sdcc-submenu a:hover{background:var(--sdcc-primary-soft) !important;color:var(--sdcc-primary) !important}
.sdcc-btn-appoint-nav{
  background:var(--sdcc-accent) !important;color:#24384a !important;border:0 !important;
  border-radius:999px !important;font-weight: 700 !important;box-shadow:0 7px 18px rgba(243,182,42,.28) !important;
}
.sdcc-btn-appoint-nav:hover{background:#ffd15b !important;transform:translateY(-2px)}
.sdcc-mobile-toggle{background:var(--sdcc-primary) !important}

/* ---------- Hero ---------- */
.sdcc-hero-slider-wrap{background:#063b63 !important}
.sdcc-hero-slider{height:640px !important;min-height:640px !important}
.sdcc-slide{
  background-position:center !important;background-size:cover !important;
}
.sdcc-slide-overlay{
  background:
    linear-gradient(90deg,rgba(4,36,61,.94) 0%,rgba(4,45,72,.82) 42%,rgba(4,45,72,.20) 82%,rgba(4,45,72,.06) 100%) !important;
}
.sdcc-slide-container{height:100%;display:flex;align-items:center}
.sdcc-slide-content-box{
  max-width:650px !important;
  padding:44px 0 !important;
}
.sdcc-hero-subtag{
  display:inline-flex !important;align-items:center;gap:8px;
  background:rgba(255,255,255,.12) !important;
  border:1px solid rgba(255,255,255,.26) !important;
  border-radius:999px !important;padding:8px 15px !important;
  color:#fff !important;font-size:12px !important;font-weight: 600 !important;
  backdrop-filter:blur(8px);
}
.sdcc-hero-subtag:before{
  content:"";width:8px;height:8px;border-radius:50%;background:var(--sdcc-accent);
  box-shadow:0 0 0 5px rgba(243,182,42,.15);
}
.sdcc-hero-title-main{
  color:#fff !important;font-size:clamp(42px,5.2vw,70px) !important;
  line-height:1.04 !important;font-weight: 700 !important;margin:18px 0 24px !important;
  max-width:720px;letter-spacing:-2.2px !important;
}
.sdcc-text-cyan{color:#72d2ff !important}
.sdcc-hero-bullet-list{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px !important;list-style:none !important}
.sdcc-hero-bullet-list li{
  color:#fff !important;font-size:14px !important;font-weight:700 !important;
  display:flex !important;align-items:center;gap:10px;
}
.sdcc-bullet-icon{
  width:28px !important;height:28px !important;min-width:28px !important;
  display:inline-flex !important;align-items:center;justify-content:center !important;
  border-radius:50% !important;background:rgba(114,210,255,.14) !important;
  color:#9ce0ff !important;border:1px solid rgba(114,210,255,.25) !important;
}
.sdcc-hero-btn-row{gap:12px !important;margin-top:28px !important}
.sdcc-btn{
  border-radius:12px !important;font-weight: 700 !important;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease !important;
}
.sdcc-btn:hover{transform:translateY(-2px)}
.sdcc-btn-hero-pink{
  background:var(--sdcc-accent) !important;color:#23384a !important;border:0 !important;
  box-shadow:0 12px 28px rgba(243,182,42,.25) !important;
}
.sdcc-btn-hero-call,.sdcc-btn-hero-outline{
  background:rgba(255,255,255,.08) !important;color:#fff !important;
  border:1px solid rgba(255,255,255,.45) !important;backdrop-filter:blur(6px);
}
.sdcc-btn-hero-call:hover,.sdcc-btn-hero-outline:hover{background:#fff !important;color:var(--sdcc-primary-deep) !important}

/* ---------- Trust strip ---------- */
.sdcc-credentials-strip{
  background:#fff !important;border:0 !important;
  box-shadow:0 12px 30px rgba(6,59,99,.08) !important;
  position:relative;z-index:10;padding:18px 0 !important;
}
.sdcc-cred-inner{gap:10px !important}
.sdcc-cred-item{
  flex:1;padding:11px 20px;border-right:1px solid var(--sdcc-line);
}
.sdcc-cred-item:last-child{border-right:0}
.sdcc-cred-icon{
  width:46px !important;height:46px !important;border-radius:14px !important;
  background:var(--sdcc-primary-soft) !important;border:1px solid #cfeaf7 !important;
}
.sdcc-cred-text strong{font-size:13px !important;color:var(--sdcc-ink) !important}
.sdcc-cred-text span{font-size:11px !important;color:var(--sdcc-muted) !important}

/* ---------- General sections ---------- */
.sdcc-section{padding:96px 0 !important}
.sdcc-section-header{margin-bottom:44px !important}
.sdcc-section-tag,.sdcc-badge-pill{
  display:inline-flex !important;align-items:center;
  background:var(--sdcc-primary-soft) !important;color:var(--sdcc-primary-dark) !important;
  border:1px solid #cfeaf7 !important;border-radius:999px !important;
  padding:7px 14px !important;font-size:10px !important;font-weight: 700 !important;
  letter-spacing:1px !important;text-transform:uppercase !important;
}
.sdcc-badge-pill.gold{background:#fff7df !important;color:#9c6905 !important;border-color:#f4df9c !important}
.sdcc-bg-light{background:var(--sdcc-surface) !important}
.sdcc-title-accent:after{background:var(--sdcc-accent) !important}

/* ---------- About / image blocks ---------- */
.sdcc-toddler-grid,.sdcc-about-grid{
  gap:70px !important;align-items:center !important;
}
.sdcc-crawling-baby-img,.sdcc-cdc-img{
  border-radius:0 !important;box-shadow:var(--sdcc-shadow) !important;
}
.sdcc-toddler-img-wrap:before{
  content:"";position:absolute;left:-16px;bottom:-16px;width:150px;height:150px;
  border:3px solid rgba(243,182,42,.45);border-radius:28px;z-index:-1;
}
.sdcc-toddler-title{
  font-size:clamp(30px,3.3vw,46px) !important;line-height:1.12 !important;
}
.sdcc-toddler-desc,.sdcc-lead-text,.sdcc-about-text{font-size:15px !important;color:var(--sdcc-text) !important}
.sdcc-tf-item,.sdcc-feature-card,.sdcc-about-card-box,.sdcc-fac-item{
  background:#fff !important;border:1px solid var(--sdcc-line) !important;
  border-radius:18px !important;box-shadow:0 7px 22px rgba(9,53,83,.05) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.sdcc-tf-item:hover,.sdcc-feature-card:hover,.sdcc-fac-item:hover{
  transform:translateY(-5px);box-shadow:var(--sdcc-shadow-sm) !important;border-color:#bfe3f2 !important;
}
.sdcc-tf-icon,.sdcc-fac-icon,.sdcc-fc-icon{
  background:var(--sdcc-primary-soft) !important;color:var(--sdcc-primary) !important;
  border-color:#cfeaf7 !important;border-radius:12px !important;
}
.sdcc-exp-badge{background:var(--sdcc-accent) !important;color:#263b4d !important}

/* ---------- Service cards ---------- */
.sdcc-services-grid,.sdcc-specialty-hub-grid{gap:20px !important}
.sdcc-services-grid>div,.sdcc-hub-card{
  border-radius:20px !important;border:1px solid var(--sdcc-line) !important;
  box-shadow:0 7px 22px rgba(9,53,83,.05) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
  overflow:hidden;
}
.sdcc-services-grid>div:hover,.sdcc-hub-card:hover{
  transform:translateY(-7px) !important;box-shadow:var(--sdcc-shadow) !important;
  border-color:#b9dfef !important;
}
.sdcc-services-grid>div:before{
  display:none !important;
}
.sdcc-service-hero-banner{
  border-radius:0 !important;overflow:hidden !important;
  box-shadow:var(--sdcc-shadow) !important;
}
.sdcc-sh-title{font-size:clamp(34px,4vw,54px) !important;font-weight: 700 !important}

/* ---------- Doctor ---------- */
.sdcc-chief-doctor-card{
  background:linear-gradient(135deg,#fff 0%,#f1f9fd 100%) !important;
  border:1px solid #cfe6f1 !important;border-radius:0 !important;
  box-shadow:var(--sdcc-shadow) !important;overflow:hidden;
}
.sdcc-cdc-name{font-size:28px !important;font-weight: 700 !important}
.sdcc-cdc-qual{color:var(--sdcc-primary) !important;font-weight: 600 !important}

/* ---------- Appointment ---------- */
.sdcc-home-appoint-section{background:#f8fafc !important}
.sdcc-home-appoint-grid{
  background:#fff !important;border-radius:0 !important;
  box-shadow:0 22px 60px rgba(3,42,69,.22) !important;overflow:hidden;
}
.sdcc-ha-title{font-size:36px !important;font-weight: 700 !important}
.sdcc-input-clean,.sdcc-ha-field input,.sdcc-ha-field select,.sdcc-ha-field textarea{
  border:1px solid #d5e3eb !important;border-radius:12px !important;
  min-height:48px !important;background:#fbfdfe !important;color:var(--sdcc-ink) !important;
}
.sdcc-input-clean:focus,.sdcc-ha-field input:focus,.sdcc-ha-field select:focus,.sdcc-ha-field textarea:focus{
  border-color:var(--sdcc-primary) !important;box-shadow:0 0 0 4px rgba(7,135,201,.10) !important;
}
.sdcc-btn-ha-submit,.sdcc-btn-modal-submit,.sdcc-btn-fn-submit{
  background:var(--sdcc-primary) !important;color:#fff !important;border:0 !important;
  border-radius:12px !important;font-weight: 700 !important;
}
.sdcc-btn-ha-submit:hover,.sdcc-btn-modal-submit:hover,.sdcc-btn-fn-submit:hover{
  background:var(--sdcc-primary-dark) !important;
}

/* ---------- Symptoms / FAQ / reviews ---------- */
.sdcc-symptom-card{
  background:#fff !important;border:1px solid var(--sdcc-line) !important;
  border-radius:18px !important;box-shadow:0 7px 22px rgba(9,53,83,.05) !important;
}
.sdcc-symptom-card:hover{border-color:#b8deed !important;box-shadow:var(--sdcc-shadow-sm) !important}
.sdcc-symptom-icon-box{background:var(--sdcc-primary-soft) !important;color:var(--sdcc-primary) !important}
.sdcc-faq-grid{gap:18px !important}
.sdcc-faq-accordion{
  background:#fff !important;border:1px solid var(--sdcc-line) !important;border-radius:16px !important;
  box-shadow:0 6px 18px rgba(9,53,83,.04) !important;
}
.sdcc-google-reviews-section{background:#fff !important}
.sdcc-gr-card{
  background:#f7fbfd !important;border:1px solid #dceaf1 !important;border-radius:18px !important;
}
.sdcc-gr-excellent-title{font-size:30px !important;color:var(--sdcc-ink) !important}
.sdcc-gr-stars{color:#f3b62a !important}
.sdcc-gr-summary-stars{color:#f3b62a !important}

/* ---------- Blog / gallery ---------- */
.sdcc-news-card,.sdcc-gallery-item{
  border:1px solid var(--sdcc-line) !important;border-radius:20px !important;
  overflow:hidden !important;background:#fff !important;box-shadow:0 7px 22px rgba(9,53,83,.05) !important;
}
.sdcc-news-card{transition:.25s ease}
.sdcc-news-card:hover{transform:translateY(-6px);box-shadow:var(--sdcc-shadow) !important}
.sdcc-news-category{color:var(--sdcc-primary) !important;font-weight: 700 !important}

/* ---------- Inner page banner ---------- */
.sdcc-page-banner{
  min-height:320px !important;display:flex !important;align-items:center !important;
  background-position:center !important;background-size:cover !important;
  position:relative;overflow:hidden;
}
.sdcc-page-banner:after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(4,43,70,.92),rgba(4,72,104,.68),rgba(4,72,104,.18));
}
.sdcc-page-banner>*{position:relative;z-index:2}
.sdcc-page-banner h1,.sdcc-page-banner h2{color:#fff !important;font-size:clamp(36px,5vw,58px) !important;font-weight: 700 !important}
.sdcc-breadcrumbs,.sdcc-breadcrumbs *{text-shadow:none !important}

/* ---------- Contact / tables ---------- */
.sdcc-contact-info-grid{gap:18px !important}
.sdcc-sd-widget,.sdcc-contact-info-grid>div{
  border-radius:18px !important;border:1px solid var(--sdcc-line) !important;
  box-shadow:0 7px 22px rgba(9,53,83,.05) !important;background:#fff !important;
}
.sdcc-sd-h2{font-size:34px !important;font-weight: 700 !important}
.sdcc-table-responsive{border-radius:16px !important;overflow:auto !important;border:1px solid var(--sdcc-line)}
.sdcc-table-responsive table{width:100%;border-collapse:collapse;background:#fff}
.sdcc-table-responsive th{background:var(--sdcc-primary-deep) !important;color:#fff !important;font-weight: 600 !important}
.sdcc-table-responsive td,.sdcc-table-responsive th{padding:13px 15px !important;border-bottom:1px solid var(--sdcc-line) !important}

/* ---------- Footer ---------- */
.sdcc-dark-footer{
  background:linear-gradient(135deg,#052f4f 0%,#063b63 55%,#075f88 100%) !important;
  color:#d9edf7 !important;border:0 !important;
}
.sdcc-dark-footer h3,.sdcc-dark-footer .sdcc-df-col-title{color:#fff !important}
.sdcc-df-grid{gap:42px !important}
.sdcc-df-brand-name{font-size:22px !important;color:#fff !important;font-weight: 700 !important}
.sdcc-df-logo-img{width:82px !important;height:82px !important;object-fit:contain !important}
.sdcc-df-links-list a{color:#cde6f2 !important}
.sdcc-df-links-list a:hover{color:#ffd96e !important}
.sdcc-df-call-card{background:rgba(255,255,255,.08) !important;border:1px solid rgba(255,255,255,.14) !important;border-radius:16px !important}
.sdcc-df-bottom-bar{border-top:1px solid rgba(255,255,255,.12) !important}
.sdcc-df-credit-text{color:#a8c8d8 !important}
.sdcc-floating-whatsapp-btn{
  width:58px !important;height:58px !important;border-radius:50% !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18) !important;
}

/* ---------- Appointment modal ---------- */
.sdcc-modal-overlay{background:rgba(2,27,45,.72) !important;backdrop-filter:blur(5px)}
.sdcc-modal-box{
  border-radius:24px !important;box-shadow:0 28px 90px rgba(0,0,0,.28) !important;border:1px solid #d8e7ee !important;
}
.sdcc-modal-header{background:var(--sdcc-primary-deep) !important;color:#fff !important}
.sdcc-modal-close{color:#fff !important}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .sdcc-header-info-blocks{display:none !important}
  .sdcc-hero-slider{height:590px !important;min-height:590px !important}
  .sdcc-slide-content-box{max-width:690px !important}
}
@media (max-width:820px){
  .sdcc-container{padding-left:18px !important;padding-right:18px !important}
  .sdcc-hero-slider{height:650px !important;min-height:650px !important}
  .sdcc-slide-overlay{background:linear-gradient(90deg,rgba(4,36,61,.94),rgba(4,45,72,.72)) !important}
  .sdcc-hero-title-main{font-size:42px !important;letter-spacing:-1.2px !important}
  .sdcc-hero-bullet-list{grid-template-columns:1fr !important}
  .sdcc-cred-item{border-right:0;border-bottom:1px solid var(--sdcc-line);padding:12px 0}
  .sdcc-cred-item:last-child{border-bottom:0}
  .sdcc-section{padding:70px 0 !important}
}
@media (max-width:600px){
  .sdcc-header-top{padding:8px 0 !important}
  .sdcc-img-logo,.custom-logo{width:60px !important;height:60px !important;max-height:60px !important}
  .sdcc-brand-title{font-size:17px !important}
  .sdcc-brand-sub{font-size:8px !important}
  .sdcc-hero-slider{height:610px !important;min-height:610px !important}
  .sdcc-hero-title-main{font-size:36px !important}
  .sdcc-hero-btn-row{flex-direction:column !important;align-items:stretch !important}
  .sdcc-btn-hero-pink,.sdcc-btn-hero-call,.sdcc-btn-hero-outline{width:100% !important;text-align:center !important}
.sdcc-services-grid .sdcc-btn-hero-pink,
.sdcc-services-grid .sdcc-btn-hero-call {
  width: 50% !important;
  display: inline-block !important;
}
  .sdcc-toddler-grid,.sdcc-about-grid{gap:38px !important}
  .sdcc-toddler-title{font-size:31px !important}
  .sdcc-ha-title,.sdcc-sd-h2{font-size:28px !important}
}


/* ==========================================================================
   RESPONSIVE PATCH v2.0.1
   The original homepage contains several inline grid declarations. These
   rules intentionally use !important so the layouts cannot collapse into
   tiny multi-column cards on phones/tablets.
   ========================================================================== */

/* Establish predictable desktop layout for all homepage grids. */
.sdcc-toddler-grid,
.sdcc-about-grid,
.sdcc-home-appoint-grid{
  display:grid !important;
}
.sdcc-services-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.sdcc-symptom-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.sdcc-news-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.sdcc-gallery-grid{ display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
.sdcc-specialty-hub-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}
.sdcc-gr-layout{
  display:grid !important;
}
.sdcc-gr-cards-grid{
  display:grid !important;
}

/* Prevent long text / images from forcing a grid wider than the viewport. */
.sdcc-container,
.sdcc-section,
.sdcc-section > *,
.sdcc-toddler-grid > *,
.sdcc-about-grid > *,
.sdcc-home-appoint-grid > *,
.sdcc-services-grid > *,
.sdcc-symptom-grid > *,
.sdcc-news-grid > *,
.sdcc-gallery-grid > *,
.sdcc-specialty-hub-grid > *{
  min-width:0 !important;
}
img,video,iframe{
  max-width:100%;
}

/* Tablet */
@media (max-width: 992px){
  .sdcc-services-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .sdcc-symptom-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .sdcc-news-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .sdcc-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
  .sdcc-specialty-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .sdcc-toddler-grid,
  .sdcc-about-grid,
  .sdcc-home-appoint-grid{
    grid-template-columns:1fr !important;
  }
  .sdcc-cred-inner{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

/* Phone */
@media (max-width: 768px){
  .sdcc-container{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    box-sizing:border-box !important;
  }

  .sdcc-section{
    width:100% !important;
    overflow:hidden !important;
    padding-top:58px !important;
    padding-bottom:58px !important;
  }

  /* One clean card per row on mobile. */
  .sdcc-services-grid,
  .sdcc-specialty-hub-grid,
  .sdcc-symptom-grid,
  .sdcc-news-grid,
  .sdcc-gallery-grid,
  .sdcc-gr-cards-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
  }

  .sdcc-toddler-grid,
  .sdcc-about-grid,
  .sdcc-home-appoint-grid,
  .sdcc-why-choose-grid,
  .sdcc-footer-newsletter-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:28px !important;
    width:100% !important;
  }

  /* Inline styles on gallery/news/cards are deliberately overridden. */
  .sdcc-gallery-grid[style],
  .sdcc-news-grid[style],
  .sdcc-services-grid[style],
  .sdcc-symptom-grid[style]{
    grid-template-columns:1fr !important;
  }

  .sdcc-gallery-item,
  .sdcc-news-card,
  .sdcc-service-card,
  .sdcc-feature-card,
  .sdcc-symptom-card,
  .sdcc-hub-card{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  .sdcc-gallery-item img,
  .sdcc-news-card img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    object-fit:cover !important;
  }

  /* Trust strip becomes compact 2-column, then 1-column if needed. */
  .sdcc-cred-inner{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
  }
  .sdcc-cred-item{
    border-right:0 !important;
    border-bottom:1px solid var(--sdcc-line) !important;
    padding:10px 6px !important;
  }

  /* Appointment card must never create horizontal overflow. */
  .sdcc-home-appoint-grid{
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .sdcc-ha-field,
  .sdcc-ha-row,
  .sdcc-ha-form,
  .sdcc-ha-content{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
  .sdcc-ha-row{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  /* Inner page content */
  .sdcc-service-detail-layout,
  .sdcc-milestones-grid,
  .sdcc-advice-grid,
  .sdcc-contact-info-grid{
    grid-template-columns:1fr !important;
  }

  /* Prevent headings / buttons from being squeezed into narrow columns. */
  .sdcc-section-header,
  .sdcc-section-header > *,
  .sdcc-hero-btn-row{
    max-width:100% !important;
  }
  .sdcc-hero-btn-row{
    flex-wrap:wrap !important;
  }
}

/* Small phones */
@media (max-width: 480px){
  .sdcc-cred-inner{grid-template-columns:1fr !important}
  .sdcc-cred-item{border-bottom:1px solid var(--sdcc-line) !important}
  .sdcc-hero-slider{
    height:610px !important;
    min-height:610px !important;
  }
  .sdcc-section{
    padding-top:50px !important;
    padding-bottom:50px !important;
  }
  .sdcc-section-header{
    margin-bottom:30px !important;
  }
}

/* Universal fix for horizontal scrolling */
html, body { overflow-x: hidden !important; width: 100%; max-width: 100%; margin: 0; padding: 0; }


/* ============================================================
   COMPREHENSIVE MOBILE RESPONSIVE PATCH v2.1
   Targets inline style grids on all inner pages
   ============================================================ */

@media (max-width: 768px) {

  /* ---- Global inline grid overrides ---- */
  [style*="grid-template-columns"] {
    grid-template-columns: 1fr !important;
  }
  [style*="grid-template-columns: 1fr 1fr"],
  [style*="grid-template-columns:1fr 1fr"],
  [style*="grid-template-columns: 220px 1fr"],
  [style*="grid-template-columns: 360px 1fr"],
  [style*="grid-template-columns:repeat(3, 1fr)"],
  [style*="grid-template-columns:repeat(3,1fr)"],
  [style*="grid-template-columns:repeat(4, 1fr)"],
  [style*="grid-template-columns:repeat(4,1fr)"],
  [style*="grid-template-columns: repeat(3, 1fr)"],
  [style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* ---- About Page ---- */
  .sdcc-toddler-grid,
  .sdcc-toddler-img-wrap,
  .sdcc-toddler-content {
    grid-column: 1 !important;
    width: 100% !important;
  }

  /* ---- Service Detail Pages (Pediatric, Derm, Gynec etc.) ---- */
  .sdcc-service-detail-layout {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
  }
  .sdcc-sd-main-col,
  .sdcc-sd-sidebar-col {
    width: 100% !important;
    min-width: 0 !important;
  }
  .sdcc-sd-widget {
    margin-bottom: 16px !important;
  }

  /* ---- Specialty Hub Cards (Services page) ---- */
  .sdcc-specialty-hub-grid,
  .sdcc-specialty-hub-grid[style] {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  /* ---- Doctor profile page ---- */
  .sdcc-chief-doctor-card[style] {
    grid-template-columns: 1fr !important;
    padding: 20px !important;
  }

  /* ---- About page hospital photos 4-grid ---- */
  .sdcc-hospital-photos-grid[style],
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }

  /* ---- Contact & Location section ---- */
  .sdcc-contact-info-grid,
  .sdcc-contact-map-grid {
    grid-template-columns: 1fr !important;
  }

  /* ---- OPD Table - horizontal scroll ---- */
  .sdcc-table-responsive {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .sdcc-table-responsive table {
    min-width: 600px !important;
  }

  /* ---- Services CTA Banner ---- */
  .sdcc-cta-banner-box {
    padding: 28px 18px !important;
  }
  .sdcc-cta-banner-box .sdcc-btn {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 !important;
  }

  /* ---- Appointment Modal ---- */
  .sdcc-modal-box {
    max-width: 96% !important;
    padding: 16px 14px !important;
    margin: 10px auto !important;
    max-height: 92vh !important;
    overflow-y: auto !important;
  }
  .sdcc-form-row {
    flex-direction: column !important;
    gap: 12px !important;
  }
  .sdcc-form-group {
    width: 100% !important;
  }
  .sdcc-modal-header {
    padding: 16px !important;
  }
  .sdcc-modal-header h3 {
    font-size: 18px !important;
  }
  .sdcc-modal-header p {
    font-size: 12px !important;
  }

  /* ---- Header info blocks (top bar) ---- */
  .sdcc-header-info-blocks {
    display: none !important;
  }
  .sdcc-header-top-inner {
    justify-content: space-between !important;
  }

  /* ---- Navbar ---- */
  .sdcc-navbar-bottom-inner {
    flex-wrap: wrap !important;
  }
  .sdcc-nav-cta {
    display: none !important;
  }

  /* ---- Footer grid ---- */
  .sdcc-df-grid {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .sdcc-footer-newsletter-row {
    flex-direction: column !important;
    gap: 16px !important;
  }
  .sdcc-fn-form {
    flex-direction: column !important;
    gap: 10px !important;
  }
  .sdcc-fn-input,
  .sdcc-btn-fn-submit {
    width: 100% !important;
  }

  /* ---- Section hero banner text ---- */
  .sdcc-service-hero-banner h1,
  .sdcc-sh-title {
    font-size: 26px !important;
  }
  .sdcc-service-hero-banner p,
  .sdcc-sh-sub {
    font-size: 14px !important;
  }

  /* ---- Dr. page card ---- */
  div[style*="grid-template-columns: 360px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }
  div[style*="grid-template-columns: 220px 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  /* ---- Parenting & vaccination pages ---- */
  .sdcc-milestone-grid,
  .sdcc-advice-grid,
  .sdcc-vaccine-grid {
    grid-template-columns: 1fr !important;
  }

  /* ---- General buttons row ---- */
  div[style*="display:flex; gap:14px"],
  div[style*="display: flex; gap"] {
    flex-wrap: wrap !important;
  }
  div[style*="display:flex; gap:14px"] a,
  div[style*="display:flex; gap:14px"] button {
    width: 100% !important;
  }

  /* ---- OPD summary section (about/services) ---- */
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }

  /* ---- Prevent overflow ---- */
  .sdcc-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
    overflow-x: hidden !important;
  }
  img {
    max-width: 100% !important;
    height: auto !important;
  }
}

@media (max-width: 480px) {
  /* 4-col photo grids become 1-col on very small screens */
  div[style*="grid-template-columns:repeat(4,1fr)"],
  div[style*="grid-template-columns: repeat(4, 1fr)"] {
    grid-template-columns: 1fr !important;
  }
  .sdcc-opd-summary-table-block h2 {
    font-size: 20px !important;
  }
  .sdcc-cta-banner-box h3 {
    font-size: 20px !important;
  }
}

@media (max-width: 768px) {
  .sdcc-hero-subtag {
    display: inline-flex !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: calc(100vw - 40px) !important;
    font-size: 11px !important;
    padding: 6px 12px !important;
    letter-spacing: 0.8px !important;
  }
  .sdcc-hero-subtag:before {
    flex-shrink: 0 !important;
    width: 7px !important;
    height: 7px !important;
  }
}

@media (max-width: 380px) {
  .sdcc-hero-subtag {
    font-size: 10px !important;
    padding: 5px 10px !important;
    letter-spacing: 0.5px !important;
    max-width: calc(100vw - 32px) !important;
  }
}

@media (max-width: 768px) {
  .sdcc-slide-content-box {
    max-width: 100% !important;
    padding: 24px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .sdcc-hero-slider-wrap,
  .sdcc-hero-slider,
  .sdcc-slide {
    overflow: hidden !important;
  }
}

/* WhatsApp Floating Button */
.sdcc-whatsapp-float {
    position: fixed;
    bottom: 25px;
    right: 25px;
    width: 60px;
    height: 60px;
    background-color: #25d366;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 2px 2px 3px #999;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.sdcc-whatsapp-float:hover {
    background-color: #128C7E;
    color: #FFF;
    transform: translateY(-3px);
    box-shadow: 2px 5px 8px rgba(0,0,0,0.3);
}

@media (max-width: 768px) {
    .sdcc-whatsapp-float {
        width: 50px;
        height: 50px;
        bottom: 20px;
        right: 20px;
    }
    .sdcc-whatsapp-float svg {
        width: 26px;
        height: 26px;
    }
}

.sdcc-hero-bullet-list li {
  line-height: 1.5 !important;
}

.sdcc-hero-bullet-list li {
  line-height: 1.5 !important;
  align-items: flex-start !important;
}
.sdcc-hero-bullet-list li .sdcc-bullet-icon {
  margin-top: 2px !important;
}



/* About Page Location Section */
.sdcc-about-location-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 50px !important;
    align-items: center !important;
}
@media (max-width: 992px) {
    .sdcc-about-location-grid {
        grid-template-columns: 1fr !important;
        gap: 30px !important;
    }
}

/* Pediatric Services Grid */
.sdcc-pediatric-services-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}
@media (max-width: 768px) {
    .sdcc-pediatric-services-grid {
        grid-template-columns: 1fr !important;
    }
}