/* PhoneYa2 shared homepage header — single source of truth */
:root{--py2-header-height:72px;--py2-tabs-height:44px;--py2-cat-height:44px;--py2-green:#159447;--py2-orange:#ff6500;--py2-blue:#1677e8}
html{scroll-padding-top:calc(var(--py2-header-height) + var(--py2-tabs-height) + var(--py2-cat-height) + 14px);overflow-x:clip}
body{padding-top:calc(var(--py2-header-height) + var(--py2-tabs-height))!important;overflow-x:clip}
body>.top-header{position:fixed!important;inset:0 0 auto 0!important;width:100%!important;min-height:72px!important;height:auto!important;box-sizing:border-box!important;z-index:1600!important;margin:0!important;transform:none!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid rgba(21,148,71,.16)!important;box-shadow:0 5px 20px rgba(15,23,42,.08)!important;-webkit-backdrop-filter:blur(14px)!important;backdrop-filter:blur(14px)!important;padding:0!important}
body>.top-header .top-header-inner{width:100%!important;max-width:1440px!important;min-height:72px!important;height:auto!important;margin:0 auto!important;padding:9px clamp(12px,2.2vw,28px)!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:14px!important}
body .logo-wrap{display:flex!important;align-items:center!important;gap:9px!important;flex:0 0 auto!important;min-width:0!important;text-decoration:none!important;line-height:1!important}
body .logo-img{display:block!important;width:44px!important;height:44px!important;flex:0 0 44px!important;max-width:44px!important;object-fit:contain!important;border-radius:9px!important}
body .logo-text-block{display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;min-width:0!important;line-height:1!important}
body .logo-brand-name{display:flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;font-family:'Syne','DM Sans',sans-serif!important;font-size:25px!important;font-weight:900!important;letter-spacing:-.8px!important;line-height:1!important}
body .brand-phone-word{color:#111!important}body .brand-phone-ya{color:#159447!important}
body .brand-phone-two{display:inline-block!important;color:#ff6500!important;font-size:1.3em!important;font-weight:950!important;line-height:.82!important;vertical-align:-.04em!important}
body .logo-brand-sub{display:block!important;color:#1677e8!important;font-family:'DM Sans',sans-serif!important;font-size:14px!important;font-weight:800!important;letter-spacing:1.15px!important;line-height:1.1!important;margin:4px 0 0!important;opacity:1!important}
body>.top-header .header-search{display:block!important;flex:1 1 220px!important;min-width:100px!important;max-width:520px!important;margin:0!important}
body>.top-header .search-box{display:flex!important;align-items:center!important;width:100%!important;min-width:0!important;height:42px!important;border:1px solid #dce3eb!important;border-radius:11px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important}
body>.top-header .search-box:focus-within{border-color:#ff6500!important;box-shadow:0 0 0 3px rgba(255,101,0,.1)!important}
body>.top-header .search-box input{flex:1 1 auto!important;min-width:0!important;width:100%!important;height:100%!important;padding:0 12px!important;border:0!important;outline:0!important;background:transparent!important;color:#17212f!important;font-size:13px!important;box-shadow:none!important}
body>.top-header .search-box button{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;align-self:stretch!important;min-width:42px!important;padding:0 14px!important;border:0!important;border-radius:0!important;background:#ff6500!important;color:#fff!important;cursor:pointer!important}
body>.top-header .header-cart-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex:0 0 auto!important;min-height:40px!important;margin:0!important;padding:9px 12px!important;border:1px solid #ffd8c3!important;border-radius:10px!important;background:#fff5ee!important;color:#a33d00!important;font-size:12px!important;font-weight:800!important;text-decoration:none!important;white-space:nowrap!important}
body>.top-header .cart-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:20px!important;height:20px!important;padding:0 5px!important;border-radius:999px!important;background:#ff6500!important;color:#fff!important;font-size:11px!important;font-weight:900!important}
body>.top-header .hamburger{display:none!important;align-items:center!important;justify-content:center!important;flex:0 0 38px!important;width:38px!important;height:38px!important;padding:0!important;border:1px solid #e4eaf0!important;border-radius:10px!important;background:#fff!important;color:#17212f!important;font-size:18px!important;cursor:pointer!important}
body>nav.py2-quick-tabs{position:fixed!important;top:var(--py2-header-height,72px)!important;left:0!important;right:0!important;width:100%!important;min-width:100%!important;max-width:none!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;margin:0!important;padding:6px clamp(8px,2vw,24px)!important;background:rgba(255,255,255,.98)!important;border:0!important;border-bottom:1px solid rgba(21,148,71,.15)!important;border-radius:0 0 12px 12px!important;box-shadow:0 5px 15px rgba(15,23,42,.06)!important;z-index:1590!important;transform:none!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}
body>nav.py2-quick-tabs>a{display:inline-flex!important;flex:0 1 112px!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:7px!important;padding:8px 12px!important;border:0!important;border-radius:9px!important;white-space:nowrap!important;color:#334155!important;text-decoration:none!important;font:700 12px/1.1 'DM Sans',sans-serif!important;transition:background .18s ease,color .18s ease!important}
body>nav.py2-quick-tabs>a i{font-size:13px!important;color:#159447!important}
body>nav.py2-quick-tabs>a:hover{background:#f0fdf4!important;color:#15803d!important}
body>nav.py2-quick-tabs>a.is-active{background:#111827!important;color:#fff!important}
body>nav.py2-quick-tabs>a.is-active i{color:#ff8a3d!important}
body>.cat-nav{position:sticky!important;top:calc(var(--py2-header-height,72px) + var(--py2-tabs-height,44px))!important;z-index:1180!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#fff!important;border:0!important;border-bottom:1px solid #e5eaf0!important;border-radius:0!important;box-shadow:0 5px 14px rgba(15,23,42,.045)!important}
body>.cat-nav>.cat-nav-inner{display:flex!important;align-items:center!important;gap:2px!important;width:100%!important;max-width:1320px!important;min-width:0!important;margin:0 auto!important;padding:0 clamp(8px,2vw,22px)!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}
body>.cat-nav>.cat-nav-inner::-webkit-scrollbar{display:none!important}
body>.cat-nav .cat-nav-item{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;min-height:44px!important;padding:11px clamp(10px,1.2vw,16px)!important;border:0!important;border-bottom:2px solid transparent!important;background:transparent!important;color:#536174!important;font:700 12px/1.1 'DM Sans',sans-serif!important;text-decoration:none!important;white-space:nowrap!important}
body>.cat-nav .cat-nav-item:hover,body>.cat-nav .cat-nav-item.active{color:#ff6500!important;border-bottom-color:#ff6500!important;background:#fff8f3!important}
body>.top-header .desk-nav{display:none!important}
body>header .header-inner>nav{display:none!important}
@media(max-width:1024px){body>.top-header .hamburger{display:inline-flex!important}}
@media(max-width:760px){
 :root{--py2-header-height:62px}
 body{padding-top:calc(var(--py2-header-height) + var(--py2-tabs-height))!important}
 body>.top-header,body>.top-header .top-header-inner{min-height:62px!important}
 body>.top-header .top-header-inner{padding:7px 10px!important;gap:8px!important}
 body .logo-wrap{gap:6px!important}
 body .logo-img{width:38px!important;height:38px!important;flex-basis:38px!important;max-width:38px!important}
 body .logo-brand-name{font-size:21px!important;letter-spacing:-.6px!important}
 body .logo-brand-sub{font-size:12px!important;letter-spacing:.9px!important;margin-top:3px!important}
 body>.top-header .header-search{flex:1 1 90px!important;min-width:52px!important;max-width:none!important}
 body>.top-header .search-box{height:36px!important}
 body>.top-header .search-box input{padding:0 7px!important;font-size:11px!important}
 body>.top-header .search-box input::placeholder{color:#7b8794!important}
 body>.top-header .search-box button{min-width:31px!important;padding:0 8px!important}
 body>.top-header .header-cart-cta{gap:4px!important;min-height:36px!important;padding:7px 7px!important;font-size:11px!important}
 body>.top-header .header-cart-cta .cart-emoji{font-size:14px!important}
 body>.top-header .hamburger{flex-basis:34px!important;width:34px!important;height:34px!important}
 body>nav.py2-quick-tabs{top:var(--py2-header-height,62px)!important;gap:1px!important;padding:5px 3px!important;border-radius:0!important}
 body>nav.py2-quick-tabs>a{flex:1 1 0!important;flex-direction:column!important;gap:3px!important;padding:5px 1px!important;font-size:10px!important;border-radius:7px!important}
 body>nav.py2-quick-tabs>a i{font-size:12px!important}
 body>.cat-nav .cat-nav-item{min-height:40px!important;padding:10px 11px!important;font-size:11px!important}
}
@media(max-width:390px){
 body>.top-header .top-header-inner{gap:5px!important;padding-left:7px!important;padding-right:7px!important}
 body .logo-img{width:32px!important;height:32px!important;flex-basis:32px!important;max-width:32px!important}
 body .logo-brand-name{font-size:17px!important;letter-spacing:-.7px!important}
 body .logo-brand-sub{font-size:9px!important;letter-spacing:.6px!important}
 body>.top-header .header-search{min-width:40px!important}
 body>.top-header .search-box input{padding:0 4px!important}
 body>.top-header .search-box input::placeholder{color:transparent!important}
 body>.top-header .header-cart-cta{padding:7px 5px!important}
 body>.top-header .header-cart-cta .cart-word{display:none!important}
 body>.top-header .hamburger{flex-basis:31px!important;width:31px!important;height:31px!important}
}
@media(prefers-reduced-motion:reduce){body>nav.py2-quick-tabs>a{transition:none!important}}
/* Shared drawer used only on pages that do not already have one */
.py2-header-drawer{display:none;position:fixed;inset:0;z-index:2000;background:rgba(15,23,42,.48);backdrop-filter:blur(3px)}
.py2-header-drawer.open{display:block}
.py2-header-drawer-panel{position:absolute;inset:0 auto 0 0;width:min(340px,88vw);overflow-y:auto;background:#fff;box-shadow:12px 0 35px rgba(15,23,42,.2);padding:0 0 24px}
.py2-header-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 16px;border-bottom:1px solid #e7edf2}
.py2-header-drawer-head strong{font-size:18px;color:#17212f}
.py2-header-drawer-close{border:0;background:#f1f5f9;border-radius:9px;width:36px;height:36px;font-size:20px}
.py2-header-drawer-links{display:grid;gap:4px;padding:14px}
.py2-header-drawer-links a{display:flex;align-items:center;gap:11px;padding:13px 12px;border-radius:9px;color:#334155;text-decoration:none;font-weight:700}
.py2-header-drawer-links a:hover{background:#f0fdf4;color:#15803d}
.py2-header-drawer-order{display:flex;align-items:center;gap:8px;margin:8px 14px 0;padding:13px;border-radius:10px;background:#ff6500;color:#fff!important;text-decoration:none;font-weight:800}

body>.top-header .py2-global-blog-button{position:relative!important;isolation:isolate!important;flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;margin:0 2px!important;padding:7px 10px!important;border:1px solid #65aaff!important;border-radius:100px!important;background:linear-gradient(135deg,#eff8ff,#d9eaff)!important;color:#0754ad!important;font:900 12px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif!important;text-decoration:none!important;white-space:nowrap!important;box-shadow:0 0 0 1px #68b6ff40,0 0 13px #168bff4d,0 0 25px #168bff20!important;transition:transform .2s,box-shadow .2s!important}
body>.top-header .py2-global-blog-button span:first-child{font-size:15px!important;filter:drop-shadow(0 0 4px #168bff70)}
body>.top-header .py2-global-blog-button:hover{transform:translateY(-1px)!important;box-shadow:0 0 0 1px #168bff80,0 0 18px #168bff70!important}
body>.top-header .py2-global-blog-button:focus-visible{outline:3px solid #168bff!important;outline-offset:3px!important}
@media(max-width:520px){
 body>.top-header .py2-global-blog-button{padding:6px 7px!important;font-size:10px!important;gap:3px!important;margin:0!important}
 body>.top-header .py2-global-blog-button span:first-child{font-size:13px!important}
 body>.top-header .logo-wrap{max-width:calc(100% - 44px)!important}
 body>.top-header .header-search{flex:1 1 50px!important;min-width:40px!important}
 body>.top-header .header-cart-cta .cart-word{display:none!important}
}
@media(prefers-reduced-motion:reduce){body>.top-header .py2-global-blog-button{transition:none!important}}


/* UX correction: product search and category navigation belong on the Shop page only. */
body>.top-header .header-search{display:none!important}
body.shop-page>.top-header .header-search{display:flex!important}
body>.cat-nav{display:none!important}
body.shop-page>.cat-nav{display:block!important}


/* Professional menu normalization: works with the legacy Home/Shop, About/Contact,
   and shared fallback drawers without changing their page-specific links. */
:root { --py2-menu-z: 5000; }
body.py2-menu-open { overflow: hidden !important; }
body > .mob-nav,
body > .mobile-nav,
body > #mob-nav,
body > #mobile-nav,
body > .py2-header-drawer {
  position: fixed !important;
  inset: 0 !important;
  z-index: var(--py2-menu-z) !important;
  width: 100% !important;
  max-width: none !important;
  height: 100vh !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  padding: env(safe-area-inset-top) 0 env(safe-area-inset-bottom) 0 !important;
  background: rgba(15, 23, 42, .56) !important;
  -webkit-backdrop-filter: blur(3px) !important;
  backdrop-filter: blur(3px) !important;
}
body > .mob-nav.open,
body > .mobile-nav.open,
body > #mob-nav.open,
body > #mobile-nav.open,
body > .py2-header-drawer.open { display: flex !important; }
body > .mob-nav,
body > #mob-nav { align-items: stretch !important; justify-content: flex-start !important; }
body > .mob-nav > .mob-nav-panel,
body > #mob-nav > .mob-nav-panel,
body > .mobile-nav > .mobile-nav-panel,
body > #mobile-nav > .mobile-nav-panel,
body > .py2-header-drawer > .py2-header-drawer-panel {
  position: relative !important;
  inset: auto !important;
  display: flex !important;
  flex: 0 1 min(360px, 90vw) !important;
  flex-direction: column !important;
  width: min(360px, 90vw) !important;
  min-width: 0 !important;
  max-width: 90vw !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 0 0 max(18px, env(safe-area-inset-bottom)) !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  overscroll-behavior-y: contain !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-gutter: stable !important;
  background: #fff !important;
  box-shadow: 12px 0 40px rgba(15, 23, 42, .22) !important;
  border: 0 !important;
  border-radius: 0 16px 16px 0 !important;
  animation: py2-menu-enter .2s ease-out both !important;
}
body > .mobile-nav,
body > #mobile-nav { align-items: stretch !important; flex-direction: column !important; }
body > .mobile-nav > a,
body > #mobile-nav > a { flex: 0 0 auto !important; }
body > .mob-nav .mob-nav-hdr,
body > #mob-nav .mob-nav-hdr,
body > .py2-header-drawer .py2-header-drawer-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  flex: 0 0 auto !important;
  background: #fff !important;
  color: #17212f !important;
  border-bottom: 1px solid #e8edf3 !important;
  padding-top: max(16px, env(safe-area-inset-top)) !important;
  box-shadow: 0 3px 12px rgba(15, 23, 42, .04) !important;
}
body > .mob-nav .mob-nav-links,
body > #mob-nav .mob-nav-links,
body > .py2-header-drawer .py2-header-drawer-links {
  display: grid !important;
  flex: 0 0 auto !important;
  gap: 5px !important;
  padding: 14px !important;
}
body > .mob-nav .mob-nav-links a,
body > #mob-nav .mob-nav-links a,
body > .py2-header-drawer .py2-header-drawer-links a,
body > .mobile-nav > a,
body > #mobile-nav > a {
  min-height: 46px !important;
  box-sizing: border-box !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 14px !important;
  border-radius: 10px !important;
  color: #243244 !important;
  font: 700 14px/1.35 system-ui, -apple-system, "Segoe UI", sans-serif !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}
body > .mob-nav .mob-nav-links a:hover,
body > .mob-nav .mob-nav-links a.active,
body > #mob-nav .mob-nav-links a:hover,
body > #mob-nav .mob-nav-links a.active,
body > .py2-header-drawer .py2-header-drawer-links a:hover,
body > .py2-header-drawer .py2-header-drawer-links a:focus-visible,
body > .mobile-nav > a:hover,
body > #mobile-nav > a:hover {
  background: #effaf3 !important;
  color: #11783a !important;
}
body > .mob-nav .mob-nav-cart,
body > #mob-nav .mob-nav-cart,
body > .mob-nav .mob-nav-wa,
body > #mob-nav .mob-nav-wa,
body > .py2-header-drawer .py2-header-drawer-order {
  flex: 0 0 auto !important;
  margin-left: 14px !important;
  margin-right: 14px !important;
}
body > .mob-nav .mob-nav-close,
body > #mob-nav .mob-nav-close,
body > .py2-header-drawer .py2-header-drawer-close {
  flex: 0 0 40px !important;
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 10px !important;
  cursor: pointer !important;
}
body > .mobile-nav:not(.open),
body > #mobile-nav:not(.open),
body > .mob-nav:not(.open),
body > #mob-nav:not(.open),
body > .py2-header-drawer:not(.open) { display: none !important; }
body > .mob-nav a:focus-visible,
body > #mob-nav a:focus-visible,
body > .mobile-nav a:focus-visible,
body > #mobile-nav a:focus-visible,
body > .py2-header-drawer a:focus-visible,
body > .mob-nav button:focus-visible,
body > #mob-nav button:focus-visible,
body > .py2-header-drawer button:focus-visible {
  outline: 3px solid #1677e8 !important;
  outline-offset: 2px !important;
}
@keyframes py2-menu-enter {
  from { opacity: .7; transform: translateX(-10px); }
  to { opacity: 1; transform: translateX(0); }
}
@media (max-width: 420px) {
  body > .mob-nav > .mob-nav-panel,
  body > #mob-nav > .mob-nav-panel,
  body > .mobile-nav > .mobile-nav-panel,
  body > #mobile-nav > .mobile-nav-panel,
  body > .py2-header-drawer > .py2-header-drawer-panel {
    width: min(340px, 92vw) !important;
    max-width: 92vw !important;
    border-radius: 0 13px 13px 0 !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  body > .mob-nav > .mob-nav-panel,
  body > #mob-nav > .mob-nav-panel,
  body > .mobile-nav > .mobile-nav-panel,
  body > #mobile-nav > .mobile-nav-panel,
  body > .py2-header-drawer > .py2-header-drawer-panel { animation: none !important; }
}

/* About/Contact use a flat link list rather than a nested panel; create a panel surface
   behind that list so the backdrop never becomes the menu's content area. */
body > .mobile-nav,
body > #mobile-nav {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  background: rgba(15, 23, 42, .56) !important;
}
body > .mobile-nav::before,
body > #mobile-nav::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 auto 0 0 !important;
  width: min(360px, 90vw) !important;
  height: 100% !important;
  background: #fff !important;
  border-radius: 0 16px 16px 0 !important;
  box-shadow: 12px 0 40px rgba(15, 23, 42, .22) !important;
}
body > .mobile-nav > a,
body > #mobile-nav > a {
  position: relative !important;
  z-index: 1 !important;
  width: min(360px, 90vw) !important;
  max-width: 90vw !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
}
body > .mobile-nav > a:first-child,
body > #mobile-nav > a:first-child { margin-top: max(18px, env(safe-area-inset-top)) !important; }


/* Unified homepage-style navigation and functional product search */
body.py2-menu-open{overflow:hidden!important;overscroll-behavior:none!important}
body>.mob-nav{display:none!important;align-items:stretch!important;justify-content:flex-start!important;flex-direction:row!important}
body>.mob-nav.open{display:flex!important}
body>.mob-nav>.mob-nav-panel{width:min(360px,90vw)!important;max-width:90vw!important}
body>.mob-nav .mob-nav-hdr{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
body>.mob-nav .mob-nav-hdr-brand{font-size:23px!important;font-weight:900!important;line-height:1!important}
body>.mob-nav .mob-nav-hdr-sub{margin-top:3px!important;color:#1677e8!important;font-size:12px!important;font-weight:800!important;letter-spacing:1px!important}
body>.mob-nav .mob-nav-close{background:#fff!important;color:#050505!important;border:1px solid #111!important;border-radius:9px!important;font-size:21px!important;box-shadow:0 1px 3px #00000012!important}
body>.mob-nav .mob-nav-close i{color:#050505!important}
body>.mob-nav .py2-menu-search{display:block!important;flex:0 0 auto!important;margin:0!important;padding:14px 16px!important;border-bottom:1px solid #edf0f4!important}
body>.mob-nav .py2-menu-search label{display:block!important;margin:0 0 7px!important;color:#475569!important;font:700 12px/1.3 system-ui,sans-serif!important}
body>.mob-nav .py2-menu-search .search-box{display:flex!important;width:100%!important;height:42px!important;border:1px solid #d9e1ea!important;border-radius:10px!important;overflow:hidden!important}
body>.mob-nav .py2-menu-search input{min-width:0!important;width:100%!important;flex:1 1 auto!important;padding:0 11px!important;border:0!important;outline:0!important;color:#17212f!important;background:#fff!important;font-size:14px!important}
body>.mob-nav .py2-menu-search button{display:flex!important;align-items:center!important;justify-content:center!important;min-width:44px!important;border:0!important;background:#ff6500!important;color:#fff!important;cursor:pointer!important}
body>.mob-nav .mob-nav-links{padding:12px 14px!important}
body>.mob-nav .mob-nav-links a{border:1px solid transparent!important}
body>.mob-nav .mob-nav-cart,body>.mob-nav .mob-nav-wa{min-height:46px!important;display:flex!important;align-items:center!important;gap:9px!important;padding:12px 14px!important;border-radius:10px!important;text-decoration:none!important;font-weight:800!important}
body>.mob-nav .mob-nav-cart{margin:2px 14px 8px!important;background:#f1f5f9!important;color:#17212f!important}
body>.mob-nav .mob-nav-wa{margin:0 14px 18px!important;background:#159447!important;color:#fff!important}
body>.mob-nav .mob-nav-cart .cart-count{margin-left:0!important}
@media(prefers-reduced-motion:reduce){body>.mob-nav>.mob-nav-panel{animation:none!important}}