.slideshow{position:relative;width:100%;max-width:600px;margin:auto;overflow:hidden;border:2px solid #ddd;border-radius:10px}.slideshow img{width:100%;border-radius:10px;transition:transform .5s ease-in-out,opacity .5s ease-in-out;height:400px}.slideshow img.active{opacity:1;transform:scale(1)}.slideshow img.inactive{opacity:0;transform:scale(1.05)}.cat{background:linear-gradient(135deg,#005f99,#036);padding:20px;text-align:center;border-radius:5px;box-shadow:0 0 10px #0000001a;transition:background-color .3s ease}.cat:hover{background-color:#00254c}.contact{margin-top:20px;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;background:linear-gradient(135deg,#005f99,#036)}.cat-1,.cat-2,.cat-3,.cat-4{background-repeat:no-repeat;background-size:cover;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.cat-1{background-image:linear-gradient(180deg,#fdfdfd1a,#000),url(/assets/Battlefield-BeJ_5wEt.jpg)}.cat-2{background-image:linear-gradient(180deg,#fdfdfd1a,#000),url(/assets/NoMansSky-DGzK3Q7l.jpg)}.cat-3{background-image:linear-gradient(180deg,#fdfdfd1a,#00000080),url(/assets/Skyrim-DKVERiY5.jpg)}.cat-4{background-image:linear-gradient(180deg,#fdfdfd1a,#000),url(/assets/GameCat-1-DDgQiZWd.jpeg)}.cat-4:hover,.cat-1:hover,.cat-3:hover,.cat-2:hover{outline:none;box-shadow:0 0 10px #6ba6ff}.grid-container{display:flex;gap:40px;margin-top:20px;align-items:center;justify-content:center}.grid-container>div{font-size:.8rem;font-family:sans-serif;font-weight:600;color:#fff;background-size:contain;height:100px;width:175px;transition:transform .3s ease;padding:10px;border-radius:5px;display:flex;flex-direction:column}.grid-container>div:hover{transform:scale(1.05)}.logo{height:40px;width:40px;margin:10px}.header{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#005f99,#036);color:#fff}.header>h1{margin:0;padding:0;color:#fff}.homepage{background:linear-gradient(135deg,#005f99,#036);margin-left:-10px;margin-right:-10px;min-height:100vh}.button-container{background:linear-gradient(135deg,#005f99,#036);display:flex;align-items:center;justify-content:center;padding:10px;gap:50px;margin-bottom:20px}.nav-button{height:40px;padding:10px;width:120px;border-radius:5px;background-color:#00c3ff;color:#fff;border:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.nav-button:hover{background-color:#00a0db;color:#fff}.cat-1{font-size:1.5rem}.cat-1>p{font-size:13px}@media (max-width: 768px){.grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:center;justify-content:center;margin-left:20px}.slideshow{width:90%;margin:auto;border-radius:10px}.header{margin-right:-10px}.button-container{position:sticky;top:0;z-index:1;display:flex;gap:10px}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{margin:0;padding:0;font-family:sans-serif}.cart-page{padding:20px;background:linear-gradient(135deg,#005f99,#036);color:#fff;height:max-content;min-height:100vh}.cart-page div{margin-bottom:20px}.cart-page a{text-decoration:none}.cart-page button{background-color:#036;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out;margin-right:10px}.cart-page button:hover{background-color:#005f99}.cart-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin:20px}.cart-item{background-color:#036;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0003}.cart-item img{max-width:100%;border-radius:5px}.cart-item h6{margin:10px 0;font-size:1.2em}.cart-item p{margin:5px 0}.cart-item button{background-color:#005f99;color:#fff;padding:8px 16px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out}.cart-item button:hover{background-color:#036}.image{display:flex;align-items:center;justify-content:center;height:500px}.image-container{display:flex;align-items:center;justify-content:center;flex-direction:column}.image-container>h6{font-size:20px}.nav-page{display:flex;flex-direction:row}@media (max-width: 768px){.image{width:100%}.cart-page{margin-right:-10px}.nav-page>button{width:100px}}.game-card{margin:20px;border:none;height:max-content;width:250px;display:flex;flex-direction:column;padding:20px;background:linear-gradient(135deg,#6ba6ff,#1f3b93);border-radius:10px;box-shadow:0 4px 8px #0003;transition:background .3s ease-out,transform .3s ease-out,box-shadow .3s ease-out;color:#fff}.game-card:hover{background:linear-gradient(135deg,#1f3b93,#6ba6ff);transform:scale(1.05);box-shadow:0 6px 12px #0000004d}.game-card img{border-radius:5px;margin-bottom:10px}.game-card>h6{padding:0;margin:0 0 10px;font-size:1em;font-weight:700}.circle{height:10px;width:10px;border:1px solid white;border-radius:50%}.review-section{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:center;padding:20px}.price-section{display:flex;gap:20px;align-items:center;justify-content:center;padding:5px}.show-products{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:20px;background:linear-gradient(135deg,#005f99,#036);padding:20px}.nav-page{padding:20px;display:flex;gap:40px;position:sticky;top:0;background:linear-gradient(135deg,#036,#005f99);z-index:1000;border-bottom:2px solid #003366}.cart-button{background-color:#1f3b93;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out}.cart-button:hover{background-color:#6ba6ff}.nav-filter{display:flex;gap:20px}.normal-price{text-decoration:line-through;color:#d1d1d1;font-size:1em;margin:0}.deal-price{color:#fff;font-size:1.2em;font-weight:700;margin:0}.savings{color:#0fc;font-size:1em;font-weight:700;margin:0}.go-back{background-color:#036;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out}.go-back:hover{background-color:#005f99}.sort-filter{background-color:#036;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out}.sort-filter:hover{background-color:#005f99}.cart{background-color:#005f99;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out}.cart:hover{background-color:#036}.dropdown{background-color:#036;display:flex;padding:10px;border-radius:5px;gap:20px;align-items:center;justify-content:space-between;box-shadow:0 4px 8px #0003;transition:background .3s ease-out,box-shadow .3s ease-out}.dropdown label{color:#fff;font-weight:700;margin-right:10px}.dropdown select{background-color:#005f99;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:background-color .3s ease-out,box-shadow .3s ease-out}.dropdown select:hover{background-color:#036;box-shadow:0 4px 8px #0003}.dropdown div{display:flex;align-items:center;gap:10px}.dropdown select:focus{outline:none;box-shadow:0 0 5px #6ba6ff}.loader-bar{background:linear-gradient(135deg,#005f99,#036);display:flex;align-items:center;justify-content:center;min-height:100vh}@media (max-width: 768px){.game-card{width:100%;margin:10px 0;padding:15px}.show-products{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;gap:10px;padding:10px}.nav-page{flex-direction:column;gap:20px;padding:10px}.cart-button,.go-back,.sort-filter,.cart{padding:8px 15px}.dropdown{flex-direction:column;align-items:flex-start;gap:10px;padding:10px}.dropdown label,.dropdown select{width:100%}.review-section,.price-section{flex-direction:column;align-items:flex-start;padding:10px}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0}.loader{width:60px;aspect-ratio:1;color:#514b82;position:relative;top:0;bottom:0;left:0;right:0}.loader:before,.loader:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(currentColor 0 0) 0 calc(var(--s,0)*-100%)/100% calc(100%/3),repeating-linear-gradient(90deg,currentColor 0 25%,#0000 0 50%) calc(var(--s,0)*100%) 50%/calc(4*100%/3) calc(100%/3);background-repeat:no-repeat;animation:l26 2s infinite}.loader:after{--s: -1}@keyframes l26{0%,10%{transform:translateY(calc(var(--s,1)*0));background-position:0 calc(var(--s,0)*-100%),calc(var(--s,0)*100%) 50%}33%{transform:translateY(calc(var(--s,1)*-20%));background-position:0 calc(var(--s,0)*-100%),calc(var(--s,0)*100%) 50%}66%{transform:translateY(calc(var(--s,1)*-20%));background-position:0 calc(var(--s,0)*-100%),calc(var(--s,0)*100% + 100%) 50%}90%,to{transform:translateY(calc(var(--s,1)*0));background-position:0 calc(var(--s,0)*-100%),calc(var(--s,0)*100% + 100%) 50%}}