  body {
    background: #fff;
  }
  .panel-heading{
    background: #fff;
  }
  .listing-card.external_doula{
    box-shadow: unset;
  }
  /*
  |--------------------------------------------------------------------------
  | FLAT SEO LOCAL CARE DESIGN
  |--------------------------------------------------------------------------
  | No shadows.
  | No gradients.
  | Border + spacing + typography create hierarchy.
  |--------------------------------------------------------------------------
  */
  .local-care-hub,
  .local-care-hub *,
  .ddm-seo-wrap,
  .ddm-seo-wrap *,
  .seo-power-section,
  .seo-power-section *,
  .ddm-editorial-seo,
  .ddm-editorial-seo *,
  .ddm-intent-journey,
  .ddm-intent-journey * {
      box-shadow: none !important;
  }
  /* ================================================================
     MAIN WRAPPER
  ================================================================ */
  .local-care-hub {
      --lc-ink: #193a38;
      --lc-ink-soft: #46605e;
      --lc-dark: #173e3c;
      --lc-peach: #f7e5df;
      --lc-peach-soft: #fff8f5;
      --lc-peach-strong: #d99282;
      --lc-line: #eadbd5;
      --lc-line-dark: #d9c5bd;
      --lc-bg: #fffdfc;
      --lc-white: #ffffff;
      margin-top: 28px;
      border:
          1px solid
          var(--lc-line);
      border-radius: 18px;
      overflow: hidden;
      background:
          var(--lc-bg);
      color:
          var(--lc-ink);
  }
  /* ================================================================
     HERO
  ================================================================ */
  .local-care-hero {
      padding: 30px 32px 26px;
      background:
          var(--lc-peach-soft);
      border-bottom:
          1px solid
          var(--lc-line);
  }
  .local-care-kicker {
      display: inline-flex;
      align-items: center;
      gap: 7px;
      margin-bottom: 12px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      color:
          #a45f50;
  }
  .local-care-kicker i {
      font-size: 13px;
  }
  .local-care-hero-grid {
      display: grid;
      grid-template-columns:
          minmax(0, 1fr)
          auto;
      gap: 30px;
      align-items: end;
  }
  .local-care-hero h2 {
      margin: 0 0 9px;
      font-size:
          clamp(
              22px,
              2.4vw,
              34px
          );
      line-height: 1.12;
      font-weight: 750;
      letter-spacing: -.03em;
      color:
          var(--lc-ink);
  }
  .local-care-hero p {
      max-width: 760px;
      margin: 0;
      color:
          var(--lc-ink-soft);
      font-size: 14px;
      line-height: 1.65;
  }
  .local-care-source {
      min-width: 145px;
      padding-left: 20px;
      border-left:
          1px solid
          var(--lc-line-dark);
      text-align: right;
  }
  .local-care-source span {
      display: block;
      margin-bottom: 3px;
      color: #876d66;
      font-size: 12px;
      text-transform: uppercase;
      letter-spacing: .08em;
  }
  .local-care-source strong {
      font-size: 13px;
      color:
          var(--lc-ink);
  }
  /* ================================================================
     DATA STRIP
  ================================================================ */
  .local-data-strip {
      display: grid;
      grid-template-columns:
          repeat(4, 1fr);
      background:
          var(--lc-white);
      border-bottom:
          1px solid
          var(--lc-line);
  }
  .local-data-item {
      min-height: 94px;
      display: flex;
      align-items: center;
      gap: 13px;
      padding: 18px 22px;
      border-right:
          1px solid
          var(--lc-line);
  }
  .local-data-item:last-child {
      border-right: 0;
  }
  .local-data-icon {
      width: 34px;
      height: 34px;
      flex: 0 0 34px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border:
          1px solid
          #efd6ce;
      border-radius: 10px;
      background:
          #fff5f1;
      color:
          #b66f60;
      font-size: 13px;
  }
  .local-data-item strong {
      display: block;
      margin-bottom: 2px;
      font-size: 21px;
      line-height: 1;
      letter-spacing: -.025em;
      color:
          var(--lc-ink);
  }
  .local-data-item small {
      display: block;
      line-height: 1.25;
      font-size: 12px;
      color:
          #73817f;
  }
  /* ================================================================
     MAIN GRID
  ================================================================ */
  .local-resource-grid {
      display: grid;
      grid-template-columns:
          minmax(0, 1.45fr)
          minmax(270px, .75fr);
      gap: 0;
  }
  /* ================================================================
     HOSPITAL AREA
  ================================================================ */
  .maternity-resource-panel {
      min-width: 0;
      padding: 28px 30px;
      border-right:
          1px solid
          var(--lc-line);
  }
  .resource-panel-head {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 20px;
      margin-bottom: 16px;
  }
  .resource-eyebrow {
      display: block;
      margin-bottom: 6px;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .12em;
      color:
          #b56f61;
  }
  .resource-panel-head h3,
  .search-context-flat h3 {
      margin: 0 0 5px;
      font-size: 18px;
      line-height: 1.25;
      color:
          var(--lc-ink);
  }
  .resource-panel-head p {
      margin: 0;
      font-size: 12px;
      line-height: 1.5;
      color:
          #748280;
  }
  .cms-badge {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      flex: 0 0 auto;
      padding: 6px 9px;
      border:
          1px solid
          #bdd5d2;
      border-radius: 7px;
      color:
          #356863;
      background:
          #f4fbfa;
      font-size: 12px;
      font-weight: 800;
      letter-spacing: .06em;
  }
  /* ================================================================
     HOSPITAL ROW
  ================================================================ */
  .maternity-list {
      border-top:
          1px solid
          var(--lc-line);
  }
  .maternity-row {
      display: grid;
      grid-template-columns:
          38px minmax(0, 1fr);
      gap: 14px;
      padding: 16px 0;
      border-bottom:
          1px solid
          var(--lc-line);
  }
  .maternity-number {
      width: 34px;
      height: 34px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 9px;
      background:
          var(--lc-peach);
      color:
          #9e5f53;
      font-size: 12px;
      font-weight: 800;
  }
  .maternity-title {
      margin-bottom: 4px;
      color:
          var(--lc-ink);
      font-size: 13px;
      font-weight: 750;
      line-height: 1.35;
  }
  .maternity-address {
      display: flex;
      gap: 6px;
      align-items: flex-start;
      margin-bottom: 8px;
      color:
          #74817f;
      font-size: 12px;
      line-height: 1.45;
  }
  .maternity-address i {
      margin-top: 2px;
      color:
          #c17d6e;
  }
  .maternity-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
  }
  .maternity-meta span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      padding: 4px 7px;
      border-radius: 6px;
      background:
          #f6f7f6;
      color:
          #657472;
      font-size: 12px;
  }
  .maternity-meta span:first-child {
      background:
          #edf7f5;
      color:
          #3f716b;
  }
  .resource-source-note {
      display: flex;
      gap: 7px;
      align-items: flex-start;
      margin-top: 14px;
      color:
          #82908e;
      font-size: 12px;
      line-height: 1.45;
  }
  /* ================================================================
     EMPTY API STATE
  ================================================================ */
  .resource-empty {
      display: flex;
      gap: 13px;
      padding: 22px 0;
      align-items: flex-start;
  }
  .resource-empty-icon {
      width: 36px;
      height: 36px;
      flex: 0 0 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border:
          1px solid
          var(--lc-line);
      border-radius: 9px;
      color:
          #a76d61;
  }
  .resource-empty strong {
      display: block;
      margin-bottom: 4px;
      color:
          var(--lc-ink);
      font-size: 12px;
  }
  .resource-empty p {
      margin: 0;
      max-width: 450px;
      color:
          #778582;
      font-size: 12px;
      line-height: 1.55;
  }
  /* ================================================================
     RIGHT COLUMN
  ================================================================ */
  .local-side-panel {
      padding: 22px;
      background:
          #faf8f6;
  }
  /* Weather is solid Ã¢â‚¬â€ flat, not gradient */
  .weather-flat {
      padding: 23px;
      border-radius: 14px;
      background:
          var(--lc-dark);
      color:
          #fff;
  }
  .weather-flat-top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
      opacity: .8;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .1em;
  }
  .weather-flat-top i {
      font-size: 16px;
  }
  .weather-flat-temp {
      margin-top: 20px;
      font-size: 42px;
      line-height: 1;
      font-weight: 700;
      letter-spacing: -.055em;
  }
  .weather-flat-temp small {
      margin-left: 3px;
      font-size: 13px;
      font-weight: 500;
      opacity: .7;
  }
  .weather-flat-location {
      margin-top: 5px;
      opacity: .74;
      font-size: 16px;
  }
  .weather-flat-bottom {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 20px;
      padding-top: 14px;
      border-top:
          1px solid
          rgba(255,255,255,.16);
  }
  .weather-flat-bottom span {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-size: 12px;
      opacity: .84;
  }
  /* ================================================================
     SEARCH CONTEXT
  ================================================================ */
  .search-context-flat {
      margin-top: 14px;
      padding: 20px;
      border:
          1px solid
          var(--lc-line);
      border-radius: 14px;
      background:
          var(--lc-white);
  }
  .search-context-flat p {
      margin: 0;
      color:
          #6f7e7c;
      font-size: 14px;
      line-height: 1.65;
  }
  .context-tags {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      margin-top: 14px;
  }
  .context-tags span {
      padding: 5px 7px;
      border:
          1px solid
          var(--lc-line);
      border-radius: 6px;
      color:
          #846a64;
      background:
          #fffaf8;
      font-size: 12px;
      font-weight: 650;
  }
  /* ================================================================
     REMOVE SHADOWS FROM EXISTING LOWER SEO BLOCKS TOO
  ================================================================ */
  .ddm-seo-hero,
  .ddm-stat-card,
  .ddm-info-card,
  .ddm-weather-box,
  .ddm-faq,
  .seo-summary-hero,
  .seo-insight-card,
  .seo-content-card,
  .ddm-editorial-box,
  .ddm-editorial-item,
  .ddm-intent-box,
  .ddm-intent-step,
  .ddm-decision-box {
      box-shadow:
          none !important;
  }
  /* ================================================================
     RESPONSIVE
  ================================================================ */
  @media (max-width: 991px) {
      .local-care-hero-grid {
          grid-template-columns: 1fr;
      }
      .local-care-source {
          padding-left: 0;
          padding-top: 13px;
          border-left: 0;
          border-top:
              1px solid
              var(--lc-line);
          text-align: left;
      }
      .local-data-strip {
          grid-template-columns:
              repeat(2, 1fr);
      }
      .local-data-item:nth-child(2) {
          border-right: 0;
      }
      .local-data-item:nth-child(-n+2) {
          border-bottom:
              1px solid
              var(--lc-line);
      }
      .local-resource-grid {
          grid-template-columns: 1fr;
      }
      .maternity-resource-panel {
          border-right: 0;
          border-bottom:
              1px solid
              var(--lc-line);
      }
  }
  @media (max-width: 575px) {
      .local-care-hub {
          border-radius: 13px;
      }
      .local-care-hero {
          padding: 22px 18px;
      }
      .local-care-hero h2 {
          font-size: 23px;
      }
      .local-data-strip {
          grid-template-columns: 1fr 1fr;
      }
      .local-data-item {
          min-height: 82px;
          padding: 14px 12px;
          gap: 9px;
      }
      .local-data-icon {
          width: 30px;
          height: 30px;
          flex-basis: 30px;
      }
      .local-data-item strong {
          font-size: 17px;
      }
      .maternity-resource-panel {
          padding: 22px 17px;
      }
      .resource-panel-head {
          align-items: flex-start;
      }
      .local-side-panel {
          padding: 15px;
      }
      .weather-flat {
          padding: 20px;
      }
      .weather-flat-temp {
          font-size: 38px;
      }
  }
  /*
  |--------------------------------------------------------------------------
  | MATERNITY / BIRTH STATISTICS
  |--------------------------------------------------------------------------
  */
  .maternity-stat-section {
      padding: 26px 30px;
      background: #fff;
      border-bottom:
          1px solid
          var(--lc-line);
  }
  .maternity-stat-heading {
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 17px;
  }
  .maternity-stat-heading h3 {
      margin: 0;
      color:
          var(--lc-ink);
      font-size: 18px;
      line-height: 1.3;
      font-weight: 750;
  }
  .maternity-estimate-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 6px 9px;
      border:
          1px solid
          #eadbd5;
      border-radius: 7px;
      background:
          #fff8f5;
      color:
          #9a675c;
      font-size: 13px;
      font-weight: 700;
      white-space: nowrap;
  }
  /*
  |--------------------------------------------------------------------------
  | GRID
  |--------------------------------------------------------------------------
  */
  .maternity-stat-grid {
      display: grid;
      grid-template-columns:
          repeat(3, minmax(0, 1fr));
      border:
          1px solid
          var(--lc-line);
      border-radius: 13px;
      overflow: hidden;
      background: #fff;
  }
  .maternity-stat-card {
      min-height: 116px;
      display: flex;
      align-items: flex-start;
      gap: 13px;
      padding: 20px;
      border-right:
          1px solid
          var(--lc-line);
      border-bottom:
          1px solid
          var(--lc-line);
      background: #fff;
      box-shadow: none !important;
  }
  /*
   * Row 1: three cards
   * Row 2: three cards
   */
  .maternity-stat-card:nth-child(3n) {
      border-right: 0;
  }
  .maternity-stat-card:nth-child(n+4) {
      border-bottom: 0;
  }
  /*
  |--------------------------------------------------------------------------
  | PRIMARY BIRTH CARD
  |--------------------------------------------------------------------------
  */
  .maternity-stat-primary {
      background:
          #fff7f3;
  }
  .maternity-stat-icon {
      width: 38px;
      height: 38px;
      flex:
          0 0 38px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border:
          1px solid
          #efd8d0;
      border-radius: 10px;
      background:
          #fff5f1;
      color:
          #b86e60;
      font-size: 14px;
  }
  .maternity-stat-primary
  .maternity-stat-icon {
      background:
          #f4ded7;
      border-color:
          #e8c7bd;
      color:
          #9e5649;
  }
  .maternity-stat-content {
      min-width: 0;
  }
  .maternity-stat-content strong {
      display: block;
      margin-bottom: 6px;
      color:
          var(--lc-ink);
      font-size: 25px;
      line-height: 1;
      font-weight: 750;
      letter-spacing: -.035em;
  }
  .maternity-stat-content h4 {
      margin: 0 0 4px;
      color:
          #354f4d;
      font-size: 15px;
      line-height: 1.35;
      font-weight: 700;
  }
  .maternity-stat-content small {
      display: block;
      color:
          #83908e;
      font-size: 12px;
      line-height: 1.35;
  }
  /*
  |--------------------------------------------------------------------------
  | SOURCE
  |--------------------------------------------------------------------------
  */
  .maternity-stat-source {
      display: flex;
      align-items: flex-start;
      gap: 7px;
      margin-top: 12px;
      color:
          #7b8987;
      font-size: 12px;
      line-height: 1.5;
  }
  .maternity-stat-source i {
      margin-top: 2px;
      color:
          #b57a6e;
  }
  /*
  |--------------------------------------------------------------------------
  | TABLET
  |--------------------------------------------------------------------------
  */
  @media (max-width: 991px) {
      .maternity-stat-grid {
          grid-template-columns:
              repeat(2, minmax(0, 1fr));
      }
      .maternity-stat-card {
          border-right:
              1px solid
              var(--lc-line) !important;
          border-bottom:
              1px solid
              var(--lc-line) !important;
      }
      .maternity-stat-card:nth-child(2n) {
          border-right:
              0 !important;
      }
      .maternity-stat-card:nth-last-child(-n+2) {
          border-bottom:
              0 !important;
      }
  }
  /*
  |--------------------------------------------------------------------------
  | MOBILE
  |--------------------------------------------------------------------------
  */
  @media (max-width: 575px) {
      .maternity-stat-section {
          padding: 20px 16px;
      }
      .maternity-stat-heading {
          display: block;
      }
      .maternity-estimate-badge {
          margin-top: 10px;
      }
      .maternity-stat-grid {
          grid-template-columns: 1fr;
      }
      .maternity-stat-card {
          min-height: auto;
          padding: 16px;
          border-right:
              0 !important;
          border-bottom:
              1px solid
              var(--lc-line) !important;
      }
      .maternity-stat-card:last-child {
          border-bottom:
              0 !important;
      }
      .maternity-stat-content strong {
          font-size: 22px;
      }
  }
  .h-10px{
    height: 10px;
  }
  </style>
  <style>
