.custom-header{position:sticky;top:0;left:0;right:0;z-index:999;padding:var(--header-padding-top, 20px) 20px 20px 20px;background:transparent}.custom-header__container{display:flex;align-items:center;justify-content:center;gap:16px;max-width:calc(var(--header-max-width, 700px) + var(--cart-button-size, 56px) + 16px);margin:0 auto}.custom-header__nav{display:flex;align-items:center;justify-content:center;width:100%;max-width:var(--header-max-width, 700px);height:var(--header-height, 70px);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-bg-opacity, 30) / 100 * .2)),rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-bg-opacity, 30) / 100 * .05)));border:2px solid rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-border-opacity, 50) / 100));border-radius:var(--header-border-radius, 50px);box-shadow:0 0 var(--header-glow-intensity, 10px) rgba(var(--color-accent-rgb, 74, 222, 128),.3),inset 0 0 30px rgba(var(--color-accent-rgb, 74, 222, 128),.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.custom-header__nav:hover{border-color:rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-border-opacity, 50) / 100 + .2));box-shadow:0 0 calc(var(--header-glow-intensity, 10px) + 5px) rgba(var(--color-accent-rgb, 74, 222, 128),.4),inset 0 0 30px rgba(var(--color-accent-rgb, 74, 222, 128),.08)}.custom-header__logo{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .3s ease;padding:0 20px;max-width:calc(100% - 40px)}.custom-header__logo:hover{transform:scale(1.05)}.custom-header__logo img{height:var(--logo-height, 50px);width:auto;object-fit:contain;max-width:100%}.custom-header__logo-text{color:var(--color-text-primary, #ffffff);font-size:20px;font-weight:700;letter-spacing:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-header__cart{position:relative;display:flex;align-items:center;justify-content:center;width:var(--cart-button-size, 56px);height:var(--cart-button-size, 56px);min-width:var(--cart-button-size, 56px);background:linear-gradient(135deg,rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-bg-opacity, 30) / 100 * .2)),rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-bg-opacity, 30) / 100 * .05)));border:2px solid rgba(var(--color-accent-rgb, 74, 222, 128),calc(var(--header-border-opacity, 50) / 100));border-radius:50%;color:var(--color-text-primary, #ffffff);text-decoration:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 0 var(--header-glow-intensity, 10px) rgba(var(--color-accent-rgb, 74, 222, 128),.3);transition:all .3s ease;flex-shrink:0}.custom-header__cart:hover{background:rgba(var(--color-accent-rgb, 74, 222, 128),.3);border-color:rgba(var(--color-accent-rgb, 74, 222, 128),.8);box-shadow:0 0 calc(var(--header-glow-intensity, 10px) + 5px) rgba(var(--color-accent-rgb, 74, 222, 128),.5);transform:scale(1.05)}.custom-header__cart svg{width:24px;height:24px;stroke:var(--color-text-primary, #ffffff)}.custom-header__cart-count{position:absolute;bottom:-2px;right:-2px;min-width:20px;height:20px;padding:0 6px;background-color:var(--color-accent, #4ade80);color:var(--color-background, #0a0a0a);font-size:11px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;line-height:1}@media screen and (max-width: 749px){.custom-header{padding:var(--header-padding-top-mobile, 10px) 12px 12px 12px}.custom-header__container{gap:10px;max-width:100%}.custom-header__nav{height:var(--header-height-mobile, 50px);max-width:calc(100% - var(--cart-button-size-mobile, 44px) - 16px);border-radius:calc(var(--header-border-radius, 50px) * .7)}.custom-header__logo{padding:0 16px}.custom-header__logo img{height:var(--logo-height-mobile, 32px)}.custom-header__logo-text{font-size:16px}.custom-header__cart{width:var(--cart-button-size-mobile, 44px);height:var(--cart-button-size-mobile, 44px);min-width:var(--cart-button-size-mobile, 44px)}.custom-header__cart svg{width:20px;height:20px}.custom-header__cart-count{min-width:18px;height:18px;font-size:10px;bottom:-1px;right:-1px}}@media screen and (max-width: 390px){.custom-header{padding:var(--header-padding-top-mobile, 10px) 8px 8px 8px}.custom-header__container{gap:8px}.custom-header__nav{max-width:calc(100% - var(--cart-button-size-mobile, 44px) - 12px)}.custom-header__logo{padding:0 12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/custom-header.css.map */