.header{height:var(--header-height,160px);background:linear-gradient(135deg,#7c3aed 0%,#2563eb 25%,#ec4899 50%,#a855f7 75%,#7c3aed 100%) 0 0/300% 300%;border-bottom:none;justify-content:center;align-items:center;padding:1rem max(2rem,100px) 1rem max(2rem,80px);transition:filter .2s;animation:12s ease-in-out infinite header-gradient-flow;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.header:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#00000040 0%,#0000001a 100%);position:absolute;inset:0}.header:after{content:"";opacity:.5;pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}@keyframes header-gradient-flow{0%,to{background-position:0%}50%{background-position:100%}}.header-cards-container{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.header-card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;position:absolute}.header-card-1{width:80px;height:110px;animation:12s ease-in-out infinite floatCard1;top:10%;left:5%;transform:rotate(-12deg)}.header-card-2{width:60px;height:85px;animation:15s ease-in-out infinite floatCard2;top:20%;right:10%;transform:rotate(8deg)}.header-card-3{width:50px;height:70px;animation:10s ease-in-out infinite floatCard3;bottom:10%;left:20%;transform:rotate(20deg)}.header-card-4{width:70px;height:95px;animation:14s ease-in-out infinite floatCard4;top:5%;right:30%;transform:rotate(-5deg)}.header-card-5{width:45px;height:65px;animation:11s ease-in-out infinite floatCard5;bottom:15%;right:5%;transform:rotate(15deg)}@keyframes floatCard1{0%,to{transform:rotate(-12deg)translateY(0)translate(0)}25%{transform:rotate(-8deg)translateY(-12px)translate(8px)}50%{transform:rotate(-15deg)translateY(-6px)translate(15px)}75%{transform:rotate(-10deg)translateY(-14px)translate(5px)}}@keyframes floatCard2{0%,to{transform:rotate(8deg)translateY(0)translate(0)}33%{transform:rotate(12deg)translateY(-10px)translate(-12px)}66%{transform:rotate(5deg)translateY(-16px)translate(-6px)}}@keyframes floatCard3{0%,to{transform:rotate(20deg)translateY(0)translate(0)}50%{transform:rotate(14deg)translateY(-15px)translate(10px)}}@keyframes floatCard4{0%,to{transform:rotate(-5deg)translateY(0)translate(0)}30%{transform:rotate(-10deg)translateY(-8px)translate(-10px)}70%{transform:rotate(0)translateY(-12px)translate(8px)}}@keyframes floatCard5{0%,to{transform:rotate(15deg)translateY(0)translate(0)}40%{transform:rotate(20deg)translateY(-10px)translate(-8px)}80%{transform:rotate(10deg)translateY(-5px)translate(5px)}}.header-emoji{pointer-events:none;opacity:.35;z-index:0;line-height:1;position:absolute}.header-emoji-1{font-size:1.6rem;animation:13s ease-in-out infinite floatEmoji1;top:12%;left:12%}.header-emoji-2{opacity:.4;font-size:1.4rem;animation:11s ease-in-out infinite floatEmoji2;top:60%;left:30%}.header-emoji-3{opacity:.3;font-size:1.2rem;animation:14s ease-in-out infinite floatEmoji3;top:25%;left:45%}.header-emoji-4{opacity:.4;font-size:1.8rem;animation:12s ease-in-out infinite floatEmoji4;top:15%;right:20%}.header-emoji-5{opacity:.35;font-size:1.3rem;animation:15s ease-in-out infinite reverse floatEmoji1;top:65%;right:35%}.header-emoji-6{opacity:.3;font-size:2rem;animation:13s ease-in-out infinite floatEmoji3;top:50%;left:8%}.header-emoji-7{opacity:.45;font-size:1.5rem;animation:10s ease-in-out infinite floatEmoji2;bottom:10%;right:12%}.header-emoji-8{opacity:.3;font-size:1.6rem;animation:16s ease-in-out infinite floatEmoji4;top:8%;right:40%}.header-emoji-9{opacity:.4;font-size:1.4rem;animation:11s ease-in-out infinite floatEmoji1;bottom:15%;left:55%}.header-emoji-10{opacity:.35;font-size:1.1rem;animation:12s ease-in-out infinite reverse floatEmoji3;top:40%;right:8%}@keyframes floatEmoji1{0%,to{transform:translateY(0)translate(0)scale(1)}25%{transform:translateY(-10px)translate(6px)scale(1.05)}50%{transform:translateY(-5px)translate(12px)scale(1)}75%{transform:translateY(-12px)translate(4px)scale(.95)}}@keyframes floatEmoji2{0%,to{transform:translateY(0)translate(0)rotate(0)}33%{transform:translateY(-8px)translate(-10px)rotate(10deg)}66%{transform:translateY(-14px)translate(-4px)rotate(-5deg)}}@keyframes floatEmoji3{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-12px)translate(8px)}}@keyframes floatEmoji4{0%,to{transform:translateY(0)translate(0)rotate(0)}30%{transform:translateY(-6px)translate(-8px)rotate(-8deg)}70%{transform:translateY(-10px)translate(6px)rotate(5deg)}}.header-live-badge{z-index:3;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.header-live-badge{top:.5rem}}.header-subtitle{z-index:3;white-space:nowrap;color:#fffffff2;text-shadow:0 2px 6px #0006;letter-spacing:.02em;align-items:center;gap:.5ch;margin:0;font-size:clamp(.8rem,1.8vw,1.05rem);font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.header-subtitle-static{color:#ffffffd9}@media (max-width:768px){.header-subtitle{font-size:.8rem;bottom:.5rem}}.header-title{z-index:2;color:#fff;text-align:center;z-index:2;letter-spacing:.04em;text-shadow:0 2px 16px #0000004d;-webkit-user-select:none;user-select:none;align-items:center;gap:.3em;margin:0;font-size:clamp(2rem,5vw,3.2rem);font-weight:900;display:flex;position:relative}.header-logo-code{font-family:inherit;font-weight:900;font-size:inherit;color:#fbbf24;letter-spacing:.06em;text-shadow:0 0 20px #fbbf24b3,0 0 40px #fbbf2466,0 2px 8px #00000080}.header-logo-geek{font-family:inherit;font-weight:900;font-size:inherit;letter-spacing:.06em;background:linear-gradient(135deg,#a78bfa 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 16px #a78bfacc)drop-shadow(0 0 30px #60a5fa66)drop-shadow(0 2px 6px #00000080);-webkit-background-clip:text;background-clip:text;font-style:normal}.header-rightSection{top:1rem;right:max(.75rem, env(safe-area-inset-right));z-index:1000;flex-direction:row;align-items:center;gap:.5rem;display:flex;position:fixed}.header-buttons-group{flex-direction:row;align-items:center;gap:.5rem;display:flex}.header-button{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;pointer-events:auto;border-radius:var(--radius-card,14px);background-color:#0f172abf;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #0003}.header-button:hover{background-color:#7c3aedd9;border-color:#7c3aed80;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.header-button:active{transform:scale(.96)}.header-cart-button{position:relative}.header-sales-button,.header-delivery-button{background-color:#7c3aedd9;border-color:#7c3aed4d}.header-sales-button:hover,.header-delivery-button:hover{background-color:#6d28d9f2}.cart-badge{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #ef444466}.mobile-menu-btn{top:max(1rem, env(safe-area-inset-top));left:max(.75rem, env(safe-area-inset-left));z-index:1002;-webkit-backdrop-filter:blur(12px);color:#fff;border-radius:var(--radius-card,14px);cursor:pointer;background-color:#0f172abf;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:44px;height:44px;padding:.5rem;transition:all .2s;display:flex;position:fixed;box-shadow:0 2px 8px #0003}.mobile-menu-btn:hover{background-color:#7c3aedd9;transform:translateY(-1px)}.mobile-menu-btn:active{transform:scale(.96)}@media (max-width:768px){.header{height:var(--header-height-mobile,110px);padding:.75rem max(1rem,90px) .75rem max(1rem,60px)}.header-title{gap:.25em;font-size:1.6rem}.header-card-1{width:50px;height:70px}.header-card-2{width:40px;height:55px}.header-card-3{width:35px;height:50px}.header-card-4{width:45px;height:60px}.header-card-5{width:30px;height:45px}.header-emoji{opacity:.25;font-size:.9rem!important}.header-rightSection{top:.75rem;right:max(.5rem, env(safe-area-inset-right));gap:.35rem}.header-button{border-radius:10px;width:40px;height:40px;padding:.4rem}.cart-badge{width:18px;height:18px;font-size:.7rem;top:-4px;right:-4px}}