/* ============================================================
   SHREEYASH MEDICALS — Responsive CSS v2
   ============================================================ */

/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: "Inter", sans-serif; background: #fff; color: #101828; -webkit-font-smoothing: antialiased; }
a { text-decoration: none; color: inherit; }
ul, ol, menu { list-style: none; }
img { max-width: 100%; display: block; }

/* Wrappers */
.customize-pharmacy-ui-kit, .p-q, .main-content { width: 100%; }

/* ══════════════════════════════════════════
   NAVIGATION  (now lives outside .section)
   ══════════════════════════════════════════ */
.header {
  background: rgba(255,255,255,0.97);
  border-bottom: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(0,0,0,.08);
  position: sticky;
  top: 0;
  z-index: 200;           /* above everything */
  padding: 0 clamp(16px, 6vw, 120px);
}

.navigation {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 66px;
  gap: 16px;
}

/* Logo */
.link {
  display: flex; flex-direction: row; gap: 10px; align-items: center; flex-shrink: 0;
}
.container4 { width: 39px; height: 39px; flex-shrink: 0; overflow: hidden; border-radius: 4px; }
.chat-gpt-image-feb-16-2026-02-31-10-pm-1 {
  width: 39px; height: 39px; object-fit: cover;
  position: static; transform: none;   /* override Figma rotate */
  display: block;
}
.text { flex-shrink: 0; }
.shreeyash-medicals { color: #101828; font-size: clamp(15px,2vw,20px); font-weight: 700; letter-spacing: -0.45px; white-space: nowrap; }

/* Hamburger button — hidden on desktop */
.nav-toggle {
  display: none; flex-direction: column; gap: 5px;
  cursor: pointer; background: none; border: none; padding: 6px; flex-shrink: 0;
  order: 3;     /* push to right on mobile */
}
.nav-toggle span { display: block; width: 24px; height: 2.5px; background: #101828; border-radius: 2px; transition: .3s; }

/* Nav links row */
.container5 {
  display: flex; flex-direction: row; gap: clamp(16px,3vw,48px); align-items: center;
}
.link2, .link3, .link4 { position: static; width: auto; height: auto; display: inline-block; }
.services, .about, .contact {
  color: #364153; font-size: 16px; font-weight: 500; letter-spacing: -0.31px;
  transition: color .2s; display: block;
}
.link2:hover .services, .link3:hover .about, .link4:hover .contact { color: #00a63e; }

/* CTA group */
.container6 { display: flex; flex-direction: row; gap: 10px; align-items: center; flex-shrink: 0; }
.button { display: flex; align-items: center; gap: 6px; padding: 8px 10px; }
.vector { width: 18px; height: 18px; flex-shrink: 0; position: static; }
._91-940443280 { color: #0a0a0a; font-size: 14px; font-weight: 500; white-space: nowrap; position: static; width: auto; display: inline-block; }
.button2 { background: #00a63e; border-radius: 8px; padding: 8px 16px; display: inline-flex; align-items: center; justify-content: center; position: static; transition: opacity .2s; }
.button2:hover { opacity: .88; }
.order-on-whats-app { color: #fff; font-size: 14px; font-weight: 500; white-space: nowrap; display: block; }

/* ══════════════════════════════════════════
   HERO SECTION
   ══════════════════════════════════════════ */
.section {
  background: linear-gradient(135deg, #eff6ff 0%, #ffffff 50%, #ecfeff 100%);
  position: relative;
  overflow: hidden;   /* only clips the decorative blobs inside .container */
}

/* Decorative blobs container — absolutely covers .section */
.container { position: absolute; inset: 0; pointer-events: none; z-index: 0; }
.container2 {
  background: #bedbff; border-radius: 50%; opacity: 0.3;
  width: 322px; height: 322px; position: absolute; right: -80px; top: -164px; filter: blur(64px);
}
.container3 {
  background: #a2f4fd; border-radius: 50%; opacity: 0.3;
  width: 300px; height: 300px; position: absolute; left: -160px; bottom: -60px; filter: blur(64px);
}

/* Hero two-column row */
.container7 {
  position: relative; z-index: 1;
  display: flex; flex-direction: row; align-items: center; justify-content: space-between;
  gap: clamp(24px,4vw,64px);
  padding: clamp(48px,6vw,80px) clamp(16px,7vw,120px) clamp(56px,7vw,96px);
}

/* Left text column */
.container8 { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 14px; }

/* Licensed badge */
.container9 {
  background: #dcfce7; border-radius: 999px; width: fit-content;
  padding: 6px 14px 6px 8px; display: flex; align-items: center; gap: 8px; position: static;
}
.icon { width: 22px; height: 22px; position: static; flex-shrink: 0; }
.text3 { position: static; }
.licensed-trusted { color: #00a63e; font-size: 14px; font-weight: 500; position: static; }

/* Headline */
.container10, .heading-1 { position: static; width: auto; }
.your-health-our-priority {
  font-family: "ArchivoBlack", "Arial Black", sans-serif;
  font-size: clamp(36px, 5.5vw, 72px); line-height: 1.12; font-weight: 900; position: static;
}
.your-health-our-priority-span { color: #101828; }
.your-health-our-priority-span2 { color: #00a63e; }

/* Sub-text */
.paragraph { position: static; width: auto; }
.experience-compassionate-expert-healthcare-from-t {
  color: #4a5565; font-size: clamp(15px,1.8vw,20px); line-height: 1.65; font-weight: 400;
  max-width: 480px; position: static; width: auto;
}

/* Hero CTA */
.container11 { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; position: static; width: auto; height: auto; margin-top: 8px; }
.button3 {
  background: #00a63e; border-radius: 8px; padding: 12px 26px;
  display: inline-flex; align-items: center; justify-content: center;
  box-shadow: 0 4px 6px -4px rgba(0,166,62,.3), 0 10px 15px -3px rgba(21,93,252,.25);
  transition: opacity .2s; position: static; width: auto; height: auto;
}
.button3:hover { opacity: .9; }
.button3 .order-on-whats-app { color: #fff; font-size: 16px; font-weight: 500; }

/* Right image column */
.container12 {
  flex-shrink: 0;
  width: clamp(260px, 42vw, 580px);
  aspect-ratio: 4 / 3;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25);
  position: relative;
}
.image-healthcare-professional-consulting-with-patient {
  width: 100%; height: 100%;
  background-size: cover !important; background-position: center !important;
  position: static;
}
.pexels-photo-7615562-1 { display: none; }

/* 98% satisfaction badge — overlaid on image */
.container13 {
  background: #fff; border-radius: 14px; padding: 14px 18px;
  display: inline-flex; flex-direction: column; gap: 4px;
  box-shadow: 0 8px 10px -6px rgba(0,0,0,.1), 0 20px 25px -5px rgba(0,0,0,.1);
  position: absolute; bottom: 20px; left: 20px;
}
.container14 { display: flex; flex-direction: row; gap: 12px; align-items: center; position: static; }
.container15 { background: #dcfce7; border-radius: 50%; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static; }
.icon2 { width: 24px; height: 24px; position: static; }
.container16 { display: flex; flex-direction: column; gap: 2px; position: static; }
.paragraph2, .paragraph3 { position: static; width: auto; height: auto; }
._98 { color: #101828; font-size: 24px; font-weight: 700; line-height: 1.2; position: static; }
.customer-satisfaction { color: #4a5565; font-size: 14px; font-weight: 400; white-space: nowrap; position: static; }

/* ══════════════════════════════════════════
   SERVICES
   ══════════════════════════════════════════ */
.section2 {
  background: linear-gradient(180deg,#fff 0%,#f9fafb 100%);
  padding: clamp(48px,6vw,80px) clamp(16px,6vw,120px);
  position: static; height: auto;
}
.container17 { display: flex; flex-direction: column; gap: 48px; position: static; width: auto; height: auto; }
.container18 { text-align: center; position: static; height: auto; }

.heading-2 { position: static; width: auto; height: auto; margin-bottom: 14px; }
.our-services { color: #101828; font-size: clamp(28px,4vw,48px); font-weight: 700; letter-spacing: .35px; position: static; width: auto; text-align: center; }

.paragraph4 { max-width: 620px; margin: 0 auto; position: static; width: auto; height: auto; }
.comprehensive-healthcare-services-designed-around { color: #4a5565; font-size: clamp(15px,1.6vw,18px); line-height: 1.65; font-weight: 400; position: static; width: auto; text-align: center; }

/* 3-column services grid */
.container19 { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap: 24px; position: static; height: auto; }

.container20,.container22,.container24,.container26,.container28,.container30 {
  background: #fff; border-radius: 14px; border: 2px solid rgba(0,0,0,.1);
  padding: 32px; display: flex; flex-direction: column; gap: 18px;
  position: static; width: auto; height: auto;
}
.container21,.container23,.container25,.container27,.container29,.container31 {
  border-radius: 14px; width: 56px; height: 56px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static;
}
.container21 { background: #dbeafe; }
.container23 { background: #ffe2e2; }
.container25 { background: #f3e8ff; }
.container27 { background: #ffedd4; }
.container29 { background: #dcfce7; }
.container31 { background: #cefafe; }
.icon3,.icon4,.icon5,.icon6,.icon7,.icon8 { width: 28px; height: 28px; flex-shrink: 0; position: static; }
.heading-3 { position: static; width: auto; height: auto; }
.prescription-medicines,.otc-healthcare-products,.baby-care-personal-care,
.surgical-supplement,.homeopathy,.ayurvedic-medicines {
  color: #101828; font-size: 20px; font-weight: 600; letter-spacing: -0.45px; line-height: 1.4; position: static;
}
.paragraph5 { position: static; width: auto; height: auto; flex-shrink: 0; }
.connect-with-board-certified-doctors-via-secure-vi,
.book-appointments-24-7-with-our-intuitive-scheduli,
.get-prescriptions-sent-directly-to-your-preferred,
.access-healthcare-whenever-you-need-it-our-team-i,
.your-health-data-is-protected-with-bank-level-encr,
.manage-your-health-on-the-go-with-our-i-os-and-andr {
  color: #4a5565; font-size: 16px; line-height: 1.65; font-weight: 400; position: static; width: auto;
}

/* ══════════════════════════════════════════
   DOCTOR CONSULTATION
   ══════════════════════════════════════════ */
.section3 {
  position: relative;
  overflow: hidden;
  padding: 0;          /* bg fills full section; content padded inside */
}

/* Full-section background — light blue gradient + blur blobs */
.section3-bg {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
}
.rectangle-651 {
  position: absolute; inset: 0;
  background: linear-gradient(81deg, rgba(220,234,255,1) 0%, rgba(232,241,255,.6) 100%);
}
.ellipse-73 { background: rgba(42,167,255,.35); border-radius: 50%; width: 260px; height: 260px; position: absolute; left: -40px; bottom: -60px; filter: blur(110px); }
.ellipse-8  { background: rgba(42,167,255,.5);  border-radius: 50%; width: 260px; height: 260px; position: absolute; right: 30%; top: -40px; filter: blur(110px); }
.ellipse-7  { background: rgba(42,167,255,.35); border-radius: 50%; width: 260px; height: 260px; position: absolute; right: 20%; bottom: -40px; filter: blur(110px); }
.ellipse-5  { background: rgba(42,167,255,.35); border-radius: 50%; width: 260px; height: 260px; position: absolute; left: 30%; bottom: -40px; filter: blur(110px); }

/* Row: text LEFT, image RIGHT */
.container32 {
  position: relative; z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: flex-end;          /* image sits on bottom, text centred */
  justify-content: space-between;
  gap: clamp(24px, 4vw, 60px);
  padding: clamp(48px,6vw,80px) clamp(16px,6vw,120px) 0;
  min-height: 520px;
}

/* LEFT: text column */
.frame-1000011426 {
  flex: 1; min-width: min(260px,100%);
  display: flex; flex-direction: column; gap: 28px;
  position: relative; z-index: 2;
  padding-bottom: clamp(48px,5vw,80px);
}
.frame-1000011425 { display: flex; flex-direction: column; gap: 16px; }
.doctor-consultation {
  font-family: "ArchivoBlack","Arial Black",sans-serif;
  font-size: clamp(36px,5.5vw,72px); line-height: 1.05; font-weight: 900;
  position: static; display: block;
}
.doctor-consultation-span { color: #07003b; display: block; line-height: 1.05; }
.doctor-consultation-span2 { color: #155dfc; display: block; line-height: 1.05; }
.connect-instantly-with-a-24-x-7-specialist-or-choose-to-video-visit-a-particular-doctor {
  color: rgba(7,0,59,.72); font-family: "Poppins",sans-serif;
  font-size: clamp(14px,1.5vw,18px); line-height: 1.75; font-weight: 400;
  max-width: 440px; position: static; width: auto;
}
.button4 {
  background: #155dfc; border-radius: 8px; padding: 13px 30px;
  display: inline-flex; align-items: center; justify-content: center;
  width: fit-content; cursor: pointer;
  box-shadow: 0 10px 15px -3px rgba(21,93,252,.35);
  transition: opacity .2s; position: static; height: auto;
}
.button4:hover { opacity: .88; }
.consult-now { color: #fff; font-size: 16px; font-weight: 600; letter-spacing: -0.1px; position: static; }

/* RIGHT: image column */
.section3-image-col {
  flex-shrink: 0;
  width: clamp(260px, 44vw, 560px);
  position: relative;
  z-index: 2;
  /* image sits at bottom of section, bleeds up out of circle */
  display: flex;
  align-items: flex-end;
}

/* Blue circle — positioned in upper-right of the image column */
.ellipse-3 {
  background: #155dfc;
  border-radius: 50%;
  width: 78%;
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}

/* Doctor image — bleeds below circle, sits on top */
.png-item-1939059-2 {
  position: relative; z-index: 1;
  width: 90%;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  /* push top of image into the circle area */
  margin-top: -8%;
  filter: drop-shadow(0 8px 24px rgba(0,0,0,.12));
}

/* Floating card: Regular Checkup — mid-left of image column */
.group-1002 {
  position: absolute;
  left: -4%;
  top: 38%;
  z-index: 4;
}
.rectangle-9 {
  background: rgba(255,255,255,.92);
  border-radius: 20px;
  padding: 12px 18px;
  display: flex; align-items: center; gap: 12px;
  box-shadow: 0 4px 24px rgba(42,167,255,.18);
  backdrop-filter: blur(12px);
  white-space: nowrap;
}
.group-919 { width: 40px; height: 40px; flex-shrink: 0; position: static; }
.regular-checkup {
  color: rgba(7,0,59,.85); font-family: "Poppins",sans-serif;
  font-size: 14px; font-weight: 600; line-height: 1.3; position: static; width: auto;
}

/* Floating card: 84k+ Happy Customers — bottom-right */
.div-elementor-widget-container {
  background: rgba(255,255,255,.92);
  border-radius: 20px;
  padding: 12px 18px;
  display: flex; align-items: center; gap: 12px;
  box-shadow: 0 4px 24px rgba(42,167,255,.18);
  backdrop-filter: blur(12px);
  position: absolute; bottom: 12%; right: -2%; z-index: 4;
  white-space: nowrap;
}
.svg-h-2-d-63-a-39-c-21 { width: 42px; height: 42px; flex-shrink: 0; position: static; }
.frame2 { width: 42px; height: 42px; position: static; display: block; }
.customers-text { display: flex; flex-direction: column; gap: 1px; }
._84-k { color: #1b3c74; font-family: "Poppins",sans-serif; font-size: 20px; font-weight: 700; position: static; width: auto; line-height: 1.2; }
.happy-patients { color: #77829d; font-family: "Poppins",sans-serif; font-size: 13px; font-weight: 400; position: static; width: auto; }

/* hide unused Figma artefacts */
.svg-h-2-d-32016369,.frame,.group-916,.group-915,.award-1,.medal-1,.group-1001,.group-917,.group-918,.group-920,.group-999,.group-899 { display: none; }

/* ══════════════════════════════════════════
   WHY CHOOSE US
   ══════════════════════════════════════════ */
.section4 { background: #fff; padding: clamp(48px,6vw,80px) clamp(16px,6vw,120px); position: static; height: auto; overflow: visible; }
.container33 { display: none; }
.container34 { display: flex; flex-direction: column; gap: 48px; position: static; width: auto; height: auto; }

/* Shared heading block reused inside section4 — override container32 layout */
.section4 .container32 {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 14px; min-height: auto;
}
/* Hide section3-specific bg children if somehow present */
.section4 .container32 .section3-bg,
.section4 .container32 .section3-image-col,
.section4 .container32 .frame-1000011426 { display: none; }

.why-choose-us { color: #101828; font-size: clamp(28px,4vw,48px); font-weight: 700; letter-spacing: .35px; position: static; width: auto; }
.paragraph6 { max-width: 620px; position: static; width: auto; height: auto; }
.getting-started-is-simple-follow-these-four-easy { color: #4a5565; font-size: clamp(15px,1.6vw,20px); line-height: 1.6; font-weight: 400; position: static; width: auto; }

/* 4-column why-choose-us cards */
.container35 { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 24px; position: static; height: auto; }
.container36,.container41,.container42,.container43 {
  background: #fff; border-radius: 14px; border: 2px solid rgba(0,0,0,.1);
  padding: 32px 24px; position: relative; display: flex; flex-direction: column; gap: 16px;
  overflow: visible; height: auto;
}
.container37,.container44 { display: flex; flex-direction: column; gap: 14px; position: static; width: auto; height: auto; }
.container38 { background: #dcfce7; border-radius: 14px; width: 56px; height: 56px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: static; }
.icon9,.icon10,.icon11,.icon12 { width: 28px; height: 28px; position: static; }
.heading-32 { position: static; width: auto; height: auto; }
._100-genuine-medicines,.licensed-registered,.personalized-care,.express-local-delivery { color: #101828; font-size: 20px; font-weight: 600; line-height: 1.4; position: static; }
.paragraph7,.paragraph8 { position: static; width: auto; height: auto; }
.sign-up-in-minutes-with-our-simple-registration-pr,
.choose-from-available-time-slots-that-work-for-you,
.connect-via-secure-video-call-with-board-certified,
.receive-prescriptions-treatment-plans-and-follow { color: #4a5565; font-size: 16px; line-height: 1.65; letter-spacing: -0.31px; font-weight: 400; position: static; width: auto; }

/* Step number bubble */
.container39 {
  background: #00a63e; border-radius: 50%; width: 38px; height: 38px;
  display: flex; align-items: center; justify-content: center;
  position: absolute; top: -14px; left: -14px;
  box-shadow: 0 4px 6px -4px rgba(0,0,0,.12), 0 10px 15px -3px rgba(0,0,0,.12);
}
._01,._02,._03,._04 { color: #fff; font-size: 15px; font-weight: 700; letter-spacing: -0.44px; position: static; }
.container40 { display: none; }

/* ══════════════════════════════════════════
   TESTIMONIALS
   ══════════════════════════════════════════ */
.section5 {
  background: linear-gradient(135.35deg,rgba(0,166,62,1) 0%,rgba(0,166,62,.3) 100%);
  padding: clamp(48px,6vw,80px) clamp(16px,6vw,120px);
  position: static; height: auto;
}
.container45 { display: flex; flex-direction: column; gap: 48px; position: static; height: auto; }

/* Heading block inside section5 */
.section5 .container32 {
  display: flex; flex-direction: column; align-items: center; text-align: center;
  gap: 14px; min-height: auto; background: transparent;
}
.section5 .container32 .section3-bg,
.section5 .container32 .section3-image-col,
.section5 .container32 .frame-1000011426 { display: none; }
.section5 .heading-2 { margin-bottom: 6px; position: static; width: auto; height: auto; }
.trusted-by-thousands { color: #fff; font-size: clamp(28px,4vw,48px); font-weight: 700; letter-spacing: .35px; position: static; width: auto; }
.real-stories-from-real-patients-who-ve-transformed { color: #eff6ff; font-size: clamp(15px,1.6vw,20px); line-height: 1.55; font-weight: 400; max-width: 600px; position: static; width: auto; }

/* 3-column testimonial grid */
.container46 { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 24px; position: static; height: auto; }
.container47,.container51,.container54 { background: #fff; border-radius: 14px; border: 1px solid rgba(0,0,0,.08); padding: 28px; display: flex; flex-direction: column; gap: 16px; position: static; width: auto; height: auto; }

.container48 { display: flex; flex-direction: row; gap: 4px; align-items: center; position: static; width: auto; height: auto; }
.icon13,.icon14,.icon15,.icon16,.icon17,
.icon19,.icon20,.icon21,.icon22,.icon23,
.icon25,.icon26,.icon27,.icon28,.icon29 { width: 20px; height: 20px; flex-shrink: 0; position: static; }

.quote,.quote2 { flex: 1; position: static; width: auto; height: auto; }
.the-convenience-of-virtual-appointments-has-been,
.as-someone-managing-a-chronic-condition-having-2,
.the-mental-health-support-i-ve-received-has-been { color: #364153; font-size: 16px; line-height: 1.65; letter-spacing: -0.31px; font-weight: 400; position: static; width: auto; }

.icon18,.icon24,.icon30 { width: 28px; height: 28px; opacity: .4; position: static; flex-shrink: 0; align-self: flex-end; }

.container49,.container52,.container55 { display: flex; flex-direction: row; gap: 14px; align-items: center; border-top: 1px solid rgba(0,0,0,.1); padding-top: 16px; position: static; width: auto; height: auto; }
.image-sarah-johnson,.image-michael-chen,.image-emily-rodriguez { border-radius: 50%; width: 48px; height: 48px; object-fit: cover; flex-shrink: 0; overflow: hidden; position: static; }
.container50,.container53,.container56 { display: flex; flex-direction: column; gap: 2px; position: static; width: auto; height: auto; }
.paragraph9 { position: static; height: auto; }
.priya-kulkarni,.rajesh-patil,.dr-pravin-patil { color: #101828; font-size: 16px; font-weight: 600; letter-spacing: -0.31px; position: static; width: auto; }
.teacher,.business-owner,.healthcare-professional { color: #4a5565; font-size: 14px; font-weight: 400; letter-spacing: -0.15px; position: static; width: auto; }

/* ══════════════════════════════════════════
   FOOTER
   ══════════════════════════════════════════ */
.footer {
  background: #101828;
  padding: clamp(48px,5vw,64px) clamp(16px,5vw,80px) 0;
  display: flex; flex-direction: column; gap: 40px;
  position: static; width: 100%; height: auto;
}

.container57 { display: grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap: 40px; position: static; }

.container58 { display: flex; flex-direction: column; gap: 16px; position: static; grid-column: auto; grid-row: auto; height: auto; }
.container59 { display: flex; flex-direction: row; gap: 10px; align-items: center; position: static; height: auto; }
.heading-33 { position: static; width: auto; height: auto; }
.shreeyash-medicals2 { color: #fff; font-size: 20px; font-weight: 700; position: static; }
.paragraph10 { position: static; height: auto; }
.your-trusted-pharmacy-in-ratnagiri-committed-to-g { color: #99a1af; font-size: 16px; line-height: 1.65; font-weight: 400; position: static; width: auto; }

/* footer logo image fix */
.footer .chat-gpt-image-feb-16-2026-02-31-10-pm-1 { position: static; transform: none; width: 39px; height: 39px; }

.container60 { display: flex; flex-direction: column; gap: 16px; position: static; grid-column: auto; grid-row: auto; height: auto; }
.heading-4 { position: static; height: auto; }
.contact-details,.store-timings,.legal-information { color: #fff; font-size: 18px; font-weight: 600; line-height: 1.55; position: static; }
.list { display: flex; flex-direction: column; gap: 16px; position: static; height: auto; }
.list-item { display: flex; flex-direction: row; gap: 10px; align-items: flex-start; position: static; width: auto; height: auto; }
.icon31,.icon32,.icon33 { width: 20px; height: 20px; flex-shrink: 0; margin-top: 2px; position: static; }
.text4,.text5,.text6 { position: static; width: auto; height: auto; }
.shreeyash-medicals-1957-shri-ram-ali-ratnagiri,.info-shreeyashmedicals-com { color: #99a1af; font-size: 16px; line-height: 1.5; font-weight: 400; position: static; width: auto; }
.footer-phone-shreeyashmedicals-com { color: #99a1af; font-size: 16px; line-height: 1.5; font-weight: 400; position: static; width: auto; }

.container61 { display: flex; flex-direction: column; gap: 16px; position: static; grid-column: auto; grid-row: auto; height: auto; }
.list2 { display: flex; flex-direction: column; gap: 12px; position: static; height: auto; }
.list-item2,.list-item3 { display: flex; flex-direction: column; gap: 4px; position: static; height: auto; }
.container62,.container63,.container64 { position: static; width: auto; height: auto; }
.mon-sat,.sunday { color: #d1d5dc; font-size: 14px; font-weight: 600; line-height: 1.5; position: static; }
._9-00-am-to-10-00-pm,._9-00-am-to-2-00-pm,._5-00-pm-to-9-00-pm { color: #99a1af; font-size: 14px; font-weight: 400; line-height: 1.5; position: static; }

.container65 { display: flex; flex-direction: column; gap: 16px; position: static; grid-column: auto; grid-row: auto; height: auto; }
.container66 { display: flex; flex-direction: column; gap: 16px; position: static; height: auto; }
.container67 { display: flex; flex-direction: column; gap: 8px; position: static; height: auto; }
.container68 { position: static; height: auto; }
.drug-license-no,.gstin-no,.fssai-no { color: #d1d5dc; font-size: 14px; font-weight: 600; line-height: 1.4; position: static; }
.list3 { display: flex; flex-direction: column; gap: 4px; position: static; height: auto; }
.list-item4 { position: static; height: auto; }
._20-mh-rat-61246,._21-61247,._20-c-61248,._27-acefs-9094-c-1-z,.acefs-9094-c { color: #99a1af; font-size: 14px; font-weight: 400; line-height: 1.4; position: static; }
.container69 { display: flex; flex-direction: column; gap: 4px; position: static; height: auto; }

/* Footer bottom bar */
.container70 { border-top: 1px solid #1e2939; padding: 22px 0 26px; position: static; height: auto; }
.container71 { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; position: static; height: auto; }
.paragraph11 { position: static; width: auto; height: auto; }
._2026-shreeyash-medicals-all-rights-reserved { color: #99a1af; font-size: 14px; line-height: 1.4; letter-spacing: -0.15px; font-weight: 400; position: static; }
.container72 { display: flex; flex-direction: row; gap: 20px; align-items: center; position: static; width: auto; height: auto; }
.link5,.link6 { display: none; }
.link7 { position: static; width: auto; height: auto; }
.terms-of-service { color: #99a1af; font-size: 14px; line-height: 1.4; font-weight: 400; position: static; transition: color .2s; }
.link7:hover .terms-of-service { color: #e5e7eb; }

/* ══════════════════════════════════════════
   ADDRESS MAP LINK
   ══════════════════════════════════════════ */
.shreeyash-medicals-1957-shri-ram-ali-ratnagiri {
  color: #99a1af; font-size: 16px; line-height: 1.5; font-weight: 400;
  position: static; width: auto; display: block;
  transition: color .2s;
  text-decoration: underline; text-underline-offset: 2px; text-decoration-color: transparent;
}
a.shreeyash-medicals-1957-shri-ram-ali-ratnagiri:hover {
  color: #d1d5dc;
  text-decoration-color: #d1d5dc;
}

/* ══════════════════════════════════════════
   WHATSAPP FLOATING BUTTON
   ══════════════════════════════════════════ */
.whatsapp-float {
  position: fixed;
  bottom: 28px;
  right: 28px;
  z-index: 9999;
  background: #25d366;
  border-radius: 50%;
  width: 58px; height: 58px;
  display: flex; align-items: center; justify-content: center;
  box-shadow: 0 6px 20px rgba(37,211,102,.5), 0 2px 8px rgba(0,0,0,.15);
  transition: transform .22s ease, box-shadow .22s ease;
  text-decoration: none;
}
.whatsapp-float:hover {
  transform: scale(1.1);
  box-shadow: 0 10px 28px rgba(37,211,102,.6), 0 4px 12px rgba(0,0,0,.18);
}
.whatsapp-float svg { display: block; }

/* Pulse ring animation */
.whatsapp-float::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  background: rgba(37,211,102,.3);
  animation: wa-pulse 2s ease-out infinite;
}
@keyframes wa-pulse {
  0%   { transform: scale(1); opacity: .6; }
  70%  { transform: scale(1.35); opacity: 0; }
  100% { transform: scale(1.35); opacity: 0; }
}

/* ══════════════════════════════════════════
   RESPONSIVE BREAKPOINTS
   ══════════════════════════════════════════ */

/* ── Tablet ≤ 900px ── */
@media (max-width: 900px) {
  /* Hero stacks vertically */
  .container7 { flex-direction: column; align-items: center; }
  .container8 { align-items: center; text-align: center; max-width: 560px; }
  .experience-compassionate-expert-healthcare-from-t { max-width: 100%; }
  .container11 { justify-content: center; }
  .container12 { width: min(480px, 100%); aspect-ratio: 4/3; }

  /* Doctor Consultation — stack vertically on tablet: text top, image bottom */
  .container32 {
    flex-direction: column;
    align-items: center;
    padding: clamp(40px,5vw,60px) clamp(16px,4vw,60px) 0;
    min-height: auto;
    gap: 20px;
  }
  .section3-image-col {
    width: min(420px, 88%);
    align-self: center;
    margin-top: 0;
  }
  .frame-1000011426 {
    align-items: center; text-align: center;
    max-width: 560px;
    padding-bottom: 0;
    gap: 24px;
    order: 1;
  }
  .section3-image-col { order: 2; }
  .frame-1000011425 { gap: 10px; }
  .connect-instantly-with-a-24-x-7-specialist-or-choose-to-video-visit-a-particular-doctor {
    max-width: 100%; text-align: center;
  }
  .button4 { align-self: center; }

  /* Scale floating cards for tablet */
  .group-1002 { left: -2%; top: 35%; }
  .rectangle-9 { padding: 10px 14px; }
  .regular-checkup { font-size: 13px; }
  .div-elementor-widget-container { right: -2%; bottom: 10%; padding: 10px 14px; }
  ._84-k { font-size: 17px; }
  .happy-patients { font-size: 12px; }
}

/* ── Mobile ≤ 640px ── */
@media (max-width: 640px) {
  /* Show hamburger */
  .nav-toggle { display: flex; }

  /* Nav links panel */
  .container5 {
    display: none;
    position: fixed;
    top: 66px; left: 0; right: 0;
    flex-direction: column; gap: 0;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 6px 16px rgba(0,0,0,.1);
    z-index: 199;
    padding: 0;
  }
  .container5.open { display: flex; }
  .container5 .link2, .container5 .link3, .container5 .link4 {
    display: block;
    padding: 16px clamp(16px,5vw,40px);
    border-bottom: 1px solid #f3f4f6;
  }
  .container5 .services, .container5 .about, .container5 .contact { font-size: 17px; }

  /* CTA panel */
  .container6 {
    display: none;
    position: fixed;
    top: calc(66px + 3 * 54px);
    left: 0; right: 0;
    flex-direction: column; align-items: stretch;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 6px 16px rgba(0,0,0,.1);
    z-index: 199;
    padding: 12px clamp(16px,5vw,40px) 20px;
    gap: 10px;
  }
  .container6.open { display: flex; }
  .container6 .button { justify-content: center; padding: 10px; }
  .container6 .button2 { justify-content: center; padding: 12px 16px; }

  /* ── Doctor section mobile layout ── */
  /* Text FIRST (top), image SECOND (bottom) */
  .container32 {
    flex-direction: column;        /* normal: text top, image bottom */
    align-items: center;
    padding: 36px 20px 0;
    gap: 8px;
    min-height: auto;
  }
  .frame-1000011426 {
    align-items: center;
    text-align: center;
    padding-bottom: 0;
    gap: 20px;
    order: 1;                     /* text first */
    width: 100%;
  }
  .frame-1000011425 { gap: 10px; }
  .doctor-consultation { font-size: clamp(36px,5.5vw,72px); }
  .connect-instantly-with-a-24-x-7-specialist-or-choose-to-video-visit-a-particular-doctor {
    font-size: 15px; max-width: 100%; text-align: center;
  }
  .button4 { align-self: center; width: auto; padding: 12px 26px; }

  /* Image column — below text, floating cards visible inside it */
  .section3-image-col {
    order: 2;                     /* image second */
    width: 100%;
    max-width: 360px;
    align-self: center;
    margin-top: 16px;
  }
  .ellipse-3 { width: 72%; top: 4%; right: 8%; }
  .png-item-1939059-2 { width: 85%; margin-top: -4%; }

  /* Show floating cards on mobile — smaller & repositioned */
  .group-1002 {
    display: block;
    position: absolute;
    left: 0%;
    top: 40%;
    z-index: 4;
  }
  .rectangle-9 {
    padding: 8px 12px;
    gap: 8px;
    border-radius: 14px;
  }
  .group-919 { width: 30px; height: 30px; }
  .regular-checkup { font-size: 11px; }

  .div-elementor-widget-container {
    display: flex;
    position: absolute;
    bottom: 8%;
    right: 0%;
    padding: 8px 12px;
    gap: 8px;
    border-radius: 14px;
    z-index: 4;
  }
  .svg-h-2-d-63-a-39-c-21 { width: 30px; height: 30px; }
  .frame2 { width: 30px; height: 30px; }
  ._84-k { font-size: 14px; }
  .happy-patients { font-size: 10px; }

  /* Grids → single column */
  .container19 { grid-template-columns: 1fr; }
  .container35 { grid-template-columns: 1fr; }
  .container46 { grid-template-columns: 1fr; }
  .container57 { grid-template-columns: 1fr; gap: 28px; }

  .container71 { flex-direction: column; align-items: flex-start; gap: 8px; }
  .terms-of-service { font-size: 15px; }

  /* WhatsApp button slightly smaller on mobile */
  .whatsapp-float { width: 52px; height: 52px; bottom: 20px; right: 20px; }
}