.shop-menu,.shop-submenu{position:relative}
.shop-menu button{font-family:var(--font-display);color:var(--hoh-navy);background:none;border:0;cursor:pointer;text-align:left}
.shop-menu-toggle{font-size:13px;font-weight:600;letter-spacing:.1em;padding:6px 2px}
.shop-dropdown,.shop-collections{position:absolute;z-index:100;background:var(--hoh-cream);border:1px solid var(--hoh-line);padding:8px;min-width:240px;box-shadow:0 6px 16px rgba(13,47,85,.08)}
.shop-dropdown{top:100%;left:0}.shop-collections{top:-9px;left:100%;min-width:285px}
.shop-category-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px;font-size:14px}
.main-nav .shop-collections a,.mobile-nav .shop-collections a{display:block;padding:12px;font-size:14px;letter-spacing:0;text-transform:none;white-space:normal}
.shop-menu button:hover,.shop-menu a:hover{background:var(--hoh-pink-light,var(--hoh-white))}
.shop-menu button:focus-visible,.shop-menu a:focus-visible{outline:2px solid var(--hoh-navy);outline-offset:2px}
.shop-menu [hidden]{display:none!important}
@media(max-width:980px){.mobile-nav .shop-menu{width:100%}.mobile-nav .shop-menu-toggle{width:100%;padding:10px 0}.mobile-nav .shop-dropdown,.mobile-nav .shop-collections{position:static;box-shadow:none;min-width:0;border:0;padding:0 0 0 16px}.mobile-nav .shop-category-toggle{padding:12px 0}.mobile-nav .shop-collections a{padding:12px 0}}
@media(min-width:981px) and (max-width:1100px){.shop-collections{left:0;top:100%}}