@import"https://fonts.googleapis.com/css2?family=Fredoka+One&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--header-bg: rgba(255, 255, 255, .95);--header-bg-solid: #ffffff;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #0ea5e9;--secondary: #f97316;--border-color: #e2e8f0;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}.custom-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);transition:var(--transition)}.custom-header.scrolled{background:var(--header-bg-solid);box-shadow:0 4px 20px #00000014}.header-container{max-width:1400px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:80px}.header-logo{flex-shrink:0;text-decoration:none}.header-logo__wrap{display:flex;align-items:center;gap:12px;transition:var(--transition)}.header-logo:hover .header-logo__wrap{transform:scale(1.02)}.header-logo__img{height:56px;width:auto;object-fit:contain}.header-logo__text{display:flex;flex-direction:column;gap:1px;line-height:1}.header-logo__name{display:flex;align-items:baseline;gap:6px;font-family:Fredoka One,cursive;letter-spacing:-.02em}.header-logo__name-tio{font-size:22px;color:var(--text-primary)}.header-logo__name-contin{font-size:22px;background:linear-gradient(135deg,#0ea5e9,#22c55e 40%,#f97316,#ef4444);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-logo__sub{font-family:Manrope,sans-serif;font-size:10.5px;font-weight:500;color:var(--text-secondary);letter-spacing:.06em;text-transform:uppercase;padding-left:1px}.header-logo__sub strong{font-weight:700;color:var(--text-primary)}.header-nav{display:flex;align-items:center;gap:4px}.nav-link{position:relative;padding:10px 16px;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:var(--transition)}.nav-link:hover{color:var(--text-primary);background:#f1f5f9}.nav-link.active{color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:12px;margin-left:12px}.header-cart-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#f1f5f9;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:var(--transition)}.header-cart-btn:hover{background:#e2e8f0;border-color:var(--accent)}.header-cart-btn svg{width:22px;height:22px;color:var(--text-primary)}.header-cart-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent) 0%,var(--secondary) 100%);color:#fff;font-size:11px;font-weight:700;border-radius:50px;border:2px solid white}.header-cart-count.empty{display:none}.nav-cta{padding:12px 24px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:#fff;background:var(--secondary);border:none;border-radius:50px;text-decoration:none;cursor:pointer;transition:var(--transition);box-shadow:0 4px 14px #f9731640;white-space:nowrap}.nav-cta:hover{background:#ea580c;transform:translateY(-2px);box-shadow:0 6px 20px #f9731659}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:#f1f5f9;border:1px solid var(--border-color);border-radius:10px;cursor:pointer;transition:var(--transition)}.mobile-menu-btn:hover{background:#e2e8f0}.mobile-menu-btn span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:2px;transition:var(--transition)}.mobile-menu-btn span:nth-child(2){margin:4px 0}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-nav{display:none;position:fixed;top:80px;left:0;right:0;bottom:0;background:var(--header-bg-solid);padding:24px;opacity:0;visibility:hidden;transition:var(--transition);overflow-y:auto}.mobile-nav.active{opacity:1;visibility:visible}.mobile-nav .nav-link{display:block;padding:16px 20px;font-size:16px;color:var(--text-secondary);border-radius:12px;margin-bottom:4px}.mobile-nav .nav-link:hover,.mobile-nav .nav-link.active{color:var(--text-primary);background:#f1f5f9}.mobile-nav .nav-cta{display:block;text-align:center;margin:20px 0 0;padding:16px 24px;font-size:16px;border-radius:12px}.mobile-actions{display:none;align-items:center;gap:8px}.header-spacer{height:80px}.announce-banner{background:linear-gradient(90deg,#101b22,#0c2d4a 40%,#1a3a5c 60%,#101b22);border-bottom:1px solid rgba(14,165,233,.12);overflow:hidden;transition:max-height .4s ease,opacity .4s ease;max-height:60px}.announce-banner--hidden{max-height:0;opacity:0;border-bottom-color:transparent}.announce-banner__inner{display:flex;align-items:center;height:44px;position:relative}@media (min-width: 768px){.announce-banner__inner{height:48px}}.announce-marquee{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 70%,transparent 85%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 5%,#000 70%,transparent 85%)}.announce-marquee__track{display:flex;width:max-content;animation:marqueeScroll var(--marquee-speed, 30s) linear infinite}.announce-marquee__track:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.announce-marquee__item{display:flex;align-items:center;gap:10px;white-space:nowrap;padding:0 6px;color:#fffffff2;font-family:Manrope,sans-serif;font-size:12px;font-weight:600;letter-spacing:.03em}@media (min-width: 768px){.announce-marquee__item{gap:12px;padding:0 8px;font-size:13px}}.announce-marquee__icon{font-size:14px;line-height:1}.announce-marquee__text-main{font-weight:800;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(90deg,#fff 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.announce-marquee__text-detail{color:#ffffffb3;font-weight:500}.announce-marquee__sep{color:#0ea5e966;font-size:10px}.announce-countdown{display:flex;align-items:center;gap:2px;padding:0 12px 0 8px;flex-shrink:0;border-left:1px solid rgba(255,255,255,.08);height:100%}@media (min-width: 768px){.announce-countdown{gap:4px;padding:0 16px 0 12px}}.announce-countdown__unit{display:flex;flex-direction:column;align-items:center;min-width:28px}@media (min-width: 768px){.announce-countdown__unit{min-width:36px;background:#ffffff0f;border-radius:6px;padding:4px 6px 2px}}.announce-countdown__number{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;color:#fff;line-height:1;font-variant-numeric:tabular-nums}@media (min-width: 768px){.announce-countdown__number{font-size:16px}}.announce-countdown__label{font-family:Manrope,sans-serif;font-size:7px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#fff6;line-height:1;margin-top:1px}@media (min-width: 768px){.announce-countdown__label{font-size:8px;margin-top:2px}}.announce-countdown__colon{font-family:Manrope,sans-serif;font-size:14px;font-weight:700;color:var(--accent);line-height:1;align-self:flex-start;margin-top:4px;animation:colonPulse 1s ease-in-out infinite}@media (min-width: 768px){.announce-countdown__colon{font-size:16px;margin-top:6px}}@keyframes colonPulse{0%,to{opacity:1}50%{opacity:.3}}.announce-banner__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;margin-right:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .2s}@media (min-width: 768px){.announce-banner__close{width:30px;height:30px;margin-right:12px}}.announce-banner__close:hover{background:#ffffff1f;color:#fff}@media (max-width: 1024px){.header-nav,.header-actions{display:none}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.mobile-actions{display:flex}}@media (max-width: 640px){.header-logo__img{height:44px}.header-logo__name-tio,.header-logo__name-contin{font-size:18px}.header-logo__sub{font-size:9px}.header-logo__wrap{gap:8px}}@media (max-width: 480px){.header-container{padding:0 16px;height:70px}.header-logo__img{height:40px}.header-logo__name-tio,.header-logo__name-contin{font-size:16px}.header-logo__sub{font-size:8.5px}.mobile-nav{top:70px}.header-spacer{height:70px}}@media (max-width: 360px){.header-logo__text{display:none}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/section-header-custom.css.map */