/* ================================================================
   DOULA FINDER Ã¢â‚¬â€ HUBBLE INSPIRED / DDM DESIGN
================================================================ */
.doula-grid-v2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
/* ================================================================
   CARD
================================================================ */
.doula-grid-card {
    --ddm-dark: #173e3c;
    --ddm-green: #234c49;
    --ddm-text: #173836;
    --ddm-muted: #778482;
    --ddm-peach: #d89283;
    --ddm-peach-soft: #fff6f2;
    --ddm-line: #eadbd6;
    --ddm-soft: #faf8f7;
    position: relative;
    display: grid;
    grid-template-columns: 148px minmax(0, 1fr);
    gap: 24px;
    min-width: 0;
    padding: 24px;
    border: 1px solid var(--ddm-line);
    border-radius: 14px;
    background: #fff;
    box-shadow: none !important;
    transition:
        border-color .2s ease,
        background-color .2s ease;
    margin-bottom: 15px;
}
.doula-grid-card:hover {
    border-color: #d8bbb3;
    background: #fffefd;
}
.doula-grid-sponsored {
    border-color: #e2c2b8;
}
/* ================================================================
   AVATAR
================================================================ */
.doula-profile-left {
    min-width: 0;
}
.doula-grid-avatar {
    width: 148px;
    height: 148px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid #ead7d1;
    border-radius: 12px;
    background: #ffffff;
    color: #915e53;
    font-size: 30px;
    font-weight: 700;
    text-decoration: none;
    padding: 5px;
}
.doula-grid-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 7px;
}
.doula-grid-avatar:hover {
    color: #915e53;
}
.doula-grid-avatar:hover img {
    transform:
        translate(0, 0)
        rotate(0deg)
        skewX(0deg)
        skewY(0deg)
        scaleX(1.05)
        scaleY(1.05);
    transition-duration: .3s;
}
/* ================================================================
   RIGHT CONTENT
================================================================ */
.doula-profile-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
}
/* ================================================================
   TOP LINE
================================================================ */
.doula-profile-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}
.doula-profile-heading {
    min-width: 0;
    flex: 1;
}
.doula-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}
.doula-name-row h3 {
    margin: 0;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 750;
    letter-spacing: -.025em;
}
.doula-name-row h3 a {
    color: var(--ddm-text);
    text-decoration: none;
}
.doula-name-row h3 a:hover {
    color: #a76456;
}
/* ================================================================
   INLINE RATING
================================================================ */
.doula-inline-rating {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #1d3331;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}
.doula-inline-rating i {
    color: #e7a317;
    font-size: 12px;
}
/* ================================================================
   STATUS BADGES
================================================================ */
.doula-grid-statuses {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.doula-status {
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
}
.doula-status i {
    font-size: 9px;
}
.doula-status-open {
    background: #e4f7ed;
    color: #197153;
}
.doula-status-preferred {
    background: #f9e8e2;
    color: #965548;
}
.doula-status-sponsored {
    background: #faf3dd;
    color: #826923;
}
/* ================================================================
   MESSAGE ICON TOP-RIGHT
================================================================ */
.doula-top-message {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e5e2;
    border-radius: 50%;
    background: #f8f8f6;
    color: #264b48;
    text-decoration: none;
    transition: .18s ease;
}
.doula-top-message:hover {
    border-color: #c5d4d2;
    background: #f1f7f6;
    color: #173e3c;
}
/* ================================================================
   LOCATION
================================================================ */
.doula-grid-location {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 7px;
    color: var(--ddm-muted);
    font-size: 13px;
    line-height: 1.45;
}
.doula-grid-location i {
    color: #c47c6d;
    font-size: 12px;
}
/* ================================================================
   DESCRIPTION / SUPPORT LINE
================================================================ */
.doula-profile-summary {
    margin-top: 12px;
    color: #6f7977;
    font-size: 14px;
    line-height: 1.55;
}
/* ================================================================
   FEATURE PILLS
================================================================ */
.doula-feature-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 17px;
}
.doula-feature-pill {
    max-width: 250px;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 13px 6px 7px;
    border: 1px solid #efebe8;
    border-radius: 999px;
    background: #f7f6f4;
    color: #283e3c;
    font-size: 12px;
    font-weight: 600;
}
.doula-feature-icon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ead9d3;
    border-radius: 50%;
    background: #fff;
    color: #ab695c;
    font-size: 11px;
}
.doula-feature-pill span:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ================================================================
   SPECIALIZATION TAGS
