<turbo-stream action="update" target="services_content"><template>
  


<div class="space-y-6">

    <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between rounded-2xl bg-slate-100 px-4 py-3 sm:px-5">
      <p class="m-0 flex items-center gap-2 text-sm text-bhv-black/80">
            <svg class="h-4 w-4 shrink-0 text-bhv-black/50" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true">
      <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
      <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
    </svg>

        <span>You are currently viewing services worldwide. Add your location for results in your area.</span>
      </p>
      <button type="button" data-action="click->registry-guide#openZipCodeModal" class="inline-flex items-center justify-center rounded-lg bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors focus:outline-none focus:ring-2 focus:ring-bhv-pink focus:ring-offset-2 whitespace-nowrap shrink-0">
        Add location
      </button>
    </div>

    <div class="space-y-3">
      <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
          <h1 class="m-0 text-2xl font-bold text-bhv-black">Placenta Work</h1>

          <div class="inline-flex shrink-0 rounded-full border border-bhv-black/10 bg-white p-1 shadow-sm" role="group" data-toggle-group>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors text-bhv-black/70 hover:bg-bhv-black/5" id="virtual-label" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work?show_physical=false&amp;show_virtual=true&amp;village_tab=false">Virtual</a>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors bg-bhv-pink text-white shadow-sm" id="all-label" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work?show_physical=true&amp;show_virtual=true&amp;village_tab=false">All</a>
            <a class="px-4 py-2 text-sm font-semibold rounded-full transition-colors text-bhv-black/70 hover:bg-bhv-black/5" id="inperson-label" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work?show_physical=true&amp;show_virtual=false&amp;village_tab=false">In Person</a>
          </div>
      </div>

          <div class="text-sm leading-relaxed text-bhv-black/60">Many new moms may opt for placenta encapsulation as it is believed to offer potential benefits, including increased energy levels, improved mood, and hormone regulation during the postpartum period. Some find that it can aid in post-birth recovery and reduce the risk of postpartum depression, making it an appealing option for those looking for holistic approaches to support their physical and emotional well-being after childbirth.</div>

        <span class="inline-flex items-center gap-1.5 text-xs font-medium text-bhv-black/60">
          <svg class="h-4 w-4 text-bhv-pink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 3l7 4v5c0 4.5-3 7.6-7 9-4-1.4-7-4.5-7-9V7l7-4z" />
          </svg>
          Official BeHerVillage Partner
        </span>
    </div>

    <div>
        <div class="servicecard group mb-4 flex cursor-pointer items-stretch gap-4 overflow-hidden rounded-2xl border border-bhv-black/5 bg-white p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-5"
     data-service-id="3878">
  <!-- Thumbnail -->
  <div class="relative shrink-0">

      <img class="h-24 w-24 rounded-xl object-cover sm:h-28 sm:w-28" src="https://behervillage.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc2MSwicHVyIjoiYmxvYl9pZCJ9fQ==--1cb8a930a9e545a4069e381a673737e8239109c4/Placenta%20Encapsulation.png" />
  </div>

  <!-- Content -->
  <div class="flex min-w-0 flex-1 flex-col justify-center">
    <h3 class="truncate text-base font-bold text-bhv-black sm:text-lg">Placenta Encapsulation</h3>

    <p class="truncate text-sm text-bhv-black/70">
        <a class="font-medium text-bhv-pink hover:text-bhv-pink-hover transition-colors" href="/partners/behervillage">Be Her Village</a>
    </p>

      <p class="mt-1 inline-flex items-center gap-1.5 text-xs text-bhv-black/60">
        <svg class="h-3.5 w-3.5 shrink-0 text-bhv-pink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
          <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
        </svg>
        Worldwide 
      </p>

      <p class="mt-2 line-clamp-2 text-sm text-bhv-black/70">Placenta specialists will encapsulate your placenta so that you can take full advantage of the power of your placenta in aiding your postpartum recovery. Includes in-home preparation.

 *This is an example listing representing a service that may be available in your community. It is not associated with a local provider.*</p>

  </div>

  <!-- CTA -->
  <div class="flex shrink-0 items-center">
    <span class="hidden text-bhv-black/30 transition-colors group-hover:text-bhv-pink sm:block">
      <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
      </svg>
    </span>
    <a class="servicecardforce inline-flex items-center justify-center rounded-full bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors sm:hidden" data-service-id="3878" href="javascript:void(0)">Learn More</a>
  </div>
