.widget-nav-bar{align-content:center;-moz-column-gap:var(--nav-bar-col-gap,var(--gap));column-gap:var(--nav-bar-col-gap,var(--gap));display:grid;max-height:100%;row-gap:var(--nav-bar-row-gap,var(--gap));transition:height .3s ease-in-out}.widget-nav-bar.search-input-click .nav-bar-search{border-radius:5px 5px 0 0;z-index:1}.widget-nav-bar.search-input-click .nav-bar-search.with-suggestion{background-color:#fff}@media (max-width:1024px){.widget-nav-bar.search-input-click{grid-template-areas:"search";grid-template-columns:1fr}.widget-nav-bar.search-input-click .nav-bar-action,.widget-nav-bar.search-input-click .nav-bar-brand,.widget-nav-bar.search-input-click .nav-bar-drawer-icon{display:none}.widget-nav-bar.search-input-click .nav-bar-search{border-radius:0;height:100%;left:0;max-width:none;position:absolute;top:0}.widget-nav-bar.search-input-click .nav-bar-search-icon-back{align-items:center;cursor:pointer;display:flex;justify-content:center}}.brand-float{display:flex}.brand-float .nav-bar-drawer-content,.brand-float .nav-bar-drawer-icon{display:none}.brand-float .nav-bar-menu{display:flex}.brand-center,.brand-left,.brand-left-menu-center,.brand-left-menu-right,.brand-top-center,.brand-top-left{grid-template-areas:"drawer brand action";grid-template-columns:auto auto 1fr}.brand-left-search-center{grid-template-areas:"drawer brand search action";grid-template-columns:auto auto auto 1fr}.brand-left-search-center .nav-bar-search{align-items:center;display:flex}.brand-left-search-right{grid-template-areas:"drawer brand search action";grid-template-columns:auto auto 1fr auto}.brand-left-search-right .nav-bar-search{align-items:center;display:flex;justify-self:end}@media (min-width:1024px){.brand-left{grid-template-columns:auto auto 1fr}.brand-left,.brand-left-menu-center{grid-template-areas:"brand menu action"}.brand-left-menu-center{grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr)}.brand-left-menu-right{grid-template-areas:"brand menu action";grid-template-columns:auto 1fr auto}.brand-left-menu-right .nav-bar-menu{justify-self:end}.brand-center{grid-template-areas:"menu brand action";grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr)}.brand-top-left{grid-template-areas:"brand action" "menu menu";grid-template-columns:1fr auto;height:auto}.brand-top-center{grid-template-areas:"action-left brand action" "menu menu menu";grid-template-columns:minmax(100px,1fr) auto minmax(100px,1fr);height:auto}.brand-top-center .nav-bar-menu{justify-self:center}.brand-top-center .nav-bar-action-left{display:flex;justify-content:start}.brand-left-search-center{grid-template-areas:"brand search action";grid-template-columns:1fr auto 1fr}.brand-left-search-center .nav-bar-menu{display:none}.brand-left-search-right{grid-template-areas:"brand menu search action";grid-template-columns:auto 1fr auto auto}}.nav-bar-drawer-icon{align-content:center;grid-area:drawer}@media (min-width:1024px){.nav-bar-drawer-icon{display:none}}.nav-bar-drawer-icon-menu,.nav-bar-drawer-icon-menu-close{--element-icon-width:var(--drawer-icon-menu-width);--element-icon-height:var(--drawer-icon-menu-height);--element-icon-size:var(--drawer-icon-font-size);align-items:center;cursor:pointer;justify-content:center}.nav-bar-drawer-icon-sidebar{cursor:pointer}.nav-bar-drawer-image{display:inline-block;--element-picture-width:var(--drawer-picture-width);--element-picture-height:var(--drawer-picture-height)}.nav-bar-drawer-image+.text-wrapper{margin-left:15px}.nav-bar-drawer-header{align-items:center;display:flex;justify-content:space-between;padding:var(--drawer-header-padding-top,0) var(--drawer-header-padding-right,0) var(--drawer-header-padding-bottom,0) var(--drawer-header-padding-left,0)}.nav-bar-drawer-content{background-color:var(--bg-color);color:var(--text-color);height:100vh;height:100dvh;left:0;max-width:var(--drawer-content-max-width,340px);overflow-y:auto;padding:var(--drawer-content-padding-top) var(--drawer-content-padding-x) var(--drawer-content-padding-bottom);position:fixed;top:0;width:100%;z-index:1}@media (min-width:1024px){.nav-bar-drawer-content{display:none}}.nav-bar-drawer-list{align-items:center;border-bottom-width:var(--drawer-list-border-bottom-width,0);border-color:var(--drawer-list-border-color,var(--border-color));display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.nav-bar-drawer-list .drawer-item{gap:var(--drawer-item-gap);padding:var(--drawer-item-padding-top,0) var(--drawer-item-padding-right,0) var(--drawer-item-padding-bottom,0) var(--drawer-item-padding-left,0)}.nav-bar-drawer-list .drawer-item,.nav-bar-drawer-list .drawer-mega-item{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.nav-bar-drawer-list .drawer-mega-item{gap:var(--drawer-mega-item-gap);padding:var(--drawer-mega-item-padding-top,0) var(--drawer-mega-item-padding-right,0) var(--drawer-mega-item-padding-bottom,0) var(--drawer-mega-item-padding-left,0)}.nav-bar-cart-overlay,.nav-bar-drawer-overlay,.nav-bar-user-overlay{background:var(--overlay-bg-color);height:100vh;inset:0;opacity:var(--overlay-bg-color-opacity);position:fixed;width:100vw}.nav-bar-user-header{display:flex;justify-content:space-between}.nav-bar-user-content{display:flex;flex-direction:column;gap:20px;max-width:var(--user-content-max-width,340px);padding:var(--user-content-padding-top) var(--user-content-padding-x) var(--user-content-padding-bottom)}.nav-bar-cart-content,.nav-bar-user-content{background-color:var(--bg-color);color:var(--text-color);height:100vh;height:100dvh;overflow-y:auto;position:fixed;right:0;top:0;width:100%;z-index:1}.nav-bar-cart-content{max-width:var(--cart-content-max-width,440px);padding:var(--cart-content-padding-top,var(--cart-content-padding)) var(--cart-content-padding-right,var(--cart-content-padding)) var(--cart-content-padding-bottom,var(--cart-content-padding)) var(--cart-content-padding-left,var(--cart-content-padding))}.drawer-title{align-items:center;display:flex;flex:1;justify-content:space-between;padding:var(--drawer-title-padding-top,0) var(--drawer-title-padding-right,0) var(--drawer-title-padding-bottom,0) var(--drawer-title-padding-left,0)}.drawer-link{padding:var(--drawer-link-padding-top,0) var(--drawer-link-padding-right,0) var(--drawer-link-padding-bottom,0) var(--drawer-link-padding-left,0);width:100%}.drawer-child-link{padding:var(--drawer-child-link-padding-top,0) var(--drawer-child-link-padding-right,0) var(--drawer-child-link-padding-bottom,0) var(--drawer-child-link-padding-left,0);width:100%}.drawer-child-link-list{display:flex;flex-direction:column;width:100%}.nav-bar-brand{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;grid-area:brand}.nav-bar-brand-image{display:inline-block;--element-picture-width:var(--brand-picture-width);--element-picture-height:var(--brand-picture-height)}.nav-bar-brand-image img{transition:height .3s ease-in-out}.nav-bar-menu{display:none;grid-area:menu}@media (min-width:1024px){.nav-bar-menu{display:flex}}.nav-bar-menu-content{align-items:center;display:flex;flex-wrap:wrap;justify-content:start;margin-left:auto;margin-right:auto;width:100%}.nav-bar-menu-list{gap:var(--menu-list-gap);height:100%}.nav-bar-menu-item{align-items:center;display:flex}.nav-bar-menu-item-active .icon-chevron-down{transform:rotate(180deg)}.nav-bar-menu-link{align-items:center;display:flex;gap:4px;height:100%}.nav-bar-menu-space{position:absolute;width:100%}.nav-bar-more-icon{font-size:var(--more-icon-font-size,20px)}.nav-bar-search{display:none;gap:10px;grid-area:search;max-width:var(--search-max-width,100%);padding:10px;position:relative;width:var(--search-width)}.nav-bar-search-icon-back{--element-icon-width:var(--search-icon-back-width);--element-icon-height:var(--search-icon-back-height);--element-icon-size:var(--search-icon-font-size);display:none}.nav-bar-search-overlay{background:var(--overlay-bg-color);height:100vh;inset:0;opacity:var(--overlay-bg-color-opacity);position:fixed;width:100vw}.nav-bar-action{align-items:center;display:flex;gap:var(--action-gap);grid-area:action;grid-column:auto;justify-content:flex-end}.nav-bar-action-left{display:none;grid-area:action-left}.nav-bar-action-item-flex{align-items:center;display:flex;height:100%;justify-content:center;min-width:40px}.nav-bar-action-item-flex.nav-bar-action-button,.nav-bar-action-item-flex.nav-bar-action-icon{height:auto}.nav-bar-action-item-flex a,.nav-bar-action-item-flex button{height:100%;width:100%}.nav-bar-action-cart-icon-wrapper{align-items:center;display:flex;position:relative}.nav-bar-action-cart-noti{align-items:center;background-color:#000;border-radius:50%;color:#fff;display:flex;height:18px;justify-content:center;pointer-events:none;position:absolute;right:-6px;top:-8px;width:18px}.nav-bar-action-user{cursor:pointer;display:flex;gap:5px}.nav-bar-action-user-avatar{--element-picture-object-fit:cover;--element-picture-width:28px;--element-picture-height:28px;--element-picture-border-radius:50%;cursor:pointer}.nav-bar-action-user-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-menu-mega-section{background-color:var(--bg-color);color:var(--text-color);left:0;max-height:75vh;overflow-y:auto;padding-bottom:var(--menu-mega-grid-padding-bottom,0);padding-top:var(--menu-mega-grid-padding-top,0);position:absolute;top:calc(100% + var(--section-header-border-bottom-width, 0px));width:100%}.grid-menu-mega-container{max-width:var(--menu-mega-grid-max-width,var(--section-container-max-width))}.grid-menu-mega-list{--layout-grid-gap-x:var(--menu-mega-grid-gap-x,var(--menu-mega-grid-gap));--layout-grid-gap-y:var(--menu-mega-grid-gap-y,var(--menu-mega-grid-gap));--layout-grid-cols:var(--menu-mega-grid-cols,6)}.menu-mega-list{display:flex;flex-direction:column;gap:var(--menu-mega-list-gap);padding-bottom:var(--menu-mega-list-padding-bottom);padding-top:var(--menu-mega-list-padding-top)}.menu-mega-child-list{display:flex;flex-direction:column;gap:var(--menu-mega-child-list-gap);padding-bottom:var(--menu-mega-child-list-padding-bottom);padding-top:var(--menu-mega-child-list-padding-top)}.menu-mega-item{display:flex;flex-direction:column;gap:var(--menu-mega-item-gap);padding-bottom:var(--menu-mega-item-padding-bottom);padding-top:var(--menu-mega-item-padding-top)}.menu-mega-item button{text-align:unset}.menu-mega-child-item{display:flex;flex-direction:column;gap:var(--menu-mega-child-item-gap);padding-bottom:var(--menu-mega-child-item-padding-bottom);padding-top:var(--menu-mega-child-item-padding-top)}.menu-mega-item-title{display:block;margin-bottom:var(--menu-mega-item-title-margin-bottom)}.menu-mega-child-item-title{display:block;margin-bottom:var(--menu-mega-child-item-title-margin-bottom)}.menu-mega-child-item-image,.menu-mega-item-image{--element-picture-aspect-ratio:var(--menu-mega-media-ratio);--element-picture-object-fit:var(--menu-mega-media-object-fit);--element-picture-border-radius:var(--menu-mega-media-border-radius)}.menu-dropdown-list{background-color:var(--bg-color);left:auto;padding:var(--menu-dropdown-padding-top,0) var(--menu-dropdown-padding-right,0) var(--menu-dropdown-padding-bottom,0) var(--menu-dropdown-padding-left,0);position:absolute;top:calc(100% + var(--section-header-border-bottom-width, 0px));width:var(--menu-dropdown-width,280px)}.menu-dropdown-child-list{left:calc(100% + var(--menu-dropdown-padding-right));top:calc(var(--menu-dropdown-padding-top)*-1)}.menu-dropdown-list-item{position:relative}.menu-dropdown-item-link{align-items:center;display:flex;justify-content:space-between;padding:var(--menu-dropdown-item-link-padding-y,0) var(--menu-dropdown-item-link-padding-x,0);position:relative}.menuAppear-enter-active,.menuAppear-leave-active{transition:opacity .3s ease,transform .3s ease}.menuAppear-enter-from,.menuAppear-leave-to{opacity:0;transform:translateY(-10px)}.menuAppear-enter-to,.menuAppear-leave-from{opacity:1;transform:translateY(0)}.drawerAppear-enter-active,.drawerAppear-leave-active{transition:transform .3s ease}.drawerAppear-enter-from,.drawerAppear-leave-to{transform:translate3d(-100%,0,0)}.drawerAppear-enter-to,.drawerAppear-leave-from{transform:translateZ(0)}.userAppear-enter-active,.userAppear-leave-active{transition:transform .3s ease}.userAppear-enter-from,.userAppear-leave-to{transform:translate3d(100%,0,0)}.userAppear-enter-to,.userAppear-leave-from{transform:translateZ(0)}.cartAppear-enter-active,.cartAppear-leave-active{transition:transform .3s ease}.cartAppear-enter-from,.cartAppear-leave-to{transform:translate3d(100%,0,0)}.cartAppear-enter-to,.cartAppear-leave-from{transform:translateZ(0)}