header{width:100%;background-color:#fff;display:flex;justify-content:center;position:fixed;top:0;left:0;z-index:9999}.header-content{display:grid;grid-template-columns:minmax(60px,1fr) auto minmax(60px,1fr);grid-template-areas:"left center right";align-items:center;padding:var(--header-padding-vertical) var(--container-padding);width:100%;background-color:var(--color-secondary);transition:background-color var(--transition-medium)}.header-left{grid-area:left;justify-self:start;display:flex;align-items:center}.logo-wrapper{grid-area:center;justify-self:center;display:flex;align-items:center;justify-content:center;white-space:nowrap;height:var(--header-content-height);overflow:hidden}.logo-wrapper a{display:flex;align-items:center;justify-content:center;height:100%}.header-right{grid-area:right;justify-self:end;display:flex;align-items:center;gap:clamp(var(--space-2),2vw,var(--space-4));min-width:0}.hamburger-btn{background:none;cursor:pointer;padding:calc(var(--header-content-height) * .2);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform var(--transition-fast),border-color var(--transition-medium);position:relative;width:var(--header-content-height);height:var(--header-content-height);border:1px solid rgba(236,205,168,.25);transform:translateZ(0);backface-visibility:hidden;contain:layout style paint}.hamburger-btn:active{transform:scale(.95)}.hamburger-icon{width:calc(var(--header-content-height) * .55);height:calc(var(--header-content-height) * .55);color:var(--color-accent);shape-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform var(--transition-medium),color var(--transition-medium),opacity var(--transition-fast);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.hamburger-btn.open .hamburger-icon{transform:rotate(90deg) scale(1.1)}.logo-text{display:block;width:auto;max-width:70vw;filter:brightness(0) invert(85%) sepia(11%) saturate(1011%) hue-rotate(334deg) brightness(101%) contrast(92%);transition:filter var(--transition-medium);flex-shrink:0;image-rendering:auto;image-rendering:high-quality;image-rendering:-webkit-optimize-contrast}.logo-svg{display:none;height:var(--header-content-height);width:auto;filter:brightness(0) invert(85%) sepia(11%) saturate(1011%) hue-rotate(334deg) brightness(101%) contrast(92%);transition:filter var(--transition-medium);image-rendering:auto;shape-rendering:auto;flex-shrink:0}.header-cart-link,.header-appointment-link{display:flex;align-items:center;gap:clamp(var(--space-2),2vw,var(--space-4));text-decoration:none;color:var(--color-accent);transition:color var(--transition-fast)}.header-cart-link:hover,.header-appointment-link:hover{color:#eccda8cc}.cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.cart-icon,.appointment-icon{width:28px;height:28px;stroke:var(--color-accent);transition:stroke var(--transition-fast)}.cart-count{position:absolute;top:-8px;right:-8px;background:var(--color-accent);color:var(--color-text-dark);border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:var(--font-weight-bold);font-family:var(--font-secondary);line-height:1;padding:0 4px;box-sizing:border-box;transform:scale(0);transition:transform var(--transition-fast)}.cart-count.has-items{transform:scale(1)}.appointment-text{font-family:var(--font-secondary);font-weight:var(--font-weight-normal);font-size:clamp(12px,1.5vw,16px);line-height:1.7;white-space:nowrap;cursor:pointer;text-transform:uppercase;letter-spacing:.02em;color:var(--color-accent);transition:color var(--transition-medium)}@media (min-width: 901px){.appointment-text{display:block}.appointment-icon{display:none}}@media (max-width: 900px){.appointment-text{display:none}.appointment-icon{display:block}}@media (max-width: 1200px){.logo-text{display:none!important}.logo-svg{display:block!important}}body.nav-open .header-cart-link,body.nav-open .header-appointment-link{color:var(--color-secondary)}body.nav-open .cart-icon,body.nav-open .appointment-icon{stroke:var(--color-secondary)}body.nav-open .cart-count{background:var(--color-secondary);color:var(--color-accent)}body.nav-open .appointment-text,body.nav-open .hamburger-icon{color:var(--color-secondary)}@media (max-width: 767px){.header-right{gap:var(--space-3)}.cart-icon,.appointment-icon{width:24px;height:24px}.cart-count{min-width:16px;height:16px;font-size:.6875rem;top:-6px;right:-6px}}#mobile-nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-accent);z-index:9998;transform:translateY(-100%);transition:transform var(--transition-slow);pointer-events:none;display:flex;flex-direction:column;overflow:hidden;padding-top:var(--header-total-height)}#mobile-nav.open{transform:translateY(0);pointer-events:auto}body.nav-open .header-content{background-color:var(--color-accent)}body.nav-open .hamburger-icon{color:var(--color-secondary)}body.nav-open .logo-text,body.nav-open .logo-svg{filter:brightness(0) saturate(100%) invert(8%) sepia(18%) saturate(4492%) hue-rotate(334deg) brightness(95%) contrast(95%)}body.nav-open .hamburger-btn{border-color:#330f0f40}.overlay-content{flex-grow:1;display:flex;padding:var(--space-8) var(--container-padding) var(--space-12) var(--container-padding);gap:clamp(var(--space-8),4vw,var(--space-16));overflow-x:hidden;overflow-y:auto;width:100%;align-items:stretch;min-height:0}.overlay-left-content{display:flex;flex-direction:column;position:relative;z-index:2;flex-shrink:0;height:auto}.menu-wrapper{display:flex;flex-direction:column;min-height:0}.menu-list{flex-grow:0;height:auto;max-width:600px;display:flex;flex-direction:column;justify-content:flex-start;margin:0;padding:0;gap:clamp(var(--space-5),3vw,var(--space-8));list-style:none}.menu-list li a{text-decoration:none;text-transform:uppercase;color:var(--color-primary);font-family:var(--font-primary);font-weight:var(--font-weight-bold);line-height:1.3;display:flex;align-items:center;font-size:clamp(2.4rem,10vw,5rem);transition:color var(--transition-fast)}.menu-list .submenu{margin-left:var(--space-6);height:0;opacity:0;overflow:hidden;transform-origin:top;pointer-events:none;transition:height var(--transition-medium),opacity var(--transition-medium),margin-top var(--transition-medium),transform var(--transition-medium)}.menu-list .submenu a{font-size:clamp(1.5rem,4vw,3rem);white-space:normal;font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:1.3;display:block;margin-bottom:var(--space-2);padding:var(--space-1) 0}.submenu.open{opacity:1;margin-top:clamp(3px,.5vh,8px);pointer-events:auto}.arrow-icon{flex-shrink:0;transition:transform var(--transition-fast);width:clamp(1.25rem,2vw,1.75rem);height:clamp(1.25rem,2vw,1.75rem);margin-left:var(--space-4)}.has-submenu.open>a .arrow-icon{transform:rotate(90deg)}.menu-list.dimmed li:not(.has-submenu.open){opacity:.5}.overlay-right{display:flex;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;flex:1;max-height:100%}.image-container{width:100%;height:100%;display:flex;justify-content:flex-end;align-items:flex-start;overflow:hidden;position:relative}.overlay-image{width:auto;max-width:100%;height:100%;max-height:100%;object-fit:cover;object-position:center top;-webkit-user-select:none;user-select:none;pointer-events:none;transition:opacity var(--transition-fast);position:absolute;top:0;right:0}@media (max-width: 1920px){.menu-list li a{font-size:clamp(2.4rem,10vw,3.5rem)}}@media (max-width: 1300px){.overlay-content{flex-direction:column;gap:var(--space-6);align-items:stretch}.overlay-right{display:none}.overlay-left-content,.menu-wrapper{position:relative;z-index:1}}@media (min-width: 1301px){.overlay-content{display:flex;flex-direction:row}.overlay-left-content{flex:1;max-width:600px}.overlay-right{display:flex;flex:1;min-width:300px}}.hamburger-btn{transition:transform var(--transition-fast),border-color var(--transition-medium)}.hamburger-icon use{shape-rendering:geometricPrecision;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.svg-sprite svg{shape-rendering:geometricPrecision}.svg-sprite symbol{shape-rendering:geometricPrecision}header img,header svg{image-rendering:auto;image-rendering:high-quality;shape-rendering:auto}.arrow-icon{transition:transform var(--transition-fast)}.overlay-image{transition:opacity var(--transition-fast),filter var(--transition-fast)}.submenu{transition:height var(--transition-medium),opacity var(--transition-medium),margin-top var(--transition-medium)}#mobile-nav{will-change:transform}#mobile-nav.open{will-change:auto}@media (prefers-reduced-motion: reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-header.css.map */