html body .jas-canvas-menu.jas-push-menu{left:-420px;width:min(380px,calc(100vw - 24px));max-width:none;padding:0 0 max(22px,env(safe-area-inset-bottom));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:0;border-right:1px solid #dce7ee;border-radius:0 18px 18px 0;box-shadow:18px 0 55px rgba(24,55,78,0.2);color:#304759;scrollbar-color:#b9cbd8 transparent;scrollbar-width:thin}html body.menu-opened .jas-canvas-menu.jas-push-menu{left:0}html body.menu-opened{overflow:hidden}html body .mask-overlay{background:rgba(18,38,55,0.58);backdrop-filter:blur(2px)}html body .jas-canvas-menu.jas-push-menu>h3{position:sticky;top:0;z-index:20;display:flex;align-items:center;box-sizing:border-box;height:70px;margin:0;padding:0 70px 0 22px;overflow:hidden;background:linear-gradient(120deg,#f3f9fc 0%,#edf7fa 100%);border-bottom:1px solid #dce8ef;color:transparent;font-size:0;line-height:1;letter-spacing:0;text-align:left;text-transform:none}html body .jas-canvas-menu.jas-push-menu>h3::before{content:"เมนู";color:#174c73;font-size:19px;font-weight:700;line-height:1.4}html body .jas-push-menu>h3 .close-menu{position:absolute;top:13px;right:14px;left:auto;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;padding:0;background:#fff;border:1px solid #d8e4ec;border-radius:50%;box-shadow:0 3px 12px rgba(28,69,96,0.08);color:#526878;font-size:29px;line-height:1;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease}html body .jas-push-menu>h3 .close-menu:hover,html body .jas-push-menu>h3 .close-menu:focus-visible{background:#eaf5f8;border-color:#a9d5df;color:#12869c}html body .jas-canvas-menu.jas-push-menu>.jas-action{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px;height:auto;margin:0;padding:14px 18px;background:#f8fbfd;border-bottom:1px solid #e5edf2}html body #jas-header .jas-canvas-menu.jas-push-menu>.hide-md.visible-sm.visible-xs{display:none !important;margin:0 !important}html body .jas-canvas-menu.jas-push-menu>.jas-action>a{display:flex !important;align-items:center;justify-content:flex-start;box-sizing:border-box;width:auto;min-width:0;min-height:48px;margin:0;padding:10px 12px;gap:9px;background:#fff;border:1px solid #dce7ee;border-radius:11px;color:#34566f;font-size:20px;line-height:1;text-decoration:none;transition:background 0.18s ease,border-color 0.18s ease,color 0.18s ease}html body #jas-header .jas-canvas-menu.jas-push-menu>.jas-action>.sf-open{display:flex !important;justify-content:flex-start;width:auto;margin:0;padding:10px 12px}html body .jas-canvas-menu.jas-push-menu>.jas-action>a::after{color:#34566f;font-size:13px;font-weight:500;line-height:1.4;white-space:nowrap}html body .jas-canvas-menu.jas-push-menu>.jas-action>.sf-open::after{content:"ค้นหาสินค้า"}html body .jas-canvas-menu.jas-push-menu>.jas-action>.jas-my-account::after{content:"บัญชีของฉัน"}html body .jas-canvas-menu.jas-push-menu>.jas-action>a:hover,html body .jas-canvas-menu.jas-push-menu>.jas-action>a:focus-visible{background:#edf7fa;border-color:#b8dce4;color:#12869c}html body #jas-mobile-menu{box-sizing:border-box;width:100%;padding:10px 14px 18px}html body #jas-mobile-menu ul,html body #jas-mobile-menu li{box-sizing:border-box;width:100%}html body #jas-mobile-menu>ul>li{margin:3px 0;border:0;border-radius:10px}html body #jas-mobile-menu ul li>a{display:flex;align-items:center;box-sizing:border-box;min-height:48px;padding:11px 50px 11px 14px;border-radius:9px;color:#304759;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;text-decoration:none;transition:background 0.16s ease,color 0.16s ease,padding 0.16s ease}html body #jas-mobile-menu ul li:not(.has-sub)>a{padding-right:14px}html body #jas-mobile-menu>ul>li:hover>a,html body #jas-mobile-menu>ul>li:focus-within>a,html body #jas-mobile-menu>ul>li.current-menu-item>a,html body #jas-mobile-menu>ul>li.current-menu-parent>a,html body #jas-mobile-menu>ul>li.current-menu-ancestor>a,html body #jas-mobile-menu>ul>li.open>a{padding-left:14px;background:#edf7fa;color:#126f85;font-weight:600}html body #jas-mobile-menu .holder{top:2px;right:2px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:44px;height:44px;border-radius:9px;color:#61798a;transition:background 0.16s ease,color 0.16s ease}html body #jas-mobile-menu li:hover>.holder,html body #jas-mobile-menu li:focus-within>.holder,html body #jas-mobile-menu li.open>.holder{background:#e2f1f5;color:#12869c}html body #jas-mobile-menu .holder::before,html body #jas-mobile-menu .holder::after{right:15px;box-sizing:border-box;width:14px;height:1px;border:0;background:currentColor;transform:none}html body #jas-mobile-menu .holder::before{top:21px}html body #jas-mobile-menu .holder::after{top:21px;transform:rotate(90deg);transition:transform 0.2s ease,opacity 0.2s ease}html body #jas-mobile-menu li.open>.holder::before{opacity:1;visibility:visible}html body #jas-mobile-menu li.open>.holder::after{opacity:0;transform:rotate(0deg)}html body #jas-mobile-menu ul ul{position:relative;left:auto;top:auto;width:auto;margin:5px 0 9px 12px;padding:6px 7px 6px 12px;overflow:hidden;background:#f7fafc;border:0;border-left:2px solid #b9dfe7;border-radius:0 10px 10px 0;box-shadow:none}html body #jas-mobile-menu ul ul li{margin:1px 0}html body #jas-mobile-menu ul ul li>a{min-height:43px;padding:9px 46px 9px 12px;color:#5c7182;font-size:13.5px;font-weight:400}html body #jas-mobile-menu ul ul li:not(.has-sub)>a{padding-right:12px}html body #jas-mobile-menu ul ul li:hover>a,html body #jas-mobile-menu ul ul li:focus-within>a,html body #jas-mobile-menu ul ul li.current-menu-item>a,html body #jas-mobile-menu ul ul li.open>a{padding-left:12px;background:#eaf3f7;color:#174c73}html body #jas-mobile-menu ul ul .holder{top:0;right:0}html body .jas-canvas-menu:is(a,.holder,.close-menu):focus-visible{outline:2px solid #16899e;outline-offset:2px}@media (max-width:420px){html body .jas-canvas-menu.jas-push-menu{width:calc(100vw - 20px);border-radius:0 15px 15px 0}}@media (prefers-reduced-motion:reduce){html body .jas-canvas-menu.jas-push-menu,html body .jas-canvas-menu.jas-push-menu *{transition:none !important}}html body #jas-header .jas-canvas-menu.jas-push-menu>.jas-action{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box;width:100%;height:auto;margin:0;padding:14px 18px !important;gap:10px;justify-content:stretch !important}