.header-wrapper{--barfia-gold: var(--barfia-accent, #b8914c);--barfia-gold-deep: #9a7637;--barfia-ink: rgb(var(--color-foreground));--barfia-ink-soft: rgba(var(--color-foreground), .72);--barfia-surface: rgb(var(--color-background));--barfia-tint: rgba(var(--color-foreground), .03);--barfia-line: rgba(var(--color-foreground), .12);--barfia-line-soft: rgba(var(--color-foreground), .08);--barfia-on-gold: #ffffff;--barfia-search-radius: .3rem}.header-wrapper .header.header--barfia-v2 .list-menu{list-style:none;padding:12px;margin:0}.header__inline-menu details[open]>.header__submenu{background:#c9a044}.header__menu-item .icon-caret{right:-0;z-index:0}.header-wrapper .header.header--barfia-v2 .list-menu--inline{display:inline-flex;flex-wrap:wrap}.header-wrapper .header.header--barfia-v2{position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"left logo icons";align-items:center;column-gap:1rem;padding-top:1rem;padding-bottom:1rem;background:var(--barfia-surface)}.header-wrapper .header.header--barfia-v2>header-drawer{grid-area:left;justify-self:start;margin-left:-1.2rem}@media(min-width:1200px){.header-wrapper .header.header--barfia-v2>header-drawer{display:none}}.header-wrapper .header.header--barfia-v2 .header__heading,.header-wrapper .header.header--barfia-v2>.header__heading-link{grid-area:logo;justify-self:center;align-self:center;margin:0}.header-wrapper .header.header--barfia-v2 .header__heading-logo{display:block}.header-wrapper .header.header--barfia-v2 .header__inline-menu,.header-wrapper .header.header--barfia-v2 .header__search-inline{display:none}.header-wrapper .header.header--barfia-v2 .header__column{grid-area:icons;justify-self:end;align-self:center}.header-wrapper .header.header--barfia-v2 .header__icons{display:flex;align-items:center;gap:.2rem}.header-wrapper .header.header--barfia-v2 .cart-count-bubble{background-color:var(--barfia-gold);color:var(--barfia-on-gold)}@media screen and (max-width:439px){.header-wrapper .header.header--barfia-v2 .header__heading-logo{max-width:70px;height:auto}h1.header__heading{width:100%}}@media screen and (min-width:1200px){.header-wrapper .header.header--barfia-v2{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search icons" "nav  nav    nav";column-gap:clamp(1.6rem,2.5vw,3.2rem);row-gap:.7rem;align-items:center;padding-top:1.4rem;padding-bottom:.6rem}.header-wrapper .header.header--barfia-v2 .header__heading,.header-wrapper .header.header--barfia-v2>.header__heading-link{grid-area:logo;justify-self:start;align-self:center}.header-wrapper .header.header--barfia-v2 .header__search-inline{grid-area:search;display:block;width:100%;max-width:56rem;margin:0 auto}.header-wrapper .header__search-inline predictive-search,.header-wrapper .header__search-inline .search{position:relative;display:block;width:100%}.header-wrapper .header__search-inline .field{position:relative;display:flex;align-items:center;width:100%}.header-wrapper .header__search-inline .field__input{height:4.4rem;width:100%;border:0;box-shadow:inset 0 0 0 .1rem var(--barfia-line);border-radius:var(--barfia-search-radius);background:var(--barfia-surface);color:var(--barfia-ink);padding:0 4.6rem 0 1.8rem;font-size:1.4rem;letter-spacing:.01em;transition:box-shadow var(--duration-short, .1s) ease}.header-wrapper .header__search-inline .field__input:focus,.header-wrapper .header__search-inline .field__input:focus-visible{outline:none;box-shadow:inset 0 0 0 .15rem var(--barfia-gold)}.header-wrapper .header__search-inline .field__input::placeholder{color:var(--barfia-ink-soft);text-transform:none;letter-spacing:.01em;font-weight:400;font-size:1.4rem}.header-wrapper .header__search-inline .field__label{display:none}.header-wrapper .header__search-inline .search__button{right:.4rem;left:auto;width:4.2rem;height:4.2rem;justify-content:center;color:var(--barfia-gold-deep)}.header-wrapper .header__search-inline .search__button .icon{height:1.9rem;width:1.9rem}.header-wrapper .header__search-inline .predictive-search{position:absolute;padding:16px;top:calc(100% + .6rem);left:0;right:0;background:var(--barfia-surface);border:.1rem solid var(--barfia-line);box-shadow:0 1.8rem 4rem -1rem rgba(var(--color-foreground),.28);z-index:60;max-height:70vh;overflow-y:auto}.header-wrapper .header.header--barfia-v2 .header__search{display:none}.header-wrapper .header.header--barfia-v2 .header__column{grid-area:icons;justify-self:end;align-self:center}.header-wrapper .header.header--barfia-v2 .header__inline-menu{grid-area:nav;display:flex;width:100%;margin:0;border-top:.1rem solid var(--barfia-line);padding-top:.7rem;justify-content:center}.header-wrapper .header.header--barfia-v2 .header__inline-menu>.list-menu--inline{justify-content:flex-start;align-items:center;gap:clamp(1.6rem,2.2vw,3.4rem);flex-wrap:wrap}.header-wrapper .header.header--barfia-v2 .header__menu-item{position:relative;letter-spacing:.06rem;padding-top:1rem;padding-bottom:1rem}.header-wrapper .header.header--barfia-v2 .header__menu-item>span:first-child:after{content:"";position:absolute;left:0;right:0;bottom:.3rem;height:.15rem;background:var(--barfia-gold);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-default, .25s) ease}.header-wrapper .header.header--barfia-v2 .header__menu-item:hover>span:first-child:after,.header-wrapper .header.header--barfia-v2 .header__menu-item[aria-current=page]>span:first-child:after,.header-wrapper .header.header--barfia-v2 .header__active-menu-item:after{transform:scaleX(1)}}.header-wrapper .menu-drawer{width:min(87vw,360px);background-color:var(--barfia-surface);box-shadow:0 1.8rem 4rem -1rem rgba(var(--color-foreground),.28);border-left:0}.header-wrapper .menu-drawer__navigation{padding:.8rem 0 0}.header-wrapper .menu-drawer__menu-item{padding:1.6rem 2.2rem;font-size:12px;letter-spacing:.03em;color:var(--barfia-ink);border-bottom:.1rem solid var(--barfia-line-soft);transition:color var(--duration-short, .1s) ease,background-color var(--duration-short, .1s) ease;width:100%}.header-wrapper .menu-drawer summary.menu-drawer__menu-item{padding-right:5rem}.header-wrapper .menu-drawer__menu-item:hover,.header-wrapper .menu-drawer__menu-item--active,.header-wrapper .menu-drawer__menu-item:focus{color:var(--barfia-gold-deep);background-color:var(--barfia-tint)}.header-wrapper .menu-drawer__menu-item>.icon-caret{right:2rem}.header-wrapper .menu-drawer details[open]>summary.menu-drawer__menu-item>.icon-caret{transform:rotate(180deg)}.header-wrapper .menu-drawer__submenu{background-color:var(--barfia-tint)}.header-wrapper .menu-drawer__inner-submenu .menu-drawer__menu-item{font-size:1.35rem;color:var(--barfia-ink-soft)}.header-wrapper .menu-drawer__inner-submenu .menu-drawer__menu-item:hover{color:var(--barfia-gold-deep)}.header-wrapper .menu-drawer__close-button{display:flex;margin-top:0;padding:1.4rem 2.2rem;font-size:1.3rem;letter-spacing:.04em;color:var(--barfia-ink-soft);border-bottom:.1rem solid var(--barfia-line-soft)}.header-wrapper .menu-drawer__close-button:hover{color:var(--barfia-gold-deep)}.header-wrapper .menu-drawer__utility-links{padding:2.4rem 2.2rem calc(2.4rem + env(safe-area-inset-bottom,0px));border-top:.1rem solid var(--barfia-line);background-color:var(--barfia-tint)}.header-wrapper .menu-drawer__account.button{width:100%;justify-content:center;height:auto;min-height:4.8rem;background-color:var(--barfia-gold);box-shadow:none;color:var(--barfia-on-gold);letter-spacing:.08em}.header-wrapper .menu-drawer__account.button:hover{background-color:var(--barfia-gold-deep)}.header-wrapper .menu-drawer__account .icon-account{color:currentColor}.header-wrapper .menu-drawer__utility-account a:hover,.header-wrapper .menu-drawer__utility-logout:hover{color:var(--barfia-gold-deep)}.header-wrapper .menu-drawer .cart-count-bubble{background-color:var(--barfia-gold);color:var(--barfia-on-gold)}.header-wrapper .menu-drawer .list-social{margin-top:2.4rem;gap:1.8rem}.header-wrapper .menu-drawer .list-social__link:hover{color:var(--barfia-gold-deep)}@media(prefers-reduced-motion:reduce){.header-wrapper .header.header--barfia-v2 .header__menu-item>span:first-child:after,.header-wrapper .menu-drawer__menu-item,.header-wrapper .header__search-inline .field__input{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/custom-header-styles.css.map */