<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">Handmade Gifts</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 bg-bhv-pink text-white shadow-sm" id="virtual-label" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts?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 text-bhv-black/70 hover:bg-bhv-black/5" id="all-label" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts?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/handmade-gifts?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">Treat yourself to these luxurious services and get the best of the best. Every new mom and baby need pampering when they are getting adjusted to their new lives together! You and your baby deserve this.</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="3882">
  <!-- 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/eyJfcmFpbHMiOnsiZGF0YSI6MTc3NCwicHVyIjoiYmxvYl9pZCJ9fQ==--9e6b4c6f12d510309cdfa88dd21722b6f8159da1/cr%20-%20custom%20goodies.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">Handmade Gifts</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">Treat yourself to these luxurious services and get the best of the best. Every new mom and baby need pampering when they are getting adjusted to their new lives together! You and your baby deserve this.

 *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="3882" 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="false"
        aria-controls="category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform " 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="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="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-slate-600 hover:text-bhv-pink hover:bg-rose-50" 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="true"
        aria-controls="category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" 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="false"
        aria-controls="modal-category-1">
        <span>Birth Team</span>
        <svg class="w-4 h-4 transform transition-transform " 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="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="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-slate-600 hover:text-bhv-pink hover:bg-rose-50" 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="true"
        aria-controls="modal-category-16">
        <span>Custom Goodies</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" id="handmade-gifts" data-turbo-frame="services_content" href="/services/show_by_category/handmade-gifts">Handmade Gifts</a>
      </div>
    </div>
</div>

</template></turbo-stream>