================================================================ */
.doula-grid-tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}
.doula-grid-tags span {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border: 1px solid #eadbd6;
    border-radius: 999px;
    background: #fff9f6;
    color: #735d57;
    font-size: 11px;
    font-weight: 600;
}
.doula-grid-tags .tag-more {
    border-color: #dfe5e3;
    background: #f4f6f5;
    color: #687a77;
}
/* ================================================================
   BOTTOM
================================================================ */
.doula-profile-footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 5px;
}
.doula-profile-footer-left {
    min-width: 0;
}
/* ================================================================
   SERVICE AREA
================================================================ */
.doula-service-area {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;
    color: #788683;
    font-size: 12px;
}
.doula-service-area i {
    color: #b9786a;
}
.doula-service-area strong {
    color: #4e6663;
}
/* ================================================================
   REVIEWS
================================================================ */
.doula-review-wrap {
    min-width: 0;
}
.doula-review-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}
.doula-review-line strong {
    color: var(--ddm-text);
    font-size: 18px;
    font-weight: 750;
}
.doula-review-stars {
    display: flex;
    gap: 1px;
    color: #e7a317;
    font-size: 13px;
}
.doula-review-count {
    display: block;
    margin-top: 3px;
    color: #899592;
    font-size: 14px;
}
.doula-no-review {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #617572;
    font-size: 13px;
    font-weight: 700;
}
.doula-no-review i {
    color: #ba796b;
}
/* ================================================================
   ACTION BUTTONS
================================================================ */
.doula-grid-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
}
.doula-grid-message {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 18px;
    border: 1px solid #173e3c;
    border-radius: 12px;
    background: #fff;
    color: #173e3c;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}
.doula-grid-message:hover {
    background: #f5f9f8;
    color: #173e3c;
}
.doula-grid-profile {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 20px;
    border: 1px solid #173e3c;
    border-radius: 12px;
    background: #173e3c;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    transition: .18s ease;
}
.doula-grid-profile:hover {
    border-color: #28514e;
    background: #28514e;
    color: #fff;
}
/* ================================================================
   PAGINATION
================================================================ */
.doula-grid-pagination {
    width: 100%;
    margin-top: 4px;
}
/* ================================================================
   EMPTY STATE
================================================================ */
.doula-grid-empty {
    padding: 60px 20px;
    border: 1px solid #eadbd6;
    border-radius: 18px;
    background: #fff;
    text-align: center;
}
.doula-grid-empty > i {
    margin-bottom: 12px;
    color: #c68575;
    font-size: 28px;
}
.doula-grid-empty h3 {
    margin: 0 0 5px;
    color: #173e3c;
    font-size: 18px;
}
.doula-grid-empty p {
    margin: 0;
    color: #788684;
    font-size: 13px;
}
/* ================================================================
   TABLET
================================================================ */
@media (max-width: 991px) {
    .doula-grid-card {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 18px;
        padding: 20px;
    }
    .doula-grid-avatar {
        width: 120px;
        height: 120px;
    }
    .doula-feature-pill {
        max-width: 220px;
    }
}
/* ================================================================
   MOBILE
================================================================ */
@media (max-width: 767px) {
    .doula-grid-v2 {
        gap: 12px;
    }
    .doula-grid-card {
        display: block;
        padding: 16px;
        border-radius: 16px;
    }
    .doula-profile-left {
        float: left;
        margin-right: 13px;
        margin-bottom: 8px;
    }
    .doula-grid-avatar {
        width: 72px;
        height: 72px;
        border-radius: 14px;
        font-size: 18px;
    }
    .doula-profile-header {
        min-height: 72px;
    }
    .doula-name-row {
        gap: 5px 8px;
    }
    .doula-name-row h3 {
        font-size: 17px;
    }
    .doula-top-message {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
    .doula-grid-location {
        font-size: 12px;
    }
    .doula-profile-summary {
        clear: both;
        padding-top: 6px;
        font-size: 13px;
    }
    .doula-feature-row {
        clear: both;
        gap: 6px;
        margin-top: 14px;
    }
    .doula-feature-pill {
        min-height: 37px;
        max-width: 100%;
        padding-right: 10px;
    }
    .doula-feature-icon {
        width: 25px;
        height: 25px;
        flex-basis: 25px;
    }
    .doula-profile-footer {
        display: block;
        padding-top: 17px;
    }
    .doula-grid-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-top: 14px;
    }
    .doula-grid-message,
    .doula-grid-profile {
        width: 100%;
        min-height: 42px;
        padding: 0 10px;
    }
}
/* ================================================================
   VERY SMALL MOBILE
================================================================ */
@media (max-width: 420px) {
    .doula-grid-actions {
        grid-template-columns: 1fr;
    }
    .doula-status {
        font-size: 10px;
        padding-left: 7px;
        padding-right: 7px;
    }
    .doula-feature-row {
        display: grid;
        grid-template-columns: 1fr;
    }
    .doula-feature-pill {
        width: 100%;
    }
}