*{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}}

/* Boxed header + first 3 wheel moves locked, 4th move released */
.navbar{
  width:calc(100% - 28px);
  max-width:1740px;
  margin:12px auto 0;
  border:1px solid #222b3a;
  border-radius:16px;
  box-shadow:0 14px 40px rgba(0,0,0,.26);
  transition:box-shadow .2s,border-color .2s,background .2s;
}
.navbar.navbar-lock{
  position:fixed;
  top:12px;
  left:50%;
  transform:translateX(-50%);
  margin:0;
  z-index:6000;
  background:rgba(8,11,18,.96);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  border-color:#30394b;
  box-shadow:0 18px 55px rgba(0,0,0,.5);
}
.navbar-lock-spacer{display:block;width:100%;height:0}
@media(max-width:650px){
  .navbar{width:calc(100% - 16px);margin-top:8px;border-radius:13px}
  .navbar.navbar-lock{top:8px}
}


/* Telefon / tablet tam navigasyon entegrasyonu */
.category-container.touch-open .category-dropdown{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important}
@media(max-width:1200px),(hover:none){
  .navbar{align-items:center;overflow:visible}
  .menu{scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:visible;position:relative;z-index:140}
  .menu::-webkit-scrollbar{display:none}
  .category-container{flex:0 0 auto;position:relative}
  .category-button{touch-action:manipulation;cursor:pointer}
  .category-dropdown{position:fixed;top:auto;left:12px;right:12px;transform:translateY(-6px);min-width:0;width:auto;max-height:min(60vh,430px);overflow-y:auto;z-index:9999}
  .category-container.touch-open .category-dropdown{transform:translateY(0)!important}
  .category-dropdown a{font-size:15px;padding:13px 14px;white-space:normal}
}
@media(max-width:650px){
  .navbar{padding:8px 10px;gap:8px}
  .brand-logo,.brand-logo img{width:56px!important;height:56px!important}
  .navbar-right{margin-left:auto}
  .register-button{padding:9px 10px;font-size:12px}
  .menu{order:3;width:100%;flex-basis:100%;gap:6px;height:54px;padding:2px 0 4px}
  .menu-item,.category-button{height:46px!important;font-size:14px!important;padding:0 10px!important;white-space:nowrap}
  .category-dropdown{top:126px!important;left:10px!important;right:10px!important;border-radius:12px}
  .auth-user-button{max-width:112px;overflow:hidden;text-overflow:ellipsis}
}


/* COMING SOON CATEGORIES */
.coming-soon-category{
  position:relative;
}
.coming-soon-category .coming-soon-button{
  cursor:default;
}
.coming-soon-box{
  position:absolute;
  top:calc(100% + 10px);
  left:50%;
  transform:translateX(-50%) translateY(-7px);
  min-width:145px;
  padding:11px 15px;
  border:1px solid rgba(124,92,255,.45);
  border-radius:10px;
  background:#10151f;
  color:#fff;
  font-size:13px;
  font-weight:800;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 14px 38px rgba(0,0,0,.48);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
  z-index:1005;
}
.coming-soon-box::before{
  content:"";
  position:absolute;
  left:50%;
  top:-6px;
  width:10px;
  height:10px;
  transform:translateX(-50%) rotate(45deg);
  background:#10151f;
  border-left:1px solid rgba(124,92,255,.45);
  border-top:1px solid rgba(124,92,255,.45);
}
.coming-soon-category:hover .coming-soon-box,
.coming-soon-category:focus-within .coming-soon-box{
  opacity:1;
  visibility:visible;
  transform:translateX(-50%) translateY(0);
}
.coming-soon-category:hover .coming-soon-button,
.coming-soon-category:focus-within .coming-soon-button{
  color:#fff;
}

