/* Scoped presentation for the Bathinda gastro and hernia landing pages. */
:root {
  --bc-navy: #0B3C5D;
  --bc-deep: #072C44;
  --bc-green: #3BB54A;
  --bc-green-dark: #0B6B3A;
  --bc-teal: #14b8a6;
  --bc-paper: #F8FBFF;
  --bc-ink: #1A1A1A;
  --bc-muted: #555;
  --bc-line: rgba(11, 60, 93, .13);
  --bc-shadow: 0 12px 32px rgba(11, 60, 93, .08);
  --bc-radius: 16px;
}

.bathinda-clinic-page {
  color: var(--bc-ink);
  background: var(--bc-paper);
  padding-block: clamp(32px, 5vw, 68px) !important;
}
.bathinda-clinic-page > .container > div[style*="grid-template-columns"] {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 320px) !important;
  gap: clamp(24px, 4vw, 46px) !important;
  align-items: start;
}
.bathinda-clinic-page .service-content {
  min-width: 0;
  color: var(--bc-ink);
}
.bathinda-clinic-page .service-content > h2 {
  margin: clamp(28px, 4vw, 44px) 0 12px;
  color: var(--bc-navy);
  font-size: clamp(1.45rem, 2.2vw, 2rem);
  line-height: 1.2;
  letter-spacing: -.025em;
}
.bathinda-clinic-page .service-content > h2:first-child { margin-top: 0; }
.bathinda-clinic-page .service-content p,
.bathinda-clinic-page .service-content li {
  color: var(--bc-muted);
  line-height: 1.78;
}
.bathinda-clinic-page .service-content p { margin-block: 0 1rem; }
.bathinda-clinic-page .service-content a:not(.btn) {
  color: var(--bc-green-dark);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.bathinda-clinic-page .service-content a:not(.btn):hover { color: var(--bc-navy); }
.bathinda-clinic-page .service-content img { max-width: 100%; }
.bathinda-clinic-page .service-content figure,
.bathinda-clinic-page .service-content > div[style*="background:#fff"] {
  border: 1px solid var(--bc-line);
  border-radius: var(--bc-radius) !important;
  box-shadow: var(--bc-shadow) !important;
}
.bathinda-clinic-page .service-content figure img {
  max-height: 480px;
  object-fit: contain;
  object-position: center;
  background: #f2f7fa;
}
.bathinda-clinic-page .service-content figure figcaption {
  padding: 12px 16px;
  color: var(--bc-muted) !important;
  background: #fff;
}
.bathinda-clinic-page .hernia-trust-grid { gap: 10px !important; }
.bathinda-clinic-page .hernia-trust-grid > div {
  min-height: 98px;
  display: grid;
  align-content: center;
  border: 1px solid rgba(255,255,255,.16);
  background: var(--bc-navy) !important;
  border-radius: 14px !important;
  padding: 16px 10px !important;
}
.bathinda-clinic-page .hernia-trust-grid > div > div:first-child {
  color: #fff;
  font-size: clamp(1.25rem, 2vw, 1.75rem) !important;
  line-height: 1.15;
}
.bathinda-clinic-page .hernia-trust-grid > div > div:last-child {
  color: rgba(255,255,255,.78);
  line-height: 1.4;
}

/* Tight, legible FAQ hierarchy for existing accordion pages. */
.bathinda-clinic-page .faq-container {
  display: grid;
  gap: 10px;
  margin-top: 16px !important;
}
.bathinda-clinic-page .faq-item {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  border: 1px solid var(--bc-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(11, 60, 93, .045);
  transition: border-color .22s ease, box-shadow .22s ease;
}
.bathinda-clinic-page .faq-item:hover,
.bathinda-clinic-page .faq-item.active {
  border-color: rgba(59, 181, 74, .48);
  box-shadow: 0 9px 24px rgba(11, 60, 93, .08);
}
.bathinda-clinic-page .faq-question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 62px;
  padding: 16px 20px !important;
  background: #fff !important;
  color: var(--bc-navy) !important;
  font-weight: 750 !important;
  font-size: 1rem;
  line-height: 1.45;
  cursor: pointer;
}
.bathinda-clinic-page .faq-question::before,
.clinic-faq-list summary::before {
  content: "Q";
  display: inline-grid;
  place-items: center;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: rgba(59, 181, 74, .12);
  color: var(--bc-green-dark);
  font-size: .75rem;
  font-weight: 800;
}
.bathinda-clinic-page .faq-question > i {
  flex: 0 0 auto;
  color: var(--bc-green-dark);
  transition: transform .2s ease;
}
.bathinda-clinic-page .faq-item.active .faq-question > i { transform: rotate(180deg); }
.bathinda-clinic-page .faq-answer {
  padding: 0 20px 18px 66px !important;
  color: var(--bc-muted) !important;
  line-height: 1.75 !important;
  border-top: 1px solid rgba(11, 60, 93, .08);
}
.bathinda-clinic-page .faq-answer p { margin: 13px 0 0; }

/* Native disclosure controls are accessible without JavaScript. */
.clinic-faq-list {
  display: grid;
  gap: 10px;
  margin: 16px 0 30px;
}
.clinic-faq-list details {
  overflow: clip;
  border: 1px solid var(--bc-line);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(11, 60, 93, .045);
  transition: border-color .22s ease, box-shadow .22s ease;
}
.clinic-faq-list details[open] {
  border-color: rgba(59, 181, 74, .48);
  box-shadow: 0 9px 24px rgba(11, 60, 93, .08);
}
.clinic-faq-list summary {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 62px;
  padding: 15px 19px;
  color: var(--bc-navy);
  font-weight: 750;
  line-height: 1.45;
  cursor: pointer;
  list-style: none;
}
.clinic-faq-list summary::-webkit-details-marker { display: none; }
.clinic-faq-list summary::after {
  content: "+";
  margin-left: auto;
  color: var(--bc-green-dark);
  font-size: 1.35rem;
  font-weight: 500;
  line-height: 1;
}
.clinic-faq-list details[open] summary::after { content: "−"; }
.clinic-faq-list .clinic-faq-answer {
  padding: 0 20px 18px 61px;
  color: var(--bc-muted);
  line-height: 1.75;
}
.clinic-faq-list .clinic-faq-answer p { margin: 0; }
.bathinda-clinic-page :focus-visible,
.clinic-faq-list summary:focus-visible {
  outline: 3px solid rgba(20, 184, 166, .55);
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .bathinda-clinic-page > .container > div[style*="grid-template-columns"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .bathinda-clinic-page .service-content [style*="grid-template-columns:repeat(4"],
  .bathinda-clinic-page .service-content [style*="grid-template-columns: repeat(4"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  .bathinda-clinic-page { padding-block: 28px !important; }
  .bathinda-clinic-page .service-content > h2 { margin-top: 30px; }
  .bathinda-clinic-page .service-content [style*="grid-template-columns:1fr 1fr"],
  .bathinda-clinic-page .service-content [style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .bathinda-clinic-page .hernia-trust-grid > div { min-height: 84px; }
  .bathinda-clinic-page .faq-question { min-height: 58px; padding: 14px !important; font-size: .96rem; }
  .bathinda-clinic-page .faq-answer { padding: 0 15px 15px 56px !important; }
  .clinic-faq-list summary { min-height: 58px; padding: 13px 14px; font-size: .96rem; }
  .clinic-faq-list .clinic-faq-answer { padding: 0 15px 15px 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .bathinda-clinic-page *,
  .clinic-faq-list *,
  .bathinda-clinic-page *::before,
  .clinic-faq-list *::before,
  .clinic-faq-list *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}