.kano-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:10001;height:68px;background:#fff;border-top:1px solid #e7dfd3;display:flex;align-items:stretch;justify-content:space-between;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 18px rgb(0 0 0 / .04)}.kano-mobile-nav-btn{flex:1;border:none;background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-decoration:none;color:#857c72;cursor:pointer;position:relative;transition:opacity .2s ease,transform .2s ease}.kano-mobile-nav-btn:active{opacity:.7}.kano-mobile-nav-btn.active{color:#1f1d19}.kano-mobile-nav-btn.active .kano-mobile-nav-icon{opacity:1;transform:scale(1.06)}.kano-mobile-nav-icon{font-size:21px;line-height:1;opacity:.55;transition:transform .2s ease,opacity .2s ease}.kano-mobile-nav-label{font-size:12px;line-height:1;letter-spacing:.2px}.kano-mobile-overlay{position:fixed;inset:0;background:rgb(20 18 14 / .52);backdrop-filter:blur(2px);z-index:9998;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.kano-mobile-overlay.active{opacity:1;visibility:visible}.kano-mobile-drawer{position:fixed!important;top:24px;left:10px!important;right:10px!important;bottom:0;width:auto;height:calc(100dvh - 68px);max-width:none;margin:0!important;z-index:9999;background:#f6f2ec;border-radius:28px 28px 0 0;transform:translateY(110%)!important;opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease,visibility .22s ease;overflow:hidden;display:flex;flex-direction:column;will-change:transform;box-shadow:0 -10px 40px rgb(0 0 0 / .14)}.kano-mobile-drawer.active{transform:translateY(0)!important;opacity:1;visibility:visible}.kano-mobile-drawer-head{position:relative;min-height:60px;padding:18px 18px 10px;display:flex;align-items:flex-start;justify-content:flex-start;border-bottom:1px solid #e7dfd3;flex-shrink:0;background:#f6f2ec}.kano-mobile-drawer-title{font-size:22px;font-weight:600;color:#241f19;letter-spacing:-.03em;line-height:1}.kano-mobile-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:none;border-radius:14px;background:#ebe4d8;cursor:pointer;color:#7d746a;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease}.kano-mobile-close:active{transform:scale(.92)}.kano-mobile-drawer-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 20px 40px;-webkit-overflow-scrolling:touch}.kano-mobile-link{display:block;padding:15px 0;border-bottom:1px solid #eee7dc;text-decoration:none;color:#1f1d19;font-size:15px}.kano-mobile-coming-soon{padding:40px 20px;text-align:center;color:#777}body.kano-mobile-lock{overflow:hidden;touch-action:none}@media (min-width:768px){.kano-mobile-nav,.kano-mobile-overlay,.kano-mobile-drawer{display:none!important}}.kano-mobile-nav *,.kano-mobile-drawer *{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:#fff0}.kano-mobile-nav a,.kano-mobile-nav button,.kano-mobile-drawer a,.kano-mobile-drawer button{appearance:none;-webkit-appearance:none;text-decoration:none}.kano-mobile-nav a:hover,.kano-mobile-nav a:focus,.kano-mobile-nav a:active,.kano-mobile-nav button:hover,.kano-mobile-nav button:focus,.kano-mobile-nav button:active,.kano-mobile-drawer a:hover,.kano-mobile-drawer a:focus,.kano-mobile-drawer a:active,.kano-mobile-drawer button:hover,.kano-mobile-drawer button:focus,.kano-mobile-drawer button:active{outline:none!important;box-shadow:none!important;text-decoration:none!important;background:none}