.grova-header-section{--grova-header-top: 16px;--grova-header-row-height: 60px;position:relative;z-index:110;height:calc(var(--grova-header-top) + var(--grova-header-row-height))}.grova-header-section .grova-header-backdrop{display:block}.grova-header-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#002d1552;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0;visibility:hidden;pointer-events:none;cursor:default;transition:opacity var(--grova-drawer-duration, .3s) var(--grova-drawer-easing, ease),backdrop-filter var(--grova-drawer-duration, .3s) var(--grova-drawer-easing, ease),-webkit-backdrop-filter var(--grova-drawer-duration, .3s) var(--grova-drawer-easing, ease),visibility 0s var(--grova-drawer-duration, .3s)}.grova-header-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transition-delay:0s}.grova-header{--header-ink: #004d25;--header-cream: #fffef5;--header-pale: #f5fbe2;z-index:1;position:absolute;top:var(--grova-header-top);left:24px;right:24px;max-width:1440px;margin-inline:auto;color:var(--header-ink);font:300 16px/1.4 var(--font-body-family);letter-spacing:normal;pointer-events:none;transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .2s ease,visibility 0s}.grova-header.is-positioned{position:fixed;top:calc(var(--grova-header-top) + var(--grova-header-flow-offset, 0px))}.grova-header.is-hidden{transform:translateY(calc(-100% - 24px));opacity:0;visibility:hidden;transition:transform .34s cubic-bezier(.4,0,.2,1),opacity .28s ease,visibility 0s .34s}.grova-header a{color:inherit;text-decoration:none}.grova-header button{color:inherit;font:inherit;cursor:pointer}.grova-header :is(a,button,select):focus-visible{outline:2px solid #4f8d45;outline-offset:4px}.grova-header__bar{display:flex;justify-content:space-between;align-items:center;gap:16px}.grova-header__glass{pointer-events:auto;border:1px solid transparent;border-radius:100px;background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);box-shadow:none;color:var(--header-ink);transition:background-color .22s ease,border-color .22s ease,box-shadow .22s ease,backdrop-filter .22s ease,-webkit-backdrop-filter .22s ease}.grova-header.is-scrolled .grova-header__glass{background:#fffff7d9;border-color:#004d251a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 3px 14px #003d1412}.grova-header__logo{display:flex;align-items:center;justify-content:center;padding:8px 22px;height:60px}.grova-header__logo img{display:block;width:116px;height:auto;transform:translateY(0) scale(1);transform-origin:center;transition:transform .22s cubic-bezier(.22,.61,.36,1)}.grova-header.is-scrolled .grova-header__logo img{transform:translateY(1px) scale(.84)}body:has(#MainContent>.section-grova-home-hero:first-child) .grova-header-section:has([data-homepage-blend]){height:0}body:has(#MainContent>.section-grova-home-hero:first-child) .grova-header-section:has([data-homepage-blend]):before{content:"";position:absolute;inset:0 0 auto;height:180px;background:linear-gradient(180deg,rgb(0 28 15 / 58%),rgb(0 28 15 / 22%) 55%,transparent);pointer-events:none}body:has(#MainContent>.section-grova-home-hero:first-child) [data-homepage-blend]:not(.is-scrolled) .grova-header__bar{--header-ink: #fffef5}body:has(#MainContent>.section-grova-home-hero:first-child) [data-homepage-blend]:not(.is-scrolled) .grova-header__logo img{filter:brightness(0) invert(1)}[data-homepage-blend] .grova-header__cta{--header-ink: #004d25}[data-homepage-blend]:not(.is-scrolled) .grova-header__toggle[aria-expanded=true]{--header-ink: #004d25}.grova-header__actions{display:flex;align-items:center;gap:4px;padding:5px 8px;min-height:60px}.grova-header__cta{display:inline-flex;align-items:center;justify-content:center;background:#ffd162;color:var(--header-ink)!important;font-weight:500;padding:12px 22px;line-height:1.2;border-radius:100px;min-height:46px}.grova-header__cta:hover{background:#ffdb81}.grova-header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:10px;background:none;border:0;border-radius:50%}.grova-header__icon:hover{background:#004d250d}.grova-header__icon svg{display:block;width:26px;height:26px}.grova-header__icon .cart-count-bubble{background:#ffd162;color:#004d25;font:400 10px/1 var(--font-body-family);width:16px;height:16px;top:2px;right:0;left:auto;bottom:auto}.grova-header__toggle span{position:absolute;width:22px;height:1.5px;background:currentColor;transition:transform .22s ease}.grova-header__toggle span:first-child{transform:translateY(-4px)}.grova-header__toggle span:last-child{transform:translateY(4px)}.grova-header:not(.is-scrolled) .grova-header__toggle[aria-expanded=true]{background:var(--header-cream);color:var(--header-ink)}.grova-header__toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.grova-header__toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.grova-header__toggle[hidden],.grova-header__menu[hidden]{display:none}.grova-header__menu{position:absolute;top:calc(100% + 12px);right:0;width:520px;max-width:100%;max-height:calc(100dvh - 108px - var(--grova-header-flow-offset, 0px));overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;padding:28px;border-radius:24px;background:var(--header-cream);box-shadow:0 12px 40px #003d1426;scrollbar-width:thin;transform-origin:top right}.grova-header__banner{position:relative;isolation:isolate;display:flex;align-items:center;min-height:174px;overflow:hidden;border-radius:10px;background:#fcf5df;border:1px solid #e6d9b4;color:#735b22;margin-bottom:20px}.grova-header__banner-image{position:absolute;right:0;top:0;width:auto;max-width:none;height:100%;object-fit:contain;object-position:right center}.grova-header__banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgb(255 243 199 / 48%) 48%,transparent 70%);opacity:0}.grova-header__menu:not([hidden]) .grova-header__banner:before{animation:grova-menu-gold-shine 3s ease-in-out infinite}@keyframes grova-menu-gold-shine{0%{transform:translate(-110%);opacity:0}8%{opacity:.65}45%{transform:translate(110%);opacity:.65}50%,to{transform:translate(110%);opacity:0}}.grova-header__banner-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:22px;max-width:67%}.grova-header__banner-title{font:500 clamp(23px,2.2vw,30px)/1.14 var(--font-heading-family)}.grova-header__banner-title p{margin:0;font:inherit}.grova-header__banner-title em{color:#735b22;font-style:normal}.grova-header__banner-link{display:inline-flex;align-items:center;gap:6px;font-weight:400;border-bottom:1px dotted currentColor;padding-bottom:2px}.grova-header__banner-arrow{display:inline-flex;flex:0 0 16px;width:16px;height:16px}.grova-header__banner-arrow svg{display:block;width:100%;height:100%}.grova-header__group{border-bottom:1px dashed #9abf87}.grova-header .grova-header__group-toggle{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:22px 0;background:none;border:0;text-align:left;font-size:25px;font-weight:400}.grova-header__plus{position:relative;display:block;width:20px;height:20px;flex:0 0 20px}.grova-header__plus:before,.grova-header__plus:after{content:"";position:absolute;width:20px;height:1.5px;background:currentColor;top:9px;left:0;transition:transform .22s ease,opacity .22s ease}.grova-header__plus:after{transform:rotate(90deg)}.grova-header__group-toggle[aria-expanded=true] .grova-header__plus:after{transform:rotate(0);opacity:0}.grova-header__group-panel{display:grid;grid-template-rows:0fr;visibility:hidden;opacity:0;transition:grid-template-rows .26s ease,opacity .2s ease,visibility 0s .26s}.grova-header__group-toggle[aria-expanded=true]+.grova-header__group-panel{grid-template-rows:1fr;visibility:visible;opacity:1;transition-delay:0s}.grova-header__group-clip{min-height:0;overflow:hidden}.grova-header__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0 0 24px;margin:0}.grova-header__links a{display:flex;align-items:center;justify-content:center;height:100%;min-height:48px;padding:12px 10px;border:1px solid #c8d8c1;border-radius:8px;text-align:center;font-size:18px;font-weight:400;overflow-wrap:anywhere;transition:background-color .18s ease,border-color .18s ease}.grova-header__links a:hover{background:var(--header-pale);border-color:#9abf87}.grova-header__account{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0 6px;padding:18px 12px;border-radius:12px;background:#079036;box-shadow:0 6px #005b2d;color:#fff!important;font-size:21px;font-weight:500}.grova-header__account:hover{background:#087f31}.grova-header__region{margin-top:22px;color:#003d14;font-family:var(--font-body-family);font-weight:300}.grova-header__region .grova-region{width:100%;margin-top:0;color:#003d14}.grova-header__region .grova-region__toggle{font-size:16px}.grova-header__region .grova-region__chevron{margin-inline-start:auto}.grova-header__region .grova-region__panel{position:static;width:100%;max-width:100%;margin-top:8px;border-color:#c7dac0;background:#f7fbe7;color:#003d14;box-shadow:none}.grova-header__region .grova-region__option{font-size:16px}.grova-header__account svg{width:28px;height:28px;flex:0 0 28px}.grova-header__language{display:flex;gap:10px;margin-top:22px;align-items:center;flex-wrap:wrap}@media(max-width:749px){.grova-header-section{--grova-header-top: 12px;--grova-header-row-height: 54px}.grova-header{left:12px;right:12px}.grova-header__bar{gap:8px}.grova-header__logo{padding:8px 16px;height:54px}.grova-header__logo img{width:96px}.grova-header__actions{min-height:54px;padding:4px;gap:0}.grova-header__icon{width:44px;height:44px}.grova-header__cta{min-height:44px;padding:10px 16px;font-size:14px}.grova-header__menu{width:100%;max-height:calc(100dvh - 90px - var(--grova-header-flow-offset, 0px));padding:24px;border-radius:22px}.grova-header__banner{min-height:155px;margin-bottom:12px}.grova-header__banner-image{width:40%;object-fit:cover;object-position:center}.grova-header__banner-copy{box-sizing:border-box;width:60%;max-width:60%;min-width:0;padding:16px;gap:12px;overflow-wrap:anywhere}.grova-header .grova-header__group-toggle{padding:20px 0;font-size:23px}.grova-header__links{gap:8px}.grova-header__links a{font-size:clamp(12px,3.4vw,14px);padding-inline:6px}.grova-header__account{font-size:19px;gap:12px}}@media(max-width:359px){.grova-header__logo{padding:8px 12px}.grova-header__logo img{width:80px}.grova-header__cta{padding:10px 12px}.grova-header__menu{padding:18px}.grova-header__banner-title{font-size:21px}.grova-header__account{font-size:17px}}@media(prefers-reduced-motion:reduce){.grova-header-backdrop,.grova-header,.grova-header *,.grova-header *:before,.grova-header *:after{transition:none!important}.grova-header__menu:not([hidden]) .grova-header__banner:before{animation:none}}.grova-header__banner-title{color:#735b22}.grova-header__banner-description{margin:0;color:#735b22;font:300 14px/1.4 Outfit,Arial,sans-serif}.grova-header__banner-link{color:#735b22;font-size:14px}.grova-header__banner:hover{border-color:#c5a754}.grova-header__banner:hover .grova-header__banner-link{border-bottom-style:solid}.grova-header__banner:focus-visible{outline:2px solid #735b22;outline-offset:4px}@media(max-width:380px){.grova-header__banner-copy{padding:14px;gap:8px}.grova-header__banner-description{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/grova-header.css.map */