/* Only the off-canvas navigation is restyled. Desktop header and catalog are untouched. */
#main-menu.aya-mobile-menu{--aya-green:#123e2e;--aya-accent:#31ce36;background:#fff!important;color:var(--aya-green);opacity:1!important;min-height:100%;padding:0 0 max(22px,env(safe-area-inset-bottom));font-family:Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-sizing:border-box;overflow-x:hidden}
.aya-mobile-drawer .mfp-content{width:min(88vw,420px)!important;background:#fff!important;opacity:1!important;box-shadow:8px 0 30px #0002}
.aya-mobile-drawer .mfp-close{display:none!important}
#main-menu.aya-mobile-menu .sidebar-menu{padding:0!important;background:#fff!important}
#main-menu.aya-mobile-menu .nav-sidebar{background:#fff!important;padding:0!important;margin:0!important}
#main-menu.aya-mobile-menu .aya-menu-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 18px 10px}
#main-menu.aya-mobile-menu .aya-menu-brand{display:flex;align-items:center;gap:9px;color:#103e2b;font-size:27px;font-weight:900;letter-spacing:-.7px;line-height:1;text-decoration:none}
#main-menu.aya-mobile-menu .aya-menu-brand-mark{display:grid;place-items:center;width:34px;height:34px;border:2px solid #14bd4f;border-radius:50%;font-size:25px;font-weight:900;color:#14bd4f}
#main-menu.aya-mobile-menu .aya-menu-close{display:grid;place-items:center;min-width:44px;width:44px;height:44px;padding:8px;margin:0;border:0;background:transparent;color:#7b8480;box-shadow:none}
#main-menu.aya-mobile-menu .aya-menu-icon{display:inline-block;flex:0 0 25px;width:25px;height:25px;vertical-align:middle;margin:0 14px 0 0;pointer-events:none}
#main-menu.aya-mobile-menu .aya-menu-close .aya-menu-icon{width:28px;height:28px;margin:0}
#main-menu.aya-mobile-menu .header-search-form{margin:0!important;padding:10px 18px 18px!important;border:0!important}
#main-menu.aya-mobile-menu .search-form-categories{display:none!important}
#main-menu.aya-mobile-menu .searchform .flex-row{border:1px solid #d7ded9;border-radius:10px;overflow:hidden;box-shadow:none}
#main-menu.aya-mobile-menu .search-field{height:44px;min-height:44px;border:0!important;box-shadow:none!important;background:#fff!important;font-size:16px;padding:0 12px;color:#213b2c}
#main-menu.aya-mobile-menu .ux-search-submit{width:46px;height:44px;min-height:44px;margin:0!important;border:0!important;background:var(--aya-accent)!important;color:#fff!important;border-radius:0!important;box-shadow:none!important}
#main-menu.aya-mobile-menu .nav-sidebar>li.menu-item{border-top:1px solid #edf0ed!important;border-bottom:0!important;background:#fff!important;margin:0!important}
#main-menu.aya-mobile-menu .nav-sidebar>li.menu-item>a{display:flex;align-items:center;position:relative;min-height:58px;padding:13px 48px 13px 20px!important;color:var(--aya-green)!important;font-size:16px!important;font-weight:700!important;line-height:1.35!important;letter-spacing:0!important;text-transform:none!important;white-space:normal!important;background:transparent!important}
#main-menu.aya-mobile-menu .nav-sidebar>li.aya-menu-wholesale>a{flex-wrap:wrap;padding-top:17px!important;padding-bottom:12px!important;text-transform:uppercase!important}
#main-menu.aya-mobile-menu .aya-menu-subtitle{display:block;flex-basis:100%;padding-left:39px;margin-top:5px;color:#858c87;font-size:12px;font-weight:400;line-height:1.35;text-transform:none;letter-spacing:0}
#main-menu.aya-mobile-menu .menu-item>.toggle{position:absolute;right:6px!important;top:7px!important;display:grid;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:11px!important;margin:0!important;background:transparent!important;border:0!important;color:#7d8982;opacity:1;box-shadow:none;transform:none!important}
#main-menu.aya-mobile-menu .menu-item{position:relative}
#main-menu.aya-mobile-menu .aya-menu-toggle .aya-menu-icon{width:21px;height:21px;margin:0;transition:transform .15s}
#main-menu.aya-mobile-menu .aya-menu-toggle[aria-expanded=true] .aya-menu-icon{transform:rotate(180deg)}
#main-menu.aya-mobile-menu .aya-controlled-submenu{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;position:static!important;transform:none!important;float:none!important;box-shadow:none!important;border:0!important;margin:0!important;padding:0!important;list-style:none!important;background:transparent!important;width:100%!important}
#main-menu.aya-mobile-menu .aya-controlled-submenu[hidden]{display:none!important}
#main-menu.aya-mobile-menu .aya-menu-wholesale>ul{padding:0 14px 12px!important}
#main-menu.aya-mobile-menu .aya-menu-codes{margin:0 0 6px!important;padding:0 0 9px!important;background:#eef8f1!important;border-radius:12px;overflow:hidden}
#main-menu.aya-mobile-menu .nav-sidebar>li.aya-menu-codes{margin:8px 14px 12px!important;background:#eef8f1!important;border-top:0!important}
#main-menu.aya-mobile-menu .aya-code-heading{display:flex;align-items:center;gap:0;width:100%;min-height:54px;padding:12px 42px 9px 14px;margin:0;border:0;background:transparent;color:var(--aya-green);font:700 16px/1.4 Lato,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left;text-transform:none;letter-spacing:0;box-shadow:none}
#main-menu.aya-mobile-menu .aya-menu-codes>.toggle{top:5px!important;right:2px!important}
#main-menu.aya-mobile-menu .aya-menu-codes>.aya-code-links{padding:0 12px 5px 49px!important}
#main-menu.aya-mobile-menu .aya-code-links>li{margin:0!important;padding:0!important;border:0!important;border-left:1px solid #c3d6c8!important;background:transparent!important;list-style:none!important}
#main-menu.aya-mobile-menu .aya-code-links>li>a{display:flex;align-items:center;min-height:43px;margin:0!important;padding:9px 0 9px 17px!important;color:var(--aya-green)!important;font-size:15px!important;font-weight:500!important;line-height:1.4!important;text-transform:none!important;letter-spacing:0;white-space:normal}
#main-menu.aya-mobile-menu .aya-code-links>li:before{content:"";position:absolute;left:0;top:21px;width:10px;border-top:1px solid #c3d6c8}
#main-menu.aya-mobile-menu .aya-menu-wholesale>ul>li:not(.aya-menu-codes)>a{display:flex;align-items:center;min-height:54px;padding:12px 39px 12px 14px!important;margin:0!important;color:var(--aya-green)!important;font-size:16px!important;font-weight:700!important;text-transform:none!important;line-height:1.4}
#main-menu.aya-mobile-menu .aya-menu-wholesale>ul>li:not(.aya-menu-codes){border-top:1px solid #edf0ed;margin:0!important}
#main-menu.aya-mobile-menu .aya-menu-topups>ul>li>a{display:block;min-height:44px;padding:10px 12px 10px 53px;color:var(--aya-green);font-size:15px}
#main-menu.aya-mobile-menu .nav-sidebar .sub-menu a{line-height:1.45;white-space:normal}
#main-menu.aya-mobile-menu a:focus-visible,#main-menu.aya-mobile-menu button:focus-visible,#main-menu.aya-mobile-menu input:focus-visible{outline:2px solid #159756!important;outline-offset:-2px}
#main-menu.aya-mobile-menu .aya-menu-wallet>a{display:flex;gap:8px;align-items:center}
.aya-mobile-open #aya-help-launch{width:40px!important;min-width:40px!important;height:40px!important;padding:0!important;right:3px!important;bottom:20px!important;border-radius:50%!important;font-size:0!important}
.aya-mobile-open #aya-help-launch:before{content:"?";display:block;font:700 23px/40px Lato,sans-serif;color:white}
@media(max-width:360px){#main-menu.aya-mobile-menu .aya-menu-brand{font-size:24px}#main-menu.aya-mobile-menu .aya-menu-brand-mark{width:31px;height:31px}#main-menu.aya-mobile-menu .aya-menu-head{padding-left:14px;padding-right:12px}#main-menu.aya-mobile-menu .nav-sidebar>li.menu-item>a{font-size:15px!important;padding-left:16px!important}#main-menu.aya-mobile-menu .aya-code-links>li>a{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){#main-menu.aya-mobile-menu *{transition:none!important}}