</div>

        <div class="servicecard group mb-4 flex cursor-pointer items-stretch gap-4 overflow-hidden rounded-2xl border border-bhv-black/5 bg-white p-4 shadow-sm transition-all duration-200 hover:-translate-y-0.5 hover:shadow-md sm:gap-5"
     data-service-id="3854">
  <!-- Thumbnail -->
  <div class="relative shrink-0">

      <img class="h-24 w-24 rounded-xl object-cover sm:h-28 sm:w-28" src="https://behervillage.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6NDc2MSwicHVyIjoiYmxvYl9pZCJ9fQ==--1cb8a930a9e545a4069e381a673737e8239109c4/Placenta%20Encapsulation.png" />
  </div>

  <!-- Content -->
  <div class="flex min-w-0 flex-1 flex-col justify-center">
    <h3 class="truncate text-base font-bold text-bhv-black sm:text-lg">Placenta Art</h3>

    <p class="truncate text-sm text-bhv-black/70">
        <a class="font-medium text-bhv-pink hover:text-bhv-pink-hover transition-colors" href="/partners/behervillage">Be Her Village</a>
    </p>

      <p class="mt-1 inline-flex items-center gap-1.5 text-xs text-bhv-black/60">
        <svg class="h-3.5 w-3.5 shrink-0 text-bhv-pink" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
          <path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z" />
          <path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z" />
        </svg>
        Worldwide 
      </p>

      <p class="mt-2 line-clamp-2 text-sm text-bhv-black/70">Make a beautiful placenta print to honor your journey of bringing forth life. 

 *This is an example listing representing a service that may be available in your community. It is not associated with a local provider.*</p>

  </div>

  <!-- CTA -->
  <div class="flex shrink-0 items-center">
    <span class="hidden text-bhv-black/30 transition-colors group-hover:text-bhv-pink sm:block">
      <svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
        <path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7" />
      </svg>
    </span>
    <a class="servicecardforce inline-flex items-center justify-center rounded-full bg-bhv-pink px-4 py-2 text-sm font-bold text-white hover:bg-bhv-pink-hover transition-colors sm:hidden" data-service-id="3854" href="javascript:void(0)">Learn More</a>
  </div>
</div>

    </div>
</div>

