/* dg-nav-v2: unified top nav. Scoped to html.dg-nav2 (class added by dg-nav-v2.js). */
html.dg-nav2 .nav-component .navbar-menu-inner{gap:4px;align-items:center}
html.dg-nav2 .nav-component .navbar-dropdown{position:relative}
html.dg-nav2 .nav-component .tf-dropdown-toggle,
html.dg-nav2 .nav-component .navbar-menu-inner>a.menu-link{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 14px!important;border-radius:10px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;line-height:1;letter-spacing:0;color:#222!important;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease;white-space:nowrap;box-sizing:border-box}
html.dg-nav2 .nav-component .tf-dropdown-toggle>div:not(.dropdown-toggle-icon){order:1}
html.dg-nav2 .nav-component .dropdown-toggle-icon{order:2;position:static!important;inset:auto!important;margin:0!important;width:16px;height:16px;color:currentColor;opacity:.6;transition:transform .2s ease,opacity .18s ease}
html.dg-nav2 .nav-component .dropdown-toggle-icon svg{width:16px;height:16px;display:block}
html.dg-nav2 .nav-component .tf-dropdown-toggle.w--open{background:#f6f2fe;color:#5b2fc4!important}
html.dg-nav2 .nav-component .tf-dropdown-toggle.w--open .dropdown-toggle-icon{opacity:1}
@media (hover:hover){
html.dg-nav2 .nav-component .tf-dropdown-toggle:hover,
html.dg-nav2 .nav-component .navbar-menu-inner>a.menu-link:hover{background:#f6f2fe;color:#5b2fc4!important}
html.dg-nav2 .nav-component .tf-dropdown-toggle:hover .dropdown-toggle-icon{opacity:1}
}
html.dg-nav2 .nav-component .tf-dropdown-toggle.w--open .dropdown-toggle-icon{transform:rotate(180deg)}
html.dg-nav2 .nav-component .dg-nav-active{color:#5b2fc4!important}
html.dg-nav2 .nav-component .tf-dropdown-toggle:focus-visible,
html.dg-nav2 .nav-component .menu-link:focus-visible{outline:2px solid #a78bfa;outline-offset:2px}
/* Find a Groomer: same type and height, tasteful highlight */
html.dg-nav2 .nav-component .navbar-menu-inner>a.dg-nav-fag{margin-left:8px;background:#f3edff;color:#5b2fc4!important;box-shadow:inset 0 0 0 1px #e1d5fb}
@media (hover:hover){html.dg-nav2 .nav-component .navbar-menu-inner>a.dg-nav-fag:hover{background:#ebe1ff;color:#4a22ad!important}}
html.dg-nav2 .nav-component .navbar-menu-inner>a.dg-nav-fag.dg-nav-active,html.dg-nav2 .nav-component .navbar-menu-inner>a.dg-nav-fag.dg-nav-active:hover{background:#7c4ee4;color:#fff!important;box-shadow:none}
html.dg-nav2 .nav-component .dg-nav-pin{width:16px;height:16px;flex:none;display:block}
/* Dropdown panels */
html.dg-nav2 .nav-component .tf-dropdown-list.w--open{width:auto;min-width:224px;padding:8px;margin-top:6px;border:1px solid #ece6fb;border-radius:12px;background:#fff;box-shadow:0 14px 32px -10px rgba(48,22,110,.22),0 2px 6px rgba(16,16,32,.05)}
html.dg-nav2 .nav-component .dropdown-inner-wrap{gap:2px;padding:0}
html.dg-nav2 .nav-component .dropdown-inner-wrap>a.menu-link{display:block;padding:10px 12px;border-radius:8px;font-family:Poppins,sans-serif;font-size:15px;font-weight:500;line-height:1.3;color:#222;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,color .15s ease}
@media (hover:hover){html.dg-nav2 .nav-component .dropdown-inner-wrap>a.menu-link:hover{background:#f6f2fe;color:#5b2fc4}}
@media (prefers-reduced-motion:reduce){html.dg-nav2 .nav-component *{transition:none!important}}
/* Mobile hamburger menu */
@media screen and (max-width:991px){
html.dg-nav2 .nav-component .navbar-menu-inner{flex-direction:column;align-items:stretch;gap:0;width:100%}
html.dg-nav2 .nav-component .navbar-menu{padding-top:8px}
html.dg-nav2 .nav-component .navbar-dropdown{width:100%;border-bottom:1px solid #f0ecf8}
html.dg-nav2 .nav-component .tf-dropdown-toggle{display:flex;width:100%;height:56px;padding:0 4px!important;border-radius:0;font-size:16px}
html.dg-nav2 .nav-component .tf-dropdown-toggle:hover,html.dg-nav2 .nav-component .tf-dropdown-toggle.w--open{background:transparent}
html.dg-nav2 .nav-component .dropdown-toggle-icon{margin-left:auto!important;width:20px;height:20px}
html.dg-nav2 .nav-component .dropdown-toggle-icon svg{width:20px;height:20px}
html.dg-nav2 .nav-component .tf-dropdown-list.w--open{min-width:0;margin:0;padding:0 0 12px;border:0;border-radius:0;box-shadow:none;background:transparent}
html.dg-nav2 .nav-component .dropdown-inner-wrap{padding:0 0 0 8px}
html.dg-nav2 .nav-component .dropdown-inner-wrap>a.menu-link{padding:11px 12px;font-size:15px;color:#3d3a4b;white-space:normal}
html.dg-nav2 .nav-component .navbar-menu-inner>a.dg-nav-fag{display:flex;justify-content:center;width:100%;height:50px;margin:20px 0 0;border-radius:12px;font-size:16px}
}