/* ===== MOBILE DRAWER ===== */

#mobile-drawer .drawer-inner{width:340px!important;max-width:88%!important;background:#fff!important;display:flex!important;flex-direction:column!important;box-shadow:6px 0 30px rgba(0,0,0,.28)!important}

#mobile-drawer .drawer-overlay{background:rgba(10,10,8,.55)!important}

/* branded header */

#mobile-drawer .drawer-header{background:linear-gradient(180deg,#1e1e1a 0%,#141412 100%)!important;padding:14px 16px!important;min-height:64px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex:0 0 auto!important;border-bottom:1px solid rgba(245,168,0,.3)!important;position:relative!important}

#mobile-drawer .bot-drawer-brand{display:flex;align-items:center;gap:10px;min-width:0}

#mobile-drawer .bot-drawer-brand img{max-height:40px!important;max-width:190px!important;width:auto!important;height:auto!important;display:block;filter:brightness(0) invert(1)}

#mobile-drawer .bot-drawer-tag{display:block;font-size:9.5px;font-weight:800;letter-spacing:.15em;color:#f5a800;margin-top:3px;text-transform:uppercase}

#mobile-drawer .menu-toggle-close{flex:0 0 auto!important;width:38px!important;height:38px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;transition:background .16s ease,border-color .16s ease}

#mobile-drawer .menu-toggle-close:hover,#mobile-drawer .menu-toggle-close:focus-visible{background:rgba(245,168,0,.9)!important;border-color:#f5a800!important}

#mobile-drawer .menu-toggle-close .toggle-close-bar{background:#fff!important;height:2px!important;width:16px!important}

#mobile-drawer .menu-toggle-close:hover .toggle-close-bar{background:#171713!important}

/* search inside drawer */

#mobile-drawer .bot-drawer-search{flex:0 0 auto;padding:12px 14px;background:#faf9f7;border-bottom:1px solid #eceae4}

#mobile-drawer .bot-drawer-search form{display:flex;align-items:center;background:#fff;border:1px solid #e2ded4;border-radius:10px;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}

#mobile-drawer .bot-drawer-search form:focus-within{border-color:#f5a800;box-shadow:0 0 0 3px rgba(245,168,0,.16)}

#mobile-drawer .bot-drawer-search input[type=search],#mobile-drawer .bot-drawer-search input[type=text]{flex:1 1 auto;min-width:0;border:0!important;outline:0!important;background:transparent!important;height:42px!important;padding:0 12px!important;font-size:14px!important;color:#171713!important;box-shadow:none!important;margin:0!important;border-radius:0!important}

#mobile-drawer .bot-drawer-search button{flex:0 0 auto;border:0!important;background:#171713!important;color:#ffd15c!important;height:42px!important;padding:0 16px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important;cursor:pointer;border-radius:0!important;margin:0!important}

#mobile-drawer .bot-drawer-search button:hover{background:#000!important}

/* scrollable menu area */

#mobile-drawer .drawer-content{flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;padding:6px 0 8px!important;min-height:0!important}



/* menu items */

#mobile-site-navigation ul.menu{margin:0!important;padding:0!important;list-style:none!important}

#mobile-site-navigation ul.menu > li{border-bottom:1px solid #f0eee8!important;position:relative!important}

#mobile-site-navigation ul.menu > li:last-child{border-bottom:0!important}

#mobile-site-navigation ul.menu > li > a{display:flex!important;align-items:center!important;min-height:50px!important;padding:13px 16px!important;font-size:13.5px!important;font-weight:700!important;letter-spacing:.04em!important;color:#171713!important;text-transform:uppercase!important;text-decoration:none!important;transition:background .15s ease,color .15s ease}

#mobile-site-navigation ul.menu > li > a:hover,#mobile-site-navigation ul.menu > li > a:focus{background:#faf8f4!important;color:#000!important}

/* active page */

#mobile-site-navigation ul.menu > li.current-menu-item > a,#mobile-site-navigation ul.menu > li.current-menu-ancestor > a,#mobile-site-navigation ul.menu > li.current-menu-parent > a{color:#171713!important;background:#fffaf0!important}

#mobile-site-navigation ul.menu > li.current-menu-item::before,#mobile-site-navigation ul.menu > li.current-menu-ancestor::before,#mobile-site-navigation ul.menu > li.current-menu-parent::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#f5a800;z-index:1}

/* expand toggles */

#mobile-site-navigation .drawer-sub-toggle{width:50px!important;min-height:50px!important;border:0!important;background:transparent!important;color:#6d6a62!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:color .15s ease,transform .2s ease}

#mobile-site-navigation .drawer-sub-toggle:hover{color:#f5a800!important}

#mobile-site-navigation .drawer-sub-toggle svg,#mobile-site-navigation .drawer-sub-toggle .base-svg-iconset{transition:transform .2s ease}

/* submenus */

/* group headings inside mega submenus */

/* badges (SALE / HOT) */

#mobile-site-navigation .menu-label-highlight,#mobile-site-navigation .menu-highlight-text{font-size:9px!important;letter-spacing:.08em!important;padding:2px 7px!important;border-radius:999px!important;margin-left:8px!important}



