:root{--color-bg-primary: #0a0a0f;--color-bg-secondary: #131320;--color-bg-card: #1a1a2e;--color-bg-hover: #252538;--color-cyan-primary: #00f5ff;--color-cyan-secondary: #00d9e8;--color-cyan-dark: #009ba8;--color-lavanda-primary: #b084ff;--color-lavanda-secondary: #9966ff;--color-lavanda-dark: #7744dd;--glow-cyan: 0 0 10px rgba(0, 245, 255, .5), 0 0 20px rgba(0, 245, 255, .3), 0 0 30px rgba(0, 245, 255, .2);--glow-lavanda: 0 0 10px rgba(176, 132, 255, .5), 0 0 20px rgba(176, 132, 255, .3), 0 0 30px rgba(176, 132, 255, .2);--color-text-primary: #ffffff;--color-text-secondary: #b8b8d1;--color-text-muted: #6b6b8a;--color-success: #00ff88;--color-error: #ff0055;--color-warning: #ffaa00;--border-radius: 12px;--border-radius-sm: 8px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:var(--color-cyan-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--color-lavanda-primary);text-shadow:var(--glow-cyan)}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg-primary);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--color-cyan-primary),var(--color-lavanda-primary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--color-cyan-secondary),var(--color-lavanda-secondary))}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.3)}}h1{font-size:3.2em;line-height:1.1}button{border-radius:var(--border-radius-sm);border:none;padding:12px 24px;font-size:16px;font-weight:600;font-family:inherit;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}button:focus,button:focus-visible{outline:2px solid var(--color-cyan-primary);outline-offset:2px}.container{max-width:1400px;margin:0 auto;padding:0 20px}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px}.gradient-text{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header{background:#131320f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,245,255,.2);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #00000080}.header-content{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;gap:1.5rem}.logo-container{display:flex;flex-direction:column;gap:.1rem}.logo-text{font-size:1.4rem;font-weight:900;letter-spacing:1.5px;text-shadow:var(--glow-cyan)}.logo-subtitle{font-size:.55rem;color:var(--color-text-muted);letter-spacing:2px;text-align:center}.search-bar{flex:1;max-width:500px;display:flex;background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;transition:var(--transition);position:relative}.search-bar:focus-within{border-color:var(--color-cyan-primary);box-shadow:var(--glow-cyan)}.search-bar input{flex:1;background:transparent;border:none;padding:.6rem .8rem;color:var(--color-text-primary);font-size:.9rem;outline:none}.search-bar input::placeholder{color:var(--color-text-muted)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--color-bg-card);border:2px solid var(--color-cyan-primary);border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 8px 32px #00000080;max-height:400px;overflow-y:auto;z-index:1001;margin-top:-2px}.search-result-item{display:flex;align-items:center;gap:1rem;padding:.75rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid rgba(0,245,255,.1)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#00f5ff0d}.search-result-image{width:50px;height:50px;object-fit:cover;border-radius:var(--border-radius-sm);border:1px solid rgba(0,245,255,.2);flex-shrink:0}.search-result-info{flex:1;min-width:0}.search-result-name{font-weight:500;color:var(--color-text-primary);margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-price{display:flex;align-items:center;gap:.5rem}.search-result-price-old{font-size:.85rem;color:var(--color-text-muted);text-decoration:line-through}.search-result-price-now{font-weight:600;font-size:.95rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-btn{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));border:none;padding:.6rem 1rem;border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-bg-primary);transition:var(--transition)}.search-btn:hover{transform:scale(1.05);box-shadow:var(--glow-cyan)}.nav{display:flex;gap:1.5rem;align-items:center}.nav a{color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;font-size:.8rem;letter-spacing:.8px;position:relative;transition:var(--transition)}.nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-cyan-primary),var(--color-lavanda-primary));transition:var(--transition)}.nav a:hover{color:var(--color-cyan-primary)}.nav a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:1rem}.icon-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:transparent;border:2px solid var(--color-cyan-primary);color:var(--color-cyan-primary);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);font-size:.9rem;font-weight:600}.icon-btn svg{flex-shrink:0}.icon-btn span{white-space:nowrap}.icon-btn:hover{background:var(--color-cyan-primary);color:var(--color-bg-primary);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.cart-btn{position:relative}.cart-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--color-error),var(--color-warning));color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 2px 10px #ff005580}.user-menu{display:flex;align-items:center;gap:1rem}.username{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-text{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;font-size:.85rem;padding:.5rem;transition:var(--transition)}.btn-text:hover{color:var(--color-lavanda-primary)}.mobile-menu-btn{display:none;background:transparent;border:2px solid var(--color-cyan-primary);color:var(--color-cyan-primary);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition)}.mobile-menu-btn:hover{background:var(--color-cyan-primary);color:var(--color-bg-primary)}@media(max-width:1024px){.nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-bg-secondary);flex-direction:column;padding:2rem;gap:1.5rem;border-bottom:2px solid var(--color-cyan-primary);box-shadow:0 8px 32px #00000080}.nav-open{display:flex}.mobile-menu-btn{display:block}.search-bar{max-width:300px}.header-content{gap:1rem}}@media(max-width:768px){.header-content{padding:.75rem 0;gap:.5rem}.logo-text{font-size:1.1rem;letter-spacing:1px}.logo-subtitle{font-size:.45rem;letter-spacing:1.5px}.search-bar{display:none}.user-menu{gap:.5rem}.username,.icon-btn span{display:none}.icon-btn{padding:.5rem;border-width:1.5px}.btn.btn-primary{padding:.5rem .75rem!important;font-size:.8rem}.btn-text{font-size:.75rem;padding:.4rem}.cart-badge{width:18px;height:18px;font-size:.65rem;top:-6px;right:-6px}.nav{padding:1.5rem;gap:1rem}.nav a{font-size:.9rem;padding:.5rem;width:100%;text-align:center}}@media(max-width:480px){.header-content{padding:.5rem 0}.logo-text{font-size:.95rem;letter-spacing:.8px}.logo-subtitle{font-size:.4rem;letter-spacing:1px}.header-actions{gap:.4rem}.icon-btn{padding:.4rem}.icon-btn svg{width:20px;height:20px}.mobile-menu-btn{padding:.4rem}.mobile-menu-btn svg{width:20px;height:20px}.btn.btn-primary,.user-menu .btn-text{display:none}.cart-badge{width:16px;height:16px;font-size:.6rem}}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.modal-content{background:var(--color-bg-card);border:2px solid rgba(0,245,255,.3);border-radius:var(--border-radius);padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}.modal-content h3{margin:0 0 1rem;color:var(--color-cyan-primary);font-size:1.5rem;text-align:center}.modal-content p{margin:0 0 1.5rem;color:var(--color-text-secondary);text-align:center;font-size:1rem}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions .btn{padding:.75rem 1.5rem;font-size:.9rem;min-width:120px}.footer{background:var(--color-bg-secondary);border-top:2px solid rgba(0,245,255,.2);margin-top:5rem;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3{font-size:1.8rem;margin-bottom:1rem;text-shadow:var(--glow-cyan)}.footer-section h4{color:var(--color-cyan-primary);margin-bottom:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:1px}.footer-desc{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;border-radius:50%;background:var(--color-bg-card);border:2px solid var(--color-cyan-primary);display:flex;align-items:center;justify-content:center;color:var(--color-cyan-primary);transition:var(--transition)}.social-links a:hover{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-bg-primary);transform:translateY(-3px);box-shadow:var(--glow-cyan)}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-links a{color:var(--color-text-secondary);transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--color-cyan-primary);transform:translate(5px);text-shadow:var(--glow-cyan)}.footer-contact{list-style:none;display:flex;flex-direction:column;gap:1rem}.footer-contact li{display:flex;align-items:center;gap:.8rem;color:var(--color-text-secondary)}.footer-contact li svg{color:var(--color-cyan-primary);flex-shrink:0}.footer-bottom{border-top:1px solid rgba(0,245,255,.1);padding-top:2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--color-text-muted);font-size:.9rem}.payment-methods{display:flex;align-items:center;gap:.5rem}.cookies-text{max-width:700px;color:var(--color-text-muted);font-size:.8rem;line-height:1.6}.cookies-text a{color:var(--color-cyan-primary);text-decoration:underline}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2.5rem}}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;text-align:center;gap:1rem}.cookies-text{text-align:center}.footer-section h3{font-size:1.1rem}.footer-logo{font-size:1.3rem}}@media(max-width:480px){.footer{padding:2rem 0 1rem}.footer-content{gap:1.5rem}.footer-section h3{font-size:1rem}.footer-logo{font-size:1.2rem}.footer-section p,.footer-section a{font-size:.85rem}.social-links{gap:.75rem}.footer-bottom{font-size:.8rem;padding-top:1.5rem}}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:50;background:linear-gradient(135deg,#0f172afa,#0f172afa);border-top:1px solid rgba(0,245,255,.3);box-shadow:0 -10px 40px #0009}.cookie-banner__content{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;color:var(--color-text-secondary);font-size:.9rem}.cookie-banner__content p{margin:0;line-height:1.5}.cookie-banner__content a{color:var(--color-cyan-primary);text-decoration:underline}.cookie-banner__button{min-width:120px;border:none;border-radius:999px;padding:.6rem 1.5rem;background:linear-gradient(135deg,#00ff80,#00e0ff);color:#020617;font-weight:600;cursor:pointer;box-shadow:0 0 25px #00ff8080;transition:transform .15s ease,box-shadow .15s ease}.cookie-banner__button:hover{transform:translateY(-1px);box-shadow:0 0 35px #00ff80cc}@media(max-width:768px){.cookie-banner__content{flex-direction:column;align-items:flex-start}.cookie-banner__button{align-self:stretch;text-align:center}}.toast{position:fixed;top:100px;right:0;z-index:9999;display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;border-radius:var(--border-radius) 0 0 var(--border-radius);background:linear-gradient(135deg,var(--color-bg-card),rgba(0,245,255,.05));border:2px solid rgba(0,245,255,.35);border-right:none;box-shadow:-8px 8px 32px #00f5ff33,0 0 40px #0009;animation:slideInRight .4s cubic-bezier(.68,-.55,.265,1.55),slideOutRight .3s ease 2.7s forwards;min-width:380px;max-width:450px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{to{transform:translate(100%);opacity:0}}.toast-success{border-color:var(--color-cyan-primary);background:linear-gradient(135deg,#00f5ff14,#b084ff14);box-shadow:-8px 8px 32px #00f5ff40,0 0 40px #0009,inset 0 0 60px #00f5ff0d}.toast-error{border-color:#ff005573;background:linear-gradient(135deg,#ff005514,#ff00551f);box-shadow:-8px 8px 32px #ff005540,0 0 40px #0009}.toast-info{border-color:#b084ff73;background:linear-gradient(135deg,#b084ff14,#00f5ff14);box-shadow:-8px 8px 32px #b084ff40,0 0 40px #0009}.toast-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#00f5ff1f;border:1px solid rgba(0,245,255,.35)}.toast-success .toast-icon{color:var(--color-cyan-primary);text-shadow:0 0 20px rgba(0,245,255,.6)}.toast-error .toast-icon{color:var(--color-error)}.toast-info .toast-icon{color:var(--color-cyan-primary)}.toast-message{flex:1;color:var(--color-text-primary);font-weight:900;font-size:1rem;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toast-close{flex-shrink:0;background:#00f5ff1a;border:1px solid rgba(0,245,255,.25);color:var(--color-cyan-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:var(--transition);display:flex;align-items:center;justify-content:center}.toast-close:hover{background:#00f5ff33;border-color:var(--color-cyan-primary);box-shadow:0 0 20px #00f5ff66;transform:scale(1.1)}@media(max-width:768px){.toast{right:0;left:auto;min-width:90vw;max-width:90vw;border-radius:var(--border-radius) 0 0 var(--border-radius)}.toast-message{font-size:.9rem}.toast-icon{width:40px;height:40px}}.cart-drawer-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:fadeIn .3s ease}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:350px;max-width:90vw;background:var(--color-bg-card);border-left:2px solid rgba(0,245,255,.35);box-shadow:-12px 0 48px #00f5ff33,-8px 0 32px #000c;z-index:9999;display:flex;flex-direction:column;animation:slideInFromRight .4s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.cart-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:linear-gradient(135deg,#00f5ff14,#b084ff14);border-bottom:1px solid rgba(0,245,255,.25)}.cart-drawer-title{display:flex;align-items:center;gap:.75rem;color:var(--color-cyan-primary)}.cart-drawer-title svg{flex-shrink:0}.cart-drawer-title h3{margin:0;font-size:.9rem;font-weight:900;letter-spacing:.5px;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-drawer-close{background:#00f5ff1a;border:1px solid rgba(0,245,255,.25);color:var(--color-cyan-primary);padding:.5rem;border-radius:8px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.cart-drawer-close:hover{background:#00f5ff33;border-color:var(--color-cyan-primary);box-shadow:0 0 20px #00f5ff66;transform:scale(1.05)}.cart-drawer-content{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.cart-drawer-products-list{display:flex;flex-direction:column;gap:.75rem;flex:1;overflow-y:auto}.cart-drawer-product{display:flex;gap:.75rem;padding:.75rem;background:#00f5ff08;border:1px solid rgba(0,245,255,.15);border-radius:var(--border-radius)}.cart-drawer-product-image{flex-shrink:0;width:70px;height:70px;border-radius:var(--border-radius-sm);overflow:hidden;border:2px solid rgba(0,245,255,.25);background:var(--color-bg-secondary)}.cart-drawer-product-image img{width:100%;height:100%;object-fit:cover}.cart-drawer-product-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.cart-drawer-product-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.cart-drawer-delete-btn{background:#ff44441a;border:1px solid rgba(255,68,68,.3);color:#f44;padding:.35rem;border-radius:6px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cart-drawer-delete-btn:hover{background:#f443;border-color:#f44;transform:scale(1.05)}.cart-drawer-product-category{color:var(--color-lavanda-primary);font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:1px}.cart-drawer-product-name{margin:0;font-size:.85rem;font-weight:900;color:var(--color-text-primary);line-height:1.3;flex:1}.cart-drawer-product-price{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.price-old{color:var(--color-text-muted);text-decoration:line-through;font-size:.75rem}.price-now{font-size:1rem;font-weight:900}.cart-drawer-quantity-controls{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.quantity-btn{background:#00f5ff1a;border:1px solid rgba(0,245,255,.25);color:var(--color-cyan-primary);width:24px;height:24px;border-radius:6px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:0}.quantity-btn:hover:not(:disabled){background:#00f5ff33;border-color:var(--color-cyan-primary);box-shadow:0 0 12px #00f5ff4d;transform:scale(1.05)}.quantity-btn:disabled{opacity:.3;cursor:not-allowed}.quantity-display{color:var(--color-text-primary);font-size:.85rem;font-weight:900;min-width:24px;text-align:center}.cart-drawer-quantity span{color:var(--color-cyan-primary);font-weight:900}.cart-drawer-summary{padding:1rem;background:linear-gradient(135deg,#00f5ff0d,#b084ff0d);border:1px solid rgba(0,245,255,.25);border-radius:var(--border-radius)}.cart-drawer-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:1.1rem;font-weight:900}.cart-drawer-summary-row span:first-child{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.total-price{font-size:1.2rem;text-shadow:0 0 20px rgba(0,245,255,.4)}.cart-drawer-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto}.btn-block{width:100%;justify-content:center}@media(max-width:768px){.cart-drawer{width:100vw;max-width:100vw}.cart-drawer-product{flex-direction:column;align-items:center;text-align:center}.cart-drawer-product-image{width:150px;height:150px}}.product-card{background:var(--color-bg-card);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition);border:2px solid transparent;display:flex;flex-direction:column;animation:fadeIn .5s ease-out}.product-card:hover{transform:translateY(-8px);border-color:var(--color-cyan-primary);box-shadow:var(--glow-cyan)}.product-image-container{position:relative;width:100%;padding-top:100%;overflow:hidden;background:var(--color-bg-secondary)}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:var(--transition)}.product-card:hover .product-image{transform:scale(1.1)}.discount-badge,.new-badge,.preorder-badge{position:absolute;top:10px;right:10px;padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:700;z-index:1;text-transform:uppercase;letter-spacing:1px}.discount-badge{background:linear-gradient(135deg,var(--color-error),var(--color-warning));color:#fff;box-shadow:0 2px 10px #ff005580}.new-badge{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-bg-primary);box-shadow:var(--glow-cyan);top:50px}.preorder-badge{background:linear-gradient(135deg,var(--color-lavanda-primary),var(--color-cyan-primary));color:#fff;box-shadow:var(--glow-lavanda);left:10px;right:auto;animation:pulse 2s ease-in-out infinite}.product-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1.5rem;transform:translateY(100%);transition:var(--transition);display:flex;align-items:center;justify-content:center}@media(hover:none){.product-overlay{transform:translateY(0)!important;background:linear-gradient(to top,#000000e6,#0006)}}.product-card:hover .product-overlay{transform:translateY(0)}.quick-add-btn{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-bg-primary);border:none;padding:.8rem 1.5rem;border-radius:var(--border-radius-sm);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:var(--transition);text-transform:uppercase;font-size:.85rem;letter-spacing:1px}.quick-add-btn:hover{transform:scale(1.05);box-shadow:var(--glow-lavanda)}.product-info{padding:1.2rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.product-category{color:var(--color-lavanda-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.product-name{font-size:1rem;color:var(--color-text-primary);line-height:1.4;min-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.product-rating{display:flex;align-items:center;gap:.3rem}.rating-count{color:var(--color-text-muted);font-size:.8rem;margin-left:.3rem}.product-price-container{display:flex;align-items:center;gap:.8rem;margin-top:auto}.product-price{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-price-old{font-size:1rem;color:var(--color-text-muted);text-decoration:line-through}.product-stock{font-size:.8rem;font-weight:600;padding:.3rem .8rem;border-radius:var(--border-radius-sm);text-align:center;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:.3rem}.in-stock{background:#00ff881a;color:var(--color-success);border:1px solid var(--color-success)}.out-of-stock{background:#ff00551a;color:var(--color-error);border:1px solid var(--color-error)}.preorder{background:#b084ff1a;color:var(--color-lavanda-primary);border:1px solid var(--color-lavanda-primary);font-size:.75rem}@media(max-width:768px){.product-card:hover{transform:translateY(-4px)}.product-overlay{transform:translateY(0)!important;background:linear-gradient(to top,#000000d9,#0000004d)}.product-info{padding:1rem;gap:.5rem}.product-name{font-size:.9rem;min-height:2.5rem}.product-price{font-size:1.25rem}.product-price-old{font-size:.9rem}.quick-add-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;padding:.7rem 1.2rem;font-size:.8rem}.discount-badge,.new-badge,.preorder-badge{font-size:.7rem;padding:.35rem .7rem}}@media(max-width:480px){.product-overlay{transform:translateY(0)!important;background:linear-gradient(to top,#000000e6,#0006);padding:1rem}.product-info{padding:.75rem;gap:.4rem}.product-category{font-size:.7rem}.product-name{font-size:.85rem;min-height:2.3rem}.product-price{font-size:1.1rem}.product-price-old{font-size:.85rem}.product-stock{font-size:.7rem;padding:.25rem .6rem}.quick-add-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:.6rem .8rem;font-size:.75rem}.quick-add-btn span{display:none}.discount-badge,.new-badge,.preorder-badge{font-size:.65rem;padding:.3rem .6rem;top:8px;right:8px}.new-badge{top:38px}.preorder-badge{left:8px}}@media(max-width:360px){.product-overlay{transform:translateY(0)!important;background:linear-gradient(to top,#000000f2,#00000080);padding:.75rem}.quick-add-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:.5rem!important;font-size:.7rem!important}.product-info{padding:.5rem}.product-name{font-size:.8rem;min-height:2rem}.product-price{font-size:1rem}.discount-badge,.new-badge,.preorder-badge{font-size:.6rem;padding:.25rem .5rem}}.product-name{font-size:.95rem}.product-price{font-size:1.3rem}.home{min-height:100vh}.hero{background:var(--color-bg-primary);padding:5rem 0;position:relative;overflow:hidden}.hero-background-images{position:absolute;inset:0;display:flex;z-index:0}.hero-bg-image{flex:1;background-size:cover;background-position:center 30%;background-repeat:no-repeat;position:relative}.hero-bg-image:after{content:"";position:absolute;top:0;right:0;width:2px;height:100%;background:#00f5ff33}.hero-bg-image:last-child:after{display:none}.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0d111ceb,#0d111cd9 40%,#0d111cb3 60%,#0d111cd9);pointer-events:none;z-index:1}.hero-content{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.hero-title{font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem;font-weight:900}.hero-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin-bottom:2.5rem;line-height:1.6}.hero-actions{display:flex;gap:1.5rem;flex-wrap:wrap}.features{padding:4rem 0;background:var(--color-bg-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card{background:var(--color-bg-card);padding:2rem;border-radius:var(--border-radius);text-align:center;border:2px solid transparent;transition:var(--transition)}.feature-card:hover{border-color:var(--color-cyan-primary);transform:translateY(-5px);box-shadow:var(--glow-cyan)}.feature-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-bg-primary)}.feature-card h3{font-size:1.3rem;margin-bottom:.8rem;color:var(--color-text-primary)}.feature-card p{color:var(--color-text-secondary);line-height:1.6}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.5rem;margin-bottom:.8rem;text-shadow:var(--glow-cyan)}.section-subtitle{font-size:1.1rem;color:var(--color-text-secondary)}.section-footer{text-align:center;margin-top:3rem}.featured-products{padding:5rem 0;background:var(--color-bg-secondary)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.products-loading{text-align:center;padding:3rem;color:var(--color-text-secondary);font-size:1.1rem}.console-platforms{padding:5rem 0;background:var(--color-bg-secondary)}.console-buttons{display:flex;gap:3rem;justify-content:center;align-items:center;flex-wrap:wrap;max-width:900px;margin:0 auto}.console-btn{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:280px;height:280px;background:var(--color-bg-card);border-radius:20px;border:3px solid transparent;transition:all .4s ease;cursor:pointer;text-decoration:none;overflow:hidden}.console-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#00f5ff1a,#b084ff1a);opacity:0;transition:opacity .4s ease}.console-btn:hover:before{opacity:1}.console-ps{border-color:#0070dc4d}.console-ps:hover{border-color:#0070dc;box-shadow:0 10px 40px #0070dc66;transform:translateY(-10px)}.console-xbox{border-color:#107c104d}.console-xbox:hover{border-color:#107c10;box-shadow:0 10px 40px #107c1066;transform:translateY(-10px)}.console-icon{font-size:5rem;margin-bottom:1rem;filter:grayscale(.3);transition:all .3s ease}.console-btn:hover .console-icon{filter:grayscale(0);transform:scale(1.1)}.console-name{font-size:2rem;font-weight:700;color:var(--color-text-primary);margin-bottom:.5rem;position:relative;z-index:1}.console-tag{font-size:.9rem;color:var(--color-text-secondary);padding:.4rem 1rem;background:#00f5ff1a;border-radius:20px;position:relative;z-index:1}.categories{padding:5rem 0;background:var(--color-bg-primary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.category-card{position:relative;height:300px;border-radius:var(--border-radius);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition);background:var(--color-bg-card);display:flex;align-items:center;justify-content:center}.category-card:hover{transform:translateY(-8px);border-color:var(--color-cyan-primary);box-shadow:var(--glow-cyan)}.category-card img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}.category-card:hover img{transform:scale(1.1)}.category-icon-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-cyan-primary);opacity:.15;transition:var(--transition);z-index:0}.category-card:hover .category-icon-bg{opacity:.25;transform:translate(-50%,-50%) scale(1.1);color:var(--color-lavanda-primary)}.category-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);z-index:1}.category-content{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:2}.category-content h3{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.category-content p{color:var(--color-text-secondary)}.category-coming-soon{position:relative;opacity:.85}.category-coming-soon:hover{opacity:1}.coming-soon-badge{display:inline-block;margin-top:.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:#fff;border-radius:20px;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #00f5ff66}.newsletter{padding:5rem 0;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-card));position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,245,255,.05),transparent 60%),radial-gradient(circle at 70% 50%,rgba(176,132,255,.05),transparent 60%)}.newsletter-content{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:1}.newsletter-content h2{font-size:2rem;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.newsletter-content p{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.1rem}.newsletter-form{display:flex;gap:1rem;max-width:500px;margin:0 auto}.newsletter-form input{flex:1;padding:1rem 1.5rem;background:var(--color-bg-card);border:2px solid transparent;border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:1rem;transition:var(--transition)}.newsletter-form input:focus{outline:none;border-color:var(--color-cyan-primary);box-shadow:var(--glow-cyan)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;gap:3rem}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-actions{justify-content:center}.hero-games-grid{max-width:500px;margin:0 auto}}@media(max-width:768px){.hero{padding:3rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-games-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.hero-game-discount{font-size:.75rem;padding:.3rem .6rem}.section-title{font-size:2rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.categories-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.console-buttons{gap:2rem}.console-btn{width:240px;height:240px}.console-icon{font-size:4rem}.console-name{font-size:1.6rem}}@media(max-width:480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}.hero-game-card{aspect-ratio:2/3}.console-buttons{flex-direction:column;gap:1.5rem}.console-btn{width:100%;max-width:300px;height:220px}.console-icon{font-size:3.5rem}.console-name{font-size:1.5rem}}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:3rem 1rem;background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary));position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(0,245,255,.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(176,132,255,.15),transparent 50%);pointer-events:none;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.auth-container{max-width:480px;width:100%;position:relative;z-index:1}.auth-card{background:var(--color-bg-card);padding:2.5rem;border-radius:var(--border-radius);border:2px solid rgba(0,245,255,.1);transition:var(--transition);animation:fadeIn .5s ease-out;box-shadow:0 8px 32px #0000004d}.auth-card:hover{border-color:#00f5ff4d;box-shadow:0 12px 48px #00f5ff33}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2rem;margin-bottom:.5rem;text-shadow:var(--glow-cyan);letter-spacing:1px}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem;margin-top:.5rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon svg{position:absolute;left:1.2rem;color:var(--color-text-muted);pointer-events:none;z-index:1;flex-shrink:0}.input-with-icon input{width:100%;padding:.9rem 1rem .9rem 3.5rem;background:var(--color-bg-secondary);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:.95rem;transition:var(--transition)}.input-with-icon input:focus{outline:none;border-color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1a}.input-with-icon input::placeholder{color:var(--color-text-muted)}.toggle-password{position:absolute;right:1rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:2}.toggle-password:hover{color:var(--color-cyan-primary)}.toggle-password:disabled{opacity:.5;cursor:not-allowed}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.9rem 1rem;background:var(--color-bg-secondary);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);color:var(--color-text-primary);font-size:.95rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1a}.form-group input::placeholder{color:var(--color-text-muted)}.password-input{position:relative;display:flex;align-items:center}.password-input input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:1rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-group label{color:var(--color-text-secondary);font-size:.9rem;cursor:pointer}.link{color:var(--color-cyan-primary);font-size:.9rem;transition:var(--transition)}.link:hover{color:var(--color-lavanda-primary);text-shadow:var(--glow-cyan)}.btn-block{width:100%;margin-top:1rem}.auth-footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,245,255,.1)}.auth-footer p{color:var(--color-text-secondary);font-size:.9rem}.auth-image{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:3rem;background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;position:relative;animation:fadeIn .7s ease-out}.auth-glow{position:absolute;width:300px;height:300px;background:radial-gradient(circle,rgba(176,132,255,.3),transparent 70%);filter:blur(60px);animation:pulse 4s ease-in-out infinite}.auth-image h2{font-size:2rem;margin-bottom:1rem;text-shadow:var(--glow-lavanda);position:relative;z-index:1}.auth-image p{color:var(--color-text-secondary);line-height:1.6;font-size:1.1rem;position:relative;z-index:1}.alert{padding:1rem 1.2rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;font-size:.95rem}.alert-error{background:#ff00551a;border:1px solid var(--color-error);color:var(--color-error)}.alert-success{background:#00ff881a;border:1px solid var(--color-success);color:var(--color-success)}@media(max-width:768px){.auth-page{padding:2rem 1rem}.auth-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.auth-subtitle{font-size:.85rem}.form-group label{font-size:.8rem}.input-with-icon input{padding:.85rem 1rem .85rem 2.75rem;font-size:.9rem}.input-with-icon svg{left:.85rem}.btn-block,.auth-submit{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:1rem!important;font-size:.95rem!important}}@media(max-width:480px){.auth-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.5rem}.form-group{gap:1rem}.btn-block,.auth-submit{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:.9rem!important;font-size:.9rem!important}}.auth-submit{width:100%;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:var(--transition)}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{background:#ff00551a;border:1px solid rgba(255,0,85,.3);color:var(--color-error);padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;text-align:center;font-size:.9rem;animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.auth-link{color:var(--color-cyan-primary);font-weight:600;transition:var(--transition)}.auth-link:hover{color:var(--color-lavanda-primary);text-shadow:var(--glow-cyan)}.profile-page{min-height:100vh;padding:2rem 0}.profile-header{text-align:center;margin-bottom:3rem}.profile-header h1{font-size:2.5rem;margin-bottom:.5rem}.profile-subtitle{color:var(--color-text-muted);font-size:1rem}.profile-not-logged{text-align:center;padding:4rem 2rem;background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid rgba(0,245,255,.2);max-width:500px;margin:0 auto}.profile-not-logged h2{margin:1rem 0 .5rem;color:var(--color-text-primary)}.profile-not-logged p{color:var(--color-text-muted);margin-bottom:2rem}.profile-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;max-width:1200px;margin:0 auto}.profile-main{display:flex;flex-direction:column;gap:2rem}.profile-card{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid rgba(0,245,255,.2);padding:2rem}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,245,255,.2)}.profile-card-header h2{font-size:1.5rem;color:var(--color-text-primary)}.btn-icon{background:transparent;border:1px solid rgba(0,245,255,.3);color:var(--color-cyan-primary);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#00f5ff1a;border-color:var(--color-cyan-primary);transform:scale(1.05)}.profile-message{padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem;font-size:.95rem}.profile-message.success{background:#00ff641a;border:1px solid rgba(0,255,100,.3);color:#00ff64}.profile-message.error{background:#ff3c3c1a;border:1px solid rgba(255,60,60,.3);color:#ff3c3c}.profile-form{display:flex;flex-direction:column;gap:1.5rem}.profile-field{display:flex;flex-direction:column;gap:.5rem}.profile-field label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-weight:500;font-size:.9rem}.profile-field input{background:var(--color-bg-primary);border:1px solid rgba(0,245,255,.3);border-radius:var(--border-radius-sm);padding:.8rem 1rem;color:var(--color-text-primary);font-size:1rem;transition:var(--transition)}.profile-field input:focus{outline:none;border-color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1a}.profile-field input:disabled{opacity:.5;cursor:not-allowed}.profile-value{background:var(--color-bg-primary);border:1px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);padding:.8rem 1rem;color:var(--color-text-primary);font-size:1rem}.role-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:linear-gradient(135deg,#ff3c3c,#ff7b00);color:#fff;box-shadow:0 0 20px #ff3c3c4d}.role-badge.role-user{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}.profile-actions{display:flex;gap:1rem;margin-top:1rem}.profile-actions button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-card{background:var(--color-bg-card);border-radius:var(--border-radius);border:1px solid rgba(0,245,255,.2);padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-card svg{color:var(--color-cyan-primary);flex-shrink:0}.stat-info{flex:1}.stat-label{font-size:.85rem;color:var(--color-text-muted);margin-bottom:.25rem}.stat-value{font-size:1.8rem;font-weight:700;color:var(--color-text-primary)}.btn-full{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.8rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;display:flex;align-items:center;transition:var(--transition)}.password-toggle:hover{color:var(--color-cyan-primary)}.password-placeholder{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 2rem;text-align:center;color:var(--color-text-muted)}@media(max-width:768px){.profile-grid{grid-template-columns:1fr}.profile-header h1{font-size:2rem}.profile-actions{flex-direction:column}}.cart-page{padding:3rem 0;min-height:calc(100vh - 200px);background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.cart-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:2rem}.cart-header h1{font-size:2.2rem;text-shadow:var(--glow-cyan)}.cart-back{color:var(--color-text-secondary);display:inline-flex;align-items:center;gap:.5rem}.cart-back:hover{color:var(--color-cyan-primary);text-shadow:var(--glow-cyan)}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:2rem;align-items:start}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{display:grid;grid-template-columns:120px 1fr;gap:1rem;padding:1rem;background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;transition:var(--transition)}.cart-item:hover{border-color:#00f5ff59;box-shadow:0 0 0 1px #00f5ff26}.cart-item-image{width:120px;height:120px;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-bg-secondary)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{display:flex;flex-direction:column;gap:.75rem}.cart-item-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}.cart-item-category{color:var(--color-lavanda-primary);font-size:.75rem;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.cart-item-name{font-size:1rem;margin:.2rem 0 0;color:var(--color-text-primary)}.icon-danger{background:transparent;border:1px solid rgba(255,0,85,.4);color:var(--color-error);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center}.icon-danger:hover{background:#ff00551f}.cart-item-bottom{display:grid;grid-template-columns:1fr 160px 140px;gap:1rem;align-items:center}.cart-item-price{display:flex;align-items:baseline;gap:.75rem}.price-old{color:var(--color-text-muted);text-decoration:line-through}.price-now{font-size:1.2rem;font-weight:800;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.qty-control{display:grid;grid-template-columns:40px 1fr 40px;gap:.5rem;align-items:center;background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:.4rem;border:2px solid transparent}.qty-control:focus-within{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.qty-btn{background:transparent;border:none;color:var(--color-cyan-primary);cursor:pointer;height:34px;border-radius:var(--border-radius-sm);transition:var(--transition)}.qty-btn:hover{background:#00f5ff1f}.qty-input{width:100%;background:transparent;border:none;outline:none;text-align:center;color:var(--color-text-primary);font-weight:700}.cart-item-subtotal{text-align:right}.subtotal-label{font-size:.75rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.subtotal-value{font-weight:800;color:var(--color-text-primary)}.cart-summary{position:sticky;top:100px}.summary-card{background:var(--color-bg-card);border-radius:var(--border-radius);padding:1.5rem;border:2px solid transparent}.summary-card:hover{border-color:#b084ff4d;box-shadow:0 0 0 1px #b084ff1f}.summary-card h2{margin:0 0 1rem}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-top:1px solid rgba(0,245,255,.1);border-bottom:1px solid rgba(0,245,255,.1);margin-bottom:1rem}.summary-total{font-size:1.4rem;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.summary-note{margin-top:.8rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.cart-empty{background:var(--color-bg-card);border-radius:var(--border-radius);padding:3rem;text-align:center;border:2px solid transparent}.cart-empty p{color:var(--color-text-secondary);margin:1rem 0 2rem}@media(max-width:1024px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static;margin-top:2rem}}@media(max-width:768px){.cart-page{padding:2rem 0 5rem}.cart-item{grid-template-columns:90px 1fr;gap:1rem}.cart-item-image{width:90px;height:90px}.cart-item-bottom{grid-template-columns:1fr;align-items:start}.cart-item-subtotal{text-align:left}.summary-card{padding:1.25rem;margin-bottom:5rem}.summary-card .btn-primary{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:1rem!important;font-size:.95rem!important;border-radius:0!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;display:flex!important;width:100%!important}.summary-note{margin-bottom:0}}@media(max-width:480px){.cart-page{padding:1.5rem 0 5rem}.cart-header h1{font-size:1.75rem}.cart-item{grid-template-columns:80px 1fr;gap:.75rem;padding:1rem}.cart-item-image{width:80px;height:80px}.cart-item-name{font-size:.9rem}.quantity-input{padding:.4rem .6rem;font-size:.9rem}.summary-card{padding:1rem}.summary-total{font-size:1.2rem}.summary-card .btn-primary{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:.9rem!important;font-size:.9rem!important;border-radius:0!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;display:flex!important;width:100%!important}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--color-bg-card);border:2px solid rgba(0,245,255,.25);border-radius:var(--border-radius);padding:2rem;max-width:500px;width:90%;position:relative;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.5rem;border-radius:8px;transition:var(--transition)}.modal-close:hover{background:#ff00551a;color:var(--color-error)}.delete-modal{text-align:center}.delete-modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:#ff00551a;border:2px solid rgba(255,0,85,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-error)}.delete-modal-title{margin:0 0 1rem;font-size:1.5rem;color:var(--color-text-primary)}.delete-modal-text{color:var(--color-text-secondary);line-height:1.6;margin-bottom:2rem}.delete-modal-text strong{color:var(--color-cyan-primary)}.delete-modal-actions{display:flex;gap:1rem;justify-content:center}.btn-danger{background:linear-gradient(135deg,#f053,#ff00554d);border:2px solid rgba(255,0,85,.45);color:var(--color-error);display:inline-flex;align-items:center;gap:.5rem}.btn-danger:hover{background:linear-gradient(135deg,#ff00554d,#f056);border-color:var(--color-error);box-shadow:0 0 20px #f056}.products-page{padding:3rem 0;min-height:calc(100vh - 200px);background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.products-header{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.products-header h1{font-size:2.2rem;text-shadow:var(--glow-cyan)}.products-subtitle{color:var(--color-text-secondary);margin-top:.4rem}.products-quick-links{display:flex;gap:.6rem;flex-wrap:wrap}.chip{padding:.55rem .9rem;border-radius:999px;background:var(--color-bg-card);border:1px solid rgba(0,245,255,.25);color:var(--color-text-secondary);transition:var(--transition);font-weight:700;text-transform:uppercase;letter-spacing:.6px;font-size:.8rem}.chip:hover{border-color:var(--color-cyan-primary);color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1f}.chip.active{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));border-color:transparent;color:var(--color-bg-primary);box-shadow:0 0 20px #00f5ff66}.products-alert{background:#b084ff14;border:1px solid rgba(176,132,255,.35);color:var(--color-text-secondary);padding:.9rem 1rem;border-radius:var(--border-radius-sm);margin-bottom:1.5rem}.products-loading{padding:3rem 0;color:var(--color-text-secondary)}.products-empty{background:var(--color-bg-card);border-radius:var(--border-radius);padding:3rem;border:2px solid transparent}.products-empty h2{margin:0 0 .5rem}.products-empty p{color:var(--color-text-secondary);margin-bottom:1.5rem}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}@media(max-width:1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem}}@media(max-width:768px){.products-page{padding:2rem 0}.products-header{flex-direction:column;align-items:flex-start;gap:1.5rem}.products-header h1{font-size:1.75rem}.products-quick-links{width:100%;justify-content:flex-start}.chip{font-size:.75rem;padding:.5rem .8rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.products-empty{padding:2rem 1.5rem}}@media(max-width:480px){.products-page{padding:1.5rem 0}.products-header h1{font-size:1.5rem}.products-subtitle{font-size:.9rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.chip{font-size:.7rem;padding:.4rem .7rem}.products-empty{padding:1.5rem 1rem}.products-empty h2{font-size:1.25rem}}.product-detail-page{padding:3rem 0;min-height:calc(100vh - 200px);background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.pd-topbar{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.pd-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.pd-back:hover{color:var(--color-cyan-primary);text-shadow:var(--glow-cyan)}.pd-alert{background:#b084ff14;border:1px solid rgba(176,132,255,.35);color:var(--color-text-secondary);padding:.9rem 1rem;border-radius:var(--border-radius-sm);margin:1rem 0}.pd-layout{display:grid;grid-template-columns:460px 1fr 420px;gap:1.5rem;align-items:start}.pd-main,.pd-buy-card{background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;padding:1.5rem}.pd-main:hover,.pd-buy-card:hover{border-color:#00f5ff38}.pd-cover .pd-image{background:var(--color-bg-card);border:2px solid transparent}.pd-cover .pd-image:hover{border-color:#00f5ff38}.pd-image-cover{min-height:520px}.pd-breadcrumbs{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--color-text-muted);font-size:.9rem}.pd-breadcrumbs a{color:var(--color-text-secondary)}.pd-breadcrumbs a:hover{color:var(--color-cyan-primary)}.pd-bc-current{color:var(--color-text-primary);max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pd-media{display:flex;flex-direction:column;gap:.9rem}.pd-image{background:var(--color-bg-secondary);border-radius:var(--border-radius);overflow:hidden;min-height:360px;position:relative}.pd-image img{width:100%;height:100%;object-fit:cover;display:block}.pd-badge{position:absolute;top:12px;left:12px;padding:.4rem .75rem;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;z-index:2}.pd-badge-new{background:#00f5ff29;border:1px solid rgba(0,245,255,.45);color:var(--color-cyan-primary)}.pd-badge-discount{left:auto;right:12px;background:#ff005524;border:1px solid rgba(255,0,85,.45);color:var(--color-error)}.pd-thumbs-row{margin-top:1rem;display:flex;align-items:center;gap:.6rem;justify-content:center}.pd-thumbs-window{flex:0 1 auto;overflow:hidden}.pd-thumbs{display:flex;gap:.6rem}.pd-thumb{width:84px;height:84px;padding:0;border-radius:14px;overflow:hidden;border:2px solid transparent;background:var(--color-bg-secondary);cursor:pointer;transition:var(--transition);flex-shrink:0}.pd-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pd-thumb:hover{border-color:#00f5ff59}.pd-thumb.active{border-color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1f}.pd-category{color:var(--color-lavanda-primary);font-weight:800;text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.pd-title{margin:.6rem 0 0;font-size:2rem;line-height:1.2}.pd-tabs{margin-top:1.1rem;display:flex;gap:1rem;border-bottom:1px solid rgba(0,245,255,.14)}.pd-tab{padding:.75rem 0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-weight:900;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;position:relative}.pd-tab:hover,.pd-tab.active{color:var(--color-cyan-primary)}.pd-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--color-cyan-primary),var(--color-lavanda-primary));box-shadow:var(--glow-cyan)}.pd-tabpanel{margin-top:1rem}.pd-bullets{margin:0;padding-left:1.1rem;color:var(--color-text-secondary);line-height:1.7}.pd-bullets li{margin:.45rem 0}.pd-price{display:flex;align-items:baseline;gap:.75rem;margin:1rem 0}.pd-price-buy{margin:0 0 .75rem}.pd-old{color:var(--color-text-muted);text-decoration:line-through}.pd-now{font-size:2rem;font-weight:900}.pd-discount{padding:.3rem .6rem;border-radius:999px;background:#ff00551f;border:1px solid rgba(255,0,85,.35);color:var(--color-error);font-weight:900}.pd-stock{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;font-weight:900;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem}.pd-stock.in{background:#00ff881a;border:1px solid rgba(0,255,136,.35);color:var(--color-success)}.pd-stock.out{background:#ff00551a;border:1px solid rgba(255,0,85,.35);color:var(--color-error)}.pd-stock.preorder{background:#b084ff1a;border:1px solid rgba(176,132,255,.35);color:var(--color-lavanda-primary);text-transform:none;font-weight:700;font-size:.8rem;padding:.5rem .9rem}.pd-desc{color:var(--color-text-secondary);line-height:1.7}.pd-buy{position:sticky;top:92px}.pd-field{margin-top:.9rem}.pd-buy-card .pd-field:first-of-type{margin-top:.6rem}.pd-field-label{color:var(--color-text-muted);font-weight:900;text-transform:uppercase;letter-spacing:.7px;font-size:.75rem;margin-bottom:.45rem}.pd-field select{width:100%;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:.85rem .95rem;color:var(--color-text-primary);outline:none;transition:var(--transition)}.pd-field select:focus{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.pd-buy-row{margin-top:.9rem}.pd-buy-actions{margin-top:1rem;display:grid;gap:.75rem}.pd-buy-primary,.pd-buy-secondary{width:100%;justify-content:center}.pd-pay-methods{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.12)}.pd-pay-pills{display:flex;gap:.5rem;flex-wrap:wrap}.pd-pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .55rem;border-radius:999px;background:#b084ff14;border:1px solid rgba(176,132,255,.18);color:var(--color-text-secondary);font-weight:900;font-size:.75rem;letter-spacing:.4px;text-transform:uppercase}.pd-qty-label{color:var(--color-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.8px;font-size:.75rem;margin-bottom:.4rem}.pd-qty-control{display:grid;grid-template-columns:44px 1fr 44px;gap:.6rem;align-items:center;background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:.45rem;border:2px solid transparent}.pd-qty-control:focus-within{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.pd-qty-btn{background:transparent;border:none;color:var(--color-cyan-primary);cursor:pointer;height:38px;border-radius:12px;transition:var(--transition)}.pd-qty-btn:hover{background:#00f5ff1f}.pd-qty-input{width:100%;background:transparent;border:none;outline:none;text-align:center;color:var(--color-text-primary);font-weight:900}.pd-cta{display:flex;gap:1rem;flex-wrap:wrap}.pd-trust{margin-top:1.2rem;display:flex;gap:1rem;flex-wrap:wrap}.pd-trust-combo{margin-top:1rem;background:#00f5ff0f;border:1px solid rgba(0,245,255,.18);border-radius:var(--border-radius);padding:.75rem .85rem;display:grid;gap:.55rem}.pd-trust-combo-item{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-text-secondary);font-weight:900;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem}.pd-trust-item{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);background:#00f5ff0f;border:1px solid rgba(0,245,255,.18);padding:.6rem .8rem;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem}.pd-specs{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid rgba(0,245,255,.1)}.pd-specs-title{margin:0 0 .8rem}.pd-specs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.pd-spec{background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:.9rem;border:1px solid rgba(176,132,255,.12)}.pd-spec-k{color:var(--color-text-muted);font-weight:900;text-transform:uppercase;letter-spacing:.7px;font-size:.75rem;margin-bottom:.25rem}.pd-spec-v{color:var(--color-text-primary);font-weight:700}.pd-note{margin-top:1.2rem;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.pd-section{margin-top:2rem}.pd-section-title{margin:0 0 1rem;font-size:1.4rem}.pd-visuals-row{display:flex;align-items:stretch;gap:.75rem}.pd-visuals-window{flex:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pd-visual{border:none;padding:0;background:var(--color-bg-card);border-radius:var(--border-radius);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:var(--transition)}.pd-visual:hover{border-color:#00f5ff40;transform:translateY(-1px)}.pd-visual img{width:100%;height:210px;object-fit:cover;display:block}.pd-carousel-arrow{width:42px;min-width:42px;border-radius:999px;border:1px solid rgba(0,245,255,.3);background:radial-gradient(circle at 0 0,rgba(0,245,255,.35),transparent 55%),radial-gradient(circle at 100% 100%,rgba(176,132,255,.35),transparent 55%),#0a0f28d9;color:var(--color-text-primary);display:inline-flex;align-items:center;justify-content:center;padding:.35rem;cursor:pointer;transition:var(--transition)}.pd-carousel-arrow-small{width:32px;min-width:32px;height:32px}.pd-carousel-arrow:hover:not(:disabled){box-shadow:0 0 18px #00f5ff73;border-color:#00f5ffa6;transform:translateY(-1px)}.pd-carousel-arrow:disabled{opacity:.35;cursor:default}.pd-faq{display:grid;gap:1.25rem}.pd-faq-item{background:#0000001f;border:1px solid rgba(176,132,255,.16);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.pd-faq-item+.pd-faq-item{margin-top:.15rem}.pd-faq-item:hover{border-color:#b084ff47}.pd-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:transparent;border:none;color:var(--color-text-primary);padding:1.45rem 1.35rem;font-weight:950;text-transform:uppercase;letter-spacing:.7px;cursor:pointer}.pd-faq-q:focus-visible{outline:2px solid rgba(176,132,255,.45);outline-offset:-2px}.pd-faq-q:focus-visible{box-shadow:none}.pd-faq-q svg{color:var(--color-lavanda-primary);transition:var(--transition)}.pd-faq-item.open .pd-faq-q svg{transform:rotate(180deg)}.pd-faq-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .24s ease,border-top-color .24s ease;overflow:hidden;border-top:1px solid transparent}.pd-faq-item.open .pd-faq-panel{grid-template-rows:1fr;border-top-color:#b084ff24}.pd-faq-panel>.pd-faq-a{min-height:0;overflow:hidden}.pd-faq-a{color:var(--color-text-secondary);padding:0;line-height:1.6;transition:padding .24s ease}.pd-faq-item.open .pd-faq-a{padding:.8rem 1.35rem 1.45rem}.product-notfound{background:var(--color-bg-card);border-radius:var(--border-radius);padding:3rem;text-align:center}@media(max-width:1024px){.pd-layout{grid-template-columns:1fr}.pd-buy{position:static}.pd-image{min-height:260px}.pd-image-cover{min-height:320px}.pd-visuals,.pd-specs-grid{grid-template-columns:1fr}}@media(max-width:768px){.pd-buy-primary,.pd-buy-secondary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:1rem!important;font-size:.95rem!important}.pd-buy-actions{display:grid!important;gap:.75rem!important}}@media(max-width:480px){.pd-buy-primary,.pd-buy-secondary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;padding:.9rem!important;font-size:.9rem!important}.pd-buy-actions{display:grid!important;gap:.6rem!important}}.checkout-page{padding:3rem 0;min-height:calc(100vh - 200px);background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.checkout-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.checkout-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary)}.checkout-back:hover{color:var(--color-cyan-primary)}.checkout-secure{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);background:#00f5ff0f;border:1px solid rgba(0,245,255,.18);padding:.55rem .85rem;border-radius:999px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:.75rem}.checkout-grid{display:grid;grid-template-columns:1fr 420px;gap:1.5rem;align-items:start}.checkout-card,.checkout-summary{background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;padding:1.5rem}.checkout-title{margin:0 0 1rem}.payment-method-selector{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.payment-method-btn{background:var(--color-bg-secondary);border:2px solid rgba(0,245,255,.15);color:var(--color-text-secondary);padding:.85rem 1rem;border-radius:var(--border-radius-sm);font-weight:700;font-size:.9rem;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.payment-method-btn:hover{border-color:#00f5ff59;background:#00f5ff0d}.payment-method-btn.active{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-magenta-primary));border-color:transparent;color:var(--color-text-primary);font-weight:800}.paypal-container{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#00f5ff08,#ff00ff08);border:2px solid rgba(0,245,255,.15);border-radius:var(--border-radius);min-height:200px}.checkout-section{margin-bottom:2rem;padding:1.5rem;background:#00f5ff08;border:1px solid rgba(0,245,255,.1);border-radius:var(--border-radius)}.section-title{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;font-weight:700;color:var(--color-text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.5px}.checkout-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checkout-form{display:grid;gap:1rem}.checkout-field label{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-muted);font-weight:900;text-transform:uppercase;letter-spacing:.7px;font-size:.75rem;margin-bottom:.45rem}.checkout-field input{width:100%;background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:.85rem .95rem;color:var(--color-text-primary);outline:none;transition:var(--transition)}.checkout-coupon-row{display:flex;gap:.75rem}.checkout-coupon-row input{flex:1}.checkout-coupon-message{margin-top:.5rem;font-size:.85rem;color:var(--color-text-muted)}.checkout-field input:focus{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.checkout-field select{width:100%;background:var(--color-bg-secondary);border:2px solid rgba(176,132,255,.2);border-radius:var(--border-radius-sm);padding:.85rem .95rem;color:var(--color-text-primary);outline:none;transition:var(--transition);cursor:pointer}.checkout-field select:focus{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.checkout-field select:disabled{opacity:.5;cursor:not-allowed}.checkout-field input:disabled{opacity:.6;cursor:not-allowed}.checkout-textarea{width:100%;background:var(--color-bg-secondary);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);padding:.75rem;color:var(--color-text-primary);font-family:inherit;font-size:.95rem;resize:vertical;min-height:80px;transition:var(--transition)}.checkout-textarea:focus{outline:none;border-color:var(--color-cyan-primary);background:var(--color-bg-primary)}.checkout-textarea::placeholder{color:var(--color-text-muted)}.payment-description{color:var(--color-text-secondary);font-size:.9rem;margin:0;padding:.5rem 0}.payment-buttons{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.payment-button-wrapper{background:linear-gradient(135deg,#00f5ff08,#ff00ff08);border:2px solid rgba(0,245,255,.15);border-radius:var(--border-radius);padding:1.25rem;transition:var(--transition)}.payment-button-wrapper:hover{border-color:#00f5ff59;background:linear-gradient(135deg,#00f5ff0d,#ff00ff0d)}.payment-label{display:flex;align-items:center;gap:.5rem;color:var(--color-text-primary);font-weight:700;font-size:.95rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}#card-button,#paypal-button{min-height:48px}#card-button iframe,#paypal-button iframe{border-radius:var(--border-radius-sm)!important}.zoid-outlet,.zoid-visible{background:#fffffffa!important}.paypal-checkout-sandbox,.paypal-checkout-live{background:#fff!important}.zoid-component-frame,.zoid-visible>.zoid-component-frame{background:#fff!important}body .zoid-outlet label,body .zoid-outlet input,body .zoid-outlet span,body .zoid-outlet p,body .zoid-outlet div{color:#2c2e2f!important;background:transparent!important}body .zoid-outlet input[type=checkbox]+label,body .zoid-outlet input[type=checkbox]~span{color:#2c2e2f!important;font-weight:500!important}.checkout-field input:disabled{opacity:.7;cursor:not-allowed;background:#b084ff0d}.field-helper{background:linear-gradient(135deg,#00f5ff14,#ff00ff14);border:1px solid rgba(0,245,255,.2);border-radius:var(--border-radius-sm);padding:.65rem .85rem;margin-bottom:.5rem;font-size:.85rem;color:var(--color-cyan-primary);line-height:1.4;display:flex;align-items:center;gap:.5rem}.checkout-ship-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.checkout-card-element{background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--border-radius-sm);padding:.95rem}.checkout-card-element:focus-within{border-color:#00f5ff59;box-shadow:0 0 0 3px #00f5ff1f}.checkout-error{background:#ff00551f;border:1px solid rgba(255,0,85,.35);color:var(--color-error);padding:.85rem .95rem;border-radius:var(--border-radius-sm)}.paypal-buttons-container{margin-top:1.5rem;padding:1.5rem;background:#ffffff05;border:1px solid rgba(0,245,255,.1);border-radius:var(--border-radius)}.form-validation-warning{background:#ffc1071a;border:1px solid rgba(255,193,7,.3);color:#ffc107;padding:.8rem 1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem;font-size:.9rem;text-align:center}.checkout-pay{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,#00f5ff,#f0f);border:none;color:#fff;font-weight:800;font-size:1rem;padding:1rem 1.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;margin-top:1rem}.checkout-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #00f5ff4d}.checkout-pay:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.payment-buttons{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:1rem!important;background:var(--color-bg-card)!important;border-top:2px solid rgba(0,245,255,.3)!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;gap:.75rem!important}.payment-button-wrapper{padding:.85rem!important}.payment-label{font-size:.85rem!important;margin-bottom:.5rem!important}.checkout-card{padding-bottom:250px!important}.checkout-pay{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:1.2rem 1rem!important;font-size:.95rem!important;border-radius:0!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;display:flex!important;width:100%!important;transform:none!important}.checkout-pay:hover:not(:disabled){transform:none}}@media(max-width:480px){.payment-buttons{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:.75rem!important;background:var(--color-bg-card)!important;border-top:2px solid rgba(0,245,255,.3)!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;gap:.5rem!important}.payment-button-wrapper{padding:.75rem!important}.payment-label{font-size:.8rem!important;margin-bottom:.4rem!important}.checkout-card{padding-bottom:250px!important}.checkout-pay{position:fixed!important;bottom:0!important;left:0!important;right:0!important;margin:0!important;padding:1rem .75rem!important;font-size:.85rem!important;border-radius:0!important;z-index:9999!important;box-shadow:0 -4px 20px #00f5ff66!important;display:flex!important;width:100%!important;transform:none!important}}.checkout-hint{color:var(--color-text-muted);font-size:.9rem}.checkout-summary h2{margin:0 0 1rem}.checkout-items{display:grid;gap:.75rem}.checkout-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-bg-secondary);border-radius:var(--border-radius-sm);padding:.75rem;border:1px solid rgba(176,132,255,.12)}.checkout-item-left{display:flex;align-items:center;gap:.75rem;min-width:0}.checkout-item-img{width:56px;height:56px;border-radius:14px;overflow:hidden;background:var(--color-bg-primary);flex:0 0 auto}.checkout-item-img img{width:100%;height:100%;object-fit:cover;display:block}.checkout-item-meta{min-width:0}.checkout-item-name{font-weight:900;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.checkout-item-sub{color:var(--color-text-muted);font-size:.9rem}.checkout-item-total{font-weight:900;color:var(--color-text-primary)}.checkout-totals{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(0,245,255,.1)}.checkout-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.95rem;color:var(--color-text-secondary)}.checkout-total-row.subtotal,.checkout-total-row.shipping{font-size:.9rem}.checkout-total-row.total{font-size:1.3rem;color:var(--color-text-primary);margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.1)}.checkout-total-row.discount span:last-child{color:var(--color-error)}.total-amount{background:linear-gradient(135deg,#00f5ff,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;font-size:1.5rem}.shipping-free{color:#0f8;font-weight:700}.payment-badges{display:flex;gap:.5rem;margin-top:1rem;justify-content:center}.payment-badges .badge{background:#00f5ff1a;border:1px solid rgba(0,245,255,.2);color:var(--color-text-secondary);padding:.4rem .8rem;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:700;text-transform:uppercase}.checkout-totals{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(0,245,255,.1)}.checkout-total-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--color-text-secondary)}.checkout-total-row strong{color:var(--color-text-primary);font-size:1.15rem}.checkout-empty{text-align:center;background:var(--color-bg-card);border-radius:var(--border-radius);border:2px solid transparent;padding:2rem}@media(max-width:1024px){.checkout-grid,.checkout-ship-grid{grid-template-columns:1fr}}.izipay-container{margin:1.5rem 0;padding:1.5rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius)}.izipay-container .kr-embedded{background:transparent!important}.izipay-container input{background:#ffffff0d!important;border:1px solid var(--color-border)!important;color:var(--color-text)!important;border-radius:var(--radius-sm)!important;padding:.75rem!important}.izipay-container input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #00e5ff1a!important}.izipay-container button{background:var(--gradient-primary)!important;color:var(--color-dark)!important;border:none!important;border-radius:var(--radius)!important;padding:1rem!important;font-weight:600!important;cursor:pointer!important;transition:var(--transition)!important}.izipay-container button:hover{transform:translateY(-2px)!important;box-shadow:var(--shadow-glow)!important}.payment-security{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:#48bb781a;border:1px solid var(--color-success);border-radius:var(--radius-sm);color:var(--color-success);font-size:.9rem;font-weight:500}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-block{width:100%}.security-badges{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.security-badges .badge{display:flex;align-items:center;gap:.65rem;padding:.5rem 1rem;background:#00e5ff1a;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-muted)}.security-badges .badge svg{width:18px;height:18px;flex-shrink:0}@media(max-width:768px){.form-row{grid-template-columns:1fr}.security-badges{flex-direction:column;gap:.5rem}}.summary-item{display:flex;gap:.75rem;align-items:center;padding:.75rem;background:#00f5ff08;border:1px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);transition:var(--transition)}.summary-item:hover{background:#00f5ff0f;border-color:#00f5ff33}.summary-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--color-bg-secondary);flex-shrink:0}.summary-item-image img{width:100%;height:100%;object-fit:cover;display:block}.summary-item-details{flex:1;display:flex;flex-direction:column;gap:.35rem;min-width:0}.summary-item-info{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.summary-item-name{font-weight:700;color:var(--color-text-primary);font-size:.9rem;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-item-qty{color:var(--color-text-muted);font-size:.85rem;font-weight:600}.summary-item-price{color:var(--color-cyan-primary);font-weight:900;font-size:.95rem}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2300F5FF' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px;padding-right:2.5rem;cursor:pointer}select.input:disabled{opacity:.5;cursor:not-allowed;background-color:#ffffff05}select.input option{background:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem}.checkout-header{margin-bottom:2rem}.checkout-title{font-size:2.5rem;margin-bottom:1rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);text-decoration:none;transition:var(--transition);margin-bottom:1rem;font-weight:600}.btn-back:hover{color:var(--color-cyan-primary)}.checkout-form-section{flex:1}.form-section{background:var(--color-bg-card);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius);padding:1.5rem;margin-bottom:1.5rem}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:900;color:var(--color-text-primary);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid rgba(0,245,255,.15)}.section-title svg{color:var(--color-cyan-primary)}.form-group{margin-bottom:1rem}.label{display:block;color:var(--color-text-secondary);font-weight:700;font-size:.9rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.input,.textarea{width:100%;background:var(--color-bg-secondary);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius-sm);padding:.85rem 1rem;color:var(--color-text-primary);font-size:1rem;outline:none;transition:var(--transition)}.input:focus,.textarea:focus{border-color:var(--color-cyan-primary);box-shadow:0 0 0 3px #00f5ff1a}.textarea{resize:vertical;min-height:80px;font-family:inherit}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-dark);border:none;border-radius:var(--border-radius);padding:1rem 2rem;font-weight:900;font-size:1rem;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #00f5ff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.alert{padding:1rem;border-radius:var(--border-radius-sm);margin-bottom:1rem}.alert-error{background:#ff00551a;border:2px solid rgba(255,0,85,.3);color:#f05}.checkout-summary{position:sticky;top:2rem}.summary-card{background:var(--color-bg-card);border:2px solid rgba(176,132,255,.15);border-radius:var(--border-radius);padding:1.5rem}.summary-title{font-size:1.5rem;font-weight:900;color:var(--color-text-primary);margin-bottom:1.25rem}.summary-items{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.summary-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.3),transparent);margin:1rem 0}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;color:var(--color-text-secondary);font-size:.95rem}.text-success{color:#48bb78;font-weight:700}.summary-footer{margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid rgba(0,245,255,.1)}@media(max-width:1024px){.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static;margin-top:2rem}}@media(max-width:768px){.checkout-page{padding:2rem 0 5rem}.checkout-card{padding:1.5rem}.checkout-section{padding:1.25rem;margin-bottom:1.5rem}.section-title{font-size:1rem}.checkout-summary{margin-top:2rem;margin-bottom:5rem}}@media(max-width:480px){.checkout-page{padding:1.5rem 0 5rem}.checkout-card,.checkout-section{padding:1rem}.section-title{font-size:.9rem}}.success-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:3rem 0;background:var(--color-darker)}.success-card{max-width:600px;width:100%;background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:3rem;text-align:center;box-shadow:var(--shadow-lg)}.success-icon{margin-bottom:2rem;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.success-message{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:2rem}.success-order{background:#00e5ff0d;border:1px solid var(--color-border);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.success-order-box{background:linear-gradient(135deg,#00f5ff14,#ff00ff14);border:2px solid rgba(0,245,255,.3);border-radius:var(--border-radius);padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}.success-order-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-cyan-primary),var(--color-magenta-primary))}.order-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:1rem}.order-number-large{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.order-id{font-size:2rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(0,245,255,.5);letter-spacing:2px}.copy-btn{background:#00f5ff1a;border:1px solid rgba(0,245,255,.3);color:var(--color-cyan-primary);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.copy-btn:hover{background:#00f5ff33;transform:scale(1.1)}.order-number{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.order-text{color:var(--color-text-muted);font-size:.9rem}.success-info{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.info-item{display:flex;gap:1rem;align-items:flex-start;text-align:left;padding:1rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius)}.info-item h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.info-item p{font-size:.85rem;color:var(--color-text-muted)}.success-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.success-redirect{padding-top:1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}@media(max-width:768px){.success-card{padding:2rem}.success-title{font-size:2rem}.success-info{grid-template-columns:1fr}.success-actions{flex-direction:column}.success-actions .btn{width:100%}}.spinner{width:50px;height:50px;border:4px solid rgba(0,245,255,.2);border-top-color:var(--color-cyan-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.success-icon.loading{display:flex;justify-content:center;align-items:center}.success-icon.error{font-size:4rem}.my-orders-page{min-height:calc(100vh - 200px);padding:3rem 0;background:linear-gradient(135deg,var(--color-bg-primary),var(--color-bg-secondary))}.orders-header{text-align:center;margin-bottom:3rem}.orders-header h1{font-size:2.5rem;margin-bottom:.5rem}.orders-subtitle{color:var(--color-text-muted);font-size:1.1rem}.orders-list{display:flex;flex-direction:column;gap:1.5rem}.order-card{background:var(--color-bg-card);border:2px solid rgba(0,245,255,.1);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.order-card:hover{border-color:#00f5ff4d;box-shadow:0 8px 32px #00f5ff26}.order-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;gap:1rem}.order-info{flex:1;display:flex;flex-direction:column;gap:.75rem}.order-id-section{display:flex;align-items:center;gap:.5rem}.order-id{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-magenta-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.copy-btn-small{background:#00f5ff1a;border:1px solid rgba(0,245,255,.2);color:var(--color-cyan-primary);padding:.35rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center}.copy-btn-small:hover{background:#00f5ff33}.order-meta{display:flex;gap:1.5rem;flex-wrap:wrap}.order-customer{color:var(--color-text-primary);font-size:.95rem;padding-top:.5rem}.order-customer strong{color:var(--color-cyan-primary)}.order-date,.order-email{display:flex;align-items:center;gap:.5rem;color:var(--color-text-secondary);font-size:.9rem}.order-status-section{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.status-badge,.payment-badge{padding:.4rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-green{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.status-badge.status-yellow{background:#ffc80026;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.status-badge.status-blue{background:#0096ff26;color:#0096ff;border:1px solid rgba(0,150,255,.3)}.status-badge.status-red{background:#ff005526;color:#f05;border:1px solid rgba(255,0,85,.3)}.payment-badge.payment-green{background:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.3)}.payment-badge.payment-yellow{background:#ffc80026;color:#ffc800;border:1px solid rgba(255,200,0,.3)}.payment-badge.payment-red{background:#ff005526;color:#f05;border:1px solid rgba(255,0,85,.3)}.order-total{font-size:1.25rem;font-weight:800;color:var(--color-text-primary)}.expand-btn{background:#00f5ff1a;border:1px solid rgba(0,245,255,.2);color:var(--color-cyan-primary);padding:.5rem;border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);display:flex;align-items:center}.expand-btn:hover{background:#00f5ff33}.order-details{padding:1.5rem;border-top:2px solid rgba(0,245,255,.1);background:#0003;display:flex;flex-direction:column;gap:1.5rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.order-notice{display:flex;gap:1rem;align-items:flex-start;background:#00f5ff14;border:1px solid rgba(0,245,255,.3);border-radius:var(--border-radius);padding:1rem}.order-notice p{color:var(--color-text-secondary);line-height:1.6;margin:0}.order-items h3,.order-shipping h3{font-size:1.1rem;margin-bottom:1rem;color:var(--color-text-primary);font-weight:700}.order-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius-sm);margin-bottom:.75rem}.order-item:last-child{margin-bottom:0}.order-item-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--color-bg-secondary)}.order-item-image img{width:100%;height:100%;object-fit:cover}.order-item-info{flex:1}.order-item-info h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text-primary)}.item-quantity{color:var(--color-text-muted);font-size:.9rem}.order-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.item-unit-price{color:var(--color-text-muted);font-size:.85rem}.item-total-price{font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.order-shipping{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--border-radius);padding:1rem}.shipping-details p{color:var(--color-text-secondary);margin-bottom:.5rem;line-height:1.6}.shipping-details p:last-child{margin-bottom:0}.shipping-details strong{color:var(--color-text-primary)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;gap:1.5rem}.spinner{width:50px;height:50px;border:4px solid rgba(0,245,255,.1);border-top-color:var(--color-cyan-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state h2{color:var(--color-text-primary);font-size:1.5rem;margin:0}.empty-state p{color:var(--color-text-muted);margin:0}@media(max-width:768px){.order-header{flex-direction:column;align-items:flex-start}.order-status-section{width:100%;justify-content:space-between}.order-meta{flex-direction:column;gap:.5rem}.order-item{flex-direction:column;text-align:center}.order-item-image{width:100%;height:150px}.order-item-price{align-items:center}.orders-header h1{font-size:2rem}}.help-page{min-height:100vh;padding:var(--spacing-xl) 0;background:linear-gradient(180deg,#0d1117,#161b22,#0d1117)}.help-header{text-align:center;margin-bottom:var(--spacing-3xl);position:relative}.help-header:before{content:"";position:absolute;top:-100px;left:50%;transform:translate(-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.help-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:all .3s ease;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);position:relative;z-index:1}.help-back:hover{color:var(--color-primary);background:#6366f11a;transform:translate(-5px)}.help-header h1{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:var(--spacing-md);font-weight:800;letter-spacing:-.02em;position:relative;z-index:1;text-shadow:0 0 30px rgba(99,102,241,.3)}.help-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:700px;margin:0 auto;position:relative;z-index:1}.help-content{max-width:900px;margin:0 auto}.help-section{margin-bottom:var(--spacing-3xl);padding:var(--spacing-xl);background:linear-gradient(135deg,#161b2299,#1e242c99);border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.help-section:hover{border-color:#6366f14d;box-shadow:0 8px 32px #6366f11a}.help-section h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-lg);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.help-section h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:700;margin-top:var(--spacing-lg)}.help-section p{font-size:var(--font-size-md);line-height:1.8;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.help-section ul,.help-section ol{margin-left:var(--spacing-xl);margin-bottom:var(--spacing-lg)}.help-section li{font-size:var(--font-size-md);line-height:1.8;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);position:relative}.help-section li::marker{color:var(--color-primary)}.help-section li strong{color:var(--color-text);font-weight:600}.info-box{background:linear-gradient(135deg,#6366f126,#a855f726);border-left:4px solid var(--color-primary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin:var(--spacing-xl) 0;box-shadow:0 8px 32px #6366f11a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.2)}.info-box p{margin:0;color:var(--color-text);font-size:var(--font-size-md);line-height:1.8}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.faq-item{background:linear-gradient(135deg,#161b22cc,#1e242ccc);border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 8px 32px #6366f133;transform:translateY(-2px)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);cursor:pointer;text-align:left;transition:all .3s ease;letter-spacing:-.01em}.faq-question:hover{color:var(--color-primary);background:#6366f10d}.faq-question svg{transition:transform .3s ease;color:var(--color-primary);flex-shrink:0}.faq-item.open .faq-question{background:#6366f11a;color:var(--color-primary)}.faq-item.open .faq-question svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-item.open .faq-answer{max-height:800px}.faq-answer-content{padding:0 var(--spacing-xl) var(--spacing-xl);color:var(--color-text-muted);line-height:1.8;font-size:var(--font-size-md);border-top:1px solid rgba(99,102,241,.1);padding-top:var(--spacing-lg)}.table-wrapper{overflow-x:auto;margin:var(--spacing-xl) 0;border-radius:var(--radius-lg);box-shadow:0 8px 32px #0003}.help-table{width:100%;border-collapse:collapse;background:linear-gradient(135deg,#161b22cc,#1e242ccc);border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(99,102,241,.2)}.help-table th,.help-table td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid rgba(99,102,241,.1)}.help-table th{background:linear-gradient(135deg,#6366f133,#a855f733);font-weight:700;color:var(--color-text);text-transform:uppercase;font-size:var(--font-size-sm);letter-spacing:.05em}.help-table td{color:var(--color-text-muted)}.help-table tbody tr{transition:background .3s ease}.help-table tbody tr:hover{background:#6366f10d}.help-table tr:last-child td{border-bottom:none}.help-cta{text-align:center;padding:var(--spacing-3xl);background:linear-gradient(135deg,#6366f126,#a855f726);border-radius:var(--radius-lg);margin-top:var(--spacing-3xl);border:1px solid rgba(99,102,241,.3);box-shadow:0 8px 32px #6366f126;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.help-cta h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800}.help-cta p{font-size:var(--font-size-md);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.contact-info{display:flex;justify-content:center;gap:var(--spacing-xl);flex-wrap:wrap;margin-top:var(--spacing-lg)}.contact-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);background:#6366f11a;border-radius:var(--radius-md);transition:all .3s ease}.contact-item:hover{background:#6366f133;transform:translateY(-2px)}.contact-item svg{color:var(--color-primary)}@media(max-width:768px){.help-header h1{font-size:2rem}.help-section h2{font-size:var(--font-size-xl)}.help-section h3{font-size:var(--font-size-lg)}.contact-info{flex-direction:column;align-items:center;gap:var(--spacing-md)}.help-cta{padding:var(--spacing-xl)}}.coming-soon-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-primary) 100%);position:relative;overflow:hidden}.coming-soon-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(0,245,255,.1),transparent 60%),radial-gradient(circle at 70% 50%,rgba(176,132,255,.1),transparent 60%);pointer-events:none}.coming-soon-content{text-align:center;padding:4rem 2rem;position:relative;z-index:1;max-width:800px;margin:0 auto}.coming-soon-icon{margin:0 auto 2rem;width:200px;height:200px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));border-radius:50%;color:#fff;animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #00f5ffb3}50%{transform:scale(1.05);box-shadow:0 0 0 30px #00f5ff00}}.coming-soon-content h1{font-size:4rem;margin-bottom:1.5rem;font-weight:900;letter-spacing:2px}.coming-soon-text{font-size:1.5rem;color:var(--color-text-secondary);margin-bottom:3rem;line-height:1.6}.coming-soon-platforms{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.platform-badge{background:var(--color-bg-card);padding:1rem 2rem;border-radius:var(--border-radius);border:2px solid var(--color-cyan-primary);font-weight:700;font-size:1.1rem;color:var(--color-cyan-primary);box-shadow:var(--glow-cyan)}.coming-soon-features{margin-bottom:3rem}.feature-item{display:inline-flex;align-items:center;gap:1rem;background:var(--color-bg-card);padding:1rem 2rem;border-radius:var(--border-radius);border:2px solid rgba(0,245,255,.2);color:var(--color-text-secondary);font-size:1.1rem}.feature-item svg{color:var(--color-lavanda-primary)}@media(max-width:768px){.coming-soon-content h1{font-size:2.5rem}.coming-soon-text{font-size:1.2rem}.coming-soon-icon{width:150px;height:150px}.coming-soon-icon svg{width:80px;height:80px}.platform-badge{font-size:1rem;padding:.8rem 1.5rem}}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-primary)}.main-content{flex:1}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:12px 24px;border:none;border-radius:var(--border-radius-sm);font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;text-decoration:none}.btn-primary{background:linear-gradient(135deg,var(--color-cyan-primary),var(--color-lavanda-primary));color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--glow-lavanda)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:transparent;border:2px solid var(--color-cyan-primary);color:var(--color-cyan-primary)}.btn-secondary:hover{background:var(--color-cyan-primary);color:var(--color-bg-primary);box-shadow:var(--glow-cyan)}
