/* Final centered desktop navigation with icons */
@media (min-width: 992px){
  .reference-shop-header .centered-icon-menu{
    display:block!important;
    background:#fff;
    border-top:1px solid #f5e4ea;
    border-bottom:1px solid #efd7df;
    box-shadow:0 5px 16px rgba(120,57,78,.04);
  }
  .reference-shop-header .centered-icon-menu .shop-nav-scroll{
    width:100%;
    min-height:60px;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    gap:clamp(22px,2.7vw,44px)!important;
    overflow:visible!important;
    padding:0 18px!important;
    white-space:nowrap;
  }
  .reference-shop-header .centered-icon-menu a,
  .reference-shop-header .centered-icon-menu .nav-dropdown-toggle{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:59px;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#32282c!important;
    font-size:15px!important;
    font-weight:600!important;
    line-height:1;
    text-decoration:none!important;
    box-shadow:none!important;
    position:relative;
    transition:color .22s ease, transform .22s ease;
  }
  .reference-shop-header .centered-icon-menu a>i:not(.nav-chevron),
  .reference-shop-header .centered-icon-menu .nav-dropdown-toggle>i:not(.nav-chevron){
    color:#cb6d8e!important;
    font-size:15px!important;
  }
  .reference-shop-header .centered-icon-menu a:after,
  .reference-shop-header .centered-icon-menu .nav-dropdown-toggle:after{
    content:"";
    position:absolute;
    left:50%;
    bottom:10px;
    width:0;
    height:2px;
    border-radius:2px;
    background:#cb6d8e;
    transform:translateX(-50%);
    transition:width .22s ease;
  }
  .reference-shop-header .centered-icon-menu a:hover,
  .reference-shop-header .centered-icon-menu a.active,
  .reference-shop-header .centered-icon-menu .nav-dropdown:hover>.nav-dropdown-toggle{
    color:#a84769!important;
    transform:translateY(-1px);
  }
  .reference-shop-header .centered-icon-menu a:hover:after,
  .reference-shop-header .centered-icon-menu a.active:after,
  .reference-shop-header .centered-icon-menu .nav-dropdown:hover>.nav-dropdown-toggle:after{width:100%}
  .reference-shop-header .nav-dropdown{position:relative;display:flex;align-items:center}
  .reference-shop-header .nav-chevron{font-size:12px!important;color:#856a74!important;margin-left:1px}
  .reference-shop-header .nav-dropdown-menu{
    position:absolute;
    z-index:1000;
    top:calc(100% - 2px);
    left:50%;
    transform:translate(-50%,10px);
    width:245px;
    max-height:410px;
    overflow:auto;
    padding:10px;
    background:#fff;
    border:1px solid #efd7df;
    border-radius:16px;
    box-shadow:0 20px 45px rgba(86,42,57,.15);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.2s ease;
  }
  .reference-shop-header .nav-dropdown:hover .nav-dropdown-menu,
  .reference-shop-header .nav-dropdown:focus-within .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
  .reference-shop-header .nav-dropdown-menu a{
    min-height:42px!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:0 12px!important;
    border-radius:10px!important;
    font-size:14px!important;
  }
  .reference-shop-header .nav-dropdown-menu a:after{display:none!important}
  .reference-shop-header .nav-dropdown-menu a:hover{background:#fff3f7!important;transform:none!important}
}
/* Icons and labels aligned in mobile drawer */
.mobile-site-menu .mobile-menu-links>a{
  display:flex!important;
  align-items:center!important;
  gap:11px!important;
}
.mobile-site-menu .mobile-menu-links>a i{
  width:20px;
  text-align:center;
  color:#c45f83!important;
  font-size:16px;
}
@media (max-width: 1180px) and (min-width: 992px){
  .reference-shop-header .centered-icon-menu .shop-nav-scroll{gap:20px!important}
  .reference-shop-header .centered-icon-menu a,
  .reference-shop-header .centered-icon-menu .nav-dropdown-toggle{font-size:14px!important}
}
