:root{--jq-header-height-desktop: 70px;--jq-header-height-tablet: 61px;--jq-header-height-mobile: 61px;--jq-header-padding-desktop: 25px;--jq-header-padding-tablet: 20px;--jq-header-padding-mobile: 20px;--jq-spacing-sm: 8px;--jq-spacing-md: 12px;--jq-spacing-lg: 16px;--jq-color-accent: var(--header-text, currentColor);--jq-color-text-primary: var(--text-color, #000);--jq-transition-fast: .2s ease;--jq-icon-gap: 25px;--jq-icon-size: 26px}.header-layout{--layout-background: var(--header-background);--header-logo--opacity: 1;--text-color: var(--header-text);--link-color: var(--header-text);--border-color: var(--header-border);--header-height: var(--jq-header-height-desktop);display:block;color:var(--header-text);background:var(--header-background);transition:background-color .3s ease}body.template-collection .header-layout,body.template-product .header-layout{background:#fffffff2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.header-layout:not([data-sticky-type=always]):not([data-sticky-type=on-scroll-up]):not(.header-transparent){position:relative;z-index:9}header:has(.header-sticky),header:has(.header-sticky-onscrollup){position:sticky;top:0;z-index:9;transition:top .6s ease}header:has(.header-sticky-onscrollup.header-hidden){top:calc(var(--header-height) * -1)}.header-transparent{position:absolute;inset-inline:0}.header-transparent:not(.transparent-none){--header-logo--opacity: 0;background:var(--transparent-header--overlay)}.header-transparent:not(.transparent-none),.header-transparent:not(.transparent-none) .header-button{--text-color: var(--transparent-header--text);--link-color: var(--transparent-header--text);--header-text: var(--transparent-header--text)}.header-layout.header-sticky.transparent-none:not(.header-hidden){filter:drop-shadow(0px 5px 5px color-mix(in srgb,var(--header-text) 5%,transparent))}sticky-header.header-layout,.header-wrapper{border-bottom:none;box-shadow:none}.header-layout-block{position:relative;width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;column-gap:var(--jq-spacing-md);min-height:var(--header-height);height:auto;padding-inline:var(--jq-header-padding-mobile)}body sticky-header .container-large,body .header-layout .container-large{padding-left:0;padding-right:0;max-width:100%}.header-logo-link{display:flex;position:relative;width:var(--logo--width);margin-block:8px}.header-logo-link>img{width:100%;height:auto}.header-logo{color:var(--jq-color-heading)}.header-logo-link:has(.header-logo) .header-logo-secondary{top:0;right:0;bottom:0;left:0;height:100%;object-fit:contain;object-position:center;position:absolute}.header-logo-secondary{opacity:calc(1 - var(--header-logo--opacity))}.header-buttons{height:100%;max-width:max-content;margin-left:auto}.header-buttons-list{gap:15px;display:flex;height:100%;padding-left:10px;position:relative;align-items:center;justify-content:flex-end}.header-button-item{white-space:nowrap}.header-button .iconbox{position:relative;display:flex;align-items:center;justify-content:center}.header-button{gap:5px;display:flex;min-width:auto;min-height:auto;padding:0;align-items:center;justify-content:center;color:var(--jq-color-accent);transition:color var(--jq-transition-fast)}.header-button.is-icon{position:relative}.header-button.is-icon:before{content:"";z-index:0;position:absolute;width:calc(100% + 10px);height:calc(100% + 10px);transition:background-color .3s ease}.header-button.is-icon.icon-rounded:before{border-radius:50%}.cart-cta sup{display:none}.cart-cta svg text{font-family:var(--body-font-family, sans-serif);letter-spacing:0}.header-utitlites .icon,.header-buttons .icon{color:#000}.header-button-hamburger{position:relative;display:flex;align-items:center;justify-content:center;min-width:auto;min-height:auto;gap:6px;flex-direction:column;color:#000;transition:color var(--jq-transition-fast)}.hamburger-icon{height:auto;transition:transform .3s ease .3s,opacity .3s ease .3s}.hamburger-open .hamburger-icon{opacity:0;transition:transform .3s ease 0s,opacity .3s ease .3s;transform:scaleY(0)}.header-button-hamburger:before,.header-button-hamburger:after{content:"";position:absolute;width:calc(var(--svg-inside--size) - 10px);height:1px;opacity:0;transition:transform .3s ease 0s,opacity 0s ease .3s;background-color:currentColor}.hamburger-open .header-button-hamburger:before,.hamburger-open .header-button-hamburger:after{opacity:1;transition:transform .3s ease .3s,opacity .3s ease .3s}.hamburger-open .header-button-hamburger:before{transform:rotate(-45deg)}.hamburger-open .header-button-hamburger:after{transform:rotate(45deg)}body.hamburger-closing .hamburger-icon{transition:transform .3s ease 0s,opacity .3s ease 0s!important}body.hamburger-closing .header-button-hamburger:before,body.hamburger-closing .header-button-hamburger:after{transition:transform .3s ease 0s,opacity .3s ease 0s!important}.jq-hamburger{width:32px;height:32px;min-width:unset}span.hamburger-icon .jq-hamburger{width:100%;height:100%}.jq-search-btn,.jq-account-btn,.jq-cart-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.jq-search-btn .icon,.jq-account-btn .icon,.jq-cart-btn .icon{width:100%;height:100%;stroke-width:1px}.jq-search-btn .icon{transform-origin:center;transform:rotate(10deg) translateY(.5px)}.header-overlay{top:0;right:0;bottom:0;left:0;opacity:0;z-index:90;position:fixed;visibility:hidden;min-height:calc(100dvh + var(--header-height));background:var(--offcanvas-overlay--background);transition:opacity .3s ease .3s,visibility 0s linear .35s}.hamburger-open .header-overlay{opacity:0;visibility:visible;background:#7e7e7e29;backdrop-filter:grayscale(100%) blur(75px) contrast(.9);-webkit-backdrop-filter:blur(75px);transition:none}body.hamburger-open.template-collection .header-layout,body.hamburger-open.template-product .header-layout{backdrop-filter:none;-webkit-backdrop-filter:none}.header-layout:after{--jq-border-width: 1px;--jq-border-color: var(--header-border, #e5e5e5);--jq-border-opacity: 1;content:"";position:absolute;bottom:0;inset-inline:0;height:var(--jq-border-width);background:var(--jq-border-color);opacity:var(--jq-border-opacity);pointer-events:none;transition:opacity .3s ease,background .3s ease}.header-transparent:not(.transparent-none).header-layout:after{--jq-border-color: var(--transparent-header--border, rgba(255,255,255,.2))}.header-layout.jq-no-border:after{--jq-border-opacity: 0}.header-transparent.header-layout:after{inset-inline:auto;width:97.5%;left:50%;transform:translate(-50%)}.header-transparent.transparent-none.header-layout:after{--jq-border-opacity: 0}body.template-collection .header-layout.is-scrolled:after{--jq-border-opacity: 0}body.template-product .header-layout.jq-past-content:after{--jq-border-opacity: 0}.header-transparent.tone-light:not(.transparent-none),.header-transparent.tone-light:not(.transparent-none) .header-button{--transparent-header--text: #fff}.header-transparent.tone-light:not(.transparent-none).header-layout:after{--jq-border-color: rgb(255,255,255)}.header-transparent.tone-dark:not(.transparent-none),.header-transparent.tone-dark:not(.transparent-none) .header-button{--transparent-header--text: rgb(0,0,0)}.header-transparent.tone-dark:not(.transparent-none).header-layout:after{--jq-border-color: var(--jq-color-separator)}@media (max-width: 1024px){.header-layout{--header-height: var(--jq-header-height-tablet)}.header-layout-block{padding-inline:var(--jq-header-padding-tablet);padding-block:8px;justify-content:space-between}.jq-header-left{display:flex;align-items:center;z-index:20}.jq-header-left button{border:none;background:none;padding:0;margin:0}.header-layout .header-logo-link{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;margin:0;width:var(--logo--width, 100px);height:auto;display:flex;justify-content:center}.header-layout .header-logo-link img{width:100%;height:auto;object-fit:contain}header-utilities,.header-buttons-list{display:flex;align-items:center;justify-content:flex-end;position:static;width:auto;gap:15px}li.search-cta,li.cart-cta{display:block;margin:0;padding:0}li.login-cta{display:none}}@media (max-width: 767px){.header-layout{--header-height: var(--jq-header-height-mobile)}.header-layout-block{padding-inline:var(--jq-header-padding-mobile);padding-right:15px}.header-buttons-list{flex-wrap:wrap;justify-content:center}}@media (min-width: 768px){.header-layout-block{column-gap:var(--jq-spacing-lg)}.header-buttons-list{padding-left:15px}}@media (min-width: 1025px){.header-layout-block{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"left center right";align-items:center;gap:0;column-gap:30px;padding-inline:var(--jq-header-padding-desktop)}}@media (max-width: 768px){.header-layout .header-logo-link{--logo--width: 175px}}@media (min-width: 769px) and (max-width: 1024px){.header-layout .header-logo-link{--logo--width: 220px}}@media (min-width: 1025px) and (max-width: 1512px){.header-layout .header-logo-link{--logo--width: 230px}}@media (min-width: 1513px){.header-layout .header-logo-link{--logo--width: 235px}}@media (min-width: 1513px){.header-layout{--header-height: 70px}.header-layout-block{padding-inline:20px}}@media (hover: hover){.header-utilities .icon:hover,.header-buttons .icon:hover,.header-button:hover,.header-button-hamburger:hover{color:var(--jq-color-text-primary)}.header-button.is-icon:hover:before{background:color-mix(in srgb,currentColor 10%,transparent)}}.mobile-menu-drawer{position:fixed;top:10px;left:10px;bottom:10px;right:auto;z-index:100;visibility:hidden;opacity:0;transform:translate(calc(-100% - 10px));transition:transform .6s ease,opacity .6s ease,visibility 0s linear .6s;overflow:hidden}.mobile-menu-drawer.mobile-menu-open{visibility:visible;opacity:1;transform:translate(0);transition:transform .45s ease,opacity .4s ease,visibility 0s linear 0s}@media (max-width: 767px){body.template-product .header-layout-block{padding-left:20px;padding-right:20px}}@media (min-width: 768px)and (max-width: 1024px){body.template-product .header-layout-block{padding-left:20px;padding-right:20px}}@media (min-width: 1025px)and (max-width: 1199px){body.template-product .header-layout-block{padding-left:20px;padding-right:20px}}@media (min-width: 1200px)and (max-width: 1440px){body.template-product .header-layout-block{padding-left:20px;padding-right:40px}}@media (min-width: 1441px){body.template-product .header-layout-block{padding-left:25px;padding-right:50px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/jq-header.css.map */