/* Formula Unit: Products category dropdown inspired by clean retail navigation patterns. */
.links .fu-nav-dropdown{position:relative;display:flex;align-items:center;height:100%;}
.links .fu-nav-dropdown > .fu-nav-drop-toggle{
  appearance:none;border:0;background:transparent;color:inherit;font:inherit;font-weight:600;
  padding:10px 4px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;text-decoration:none;
}
.links .fu-nav-dropdown > .fu-nav-main-link{color:inherit;}
.links .fu-nav-dropdown > .fu-nav-drop-toggle .fu-chevron{font-size:12px;line-height:1;transition:transform .2s ease;}
.links .fu-nav-dropdown.open > .fu-nav-drop-toggle,
.links .fu-nav-dropdown.active > .fu-nav-drop-toggle{color:var(--pink);}
.links .fu-nav-dropdown.open > .fu-nav-drop-toggle .fu-chevron{transform:rotate(180deg);}
.fu-category-dropdown{
  position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%) translateY(4px);
  width:285px;padding:10px;background:rgba(255,255,255,.98);border:1px solid #f0e5eb;border-radius:18px;
  box-shadow:0 20px 45px rgba(30,18,28,.14);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:1000;
}
.fu-category-dropdown::before{content:"";position:absolute;top:-7px;left:50%;width:13px;height:13px;background:#fff;border-left:1px solid #f0e5eb;border-top:1px solid #f0e5eb;transform:translateX(-50%) rotate(45deg);}
.fu-nav-dropdown.open .fu-category-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
.fu-category-title{padding:9px 12px 7px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#8a7c84;}
.fu-category-dropdown a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px!important;border-radius:11px;font-size:13px;font-weight:600;color:#302a30;}
.fu-category-dropdown a:hover,.fu-category-dropdown a.active{background:#fff1f7;color:var(--pink);}
.fu-category-dropdown a span{font-size:13px;color:#b8aab2;transition:transform .15s ease;}
.fu-category-dropdown a:hover span{transform:translateX(3px);color:var(--pink);}
.fu-category-all{border-top:1px solid #f1e9ed;margin-top:5px;padding-top:8px!important;color:var(--pink)!important;font-weight:800!important;}

@media(max-width:1000px){
  .links.show{display:flex;}
  .links .fu-nav-dropdown{display:block;height:auto;width:100%;}
  .links .fu-nav-dropdown > .fu-nav-drop-toggle{width:100%;justify-content:space-between;padding:12px 10px;}
  .links .fu-nav-dropdown > .fu-nav-main-link .fu-chevron{cursor:pointer;padding:4px 8px;margin:-4px -8px;}
  .fu-category-dropdown{position:static;width:100%;transform:none!important;display:none;opacity:1;visibility:visible;pointer-events:auto;padding:5px 0 8px;background:transparent;border:0;border-radius:0;box-shadow:none;}
  .fu-category-dropdown::before{display:none;}
  .fu-nav-dropdown.open .fu-category-dropdown{display:block;}
  .fu-category-title{padding:8px 20px 5px;font-size:10px;}
  .fu-category-dropdown a{padding:10px 20px!important;border-radius:10px;font-size:13px;}
  .fu-category-all{margin:4px 10px 0;padding-top:10px!important;}
}
.fu-category-products{display:none;padding:0 8px 6px 12px;}
.fu-category-products.has-items-open{display:block;}
.fu-category-filter::after{content:'⌄';font-size:11px;color:#b8aab2;margin-left:auto;transition:transform .18s ease;}
.fu-category-filter.expanded::after{transform:rotate(180deg);color:var(--pink);}
.fu-category-product{display:flex!important;align-items:center;justify-content:space-between;gap:8px;padding:6px 9px!important;border-radius:8px;font-size:11.5px!important;font-weight:500!important;color:#766b72!important;}
.fu-category-product:hover{background:#fff8fb;color:var(--pink)!important;}
.fu-category-product span{font-size:10px;color:#c6b7bf;}
@media(max-width:1000px){
 .fu-category-products{padding:0 12px 6px 28px;}
 .fu-category-product{padding:7px 10px!important;font-size:12px!important;}
}

/* Formula Unit: About Us dropdown with Contact Us + direct Google Maps Location. */
.fu-info-dropdown-menu{width:280px;}
.fu-info-dropdown-menu > a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px!important;border-radius:11px;font-size:13px;font-weight:600;color:#302a30;}
.fu-info-dropdown-menu > a:hover,.fu-info-dropdown-menu > a.active{background:#fff1f7;color:var(--pink);}
.fu-info-dropdown-menu > a span{font-size:13px;color:#b8aab2;transition:transform .15s ease;}
.fu-info-dropdown-menu > a:hover span{transform:translateX(3px);color:var(--pink);}
@media (max-width:760px){.fu-info-dropdown-menu{width:100%;}}


/* Desktop navigation: open dropdowns on mouse hover; only one can appear at a time. */
@media (min-width:1001px){
  .links .fu-nav-dropdown:hover > .fu-category-dropdown{
    opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
  }
  .links .fu-nav-dropdown:hover > .fu-nav-drop-toggle{color:var(--pink);}
  .links .fu-nav-dropdown:hover > .fu-nav-drop-toggle .fu-chevron{transform:rotate(180deg);}
  .links .fu-nav-dropdown > .fu-nav-drop-toggle{cursor:default;}
}

@media (min-width:1001px){
  .links .fu-nav-dropdown{padding-bottom:4px;}
  .links .fu-nav-dropdown:hover > .fu-category-dropdown,
  .links .fu-nav-dropdown:focus-within > .fu-category-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);}
}

/* Keep the expanded category list usable when many categories/products are present. */
@media (min-width:1001px){
  .fu-nav-dropdown .fu-category-dropdown{max-height:72vh;overflow-y:auto;scrollbar-width:thin;}
}
@media (max-width:1000px){
  .fu-nav-dropdown .fu-category-dropdown{max-height:60vh;overflow-y:auto;}
}

/* Live category products: desktop hover reveals up to five products from Admin Panel. */
@media (min-width:1001px){
  .fu-category-products{
    padding:0 8px 6px 12px;
    margin-top:-2px;
  }
  .fu-category-filter:hover + .fu-category-products,
  .fu-category-products:hover{
    display:block !important;
  }
  .fu-category-product{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:8px 10px!important;
    margin:1px 0;
    border-radius:9px;
    font-size:11.5px!important;
    font-weight:600!important;
    color:#766b72!important;
    text-decoration:none!important;
  }
  .fu-category-product:hover{
    background:#fff8fb;
    color:var(--pink)!important;
  }
  .fu-category-product-name{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    min-width:0;
  }
  .fu-category-product-arrow{
    flex:0 0 auto;
    color:#c6b7bf;
    transition:transform .15s ease,color .15s ease;
  }
  .fu-category-product:hover .fu-category-product-arrow{
    transform:translateX(3px);
    color:var(--pink);
  }
  .fu-category-empty{
    padding:6px 10px 8px;
    color:#a99da4;
    font-size:11px;
    font-style:italic;
  }
}
@media (max-width:1000px){
  .fu-category-product-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;}
  .fu-category-product-arrow{flex:0 0 auto;color:#c6b7bf;}
  .fu-category-empty{padding:6px 10px 8px;color:#a99da4;font-size:11px;font-style:italic;}
}