.coming-soon-game-card{
  cursor:default;
  overflow:visible;
}
.game-coming-soon-box{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-42%);
  min-width:155px;
  padding:12px 18px;
  border:1px solid rgba(124,92,255,.55);
  border-radius:11px;
  background:rgba(12,17,26,.96);
  color:#fff;
  font-size:14px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
  box-shadow:0 15px 40px rgba(0,0,0,.5),0 0 24px rgba(124,92,255,.12);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .2s ease,transform .2s ease,visibility .2s ease;
  z-index:3;
}
.coming-soon-game-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:15px;
  background:rgba(5,8,14,.28);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
  z-index:2;
}
.coming-soon-game-card:hover .game-coming-soon-box,
.coming-soon-game-card:focus .game-coming-soon-box{
  opacity:1;
  visibility:visible;
  transform:translate(-50%,-50%);
}
.coming-soon-game-card:hover::after,
.coming-soon-game-card:focus::after{
  opacity:1;
}
.coming-soon-game-card:hover{
  border-color:#7c5cff;
  transform:translateY(-5px);
}

@media (hover:none){
  .coming-soon-category.touch-open .coming-soon-box{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
  }
}


/* HEADER WHEEL SHORTCUT */
.wheel-shortcut{
  width:38px;
  height:38px;
  flex:0 0 38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #293140;
  border-radius:8px;
  background:#10151e;
  color:#d7dcec;
  text-decoration:none;
  box-sizing:border-box;
  transition:.2s;
}
.wheel-shortcut:hover,
.wheel-shortcut:focus-visible{
  border-color:#7c5cff;
  background:#151a26;
  color:#fff;
  outline:none;
  box-shadow:0 0 0 2px rgba(124,92,255,.12);
}
.wheel-shortcut-icon{
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border:2px solid currentColor;
  border-radius:50%;
  font-size:11px;
  line-height:1;
  font-weight:900;
  position:relative;
}
.wheel-shortcut-icon::before,
.wheel-shortcut-icon::after{
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:currentColor;
}
.wheel-shortcut-icon::before{top:2px;left:7px}
.wheel-shortcut-icon::after{bottom:2px;right:7px}
#wheel{scroll-margin-top:105px}
.wheel-anchor{display:block;position:relative;top:-105px;visibility:hidden}

/* HOMEPAGE GAME GRID FIX */
.game-grid{align-items:stretch}
.game-grid>.game-card{box-sizing:border-box;width:100%;min-width:0;overflow:hidden}
.game-grid>.coming-soon-game-card{overflow:hidden}
@media(max-width:900px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.game-grid{grid-template-columns:1fr}}


