:root{--header-height: 3.9rem}@media(min-width:990px){:root{--header-height: 4.1rem}}.obz-section-header{position:sticky;top:0;z-index:50;height:var(--header-height)}.obz-header{--header-bg: rgb(255 255 255 / .78);--header-fg: var(--color-black);--header-border: rgb(0 0 0 / .08);padding:.25rem .75rem}.obz-header__bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;max-width:90rem;height:3.5rem;margin-inline:auto;padding-inline:.5rem;border:1px solid var(--header-border);border-radius:999px;background:var(--header-bg);color:var(--header-fg);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.obz-header--overlay{--header-bg: rgb(0 0 0 / .22);--header-fg: var(--color-white);--header-border: rgb(255 255 255 / .16)}@supports (animation-timeline: scroll()){.obz-header--overlay .obz-header__bar{animation:obz-header-solid linear both;animation-timeline:scroll(root);animation-range:0 30vh}@keyframes obz-header-solid{0%{border-color:#ffffff29;background-color:#ffffff14;color:var(--color-white)}to{border-color:#00000014;background-color:#ffffffc7;color:var(--color-black)}}}body:has(.obz-header--overlay) #MainContent>.shopify-section:first-child{margin-top:calc(-1 * var(--header-height))}.obz-header__icon{transition:background-color .2s ease;display:inline-grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:999px;background:none;color:inherit;cursor:pointer}.obz-header__icon .obz-icon{display:block;width:1.4rem;height:1.4rem}.obz-header__icon:hover{background:#7f7f7f40}.obz-header__logo{display:block;justify-self:center;color:inherit}.obz-logo{display:block;width:auto;height:1.1rem}.obz-header__nav{display:none}.obz-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:.15rem}.obz-header__cart{position:relative;display:inline-flex;align-items:center;gap:.4rem;min-width:2.75rem;min-height:2.75rem;justify-content:center;border-radius:999px;color:inherit;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.9rem;text-decoration:none}.obz-header__cart-icon{display:grid;place-items:center}.obz-header__cart .obz-icon{display:block;width:1.4rem;height:1.4rem}.obz-header__cart-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.obz-header__cart-count{position:absolute;top:.2rem;right:.1rem;display:grid;place-items:center;min-width:1.15rem;height:1.15rem;padding-inline:.25rem;border-radius:999px;background:var(--color-accent);color:var(--color-white);font-size:.7rem;line-height:1}.obz-header__cart-count[hidden]{display:none}:where(.obz-header) [popover]{margin:0;border:0;padding:0;color:var(--color-black)}.obz-drawer{position:fixed;inset:0 auto 0 0;width:min(22rem,88vw);height:100dvh;max-height:none;padding:1rem 1.25rem 2rem;background:var(--color-white);overflow-y:auto;transform:translate(-100%);transition:transform .35s cubic-bezier(.16,1,.3,1),overlay .35s allow-discrete,display .35s allow-discrete}.obz-drawer:popover-open{transform:none}@starting-style{.obz-drawer:popover-open{transform:translate(-100%)}}.obz-drawer::backdrop{background:#0006}.obz-drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.obz-drawer__title{font-family:var(--font-heading);font-weight:var(--weight-heading)}.obz-drawer__list,.obz-drawer__sublist,.obz-dropdown ul{margin:0;padding:0;list-style:none}.obz-drawer__link{transition:color .2s ease,translate .2s ease;display:block;padding:.6rem 0;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:1.75rem;letter-spacing:-.02em;text-decoration:none}.obz-drawer__sublist{margin-bottom:.75rem}.obz-drawer__sublist a,.obz-dropdown a{display:block;padding:.45rem 0;text-decoration:none}.obz-drawer__account{margin-top:1rem;padding-top:1rem;border-top:1px solid rgb(0 0 0 / .1)}.obz-drawer__account .obz-drawer__link{display:flex;align-items:center;gap:.6rem}.obz-drawer__account .obz-icon{width:1.6rem;height:1.6rem}.obz-dropdown{position:fixed;top:calc(var(--header-height) + .25rem);left:50%;min-width:14rem;padding:1rem 1.5rem;border-radius:calc(var(--radius) * .75);background:var(--color-white);box-shadow:0 12px 40px #00000026;translate:-50% 0}.obz-drawer a:hover,.obz-dropdown a:hover{color:var(--color-accent)}.obz-drawer__link:hover{translate:.35rem 0}@media(min-width:990px){.obz-header{padding:.3rem 1.5rem}.obz-header__bar{padding-inline:1.5rem .4rem}.obz-header__menu-toggle{display:none}.obz-header__logo{grid-column:1;grid-row:1;justify-self:start}.obz-logo{height:1.15rem}.obz-header__nav{display:block;grid-column:2;grid-row:1}.obz-header__nav-list{display:flex;gap:.25rem;margin:0;padding:0;list-style:none}.obz-header__nav-link{display:inline-block;padding:.5rem 1rem;border:0;border-radius:999px;background:none;color:inherit;font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:.95rem;text-decoration:none;cursor:pointer}.obz-header__nav-link{transition:background-color .2s ease,box-shadow .2s ease}.obz-header__nav-link:hover{background:var(--color-white);color:var(--color-black);box-shadow:0 2px 10px #0000001f}.obz-header__cart{transition:transform .2s ease}.obz-header .obz-header__cart:hover{background:var(--color-accent);color:var(--color-white);transform:translateY(-1px)}.obz-header__actions{grid-column:3;grid-row:1}.obz-header__cart{margin-left:.25rem;padding:.55rem 1.25rem;min-height:2.6rem;background:var(--color-black);color:var(--color-white)}.obz-header--overlay .obz-header__cart{background:var(--color-white);color:var(--color-black)}@supports (animation-timeline: scroll()){.obz-header--overlay .obz-header__cart{animation:obz-header-cart-solid linear both;animation-timeline:scroll(root);animation-range:0 30vh}@keyframes obz-header-cart-solid{0%{background-color:var(--color-white);color:var(--color-black)}to{background-color:var(--color-black);color:var(--color-white)}}}.obz-header__cart-icon{display:none}.obz-header__cart-label{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.obz-header__cart-count{position:static}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/obz-header.css.map */
