#header-component{--header-hairline: 1px solid var(--dinar-hairline)}.header__underlay-closed{background:var(--dinar-surface-page)}@supports (backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)){.header__underlay-closed{background:#000000b8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}}.header__underlay-open{background:linear-gradient(var(--dinar-surface-page) 0 var(--top-row-height),var(--dinar-ink-850) var(--top-row-height) 100%)}.header__row--top:not(.divider--page-width),.header__row--top.divider--page-width .header__columns{border-block-end:1px solid var(--dinar-hairline)!important}.header-logo{font-family:var(--dinar-font-display)!important;font-weight:var(--dinar-fw-bold)!important;font-size:clamp(1.125rem,2vw,1.5rem)!important;letter-spacing:0;color:var(--dinar-off-white)}@media screen and (min-width:750px){.header-logo{padding-inline:var(--dinar-space-2)}}.menu-list__link,.header-menu a{font-family:var(--dinar-font-sans);font-size:var(--dinar-fs-body-s);font-weight:var(--dinar-fw-medium);letter-spacing:0;color:var(--dinar-text-secondary);transition:color var(--dinar-dur-fast) var(--dinar-ease-standard)}.menu-list__link:hover,.menu-list__link[aria-expanded=true]{color:var(--dinar-green-primary)!important;text-decoration:none}.header-actions__action{display:flex;align-items:center;justify-content:center;color:var(--dinar-text-primary);transition:background var(--dinar-dur-fast) var(--dinar-ease-standard),color var(--dinar-dur-fast) var(--dinar-ease-standard)}.header-actions__action:not(.account-button){border-radius:0;background:transparent!important;box-shadow:none!important}.header-actions__action:not(.account-button):hover{background:transparent!important;color:var(--dinar-green-primary)}.account-button:is(:hover,:focus-visible,:focus-within,:active),.account-button:is(:hover,:focus-visible,:focus-within,:active) :is(.account-button__icon,.account-button__text){color:var(--dinar-green-primary)!important}@media screen and (max-width:749px){#header-component .header__row--top{display:block!important;inline-size:100%!important;max-inline-size:100%!important}#header-component .header__columns{display:grid!important;grid-template-columns:var(--header-mobile-bookend) var(--header-mobile-bookend) minmax(0,1fr) var(--header-mobile-bookend) var(--header-mobile-bookend)!important;grid-template-areas:"leftA leftB center rightA rightB"!important;grid-column:auto!important;box-sizing:border-box;inline-size:100%!important;max-inline-size:100%!important;column-gap:0!important;overflow:visible;padding-inline-start:max(16px,env(safe-area-inset-left))!important;padding-inline-end:max(16px,env(safe-area-inset-right))!important}header-actions.dinar-actions--has-account,header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important;inline-size:calc(var(--header-mobile-bookend) * 2)!important;max-inline-size:calc(var(--header-mobile-bookend) * 2)!important;justify-self:stretch!important;margin-inline:0!important}#header-component header-actions .header-actions__action{flex:0 0 var(--header-mobile-bookend);inline-size:var(--header-mobile-bookend);min-inline-size:var(--header-mobile-bookend)}}#header-component[data-menu-style=drawer] .header__row--top{display:block!important;inline-size:100%!important;max-inline-size:100%!important}#header-component[data-menu-style=drawer] .header__columns{display:grid!important;grid-template-columns:var(--header-mobile-bookend) var(--header-mobile-bookend) minmax(0,1fr) var(--header-mobile-bookend) var(--header-mobile-bookend)!important;grid-template-areas:"leftA leftB center rightA rightB"!important;grid-column:auto!important;box-sizing:border-box;inline-size:100%!important;max-inline-size:100%!important;column-gap:0!important;overflow:visible;padding-inline-start:max(16px,env(safe-area-inset-left))!important;padding-inline-end:max(16px,env(safe-area-inset-right))!important}#header-component[data-menu-style=drawer] header-actions.dinar-actions--has-account,#header-component[data-menu-style=drawer] header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important;inline-size:calc(var(--header-mobile-bookend) * 2)!important;max-inline-size:calc(var(--header-mobile-bookend) * 2)!important;justify-self:stretch!important;margin-inline:0!important}@media screen and (max-width:749px){#header-component.dinar-hide-account-mobile .account-button{display:none}#header-component.dinar-hide-account-mobile header-actions.dinar-actions--has-account,#header-component.dinar-hide-account-mobile header-actions:has(.account-button):has(.header-actions__action:not(.account-button)),#header-component[data-menu-style=drawer].dinar-hide-account-mobile header-actions.dinar-actions--has-account,#header-component[data-menu-style=drawer].dinar-hide-account-mobile header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightB!important;inline-size:var(--header-mobile-bookend)!important;max-inline-size:var(--header-mobile-bookend)!important}}@media screen and (max-width:749px){#header-component.dinar-mobile-logo-center .header-logo{grid-area:center!important;justify-self:center}#header-component.dinar-mobile-icons-menu_left .header-drawer{grid-area:leftA}#header-component.dinar-mobile-icons-menu_left .search-action{grid-area:leftB}#header-component.dinar-mobile-icons-menu_left header-actions.dinar-actions--has-account,#header-component.dinar-mobile-icons-menu_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important}#header-component.dinar-mobile-icons-menu_left header-actions:not(.dinar-actions--has-account),#header-component.dinar-mobile-icons-menu_left.dinar-hide-account-mobile header-actions{grid-column:rightB!important}html[dir=rtl] #header-component.dinar-mobile-icons-menu_left .header-drawer{grid-area:rightB}html[dir=rtl] #header-component.dinar-mobile-icons-menu_left .search-action{grid-area:rightA}html[dir=rtl] #header-component.dinar-mobile-icons-menu_left header-actions.dinar-actions--has-account,html[dir=rtl] #header-component.dinar-mobile-icons-menu_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:leftA-start / leftB-end!important}html[dir=rtl] #header-component.dinar-mobile-icons-menu_left header-actions:not(.dinar-actions--has-account),html[dir=rtl] #header-component.dinar-mobile-icons-menu_left.dinar-hide-account-mobile header-actions{grid-column:leftA!important}#header-component.dinar-mobile-icons-actions_left .header-drawer{grid-area:rightB}#header-component.dinar-mobile-icons-actions_left .search-action{grid-area:rightA}#header-component.dinar-mobile-icons-actions_left header-actions.dinar-actions--has-account,#header-component.dinar-mobile-icons-actions_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:leftA-start / leftB-end!important}#header-component.dinar-mobile-icons-actions_left header-actions:not(.dinar-actions--has-account),#header-component.dinar-mobile-icons-actions_left.dinar-hide-account-mobile header-actions{grid-column:leftA!important}html[dir=rtl] #header-component.dinar-mobile-icons-actions_left .header-drawer{grid-area:leftA}html[dir=rtl] #header-component.dinar-mobile-icons-actions_left .search-action{grid-area:leftB}html[dir=rtl] #header-component.dinar-mobile-icons-actions_left header-actions.dinar-actions--has-account,html[dir=rtl] #header-component.dinar-mobile-icons-actions_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important}html[dir=rtl] #header-component.dinar-mobile-icons-actions_left header-actions:not(.dinar-actions--has-account),html[dir=rtl] #header-component.dinar-mobile-icons-actions_left.dinar-hide-account-mobile header-actions{grid-column:rightB!important}}#header-component[data-menu-style=drawer].dinar-mobile-logo-center .header-logo{grid-area:center!important;justify-self:center}#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left .header-drawer{grid-area:leftA}#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left .search-action{grid-area:leftB}#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions.dinar-actions--has-account,#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important}#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions:not(.dinar-actions--has-account),#header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left.dinar-hide-account-mobile header-actions{grid-column:rightB!important}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left .header-drawer{grid-area:rightB}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left .search-action{grid-area:rightA}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions.dinar-actions--has-account,html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:leftA-start / leftB-end!important}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left header-actions:not(.dinar-actions--has-account),html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-menu_left.dinar-hide-account-mobile header-actions{grid-column:leftA!important}#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left .header-drawer{grid-area:rightB}#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left .search-action{grid-area:rightA}#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions.dinar-actions--has-account,#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:leftA-start / leftB-end!important}#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions:not(.dinar-actions--has-account),#header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left.dinar-hide-account-mobile header-actions{grid-column:leftA!important}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left .header-drawer{grid-area:leftA}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left .search-action{grid-area:leftB}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions.dinar-actions--has-account,html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions:has(.account-button):has(.header-actions__action:not(.account-button)){grid-column:rightA-start / rightB-end!important}html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left header-actions:not(.dinar-actions--has-account),html[dir=rtl] #header-component[data-menu-style=drawer].dinar-mobile-icons-actions_left.dinar-hide-account-mobile header-actions{grid-column:rightB!important}.dinar-header__cta{display:none;align-items:center;justify-content:center;padding-block:8px;padding-inline:20px;background:var(--dinar-green-primary);color:var(--dinar-black-primary);border-radius:var(--dinar-radius-pill);font-family:var(--dinar-font-sans);font-size:var(--dinar-fs-body-s);font-weight:var(--dinar-fw-medium);text-decoration:none;white-space:nowrap;letter-spacing:0;border:none;flex-shrink:0;transition:background var(--dinar-dur-fast) var(--dinar-ease-standard),box-shadow var(--dinar-dur-fast) var(--dinar-ease-standard)}.dinar-header__cta:hover{background:var(--dinar-green-hover);box-shadow:var(--dinar-shadow-green-glow);color:var(--dinar-black-primary);text-decoration:none}@media screen and (min-width:750px){.dinar-header__cta{display:inline-flex}}.header__icon--menu{color:var(--dinar-text-secondary);transition:color var(--dinar-dur-fast) var(--dinar-ease-standard)}.header__icon--menu:hover{color:var(--dinar-green-primary)!important}.account-button__icon,.account-button__text{color:var(--dinar-text-secondary)}#header-component .cart-bubble__background{fill:var(--dinar-green-primary)!important}#header-component .cart-bubble__text{fill:var(--dinar-black-primary)!important;font-family:var(--dinar-font-sans)!important;font-weight:var(--dinar-fw-bold)!important}#header-component[data-bubble-style=custom] .cart-bubble__background{fill:var(--cart-bubble-background)!important}#header-component[data-bubble-style=custom] .cart-bubble__text{fill:var(--cart-bubble-text)!important}.search-modal .search-modal__form{background:var(--dinar-surface-card);border-block-end:1px solid var(--dinar-border-subtle)}.header-drawer .menu-drawer,.menu-drawer__container,.header-drawer details[open] .menu-drawer{background:var(--dinar-surface-page);color:var(--dinar-text-primary)}.menu-drawer .menu-list__link,.menu-drawer .menu-list__item a,.header-drawer a,.header-drawer button{color:var(--dinar-text-primary);font-family:var(--dinar-font-display);font-weight:var(--dinar-fw-bold);letter-spacing:0}.menu-drawer .menu-list__link:hover,.header-drawer a:hover{color:var(--dinar-green-primary)}.menu-drawer__inner,.menu-list--mobile .menu-list__item{border-block-end:1px solid var(--dinar-hairline)}.menu-drawer__close-button{color:var(--dinar-text-secondary);transition:color var(--dinar-dur-fast) var(--dinar-ease-standard)}.menu-drawer__close-button:hover{color:var(--dinar-green-primary)}.header-menu .menu-list__submenu{background:var(--dinar-ink-850);border:1px solid var(--dinar-border-subtle);border-radius:var(--dinar-radius-md)}.mega-menu__list{background:var(--dinar-ink-850)}#header-component[data-sticky-state=active]{box-shadow:0 1px 12px #0009}.header[transparent]:not([data-sticky-state=active]) .header__row--top{border-block-end-color:transparent!important}@media(prefers-reduced-motion:reduce){.header-actions__action,.header__icon--menu,.menu-list__link{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/dinar-header.css.map */