#root,body,html{touch-action:pan-y pan-x!important}html{height:100%;height:-webkit-fill-available;overflow-x:hidden;width:100%}body{-webkit-overflow-scrolling:touch;margin:0;overscroll-behavior:none;position:relative}#root,body{max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{border:none;cursor:pointer;font-family:inherit;outline:none}html{scroll-behavior:smooth}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::selection{background-color:#0093e966;color:#fff}::-moz-selection{background-color:#0093e966;color:#fff}body.modal-open,html.modal-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}body.modal-open{-webkit-overflow-scrolling:auto!important;overscroll-behavior:none!important}#root.modal-open{height:100%!important;overflow:hidden!important;position:fixed!important;width:100%!important}.home-page{align-items:center;background:#0f0f23;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.home-page:before{animation:gradient-shift 15s ease infinite;background:radial-gradient(circle at 20% 30%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 70%,#0093e94d 0,#0000 50%),radial-gradient(circle at 40% 80%,#80d0c733 0,#0000 50%),radial-gradient(circle at 60% 20%,#f093fb33 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.home-container{margin:0 auto;max-width:800px;position:relative;width:100%;z-index:1}.home-header{animation:fadeInDown .6s ease-out;margin-bottom:40px;text-align:center}.logo-container{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.logo-icon{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,147,233,.6));font-size:64px}.main-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#80d0c7);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin:0}.subtitle{color:#ffffffb3;font-size:18px;font-weight:400;margin-top:10px}.devices-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.device-card{animation:fadeInUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.device-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.device-card:hover{border-color:#fff3;box-shadow:0 20px 50px 0 #00000080,inset 0 1px 1px 0 #ffffff26;filter:brightness(1.3);transform:translateY(-10px) scale(1.02)}.device-card:hover:before{left:100%}.device-card:active{transform:translateY(-5px) scale(1.01)}.device-icon{animation:bounce 2s ease-in-out infinite;display:block;filter:drop-shadow(0 0 20px rgba(255,255,255,.3));font-size:64px;margin-bottom:20px}.device-name{color:#fff;font-size:28px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.device-description{color:#ffffffb3;font-size:16px;margin-bottom:20px}.card-arrow{bottom:20px;color:#fff9;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));font-size:24px;position:absolute;right:20px;transition:transform .3s ease}.device-card:hover .card-arrow{transform:translateX(5px)}.home-footer{animation:fadeIn 1s ease-out;text-align:center}.footer-text{color:#fff9;font-size:16px;font-weight:400}@media (max-width:768px){.home-page{padding:15px}.main-title{font-size:32px}.subtitle{font-size:16px}.devices-grid{gap:15px;grid-template-columns:1fr}.device-card{padding:30px 25px}.device-icon{font-size:48px}.device-name{font-size:24px}.device-description{font-size:14px}}.setup-page{background:#0f0f23;min-height:100vh;overflow:hidden;padding:20px;position:relative}.setup-page:before{animation:gradient-shift 15s ease infinite;background:radial-gradient(circle at 20% 30%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 70%,#0093e94d 0,#0000 50%),radial-gradient(circle at 40% 80%,#80d0c733 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.setup-container{margin:0 auto;max-width:600px;position:relative;z-index:1}.setup-header{animation:fadeInDown .6s ease-out;margin-bottom:40px;position:relative;z-index:1}.back-button{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-bottom:30px;padding:12px 24px;transition:all .3s ease}.back-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 40px 0 #00000080,inset 0 1px 1px 0 #ffffff26;transform:translateX(-5px)}.back-arrow{font-size:20px}.device-info{text-align:center}.device-icon-large{animation:float 3s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(0,147,233,.5));font-size:80px;margin-bottom:20px}.setup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#80d0c7);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:700;margin-bottom:10px}.setup-subtitle{color:#ffffffb3;font-size:18px;font-weight:400}.flow-container{align-items:center;display:flex;flex-direction:column;gap:0;margin-bottom:40px}.flow-step{max-width:400px;width:100%}.config-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;padding:24px;width:100%}.config-label{color:#ffffffe6;font-size:16px;font-weight:600;margin-bottom:12px;text-align:center}.config-box{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:10px;margin-bottom:12px;padding:16px}.config-text{color:#80d0c7;flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.5;word-break:break-all}.copy-config-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #764ba24d;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.copy-config-button:hover{background:linear-gradient(135deg,#667eea66,#764ba266);box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.config-instruction,.step-hint{color:#ffffffb3;font-size:14px;line-height:1.5;text-align:center}.step-hint{margin-top:12px}.config-image-container{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0000004d;margin-top:20px;overflow:hidden}.config-image{display:block;height:auto;max-width:100%;width:100%}.flow-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:24px 32px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.flow-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.flow-button:hover:before{left:100%}.flow-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 15px 45px 0 #00000080,inset 0 1px 1px 0 #ffffff26;transform:translateY(-4px)}.flow-button:active{transform:translateY(-2px)}.button-icon{font-size:28px}.button-text{flex:1 1;text-align:center}.flow-button.primary{background:linear-gradient(135deg,#667eea40,#764ba240);border-color:#764ba233;box-shadow:0 8px 32px 0 #667eea33,inset 0 1px 1px 0 #ffffff26;color:#fff}.flow-button.primary:hover{background:linear-gradient(135deg,#667eea59,#764ba259);box-shadow:0 15px 45px 0 #667eea4d,inset 0 1px 1px 0 #fff3}.flow-button.secondary{background:linear-gradient(135deg,#f093fb40,#f5576c40);border-color:#f5576c33;box-shadow:0 8px 32px 0 #f093fb33,inset 0 1px 1px 0 #ffffff26;color:#fff}.flow-button.secondary:hover{background:linear-gradient(135deg,#f093fb59,#f5576c59);box-shadow:0 15px 45px 0 #f093fb4d,inset 0 1px 1px 0 #fff3}.flow-button.success{background:linear-gradient(135deg,#43e97b40,#38f9d740);border-color:#38f9d733;box-shadow:0 8px 32px 0 #43e97b33,inset 0 1px 1px 0 #ffffff26;color:#fff}.flow-button.success:hover{background:linear-gradient(135deg,#43e97b59,#38f9d759);box-shadow:0 15px 45px 0 #43e97b4d,inset 0 1px 1px 0 #fff3}.flow-button.disabled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;color:#fff6;cursor:not-allowed;pointer-events:none}.flow-button.error{background:linear-gradient(135deg,#ff6b6b66,#ee5a6f66);border-color:#ff6b6b4d;color:#fff;cursor:not-allowed}.flow-arrow{align-items:center;animation:fadeIn .5s ease-out;display:flex;flex-direction:column;justify-content:center;padding:15px 0}.arrow-line{background:linear-gradient(180deg,#667eea66,#764ba299);border-radius:4px;box-shadow:0 0 20px #667eea80;height:50px;width:4px}.arrow-head{border-left:12px solid #0000;border-right:12px solid #0000;border-top:16px solid #764ba2cc;filter:drop-shadow(0 0 10px rgba(118,75,162,.5));height:0;margin-top:-2px;width:0}.success-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;margin-top:30px;max-width:400px;padding:40px 30px;width:100%}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#43e97b80,#38f9d780);border-radius:50%;box-shadow:0 8px 32px #43e97b4d,inset 0 2px 4px #fff3;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.success-title{font-size:28px;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.success-text{color:#ffffffb3;font-size:16px;margin-bottom:24px}.home-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #764ba233;border-radius:12px;box-shadow:0 8px 24px #667eea40,inset 0 1px 1px 0 #ffffff26;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px 32px;transition:all .3s ease}.home-button:hover{background:linear-gradient(135deg,#667eea66,#764ba266);box-shadow:0 12px 32px #667eea59,inset 0 1px 1px 0 #fff3;transform:translateY(-2px)}.help-section{animation:fadeIn 1s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;padding:30px;text-align:center}.help-icon{filter:drop-shadow(0 0 20px rgba(255,193,7,.5));font-size:48px;margin-bottom:15px}.help-title{color:#fff;font-size:24px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 10px #0000004d}.help-text{color:#ffffffb3;font-size:16px;line-height:1.6}.help-text a{color:#80d0c7;position:relative;text-decoration:none;transition:all .3s ease}.help-text a:after{background:linear-gradient(90deg,#667eea,#764ba2);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.help-text a:hover{color:#667eea}.help-text a:hover:after{transform:scaleX(1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-in{animation:slideDown .6s ease-out}@media (max-width:768px){.setup-page{padding:15px}.setup-title{font-size:32px}.setup-subtitle{font-size:16px}.device-icon-large{font-size:60px}.flow-button{font-size:16px;padding:20px 24px}.button-icon{font-size:24px}.arrow-line{height:35px;width:3px}.arrow-head{border-left:10px solid #0000;border-right:10px solid #0000;border-top:14px solid #fffc}.success-message{padding:30px 20px}.success-icon{font-size:36px;height:60px;width:60px}.success-title{font-size:24px}.config-box{align-items:stretch;flex-direction:column}.copy-config-button{width:100%}.config-text{font-size:12px}}.windows-setup{background:#0f0f23;overflow:hidden;position:relative}.windows-setup:before{animation:gradient-shift 15s ease infinite;background:radial-gradient(circle at 20% 30%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 70%,#0093e94d 0,#0000 50%),radial-gradient(circle at 40% 80%,#80d0c733 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.windows-setup .setup-container,.windows-setup .setup-header{position:relative;z-index:1}.windows-setup .back-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;color:#fff}.windows-setup .back-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 12px 40px 0 #00000080,inset 0 1px 1px 0 #ffffff26;transform:translateX(-5px)}.windows-setup .device-icon-large{filter:drop-shadow(0 0 30px rgba(0,147,233,.5))}.windows-setup .setup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#80d0c7);-webkit-background-clip:text;background-clip:text;text-shadow:none}.windows-setup .setup-subtitle{color:#ffffffb3}.windows-setup .flow-button{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;color:#fff;overflow:hidden;position:relative}.windows-setup .flow-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.windows-setup .flow-button:hover:before{left:100%}.windows-setup .flow-button:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 15px 45px 0 #00000080,inset 0 1px 1px 0 #ffffff26;transform:translateY(-4px)}.windows-setup .flow-button.primary{background:linear-gradient(135deg,#0093e940,#80d0c740);border:1px solid #80d0c733;box-shadow:0 8px 32px 0 #0093e933,inset 0 1px 1px 0 #ffffff26}.windows-setup .flow-button.primary:hover{background:linear-gradient(135deg,#0093e959,#80d0c759);box-shadow:0 15px 45px 0 #0093e94d,inset 0 1px 1px 0 #fff3}.windows-setup .flow-button.secondary{background:linear-gradient(135deg,#f093fb40,#f5576c40);border:1px solid #f5576c33;box-shadow:0 8px 32px 0 #f093fb33,inset 0 1px 1px 0 #ffffff26}.windows-setup .flow-button.secondary:hover{background:linear-gradient(135deg,#f093fb59,#f5576c59);box-shadow:0 15px 45px 0 #f093fb4d,inset 0 1px 1px 0 #fff3}.windows-setup .flow-button.success{background:linear-gradient(135deg,#43e97b40,#38f9d740);border:1px solid #38f9d733;box-shadow:0 8px 32px 0 #43e97b33,inset 0 1px 1px 0 #ffffff26}.windows-setup .flow-button.success:hover{background:linear-gradient(135deg,#43e97b59,#38f9d759);box-shadow:0 15px 45px 0 #43e97b4d,inset 0 1px 1px 0 #fff3}.windows-setup .flow-button.disabled{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff0d;color:#fff6}.windows-setup .flow-button.error{background:linear-gradient(135deg,#ff6b6b66,#ee5a6f66);border:1px solid #ff6b6b4d}.windows-setup .arrow-line{background:linear-gradient(180deg,#80d0c766,#0093e999);box-shadow:0 0 20px #0093e980}.windows-setup .arrow-head{border-top-color:#0093e9cc;filter:drop-shadow(0 0 10px rgba(0,147,233,.5))}.windows-setup .success-message{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a}.windows-setup .success-icon{background:linear-gradient(135deg,#43e97b80,#38f9d780);box-shadow:0 8px 32px #43e97b4d,inset 0 2px 4px #fff3}.windows-setup .success-title{color:#fff;text-shadow:0 2px 10px #0000004d}.windows-setup .success-text{color:#ffffffb3}.windows-setup .home-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0093e94d,#80d0c74d);border:1px solid #80d0c733;box-shadow:0 8px 24px #0093e940,inset 0 1px 1px 0 #ffffff26}.windows-setup .home-button:hover{background:linear-gradient(135deg,#0093e966,#80d0c766);box-shadow:0 12px 32px #0093e959,inset 0 1px 1px 0 #fff3}.windows-setup .help-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a}.windows-setup .help-icon{filter:drop-shadow(0 0 20px rgba(255,193,7,.5))}.windows-setup .help-title{color:#fff;text-shadow:0 2px 10px #0000004d}.windows-setup .help-text{color:#ffffffb3}.windows-setup .help-text a{color:#80d0c7;position:relative;text-decoration:none;transition:all .3s ease}.windows-setup .help-text a:after{background:linear-gradient(90deg,#0093e9,#80d0c7);bottom:-2px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.windows-setup .help-text a:hover{color:#0093e9}.windows-setup .help-text a:hover:after{transform:scaleX(1)}.windows-setup .setup-container:before{animation:particles-float 20s linear infinite;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0),radial-gradient(circle,#0093e91a 1px,#0000 0);background-position:0 0,40px 40px;background-size:50px 50px,80px 80px;content:"";height:100%;left:0;opacity:.3;pointer-events:none;position:absolute;top:0;width:100%}@keyframes particles-float{0%{background-position:0 0,40px 40px}to{background-position:50px 50px,90px 90px}}.windows-setup .back-button,.windows-setup .flow-button,.windows-setup .home-button{transition:all .3s cubic-bezier(.4,0,.2,1)}.windows-setup .flow-button.primary .button-icon{filter:drop-shadow(0 0 10px rgba(128,208,199,.8))}.windows-setup .flow-button.secondary .button-icon{filter:drop-shadow(0 0 10px rgba(245,87,108,.8))}.windows-setup .flow-button.success .button-icon{filter:drop-shadow(0 0 10px rgba(56,249,215,.8))}.android-setup:before{background:radial-gradient(circle at 20% 30%,#4facfe4d 0,#0000 50%),radial-gradient(circle at 80% 70%,#00f2fe4d 0,#0000 50%),radial-gradient(circle at 40% 80%,#43e97b33 0,#0000 50%)}.android-setup .flow-button.primary{background:linear-gradient(135deg,#4facfe40,#00f2fe40);border-color:#00f2fe33;box-shadow:0 8px 32px 0 #4facfe33,inset 0 1px 1px 0 #ffffff26}.android-setup .flow-button.primary:hover{background:linear-gradient(135deg,#4facfe59,#00f2fe59);box-shadow:0 15px 45px 0 #4facfe4d,inset 0 1px 1px 0 #fff3}.android-setup .flow-button.secondary{background:linear-gradient(135deg,#f093fb40,#f5576c40);border-color:#f5576c33;box-shadow:0 8px 32px 0 #f093fb33,inset 0 1px 1px 0 #ffffff26}.android-setup .flow-button.secondary:hover{background:linear-gradient(135deg,#f093fb59,#f5576c59);box-shadow:0 15px 45px 0 #f093fb4d,inset 0 1px 1px 0 #fff3}.android-setup .flow-button.success{background:linear-gradient(135deg,#43e97b40,#38f9d740);border-color:#38f9d733;box-shadow:0 8px 32px 0 #43e97b33,inset 0 1px 1px 0 #ffffff26}.android-setup .flow-button.success:hover{background:linear-gradient(135deg,#43e97b59,#38f9d759);box-shadow:0 15px 45px 0 #43e97b4d,inset 0 1px 1px 0 #fff3}.android-setup .arrow-line{background:linear-gradient(180deg,#4facfe66,#00f2fe99);box-shadow:0 0 20px #4facfe80}.android-setup .arrow-head{border-top-color:#00f2fecc;filter:drop-shadow(0 0 10px rgba(0,242,254,.5))}.android-setup .help-text a:after{background:linear-gradient(90deg,#4facfe,#00f2fe)}.android-setup .help-text a:hover{color:#4facfe}.android-setup .home-button{background:linear-gradient(135deg,#4facfe4d,#00f2fe4d);border-color:#00f2fe33;box-shadow:0 8px 24px #4facfe40,inset 0 1px 1px 0 #ffffff26}.android-setup .home-button:hover{background:linear-gradient(135deg,#4facfe66,#00f2fe66);box-shadow:0 12px 32px #4facfe59,inset 0 1px 1px 0 #fff3}.androidtv-setup:before{background:radial-gradient(circle at 20% 30%,#43e97b4d 0,#0000 50%),radial-gradient(circle at 80% 70%,#38f9d74d 0,#0000 50%),radial-gradient(circle at 40% 80%,#00f2fe33 0,#0000 50%)}.androidtv-setup .steps-container{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.androidtv-setup .step-card{align-items:center;animation:fadeInUp .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;display:flex;flex-direction:column;gap:20px;padding:30px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.androidtv-setup .step-card:hover{background:#ffffff14;border-color:#ffffff26;box-shadow:0 12px 40px 0 #00000073,inset 0 1px 1px 0 #ffffff26;transform:translateY(-2px)}.androidtv-setup .step-number{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#43e97b59,#38f9d759);border:1px solid #38f9d733;border-radius:15px;box-shadow:0 4px 20px #43e97b40,inset 0 1px 1px 0 #ffffff26;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:700;height:50px;justify-content:center;min-width:50px}.androidtv-setup .step-content{flex:1 1;width:100%}.androidtv-setup .step-title{color:#fff;font-size:22px;font-weight:700;margin-bottom:8px;text-shadow:0 2px 10px #0000004d}.androidtv-setup .step-description{color:#ffffffb3;font-size:16px;margin-bottom:15px}.androidtv-setup .instruction-item,.androidtv-setup .instructions-list{display:flex;flex-direction:column;gap:10px}.androidtv-setup .instruction-text{align-items:flex-start;color:#fffc;display:flex;font-size:15px;gap:10px;line-height:1.6;text-align:left}.androidtv-setup .instruction-bullet{color:#38f9d7;filter:drop-shadow(0 0 5px rgba(56,249,215,.6));flex-shrink:0;font-size:20px}.androidtv-setup .instruction-link{color:#38f9d7;text-decoration:underline;transition:all .3s ease}.androidtv-setup .instruction-link:hover{color:#43e97b;text-shadow:0 0 10px #43e97b80}.androidtv-setup .instruction-image-container{border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 15px #0000004d;margin-top:10px;overflow:hidden}.androidtv-setup .instruction-image{display:block;width:100%}.androidtv-setup .sub-url-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-top:15px;padding:20px}.androidtv-setup .sub-url-label{color:#fffc;font-size:14px;font-weight:600;margin-bottom:10px}.androidtv-setup .sub-url-box{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;display:flex;gap:10px;padding:12px}.androidtv-setup .sub-url-text{color:#38f9d7;flex:1 1;font-family:Courier New,monospace;font-size:13px;line-height:1.5;word-break:break-all}.androidtv-setup .copy-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#43e97b4d,#38f9d74d);border:1px solid #38f9d74d;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.androidtv-setup .copy-button:hover{background:linear-gradient(135deg,#43e97b66,#38f9d766);box-shadow:0 4px 12px #38f9d74d;transform:translateY(-1px)}.androidtv-setup .sub-url-error,.androidtv-setup .sub-url-loading{border-radius:8px;font-size:14px;padding:15px;text-align:center}.androidtv-setup .sub-url-loading{background:#0093e91a;color:#fffc}.androidtv-setup .sub-url-error{background:#ff6b6b1a;color:#ff6b6be6}@media (max-width:768px){.androidtv-setup .step-card{padding:20px}.androidtv-setup .step-number{font-size:20px;height:40px;min-width:40px}.androidtv-setup .step-title{font-size:20px}.androidtv-setup .instruction-text,.androidtv-setup .step-description{font-size:14px}.androidtv-setup .sub-url-box{align-items:stretch;flex-direction:column}.androidtv-setup .copy-button{width:100%}.androidtv-setup .sub-url-text{font-size:12px}}.loading-screen{align-items:center;background:#0f0f23;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.loading-screen:before{animation:gradient-shift 10s ease infinite;background:radial-gradient(circle at 50% 50%,#0093e966 0,#0000 50%),radial-gradient(circle at 80% 20%,#80d0c74d 0,#0000 50%),radial-gradient(circle at 20% 80%,#7877c64d 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.loading-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;padding:60px 80px;position:relative;text-align:center;z-index:1}.spinner{animation:spin 1s linear infinite;border-right:4px solid #ffffff1a;border-top:4px solid #ffffff1a;border-color:#80d0c7 #0093e9 #ffffff1a #ffffff1a;border-radius:50%;border-style:solid;border-width:4px;filter:drop-shadow(0 0 20px rgba(0,147,233,.5));height:60px;margin:0 auto 20px;width:60px}.loading-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#80d0c7);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:600}@media (max-width:768px){.loading-content{padding:40px 50px}.spinner{height:50px;width:50px}.loading-text{font-size:20px}}.access-denied{align-items:center;background:#0f0f23;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.access-denied:before{animation:gradient-shift 12s ease infinite;background:radial-gradient(circle at 50% 50%,#ff6b6b4d 0,#0000 50%),radial-gradient(circle at 20% 70%,#ee5a6f4d 0,#0000 50%),radial-gradient(circle at 80% 30%,#f093fb33 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.denied-content{animation:fadeIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:30px;box-shadow:0 8px 32px 0 #0000005e,inset 0 1px 1px 0 #ffffff1a;max-width:500px;padding:50px 40px;position:relative;text-align:center;z-index:1}.lock-icon{animation:shake .5s ease-in-out;filter:drop-shadow(0 0 30px rgba(255,107,107,.6));font-size:80px;margin-bottom:20px}.denied-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:700;margin-bottom:15px}.denied-message{color:#ffffffb3;font-size:18px;line-height:1.6}@media (max-width:768px){.denied-content{max-width:90%;padding:40px 30px}.lock-icon{font-size:64px}.denied-title{font-size:28px}.denied-message{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body,html{-webkit-overflow-scrolling:touch;height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background:#0f0f23;color:#fff}.App{min-height:100vh;overflow-x:hidden;width:100%}:root{--tg-theme-bg-color:#0f0f23;--tg-theme-text-color:#fff;--tg-theme-hint-color:#fff9;--tg-theme-link-color:#80d0c7;--tg-theme-button-color:#0093e999;--tg-theme-button-text-color:#fff}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e53935f2,#ffd700f2);border:none;border-radius:0 0 25px 25px;box-shadow:0 4px 30px #e5393566,inset 0 1px 0 #ffffff1a;color:#fff;flex-shrink:0;margin-bottom:1rem;max-width:100vw;overflow:hidden;padding:calc(env(safe-area-inset-top) + 1.5rem) 1.5rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{justify-content:center;margin:0 auto;max-width:1200px;position:relative;z-index:2}.header-container,.logo{align-items:center;display:flex}.logo{font-size:1.5rem;font-weight:700;gap:.75rem;text-shadow:0 2px 10px #0000004d}.logo-icon{animation:rotate 3s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(255,255,255,.5));font-size:2rem}@keyframes rotate{0%,to{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.header-right{gap:.75rem}.header-right,.tracking-button{align-items:center;display:flex}.tracking-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;flex-shrink:0;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.tracking-button:hover{background:#ffffff4d;box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.tracking-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));font-size:1.4rem}.cart-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 15px #0003;cursor:pointer;display:flex;flex-shrink:0;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.cart-button:hover{background:#ffffff4d;box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}.cart-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));font-size:1.5rem}.cart-badge{align-items:center;animation:bounce .5s ease;background:linear-gradient(135deg,#ff4757,#ff6b81);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 2px 10px #ff475780;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.snow-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.snowflake{animation:fall linear infinite;color:#fffc;filter:drop-shadow(0 0 5px rgba(255,255,255,.5));font-size:1rem;position:absolute;top:-10px}@keyframes fall{to{opacity:0;transform:translateY(120px) rotate(1turn)}}@media (max-width:768px){.header{border-radius:0 0 25px 25px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem}.logo{font-size:1.3rem;gap:.625rem}.logo-icon{font-size:1.5rem}.cart-button{height:45px;width:45px}.cart-icon{font-size:1.3rem}.cart-badge{font-size:.7rem;height:20px;right:-3px;top:-3px;width:20px}}@media (max-width:480px){.header{border-radius:0 0 25px 25px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem}.logo{font-size:1.3rem}.logo-icon{font-size:1.5rem}.cart-button{height:40px;width:40px}.cart-icon{font-size:1.2rem}}body.image-viewer-open .bottom-navigation,body.image-viewer-open .header{display:none!important;opacity:0!important;pointer-events:none!important}.image-viewer-overlay{background:#000000f2;bottom:0;left:0;right:0;top:0;z-index:100000}.image-viewer-close,.image-viewer-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:center;position:fixed}.image-viewer-close{-webkit-tap-highlight-color:transparent;background:#e53935f2;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 6px 25px #e5393599;color:#fff;cursor:pointer;font-size:1.6rem;height:55px;right:20px;top:20px;touch-action:manipulation;transition:all .3s ease;width:55px;z-index:100002}.image-viewer-close:hover{background:#e53935;border-color:#ffffff80;box-shadow:0 8px 35px #e53935cc;transform:scale(1.15) rotate(90deg)}.image-viewer-close:active{box-shadow:0 4px 20px #e5393599;transform:scale(.95) rotate(90deg)}.image-viewer-container{padding:80px 20px 120px}.image-viewer-container,.image-viewer-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.image-viewer-image-wrapper{margin:0 auto;max-height:95%;max-width:95%}.image-viewer-image{border-radius:15px;box-shadow:0 10px 50px #00000080;height:auto;max-height:100%;max-width:100%;object-fit:contain;transition:opacity .3s ease;width:auto}.image-viewer-image.loading{opacity:0}.image-viewer-image.loaded{animation:zoomIn .3s ease;opacity:1}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-viewer-loading{align-items:center;display:flex;flex-direction:column;gap:1.5rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.image-viewer-spinner{animation:spin .8s linear infinite;border:4px solid #ffd70033;border-radius:50%;border-top-color:gold;box-shadow:0 0 20px #ffd7004d;height:60px;width:60px}.image-viewer-loading-text{color:#ffffffe6;font-size:1.1rem;font-weight:500;letter-spacing:.5px;margin:0;text-shadow:0 2px 10px #00000080}.image-viewer-nav{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd700e6;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 20px #ffd70080;color:#0f0f23;cursor:pointer;display:flex;font-size:1.5rem;height:55px;justify-content:center;position:fixed;top:50%;touch-action:manipulation;transform:translateY(-50%);transition:all .3s ease;width:55px;z-index:100001}.image-viewer-nav-left{left:30px}.image-viewer-nav-right{right:30px}.image-viewer-nav:hover{background:gold;box-shadow:0 6px 30px #ffd700b3;transform:translateY(-50%) scale(1.1)}.image-viewer-nav:active{transform:translateY(-50%) scale(.95)}.image-viewer-counter{border:1px solid #ffd7004d;border-radius:25px;color:gold;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;top:30px}.image-viewer-counter,.image-viewer-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;box-shadow:0 4px 20px #00000080;left:50%;position:fixed;transform:translateX(-50%);z-index:100001}.image-viewer-dots{border:1px solid #ffd70033;border-radius:30px;bottom:30px;display:flex;gap:12px;padding:12px 20px}.image-viewer-dot{-webkit-tap-highlight-color:transparent;background:#fff6;border:none;border-radius:50%;cursor:pointer;height:12px;padding:0;touch-action:manipulation;transition:all .3s ease;width:12px}.image-viewer-dot:hover{background:#ffffffb3;transform:scale(1.2)}.image-viewer-dot:active{transform:scale(.9)}.image-viewer-dot.active{background:gold;border-radius:6px;box-shadow:0 0 15px #ffd700cc;width:32px}.image-viewer-title{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #ffd70033;border-radius:20px;bottom:80px;box-shadow:0 4px 20px #00000080;color:#fff;font-size:1.1rem;font-weight:600;left:50%;max-width:90%;padding:.875rem 2rem;position:fixed;text-align:center;transform:translateX(-50%);z-index:100001}@media (max-width:768px){.image-viewer-container{padding:60px 10px 100px}.image-viewer-close{font-size:1.4rem;height:50px;right:10px;top:10px;width:50px}.image-viewer-nav{font-size:1.2rem;height:45px;width:45px}.image-viewer-nav-left{left:15px}.image-viewer-nav-right{right:15px}.image-viewer-counter{font-size:.9rem;padding:.625rem 1.25rem;top:20px}.image-viewer-title{bottom:70px;font-size:1rem;padding:.75rem 1.5rem}.image-viewer-dots{bottom:20px;gap:10px;padding:10px 16px}.image-viewer-dot{height:10px;width:10px}.image-viewer-dot.active{width:28px}}@media (max-width:480px){.image-viewer-close{font-size:1.3rem;height:45px;right:5px;top:5px;width:45px}.image-viewer-nav{font-size:1.1rem;height:40px;width:40px}.image-viewer-nav-left{left:10px}.image-viewer-nav-right{right:10px}.image-viewer-title{font-size:.9rem;padding:.625rem 1.25rem}.image-viewer-spinner{border-width:3px;height:50px;width:50px}.image-viewer-loading-text{font-size:1rem}}@media (hover:none){.image-viewer-close:hover{background:#e53935f2;transform:scale(1) rotate(0deg)}.image-viewer-nav:hover{background:#ffd700e6;transform:translateY(-50%) scale(1)}.image-viewer-dot:hover{background:#fff6;transform:scale(1)}.image-viewer-dot.active:hover{background:gold}}.product-card-wrapper{height:100%;touch-action:pan-y!important}.product-card-wrapper *{touch-action:inherit!important}.product-card-flip{height:100%;min-height:480px;position:relative;width:100%}.product-card-flip.flipped .product-card-front{opacity:0;pointer-events:none;transition:opacity .3s ease}.product-card-flip.flipped .product-card-back,.product-card-flip:not(.flipped) .product-card-front{opacity:1;pointer-events:auto;transition:opacity .3s ease}.product-card-flip:not(.flipped) .product-card-back{opacity:0;pointer-events:none;transition:opacity .3s ease}.product-card-side{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 10px 40px #0006,inset 0 1px 0 #ffffff1a;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.product-card-back,.product-card-front{display:flex;flex-direction:column}.product-card-back{background:linear-gradient(135deg,#e539351a,#ffd7001a),#0f0f23fa;overflow:hidden;padding:1.25rem}.product-image-container{background:linear-gradient(135deg,#e5393533,#ffd70033);border-radius:25px 25px 0 0;height:350px;overflow:hidden;position:relative;width:100%}.product-image{-webkit-user-drag:none;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.image-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-radius:15px;bottom:10px;box-shadow:0 2px 10px #0000004d;display:flex;gap:6px;left:50%;padding:5px 8px;position:absolute;transform:translateX(-50%);z-index:15}.dot{-webkit-tap-highlight-color:transparent;background:#ffffff80;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:8px;padding:0;transition:all .3s ease;width:8px}.dot:active{transform:scale(.9)}.dot.active{background:gold;border-radius:4px;box-shadow:0 0 12px #ffd700b3,0 2px 6px #ffd7004d;width:20px}@media (hover:hover) and (pointer:fine){.dot:hover:not(.active){background:#fffc;transform:scale(1.2)}}.info-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffd700e6;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #ffd70066;color:#0f0f23;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.info-button:active{box-shadow:0 2px 10px #ffd70066;transform:scale(.95)}.fullscreen-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e53935e6;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #e5393566;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;left:15px;position:absolute;top:15px;transition:all .3s ease;width:40px;z-index:10}.fullscreen-button:active{box-shadow:0 2px 10px #e5393566;transform:scale(.95)}@media (hover:hover) and (pointer:fine){.info-button:hover{box-shadow:0 6px 25px #ffd70099;transform:rotate(1turn) scale(1.1)}.fullscreen-button:hover{background:#e53935;box-shadow:0 6px 25px #e5393599;transform:scale(1.1)}}.product-info{display:flex;flex:1 1;flex-direction:column;gap:.75rem;padding:1.5rem}.product-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e53935b3,#ffd700b3);border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 10px #e539354d;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.375rem .875rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.product-name{color:#fff;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0;text-shadow:0 2px 10px #0000004d}.product-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;gap:1rem;justify-content:space-between;padding-top:.75rem}.product-price{color:gold;font-size:1.5rem;font-weight:700;text-shadow:0 0 15px #ffd70080}.add-to-cart-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e53935b3,#ef5350b3);border:1px solid #fff3;border-radius:20px;box-shadow:0 4px 15px #e5393566,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease;white-space:nowrap}.add-to-cart-btn:active{box-shadow:0 2px 10px #e5393566,inset 0 1px 0 #fff3;transform:scale(.97)}@media (hover:hover) and (pointer:fine){.add-to-cart-btn:hover{background:linear-gradient(135deg,#e53935e6,#ef5350e6);box-shadow:0 6px 25px #e5393599,inset 0 1px 0 #fff3;transform:translateY(-2px)}}.quantity-control{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 10px #0003;display:flex;gap:.75rem;padding:.375rem}.quantity-btn{-webkit-tap-highlight-color:transparent;font-size:.9rem;height:32px;width:32px}.quantity-btn:active{background:linear-gradient(135deg,#e53935e6,#ef5350e6);transform:scale(.9)}@media (hover:hover) and (pointer:fine){.quantity-btn:hover{background:linear-gradient(135deg,#e53935e6,#ef5350e6);box-shadow:0 4px 15px #e5393566;transform:scale(1.1)}}.quantity-display{color:#fff;font-size:1.1rem;font-weight:700;min-width:35px;text-align:center}.back-icon-button{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:50%;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.1rem;height:40px;justify-content:center;left:15px;position:absolute;top:15px;transition:all .3s ease;width:40px;z-index:10}.back-icon-button:active{background:#ffffff4d;box-shadow:0 2px 10px #0003;transform:scale(.95)}@media (hover:hover) and (pointer:fine){.back-icon-button:hover{background:#ffffff40;box-shadow:0 6px 20px #0000004d;transform:scale(1.1)}}.back-content{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:.5rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:3.5rem .75rem .75rem}.back-content::-webkit-scrollbar{width:4px}.back-content::-webkit-scrollbar-track{background:#ffffff0d}.back-content::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:2px}.product-name-back{color:gold;flex-shrink:0;font-size:1.5rem;font-weight:700;letter-spacing:.3px;line-height:1.3;margin:0 0 1.25rem;text-align:center;text-shadow:0 2px 15px #ffd70066}.product-description-back{flex-shrink:0;margin-bottom:1.25rem}.product-description-back p{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffd70026;border-left:3px solid #ffd70080;border-radius:12px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff14;color:#ffffffe6;font-size:.95rem;letter-spacing:.2px;line-height:1.7;margin:0;padding:1.5rem}.product-description-back p,.specs-text{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);font-weight:400;text-align:left}.specs-text{background:linear-gradient(135deg,#e5393514,#ffd70014),#ffffff0a;border:1px solid #ffd70040;border-radius:12px;box-shadow:0 4px 20px #0003,inset 0 1px 0 #ffffff1a;color:#ffffffd9;flex-shrink:0;font-size:.875rem;line-height:2;margin-bottom:1.25rem;padding:1.25rem}.specs-text span{display:inline-block;margin-right:4px}.back-price-compact{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#e5393526,#ffd70026),#ffffff0f;border:1px solid #ffd70066;border-radius:12px;box-shadow:0 6px 20px #00000040,inset 0 1px 0 #ffffff26;display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding:1rem 1.5rem}.price-label{color:#ffffffbf;font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.price-value{color:gold;font-size:1.75rem;font-weight:800;letter-spacing:.5px;text-shadow:0 2px 20px #ffd70080}@media (max-width:768px){.product-card-flip{min-height:450px}.product-image-container{height:280px}.product-name{font-size:1.1rem}.product-price{font-size:1.3rem}.add-to-cart-btn{font-size:.85rem;padding:.625rem 1rem}}@media (max-width:480px){.product-card-flip{min-height:420px}.product-image-container{height:240px}.product-info{gap:.5rem;padding:1rem}.product-footer{flex-direction:column;gap:.75rem}.add-to-cart-btn,.quantity-control{justify-content:center;width:100%}.product-card-back{padding:1rem}.image-dots{gap:8px;padding:6px 10px}.dot{height:10px;width:10px}.dot.active{width:24px}.back-icon-button,.fullscreen-button{font-size:1rem;height:36px;left:12px;top:12px;width:36px}.info-button{font-size:1rem;height:36px;right:12px;top:12px;width:36px}.back-content{padding-top:2.5rem}.product-name-back{font-size:1.3rem;margin-bottom:1rem}.product-description-back{margin-bottom:1rem}.product-description-back p{font-size:.9rem;line-height:1.65;padding:1.25rem}.specs-text{font-size:.8rem;line-height:1.85;margin-bottom:1rem;padding:1rem}.back-price-compact{padding:.875rem 1.25rem}.price-label{font-size:.85rem}.price-value{font-size:1.5rem}}.product-list-container{box-sizing:border-box;margin:0 auto;max-width:1200px;max-width:100%;padding:1rem 1rem 1.5rem;touch-action:pan-y!important;width:100%}.category-filter{-webkit-overflow-scrolling:touch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f2399;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding:1rem;scrollbar-width:thin}.category-filter::-webkit-scrollbar{height:4px}.category-filter::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.category-filter::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#e5393599,#ffd70099);border-radius:10px}.category-filter::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#e53935cc,#ffd700cc)}.category-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 2px 10px #0003;color:#fffc;cursor:pointer;flex-shrink:0;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background:#ffffff14;border-color:#e5393580;box-shadow:0 4px 20px #e539354d;color:#fff;transform:translateY(-2px)}.category-btn.active{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e5393599,#ffd70099);border:1px solid #fff3;box-shadow:0 4px 20px #e5393566,inset 0 1px 0 #fff3;color:#fff}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem;touch-action:pan-y!important;width:100%}.products-grid>*{animation:fadeInUp .6s ease forwards;opacity:0}.products-grid>:first-child{animation-delay:.1s}.products-grid>:nth-child(2){animation-delay:.2s}.products-grid>:nth-child(3){animation-delay:.3s}.products-grid>:nth-child(4){animation-delay:.4s}.products-grid>:nth-child(5){animation-delay:.5s}.products-grid>:nth-child(6){animation-delay:.6s}.products-grid>:nth-child(7){animation-delay:.7s}.products-grid>:nth-child(8){animation-delay:.8s}.products-grid>:nth-child(n+9){animation-delay:.9s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.no-products{color:#ffffff80;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-products p{font-size:1.2rem;margin:0}@media (max-width:768px){.product-list-container{padding:1.5rem 1rem 2.5rem}.products-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.category-filter{border-radius:18px;gap:.75rem;padding:.875rem}.category-btn{font-size:.9rem;padding:.6rem 1.2rem}}@media (max-width:480px){.product-list-container{padding:1rem .75rem 2rem}.products-grid{gap:1rem;grid-template-columns:1fr}.category-filter{border-radius:15px;gap:.5rem;padding:.75rem}.category-btn{font-size:.85rem;padding:.5rem 1rem}}.cart-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;height:100%;justify-content:center;left:0;overscroll-behavior:contain;padding:1rem;position:fixed;right:0;top:0;touch-action:none;z-index:2000}.cart-container,.cart-overlay{display:flex;overflow:hidden;width:100%}.cart-container{animation:scaleIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;flex-direction:column;max-height:85vh;max-width:500px}.cart-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e53935e6,#ffd700e6);border-radius:0 0 25px 25px;box-shadow:0 4px 20px #e539354d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.cart-header h2{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0000004d}.close-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:40px}@media (hover:hover) and (pointer:fine){.close-btn:hover{background:#ffffff4d;box-shadow:0 4px 15px #fff3;transform:rotate(90deg) scale(1.1)}}.close-btn:active{transform:scale(.95)}.empty-cart{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-cart-icon{color:#ffffff80;filter:drop-shadow(0 0 20px rgba(255,255,255,.2));margin-bottom:1.5rem;opacity:.3}.empty-cart p{color:#ffffffb3;font-size:1.2rem;margin-bottom:2rem}.continue-shopping-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e53935b3,#ef5350b3);border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 20px #e5393566,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.continue-shopping-btn:hover{background:linear-gradient(135deg,#e53935e6,#ef5350e6);box-shadow:0 6px 30px #e5393599,inset 0 1px 0 #fff3;transform:translateY(-2px)}.cart-items{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;touch-action:pan-y}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#ffffff0d}.cart-items::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.cart-items::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.cart-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem;transition:all .3s ease}.cart-item:last-child{margin-bottom:0}.cart-item:hover{background:#ffffff14;border-color:#e539354d;box-shadow:0 4px 20px #e5393533,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.cart-item-image{border:1px solid #ffffff1a;border-radius:10px;flex-shrink:0;height:80px;object-fit:cover;width:80px}.cart-item-info{flex:1 1;min-width:0}.cart-item-info h4{color:#fff;font-size:1rem;margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 2px 10px #0000004d;white-space:nowrap}.cart-item-price{color:gold;font-size:1.1rem;font-weight:700;text-shadow:0 0 10px #ffd70080}.cart-item-controls{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:.5rem;justify-content:space-between}.quantity-controls{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 10px #0003;gap:.5rem;padding:.25rem}.quantity-btn,.quantity-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.quantity-btn{background:linear-gradient(135deg,#e53935b3,#ef5350b3);border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.quantity-btn:hover{background:linear-gradient(135deg,#e53935e6,#ef5350e6);box-shadow:0 4px 15px #e5393566;transform:scale(1.1)}.quantity{color:#fff;font-weight:600;min-width:30px;text-align:center;-webkit-user-select:none;user-select:none}.remove-btn{background:none;border:none;color:#fff6;cursor:pointer;font-size:1.2rem;padding:.25rem;transition:all .3s ease}.remove-btn:hover{color:#e53935;filter:drop-shadow(0 0 10px rgba(229,57,53,.5));transform:scale(1.2)}.cart-footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;border-radius:0 0 25px 25px;border-top:1px solid #ffffff1a;box-shadow:0 -4px 30px #0000004d;flex-shrink:0;padding:1.5rem}.cart-total{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;display:flex;font-size:1.3rem;font-weight:600;justify-content:space-between;margin-bottom:1rem;padding:1rem}.total-price{color:gold;font-weight:700;text-shadow:0 0 15px #ffd70080}.checkout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#27ae60b3,#2ecc71b3);border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 20px #27ae6066,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.checkout-btn:hover{background:linear-gradient(135deg,#27ae60e6,#2ecc71e6);box-shadow:0 6px 30px #27ae6099,inset 0 1px 0 #fff3;transform:translateY(-2px)}@media (max-width:768px){.cart-overlay{padding:0}.cart-container{border-radius:0;height:calc(100% - 90px);margin-bottom:90px;max-height:calc(100% - 90px);max-width:100%}.cart-header{border-radius:0 0 25px 25px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem}.cart-header h2{font-size:1.3rem}.cart-items{padding:1rem 1rem calc(1rem + 20px)}.cart-footer{border-radius:0;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom))}.cart-total{font-size:1.2rem}}@media (max-width:480px){.cart-item{gap:.75rem;padding:.75rem}.cart-item-image{height:60px;width:60px}.cart-item-info h4{font-size:.9rem}.cart-item-price,.checkout-btn{font-size:1rem}.empty-cart{padding:2rem 1rem}}.checkout-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:1rem;position:fixed;right:0;top:0;touch-action:none;width:100%;z-index:2001}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkout-container{animation:scaleIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;margin:auto;max-height:85vh;max-width:600px;overflow:hidden;touch-action:pan-y;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.checkout-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#e53935e6,#ffd700e6);border-radius:0 0 25px 25px;box-shadow:0 4px 20px #e539354d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem;z-index:10}.checkout-header h2{flex:1 1;font-size:1.5rem;font-weight:700;margin:0;text-align:center;text-shadow:0 2px 10px #0000004d}.back-btn,.close-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:40px}@media (hover:hover) and (pointer:fine){.back-btn:hover,.close-btn:hover{background:#ffffff4d;box-shadow:0 4px 15px #fff3;transform:scale(1.1)}}.back-btn:active,.close-btn:active{transform:scale(.95)}.checkout-form{-webkit-overflow-scrolling:touch;flex:1 1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;touch-action:pan-y}.checkout-form::-webkit-scrollbar{width:6px}.checkout-form::-webkit-scrollbar-track{background:#ffffff0d}.checkout-form::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.checkout-form::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.order-summary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#7877c633,#0093e933 20%);border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 4px 20px #0000004d,inset 0 1px 0 #ffffff1a;margin-bottom:1.5rem;padding:1.5rem}.order-summary h3{color:#fff;margin:0 0 1rem;text-shadow:0 2px 10px #0000004d}.summary-item{color:#ffffffb3;padding:.5rem 0}.summary-item,.summary-total{display:flex;justify-content:space-between}.summary-total{border-top:2px solid #ffd7004d;color:#fff;font-size:1.2rem;font-weight:600;margin-top:1rem;padding-top:1rem}.summary-total span:last-child{color:gold;text-shadow:0 0 15px #ffd70080}.form-section{margin-bottom:2rem}.form-section:last-child{margin-bottom:0}.form-section h3{color:#fff;font-size:1.2rem;margin:0 0 1rem;text-shadow:0 2px 10px #0000004d}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{color:#ffffffe6;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-family:inherit;font-size:1rem;padding:.875rem;transition:all .3s ease;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:gold;box-shadow:0 0 0 3px #ffd70033;outline:none}.form-group select{cursor:pointer}.form-group select option{background:#1a1a2e;color:#fff}.form-group textarea{min-height:80px;resize:vertical}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{grid-template-columns:1fr}}.error-message{animation:shake .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e5393533;border:1px solid #e5393580;border-radius:12px;color:#ff6b6b;font-size:.95rem;margin-bottom:1rem;padding:1rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.delivery-options{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.delivery-option{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:block;padding:1rem;transition:all .3s ease}.delivery-option:hover{background:#ffffff14;border-color:#ffd70080;box-shadow:0 4px 20px #ffd70033;transform:translateY(-2px)}.delivery-option.active{background:linear-gradient(135deg,#e539351a,#ffd7001a);border-color:gold;box-shadow:0 4px 20px #ffd7004d,inset 0 1px 0 #ffffff1a}.delivery-option input[type=radio]{display:none}.option-content{align-items:center;display:flex;gap:1rem}.option-icon{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.5));flex-shrink:0;font-size:1.5rem}.option-content strong{color:#fff;display:block;margin-bottom:.25rem}.option-content p{color:#fff9;font-size:.9rem;margin:0}.delivery-details,.pickup-details{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-top:1rem;padding:1rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-order-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#27ae60b3,#2ecc71b3);border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 4px 20px #27ae6066,inset 0 1px 0 #fff3;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .3s ease;width:100%}.submit-order-btn:hover{background:linear-gradient(135deg,#27ae60e6,#2ecc71e6);box-shadow:0 6px 30px #27ae6099,inset 0 1px 0 #fff3;transform:translateY(-2px)}.submit-order-btn:active{transform:translateY(0)}.submit-order-btn:disabled{cursor:not-allowed;opacity:.5}.success-message{flex-direction:column;gap:1.5rem;padding:2.5rem 2rem;text-align:center}.success-checkmark,.success-message{align-items:center;display:flex;justify-content:center}.success-checkmark{animation:checkmarkPop .6s cubic-bezier(.175,.885,.32,1.275);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#00b89433,#00cea433);border:2px solid #00b8944d;border-radius:50%;height:120px;width:120px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-icon{color:#00b894;filter:drop-shadow(0 0 30px rgba(0,184,148,.6));font-size:4rem}.success-title{color:#fff;font-size:1.75rem;font-weight:700;margin:0;text-shadow:0 2px 20px #00b8944d}.order-number-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffd7001a,#ffc1071a),#ffffff0d;border:1px solid #ffd7004d;border-radius:16px;box-shadow:0 8px 25px #0003,inset 0 1px 0 #ffffff1a;padding:1.25rem;width:100%}.order-number-label{color:#fff9;font-size:.9rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.order-number-value{color:gold;font-size:2rem;font-weight:700;margin:0;text-shadow:0 2px 20px #ffd70080}.success-message-text{display:flex;flex-direction:column;gap:.5rem}.success-message-text p{color:#fffc;font-size:1.1rem;margin:0}.success-hint{color:#ffffff80!important;font-size:.95rem!important}.success-close-btn{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:16px;box-shadow:0 8px 25px #ffd7004d,inset 0 1px 0 #ffffff4d;color:#1a1a2e;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 2rem;touch-action:manipulation;transition:all .3s ease;width:100%}@media (hover:hover) and (pointer:fine){.success-close-btn:hover{box-shadow:0 12px 30px #ffd70066,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}}.success-close-btn:active{box-shadow:0 4px 15px #ffd7004d,inset 0 1px 0 #ffffff4d;transform:translateY(0)}.success-animation{display:flex;gap:2rem;margin-top:2rem}.confetti{animation:confettiFall 2s ease infinite;font-size:2rem}.confetti:nth-child(2){animation-delay:.3s}.confetti:nth-child(3){animation-delay:.6s}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(50px) rotate(1turn)}}@media (max-width:768px){.checkout-overlay{padding:0}.checkout-container{border-radius:0;height:calc(100% - 90px);margin-bottom:90px;max-height:calc(100vh - 90px);max-width:100%}.checkout-header{border-radius:0 0 25px 25px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem}.checkout-header h2{font-size:1.3rem}.checkout-form{padding:1rem 1rem calc(1rem + 20px + env(safe-area-inset-bottom))}.order-summary{padding:1rem}.submit-order-btn{font-size:1rem}}@media (max-width:480px){.checkout-overlay{align-items:flex-start;padding:0}.checkout-container{border-radius:0;margin:0 0 90px;max-height:calc(100vh - 90px)}.delivery-option{padding:.75rem}.option-icon{font-size:1.2rem}.success-message{padding:2rem 1.5rem}.success-checkmark{height:100px;width:100px}.success-icon{font-size:3rem}.success-title{font-size:1.5rem}.order-number-card{padding:1rem}.order-number-value{font-size:1.75rem}.success-message-text p{font-size:1rem}}.bottom-navigation{align-items:center;animation:slideUp .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#e53935f2,#ffd700f2);border:none;border-radius:25px 25px 0 0;bottom:0;box-shadow:0 -4px 30px #e5393566,inset 0 1px 0 #ffffff1a;display:flex;gap:.5rem;justify-content:space-around;left:0;max-width:100vw;padding:.75rem 1rem calc(1rem + env(safe-area-inset-bottom));position:fixed;right:0;z-index:3000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.nav-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:.375rem;justify-content:center;min-width:70px;padding:.75rem .5rem;transition:all .3s ease}.nav-btn:active{transform:scale(.95)}.nav-btn:hover{background:#ffffff40;box-shadow:0 4px 20px #0000004d;transform:translateY(-3px)}.nav-icon{filter:drop-shadow(0 2px 5px rgba(0,0,0,.2));font-size:1.5rem}.nav-label{font-size:.75rem;font-weight:600;text-shadow:0 1px 3px #0000004d;white-space:nowrap}.cart-nav-btn{background:#fff3}.nav-cart-wrapper{position:relative}.nav-cart-badge,.nav-cart-wrapper{align-items:center;display:flex;justify-content:center}.nav-cart-badge{animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:10px;box-shadow:0 2px 10px #e74c3c99,inset 0 1px 0 #ffffff4d;color:#fff;font-size:.7rem;font-weight:700;height:20px;min-width:20px;padding:0 .375rem;position:absolute;right:-10px;top:-8px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.bottom-navigation{padding:.625rem .75rem calc(.875rem + env(safe-area-inset-bottom))}.nav-btn{gap:.25rem;min-width:60px;padding:.625rem .375rem}.nav-icon{font-size:1.3rem}.nav-label{font-size:.7rem}}@media (max-width:480px){.bottom-navigation{border-radius:20px 20px 0 0;gap:.25rem;padding:.5rem .5rem calc(.75rem + env(safe-area-inset-bottom))}.nav-btn{border-radius:15px;min-width:50px;padding:.5rem .25rem}.nav-icon{font-size:1.2rem}.nav-cart-badge,.nav-label{font-size:.65rem}.nav-cart-badge{height:18px;min-width:18px;right:-8px;top:-6px}}@media (min-width:769px) and (max-width:1024px){.bottom-navigation{border-radius:25px;bottom:1rem;left:50%;max-width:600px;padding:1rem 1.5rem;transform:translateX(-50%)}.nav-btn{min-width:80px}}@media (min-width:1025px){.bottom-navigation{border-radius:30px;bottom:1.5rem;gap:1rem;left:50%;max-width:500px;padding:1rem 2rem;transform:translateX(-50%)}.nav-btn{min-width:90px;padding:1rem .75rem}.nav-icon{font-size:1.75rem}.nav-label{font-size:.85rem}}.order-tracking-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;height:100%;justify-content:center;left:0;overflow:hidden;overscroll-behavior:contain;padding:1rem;position:fixed;right:0;top:0;touch-action:none;width:100%;z-index:2002}.order-tracking-container{animation:scaleIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23fa;border:1px solid #ffffff1a;border-radius:25px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.tracking-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3498dbe6,#9b59b6e6);border-radius:0 0 25px 25px;box-shadow:0 4px 20px #3498db4d;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:1.5rem}.tracking-header h2{font-size:1.5rem;font-weight:700;margin:0;text-shadow:0 2px 10px #0000004d}.tracking-header .close-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;touch-action:manipulation;transition:all .3s ease;width:40px}@media (hover:hover) and (pointer:fine){.tracking-header .close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}}.tracking-header .close-btn:active{transform:scale(.95)}.tracking-loading{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 2rem}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#52a5db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.tracking-loading p{color:#fff9;font-size:1rem}.tracking-error{animation:shake .5s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#e5393533;border:1px solid #e5393580;border-radius:12px;color:#ff6b6b;font-size:.9rem;margin:1.5rem;padding:1.5rem;text-align:center}.order-details-grid{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.25rem}@media (max-width:768px){.order-details-grid{grid-template-columns:1fr}}.detail-item{align-items:flex-start;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #ffffff14;border-radius:14px;display:flex;gap:.875rem;padding:1.125rem;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.detail-item:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#ffffff26;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}}.detail-icon{align-items:center;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.detail-icon.type{background:linear-gradient(135deg,#3498db40,#2980b940);border:1px solid #3498db4d;color:#3498db}.detail-icon.payment{background:linear-gradient(135deg,#2ecc7140,#27ae6040);border:1px solid #2ecc714d;color:#2ecc71}.detail-icon.delivery{background:linear-gradient(135deg,#9b59b640,#8e44ad40);border:1px solid #9b59b64d;color:#9b59b6}.detail-icon.date{background:linear-gradient(135deg,#f1c40f40,#f39c1240);border:1px solid #f1c40f4d;color:#f1c40f}.detail-icon.price{background:linear-gradient(135deg,#ffd70040,#ffc10740);border:1px solid #ffd7004d;color:gold;font-size:1.5rem}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:.375rem;min-width:0}.detail-label{color:#ffffff80;font-size:.75rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.detail-value{color:#fffffff2;font-size:1rem;font-weight:600;line-height:1.4}.detail-value.price-value{color:gold;font-size:1.25rem;font-weight:700;text-shadow:0 2px 15px #ffd70066}.detail-value.payment-paid{color:#27ae60}.detail-value.payment-pending,.detail-value.payment-waiting{color:#f39c12}.detail-value.payment-failed{color:#e74c3c}.detail-value.payment-refunded{color:#95a5a6}.detail-value.delivery-delivered{color:#27ae60}.detail-value.delivery-in_transit{color:#9b59b6}.detail-value.delivery-shipped{color:#3498db}.orders-list{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;touch-action:pan-y}.orders-list::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar-track{background:#ffffff0d}.orders-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.order-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#3498db14,#9b59b614),#ffffff08;border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 8px 32px #00000040,inset 0 1px 0 #ffffff14;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.order-card:hover{border-color:#3498db59;box-shadow:0 12px 48px #3498db40,inset 0 1px 0 #ffffff1f;transform:translateY(-4px)}}.order-header-info{align-items:flex-start;border-bottom:1px solid #ffffff1f;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.75rem;padding-bottom:1.25rem;transition:all .3s ease}.order-header-info.clickable{-webkit-tap-highlight-color:transparent;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media (hover:hover) and (pointer:fine){.order-header-info.clickable:hover{background:#ffffff08;border-radius:12px 12px 0 0;margin:0 -1.75rem 1.75rem;padding-left:1.75rem;padding-right:1.75rem;padding-top:.5rem}}.order-header-left{display:flex;flex:1 1;flex-direction:column;gap:.75rem;min-width:0}.order-header-right{align-items:flex-start;display:flex;flex-shrink:0;gap:0}.order-number{align-items:center;color:#fff;display:flex;font-size:1.15rem;font-weight:700;gap:.75rem}.order-number svg{color:#3498db;filter:drop-shadow(0 0 8px rgba(52,152,219,.4));font-size:1.4rem}.toggle-order-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ffffffb3;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:36px;justify-content:center;margin-top:2px;padding:0;touch-action:manipulation;transition:all .3s ease;width:36px}@media (hover:hover) and (pointer:fine){.toggle-order-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6}}.order-card.collapsed .order-header-info{border-bottom:none;margin-bottom:0;padding-bottom:0}.order-status-badge{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 4px 12px #00000026;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.5px;line-height:1.2;padding:.5rem 1rem;text-transform:uppercase;white-space:nowrap}.order-status-badge.pending{background:linear-gradient(135deg,#f39c1259,#e67e2240);border:1px solid #f39c1280;color:#f39c12;text-shadow:0 1px 3px #0000004d}.order-status-badge.processing{background:linear-gradient(135deg,#3498db59,#2980b940);border:1px solid #3498db80;color:#3498db;text-shadow:0 1px 3px #0000004d}.order-status-badge.shipping{background:linear-gradient(135deg,#9b59b659,#8e44ad40);border:1px solid #9b59b680;color:#9b59b6;text-shadow:0 1px 3px #0000004d}.order-status-badge.completed,.order-status-badge.delivered{background:linear-gradient(135deg,#27ae6059,#2ecc7140);border:1px solid #27ae6080;color:#27ae60;text-shadow:0 1px 3px #0000004d}.order-status-badge.cancelled{background:linear-gradient(135deg,#e74c3c59,#c0392b40);border:1px solid #e74c3c80;color:#e74c3c;text-shadow:0 1px 3px #0000004d}.order-status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3498db1a,#9b59b61a),#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 10px 40px #0000004d,inset 0 1px 0 #ffffff1a;margin-bottom:1.5rem;padding:2rem;text-align:center}.status-icon{animation:pulse 2s ease-in-out infinite;font-size:4rem;margin-bottom:1rem}.status-icon.pending{color:#f39c12;filter:drop-shadow(0 0 20px rgba(243,156,18,.5))}.status-icon.processing{color:#3498db;filter:drop-shadow(0 0 20px rgba(52,152,219,.5))}.status-icon.shipping{color:#9b59b6;filter:drop-shadow(0 0 20px rgba(155,89,182,.5))}.status-icon.delivered{color:#27ae60;filter:drop-shadow(0 0 20px rgba(39,174,96,.5))}.status-icon.cancelled{color:#e74c3c;filter:drop-shadow(0 0 20px rgba(231,76,60,.5))}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.order-status-card h3{color:#fffc;font-size:1.25rem;margin:0 0 .5rem}.status-text{font-size:1.5rem;font-weight:700;margin:0}.status-text.pending{color:#f39c12;text-shadow:0 0 15px #f39c1280}.status-text.processing{color:#3498db;text-shadow:0 0 15px #3498db80}.status-text.shipping{color:#9b59b6;text-shadow:0 0 15px #9b59b680}.status-text.delivered{color:#27ae60;text-shadow:0 0 15px #27ae6080}.status-text.cancelled{color:#e74c3c;text-shadow:0 0 15px #e74c3c80}.order-address-section,.order-info-section,.order-items-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;margin-top:1rem;padding:1.25rem}.order-address-section{align-items:flex-start;display:flex;gap:.75rem}.order-address-section strong{color:#ffffffe6;flex-shrink:0;font-size:.9rem;font-weight:700}.order-address-section p{color:#ffffffbf;font-size:.95rem;line-height:1.5;margin:0}.order-address-section h4,.order-info-section h4,.order-items-section h4{color:gold;font-size:1.25rem;margin:0 0 1.25rem;text-shadow:0 0 15px #ffd70080}.info-grid{grid-gap:1rem;display:grid;gap:1rem}.info-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;justify-content:space-between;padding:.875rem}.info-label{color:#ffffffb3;font-size:.95rem}.info-value{color:#fff;font-size:.95rem;font-weight:600}.order-items-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.order-item{align-items:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;padding:.875rem}.item-name{color:#fff;flex:1 1;font-size:.95rem}.item-quantity{color:#fff9;font-size:.9rem}.item-price{font-size:.95rem}.item-price,.order-total{color:gold;font-weight:700}.order-total{align-items:center;background:linear-gradient(135deg,#3498db1a,#9b59b61a);display:flex;font-size:1.25rem;justify-content:space-between;text-shadow:0 0 15px #ffd70080}.address-text,.order-total{border-radius:12px;padding:1rem}.address-text{background:#ffffff08;border:1px solid #ffffff0d;color:#fff;font-size:.95rem;line-height:1.6;margin:0}.tracking-empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon{color:#fff3;font-size:5rem;margin-bottom:1.5rem}.tracking-empty p{color:#ffffff80;font-size:1.1rem}@media (max-width:768px){.order-tracking-overlay{padding:0}.order-tracking-container{border-radius:0;height:calc(100% - 90px);margin-bottom:90px;max-height:calc(100% - 90px);max-width:100%}.tracking-header{border-radius:0 0 25px 25px;padding:calc(env(safe-area-inset-top) + 1rem) 1rem 1rem}.tracking-header h2{font-size:1.3rem}.orders-list{padding:1rem 1rem calc(1rem + 20px + env(safe-area-inset-bottom))}.order-details,.tracking-search-form{padding:1rem}.order-status-card{padding:1.5rem}.status-icon{font-size:3rem}.status-text{font-size:1.25rem}}@media (max-width:480px){.search-input-group{flex-direction:column}.search-btn{border-radius:20px;height:45px;width:100%}.info-item{align-items:flex-start;flex-direction:column;gap:.5rem}.order-item{flex-wrap:wrap}.item-name{width:100%}.order-details-grid{grid-template-columns:1fr}}.order-composition{background:linear-gradient(135deg,#ffffff0f,#ffffff08);border:1px solid #ffffff1a;border-radius:14px;margin-top:1.25rem;overflow:hidden;padding:0}.order-composition summary{-webkit-tap-highlight-color:transparent;align-items:center;background:#ffffff05;color:#ffffffe6;cursor:pointer;display:flex;font-weight:600;justify-content:space-between;list-style:none;padding:1rem 1.25rem;touch-action:manipulation;transition:all .3s ease}.order-composition summary::-webkit-details-marker{display:none}.order-composition summary:after{color:#ffffff80;content:"▼";display:inline-block;font-size:.75rem;transition:transform .3s ease}.order-composition[open] summary:after{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.order-composition summary:hover{background:#ffffff14}}.composition-items{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.composition-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;display:flex;gap:.75rem;justify-content:space-between;padding:.875rem 1rem;transition:all .3s ease}@media (hover:hover) and (pointer:fine){.composition-item:hover{background:#ffffff0f;border-color:#ffffff1f}}.composition-item .item-name{color:#ffffffd9;flex:1 1;font-size:.95rem;font-weight:500}.composition-item .item-quantity{background:#ffffff0d;border-radius:6px;color:#ffffff80;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.25rem .625rem}.composition-item .item-price{color:gold;flex-shrink:0;font-size:.95rem;font-weight:700;text-shadow:0 0 10px #ffd7004d}.market-app{background:#0f0f23;display:flex;flex-direction:column;max-width:100vw;min-height:100vh;min-height:-webkit-fill-available;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom);position:relative;width:100%}.market-app:before{animation:gradient-shift 15s ease infinite;background:radial-gradient(circle at 20% 30%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 70%,#0093e94d 0,#0000 50%),radial-gradient(circle at 40% 80%,#80d0c733 0,#0000 50%);content:"";height:200%;left:-50%;pointer-events:none;position:fixed;top:-50%;width:200%;z-index:0}@keyframes gradient-shift{0%{transform:translate(0) scale(1)}33%{transform:translate(5%,-5%) scale(1.1)}66%{transform:translate(-5%,5%) scale(1.05)}to{transform:translate(0) scale(1)}}.main-content{-webkit-overflow-scrolling:touch;flex:1 1;max-width:100vw;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(100px + env(safe-area-inset-bottom));position:relative;touch-action:pan-y!important;width:100%;z-index:1}
/*# sourceMappingURL=main.3a37aa0f.css.map*/