@media (max-width:992px){

.pb-container{
    width:100%;
    padding:0 14px;
}

.top-bar{
    display:none;
}

.header{
    top:0;
    left:0;
    height:64px;
    background:#fff;
    border-bottom:1px solid #ececec;
    box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.header,
.header.scrolled{
    height:64px;
}

.header-inner{
    height:64px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
}

/* Desktop Logo Hide */

.logo{
    display:none !important;
}

/* Toggle */

.mobile-toggle{
    display:flex !important;
    width:40px;
    height:40px;
    flex:0 0 40px;
    align-items:center;
    justify-content:center;
    order:1;
    position:relative;
    z-index:20;
    color:#222 !important;
    cursor:pointer;
}

.mobile-toggle i{
    font-size:22px;
}

/* Brand */

.mobile-brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    display:block !important;
    font-size:22px;
    font-weight:700;
    white-space:nowrap;
    text-decoration:none;
    color:#222 !important;
    pointer-events:none;
    z-index:10;
}

/* Icons */

.header-icons{
    width:auto !important;
    flex:none !important;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:8px;
    margin-left:auto;
    order:3;
    position:relative;
    z-index:20;
}

.icon-link{
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#222;
}

.cart-icon{
    position:relative;
    z-index:10005;
}

#cartCount{
    width:18px;
    height:18px;
    font-size:10px;
}

}

@media (max-width:992px){
.desktop-nav{position:fixed;top:0;left:-100%;width:290px;height:100vh;background:#222;display:flex !important;flex-direction:column;align-items:flex-start;padding:25px 20px;overflow-y:auto;transition:left .35s ease;z-index:10000;}
.desktop-nav.active{left:0;}
.mobile-menu-logo{width:100%;display:flex !important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12);}
.mobile-menu-logo img{width:90px;height:90px;border-radius:50%;object-fit:cover;margin-bottom:12px;}
.mobile-menu-logo h3{margin:0;color:#fff;font-size:24px;font-family:'Cormorant Garamond',serif;}
.mobile-menu-logo span{margin-top:6px;color:#bbb;font-size:12px;letter-spacing:2px;text-transform:uppercase;}
.desktop-nav a{width:100%;padding:16px 0;color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.08);transition:.25s;}
.desktop-nav a:hover,
.desktop-nav a.active{color:var(--gold);padding-left:8px;}
.nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);opacity:0;transition:.3s;}
.nav-overlay.active{opacity:1;}}

@media (max-width:768px){
.header,.header.scrolled{height:60px;}
.header-inner{height:60px;}
.mobile-toggle,.icon-link{width:36px;height:36px;}
.mobile-toggle i{font-size:20px;}
.mobile-brand{font-size:20px;}
.desktop-nav{width:280px;}
#miniCart{top:70px;}
}

@media (max-width:480px){
.pb-container{padding:0 10px;}
.header,.header.scrolled{height:56px;}
.header-inner{height:56px;}
.mobile-toggle i{font-size:19px;}
.mobile-brand{font-size:18px;max-width:170px;overflow:hidden;text-overflow:ellipsis;}
.header-icons{gap:4px;}
.desktop-nav{width:270px;padding:22px 18px;}
.mobile-menu-logo img{width:80px;height:80px;}
.mobile-menu-logo h3{font-size:22px;}
.mobile-menu-logo span{font-size:11px;}
.desktop-nav a{font-size:15px;padding:14px 0;}
#cartCount{width:16px;height:16px;font-size:9px;}
#miniCart{top:66px;left:8px;right:8px;width:auto;}

}
body.nav-open .mobile-toggle{
    color:#222 !important;
}
body.nav-open{overflow:hidden;}
.desktop-nav,
.nav-overlay,
.mobile-toggle,
.mobile-brand{transition:.3s;}
.mobile-brand{pointer-events:none;}