.menu__nav,.menu__footer,.submenu__nav{list-style:none;margin:0;padding:0}.menu__content .--badge{background:#fad4d6;display:inline-flex;font-size:10px;font-weight:var(--font-weight-medium);line-height:1;margin-left:5px;padding:4px}.menu__container.--open .menu__layer{transform:translate(0) translateZ(0)}.menu__container.--open .menu__overlay{opacity:1;pointer-events:auto;visibility:visible}body:has(.menu__container.--open){overflow:hidden}.menu__overlay{background:#0006;cursor:pointer;height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out;visibility:hidden;width:100vw;z-index:9998}.menu__burger,.menu__burger svg{cursor:pointer;display:block}.menu__burger{align-items:center;background:none;border:none;display:flex;gap:8px;padding:0}@media screen and (min-width:990px){.menu__burger svg{width:40px;height:40px}}.menu__burger__text{display:none;font-size:15px;font-weight:var(--font-weight-medium);line-height:24px;text-transform:uppercase}@media screen and (min-width:990px){.menu__burger__text{display:block}}.menu__layer{background:var(--color-header-bg, #fff);box-shadow:0 0 0 100vw #0000;display:flex;flex-direction:column;height:100dvh;left:0;position:fixed;top:0;transform:translate(-100%) translateZ(0);transition:.3s ease-in-out;width:100%;z-index:9999;max-width:485px}.menu__header{align-items:center;border-bottom:1px solid var(--color-light-gray);display:flex;gap:15px;justify-content:space-between;padding:15px 20px}.menu__header .logolink{margin:0;max-width:115px}@media screen and (min-width:990px){.menu__header .logolink{display:none}}.menu__header__close{position:relative;border:1px solid var(--color-light-gray);border-radius:50%;cursor:pointer;display:block;padding:11px}@media screen and (min-width:990px){.menu__header__close:after{content:attr(aria-label);position:absolute;left:calc(100% + 14px);top:50%;transform:translateY(-50%);white-space:nowrap;font-size:15px;font-weight:var(--font-weight-medium);line-height:24px;text-transform:uppercase}}.menu__header__close svg{display:block}.menu__content{display:flex;flex:1;flex-direction:column;overflow:auto;position:relative}.menu__footer{font-size:13px;line-height:16px;padding:25px 20px}.menu__footer__container{border-top:solid 1px var(--color-light-gray)}.menu__footer a{align-items:center;display:flex;font-weight:var(--font-weight-medium);gap:7px;padding-block:5px;font-size:14px;line-height:18px}.menu__footer a svg,.menu__footer a span{display:block}.menu__footer__lang{border-top:1px solid var(--color-light-gray);padding:30px 20px}.menu__footer__lang .thb-localization-forms{display:block!important}.menu__footer__lang .thb-localization-forms .select select{font-size:15px;cursor:pointer}#MenuLocalization{display:flex;justify-content:space-between}#MenuLocalization .select{font-size:13px;line-height:16px;margin:0;padding-right:20px}#MenuLocalization .select select{field-sizing:content}#MenuLocalization .select-arrow{margin-top:0;right:5px;transform:translateY(-25%) translateZ(0)}.menu__nav{--nav-padding-block: 36px;--item-padding-block: 10px;overflow:auto;padding:calc(var(--nav-padding-block) - var(--item-padding-block)) 20px}.menu__nav__item>a{align-items:center;display:flex;font-size:16px;font-weight:var(--font-weight-medium);gap:5px;line-height:18px;padding-block:var(--item-padding-block);text-transform:uppercase}.menu__nav__item>a svg{display:block;margin-left:auto}@media screen and (max-width:749px){.menu__nav{--nav-padding-block: 26px;--item-padding-block: 9px}.menu__nav__item>a{font-size:13px;line-height:14px}.menu__footer a,.menu__footer__lang .thb-localization-forms .select select{font-size:13px;line-height:16px}}.submenu{background:var(--color-header-bg, #fff);box-shadow:0 0 0 100vw #0000;display:flex;flex-direction:column;height:100%;left:0;overflow:auto;position:absolute;top:0;transform:translate(-100%) translateZ(0);transition:.3s ease-in-out 0s;width:100%;z-index:1}a.--open+.submenu{box-shadow:0 0 0 100vw #0006;transform:translate(0) translateZ(0)}a.--open+.submenu a.--open+.submenu{box-shadow:none;display:block;transform:none}.submenu .submenu{display:none;position:static;transform:none}.submenu .--has-children.--open svg{transform:rotate(-90deg) translateZ(0)}.submenu .--has-children svg{transform:rotate(90deg) translateZ(0);transition:.2s}.submenu__header{position:relative;align-items:center;background:var(--color-header-bg, #fff);border-bottom:1px solid var(--color-light-gray);display:flex;gap:10px;font-size:16px;font-weight:var(--font-weight-medium);line-height:18px;padding:20px;position:sticky;text-transform:uppercase;top:0;width:100%}.submenu__header button{display:block;padding:3px 6px}.submenu__header button:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0}.submenu__header button svg{display:block}.submenu__header span{color:var(--color-darken-gray);display:block}.submenu__header span:last-child{color:var(--color-black)}.submenu__header span+span{position:relative}.submenu__header span+span:before{color:var(--color-black);content:"/";display:block;left:-7px;position:absolute;top:0}.submenu__content{overflow:auto;width:100%}.submenu__nav{padding-block:30px}.submenu__content.--has-push>.submenu__nav{padding-bottom:0}.submenu__nav__item{font-size:16px;font-weight:var(--font-weight-bold);line-height:18px}.submenu__nav__item.--all>a{font-weight:var(--font-weight-semi-bold);text-decoration:underline}.submenu__nav__item>a{align-items:center;display:flex;gap:5px;text-transform:uppercase}.submenu__nav__item .submenu__nav__item>a{text-transform:none}.submenu__nav__item>a svg{margin-left:auto}.submenu__nav__item:not(:last-child){margin-bottom:24px}.submenu__nav__item .submenu__nav__item:first-child>a{display:flex}.submenu__nav__item .submenu__nav__item:not(:last-child){margin-bottom:0}.submenu__nav__item .submenu__nav__item{font-size:13px;font-weight:var(--font-weight-regular);line-height:16px}.submenu__nav__item .submenu__nav{display:flex;gap:15px;flex-direction:column;margin-top:24px;padding:0}.submenu__nav__item .submenu__nav__item.--all{order:0}.submenu__push{display:none;margin-inline:-20px}.submenu__push:not(:first-child){margin-top:30px}.menu__content .--badge{font-size:11px}
/*# sourceMappingURL=/cdn/shop/t/21/assets/main-menu.css.map */