/* ShopCMS v1.12.0 — PromptAll-inspired navigation. Isolated to the two drawers.
   Keep store colors configurable everywhere else. No external assets. */
:root{--cms-drawer-navy:#101a33;--cms-drawer-navy2:#0d152b;--cms-drawer-primary:#366cec;--cms-drawer-purple:#6249ea}
.admin-interface .sidebar,
.admin-interface .sidebar *,.storefront .mobile-menu-drawer,.storefront .mobile-menu-drawer *{box-sizing:border-box}
/* Admin navigation: dark AppSaz look with consistent line icons */
.admin-interface .sidebar{background:linear-gradient(180deg,#101930 0%,#111b36 58%,#0b142a 100%)!important;color:#e9eefc!important;width:280px;padding:20px 14px 22px!important;scrollbar-color:#354466 transparent;scrollbar-width:thin;overscroll-behavior:contain}
.admin-interface .admin-shell{grid-template-columns:280px minmax(0,1fr)}
.admin-interface .admin-drawer-brandrow{min-height:82px;display:flex;align-items:flex-start;gap:7px;border-bottom:1px solid #ffffff16;margin-bottom:16px;padding-bottom:17px}
.admin-interface .admin-brand{flex:1;min-width:0;align-items:center;gap:12px;color:white!important;text-decoration:none;padding:6px 0!important}
.admin-interface .admin-brand-symbol{flex:0 0 49px;width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#4a78fc 0%,#7457f1 100%);box-shadow:0 10px 27px #372dcb66;color:#fff;font-size:23px;font-weight:850}
.admin-interface .admin-brand>div{flex:1;min-width:0;display:grid;gap:3px}
.admin-interface .admin-brand b{font-size:17px!important;font-weight:850;letter-spacing:-.35px;line-height:1.5;white-space:nowrap}
.admin-interface .admin-brand small{font-size:11px!important;line-height:1.45;color:#90a1c4!important;white-space:nowrap}
.admin-interface .sidebar nav{display:flex!important;flex-direction:column!important;gap:5px!important}
.admin-interface .sidebar nav>small{display:block!important;font-size:11px!important;line-height:1.6!important;letter-spacing:0!important;color:#8192b4!important;margin:18px 12px 6px!important;font-weight:650!important}
.admin-interface .sidebar nav>a,.admin-interface .sidebar .nav-group-title{display:flex!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:12px 14px!important;color:#c4cee1!important;border-radius:13px!important;font-size:14px!important;font-weight:650!important;line-height:1.7!important;text-decoration:none!important;cursor:pointer;box-shadow:none!important;border:1px solid transparent!important;transition:background .2s,color .2s,transform .2s}
.admin-interface .sidebar nav>a>span,.admin-interface .sidebar .nav-group-title>span{flex:1;min-width:0}
.admin-interface .sidebar nav>a:hover,.admin-interface .sidebar .nav-group-title:hover{background:#ffffff12!important;color:#fff!important}
.admin-interface .sidebar nav>a.active,.admin-interface .sidebar .nav-group-title.active{background:linear-gradient(108deg,#326df1 0%,#565af4 57%,#6845eb 100%)!important;color:white!important;box-shadow:0 11px 30px #3244c940!important;border-color:#ffffff13!important;font-weight:800!important}
.admin-interface .sidebar .cms-nav-icon{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;flex:0 0 20px;display:inline-block!important;color:inherit;stroke:currentColor!important;vertical-align:middle}
.admin-interface .sidebar .nav-group-title>.cms-nav-icon:last-child{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;flex:0 0 17px;transition:transform .2s}
.admin-interface .sidebar .nav-group[open]>.nav-group-title>.cms-nav-icon:last-child{transform:rotate(180deg)}
.admin-interface .sidebar .nav-group{margin:0!important;padding:0!important;border:0!important;min-width:0}
.admin-interface .sidebar .nav-group>summary{list-style:none!important}
.admin-interface .sidebar .nav-group>summary::-webkit-details-marker{display:none}
.admin-interface .sidebar .nav-sub{display:flex!important;flex-direction:column!important;gap:4px!important;border-right:1px solid #55628070!important;margin:7px 22px 8px 6px!important;padding:2px 12px 3px 0!important;min-width:0}
.admin-interface .sidebar .nav-sub a{color:#9baac7!important;display:flex!important;align-items:center!important;min-height:36px!important;font-size:12.5px!important;font-weight:600!important;line-height:1.65!important;padding:8px 11px!important;white-space:normal;border-radius:9px!important;background:transparent!important;box-shadow:none!important;text-decoration:none!important;max-width:100%}
.admin-interface .sidebar .nav-sub a.active{color:white!important;background:#6871e64a!important;box-shadow:inset -2px 0 0 #9d90ff!important}
.admin-interface .sidebar .nav-sub a:hover{background:#ffffff15!important;color:#fff!important}
.admin-interface .sidebar nav em{margin-right:auto;background:#ed4052!important;color:white;border-radius:999px;padding:2px 8px;min-width:22px;text-align:center;font-size:11px;font-weight:850}
.admin-interface .sidebar-foot{display:flex!important;gap:11px;margin-top:20px!important;padding:18px 8px 14px!important;border-top:1px solid #ffffff1b!important}
.admin-interface .sidebar-foot b{color:#e4eaff;font-size:12px}
.admin-interface .sidebar-foot small{color:#8192b5!important;font-size:11px!important}
.admin-interface .admin-drawer-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #ffffff16;padding:17px 0 0;margin-top:5px}
.admin-interface .admin-drawer-actions a,.admin-interface .admin-drawer-actions button{width:100%;height:41px;display:flex;align-items:center;justify-content:center;gap:5px;border-radius:11px;border:1px solid #ffffff25;background:#ffffff10;color:#e4ecff;text-decoration:none;cursor:pointer;font:inherit;font-weight:750;font-size:11px!important;white-space:nowrap}
.admin-interface .admin-drawer-actions button:hover,.admin-interface .admin-drawer-actions a:hover{background:#ffffff22}
.admin-interface .admin-drawer-actions form{min-width:0;margin:0}
.admin-interface .admin-drawer-actions .cms-nav-icon{width:16px!important;height:16px!important;flex:0 0 16px}
.admin-interface .admin-mobilebar{background:#0e172c!important;box-shadow:0 9px 24px #0a122330;color:white}
.admin-interface .admin-mobilebar .admin-mobile-brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:17px;font-weight:800}
.admin-interface .admin-mobilebar .admin-brand-symbol{width:36px;height:36px;flex:0 0 36px;border-radius:11px;font-size:17px}
.admin-interface .admin-menu-toggle,.admin-interface .admin-mobile-actions a{border-radius:13px!important;background:#ffffff12!important;border:1px solid #ffffff23!important;color:#fff!important;display:grid;place-items:center;cursor:pointer}
.admin-interface .admin-menu-toggle .cms-nav-icon,.admin-interface .admin-mobile-actions .cms-nav-icon{width:22px;height:22px;color:#fff}
.admin-interface .admin-sidebar-close{width:41px;height:41px;flex:0 0 41px;display:none;place-items:center;background:#ffffff0e;border:1px solid #ffffff28;border-radius:13px;color:#e8edff;cursor:pointer}
.admin-interface .admin-sidebar-close .cms-nav-icon{width:22px;height:22px}
/* Bright AppSaz-style shop drawer. Only mobile menu, not site-wide theme. */
.storefront .mobile-menu-drawer{width:min(88vw,390px)!important;max-width:390px!important;background:#fff!important;color:#131d36!important;padding:0!important;overflow-x:hidden!important;overflow-y:hidden!important;display:flex!important;flex-direction:column!important;box-shadow:-16px 0 60px #101c3a25!important}
.storefront .mobile-menu-head{flex:0 0 auto;display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:111px;padding:22px 20px!important;margin:0 0 10px!important;border-bottom:1px solid #e8edf5!important;gap:13px}
.storefront .mobile-menu-head .logo{flex:1;min-width:0;display:flex!important;align-items:center!important;gap:13px!important;max-width:unset!important;margin:0!important;text-decoration:none!important;color:#142039!important}
.storefront .mobile-menu-head .logo img{width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important;border-radius:16px;object-fit:contain!important;flex:0 0 55px;background:#f3f5ff}
.storefront .mobile-menu-head .logo-mark{width:55px!important;height:55px!important;flex:0 0 55px!important;font-size:24px!important;border-radius:16px;background:linear-gradient(135deg,#3a76f5,#7055ed)!important;display:grid!important;place-items:center!important;color:white!important}
.storefront .mobile-menu-head .drawer-brand-text{flex:1;min-width:0;display:grid;gap:3px;line-height:1.4!important}
.storefront .mobile-menu-head .drawer-brand-text b{font-size:16px!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.65!important;color:#10182c!important}
.storefront .mobile-menu-head .drawer-brand-text small{font-size:11px!important;font-weight:600!important;color:#97a4bb!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.7!important}
.storefront .mobile-menu-head button{flex:0 0 45px;width:45px!important;height:45px!important;display:grid!important;place-items:center!important;border-radius:14px!important;border:1px solid #e2e9f3!important;background:#f6f9fd!important;color:#3769ec!important;padding:0!important;cursor:pointer}
.storefront .mobile-menu-head button svg{width:23px!important;height:23px!important;max-height:23px!important}
.storefront .mobile-drawer-intro{flex:0 0 auto;display:block!important;padding:10px 24px 12px!important;margin:0!important;color:#98a5ba!important}
.storefront .mobile-drawer-intro b{font-size:12px!important;font-weight:800!important;color:#95a3b9!important}
.storefront .mobile-drawer-intro small,.storefront .mobile-menu-account{display:none!important}
.storefront .mobile-drawer-nav{display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:5px 19px 24px!important;margin:0!important}
.storefront .mobile-drawer-nav:before{display:none!important;content:none!important}
.storefront .mobile-custom-menu,.storefront .mobile-custom-menu ul{list-style:none!important;display:grid!important;gap:10px!important;margin:0!important;padding:0!important;width:100%!important}
.storefront .mobile-custom-menu>li,.storefront .mobile-custom-menu ul>li{margin:0!important;min-width:0!important;max-width:100%!important;width:100%!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;background:transparent!important;float:none!important}
.storefront .mobile-custom-menu a{position:relative;display:flex!important;align-items:center!important;gap:12px!important;min-height:73px!important;padding:11px 13px!important;border-radius:19px!important;border:1px solid #e9eff7!important;background:#fff!important;box-shadow:0 3px 12px #1f3a6105!important;text-decoration:none!important;color:#151e33!important;line-height:1.4!important;white-space:normal!important;max-width:100%;min-width:0;font-size:15px!important;font-weight:750!important;transition:background .16s,border-color .16s}
.storefront .mobile-custom-menu>li>a:hover,.storefront .mobile-custom-menu>li>a.is-current{background:#f8faff!important;border-color:#bcccff!important}
.storefront .mobile-custom-menu a:before,.storefront .mobile-custom-menu a:after{display:none!important;content:none!important}
.storefront .mobile-custom-menu a>.menu-icon,.storefront .mobile-custom-menu a>span:not(.prompt-menu-icon):not(.prompt-menu-copy):not(.prompt-menu-arrow){display:none!important}
.storefront .mobile-custom-menu a>i{display:none!important}
.storefront .prompt-menu-icon{width:49px;height:49px;flex:0 0 49px;display:grid;place-items:center;background:#f0f3ff;color:#4268ed;border-radius:16px}
.storefront .prompt-menu-icon svg{width:23px!important;height:23px!important;max-width:23px!important;max-height:23px!important;stroke:currentColor!important;display:block!important}
.storefront .prompt-menu-copy{display:grid;gap:5px;min-width:0;flex:1;line-height:1.5}
.storefront .prompt-menu-copy b{font-size:15px!important;line-height:1.6!important;color:#131d33;font-weight:850!important;overflow-wrap:anywhere}
.storefront .prompt-menu-copy small{font-size:11px!important;line-height:1.6!important;color:#97a4bd!important;font-weight:600!important;overflow-wrap:anywhere}
.storefront .prompt-menu-arrow{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;color:#c2ccdb;margin-right:auto}
.storefront .prompt-menu-arrow svg{width:17px!important;height:17px!important;max-width:17px!important;max-height:17px!important;stroke:currentColor}
.storefront .mobile-custom-menu .has-children>a>.prompt-menu-arrow{transform:rotate(90deg);transition:transform .2s}
.storefront .mobile-custom-menu .has-children.submenu-open>a>.prompt-menu-arrow{transform:rotate(-90deg)}
.storefront .mobile-custom-menu .submenu{margin:7px 28px 5px 0!important;padding-right:12px!important;border-right:2px solid #e6ebfb!important;gap:6px!important}
.storefront .mobile-custom-menu .submenu a{min-height:51px!important;padding:9px 11px!important;border-radius:14px!important}
.storefront .mobile-custom-menu .submenu .prompt-menu-icon{width:32px;height:32px;flex-basis:32px;border-radius:10px}
.storefront .mobile-custom-menu .submenu .prompt-menu-icon svg{width:17px!important;height:17px!important}
.storefront .mobile-custom-menu .submenu .prompt-menu-copy b{font-size:13px!important}
.storefront .mobile-custom-menu .submenu .prompt-menu-copy small{display:none}
.storefront .mobile-menu-footer{flex:0 0 auto;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;background:linear-gradient(180deg,#ffffff,#fafbff)!important;border-top:1px solid #e9edf5!important;margin:0!important;padding:14px 19px max(18px,env(safe-area-inset-bottom))!important}
.storefront .mobile-menu-footer a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:50px!important;min-width:0!important;border-radius:16px!important;padding:10px 8px!important;text-align:center!important;font-size:14px!important;font-weight:850!important;white-space:nowrap!important;text-decoration:none!important;line-height:1.5!important}
.storefront .mobile-menu-footer .drawer-main-action{background:linear-gradient(110deg,#366deb,#4577f0)!important;color:white!important;border:1px solid transparent!important;box-shadow:0 8px 20px #3d6eef35!important}
.storefront .mobile-menu-footer .drawer-exit-action{background:#f1f4f9!important;color:#243149!important;border:1px solid #edf0f6!important}
.storefront .mobile-menu-footer svg{width:18px!important;height:18px!important;max-height:18px!important;flex:0 0 18px}
.storefront .mobile-menu-footer b[data-cart-count]{font-size:11px;font-weight:850;min-width:17px}
@media(min-width:901px){.storefront .mobile-menu-drawer{display:none!important}.admin-interface .admin-sidebar-close{display:none!important}}
@media(max-width:900px){
 .admin-interface .admin-shell{display:block!important}
 .admin-interface .sidebar{position:fixed!important;inset:0 0 0 auto!important;z-index:90!important;width:min(87vw,364px)!important;max-width:364px!important;height:100dvh!important;min-height:0;transform:translateX(105%);transition:transform .23s ease!important;padding:20px 14px calc(22px + env(safe-area-inset-bottom))!important;box-shadow:-17px 0 52px #0c112d45}
 .admin-interface.admin-menu-open .sidebar{transform:translateX(0)!important}
 .admin-interface .admin-sidebar-close{display:grid!important}
 .admin-interface .sidebar nav{display:flex!important;grid-template-columns:unset!important;flex-direction:column!important}
 .admin-interface .sidebar .nav-sub{display:flex!important;grid-template-columns:unset!important}
 .admin-interface .sidebar .nav-sub a{font-size:13px!important;min-height:37px!important}
 .admin-interface .admin-brand{padding:6px 0!important}
 .admin-interface .admin-mobilebar{display:flex!important;align-items:center!important;gap:10px;min-height:64px!important;height:64px!important;padding:0 14px!important}
 .admin-interface .admin-menu-toggle{width:44px!important;height:44px!important;flex:0 0 44px}
 .admin-interface .admin-mobile-actions a{width:44px!important;height:44px!important}
 .admin-interface .admin-drawer-brandrow{padding-bottom:14px}
 .storefront .mobile-menu-drawer{position:fixed!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;height:100dvh!important;z-index:1001!important;transform:translateX(105%);transition:transform .25s ease!important;border-radius:0!important}
 .storefront.mobile-menu-open .mobile-menu-drawer{transform:translateX(0)!important}
 .storefront .mobile-menu-backdrop{z-index:1000!important;background:#0a183d55!important;backdrop-filter:blur(5px)!important}
 .storefront.mobile-menu-open .mobile-menu-backdrop{opacity:1!important;visibility:visible!important}
 .storefront .mobile-menu-drawer[aria-hidden=true]{pointer-events:none!important}
 .storefront .mobile-menu-drawer[aria-hidden=false]{pointer-events:auto!important}
 .storefront .mobile-custom-menu .has-children:not(.submenu-open)>ul{display:none!important}
}
@media(max-width:390px){
 .storefront .mobile-menu-head{padding:18px 14px!important}
 .storefront .mobile-drawer-nav{padding:5px 13px 21px!important}
 .storefront .mobile-menu-footer{padding-left:13px!important;padding-right:13px!important}
 .storefront .mobile-menu-head .logo img,.storefront .mobile-menu-head .logo-mark{width:47px!important;height:47px!important;max-width:47px!important;max-height:47px!important;flex-basis:47px!important}
 .storefront .mobile-menu-head .drawer-brand-text b{font-size:14px!important}
 .storefront .mobile-menu-footer a{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){.admin-interface .sidebar,.storefront .mobile-menu-drawer{transition:none!important}}
/* Ensure the main drawer action wins over inherited theme-specific :first-child rules. */
.storefront .mobile-menu-footer a.drawer-main-action:first-child{background:linear-gradient(110deg,#366deb,#4577f0)!important;color:#fff!important;border-color:transparent!important}
.storefront .mobile-menu-footer a.drawer-exit-action{background:#f1f4f9!important;color:#243149!important}