@font-face{font-family:'AlegreyaLocal';src:url('/fonts/Alegreya-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'AlegreyaLocal';src:url('/fonts/Alegreya-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'AlegreyaLocal';src:url('/fonts/Alegreya-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'AlegreyaLocal';src:url('/fonts/Alegreya-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'AlegreyaLocal';src:url('/fonts/Alegreya-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'RajdhaniLocal';src:url('/fonts/Rajdhani-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'RajdhaniLocal';src:url('/fonts/Rajdhani-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'RajdhaniLocal';src:url('/fonts/Rajdhani-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'RajdhaniLocal';src:url('/fonts/Rajdhani-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'RajdhaniLocal';src:url('/fonts/Rajdhani-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

/* 🚀 Performance Fix: Force font-display: swap for FontAwesome to prevent render blocking */
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("/webfonts/fa-solid-900.woff2") format("woff2"), url("/webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: 'Font Awesome 6 Free';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/webfonts/fa-regular-400.woff2") format("woff2"), url("/webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: 'Font Awesome 6 Brands';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/webfonts/fa-brands-400.woff2") format("woff2"), url("/webfonts/fa-brands-400.ttf") format("truetype");
}

:root{--bg-darkest:#0a0a12;--bg-dark:#13131f;--neon-blue:#00f2fe;--neon-purple:#9d00ff;--neon-green:#0aff60;--text-primary:#ffffff;--text-secondary:#d0d0e0;--card-glow:0 0 20px rgba(157,0,255,.2)}body{font-family:'AlegreyaLocal','Alegreya',Georgia,'Times New Roman',serif;font-size:1.15rem;line-height:1.6;background-color:var(--bg-darkest);background-image:radial-gradient(circle at 20% 10%,rgba(157,0,255,.08),transparent 40%),radial-gradient(circle at 80% 60%,rgba(10,255,96,.05),transparent 40%),radial-gradient(circle at 40% 90%,rgba(0,242,254,.06),transparent 35%);color:var(--text-primary);text-shadow:0 1px 2px rgba(0,0,0,.8);overflow-x:hidden;scroll-behavior:smooth;position:relative}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 10 L55 25 L70 25 L58 35 L63 50 L50 40 L37 50 L42 35 L30 25 L45 25 Z' fill='%239d00ff' fill-opacity='.03'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%2300f2fe' fill-opacity='.04'/%3E%3C/svg%3E");background-size:200px 200px,80px 80px;background-position:0 0,40px 40px;pointer-events:none;z-index:-1;opacity:.6}h1,h2,h3,h4,.navbar-brand,.btn-cyber,.price-tag,.badge-cyber,.section-title{font-family:'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:1px}a{text-decoration:none;color:inherit;transition:color .3s}a:hover{color:var(--neon-purple)}.text-secondary{color:#e0e0f0!important}.text-danger{color:#ff6b6b!important}.navbar-glass{background:rgba(19,19,31,.95);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.08);padding:1rem 0}.navbar-brand{font-weight:800;font-size:1.8rem;color:white!important;text-shadow:0 0 15px rgba(157,0,255,.6);display:flex;align-items:center;gap:10px}.navbar-brand span{background:linear-gradient(to right,var(--neon-purple),var(--neon-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.navbar-brand img{filter:invert(1) drop-shadow(0 0 5px var(--neon-blue));transition:filter .3s}.nav-link{color:var(--text-secondary)!important;font-weight:600;font-size:.9rem;transition:all .3s}.nav-link:hover,.nav-link.active{color:var(--neon-purple)!important;text-shadow:0 0 8px rgba(157,0,255,.6)}.gift-section{margin-top:80px;background:linear-gradient(90deg,#4a00e0 0%,#8e2de2 100%);position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.gift-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='.1' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");opacity:.3}.gift-input{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.2);color:white;font-family:'Alegreya',serif}.gift-input:focus{background:rgba(0,0,0,.5);border-color:var(--neon-green);color:white;box-shadow:none}.hero-section{position:relative;min-height:550px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);overflow:hidden}#bestsellers::before{content:'';position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(to top,transparent,var(--bg-darkest));pointer-events:none;z-index:1}.hero-section::after{content:'';position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(to bottom,transparent,var(--bg-darkest));pointer-events:none;z-index:1}.hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right top;opacity:.2;mix-blend-mode:luminosity;filter:hue-rotate(45deg);animation:hero-move 30s ease-in-out infinite alternate;will-change:transform;z-index:0}@keyframes hero-move{0%{transform:scale(1.25) translateX(8%)}100%{transform:scale(1.3) translateX(12%)}}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(157,0,255,.15),transparent 40%),radial-gradient(circle at 80% 70%,rgba(0,242,254,.1),transparent 40%);mix-blend-mode:screen;animation:fog-float 10s ease-in-out infinite alternate;z-index:1;pointer-events:none}@keyframes fog-float{0%{opacity:.5;transform:translateY(0) scale(1)}100%{opacity:.8;transform:translateY(-20px) scale(1.05)}}.hero-title{font-size:4.5rem;font-weight:900;line-height:.9;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 30%,var(--neon-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(157,0,255,.3)}.btn-cyber{background:linear-gradient(90deg,var(--neon-purple),var(--neon-blue));border:none;color:#fff;font-weight:700;padding:12px 32px;position:relative;z-index:1;overflow:hidden;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:transform .3s;display:inline-block;text-align:center;cursor:pointer;will-change:transform}.btn-cyber::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple));z-index:-1;opacity:0;transition:opacity .3s}.btn-cyber:hover{transform:translateY(-2px);color:white;box-shadow:0 0 30px rgba(157,0,255,.6)}.btn-cyber:hover::before{opacity:1}.btn-filter{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);font-weight:700;font-size:.8rem;padding:8px 20px;border-radius:4px;font-family:'Rajdhani';transition:all .3s;text-transform:uppercase;cursor:pointer}.btn-filter:hover,.btn-filter.active{background:var(--neon-purple);color:#fff;border-color:var(--neon-purple);box-shadow:0 0 15px rgba(157,0,255,.4)}.modern-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:4px;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);height:100%;display:flex;flex-direction:column;position:relative;will-change:transform}.modern-card:hover{border-color:var(--neon-purple);box-shadow:var(--card-glow);transform:translateY(-8px);background:rgba(255,255,255,.06)}.card-img-placeholder{height:220px;width:100%;position:relative;overflow:hidden;display:block;background-color:var(--bg-dark)}.game-cover{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.modern-card:hover .game-cover{transform:scale(1.05)}.badge-genre{position:absolute;bottom:10px;left:10px;background:rgba(0,0,0,.8);color:var(--neon-blue);border:1px solid var(--neon-blue);font-family:'Rajdhani';font-weight:700;padding:2px 8px;font-size:.8rem;backdrop-filter:blur(4px);z-index:2}.badge-hot{position:absolute;top:0;left:0;margin:0;border-radius:0 0 4px 0;z-index:2;font-family:'Rajdhani';letter-spacing:1px}.bg-black{position:absolute;inset:0;opacity:.3;mix-blend-mode:overlay;filter:hue-rotate(45deg);background:url('/img/bg.webp') center/cover}.era-section{background-color:var(--bg-darkest);}.card-body{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.price-tag{font-size:1.5rem;font-weight:700;color:var(--neon-blue)}.cyber-grid-bg{background-color:#050509;background-image:linear-gradient(rgba(157,0,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(157,0,255,.05) 1px,transparent 1px);background-size:40px 40px;position:relative}.cyber-grid-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(circle,transparent 20%,#0a0a12 100%);pointer-events:none;z-index:0}.cyber-grid-bg>.container{position:relative;z-index:1}.magic-bg{background-color:#090910;background-image:radial-gradient(circle at 15% 50%,rgba(157,0,255,.15),transparent 25%),radial-gradient(circle at 85% 30%,rgba(10,255,96,.08),transparent 25%);position:relative;overflow:hidden}.magic-bg::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%239C92AC' fill-opacity='.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");z-index:-1}.cat-card{height:250px;position:relative;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1);transition:transform .3s;cursor:pointer;display:block}.cat-card:hover{transform:translateY(-5px);border-color:var(--neon-purple)}.cat-fps{background:linear-gradient(135deg,#2b1055,#7597de)}.cat-rpg{background:linear-gradient(135deg,#431c1c,#d67f27)}.cat-icon-bg{position:absolute;right:-30px;bottom:-30px;font-size:180px;opacity:.1;transform:rotate(-15deg);color:white;transition:all .5s ease}.cat-card:hover .cat-icon-bg{transform:rotate(0deg) scale(1.1);opacity:.25;color:var(--neon-purple)}.cat-content{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:30px;z-index:2}.cat-pill{display:inline-block;background:rgba(255,255,255,.1);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;font-size:.7rem;margin-bottom:8px;color:var(--neon-blue);font-weight:700}.review-card{background:var(--bg-dark);border:1px solid rgba(255,255,255,.05);padding:20px;border-radius:8px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,var(--neon-blue),var(--neon-purple));overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.accordion-item{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.1)}.accordion-button{background:transparent;color:white;font-weight:700;font-family:'Rajdhani';box-shadow:none!important;padding-left:0}.accordion-button:not(.collapsed){color:var(--neon-blue)}.accordion-button::after{filter:invert(1)}.accordion-body{color:var(--text-secondary);padding-left:0}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1060}.custom-toast{background:rgba(19,19,31,.95);backdrop-filter:blur(10px);border:1px solid var(--neon-purple);color:white;padding:15px 20px;border-radius:8px;box-shadow:0 0 20px rgba(157,0,255,.3);display:flex;align-items:center;gap:15px;transform:translateX(120%);transition:transform .3s ease-out}.custom-toast.show{transform:translateX(0)}.offcanvas{background-color:rgba(10,10,18,.98)!important;backdrop-filter:blur(10px);border-left:1px solid #333}.cart-item-img{width:60px;height:60px;object-fit:cover;border-radius:6px}.navbar-brand:hover img{animation:spin-magic .8s ease-in-out}@keyframes spin-magic{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.2)}100%{transform:rotate(360deg) scale(1)}}.badge-hot{animation:pulse-red 1.5s infinite}@keyframes pulse-red{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}.bg-gradient-magic{background:linear-gradient(90deg,var(--neon-blue),var(--neon-purple));box-shadow:0 0 10px rgba(157,0,255,.5)}.text-neon-green{color:var(--neon-green)!important}.opacity-50{opacity:.8!important}.animate-pulse{animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 0 0 rgba(10,255,96,.4)}70%{box-shadow:0 0 0 10px rgba(10,255,96,0)}100%{box-shadow:0 0 0 0 rgba(10,255,96,0)}}.product-gallery-main{border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;position:relative;background:var(--bg-dark);transition:border-color .3s}.product-gallery-main:hover{border-color:var(--neon-purple)}.product-gallery-thumbs{display:flex;gap:10px;margin-top:10px;overflow-x:auto;padding-bottom:5px}.product-gallery-thumbs::-webkit-scrollbar{height:4px}.product-gallery-thumbs::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:2px}.gallery-thumb{width:80px;height:80px;object-fit:cover;border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .3s;opacity:.6}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--neon-purple);opacity:1;transform:translateY(-2px)}.specs-table{width:100%;border-collapse:separate;border-spacing:0 8px}.specs-table td{padding:10px 15px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);vertical-align:middle}.specs-table td:first-child{font-weight:700;color:var(--text-secondary);border-radius:4px 0 0 4px;width:40%;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.specs-table td:last-child{color:white;border-radius:0 4px 4px 0;font-family:'Rajdhani';font-weight:600;letter-spacing:.5px}.specs-table tr:hover td{background:rgba(255,255,255,.06);border-color:rgba(157,0,255,.3)}.product-gallery-frame{width:100%;height:500px;background-color:#050508;border:1px solid rgba(255,255,255,.1);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.product-gallery-frame img{width:100%;height:100%;object-fit:contain}.price-card-dark{background:rgba(10,10,15,.8)!important;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.cookie-banner{position:fixed;bottom:20px;left:20px;max-width:400px;background:rgba(19,19,31,.98);backdrop-filter:blur(12px);border:1px solid var(--neon-purple);border-radius:12px;padding:25px;z-index:9999;box-shadow:0 0 30px rgba(0,0,0,.5),0 0 10px rgba(157,0,255,.2);transform:translateY(150%);transition:transform .5s cubic-bezier(.19,1,.22,1);display:none}.cookie-banner.show{transform:translateY(0);display:block}.cookie-title{font-family:'Rajdhani',sans-serif;font-weight:700;font-size:1.2rem;color:white;margin-bottom:10px;display:flex;align-items:center;gap:10px}.cookie-text{font-size:.95rem;color:var(--text-secondary);margin-bottom:20px;line-height:1.5}.cookie-actions{display:flex;gap:10px}.btn-cookie-accept{background:var(--neon-purple);color:white;border:none;padding:8px 20px;border-radius:6px;font-family:'Rajdhani',sans-serif;font-weight:700;cursor:pointer;transition:all .3s;flex:1}.btn-cookie-accept:hover{background:var(--neon-blue);box-shadow:0 0 15px rgba(0,242,254,.4)}.btn-cookie-more{background:transparent;border:1px solid rgba(255,255,255,.2);color:white;padding:8px 20px;border-radius:6px;font-family:'Rajdhani',sans-serif;font-weight:700;cursor:pointer;transition:all .3s}.btn-cookie-more:hover{border-color:white;background:rgba(255,255,255,.05)} 

/* 🚀 Performance: Skip rendering off-screen content */
#faqAccordion, footer {
    content-visibility: auto;
    contain-intrinsic-size: 1px 600px; /* Approximate height to prevent scrollbar jumping */
}

@media (max-width: 768px) { 
    [data-aos] { opacity: 1 !important; transform: none !important; transition: none !important; }
}