/* ==========================================================================
   GLOBAL STYLE ADJUSTMENTS (Ensures consistent typography across all sections)
   ========================================================================== */
* {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* ==========================================================================
   TREATMENTS SPLIT SECTION (Based on image_46a35a.jpg)
   ========================================================================== */
.treatments-split-section {
  padding: 30px 20px; /* Optimized section padding container */
  background-color: #ffffff;
}

.split-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* Stack vertically on small viewports */
  gap: 30px; /* Reduced vertical grid gaps */
  align-items: center;
}

/* --- Left Media Block Styles --- */
.split-media-block {
  width: 100%;
  max-width: 540px;
}

.media-shadow-wrapper {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  /* Soft spread dark drop-shadow layout context matching target image */
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15), 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* FIX: Removes any potential inline whitespace or empty gaps within image boundaries */
.media-shadow-wrapper img {
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
  display: block;
  object-fit: cover;
}

/* --- Right Content Block Styles --- */
.split-content-block {
  width: 100%;
  max-width: 600px;
}

.split-content-block .sub-tagline {
  font-size: 13px;
  font-weight: 700;
  color: #2343c4; /* Brand primary blue accent */
  letter-spacing: 1.5px;
  display: block;
  margin-bottom: 8px;
}

.split-content-block h2 {
  font-size: 28px;
  font-weight: 800;
  color: #001c80; /* Deep logo blue color */
  line-height: 1.3;
  margin-bottom: 24px; /* Synchronized spacing with Why Choose Us */
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* Match weight & sizing parameters perfectly with Why Choose Us paragraphs */
.split-content-block .intro-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 700; /* Synchronized with .highlight-paragraph weight */
  color: #1f2937; /* Synchronized color spectrum */
  line-height: 1.6;
  margin-bottom: 24px;
}

.split-content-block .outro-text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 400; /* Synchronized with .body-paragraph weight */
  color: #4b5563; /* Synchronized color spectrum */
  line-height: 1.6;
  margin-top: 20px;
  margin-bottom: 28px;
}

/* --- Dual Column Bullet Matrix Layout Rules --- */
.condition-list-grid {
  list-style: none;
  padding: 0;
  margin: 0 0 24px 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Splitting items smoothly into 2 columns */
  gap: 12px 24px;
}

.condition-list-grid li {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  color: #1f2937;
  font-weight: 400;
  position: relative;
  padding-left: 14px;
}

/* Round custom styled mini-bullet elements matching image */
.condition-list-grid li::before {
  content: "•";
  color: #2343c4;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: -1px;
}

/* --- Blue Book CTA Action Button --- */
.btn-split-book {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #2343c4; /* Primary Brand Blue matching image button */
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 28px;
  border-radius: 24px; /* Perfectly rounded button caps */
  box-shadow: 0 4px 10px rgba(35, 67, 196, 0.25);
  transition: transform 0.2s, background-color 0.2s;
}

.btn-split-book:hover {
  background-color: #1a3b8b;
  transform: translateY(-1px);
}


/* ==========================================================================
   WHY CHOOSE US SPLIT MODULE (Based on image_2c6c77.jpg)
   ========================================================================== */
.why-choose-split-section {
  padding: 30px 20px;
  background-color: #ffffff; /* Kept clean white to match layout design */
}

.choose-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column; /* Vertically stacked for responsive mobile devices */
  gap: 30px;
  align-items: center;
}

/* --- Content Typography Settings --- */
.choose-content-block {
  width: 100%;
  max-width: 650px;
}

.choose-content-block h2 {
  font-size: 28px;
  font-weight: 800;
  color: #001c80; /* Deep Brand Blue styling */
  line-height: 1.3;
  margin-bottom: 24px;
  letter-spacing: -0.5px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.choose-content-block p {
  font-size: 14px;
  color: #1f2937; /* Clean, dark text tone mirroring the screenshot */
  line-height: 1.6;
  margin-bottom: 18px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* The top intro paragraph is styled slightly weightier */
.choose-content-block .highlight-paragraph {
  font-weight: 700;
  color: #1f2937;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.choose-content-block .body-paragraph {
  font-weight: 400;
  color: #4b5563; /* Subtle gray variance for secondary text */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* --- Rounded Button CTA Area --- */
.choose-content-block .cta-wrapper {
  margin-top: 28px;
}

.btn-choose-book {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background-color: #2343c4; /* Primary Action Blue */
  color: #ffffff;
  text-decoration: none;
  font-weight: 700;
  font-size: 14px;
  padding: 12px 32px;
  border-radius: 24px; /* Pill-shaped curved border edges */
  box-shadow: 0 4px 12px rgba(35, 67, 196, 0.2);
  transition: all 0.2s ease-in-out;
}

.btn-choose-book:hover {
  background-color: #1a3b8b;
  transform: translateY(-1px);
}

/* --- Right Media Presentation Layer --- */
.choose-media-block {
  width: 100%;
  max-width: 500px;
}

/* FIX: Changed hardcoded pixel heights to fluid framework rendering to get rid of empty image spaces */
.choose-media-block .media-shadow-wrapper {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
  width: 100%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);
}

.choose-media-block .media-shadow-wrapper img {
  width: 100% !important;
  height: 100% !important;
  max-height: 100%;
  display: block;
  object-fit: cover;
}


/* ==========================================================================
   RESPONSIVE LAYOUT VIEWS (Tablet / Desktop 992px and Above)
   ========================================================================== */
@media (min-width: 992px) {
  .split-container {
    flex-direction: row; /* Transforms structure layout side-by-side on desktop */
    justify-content: space-between;
    gap: 40px;
  }
  
  .split-media-block,
  .split-content-block {
    width: 50%;
  }

  .choose-container {
    flex-direction: row; /* Snaps columns perfectly side-by-side on desktop */
    justify-content: space-between;
    gap: 50px;
  }

  .choose-content-block {
    width: 55%;
  }

  .choose-media-block {
    width: 45%;
  }
}


/* ==========================================================================
   RESPONSIVE MOBILE REMOVER ADJUSTMENTS (Up to 991px)
   ========================================================================== */
@media (max-width: 991px) {
  /* FIXED: Stripped aggressive vertical spacing loops from all layout sections on mobile viewports */
  .treatments-split-section,
  .why-choose-split-section {
    padding: 20px 15px !important;
  }

  .split-container,
  .choose-container {
    gap: 20px !important; /* Tightens trailing space gaps after each module */
  }

  .split-content-block h2,
  .choose-content-block h2 {
    font-size: 24px !important;
    margin-bottom: 16px !important;
  }
  
  .condition-list-grid {
    grid-template-columns: 1fr !important; /* Drops list column map cleanly to prevent squeeze layouts */
    gap: 10px !important;
    margin-bottom: 16px !important;
  }
  
  .btn-split-book,
  .btn-choose-book {
    width: 100% !important; /* Full width mobile button tap optimizations */
    justify-content: center !important;
  }
}