.main-nav,.mobile-nav{--nav-text: var(--color-header-links, #00224d);--nav-accent: var(--solid-button-background, #0076de);--nav-accent-soft: #eaf3fd;--nav-border: var(--color-header-border, var(--color-border, #dadce0));--nav-surface: var(--color-header-bg, #fff);--nav-backdrop: rgba(0, 0, 0, .6);--nav-item-gap: 18px;--nav-panel-padding: 48px;--nav-panel-radius: 16px;--nav-panel-column: 300px;--nav-panel-column-gap: 60px;--nav-panel-decor: 172px;--nav-grid-cell-width: 44px;--nav-grid-cell-height: 55px;--nav-grid-line: #eaf3fd}.nav-badge{display:inline-flex;align-items:center;gap:4px;flex:none;background:#ed7534;color:#fff;border-radius:8px;padding:5px 7px;font-size:.625rem;font-weight:var(--font-body-bold-weight, 600);line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap}.main-nav{display:none}@media only screen and (min-width:1068px){.header.style1 .header--inner{grid-template-columns:auto minmax(0,1fr) auto}.main-nav{display:flex;align-items:stretch;align-self:stretch;justify-content:center;min-width:0}}.header-secondary-menu{display:none}@media only screen and (min-width:1068px){.header-secondary-menu{display:flex;align-items:center;gap:30px;list-style:none;margin:0 26px 0 0;padding:0}}.header-secondary-menu a{color:var(--color-header-links, #00224d);font-size:calc(var(--font-navigation-scale, 1) * 15px);line-height:1.2;white-space:nowrap;transition:color .15s ease}.header-secondary-menu a:hover,.header-secondary-menu a:focus-visible{color:var(--solid-button-background, #0076de)}@media only screen and (min-width:1068px)and (max-width:1399px){.main-nav{--nav-item-gap: 12px;--nav-panel-decor: 128px}.header-secondary-menu{gap:20px;margin-right:16px}.header.style1 .thb-secondary-area-item{padding:0 6px}}@media only screen and (max-width:1179px){.header-secondary-menu{display:none}}.main-nav__list{display:flex;align-items:stretch;list-style:none;margin:0;padding:0}.main-nav__item{display:flex;align-items:center;position:relative;padding:0 var(--nav-item-gap)}.main-nav__link{display:inline-flex;align-items:center;gap:8px;color:var(--nav-text);font-size:calc(var(--font-navigation-scale, 1) * 15px);font-weight:var(--font-body-medium-weight, 500);line-height:1.2;white-space:nowrap;transition:color .15s ease}.navigation-uppercase-true .main-nav__link{text-transform:uppercase}.main-nav__link svg{flex:none;transition:transform .2s ease}.main-nav__item.is-current>.main-nav__link,.main-nav__item.is-open>.main-nav__link,.main-nav__link:hover,.main-nav__link:focus-visible{color:var(--nav-accent)}.main-nav__item.is-open>.main-nav__link svg{transform:rotate(180deg)}.main-nav__panel{position:absolute;top:100%;left:calc(-1 * (var(--nav-panel-padding) - var(--nav-item-gap)));z-index:3;background:var(--nav-surface);border-radius:0 0 var(--nav-panel-radius) var(--nav-panel-radius);box-shadow:0 18px 34px #00224d1f;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}.main-nav__item.is-open>.main-nav__panel{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition:opacity .18s ease,transform .18s ease,visibility 0s linear 0s}.main-nav__panel-inner{padding:30px var(--nav-panel-padding) 40px}.main-nav__panel--wide .main-nav__panel-inner{position:relative;z-index:1;padding-right:calc(var(--nav-panel-padding) + var(--nav-panel-decor))}.main-nav__panel--wide:after{content:"";position:absolute;top:0;right:0;bottom:0;z-index:0;width:calc(var(--nav-panel-padding) + var(--nav-panel-decor));border-bottom-right-radius:var(--nav-panel-radius);background-image:linear-gradient(to right,var(--nav-surface),transparent 78%),linear-gradient(to left,var(--nav-grid-line) 1px,transparent 1px),linear-gradient(to top,var(--nav-grid-line) 1px,transparent 1px);background-position:left top,right top,right top;background-size:100% 100%,var(--nav-grid-cell-width) var(--nav-grid-cell-height),var(--nav-grid-cell-width) var(--nav-grid-cell-height);background-repeat:no-repeat,repeat,repeat;pointer-events:none}.main-nav__panel-title{margin:0 0 12px;color:var(--nav-text);font-size:1.25rem;font-weight:var(--font-body-bold-weight, 700);line-height:1.3}.main-nav__panel-list{display:grid;grid-auto-flow:column;grid-template-columns:repeat(var(--panel-columns, 1),var(--nav-panel-column));grid-template-rows:repeat(var(--panel-rows, 1),auto);column-gap:var(--nav-panel-column-gap);list-style:none;margin:0;padding:0}.main-nav__panel-link{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;border-bottom:1px solid var(--nav-border);color:var(--nav-text);font-size:calc(var(--font-navigation-scale, 1) * 15px);line-height:1.3;transition:color .15s ease}.main-nav__panel-link:hover,.main-nav__panel-link:focus-visible{color:var(--nav-accent)}.main-nav__panel-label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.main-nav__panel-link>svg{flex:none;color:var(--nav-accent);transition:transform .18s ease}.main-nav__panel-link:hover>svg{transform:translate(4px)}.main-nav__panel-sublist{list-style:none;margin:0;padding:8px 0 12px}.main-nav__panel-sublink{display:block;padding:5px 0;color:var(--nav-text);font-size:.875rem;line-height:1.3;opacity:.7;transition:opacity .15s ease,color .15s ease}.main-nav__panel-sublink:hover,.main-nav__panel-sublink:focus-visible{color:var(--nav-accent);opacity:1}.main-nav__backdrop{position:fixed;top:var(--nav-backdrop-top, 80px);left:0;right:0;bottom:0;z-index:1;background:var(--nav-backdrop);opacity:0;visibility:hidden;transition:opacity .2s ease,visibility 0s linear .2s}.main-nav.is-open .main-nav__backdrop{opacity:1;visibility:visible;transition:opacity .2s ease,visibility 0s linear 0s}.mobile-nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;background:var(--nav-surface);color:var(--nav-text);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .22s ease,transform .22s ease,visibility 0s linear .22s;--color-body: var(--nav-text);--color-accent: var(--nav-text)}.js .mobile-toggle-wrapper[open].active .mobile-nav,.no-js .mobile-toggle-wrapper[open] .mobile-nav{opacity:1;visibility:visible;transform:none;transition:opacity .22s ease,transform .22s ease,visibility 0s linear 0s}@media only screen and (min-width:1068px){.mobile-nav{display:none}}.mobile-nav__bar{position:relative;display:flex;align-items:center;gap:12px;flex:none;min-height:62px;padding:14px 20px;border-bottom:1px solid var(--nav-border)}.mobile-nav__bar .logolink{min-width:0;margin-inline:auto;align-self:flex-start;display:inline-flex}.mobile-nav__bar .logoimg{height:auto;width:auto;max-height:var(--logo-height-mobile, 26px);max-width:100%}.mobile-nav__bar .logoimg--light{display:none}.mobile-nav__close{position:relative;display:inline-flex;flex:none;flex-direction:column;align-items:center;gap:5px;padding:4px;border:0;background:none;color:var(--nav-text);font-size:.6875rem;line-height:1;white-space:nowrap;cursor:pointer}.mobile-nav__viewport{position:relative;flex:1 1 auto;overflow:hidden}.mobile-nav__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--nav-surface);transform:translate(100%);visibility:hidden;transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility 0s linear .28s}[dir=rtl] .mobile-nav__panel{transform:translate(-100%)}.mobile-nav__panel.is-active{transform:translate(0);visibility:visible;transition:transform .28s cubic-bezier(.22,.61,.36,1),visibility 0s linear 0s}.mobile-nav__panel.is-previous{transform:translate(-100%);visibility:hidden}[dir=rtl] .mobile-nav__panel.is-previous{transform:translate(100%)}.no-js .mobile-nav__viewport{overflow-y:auto}.no-js .mobile-nav__panel{position:static;transform:none;visibility:visible}.no-js .mobile-nav__back{display:none}.mobile-nav__head{display:flex;align-items:center;gap:14px;flex:none;padding:16px 20px;border-bottom:1px solid var(--nav-border)}.mobile-nav__back{display:inline-flex;align-items:center;gap:7px;flex:none;padding:9px 16px;border:0;border-radius:999px;background:var(--nav-accent-soft);color:var(--nav-accent);font-size:.875rem;font-weight:var(--font-body-medium-weight, 500);line-height:1;cursor:pointer}[dir=rtl] .mobile-nav__back svg{transform:rotate(180deg)}.mobile-nav__title{color:var(--nav-accent);font-size:1.5rem;font-weight:var(--font-body-bold-weight, 700);line-height:1.2}.mobile-nav__list{list-style:none;margin:0;padding:0 20px}.mobile-nav__row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:62px;padding:14px 0;border:0;border-bottom:1px solid var(--nav-border);border-radius:0;background:none;color:var(--nav-text);font-family:inherit;font-size:1.0625rem;line-height:1.3;text-align:left;cursor:pointer}.mobile-nav__list--primary>li>.mobile-nav__row{font-weight:var(--font-body-bold-weight, 700)}.mobile-nav__list>li:last-child>.mobile-nav__row{border-bottom:0}.mobile-nav__row-label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.mobile-nav__row>svg{flex:none;color:var(--nav-accent)}[dir=rtl] .mobile-nav__row>svg{transform:rotate(180deg)}.mobile-nav__list--secondary{padding-top:18px}.mobile-nav__list--secondary>li>.mobile-nav__row{min-height:0;padding:10px 0;border-bottom:0;font-weight:400}.mobile-nav__list--primary+.mobile-nav__list--secondary{border-top:1px solid var(--nav-border);margin-top:-1px}.mobile-nav .social-links{padding:10px 20px 0;font-size:.8125rem}.mobile-nav .social-links li{display:inline-flex}.mobile-nav .social-links svg path{fill:var(--nav-text)}.mobile-nav__footer{margin-top:auto;flex:none;padding:14px 20px;border-top:1px solid var(--nav-border);text-align:center}.mobile-nav__account{display:inline-flex;align-items:center;gap:10px;color:var(--nav-text);font-size:.9375rem}.mobile-nav__account svg{height:16px;width:auto}.mobile-nav__account svg path{fill:var(--nav-text)}.mobile-nav__footer .thb-localization-forms{text-align:center}@media(prefers-reduced-motion:reduce){.main-nav__panel,.main-nav__backdrop,.main-nav__panel-link>svg,.main-nav__link svg,.mobile-nav,.mobile-nav__panel{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/main-nav.css.map */