.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:78px;background:var(--smak-red);display:flex;align-items:center;justify-content:space-between;padding:0 32px}.header__menu-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.hamburger{display:flex;flex-direction:column;gap:6px;position:relative;transition:transform .2s ease}.hamburger__line{width:36px;height:2px;background:#fff;transition:all .2s ease-in}.header__menu-toggle.active .hamburger__line:nth-child(1){transform:rotate(45deg) translate(3px,3px)}.header__menu-toggle.active .hamburger__line:nth-child(2){transform:rotate(-45deg) translate(3px,-3px)}.header__menu-toggle.active:hover .hamburger{transform:rotate(90deg)}.header__logo{position:absolute;left:50%;transform:translate(-50%)}.logo{text-decoration:none;position:relative;display:block;-webkit-tap-highlight-color:transparent}.logo__text{font-family:var(--font-heading--family);font-size:32px;font-weight:400;line-height:1;transition:opacity .3s ease}.logo__text--normal{color:#fff;opacity:1}.logo__text--inverse{color:var(--smak-red);opacity:0;position:absolute;top:0;left:0}.logo__image{width:120px;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.logo__image--normal{opacity:1;transform:scale(1) rotate(0)}.logo__image--inverse{opacity:0;position:absolute;top:0;left:0;transform:scale(.8) rotate(-5deg)}.header__cart-toggle{background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;gap:6px;color:#fff;font-family:var(--font-body--family);font-size:16px;-webkit-tap-highlight-color:transparent}.cart-icon{display:flex;align-items:center;justify-content:center}.cart-count{font-weight:500;font-size:24px;line-height:31px;transition:all .3s ease}.cart-count.animate{animation:cartCountBounce .3s ease-out}@keyframes cartCountBounce{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header__cart-toggle{transition:all .2s ease}.header__cart-toggle:hover .cart-icon{transform:rotate(3deg)}.cart-icon{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.cart-icon.bounce{animation:cartBounce .6s cubic-bezier(.25,.46,.45,.94)}.cart-icon.pulse{animation:cartPulse 2s infinite}.cart-icon.shake{animation:cartShake .5s ease-in-out}@keyframes cartBounce{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes cartPulse{0%,to{transform:rotate(0)}50%{transform:rotate(1deg)}}@keyframes cartShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--smak-red);z-index:999;opacity:1;visibility:hidden;transform:translateY(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94),visibility .4s ease}.menu-overlay.active{visibility:visible;transform:translateY(0)}.menu-overlay__content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:128px 6px;gap:16px;position:relative;transform:translateY(50px);transition:transform .6s cubic-bezier(.25,.46,.45,.94) .1s}.menu-overlay.active .menu-overlay__content{transform:translateY(0)}.menu-overlay__logo{display:none}.menu-overlay__nav{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;flex:none;order:1;flex-grow:0}.menu-overlay__link{color:#fff;text-decoration:none;font-family:var(--font-heading--family);font-style:normal;font-weight:400;font-size:36px;line-height:1.5;transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94),color .2s ease;opacity:0;transform:translateY(60px);display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0;gap:10px;-webkit-tap-highlight-color:transparent}.menu-overlay.active .menu-overlay__link{opacity:1;transform:translateY(0)}.menu-overlay.active .menu-overlay__link:nth-child(1){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .2s,transform .5s cubic-bezier(.25,.46,.45,.94) .2s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(2){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .3s,transform .5s cubic-bezier(.25,.46,.45,.94) .3s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(3){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .4s,transform .5s cubic-bezier(.25,.46,.45,.94) .4s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(4){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .5s,transform .5s cubic-bezier(.25,.46,.45,.94) .5s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(5){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .6s,transform .5s cubic-bezier(.25,.46,.45,.94) .6s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(6){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .7s,transform .5s cubic-bezier(.25,.46,.45,.94) .7s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(7){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .8s,transform .5s cubic-bezier(.25,.46,.45,.94) .8s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(8){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) .9s,transform .5s cubic-bezier(.25,.46,.45,.94) .9s,color .2s ease}.menu-overlay.active .menu-overlay__link:nth-child(9){transition:opacity .5s cubic-bezier(.25,.46,.45,.94) 1s,transform .5s cubic-bezier(.25,.46,.45,.94) 1s,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link{transition:opacity .08s ease,transform .1s ease,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link:nth-child(1){transition:opacity .08s ease 0s,transform .1s ease 0s,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link:nth-child(2){transition:opacity .08s ease 15ms,transform .1s ease 15ms,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link:nth-child(3){transition:opacity .08s ease .03s,transform .1s ease .03s,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link:nth-child(4){transition:opacity .08s ease 45ms,transform .1s ease 45ms,color .2s ease}.menu-overlay:not(.active) .menu-overlay__link:nth-child(5){transition:opacity .08s ease .06s,transform .1s ease .06s,color .2s ease}.menu-overlay__link:hover{color:var(--smak-black)}body{padding-top:78px}@media (max-width: 768px){body{padding-top:70px}}.header.menu-open .logo__text--normal,.header.menu-open .logo__image--normal{opacity:0;transform:scale(.8) rotate(5deg)}.header.menu-open .logo__text--inverse,.header.menu-open .logo__image--inverse{opacity:1;transform:scale(1) rotate(0)}.cart-slideout{position:fixed;top:0;right:-100%;width:420px;height:100svh;height:100dvh;max-width:100%;background:#fff;z-index:10000;transition:right .3s ease;box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column}.cart-slideout.active{right:0}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:-1}.cart-backdrop.active{background:#0006;opacity:1;visibility:visible;z-index:9999}.cart-slideout__content{display:flex;flex-direction:column;height:100%;background:#fff}.cart-slideout__header{background:var(--smak-red, #dc2626);color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.cart-slideout__title{font-family:var(--font-heading--family);font-size:24px;font-weight:700;margin:0}.cart-slideout__close{background:none;border:none;color:#fff;cursor:pointer;transition:background .3s ease,transform .2s ease;-webkit-tap-highlight-color:transparent}.cart-slideout__close svg{transition:transform .2s ease}.cart-slideout__close:hover svg{transform:rotate(90deg)}.cart-slideout__items{flex:1;overflow-y:auto;background:#fff}.cart-item{display:flex;align-items:center;padding:20px;border-bottom:1px solid #f0f0f0;position:relative;background:#fff;height:100%;max-height:140px}.cart-item:last-child{border-bottom:none}.cart-item__image{display:block;width:100px;height:100px;margin-right:10px;flex-shrink:0;overflow:hidden;text-decoration:none}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__placeholder{width:100%;height:100%;background:var(--smak-grey);display:flex;align-items:center;justify-content:center}.cart-item__details{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px}.cart-item__title-link{text-decoration:none;color:var(--smak-black)}.cart-item__title-link:hover .cart-item__title{color:var(--smak-red)}.cart-item__details-meta{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:4px;height:100%}.cart-item__details-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;width:100%;height:100%}.cart-item__title{font-family:Dela Gothic One;font-style:normal;font-weight:400;font-size:16px;line-height:20px;color:var(--smak-black)}.cart-item__variant{font-family:Geist;font-style:normal;font-weight:600;font-size:14px;line-height:18px;color:var(--smak-grey)}.cart-item__quantity{display:flex;align-items:center;gap:6px}.quantity-btn{width:24px;height:24px;border:none;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--smak-black);transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.quantity-btn svg{width:16px;height:16px}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-label{width:40px;border:none;text-align:center;font-size:14px;font-weight:600;color:var(--smak-black);background:#fff}.cart-item__price{text-align:right;margin-right:8px;min-width:80px}.price-per-item{display:block;font-family:var(--font-body--family);font-size:12px;color:#666;margin-bottom:2px}.price-total{display:block;font-family:var(--font-heading--family);font-size:14px;font-weight:700;color:var(--smak-black);margin-bottom:4px}.cart-item__remove{width:24px;height:24px;border:none;background:none;color:var(--smak-black);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;-webkit-tap-highlight-color:transparent}.cart-item__remove:hover{transform:rotate(90deg)}.cart-item__price-container{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:100%}.cart-slideout__footer{padding:20px;border-top:1px solid #f0f0f0;background:#fff}.cart-slideout__total{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.total-label{font-family:var(--font-heading--family);font-size:16px;font-weight:700;color:var(--smak-black, #000)}.total-amount{font-family:var(--font-heading--family);font-size:18px;font-weight:700;color:var(--smak-black, #000)}.cart-slideout__empty{text-align:center;padding:40px 20px;height:calc(100svh - 160px);display:flex;flex-direction:column;justify-content:center;align-items:center}.cart-slideout__empty h4{font-family:var(--font-heading--family);font-size:18px;font-weight:700;color:var(--smak-black, #000);margin:0 0 8px}.cart-slideout__empty p{font-family:var(--font-body--family);font-size:14px;color:#666;margin:0}.cart-recommended{padding:20px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fafafa}.cart-recommended__header{margin-bottom:16px}.cart-recommended__title{font-family:var(--font-heading--family);font-size:18px;font-weight:700;color:var(--smak-black, #000);margin:0}.cart-recommended__content{display:flex;gap:16px;align-items:flex-start}.cart-recommended__image{display:block;flex-shrink:0;width:80px;height:80px;overflow:hidden;background:#f5f5f5;text-decoration:none}.cart-recommended__image img{width:100%;height:100%;object-fit:cover}.cart-recommended__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.cart-recommended__details{flex:1;display:flex;flex-direction:column;gap:8px}.cart-recommended__title-link{text-decoration:none;color:var(--smak-black, #000)}.cart-recommended__title-link:hover .cart-recommended__product-title{color:var(--smak-red)}.cart-recommended__product-title{font-family:var(--font-heading--family);font-size:16px;font-weight:700;color:var(--smak-black, #000);margin:0;line-height:1.3}.cart-recommended__price{font-family:var(--font-heading--family);font-size:18px;font-weight:700;color:var(--smak-red, #dc2626)}.cart-recommended__add-btn{align-self:flex-start;margin-top:4px}.cart-recommended__add-btn.loading{opacity:.6;pointer-events:none;cursor:not-allowed}.cart-item.loading{opacity:.6;pointer-events:none}.cart-item.removing{animation:slideOut .3s ease forwards}@keyframes slideOut{to{opacity:0;transform:translate(-100%);height:0;padding:0;margin:0}}@media (max-width: 768px){.logo__image{width:100px}.header{height:70px;padding:0 12px}.menu-overlay__link{font-size:24px;line-height:1.5}.cart-slideout__header{padding:16px 20px}.cart-recommended{padding:16px}.cart-recommended__content{gap:12px}.cart-recommended__image{width:60px;height:60px}.cart-recommended__title{font-size:16px}.cart-recommended__product-title{font-size:14px}.cart-recommended__price{font-size:16px}.cart-recommended__add-btn.btn-smak--small{width:100%;height:45px}.cart-recommended__add-btn.btn-smak--small span{width:180px;height:45px;font-size:14px;line-height:39px}.cart-recommended__add-btn.btn-smak--small span:before,.cart-recommended__add-btn.btn-smak--small span:after{line-height:39px}}@supports (height: 100dvh){.cart-slideout{height:100dvh}.cart-slideout__empty{height:calc(100dvh - 160px)}}.menu-overlay{overscroll-behavior:contain;touch-action:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/header.css.map */