</template></turbo-stream>
<turbo-stream action="update" target="sidebar-nav"><template>
  <nav class="space-y-2" id="registry-guide">
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-0">
        <span>Education</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-0"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-classes" data-turbo-frame="services_content" href="/services/show_by_category/birth-classes">Birth Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gift-registry-consults" data-turbo-frame="services_content" href="/services/show_by_category/gift-registry-consults">Gift Registry Consults</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-planning" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-planning">Postpartum Planning</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-classes" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-classes">Newborn Care Classes</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="true"
        aria-controls="category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" id="icon-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-1"
        class=" pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="midwives" data-turbo-frame="services_content" href="/services/show_by_category/midwives">Midwives</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-art" data-turbo-frame="services_content" href="/services/show_by_category/placenta-art">Placenta Art</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-doulas" data-turbo-frame="services_content" href="/services/show_by_category/birth-doulas">Birth Doulas</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-bhv-pink bg-rose-50 font-semibold" id="placenta-work" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work">Placenta Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mother-blessing" data-turbo-frame="services_content" href="/services/show_by_category/mother-blessing">Mother Blessing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-2">
        <span>Postpartum Doula</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-2"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-doulas" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-doulas">Postpartum Doulas</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-3">
        <span>Lactation</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-3"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastfeeding-classes" data-turbo-frame="services_content" href="/services/show_by_category/breastfeeding-classes">Breastfeeding Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="lactation-counselor" data-turbo-frame="services_content" href="/services/show_by_category/lactation-counselor">Lactation Counselor</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="ibclc" data-turbo-frame="services_content" href="/services/show_by_category/ibclc">IBCLC</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-4"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="meals-nutrition" data-turbo-frame="services_content" href="/services/show_by_category/meals-and-nutrition">Meals + Nutrition</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="delivery-services" data-turbo-frame="services_content" href="/services/show_by_category/delivery-services">Delivery Services</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prepped-meals" data-turbo-frame="services_content" href="/services/show_by_category/prepped-meals">Prepped Meals</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="nutrition-coaching" data-turbo-frame="services_content" href="/services/show_by_category/nutrition-coaching">Nutrition Coaching</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="in-home-chef" data-turbo-frame="services_content" href="/services/show_by_category/in-home-chef">In-home Chef</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-5">
        <span>Overnight Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-5"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="overnight-doula" data-turbo-frame="services_content" href="/services/show_by_category/overnight-doula">Overnight Doula</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-specialist" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-specialist">Newborn Care Specialist</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-6">
        <span>Mental Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-6"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternal-mental-health" data-turbo-frame="services_content" href="/services/show_by_category/maternal-mental-health">Maternal Mental Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="support-groups" data-turbo-frame="services_content" href="/services/show_by_category/support-groups">Support Groups</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-7"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-photography" data-turbo-frame="services_content" href="/services/show_by_category/birth-photography">Birth Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternity-photography" data-turbo-frame="services_content" href="/services/show_by_category/maternity-photography">Maternity Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-photography" data-turbo-frame="services_content" href="/services/show_by_category/newborn-photography">Newborn Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="family-photography" data-turbo-frame="services_content" href="/services/show_by_category/family-photography">Family Photography</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-8"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mommy-and-me-classes" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes">Mommy and Me Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gentle-sleep" data-turbo-frame="services_content" href="/services/show_by_category/sleep-coaching">Gentle Sleep</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babywearing" data-turbo-frame="services_content" href="/services/show_by_category/babywearing">Babywearing</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="sibling-support" data-turbo-frame="services_content" href="/services/show_by_category/sibling-support">Sibling Support</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="play" data-turbo-frame="services_content" href="/services/show_by_category/play">Play</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="return-to-work" data-turbo-frame="services_content" href="/services/show_by_category/return-to-work">Return to Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-9">
        <span>Body Work</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-9"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="energy-work" data-turbo-frame="services_content" href="/services/show_by_category/energy-work">Energy Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="craniosacral" data-turbo-frame="services_content" href="/services/show_by_category/craniosacral">Craniosacral</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="massage-and-spa" data-turbo-frame="services_content" href="/services/show_by_category/massage-and-spa">Massage and Spa</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="chiropractic" data-turbo-frame="services_content" href="/services/show_by_category/chiropractic">Chiropractic</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="acupuncture" data-turbo-frame="services_content" href="/services/show_by_category/acupuncture">Acupuncture</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-10">
        <span>Pelvic Floor</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-10"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pelvic-floor-work" data-turbo-frame="services_content" href="/services/show_by_category/pelvic-floor-work">Pelvic Floor Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-11">
        <span>Movement</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-11" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-11"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-yoga-and-fitness">Prenatal Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-yoga-and-fitness">Postpartum Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-body-work" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-body-work">Prenatal Body Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-body-work" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-body-work">Postpartum Body Work</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-12">
        <span>Household Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-12"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="laundry-help" data-turbo-frame="services_content" href="/services/show_by_category/laundry-help">Laundry Help</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="house-cleaners" data-turbo-frame="services_content" href="/services/show_by_category/house-cleaners">House Cleaners</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pet-care" data-turbo-frame="services_content" href="/services/show_by_category/pet-care">Pet Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="child-care" data-turbo-frame="services_content" href="/services/show_by_category/child-care">Child Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="organizing" data-turbo-frame="services_content" href="/services/show_by_category/organizing">Organizing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-13">
        <span>Diapers</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-13" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-13"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="diapers" data-turbo-frame="services_content" href="/services/show_by_category/diapers">Diapers</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-14">
        <span>Safety</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-14"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="car-seat-installation" data-turbo-frame="services_content" href="/services/show_by_category/car-seat-installation">Car Seat Installation</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="cpr-classes" data-turbo-frame="services_content" href="/services/show_by_category/cpr-classes">CPR Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babyproofing" data-turbo-frame="services_content" href="/services/show_by_category/babyproofing">Babyproofing</a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-15">
        <span>Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-15" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-15"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="holistic-women-s-health" data-turbo-frame="services_content" href="/services/show_by_category/holistic-womens-health">Holistic Women&#39;s Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pediatricians" data-turbo-frame="services_content" href="/services/show_by_category/pediatricians">Pediatricians </a>
      </div>
    </div>
    <div>
      <button 
        type="button"
        data-action="click->registry-guide#toggleCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform " id="icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="category-16"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastmilk-jewelry" data-turbo-frame="services_content" href="/services/show_by_category/breastmilk-jewelry">Breastmilk Jewelry</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="handmade-gifts" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts">Handmade Gifts</a>
      </div>
    </div>
