.search-body,.search-popup,body.modal-open{overflow:hidden}.hero h1,.logo{letter-spacing:1px}.hero-btn,.logo,.nav-links a,.search-result-item{text-decoration:none}.cart-dropdown.show,.menu-overlay.show,.search-clear.show,.search-overlay.show{opacity:1;visibility:visible}:root{--primary:#7B68EE;--secondary:#FF4500;--accent:#00BFFF;--background:#121212;--card-bg:#1e1e1e;--text:#ffffff;--text-light:#cccccc;--border:#333333;--shadow:0 5px 15px rgba(0, 0, 0, 0.3);--header-shadow:0 5px 15px rgba(0, 0, 0, 0.5);--success:#4BB543;--danger:#FF3333;--warning:#FFD700;--primary-rgb:123,104,238;--secondary-rgb:255,69,0;--accent-rgb:0,191,255}[data-theme=light]{--primary:#5D4FFF;--secondary:#FF6347;--accent:#0099CC;--background:#f8f9fa;--card-bg:#ffffff;--text:#333333;--text-light:#666666;--border:#eeeeee;--shadow:0 5px 15px rgba(0, 0, 0, 0.05);--header-shadow:0 2px 10px rgba(0, 0, 0, 0.03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:var(--background);color:var(--text);transition:background-color .3s,color .3s;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.search-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:100px;opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.search-popup{width:90%;max-width:700px;background-color:var(--background);border-radius:15px;box-shadow:0 15px 30px rgba(0,0,0,.3);border:1px solid var(--border);transform:translateY(-30px);transition:transform .3s;display:flex;flex-direction:column;max-height:70vh}.search-clear,.search-icon{top:50%;transform:translateY(-50%)}.search-overlay.show .search-popup{transform:translateY(0)}.cart-header,.search-header{padding:15px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.search-header h3{font-size:1.2rem;font-weight:600;color:var(--text);margin:0}.cart-close,.search-close{background:0 0;border:none;color:var(--text-light);font-size:1.3rem;cursor:pointer;transition:.3s}.cart-close:hover,.search-close:hover{color:var(--primary);transform:rotate(90deg)}.category-btn:hover:not(.active),.search-result-item:hover{transform:translateY(-3px)}.search-body{padding:20px;flex:1;display:flex;flex-direction:column}.search-input-container{position:relative;margin-bottom:20px}.search-icon{position:absolute;left:15px;color:var(--text-light);font-size:1.1rem}.search-input{width:100%;padding:15px 50px 15px 45px;border-radius:30px;border:1px solid var(--border);background-color:var(--card-bg);color:var(--text);font-size:1rem;transition:.3s}.search-input:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.2)}.search-clear{position:absolute;right:15px;background:0 0;border:none;color:var(--text-light);font-size:1.1rem;cursor:pointer;transition:.3s;opacity:0;visibility:hidden}.footer-links a:hover,.logo span,.logo:hover,.mobile-menu-close:hover,.search-clear:hover{color:var(--primary)}.search-results{overflow-y:auto;flex:1;border-radius:10px;padding:10px}.search-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-light);text-align:center}.navbar,.search-result-item{display:flex;align-items:center}.no-results i,.search-placeholder i{font-size:3rem;margin-bottom:15px;opacity:.5}.search-placeholder p{font-size:1.1rem}.search-result-item{padding:15px;border-radius:10px;background-color:var(--card-bg);margin-bottom:10px;cursor:pointer;transition:.3s;color:var(--text);border:1px solid var(--border)}.search-result-item:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);border-color:var(--primary)}.search-result-image{width:80px;height:80px;border-radius:8px;overflow:hidden;margin-right:15px;flex-shrink:0}.cart-item-image img,.notification-img img,.search-result-image img{width:100%;height:100%;object-fit:cover}.cart-item-details,.notification-details,.search-result-details,.toast-content{flex:1}.search-result-title{font-size:1.1rem;font-weight:600;margin-bottom:5px;color:var(--text)}.search-result-meta{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:5px}.search-result-genre,.search-result-platform{font-size:.8rem;padding:3px 10px;border-radius:15px;background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.search-result-price{font-size:1.1rem;font-weight:700;color:var(--primary)}.empty-cart,.no-results{text-align:center;padding:30px;color:var(--text-light)}.header{padding:15px 0;background-color:var(--background);box-shadow:var(--header-shadow);position:sticky;top:0;z-index:100;transition:.3s;border-bottom:1px solid rgba(255,255,255,.05)}.nav-icon,.nav-links a{color:var(--text);position:relative}.container{max-width:1400px;margin:0 auto;padding:0 25px}.navbar{justify-content:space-between}.logo,.nav-controls{display:flex;align-items:center}.logo{font-family:Rajdhani,sans-serif;font-size:2.5rem;font-weight:700;color:var(--text);transition:color .3s}.nav-links{display:flex;list-style:none;margin:0;padding:0}.nav-links li{margin:0 20px}.nav-links a{font-weight:500;font-size:1rem;transition:color .3s,transform .3s;padding-bottom:5px}.nav-links a:hover{color:var(--primary);transform:translateY(-2px)}.nav-links a.active::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:25px;height:2px;background-color:var(--primary);border-radius:2px}.nav-controls{gap:20px}.cart-count,.nav-icon{align-items:center;display:flex}.nav-icon{width:45px;height:45px;justify-content:center;border-radius:50%;background-color:var(--card-bg);cursor:pointer;transition:.3s;font-size:1.1rem;box-shadow:0 2px 5px rgba(0,0,0,.05);border:1px solid var(--border)}.cart-count,.nav-icon#searchIcon:hover,.nav-icon#userIcon:hover{background-color:var(--secondary)}.nav-icon:hover{background-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 5px 10px rgba(0,0,0,.15)}.nav-icon#wishlistIcon:hover{background-color:var(--accent)}.nav-icon#cartIcon:hover{background-color:var(--primary)}.cart-count{position:absolute;top:-8px;right:-8px;width:22px;height:22px;border-radius:50%;color:#fff;justify-content:center;font-size:.8rem;font-weight:700;box-shadow:0 2px 5px rgba(0,0,0,.2)}.mobile-menu-btn,.theme-toggle{background:0 0;color:var(--text);cursor:pointer}.theme-toggle{border:none;font-size:1.2rem;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:.3s}.theme-toggle:hover{color:var(--primary);transform:rotate(15deg)}.mobile-menu-btn{display:none;border:none;font-size:1.8rem}.hero h1,.hero-btn{display:inline-block}.hero{background-image:linear-gradient(to right,rgba(18,18,18,.9),rgba(18,18,18,.7)),url('https://images.unsplash.com/photo-1542751371-adc38448a05e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80');background-size:cover;background-position:center;padding:100px 0;text-align:center;position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(123,104,238,.2),rgba(255,69,0,.2));z-index:1}.hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.3)}.hero p{font-size:1.2rem;color:var(--text-light);margin-bottom:30px}.hero-btn{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:15px 30px;border-radius:30px;font-weight:600;font-size:1.1rem;transition:.3s;border:none;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.2)}.category-btn,.products-heading{color:var(--text);text-transform:uppercase}.hero-btn:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.3)}.categories{padding:30px 0;display:flex;justify-content:center;flex-wrap:wrap;gap:15px;border-bottom:1px solid var(--border);margin-bottom:30px;background-color:var(--background);position:sticky;top:76px;z-index:99}.category-btn.active,.category-btn:hover:not(.active){background-color:var(--primary);color:#fff;border-color:var(--primary)}.product-card,.product-image{position:relative;overflow:hidden}.category-btn{padding:12px 25px;border-radius:30px;background-color:var(--card-bg);border:1px solid var(--border);font-weight:500;font-size:1rem;cursor:pointer;transition:.3s;box-shadow:0 2px 5px rgba(0,0,0,.03);letter-spacing:.5px}.category-btn.active{box-shadow:0 5px 10px rgba(0,0,0,.15)}.products-heading{text-align:center;margin:40px 0 30px;font-size:2.5rem;font-weight:700;letter-spacing:1px;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;padding-bottom:80px}.products-grid .error-message,.products-grid .loading,.products-grid .no-products-message{grid-column:1/-1;text-align:center;padding:50px;font-size:1.2rem;color:var(--text-light)}.product-card{background-color:var(--card-bg);border-radius:15px;box-shadow:var(--shadow);transition:.3s;display:flex;flex-direction:column;border:1px solid var(--border)}.product-discount,.product-platform{color:#fff;padding:5px 12px;border-radius:20px;font-size:.8rem;z-index:5;box-shadow:0 2px 5px rgba(0,0,0,.2);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.product-card:hover{transform:translateY(-8px);box-shadow:0 10px 25px rgba(0,0,0,.1)}.product-image{height:220px;border-bottom:1px solid var(--border)}.product-discount,.product-platform,.wishlist-btn{position:absolute;top:15px}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.03)}.product-platform{left:15px;background-color:var(--primary)}.product-discount{right:15px;background-color:var(--secondary)}.product-info{padding:20px;text-align:left;flex-grow:1;display:flex;flex-direction:column}.product-title{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:3.2em}.product-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.product-rating{display:flex;align-items:center;gap:5px}.stars{color:gold;font-size:.9rem}.product-genre,.rating-count{font-size:.8rem;color:var(--text-light)}.product-genre{background-color:rgba(123,104,238,.1);padding:3px 10px;border-radius:15px}.product-price-container{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cart-item-actions,.item-quantity,.product-price{display:flex;align-items:center;gap:10px}.buy-now-btn,.product-delivery{align-items:center;display:flex;margin-top:15px}.current-price{font-size:1.4rem;font-weight:700;color:var(--primary)}.original-price{font-size:1rem;color:var(--text-light);text-decoration:line-through}.product-delivery{gap:5px;padding-top:15px;border-top:1px solid var(--border)}.delivery-icon{color:var(--success);font-size:1rem}.delivery-text{font-size:.85rem;color:var(--text-light)}.buy-now-btn{padding:10px 20px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.3s;justify-content:center;gap:8px;width:100%}.buy-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.wishlist-btn{right:15px;width:40px;height:40px;border-radius:50%;background-color:rgba(255,255,255,.95);display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:.3s;z-index:2;box-shadow:0 2px 5px rgba(0,0,0,.1)}.cart-dropdown,.cart-notification{position:fixed;right:25px;box-shadow:var(--shadow);visibility:hidden;opacity:0}.wishlist-btn i{color:#888;transition:.3s}.cart-header h3,.cart-item-title{font-weight:600;color:var(--text)}.wishlist-btn.active i,.wishlist-btn:hover i{color:var(--secondary);transform:scale(1.1)}.cart-dropdown{top:80px;width:350px;background-color:var(--background);border:1px solid var(--border);border-radius:15px;z-index:1001;transform:translateY(20px);transition:.4s cubic-bezier(.16, 1, .3, 1);max-height:80vh;display:flex;flex-direction:column}.cart-dropdown.show{transform:translateY(0)}.cart-header h3{font-size:1.1rem;margin:0}.cart-items{padding:15px;overflow-y:auto;flex-grow:1;max-height:calc(80vh - 180px)}.cart-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid var(--border);animation:.5s fadeIn}.cart-item:last-child{border-bottom:none}.cart-item-image{width:60px;height:60px;border-radius:8px;overflow:hidden;margin-right:15px;flex-shrink:0}.cart-btn-checkout,.cart-btn-view,.quantity-btn{align-items:center;transition:.3s;cursor:pointer}.cart-item-title{font-size:.95rem;margin-bottom:5px}.cart-item-info{font-size:.85rem;color:var(--text-light);margin-bottom:5px}.cart-item-price{font-size:1rem;font-weight:700;color:var(--primary);margin-bottom:5px}.item-quantity span,.quantity-btn{font-size:.9rem;color:var(--text)}.quantity-btn{width:28px;height:28px;border-radius:50%;background-color:var(--border);border:none;display:flex;justify-content:center}.quantity-btn:hover{background-color:var(--primary);color:#fff}.item-quantity span{font-weight:600}.remove-item{color:var(--danger);background:0 0;border:none;cursor:pointer;transition:.3s;font-size:1rem}.remove-item:hover{color:var(--accent);transform:scale(1.1)}.cart-footer{padding:15px 20px;border-top:1px solid var(--border)}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.empty-cart i,.mobile-nav-links li{margin-bottom:15px}.cart-total-label,.notification-title{font-size:1.1rem;font-weight:600;color:var(--text)}.cart-total-value{font-size:1.2rem;font-weight:700;color:var(--primary)}.cart-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cart-btn-checkout,.cart-btn-view{padding:12px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;text-align:center;text-decoration:none;display:flex;justify-content:center;gap:8px}.cart-btn-view,.notification-view{background-color:var(--card-bg);color:var(--text);border:1px solid var(--border)}.cart-btn-view:hover,.notification-view:hover{background-color:var(--border)}.cart-btn-checkout,.notification-checkout{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.cart-btn-checkout:hover,.notification-checkout:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);transform:translateY(-2px)}.cart-notification.show,.toast.show{transform:translateX(0);opacity:1}.empty-cart i{font-size:3rem;color:var(--border)}.cart-notification{bottom:25px;background-color:var(--background);border:1px solid var(--border);border-radius:15px;padding:20px;z-index:2000;width:350px;transform:translateX(110%);transition:transform .5s cubic-bezier(.16, 1, .3, 1),opacity .5s,visibility .5s}.cart-notification.show{visibility:visible}.notification-header{display:flex;align-items:center;margin-bottom:15px}.notification-icon{width:40px;height:40px;border-radius:50%;background-color:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-right:15px;box-shadow:0 0 10px rgba(40,167,69,.5)}.notification-item{display:flex;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.notification-img{width:50px;height:50px;border-radius:8px;overflow:hidden;margin-right:15px;border:1px solid var(--border)}.menu-overlay,.mobile-menu{top:0;height:100%;position:fixed}.notification-product{font-size:.9rem;font-weight:600;margin-bottom:5px;color:var(--text)}.notification-info{display:flex;justify-content:space-between;color:var(--text-light);font-size:.8rem}.notification-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.notification-actions button{padding:10px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.3s;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.mobile-menu{left:-100%;width:80%;max-width:300px;background-color:var(--background);padding:25px;box-shadow:5px 0 15px rgba(0,0,0,.2);z-index:1000;transition:.3s ease-in-out;display:flex;flex-direction:column}.mobile-menu.show{left:0}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px;border-bottom:1px solid var(--border)}.mobile-menu-close{background:0 0;border:none;color:var(--text-light);font-size:1.8rem;cursor:pointer;transition:color .3s}.footer,.footer-bottom{border-top:1px solid var(--border)}.mobile-nav-links{list-style:none;padding:0;margin:0;flex-grow:1}.mobile-nav-links a{display:block;padding:10px 0;color:var(--text);text-decoration:none;font-size:1.1rem;font-weight:500;transition:color .3s,transform .3s}.mobile-nav-links a:hover{color:var(--primary);transform:translateX(5px)}.mobile-nav-links a.active{color:var(--primary);font-weight:600}.menu-overlay{left:0;width:100%;background-color:rgba(0,0,0,.5);z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:2000}.toast{padding:15px 20px;border-radius:10px;margin-bottom:10px;display:flex;align-items:center;gap:12px;width:300px;box-shadow:0 5px 15px rgba(0,0,0,.3);transform:translateX(100%);opacity:0;transition:.3s}.toast-success{background-color:rgba(40,167,69,.1);border-left:4px solid #28a745;color:#28a745}.toast-error{background-color:rgba(220,53,69,.1);border-left:4px solid #dc3545;color:#dc3545}.toast-warning{background-color:rgba(255,193,7,.1);border-left:4px solid #ffc107;color:#ffc107}.toast-info{background-color:rgba(23,162,184,.1);border-left:4px solid #17a2b8;color:#17a2b8}.toast-icon{font-size:1.2rem}.toast-title{font-size:.95rem;font-weight:600;margin-bottom:2px}.toast-message{font-size:.85rem}.footer{background-color:var(--card-bg);padding:50px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}.footer-column h3{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:var(--text)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:10px}.footer-links a{color:var(--text-light);text-decoration:none;font-size:.9rem;transition:color .3s}.social-links{display:flex;gap:15px;margin-top:20px}.social-link{width:40px;height:40px;border-radius:50%;background-color:var(--background);display:flex;align-items:center;justify-content:center;color:var(--text);text-decoration:none;transition:.3s;border:1px solid var(--border)}.social-link:hover{background-color:var(--primary);color:#fff;transform:translateY(-3px)}.footer-bottom{text-align:center;padding-top:20px}.copyright{font-size:.9rem;color:var(--text-light)}@media (max-width:1200px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}}@media (max-width:992px){.nav-links{display:none}.mobile-menu-btn{display:block}.nav-controls{gap:15px}.nav-icon{width:40px;height:40px;font-size:1rem}.cart-count{width:20px;height:20px;font-size:.7rem}.theme-toggle{width:40px;height:40px}.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.footer-content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.container{padding:0 15px}.navbar{padding:5px 0}.logo{font-size:2rem;letter-spacing:1px}.nav-controls{gap:10px}.nav-icon,.theme-toggle{width:40px;height:40px;font-size:1rem}.cart-count{width:20px;height:20px;font-size:.7rem;top:-8px;right:-8px}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.categories{padding:20px 0;top:66px}.category-btn{padding:10px 20px;font-size:.9rem}.products-heading{font-size:2rem;margin-top:30px}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.cart-dropdown,.cart-notification{right:15px;width:calc(100% - 30px)}}@media (max-width:480px){.header{padding:10px 0}.logo,.products-heading{font-size:1.8rem}.nav-controls{gap:8px}.nav-icon,.theme-toggle{width:35px;height:35px;font-size:.9rem}.cart-count{width:18px;height:18px;font-size:.6rem;top:-6px;right:-6px}.hero{padding:60px 0}.hero h1{font-size:2rem}.hero p,.original-price{font-size:.9rem}.categories{padding:15px 0;gap:8px}.category-btn{padding:8px 15px;font-size:.8rem}.footer-content,.products-grid{grid-template-columns:1fr}.product-title{font-size:1.1rem}.current-price{font-size:1.2rem}}