:root{--fruit-header-height: 64px;--fruit-floating-header-height: calc( var(--fruit-top-bar-height, 0px) + var(--fruit-header-height) )}.template-index .fruit-header{pointer-events:auto}.template-index .fruit-header-wrapper{z-index:20}.fruit-header{transition:transform .3s ease,opacity .25s ease;position:relative;width:100%;z-index:100}.fruit-header-wrapper{height:auto;z-index:1000;position:relative}@media (hover: hover) and (pointer: fine){.fruit-header--sticky.fruit-header--mobile-bg .fruit-header__inner:hover{background-color:var(--fruit-header-hover-bg)}}body:not(.template-index) .fruit-header__link,body:not(.template-index) .fruit-header__icon{color:var(--fruit-header-hover-text)}body:not(.template-index) .fruit-header__inner svg{stroke:var(--fruit-header-hover-text)}.template-index .fruit-header:not(.fruit-header--bg):not(.fruit-header--sticky) .fruit-header__inner{background-color:transparent}.fruit-header--mobile-bg:not(.fruit-header--sticky) .fruit-header__inner{background-color:var(--fruit-header-bg)}.fruit-header--bg .fruit-header__inner{background-color:var(--fruit-header-bg)}@media (hover: hover) and (pointer: fine){.template-index .fruit-header:not(.fruit-header--sticky) .fruit-header__inner:hover{background-color:var(--fruit-header-hover-bg)}.template-index .fruit-header:not(.fruit-header--sticky) .fruit-header__inner:hover .fruit-header__link,.template-index .fruit-header:not(.fruit-header--sticky) .fruit-header__inner:hover .fruit-header__icon{color:var(--fruit-header-hover-text)}.template-index .fruit-header:not(.fruit-header--sticky) .fruit-header__inner:hover svg{stroke:var(--fruit-header-hover-text)}}.fruit-header--sticky{position:fixed;top:0;left:0;width:100%;z-index:1000}.fruit-header--sticky svg{stroke:var(--fruit-header-hover-text)}.fruit-header--sticky.fruit-header--sticky-bg .fruit-header__inner{background-color:var(--fruit-header-hover-bg)}.fruit-header--sticky.fruit-header--sticky-bg .fruit-header__link,.fruit-header--sticky.fruit-header--sticky-bg .fruit-header__icon,.fruit-header--sticky.fruit-header--sticky-bg .fruit-header__menu{color:var(--fruit-header-hover-text)}.fruit-header--sticky.fruit-header--sticky-bg svg{stroke:currentColor}body:not(.template-index) .fruit-header:not(.fruit-header--bg) .fruit-header__inner{background-color:var(--fruit-header-hover-bg)}@media (hover: hover) and (pointer: fine){.fruit-header--sticky .fruit-header__inner:hover .fruit-header__link,.fruit-header--sticky .fruit-header__inner:hover .fruit-header__icon{color:var(--fruit-header-hover-text)}.fruit-header--sticky .fruit-header__inner:hover svg{stroke:var(--fruit-header-hover-text)}}.template-index .fruit-top-bar,.template-index .fruit-header-wrapper{position:absolute;top:0;left:0;width:100%}.template-index .fruit-top-bar{z-index:30}.template-index .fruit-header-wrapper{top:var(--fruit-top-bar-height);z-index:25}@media (hover: hover) and (pointer: fine){.fruit-header__inner:hover{background-color:var(--fruit-header-hover-bg)}.fruit-header__inner:hover .fruit-header__link,.fruit-header__inner:hover .fruit-header__icon{color:var(--fruit-header-hover-text)}.fruit-header__inner:hover svg{stroke:var(--fruit-header-hover-text)}}.fruit-header:not(.fruit-header--sticky){transform:translateY(0);opacity:1}.fruit-header.fruit-header--sticky{transform:translateY(0);opacity:1}.fruit-header--pre-sticky{opacity:0;transform:translateY(-8px)}.fruit-header--sticky .fruit-header__menu{color:var(--fruit-header-hover-text)}.fruit-header--sticky .fruit-header__menu svg{stroke:var(--fruit-header-hover-text)}.fruit-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:12px 24px;background-color:transparent;transition:background-color .25s ease;position:relative}.fruit-header__logo{display:inline-flex;align-items:center;text-decoration:none}.fruit-header__logo img{display:block;width:var(--logo-width, auto);height:auto}.fruit-header__logo--mobile{display:none}.fruit-header__left{display:flex;gap:32px}.fruit-header__nav{display:flex;align-items:center;gap:32px}.fruit-header__link{color:var(--fruit-header-text-color);text-decoration:none;font-size:15px;font-weight:500}@media (hover: hover) and (pointer: fine){.fruit-header__link{position:relative}.fruit-header__link:after{content:"";position:absolute;left:0;bottom:1px;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.fruit-header__link:hover:after{transform:scaleX(1)}}.fruit-header__icons{display:flex;gap:18px;justify-self:end;align-items:center}.fruit-header__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--fruit-header-icon-color);background:none;border:none}.fruit-header__icon:focus,.fruit-header__icon:active{background:none;outline:none}.fruit-header__icon svg{width:22px;height:22px;stroke:currentColor;fill:none}.fruit-header__icon--cart{background:none;border:none;padding:0;cursor:pointer}.fruit-header__menu{display:none;background:none;border:none;color:var(--fruit-header-icon-color);cursor:pointer}.fruit-header__menu svg{width:26px;height:26px;stroke:currentColor}.fruit-header__icon--search{order:0}.fruit-header__icon--heart{order:1}.fruit-header__icon--user{order:2}.fruit-header__icon--cart{order:3}@media (max-width: 425px){.fruit-header__inner{display:grid!important;grid-template-columns:36px 36px 1fr 36px 36px;grid-template-areas:"menu search logo account cart";align-items:center;height:52px;padding:0 16px}.fruit-header__left,.fruit-header__icons,.fruit-header__group-left,.fruit-header__group-right{display:contents!important}.fruit-header__left,.fruit-header__icons{gap:0!important}.fruit-header__menu{grid-area:menu}.fruit-header__icon--search{grid-area:search}.fruit-header__logo--mobile{grid-area:logo;display:flex!important;justify-content:center;align-items:center;justify-self:center}.fruit-header__icon--user{grid-area:account}.fruit-header__icon--cart{grid-area:cart}.fruit-header__menu,.fruit-header__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.fruit-header__icon svg,.fruit-header__menu svg{width:20px;height:20px}.fruit-header__logo--mobile img{width:var(--logo-width-mobile);max-height:28px;display:block}.fruit-header__nav,.fruit-header__logo--desktop,.fruit-header__icon--heart{display:none!important}}@media (max-width: 768px){.fruit-header__inner{display:grid!important;grid-template-columns:36px 36px 1fr 36px 36px;grid-template-areas:"menu search logo account cart";align-items:center;height:52px;padding:0 16px}.fruit-header__left,.fruit-header__icons,.fruit-header__group-left,.fruit-header__group-right{display:contents!important}.fruit-header__left,.fruit-header__icons{gap:0!important}.fruit-header__menu{grid-area:menu}.fruit-header__icon--search{grid-area:search}.fruit-header__logo--mobile{grid-area:logo;display:flex!important;justify-content:center;align-items:center;justify-self:center}.fruit-header__icon--user{grid-area:account}.fruit-header__icon--cart{grid-area:cart}.fruit-header__menu,.fruit-header__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center}.fruit-header__icon svg,.fruit-header__menu svg{width:20px;height:20px}.fruit-header__logo--mobile img{width:var(--logo-width-mobile);max-height:28px;display:block}.fruit-header__nav,.fruit-header__logo--desktop,.fruit-header__icon--heart{display:none!important}}@media (hover: hover) and (pointer: fine){.fruit-nav-item{position:relative;height:100%;display:flex;align-items:center}.fruit-nav-caret{margin-left:6px;font-size:11px}.fruit-nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:220px;background:var(--fruit-header-hover-bg);z-index:6000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.fruit-nav-item:hover .fruit-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto}.fruit-nav-dropdown__inner{padding:16px;display:flex;flex-direction:column;gap:10px}.fruit-nav-dropdown__link{color:var(--fruit-header-hover-text);text-decoration:none;font-size:14px}.fruit-nav-dropdown__link:hover{text-decoration:underline}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/fruit-header.css.map */