</nav>

</template></turbo-stream>
<turbo-stream action="update" target="mobile-sidebar-nav"><template>
  <div class="max-h-96 overflow-y-auto">
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-0">
        <span>Education</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-0" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-0"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-classes" data-turbo-frame="services_content" href="/services/show_by_category/birth-classes">Birth Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gift-registry-consults" data-turbo-frame="services_content" href="/services/show_by_category/gift-registry-consults">Gift Registry Consults</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-planning" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-planning">Postpartum Planning</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-classes" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-classes">Newborn Care Classes</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="true"
        aria-controls="modal-category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" id="modal-icon-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-1"
        class=" pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="midwives" data-turbo-frame="services_content" href="/services/show_by_category/midwives">Midwives</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="placenta-art" data-turbo-frame="services_content" href="/services/show_by_category/placenta-art">Placenta Art</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-doulas" data-turbo-frame="services_content" href="/services/show_by_category/birth-doulas">Birth Doulas</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-bhv-pink bg-rose-50 font-semibold" id="placenta-work" data-turbo-frame="services_content" href="/services/show_by_category/placenta-work">Placenta Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mother-blessing" data-turbo-frame="services_content" href="/services/show_by_category/mother-blessing">Mother Blessing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-2">
        <span>Postpartum Doula</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-2"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-doulas" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-doulas">Postpartum Doulas</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-3">
        <span>Lactation</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-3"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastfeeding-classes" data-turbo-frame="services_content" href="/services/show_by_category/breastfeeding-classes">Breastfeeding Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="lactation-counselor" data-turbo-frame="services_content" href="/services/show_by_category/lactation-counselor">Lactation Counselor</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="ibclc" data-turbo-frame="services_content" href="/services/show_by_category/ibclc">IBCLC</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-4"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="meals-nutrition" data-turbo-frame="services_content" href="/services/show_by_category/meals-and-nutrition">Meals + Nutrition</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="delivery-services" data-turbo-frame="services_content" href="/services/show_by_category/delivery-services">Delivery Services</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prepped-meals" data-turbo-frame="services_content" href="/services/show_by_category/prepped-meals">Prepped Meals</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="nutrition-coaching" data-turbo-frame="services_content" href="/services/show_by_category/nutrition-coaching">Nutrition Coaching</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="in-home-chef" data-turbo-frame="services_content" href="/services/show_by_category/in-home-chef">In-home Chef</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-5">
        <span>Overnight Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-5"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="overnight-doula" data-turbo-frame="services_content" href="/services/show_by_category/overnight-doula">Overnight Doula</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-care-specialist" data-turbo-frame="services_content" href="/services/show_by_category/newborn-care-specialist">Newborn Care Specialist</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-6">
        <span>Mental Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-6"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternal-mental-health" data-turbo-frame="services_content" href="/services/show_by_category/maternal-mental-health">Maternal Mental Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="support-groups" data-turbo-frame="services_content" href="/services/show_by_category/support-groups">Support Groups</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-7">
        <span>Photography</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-7"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="birth-photography" data-turbo-frame="services_content" href="/services/show_by_category/birth-photography">Birth Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="maternity-photography" data-turbo-frame="services_content" href="/services/show_by_category/maternity-photography">Maternity Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="newborn-photography" data-turbo-frame="services_content" href="/services/show_by_category/newborn-photography">Newborn Photography</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="family-photography" data-turbo-frame="services_content" href="/services/show_by_category/family-photography">Family Photography</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-8">
        <span>Life with Baby</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-8"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="mommy-and-me-classes" data-turbo-frame="services_content" href="/services/show_by_category/mommy-and-me-classes">Mommy and Me Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="gentle-sleep" data-turbo-frame="services_content" href="/services/show_by_category/sleep-coaching">Gentle Sleep</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babywearing" data-turbo-frame="services_content" href="/services/show_by_category/babywearing">Babywearing</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="sibling-support" data-turbo-frame="services_content" href="/services/show_by_category/sibling-support">Sibling Support</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="play" data-turbo-frame="services_content" href="/services/show_by_category/play">Play</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="return-to-work" data-turbo-frame="services_content" href="/services/show_by_category/return-to-work">Return to Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-9">
        <span>Body Work</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-9" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-9"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="energy-work" data-turbo-frame="services_content" href="/services/show_by_category/energy-work">Energy Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="craniosacral" data-turbo-frame="services_content" href="/services/show_by_category/craniosacral">Craniosacral</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="massage-and-spa" data-turbo-frame="services_content" href="/services/show_by_category/massage-and-spa">Massage and Spa</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="chiropractic" data-turbo-frame="services_content" href="/services/show_by_category/chiropractic">Chiropractic</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="acupuncture" data-turbo-frame="services_content" href="/services/show_by_category/acupuncture">Acupuncture</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-10">
        <span>Pelvic Floor</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-10" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-10"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pelvic-floor-work" data-turbo-frame="services_content" href="/services/show_by_category/pelvic-floor-work">Pelvic Floor Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-11">
        <span>Movement</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-11" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-11"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-yoga-and-fitness">Prenatal Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-yoga-fitness" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-yoga-and-fitness">Postpartum Yoga + Fitness</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="prenatal-body-work" data-turbo-frame="services_content" href="/services/show_by_category/prenatal-body-work">Prenatal Body Work</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="postpartum-body-work" data-turbo-frame="services_content" href="/services/show_by_category/postpartum-body-work">Postpartum Body Work</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-12">
        <span>Household Help</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-12"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="laundry-help" data-turbo-frame="services_content" href="/services/show_by_category/laundry-help">Laundry Help</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="house-cleaners" data-turbo-frame="services_content" href="/services/show_by_category/house-cleaners">House Cleaners</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pet-care" data-turbo-frame="services_content" href="/services/show_by_category/pet-care">Pet Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="child-care" data-turbo-frame="services_content" href="/services/show_by_category/child-care">Child Care</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="organizing" data-turbo-frame="services_content" href="/services/show_by_category/organizing">Organizing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-13">
        <span>Diapers</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-13" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-13"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="diapers" data-turbo-frame="services_content" href="/services/show_by_category/diapers">Diapers</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-14">
        <span>Safety</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-14" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-14"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="car-seat-installation" data-turbo-frame="services_content" href="/services/show_by_category/car-seat-installation">Car Seat Installation</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="cpr-classes" data-turbo-frame="services_content" href="/services/show_by_category/cpr-classes">CPR Classes</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="babyproofing" data-turbo-frame="services_content" href="/services/show_by_category/babyproofing">Babyproofing</a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-15">
        <span>Health</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-15" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-15"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="holistic-women-s-health" data-turbo-frame="services_content" href="/services/show_by_category/holistic-womens-health">Holistic Women&#39;s Health</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="pediatricians" data-turbo-frame="services_content" href="/services/show_by_category/pediatricians">Pediatricians </a>
      </div>
    </div>
    <div class="mb-2">
      <button 
        type="button"
        data-action="click->registry-guide#toggleModalCategory"
        class="w-full flex items-center justify-between text-left px-3 py-2 text-sm font-semibold text-slate-700 hover:text-bhv-pink hover:bg-rose-50 rounded-lg transition-colors"
        aria-expanded="false"
        aria-controls="modal-category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform " id="modal-icon-16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
        </svg>
      </button>
      <div 
        id="modal-category-16"
        class="hidden pl-4 mt-1 space-y-1">
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="breastmilk-jewelry" data-turbo-frame="services_content" href="/services/show_by_category/breastmilk-jewelry">Breastmilk Jewelry</a>
          <a class="category-link w-full text-left block px-3 py-2 text-sm rounded-lg transition-colors text-slate-600 hover:text-bhv-pink hover:bg-rose-50" id="handmade-gifts" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts">Handmade Gifts</a>
      </div>
    </div>
</div>

</template></turbo-stream>