*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Arial,Helvetica,sans-serif;background:#080b12;color:#fff}
.navbar{width:100%;min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 3%;background:#080b12;border-bottom:1px solid #1c2330;position:relative;z-index:100}
.brand-logo{display:flex;align-items:center;flex:0 0 auto;height:76px}.brand-logo img{width:78px;height:78px;object-fit:contain;display:block}
.menu{height:76px;display:flex;align-items:center;justify-content:center;gap:14px;flex:1}
.category-container{height:100%;display:flex;align-items:center;position:relative}
.menu-item,.category-button{font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:600;line-height:1;color:#aeb6c7;white-space:nowrap}
.menu-item{display:flex;align-items:center;text-decoration:none;padding:10px 12px;transition:.25s}.menu-item:hover{color:#fff}
.category-button{height:100%;padding:0 12px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:7px;transition:.25s}.category-button:hover{color:#fff}

.arrow{font-size:17px;margin-left:1px;color:#7c5cff}
.category-dropdown{position:absolute;top:76px;left:50%;transform:translateX(-50%) translateY(-10px);min-width:235px;background:#10151f;border:1px solid #252d3b;border-radius:12px;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s;box-shadow:0 15px 40px rgba(0,0,0,.55)}
.category-container:hover .category-dropdown,.category-container:focus-within .category-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.category-dropdown a{display:block;padding:11px 13px;border-radius:8px;color:#b7bfce;text-decoration:none;font-size:14px;font-weight:600;white-space:nowrap;transition:.2s}.category-dropdown a:hover{background:#191f2c;color:#fff;transform:translateX(3px)}
.navbar-right{display:flex;gap:7px;white-space:nowrap;flex:0 0 auto}.login-button,.register-button{padding:10px 14px;border-radius:8px;text-decoration:none;font-size:13px;font-weight:700}.login-button{color:#b7bfce}.register-button{background:#7c5cff;color:#fff}.register-button:hover{background:#6847ef}
.cart-container{position:relative;display:flex;align-items:center}.cart-button{height:38px;padding:0 12px;border:1px solid #293140;border-radius:8px;background:#10151e;color:#d7dcec;display:flex;align-items:center;gap:7px;cursor:pointer;font:700 13px Arial,Helvetica,sans-serif;transition:.2s}.cart-button:hover,.cart-container.open .cart-button{border-color:#7c5cff;background:#151a26;color:#fff}.cart-icon{font-size:16px;line-height:1}.cart-dropdown{position:absolute;top:47px;right:0;width:230px;padding:14px;background:#10151f;border:1px solid #252d3b;border-radius:12px;box-shadow:0 15px 40px rgba(0,0,0,.55);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:.2s}.cart-container.open .cart-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.cart-dropdown p{color:#7f899a;font-size:12px;line-height:1.5;margin-bottom:12px}.cart-dropdown a{display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:8px;font-size:13px;font-weight:700;padding:10px 12px}.cart-continue{border:1px solid #293140;color:#b8c0ce;background:#0d1119;margin-bottom:8px}.cart-continue:hover{color:#fff;border-color:#3b4557}.cart-go{background:#7c5cff;color:#fff}.cart-go:hover{background:#6847ef}
.hero{min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 20px;background:radial-gradient(circle at center,rgba(124,92,255,.18),transparent 55%)}
.hero-content{max-width:800px}.hero-badge{display:inline-block;padding:8px 15px;margin-bottom:25px;border:1px solid #302b55;border-radius:30px;background:#121222;color:#9f8cff;font-size:11px;font-weight:700;letter-spacing:1px}.hero h1{font-size:clamp(45px,6vw,75px);line-height:1.05;margin-bottom:25px}.hero h1 span{display:block;color:#7c5cff}.hero p{max-width:600px;margin:auto;color:#8f99aa;font-size:16px;line-height:1.7}.hero-buttons{margin-top:35px;display:flex;justify-content:center;gap:12px}.primary-button,.secondary-button{padding:14px 24px;border-radius:9px;text-decoration:none;font-weight:700;font-size:14px}.primary-button{background:#7c5cff;color:#fff}.secondary-button{border:1px solid #293140;color:#b8c0ce;background:#10151e}
.games{padding:90px 7%;background:#0b0f17}.section-title{text-align:center;margin-bottom:45px}.section-title span{color:#7c5cff;font-size:12px;font-weight:800;letter-spacing:2px}.section-title h2{font-size:34px;margin:12px 0}.section-title p{color:#7f899a;font-size:14px}
.game-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.game-card{position:relative;padding:25px;min-height:210px;background:#10151f;border:1px solid #202735;border-radius:15px;text-decoration:none;color:#fff;transition:.3s}.game-card:hover{border-color:#7c5cff;transform:translateY(-5px);box-shadow:0 15px 40px rgba(0,0,0,.3)}
.game-logo-wrap{height:72px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:18px}.game-logo{max-width:190px;max-height:82px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.game-logo-cs2{max-width:145px}.game-logo-valorant{max-width:150px;max-height:55px;filter:brightness(0) invert(1) drop-shadow(0 4px 8px rgba(0,0,0,.25))}.game-logo-lol{max-width:150px}.game-logo-tft{max-width:150px}.game-logo-wildrift{max-width:120px;max-height:70px}.game-logo-ml{max-width:145px;max-height:70px}
.game-card h3{font-size:17px;margin-bottom:8px}.game-card p{color:#737e91;font-size:13px}.game-card b{position:absolute;right:25px;bottom:25px;color:#7c5cff;font-size:22px}
.features{padding:50px 7%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto}.features>div{padding:20px;background:#10151f;border-radius:12px}.features strong{font-size:14px}.features p{color:#737e91;font-size:12px;margin-top:7px}
footer{margin-top:50px;padding:40px 7%;text-align:center;border-top:1px solid #1c2330}.footer-logo img{width:105px;height:105px;object-fit:contain;margin-bottom:8px}footer p{color:#596273;font-size:12px}
.live-support{position:fixed;right:24px;bottom:24px;z-index:999}.support-bubble{min-width:145px;height:48px;padding:0 17px;border:0;border-radius:30px;background:#7c5cff;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font:700 14px Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 12px 35px rgba(76,52,190,.45);transition:.2s}.support-bubble:hover{transform:translateY(-2px);background:#6847ef}.support-dot{width:9px;height:9px;border-radius:50%;background:#42e88e;box-shadow:0 0 0 4px rgba(66,232,142,.12)}.support-panel{position:absolute;right:0;bottom:62px;width:min(360px,calc(100vw - 32px));background:#0f141e;border:1px solid #252d3b;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.6);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:.22s}.live-support.open .support-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.support-header{padding:15px 16px;background:#151b27;border-bottom:1px solid #242c39;display:flex;align-items:center;justify-content:space-between}.support-header strong{display:block;font-size:15px}.support-header span{display:block;margin-top:3px;color:#7f899a;font-size:10px;letter-spacing:1px}.support-close{width:32px;height:32px;border:0;border-radius:8px;background:#0e131c;color:#aeb6c7;font-size:22px;line-height:1;cursor:pointer}.support-close:hover{color:#fff;background:#202736}.support-body{padding:17px}.support-body>p{color:#aab2c0;font-size:13px;line-height:1.6;margin-bottom:15px}.support-form{display:grid;gap:10px}.support-form label{display:grid;gap:6px;color:#c7cdda;font-size:11px;font-weight:700}.support-form input,.support-form textarea{width:100%;border:1px solid #27303f;border-radius:8px;background:#0a0e15;color:#fff;padding:11px 12px;outline:none;font:13px Arial,Helvetica,sans-serif;resize:vertical}.support-form input:focus,.support-form textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.12)}.support-form input::placeholder,.support-form textarea::placeholder{color:#5f697a}.support-submit{margin-top:2px;border:0;border-radius:8px;background:#7c5cff;color:#fff;padding:11px 14px;font-size:13px;font-weight:800;cursor:pointer}.support-submit:hover{background:#6847ef}
@media(max-width:1550px){.navbar{padding:8px 2%}.menu{gap:10px}.menu-item,.category-button{font-size:16px;padding-left:9px;padding-right:9px}}
@media(max-width:1200px){.navbar{flex-wrap:wrap}.brand-logo{height:65px}.brand-logo img{width:65px;height:65px}.menu{order:3;flex-basis:100%;height:50px;overflow-x:auto;justify-content:flex-start;padding-bottom:3px}.category-button{height:50px}.category-dropdown{top:50px}.game-grid{grid-template-columns:repeat(2,1fr)}.features{grid-template-columns:1fr}}
@media(max-width:650px){.menu-item,.category-button{font-size:16px}.game-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.hero-buttons{flex-direction:column}.navbar-right .login-button{display:none}}

@media(max-width:650px){.cart-label{display:none}.cart-button{width:40px;padding:0;justify-content:center}.cart-dropdown{right:-82px}.live-support{right:14px;bottom:14px}.support-bubble{min-width:132px;height:44px}.support-panel{bottom:56px}}

/* Persistent shopping cart */
.cart-button{position:relative}.cart-count{position:absolute;right:-7px;top:-8px;min-width:19px;height:19px;padding:0 5px;border-radius:999px;background:#7c5cff;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900;border:2px solid #0a0f17}.cart-count[hidden]{display:none}.cart-dropdown{width:340px;padding:16px}.cart-dropdown-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cart-dropdown-head strong{font-size:15px;color:#fff}.cart-mini-count{font-size:11px;color:#8791a5}.cart-mini-items{max-height:255px;overflow:auto;margin-bottom:10px}.cart-mini-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #202837}.cart-mini-item div{min-width:0}.cart-mini-item strong{display:block;color:#eef2fa;font-size:12px;margin-bottom:4px}.cart-mini-item small{display:block;color:#7f899a;font-size:10px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-mini-item>span{font-size:12px;font-weight:900;color:#a995ff}.cart-empty,.cart-more{color:#7f899a!important;font-size:12px!important;margin:8px 0 12px!important}.cart-more{text-align:center}.cart-mini-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0 13px;margin-bottom:4px;border-top:1px solid #252e3d;color:#aab3c3;font-size:12px}.cart-mini-total strong{font-size:15px;color:#fff}.cart-toast{position:fixed;right:26px;top:86px;z-index:9999;padding:13px 17px;border:1px solid rgba(124,92,255,.45);border-radius:11px;background:#121827;color:#fff;box-shadow:0 18px 55px rgba(0,0,0,.4);font-size:13px;font-weight:700;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.2s}.cart-toast.show{opacity:1;transform:translateY(0)}.cart-toast.error{border-color:#b54c65;color:#ffd5dd}
@media(max-width:650px){.cart-dropdown{width:min(320px,calc(100vw - 28px));right:-82px}.cart-toast{right:14px;left:14px;top:76px;text-align:center}}

/* Sepet silme kontrolleri */
.cart-dropdown-head-actions{display:flex;align-items:center;gap:8px}.cart-clear-all,.cart-mini-remove{border:1px solid #303a4d;background:#111925;color:#9da8ba;border-radius:8px;cursor:pointer;display:grid;place-items:center;transition:.18s}.cart-clear-all{width:30px;height:30px}.cart-mini-remove{width:30px;height:30px;font-size:13px}.cart-clear-all:hover,.cart-mini-remove:hover{border-color:#a84e64;color:#ffd0d9;background:#1c1218}.cart-mini-item{grid-template-columns:minmax(0,1fr) auto auto}.cart-mini-items{max-height:320px}.cart-more{display:none}

/* Global scroll-to-top */
.scroll-top-button{position:fixed;top:18px;left:50%;z-index:5000;width:46px;height:46px;border:1px solid #363f52;border-radius:50%;background:rgba(16,21,31,.94);color:#fff;display:grid;place-items:center;font:800 24px/1 Arial,Helvetica,sans-serif;cursor:pointer;box-shadow:0 12px 34px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-14px);transition:opacity .2s,transform .2s,visibility .2s,border-color .2s,background .2s}.scroll-top-button.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.scroll-top-button:hover{border-color:#7c5cff;background:#171d2b}.scroll-top-button:focus-visible{outline:2px solid #7c5cff;outline-offset:3px}.scroll-top-button span{display:block;transform:translateY(-1px)}
@media(max-width:650px){.scroll-top-button{top:12px;width:42px;height:42px;font-size:22px}}