/* plain (non-mega) submenus */

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub){background:#fbfaf8!important;border-top:1px solid #f0eee8!important;padding:4px 0 8px!important;margin:0!important;list-style:none!important}

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub) li{border:0!important;margin:0!important}

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub) a{display:block!important;min-height:40px!important;padding:10px 16px 10px 30px!important;font-size:13.5px!important;font-weight:500!important;letter-spacing:0!important;text-transform:none!important;color:#5f5c55!important;text-decoration:none!important;position:relative;transition:color .15s ease,background .15s ease}

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub) a:hover{color:#171713!important;background:#f4f1ea!important}

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub) a::before{content:'';position:absolute;left:17px;top:50%;width:4px;height:4px;border-radius:50%;background:#d8d3c7;transform:translateY(-50%);transition:background .15s ease}

#mobile-site-navigation ul.sub-menu:not(.bot-mega-sub) a:hover::before{background:#f5a800}

/* Elementor mega content inside drawer - minimal, non-invasive */

#mobile-site-navigation ul.sub-menu.bot-mega-sub{background:#fbfaf8!important;border-top:1px solid #f0eee8!important;margin:0!important;padding:2px 0 6px!important;list-style:none!important}

#mobile-site-navigation ul.sub-menu.bot-mega-sub > li{border:0!important;margin:0!important}



/* ===== DRAWER FOOTER ACTION BLOCK ===== */

#mobile-drawer .bot-drawer-foot{flex:0 0 auto;background:linear-gradient(180deg,#1a1a17 0%,#111110 100%);padding:14px 14px 16px;border-top:1px solid rgba(245,168,0,.28)}

#mobile-drawer .bot-drawer-cta{display:flex;gap:8px;margin-bottom:10px}

#mobile-drawer .bot-drawer-cta a{flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;border-radius:10px;font-size:13px;font-weight:800;letter-spacing:.02em;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}

#mobile-drawer .bot-cta-call{background:#f5a800;color:#171713}

#mobile-drawer .bot-cta-call:hover{background:#ffbe2e;transform:translateY(-1px);box-shadow:0 6px 16px rgba(245,168,0,.3)}

#mobile-drawer .bot-cta-wa{background:#25d366;color:#fff}

#mobile-drawer .bot-cta-wa:hover{background:#1fbe5a;transform:translateY(-1px);box-shadow:0 6px 16px rgba(37,211,102,.3)}

#mobile-drawer .bot-drawer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:12px}

#mobile-drawer .bot-drawer-links a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);border-radius:10px;color:#c9c5bd;font-size:11px;font-weight:600;letter-spacing:.02em;text-decoration:none;transition:border-color .15s ease,background .15s ease,color .15s ease}

#mobile-drawer .bot-drawer-links a:hover{border-color:rgba(245,168,0,.55);background:rgba(245,168,0,.1);color:#fff}

#mobile-drawer .bot-drawer-links .bot-dl-ico{font-size:15px;line-height:1;color:#f5a800}

#mobile-drawer .bot-drawer-trust{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#7d7a73;text-align:center}

#mobile-drawer .bot-drawer-trust::before{content:'';width:5px;height:5px;border-radius:50%;background:#f5a800;flex:0 0 auto}

@media(max-width:360px){

#mobile-drawer .bot-drawer-cta a{font-size:12px;min-height:42px}

#mobile-drawer .bot-drawer-links a{min-height:48px;font-size:10px}

#mobile-drawer .bot-drawer-search{padding:10px 12px}

}

/* ===== DESKTOP NAV POLISH ===== */

@media(min-width:1025px){

.main-navigation ul.menu > li.menu-item > a{position:relative;transition:color .16s ease}

.main-navigation ul.menu > li.menu-item > a::after{content:'';position:absolute;left:19px;right:19px;bottom:12px;height:2px;border-radius:2px;background:#f5a800;transform:scaleX(0);transform-origin:center;transition:transform .2s cubic-bezier(.4,0,.2,1)}

.main-navigation ul.menu > li.menu-item:hover > a::after,.main-navigation ul.menu > li.current-menu-item > a::after,.main-navigation ul.menu > li.current-menu-ancestor > a::after,.main-navigation ul.menu > li.current-menu-parent > a::after{transform:scaleX(1)}

.main-navigation ul.menu > li.current-menu-item > a,.main-navigation ul.menu > li.current-menu-ancestor > a{color:#171713!important}

.main-navigation ul.sub-menu,.main-navigation .base-menu-mega-enabled > ul{border-radius:0 0 12px 12px!important;box-shadow:0 14px 38px rgba(23,23,19,.14),0 2px 8px rgba(23,23,19,.06)!important;border-top:2px solid #f5a800!important}

.main-navigation ul.sub-menu a{transition:color .15s ease,background .15s ease}

}



/* slide-in + scroll lock */

#mobile-drawer.popup-drawer-side-left .drawer-inner{transform:translateX(-100%)!important;transition:transform .32s cubic-bezier(.4,0,.2,1)!important;will-change:transform}

#mobile-drawer.popup-drawer-side-left.show-drawer .drawer-inner,#mobile-drawer.popup-drawer-side-left.active .drawer-inner{transform:translateX(0)!important}

body.showing-popup-drawer-from-left{overflow:hidden!important}