/* GENERATED GAME WALLPAPERS */
body.home-wallpaper-page{
  min-height:100vh;
  background-color:#070a11;
  background-image:
    linear-gradient(180deg,rgba(5,8,14,.76) 0%,rgba(5,8,14,.84) 42%,rgba(5,8,14,.93) 100%),
    url('assets/home-games-wallpaper.webp');
  background-size:cover;
  background-position:center top;
  background-attachment:fixed;
}
body.home-wallpaper-page .navbar{
  background:rgba(8,11,18,.94);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.home-wallpaper-page .hero{
  background:
    radial-gradient(circle at 50% 42%,rgba(124,92,255,.18),transparent 48%),
    linear-gradient(180deg,rgba(5,8,14,.18),rgba(5,8,14,.62));
}
body.home-wallpaper-page .hero-content{
  padding:30px 34px;
  border-radius:24px;
  background:rgba(7,10,17,.40);
  box-shadow:0 28px 80px rgba(0,0,0,.28);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
  text-shadow:0 3px 18px rgba(0,0,0,.72);
}
body.home-wallpaper-page .games{
  background:rgba(7,10,17,.83);
  border-top:1px solid rgba(255,255,255,.035);
  border-bottom:1px solid rgba(255,255,255,.035);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
body.home-wallpaper-page .game-card,
body.home-wallpaper-page .features>div{
  background:rgba(13,18,28,.93);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
body.home-wallpaper-page footer{
  background:rgba(7,10,17,.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
@media(max-width:900px){
  body.home-wallpaper-page{background-attachment:scroll;background-position:center top}
  body.home-wallpaper-page .hero-content{padding:24px 18px;background:rgba(7,10,17,.52)}
}


/* DIRECT VISUAL REDESIGN - reference image layout */
body.home-wallpaper-page{
  background:#050910;
  color:#fff;
}
body.home-wallpaper-page::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background:
    linear-gradient(180deg,rgba(3,7,12,.10) 0%,rgba(3,7,12,.36) 50%,rgba(3,7,12,.88) 100%),
    url('assets/home-reference-wallpaper.webp') center top/cover no-repeat;
}
body.home-wallpaper-page .navbar{
  background:rgba(4,9,16,.91);
  border-bottom:1px solid rgba(111,180,255,.10);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.visual-hero{
  min-height:610px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:80px 7% 135px;
  background:
    linear-gradient(180deg,rgba(4,8,14,.04),rgba(4,8,14,.18) 55%,rgba(4,8,14,.72) 100%);
}
.visual-hero-content{
  width:min(720px,92vw);
  text-align:center;
  padding:24px 34px 30px;
  border:0;
  background:rgba(4,9,16,.22);
  border-radius:24px;
  box-shadow:0 30px 90px rgba(0,0,0,.25);
  backdrop-filter:blur(3px);
  -webkit-backdrop-filter:blur(3px);
}
.hero-aref-mark{
  width:165px;
  height:165px;
  object-fit:contain;
  display:block;
  margin:0 auto -8px;
  filter:drop-shadow(0 18px 35px rgba(0,0,0,.45));
}
.visual-hero-content .hero-badge{
  display:inline-flex;
  margin:0 auto 14px;
  color:#d9e8ff;
  border:1px solid rgba(151,197,255,.24);
  background:rgba(7,16,28,.60);
}
.visual-hero-content h1{
  font-size:clamp(34px,4.2vw,64px);
  letter-spacing:.16em;
  line-height:1.08;
  margin:8px 0 12px;
  text-transform:uppercase;
  text-shadow:0 5px 28px rgba(0,0,0,.78);
}
.visual-hero-content h1 span{
  display:block;
  color:#dbeeff;
  font-size:.68em;
  margin-top:9px;
  letter-spacing:.34em;
}
.visual-hero-content p{
  max-width:590px;
  margin:0 auto 22px;
  color:#d3dcea;
  font-size:14px;
  text-shadow:0 3px 15px rgba(0,0,0,.92);
}

.visual-services{
  position:relative;
  z-index:2;
  width:min(1260px,92vw);
  margin:-86px auto 0;
  padding:28px 26px 34px;
  border:1px solid rgba(100,154,205,.20);
  border-radius:23px;
  background:rgba(3,9,16,.88);
  box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px rgba(255,255,255,.025);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
}
.visual-section-title{margin-bottom:23px}
.visual-section-title span{
  color:#dce8f6;
  letter-spacing:.42em;
}
.visual-section-title h2{
  margin:7px 0 5px;
  font-size:27px;
  text-transform:uppercase;
}
.visual-section-title p{font-size:12px;color:#8795a9}

.visual-game-grid{
  max-width:none;
  width:100%;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.visual-game-card{
  min-width:0;
  min-height:185px;
  padding:19px 13px 16px;
  border-radius:12px;
  background:linear-gradient(180deg,rgba(10,18,29,.97),rgba(5,11,19,.97));
  border:1px solid #253447;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  justify-content:flex-start;
  overflow:hidden;
  transform:none;
}
.visual-game-card:hover{
  transform:translateY(-5px);
  box-shadow:0 16px 36px rgba(0,0,0,.34);
}
.visual-game-card.cs2-service-card{border-color:rgba(255,157,31,.42)}
.visual-game-card.valorant-service-card{border-color:rgba(255,70,85,.42)}
.visual-game-card.lol-service-card{border-color:rgba(54,190,255,.38)}
.visual-game-card .game-logo-wrap{
  height:72px;
  width:100%;
  margin:0 0 10px;
  justify-content:center;
}
.visual-game-card h3{
  margin:0 0 7px;
  font-size:13px;
  min-height:30px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-transform:uppercase;
}
.visual-game-card p{
  margin:0;
  min-height:30px;
  font-size:9px;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#8492a5;
}
.visual-game-card b{
  position:static;
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  margin-top:10px;
  border-radius:50%;
  border:1px solid currentColor;
  font-size:15px;
}
.visual-game-card.coming-soon-game-card{
  overflow:hidden;
}
.visual-game-card .game-coming-soon-box{
  min-width:130px;
  padding:9px 12px;
  font-size:11px;
}

body.home-wallpaper-page .features{
  max-width:1180px;
  padding:56px 7% 42px;
}
body.home-wallpaper-page .features>div{
  min-height:90px;
  border:1px solid rgba(97,127,158,.15);
  background:rgba(5,11,19,.86);
}

@media(max-width:1100px){
  .visual-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:700px){
  .visual-hero{min-height:520px;padding-bottom:110px}
  .visual-hero-content{padding:18px 15px 24px}
  .hero-aref-mark{width:125px;height:125px}
  .visual-services{width:calc(100% - 24px);margin-top:-70px;padding:22px 14px 24px}
  .visual-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .visual-game-card{min-height:170px}
}


/* THIRD VISUAL REFINEMENT */
.image-only-game-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:12px !important;
}
.image-only-game-card{
  padding:0 !important;
  min-height:0 !important;
  aspect-ratio:1.22/1;
  display:flex !important;
  flex-direction:column;
  justify-content:flex-start !important;
  overflow:hidden !important;
  cursor:default !important;
  transform:none !important;
  background:#07101a !important;
}
.image-only-game-card:hover{
  transform:none !important;
  box-shadow:0 12px 30px rgba(0,0,0,.28) !important;
}
.service-game-image{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.coming-soon-static-card .service-game-image{
  height:calc(100% - 38px);
}
.static-coming-soon{
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 8px;
  color:#dfe8f5;
  font-size:11px;
  font-weight:800;
  background:#0b1521;
  border-top:1px solid rgba(111,180,255,.12);
}
@media(max-width:1100px){
  .image-only-game-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:700px){
  .image-only-game-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
}

/* Header controls intentionally retain the site's original cart/login/register/wheel styling. */


/* USER REQUESTED HOME CLEANUP */
body.home-wallpaper-page .visual-hero-content{
  background:transparent !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-shadow:none !important;
  border:none !important;
}
body.home-wallpaper-page .visual-hero-content h1{
  display:none !important;
}
body.home-wallpaper-page .visual-hero-content{
  padding-top:12px !important;
  padding-bottom:18px !important;
}

/* Service cards: no arrows, one single "Çok Yakında..." line only */
.image-only-game-card b,
.image-only-game-card .game-card-arrow,
.image-only-game-card .arrow,
.visual-services .visual-game-card b{
  display:none !important;
}
.coming-soon-static-card{
  position:relative;
}
.coming-soon-static-card .service-game-image{
  height:100% !important;
  object-fit:cover !important;
}
/* Hide any baked-in lower label area from the reference crop */
.coming-soon-static-card{
  overflow:hidden !important;
}
.coming-soon-static-card .service-game-image{
  clip-path:inset(0 0 10% 0);
  transform:scale(1.02);
}
.static-coming-soon{
  position:absolute !important;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  min-height:0 !important;
  padding:8px 14px !important;
  border-radius:9px;
  border:1px solid rgba(111,180,255,.16);
  background:rgba(9,18,28,.94) !important;
  border-top:1px solid rgba(111,180,255,.16) !important;
  color:#e8eef8;
  white-space:nowrap;
  z-index:3;
}


/* GLOBAL DROPDOWN STACKING FIX */
.rank-select.open,
.valorant-rank-select.open{
  isolation:isolate;
  z-index:99999 !important;
}
.rank-select.open .rank-options,
.valorant-rank-select.open .rank-options,
.rank-select.open .rank-select-menu,
.valorant-rank-select.open .rank-select-menu{
  z-index:100000 !important;
}


/* FINAL RANK MENU STACKING FIX — price position is unchanged */
.rank-configurator{
  position:relative !important;
  z-index:100 !important;
  overflow:visible !important;
}
.rank-column{
  position:relative !important;
  overflow:visible !important;
}
.rank-column:has(.rank-select.open){
  z-index:1000000 !important;
}
.rank-select{
  position:relative !important;
}
.rank-select.open{
  z-index:1000001 !important;
}
.rank-select .rank-menu{
  z-index:1000002 !important;
}
.price-card,
.valorant-price-card{
  z-index:1 !important;
}
/* Keep the desired-rank dropdown above the price card as well */
.rank-configurator .rank-column:nth-of-type(3):has(.rank-select.open),
.rank-configurator .rank-column:last-child:has(.rank-select.open){
  z-index:1000000 !important;
}

.rank-column.rank-layer-open{position:relative!important;z-index:1000000!important;overflow:visible!important}
.rank-column.rank-layer-open .rank-menu{z-index:1000002!important}


/* CLEAN HOME SERVICE CARDS — no baked arrows / no duplicate coming-soon labels */
.visual-services .image-only-game-card{
  position:relative !important;
  aspect-ratio:1.42/1 !important;
  min-height:138px !important;
  padding:18px 14px 16px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 15%,rgba(55,105,150,.15),transparent 60%),
    linear-gradient(180deg,#08131e 0%,#050c14 100%) !important;
  border:1px solid rgba(103,155,199,.28) !important;
  border-radius:12px !important;
  box-sizing:border-box !important;
}
.visual-services .image-only-game-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 36%,rgba(0,0,0,.12));
}
.visual-services .image-only-game-card .service-game-image{
  position:relative !important;
  z-index:1 !important;
  width:88% !important;
  height:auto !important;
  max-height:72px !important;
  object-fit:contain !important;
  object-position:center !important;
  clip-path:none !important;
  transform:none !important;
  filter:drop-shadow(0 5px 12px rgba(0,0,0,.45));
}
.visual-services .image-only-game-card:nth-child(1){box-shadow:inset 0 0 34px rgba(255,153,0,.10),0 12px 30px rgba(0,0,0,.24)!important;border-color:rgba(255,153,0,.34)!important}
.visual-services .image-only-game-card:nth-child(2){box-shadow:inset 0 0 34px rgba(255,58,91,.09),0 12px 30px rgba(0,0,0,.24)!important;border-color:rgba(255,58,91,.30)!important}
.visual-services .image-only-game-card:nth-child(3){box-shadow:inset 0 0 34px rgba(55,170,255,.08),0 12px 30px rgba(0,0,0,.24)!important;border-color:rgba(55,170,255,.28)!important}
.visual-services .coming-soon-static-card{
  padding-bottom:45px !important;
}
.visual-services .coming-soon-static-card .service-game-image{
  max-height:64px !important;
}
.visual-services .static-coming-soon{
  position:absolute !important;
  z-index:3 !important;
  left:50% !important;
  bottom:10px !important;
  transform:translateX(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  padding:0 13px !important;
  border:1px solid rgba(111,180,255,.18) !important;
  border-radius:8px !important;
  background:rgba(9,18,28,.96) !important;
  color:#f0f5fb !important;
  font-size:11px !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}
/* Explicitly suppress every old arrow/CTA fragment inside service cards. */
.visual-services .game-card-arrow,
.visual-services .arrow,
.visual-services .image-only-game-card > b,
.visual-services .image-only-game-card a,
.visual-services .image-only-game-card button{
  display:none !important;
}
@media(max-width:700px){
  .visual-services .image-only-game-card{min-height:126px !important;padding:14px 10px !important}
  .visual-services .image-only-game-card .service-game-image{width:92% !important;max-height:58px !important}
  .visual-services .coming-soon-static-card{padding-bottom:42px !important}
}


/* === AREF legal/contact/service-info additions === */
.site-footer{margin-top:54px;padding:38px 7% 28px;border-top:1px solid #1c2330;background:linear-gradient(180deg,rgba(9,13,20,.18),rgba(6,9,15,.82))}
.site-footer-inner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start}
.site-footer .footer-logo img{width:92px;height:92px;object-fit:contain}.footer-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin:2px 0 15px}.footer-links a{color:#aeb8c8;text-decoration:none;font-size:13px}.footer-links a:hover{color:#fff}
.footer-disclaimer{max-width:960px;color:#697486;font-size:12px;line-height:1.65;margin:8px 0}.site-footer .footer-copy{color:#596273;font-size:12px;margin-top:12px}@media(max-width:720px){.site-footer-inner{grid-template-columns:1fr}.site-footer .footer-logo{text-align:center}.footer-links{justify-content:center}.footer-disclaimer,.site-footer .footer-copy{text-align:center}}
.legal-page,.contact-page{min-height:70vh;padding:70px 6%}.legal-shell,.contact-shell{width:min(1040px,100%);margin:0 auto}.legal-hero,.contact-hero{margin-bottom:24px}.legal-hero .eyebrow,.contact-hero .eyebrow{color:#8c76ff;font-size:12px;font-weight:800;letter-spacing:.13em}.legal-hero h1,.contact-hero h1{font-size:clamp(30px,5vw,48px);margin:8px 0 10px}.legal-hero p,.contact-hero p{max-width:760px;color:#9aa6b7;line-height:1.7}
.legal-card,.contact-card,.service-detail-card{background:rgba(13,18,28,.92);border:1px solid #242d3c;border-radius:18px;padding:24px;box-shadow:0 16px 45px rgba(0,0,0,.22)}.legal-card h2{font-size:20px;margin:26px 0 8px}.legal-card h2:first-child{margin-top:0}.legal-card p,.legal-card li{color:#b0bac9;line-height:1.75;font-size:14px}.legal-card ul{padding-left:20px}.legal-note{margin-top:20px;padding:14px 16px;border:1px solid rgba(140,118,255,.28);background:rgba(124,92,255,.08);border-radius:12px;color:#b9c2d1;font-size:13px;line-height:1.65}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}.contact-info-list{display:grid;gap:14px;margin-top:18px}.contact-info-item{padding:16px;border:1px solid #242d3c;border-radius:13px;background:#0a0f18}.contact-info-item small{display:block;color:#7d899b;margin-bottom:5px}.contact-info-item strong,.contact-info-item a{color:#f1f4f8;text-decoration:none}
.support-request-form{display:grid;gap:13px}.support-request-form label{display:grid;gap:7px;color:#c9d0dc;font-size:12px;font-weight:800}.support-request-form input,.support-request-form select,.support-request-form textarea{width:100%;padding:12px 13px;border:1px solid #2a3445;border-radius:10px;background:#090e16;color:#fff;outline:none}.support-request-form textarea{min-height:150px;resize:vertical}.support-request-form input:focus,.support-request-form select:focus,.support-request-form textarea:focus{border-color:#7c5cff;box-shadow:0 0 0 3px rgba(124,92,255,.11)}.support-form-status{min-height:20px;font-size:13px;color:#aeb8c8}.support-form-status.ok{color:#70e5ad}.support-form-status.error{color:#ff8495}@media(max-width:780px){.contact-grid{grid-template-columns:1fr}}
.service-details{width:min(1180px,calc(100% - 40px));margin:28px auto 0}.service-details h2{margin:0 0 8px;font-size:24px}.service-details .service-lead{color:#a8b2c2;line-height:1.7;margin:0 0 18px}.service-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-detail-card h3{margin:0 0 8px;font-size:16px}.service-detail-card p{margin:0;color:#9eabba;line-height:1.65;font-size:13px}@media(max-width:820px){.service-detail-grid{grid-template-columns:1fr}}
.checkout-trust{display:grid;gap:10px;margin:16px 0}.checkout-trust-item{display:flex;gap:10px;align-items:flex-start;padding:11px 12px;border:1px solid #273142;border-radius:11px;background:#0b1019}.checkout-trust-item span{font-size:18px}.checkout-trust-item div{font-size:12px;color:#9ea9b9;line-height:1.5}.checkout-trust-item strong{display:block;color:#e9edf4;font-size:13px;margin-bottom:2px}
.checkout-legal{display:grid;gap:10px;margin:16px 0}.checkout-legal label{display:grid;grid-template-columns:18px 1fr;gap:9px;align-items:start;color:#b7c0cf;font-size:12px;line-height:1.55}.checkout-legal input{margin-top:3px;accent-color:#7c5cff}.checkout-legal a{color:#9f8aff}.checkout-warning{padding:11px 12px;border-radius:10px;border:1px solid rgba(255,179,71,.25);background:rgba(255,179,71,.06);color:#c9b18d;font-size:12px;line-height:1.55}.checkout-btn:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}

.footer-credits{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:8px 28px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:#8f99a8;font-size:12px;font-weight:700;letter-spacing:.02em}
.footer-credits span{white-space:nowrap}
@media(max-width:640px){.footer-credits{gap:7px 14px}.footer-credits span{width:100%;text-align:center}}