<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">Nutrition Coaching</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/nutrition-coaching?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/nutrition-coaching?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 bg-bhv-pink text-white shadow-sm" id="inperson-label" data-turbo-frame="services_content" href="/services/show_by_category/nutrition-coaching?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">Nutrition coaching provides personalized guidance and support to help you achieve your health and wellness goals after bringing baby home. Receive education on nutrition principles, meal planning, and behavior change techniques to foster sustainable lifestyle improvements and long-term well-being.</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 class="mx-auto w-full max-w-md rounded-2xl border border-bhv-black/5 bg-white p-8 text-center shadow-sm">
        <div class="mx-auto mb-5 flex h-16 w-16 items-center justify-center rounded-2xl bg-bhv-pink/10">
          <svg class="h-8 w-8 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>
        </div>
        <h3 class="mb-2 text-xl font-bold text-bhv-black">No nutrition coaching nearby yet</h3>
        <p class="text-sm text-bhv-black/60">
          We don't have any providers in this category near you right now.
            Try switching to <span class="font-semibold text-bhv-black">All</span> above,
          adjust your location, or check back soon — we're adding new partners all the time.
        </p>
    </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="true"
        aria-controls="category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" 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="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="true"
        aria-controls="modal-category-4">
        <span>Meals</span>
        <svg class="w-4 h-4 transform transition-transform rotate-90" 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=" 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-bhv-pink bg-rose-50 font-semibold" 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>