.header__icon--menu{position:initial}.js menu-drawer>details>summary:before,.js menu-drawer>details[open]:not(.menu-opening)>summary:before{content:"";position:absolute;cursor:default;width:100%;height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)));top:100%;left:0;background:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden;z-index:2;transition:opacity 0s,visibility 0s}menu-drawer>details[open]>summary:before{visibility:visible;opacity:1;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.menu-drawer{position:absolute;transform:translate(-100%);visibility:hidden;z-index:3;left:0;top:0%;width:100%;padding:0;background-color:rgb(var(--color-background));overflow-x:hidden;filter:drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity)))}.js .menu-drawer{height:calc(100vh - 100%);height:calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%)))}.js details[open]>.menu-drawer,.js details[open]>.menu-drawer__submenu{transition:transform var(--duration-default) ease,visibility var(--duration-default) ease}.js details[open].menu-opening>.menu-drawer,details[open].menu-opening>.menu-drawer__submenu{transform:translate(0);visibility:visible}@media screen and (min-width:750px){.menu-drawer{width:40rem;border-width:0 var(--drawer-border-width) 0 0;border-style:solid;border-color:rgba(var(--color-foreground),var(--drawer-border-opacity))}}.menu-drawer__inner-container{position:relative;height:100%}.menu-drawer__navigation-container{display:grid;grid-template-rows:1fr auto;align-content:space-between;overflow-y:auto;height:100%}.menu-drawer__navigation{padding:2rem;background:#f7f2e7}.menu-drawer__inner-submenu{height:100%;overflow-x:hidden;overflow-y:auto}p.mobile-category-group-heading{color:#2b2b2b;font-family:Bricolage Grotesque;font-size:14px;font-style:normal;font-weight:500;line-height:12.5px;margin:0;padding:16px 0 12px}p.mobile-category-group-heading:last-of-type{border-top:1px solid #CDCAC3}.js .menu-drawer__menu li{margin-bottom:.2rem}.menu-drawer__menu-item{padding:1.1rem 3rem;text-decoration:none;font-size:1.8rem}.menu-drawer summary.menu-drawer__menu-item{padding-right:0}.menu-drawer__menu-item--active,.menu-drawer__close-button:focus,.menu-drawer__close-button:hover{color:rgb(var(--color-foreground));background-color:rgba(var(--color-foreground),.04)}.menu-drawer__menu-item--active:hover{background-color:rgba(var(--color-foreground),.08)}.js .menu-drawer__menu-item .icon-caret{display:none}.menu-drawer__menu-item>.svg-wrapper{width:22px;height:22px;position:absolute;right:0;top:30%;transform:translateY(-50%)}.js .menu-drawer__submenu{position:absolute;top:0;width:100%;bottom:0;left:0;background-color:rgb(var(--color-background));z-index:1;transform:translate(100%);visibility:hidden}.js .menu-drawer__submenu .menu-drawer__submenu{overflow-y:auto}.menu-drawer__close-button{margin-top:1.5rem;padding:1.2rem 2.6rem 1.2rem 3rem;text-decoration:none;display:flex;align-items:center;font-size:1.4rem;width:100%;background-color:transparent;font-family:var(--font-body-family);font-style:var(--font-body-style);text-align:left}.menu-drawer__close-button .svg-wrapper{transform:rotate(180deg);margin-right:1rem;width:15px}.menu-drawer__utility-links{padding:0;background:#f7f2e7;position:relative}.header--has-social .menu-drawer__utility-links{padding:2rem 3rem}@media screen and (max-width:749px){.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:2rem 3rem}}@media screen and (max-width:989px){.header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links{padding:2rem 3rem}}.menu-drawer__account{display:inline-flex;align-items:center;text-decoration:none;font-size:1.4rem;color:rgb(var(--color-foreground));margin-bottom:0;flex-direction:column;align-items:flex-start}.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account{margin:0}.menu-drawer__account account-icon>.svg-wrapper{height:2rem;width:2rem}.menu-drawer__account shop-user-avatar{--shop-avatar-size: 2.4rem;margin-right:.55rem;margin-left:-.45rem}.menu-drawer__account:hover account-icon>.svg-wrapper{transform:scale(1.07)}.menu-drawer .list-social{justify-content:flex-start;margin-left:-1.25rem}.menu-drawer .list-social:empty{display:none}.menu-drawer .list-social__link{padding:1.1rem}#menu-drawer{top:0!important;height:100vh!important;height:112dvh!important;z-index:999999!important}.menu-drawer-container details[open] .menu-drawer{transform:translate(0)!important}@media screen and (max-width:749px){.menu-drawer.country-selector-open{transform:none!important;filter:none!important;transition:none!important}.close-hamburger-menu-button-container{display:flex;padding:12px 0 24px;justify-content:flex-end;align-items:center;gap:70.64px;align-self:stretch}.close-hamburger-menu-button{display:flex;width:32px;height:32px;justify-content:center;align-items:center;aspect-ratio:1/1;border-radius:8px;border:1px solid rgba(199,200,174,.2);background:#f5f3f3;cursor:pointer}.menu-drawer .list-social{display:none}}.menu-drawer__submenu.has-submenu{display:block!important;position:static!important;transform:none!important;visibility:visible!important;width:100%!important;background:transparent!important;box-shadow:none!important;margin:0!important;overflow:hidden!important;max-height:0!important;opacity:0!important;transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease-in-out!important}details.is-accordion-open>.menu-drawer__submenu.has-submenu{max-height:1200px!important;opacity:1!important}.menu-drawer__close-button,.menu-drawer__menu-item .icon-arrow{display:none!important}.menu-drawer__menu-item .icon-caret{display:block!important;transform:rotate(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}details.is-accordion-open>summary .icon-caret{transform:rotate(180deg)!important}ul.menu-drawer__menu>li:first-child>details>summary{cursor:auto;pointer-events:none}ul.menu-drawer__menu>li:first-child>details>summary .icon-caret{display:none!important}.mobile-main-menu-container{display:flex;flex-direction:column;gap:24px}.menu-drawer .mobile-main-menu-container details.is-accordion-open summary.menu-drawer__menu-item{padding-bottom:16px}.menu-drawer .mobile-main-menu-container details summary.menu-drawer__menu-item{padding-bottom:24px;color:#2b2b2b;font-family:var(--font-heading-family);font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.menu-drawer__menu-item.list-menu__item{color:#2b2b2b;font-family:var(--font-heading-family);font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.menu-drawer .mobile-main-menu-container details{border-bottom:1px solid rgba(134,134,134,.37)}.menu-drawer .mobile-main-menu-container .layout-coconut-oil-list details{border:0;margin-bottom:24px}.mobile-custom-grid-categories{display:grid!important;grid-template-columns:repeat(3,1fr)!important;column-gap:16px;row-gap:8px;background:transparent;padding-bottom:24px}.mobile-custom-grid-categories .mobile-submenu-item .mobile-grid-icon-item{width:50px;height:50px}.mobile-menu-link-name{text-decoration:none;color:#323232;text-align:center;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:19.6px;letter-spacing:.7px}.mobile-custom-grid-categories .mobile-submenu-item .mobile-grid-icon-item img{width:100%;height:auto;object-fit:cover}.mobile-grid-icon-item,.mobile-about-icon-item{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;text-decoration:none!important;color:rgb(var(--color-foreground))!important;font-size:1.2rem!important;line-height:1.3}.mobile-icon-circle-avatar{width:56px!important;height:56px!important;border-radius:50%!important;background:#fff!important;border:1px solid #e5dfd3!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.8rem!important}.mobile-icon-circle-avatar svg{width:28px!important;height:28px!important}.layout-coconut-oil-list{padding:0!important}.mobile-title-with-icon-wrap{display:flex!important;align-items:center!important;gap:1.2rem!important}.wizard-prefix-icon{width:40px;height:40px;border-radius:50%;border:1px solid #e5dfd3;background:#fff;display:flex;align-items:center;justify-content:center}.wizard-prefix-icon svg{width:20px;height:20px}.mobile-nested-step-wizard{width:100%!important;display:block!important}.mobile-nested-step-wizard[open]>summary .icon-caret{transform:rotate(180deg)!important}.mobile-wizard-responsive-banner{width:100%!important;height:auto!important;border-radius:12px!important;display:block!important;box-shadow:0 4px 12px #00000008}.mobile-custom-grid-brands{display:grid!important;grid-template-columns:repeat(2,1fr);gap:24px;padding-bottom:24px}.mobile-brand-link-item{display:block!important;font-size:1.4rem!important;text-decoration:none!important;color:rgb(var(--color-foreground))!important}.mobile-custom-grid-about{display:grid;grid-template-columns:repeat(3,1fr);column-gap:16px;row-gap:8px;padding-bottom:24px}.mobile-icon-circle-avatar.match-about{width:48px!important;height:48px!important}.mobile-submenu-item{display:flex;flex-direction:column;align-items:center;gap:11px;padding:8px;text-align:center}.layout-coconut-oil-list .mobile-submenu-item{display:flex;flex-direction:row;align-items:center;gap:8px;padding-left:8px;padding-right:8px}.layout-coconut-oil-list .mobile-submenu-item .mobile-grid-icon-item{width:50px;height:50px}.layout-coconut-oil-list .mobile-submenu-item .mobile-grid-icon-item img{width:100%;height:auto;object-fit:cover}.layout-coconut-oil-list .mobile-submenu-item .mobile-menu-link-name{color:#323232;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.mobile-nested-step-wizard summary .svg-wrapper{width:10px;height:10px;top:40%;right:34%}.mobile-nested-step-wizard summary .svg-wrapper .icon-caret{width:10px;height:10px}.mobile-nested-step-wizard.is-accordion-open .mobile-menu-link-name{text-decoration:underline}.mobile-wizard-dropdown-content-canvas{display:block;max-height:0;opacity:0;overflow:hidden;transform:scale(.97) translateY(-10px);transition:max-height .35s cubic-bezier(.4,0,.2,1),opacity .25s ease-in-out,transform .3s cubic-bezier(.4,0,.2,1),padding .35s cubic-bezier(.4,0,.2,1)}.mobile-nested-step-wizard .icon-caret{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:rotate(0)}.mobile-nested-step-wizard.is-wizard-active-panel .icon-caret{transform:rotate(180deg)}.mobile-nested-step-wizard.is-accordion-open .mobile-wizard-dropdown-content-canvas{max-height:1200px;opacity:1;transform:scale(1) translateY(0)}.mobile-menu.learn-more-action-link{color:#2b2b2bcc;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:400;line-height:normal;padding-top:8px}.mobile-custom-grid-about .mobile-submenu-item .mobile-grid-icon-item{width:50px;height:50px}.mobile-custom-grid-about .mobile-submenu-item .mobile-grid-icon-item img{width:100%;height:auto;object-fit:cover}.common-mobile-menu-links-container{display:flex;flex-direction:column;gap:24px;margin-bottom:24px!important}.common-mobile-menu-links-container .menu-drawer__menu-item{color:#323232;font-family:var(--font-body-family);font-size:14px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}.header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links{padding:24px 20px}.menu-drawer__utility-links .mobile-menu-account-section-heading{color:#2b2b2b;font-family:var(--font-heading-family);font-size:18px;font-style:normal;font-weight:500;line-height:14.4px;letter-spacing:1.2px;text-transform:capitalize;margin-top:0;margin-bottom:16px}.custom-account-icon-container{display:flex;align-items:center;padding:12px;width:100%;gap:16px}.custom-account-icon-container a{text-decoration:none}.customer-icon-text{color:#1b1c1c;font-family:var(--font-body-family);font-size:16px;font-style:normal;font-weight:500;line-height:30px}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-menu-drawer.css.map */