.header{height:var(--header-height,160px);background:radial-gradient(circle at 50% 46%,#655bc938,#0000 58%),linear-gradient(#0d0d14 0%,#0a0a0f 100%);border-bottom:none;justify-content:center;align-items:center;padding:1rem max(2rem,100px) 1rem max(2rem,80px);transition:filter .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0006}.header:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(40% 70% at 78% 30%,#cb6ce61a,#0000 70%);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}.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:#655bc90f;border:1px solid #655bc938;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-live-badge{z-index:3;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}@media (max-width:768px){.header-live-badge{top:.5rem}}.header-brand{z-index:2;justify-content:center;align-items:center;gap:clamp(1rem,3vw,2rem);display:flex;position:relative}.cg-ring{-webkit-user-select:none;user-select:none;flex-shrink:0;width:clamp(88px,12vw,128px);height:clamp(88px,12vw,128px);position:relative}.cg-ring:before{content:"";filter:drop-shadow(0 0 16px #8c5ae199);background:conic-gradient(from 60deg,#0a5fe0,#655bc9 36%,#cb6ce6 72% 96.5%,#0000 96.5% 100%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.cg-ring-dot{background:#fff;border-radius:50%;width:10px;height:10px;animation:2.8s ease-in-out infinite cg-dot-pulse;position:absolute;top:calc(21% - 5px);left:calc(89% - 5px);box-shadow:0 0 6px #fffffff2,0 0 22px 6px #cb6ce6bf}@keyframes cg-dot-pulse{0%,to{box-shadow:0 0 6px #fffffff2,0 0 22px 6px #cb6ce6bf}50%{box-shadow:0 0 8px #fff,0 0 30px 9px #cb6ce6e6}}.cg-ring-mono{font-family:var(--font-unbounded), "Unbounded", sans-serif;background:linear-gradient(115deg,#0a5fe0 12%,#655bc9 50%,#cb6ce6 88%);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 18px #7b61e673);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;padding-bottom:3px;font-size:clamp(30px,4.2vw,44px);font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.cg-ring-mono-g{margin-left:-.09em}.header-brand-text{flex-direction:column;align-items:center;gap:.5rem;min-width:0;display:flex}.header-subtitle{white-space:nowrap;font-family:var(--font-chakra), "Chakra Petch", sans-serif;color:#ffffffb8;letter-spacing:.14em;align-items:center;gap:.5ch;margin:0;font-size:clamp(.72rem,1.6vw,.98rem);font-weight:500;display:flex}.header-subtitle-static{color:#ffffffb8}.header-title{font-family:var(--font-chakra), "Chakra Petch", sans-serif;letter-spacing:.32em;color:#fff;white-space:nowrap;text-shadow:0 0 28px #7b61e680;-webkit-user-select:none;user-select:none;align-items:center;gap:clamp(.6rem,2vw,1.2rem);margin:0;font-size:clamp(1.5rem,4.4vw,2.9rem);font-weight:700;display:flex}.header-title:before,.header-title:after{content:"";flex-shrink:0;width:clamp(26px,4vw,52px);height:3px;display:inline-block}.header-title:before{background:linear-gradient(90deg,#0a5fe000,#0a5fe0)}.header-title:after{background:linear-gradient(90deg,#cb6ce6,#cb6ce600);margin-left:-.22em}.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:#655bc9d9;border-color:#655bc980;transform:translateY(-1px);box-shadow:0 4px 12px #655bc94d}.header-button:active{transform:scale(.96)}.header-cart-button{position:relative}.header-sales-button,.header-delivery-button{background-color:#655bc9d9;border-color:#655bc94d}.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:#655bc9d9;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{letter-spacing:.24em;gap:.5rem;font-size:1.12rem}.header-brand{gap:.8rem}.cg-ring{width:64px;height:64px}.cg-ring-mono{font-size:22px}.cg-ring-dot{width:7px;height:7px;top:calc(21% - 3.5px);left:calc(89% - 3.5px)}.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-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}}