:root{
  --bg:#060816;
  --panel:#0d1025;
  --panel-2:#11152e;
  --line:rgba(255,255,255,.10);
  --text:#f8fafc;
  --muted:#94a3b8;
  --cyan:#00e5ff;
  --purple:#8b5cf6;
  --pink:#ff3ea5;
  --green:#14f195;
  --orange:#ff9f1c;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 10% 5%, rgba(139,92,246,.25), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(0,229,255,.18), transparent 28%),
    linear-gradient(180deg,#050816 0%,#090b1a 45%,#050816 100%);
  min-height:100vh;
}

html.light-mode body{
  --bg:#f6f8ff;
  --panel:#ffffff;
  --panel-2:#f1f5ff;
  --line:rgba(15,23,42,.12);
  --text:#0f172a;
  --muted:#64748b;
  color:#0f172a;
  background:
    radial-gradient(circle at 10% 5%, rgba(139,92,246,.12), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(0,229,255,.10), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 50%,#ffffff 100%);
}

a{text-decoration:none}
.text-mutedx{color:var(--muted)!important}
.glow-text{
  background:linear-gradient(90deg,var(--cyan),var(--pink),var(--green));
  -webkit-background-clip:text;
  color:transparent;
}
.top-strip{
  background:linear-gradient(90deg,rgba(0,229,255,.18),rgba(255,62,165,.18));
  border-bottom:1px solid var(--line);
  font-size:.9rem;
}
.navbar{
  background:rgba(6,8,22,.80)!important;
  backdrop-filter:blur(18px);
  border-bottom:1px solid var(--line);
}
.navbar-brand{
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  letter-spacing:.04em;
  color:#fff!important;
}
.navbar-brand span{color:var(--cyan)}
.nav-link{
  color:#dbeafe!important;
  font-weight:700;
  font-size:.94rem;
}
.nav-link:hover,.nav-link.active{color:var(--cyan)!important}
.btn-neon{
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#fff;
  border:none;
  border-radius:999px;
  padding:.82rem 1.25rem;
  font-weight:900;
  box-shadow:0 0 24px rgba(0,229,255,.25);
}
.btn-neon:hover{color:#fff;transform:translateY(-1px)}
.btn-ghost{
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  border-radius:999px;
  padding:.82rem 1.25rem;
  font-weight:800;
  background:rgba(255,255,255,.04);
}
.btn-ghost:hover{border-color:var(--cyan);color:var(--cyan)}
.hero{
  padding:4rem 0 2.5rem;
}
.hero-card{
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(17,21,46,.88),rgba(6,8,22,.72));
  border-radius:2rem;
  overflow:hidden;
  box-shadow:0 35px 120px rgba(0,0,0,.40);
}
.hero-title{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(2.5rem,5vw,5.7rem);
  line-height:1;
  letter-spacing:-.05em;
}
.badge-neon{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  background:rgba(0,229,255,.10);
  color:#a5f3fc;
  border:1px solid rgba(0,229,255,.25);
  border-radius:999px;
  padding:.5rem .85rem;
  font-weight:800;
  font-size:.82rem;
}
.section-title{
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  letter-spacing:-.04em;
}
.mini-stat,.panel,.game-card,.category-tile,.step-card,.deal-card,.blog-card{
  background:linear-gradient(180deg,rgba(17,21,46,.92),rgba(9,11,26,.92));
  border:1px solid var(--line);
  border-radius:1.5rem;
  box-shadow:0 20px 70px rgba(0,0,0,.24);
}
.mini-stat{padding:1.2rem}
.mini-stat strong{font-size:1.6rem;color:#fff}
.game-card{
  overflow:hidden;
  position:relative;
  transition:.25s ease;
}
.game-card:hover{
  transform:translateY(-8px);
  border-color:rgba(0,229,255,.45);
  box-shadow:0 25px 90px rgba(0,229,255,.12);
}
.game-img{
  height:210px;
  background:#101426;
  overflow:hidden;
}
.game-img img{width:100%;height:100%;object-fit:cover;transition:.35s ease}
.game-card:hover .game-img img{transform:scale(1.06)}
.platform{
  color:#cbd5e1;
  font-size:.78rem;
  font-weight:800;
  border:1px solid var(--line);
  border-radius:999px;
  padding:.25rem .55rem;
  background:rgba(255,255,255,.04)
}
.price{
  font-size:1.35rem;
  font-weight:900;
  color:var(--green);
}
.old-price{
  color:#64748b;
  text-decoration:line-through;
  font-size:.92rem;
}
.discount{
  position:absolute;
  top:1rem;left:1rem;
  background:linear-gradient(135deg,var(--pink),var(--orange));
  color:white;
  border-radius:999px;
  padding:.38rem .7rem;
  font-weight:900;
  font-size:.78rem;
  z-index:4;
}
.stock-corner-badge{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:4;
  min-height:34px;
  max-width:calc(100% - 8.6rem);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.42rem .72rem;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.34);
  color:#dffbff;
  background:
    linear-gradient(135deg,rgba(34,211,238,.20),rgba(124,92,255,.18)),
    rgba(7,10,24,.76);
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(12px);
  font-size:.78rem;
  font-weight:950;
  line-height:1;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.stock-corner-badge.is-preorder{
  border-color:rgba(250,204,21,.36);
  color:#fef3c7;
  background:
    linear-gradient(135deg,rgba(250,204,21,.20),rgba(249,115,22,.16)),
    rgba(7,10,24,.76);
}
body.light-mode .stock-corner-badge{
  color:#075985;
  background:#ffffff;
  border-color:rgba(14,165,233,.24);
  box-shadow:0 12px 24px rgba(15,23,42,.10);
}
body.light-mode .stock-corner-badge.is-preorder{
  color:#92400e;
  border-color:rgba(245,158,11,.28);
}
.slider-img{
  height:450px;
  object-fit:cover;
  opacity:.78;
}
.carousel-caption{
  text-align:left;
  left:8%;
  right:8%;
  bottom:4rem;
}
.carousel-caption h2{
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  font-size:clamp(2rem,4vw,4rem);
}
.category-tile{
  min-height:170px;
  padding:1.5rem;
  position:relative;
  overflow:hidden;
}
.category-tile i{
  position:absolute;
  right:1.2rem;
  bottom:1rem;
  font-size:4.5rem;
  color:rgba(255,255,255,.08);
}
.page-header{
  padding:5rem 0;
  background:
    linear-gradient(135deg,rgba(139,92,246,.22),rgba(0,229,255,.12)),
    #080b1c;
  border-bottom:1px solid var(--line);
}
.form-control,.form-select{
  border-radius:1rem;
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.12);
  color:#fff;
  padding:.85rem 1rem;
}
.form-control::placeholder{color:#64748b}
.form-select option{color:#111827}
.footer{
  background:#030512;
  border-top:1px solid var(--line);
  color:#94a3b8;
}
.footer a{color:#94a3b8}
.footer a:hover{color:var(--cyan)}
.icon-orb{
  width:52px;height:52px;border-radius:18px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.22);
  color:var(--cyan);
}
.cart-thumb{width:92px;height:72px;object-fit:cover;border-radius:1rem}
.table-dark-custom{
  --bs-table-bg: transparent;
  --bs-table-color: #f8fafc;
  border-color:var(--line);
}
@media(max-width:768px){
  .slider-img{height:380px}
  .carousel-caption{bottom:2rem}
}


/* V2 FIXES & ENHANCEMENTS */
.hero-card .carousel-item{
  min-height:520px;
  background:#090b1a;
}
.slider-img{
  height:520px !important;
  opacity:.52;
  filter:saturate(1.15) contrast(1.04);
}
.carousel-caption{
  max-width:720px;
  left:7%;
  right:auto;
  bottom:50%;
  transform:translateY(50%);
  padding:2rem;
  border-radius:1.5rem;
  background:linear-gradient(135deg,rgba(6,8,22,.84),rgba(17,21,46,.55));
  border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(10px);
}
.carousel-caption h2{
  font-size:clamp(2rem,3.5vw,4.1rem) !important;
  line-height:1.04;
  max-width:680px;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}
.carousel-caption p{
  max-width:620px;
}
.carousel-control-prev,
.carousel-control-next{
  width:6%;
}
.filter-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
  color:#dbeafe;
  border-radius:999px;
  padding:.58rem .85rem;
  font-weight:800;
  font-size:.86rem;
}
.filter-chip:hover,.filter-chip.active{
  border-color:rgba(0,229,255,.5);
  color:#a5f3fc;
  background:rgba(0,229,255,.10);
}
.range-line{
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--purple),var(--pink));
}
.store-toolbar{
  background:rgba(255,255,255,.045);
  border:1px solid var(--line);
  border-radius:1.25rem;
  padding:1rem;
}
.small-game-row{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:1rem;
  padding:.8rem;
}
.small-game-row img{
  width:64px;
  height:48px;
  object-fit:cover;
  border-radius:.7rem;
}
.trust-banner{
  border:1px solid rgba(20,241,149,.22);
  background:linear-gradient(135deg,rgba(20,241,149,.09),rgba(0,229,255,.07));
  border-radius:1.4rem;
}
.news-card{
  background:linear-gradient(135deg,rgba(255,62,165,.12),rgba(0,229,255,.08));
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.5rem;
}
@media(max-width:992px){
  .carousel-caption{
    max-width:86%;
    left:7%;
    padding:1.4rem;
  }
  .hero-card .carousel-item,.slider-img{
    min-height:500px;
    height:500px !important;
  }
}
@media(max-width:576px){
  .carousel-caption{
    max-width:90%;
    left:5%;
    padding:1.1rem;
  }
  .carousel-caption h2{
    font-size:2rem !important;
  }
}


/* V3 PAYMENT CARD ANIMATION */
.payment-card-wrap{
  perspective:1200px;
  min-height:255px;
}
.payment-card{
  position:relative;
  width:100%;
  max-width:430px;
  height:255px;
  margin:0 auto;
  transform-style:preserve-3d;
  transition:transform .7s cubic-bezier(.2,.8,.2,1);
}
.payment-card.is-flipped{
  transform:rotateY(180deg);
}
.card-face{
  position:absolute;
  inset:0;
  border-radius:1.6rem;
  backface-visibility:hidden;
  overflow:hidden;
  padding:1.6rem;
  color:#fff;
  background:
    radial-gradient(circle at 20% 10%, rgba(0,229,255,.55), transparent 30%),
    radial-gradient(circle at 85% 20%, rgba(255,62,165,.45), transparent 28%),
    linear-gradient(135deg,#10152f,#060816 70%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 25px 70px rgba(0,0,0,.35), 0 0 35px rgba(0,229,255,.10);
}
.card-face::before{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  border-radius:50%;
  background:rgba(255,255,255,.06);
  right:-80px;
  top:-90px;
}
.card-face::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.10) 45%,transparent 70%);
  transform:translateX(-100%);
  animation:cardShine 4s infinite;
}
@keyframes cardShine{
  0%,55%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}
.card-back{
  transform:rotateY(180deg);
  padding:0;
}
.card-brand-row{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.card-chip{
  width:58px;
  height:42px;
  border-radius:.7rem;
  background:linear-gradient(135deg,#facc15,#f59e0b);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);
}
.card-logo{
  font-family:'Orbitron',sans-serif;
  font-weight:900;
  letter-spacing:.08em;
}
.card-number{
  position:relative;
  z-index:2;
  margin-top:2.1rem;
  font-size:1.55rem;
  letter-spacing:.12em;
  font-weight:800;
  text-shadow:0 0 15px rgba(0,229,255,.35);
}
.card-meta{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-top:2rem;
}
.card-label{
  font-size:.65rem;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.card-value{
  font-weight:800;
  text-transform:uppercase;
}
.card-strip{
  height:52px;
  background:#020617;
  margin-top:2.2rem;
}
.card-signature{
  margin:2rem 1.5rem 0;
  height:44px;
  border-radius:.4rem;
  background:repeating-linear-gradient(135deg,#e2e8f0,#e2e8f0 7px,#cbd5e1 7px,#cbd5e1 14px);
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding-right:.8rem;
  color:#111827;
  font-weight:900;
  letter-spacing:.12em;
}
.card-back-text{
  padding:1.2rem 1.5rem;
  color:#94a3b8;
  font-size:.82rem;
}
.payment-input-icon{
  position:relative;
}
.payment-input-icon i{
  position:absolute;
  left:1rem;
  top:50%;
  transform:translateY(-50%);
  color:#38bdf8;
}
.payment-input-icon input{
  padding-left:2.8rem;
}


/* V4 DISCOUNT CODE AREA */
.discount-code-box{
  background:linear-gradient(135deg,rgba(255,62,165,.10),rgba(0,229,255,.08));
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.25rem;
  padding:1rem;
}
.discount-result{
  display:none;
  margin-top:.75rem;
  padding:.75rem 1rem;
  border-radius:1rem;
  font-weight:800;
}
.discount-result.success{
  display:block;
  background:rgba(20,241,149,.12);
  color:#86efac;
  border:1px solid rgba(20,241,149,.25);
}
.discount-result.error{
  display:block;
  background:rgba(239,68,68,.12);
  color:#fca5a5;
  border:1px solid rgba(239,68,68,.25);
}


/* V5 MOBILE MENU IMPROVEMENT */
.navbar-toggler{
  border:1px solid rgba(255,255,255,.20);
  border-radius:1rem;
  padding:.65rem .85rem;
  background:rgba(255,255,255,.08)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.25);
}
.navbar-toggler:focus{
  box-shadow:0 0 0 .18rem rgba(0,229,255,.25);
}
.navbar-toggler-icon{
  filter:invert(1);
}

@media(max-width:991.98px){
  .navbar{
    padding:.85rem 0;
  }

  .navbar .container{
    padding-left:1.1rem;
    padding-right:1.1rem;
  }

  .navbar-collapse{
    margin-top:1rem;
    padding:1rem;
    border:1px solid rgba(255,255,255,.12);
    border-radius:1.4rem;
    background:
      radial-gradient(circle at top right, rgba(0,229,255,.16), transparent 35%),
      radial-gradient(circle at bottom left, rgba(255,62,165,.12), transparent 38%),
      rgba(8,11,28,.96);
    box-shadow:0 22px 70px rgba(0,0,0,.45);
  }

  .navbar-nav{
    width:100%;
    gap:.45rem;
    margin:0!important;
  }

  .navbar-nav .nav-item{
    width:100%;
  }

  .navbar-nav .nav-link{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:.9rem 1rem;
    border-radius:1rem;
    background:rgba(255,255,255,.035);
    border:1px solid rgba(255,255,255,.08);
    color:#e2e8f0!important;
    font-size:1rem;
  }

  .navbar-nav .nav-link::after{
    content:"›";
    color:rgba(0,229,255,.9);
    font-size:1.35rem;
    line-height:1;
  }

  .navbar-nav .nav-link.active{
    color:#07111f!important;
    background:linear-gradient(135deg,var(--cyan),var(--purple));
    border-color:transparent;
    box-shadow:0 12px 35px rgba(0,229,255,.18);
  }

  .navbar-nav .nav-link.active::after{
    color:#07111f;
  }

  .navbar-collapse .d-flex.gap-3{
    width:100%;
    justify-content:center;
    margin-top:1rem;
    padding-top:1rem;
    border-top:1px solid rgba(255,255,255,.10);
  }

  .navbar-collapse .d-flex.gap-3 a{
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:1rem;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
  }

  .navbar-brand{
    font-size:1.45rem;
  }

  .top-strip{
    text-align:center;
    font-size:.78rem;
  }

  .top-strip .container{
    justify-content:center!important;
  }
}


/* V6 FOOTER MOBILE IMPROVEMENT */
.footer{
  overflow:hidden;
}

.footer .navbar-brand{
  display:inline-block;
  margin-bottom:.75rem;
}

.footer h6{
  font-weight:900;
  margin-bottom:1rem;
}

.footer .input-group{
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.25rem;
  padding:.35rem;
  background:rgba(255,255,255,.04);
}

.footer .input-group .form-control{
  border:none;
  background:transparent;
  box-shadow:none;
  min-width:0;
}

.footer .input-group .btn{
  white-space:nowrap;
  border-radius:1rem!important;
}

.footer .social-icons{
  display:flex;
  gap:.8rem;
  flex-wrap:wrap;
}

.footer .social-icons i{
  width:40px;
  height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:1rem;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  color:#bfdbfe;
}

.footer .footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:.8rem;
}

@media(max-width:767.98px){
  .footer{
    text-align:left;
    padding-left:.75rem;
    padding-right:.75rem;
  }

  .footer .container{
    padding-left:1rem;
    padding-right:1rem;
  }

  .footer .row{
    row-gap:2rem;
  }

  .footer .navbar-brand{
    font-size:1.65rem;
    line-height:1;
  }

  .footer p{
    font-size:.95rem;
    line-height:1.55;
    max-width:100%;
  }

  .footer .social-icons{
    margin-top:1rem;
  }

  .footer .col-6{
    width:50%;
  }

  .footer a{
    display:block;
    padding:.28rem 0;
    font-size:.98rem;
  }

  .footer .input-group{
    display:flex;
    align-items:center;
    width:100%;
    padding:.45rem;
  }

  .footer .input-group .form-control{
    flex:1 1 auto;
    width:1%;
    font-size:.92rem;
    padding:.8rem .75rem;
  }

  .footer .input-group .btn{
    flex:0 0 auto;
    padding:.78rem .9rem;
    font-size:.9rem;
  }

  .footer hr{
    margin:1.5rem 0!important;
  }

  .footer .footer-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:.55rem;
    font-size:.92rem;
    line-height:1.5;
  }
}

@media(max-width:390px){
  .footer .input-group{
    flex-direction:column;
    align-items:stretch;
    gap:.5rem;
  }

  .footer .input-group .form-control{
    width:100%;
    text-align:left;
  }

  .footer .input-group .btn{
    width:100%;
  }
}



/* V8 TOOLBAR THEME IMPROVEMENT */
.list-control-bar{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 30%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.08), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.96));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.7rem;
  padding:1.15rem;
  box-shadow:
    0 20px 70px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(12px);
}

.list-control-bar .control-btn,
.list-control-bar .control-select,
.list-control-bar .control-search{
  height:58px;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#f8fafc;
  font-weight:800;
  transition:.25s ease;
}

.list-control-bar .control-search{
  padding:0 1.2rem;
  min-width:240px;
}

.list-control-bar .control-search::placeholder{
  color:#94a3b8;
}

.list-control-bar .control-btn{
  padding:0 1.25rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  background:linear-gradient(135deg, rgba(0,229,255,.12), rgba(139,92,246,.10));
}

.list-control-bar .control-btn:hover,
.list-control-bar .control-select:hover,
.list-control-bar .control-search:hover{
  border-color:rgba(0,229,255,.35);
  box-shadow:0 0 0 4px rgba(0,229,255,.08);
}

.list-control-bar .control-btn:hover{
  color:#a5f3fc;
}

.list-control-bar .control-select{
  padding:0 2.5rem 0 1rem;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 1rem center;
}

.list-control-bar .control-select option{
  background:#0b1028;
  color:#fff;
}

.list-control-bar .product-count{
  color:#cbd5e1;
  font-weight:700;
}

.list-control-bar .product-count strong{
  color:#fff;
  font-size:1.1rem;
}

.filter-modal-content{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.10), transparent 35%),
    #0b1028;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:1.5rem;
  overflow:hidden;
}

.filter-modal-content .modal-header,
.filter-modal-content .modal-footer{
  border-color:rgba(255,255,255,.10);
}

.filter-section-title{
  font-weight:900;
  margin-bottom:.75rem;
}

.filter-modal-content .btn-close{
  filter:invert(1);
}

.pagination-wrap{
  background:rgba(255,255,255,.045);
  border:1px solid var(--line);
  border-radius:1.25rem;
  padding:1rem;
}

.pagination .page-link{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.10);
  color:#dbeafe;
  border-radius:.75rem;
  margin:0 .18rem;
  font-weight:800;
}

.pagination .page-item.active .page-link{
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  border-color:transparent;
  color:#07111f;
}

.pagination .page-link:hover{
  color:#a5f3fc;
  border-color:rgba(0,229,255,.45);
}

.shop-sidebar-desktop{
  display:none!important;
}

@media(max-width:767.98px){
  .list-control-bar{
    border-radius:1.2rem;
    margin-left:0;
    margin-right:0;
    padding:1rem;
  }

  .list-control-bar .row{
    row-gap:.75rem;
  }

  .list-control-bar .control-btn,
  .list-control-bar .control-select,
  .list-control-bar .control-search{
    width:100%;
    height:54px;
  }

  .pagination-wrap{
    text-align:center;
  }

  .pagination-wrap .d-flex{
    justify-content:center!important;
  }
}


/* V9 FILTER SELECTION INFO */
.applied-filter-box{
  background:
    radial-gradient(circle at top right, rgba(20,241,149,.10), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.92), rgba(7,10,24,.96));
  border:1px solid rgba(20,241,149,.20);
  border-radius:1.5rem;
  padding:1.2rem;
  box-shadow:0 18px 55px rgba(0,0,0,.25);
}

.applied-filter-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
}

.applied-filter-tag{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
  padding:.55rem .8rem;
  border-radius:999px;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.24);
  color:#a5f3fc;
  font-weight:800;
  font-size:.86rem;
}

.filter-chip{
  cursor:pointer;
}

.filter-chip.active{
  border-color:rgba(0,229,255,.75)!important;
  background:rgba(0,229,255,.16)!important;
  color:#a5f3fc!important;
}

@media(max-width:767.98px){
  .applied-filter-box{
    padding:1rem;
    border-radius:1.2rem;
  }
}


/* V10 REMOVE FILTER TAGS */
.applied-filter-tag{
  padding-right:.45rem;
}

.remove-filter-tag{
  width:24px;
  height:24px;
  border:none;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.10);
  color:#fff;
  margin-left:.25rem;
  cursor:pointer;
  transition:.2s ease;
}

.remove-filter-tag:hover{
  background:rgba(239,68,68,.35);
  color:#fecaca;
}




/* V12 MOBILE FILTER BUTTONS FIX */
.quick-filter-row{
  display:flex;
  gap:.75rem;
  flex-wrap:wrap;
  margin-bottom:1.5rem;
}

.quick-filter-row .btn{
  transition:.22s ease;
}

.quick-filter-row .btn:not(.active-filter){
  opacity:1!important;
}

.quick-filter-row .btn-neon,
.quick-filter-row .btn.active-filter{
  box-shadow:0 10px 30px rgba(0,229,255,.18);
}

@media(max-width:767.98px){

  .quick-filter-row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.65rem;
    margin-bottom:1.3rem;
  }

  .quick-filter-row .btn{
    width:100%;
    min-height:42px;
    border-radius:1rem;
    font-size:.85rem;
    padding:.65rem .8rem;
    display:flex;
    align-items:center;
    justify-content:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    box-shadow:none!important;
  }

  .quick-filter-row .btn-neon,
  .quick-filter-row .btn.active-filter{
    background:linear-gradient(135deg,var(--cyan),var(--purple));
    border:none;
    color:#07111f!important;
    font-weight:900;
  }

  .quick-filter-row .btn-ghost{
    background:rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.10);
    color:#e2e8f0;
  }
}

@media(max-width:420px){
  .quick-filter-row{
    grid-template-columns:repeat(2,1fr);
  }

  .quick-filter-row .btn{
    font-size:.8rem;
    padding:.6rem .55rem;
  }
}


/* V13 SELECT + MOBILE CART FIX */
.form-select,
.control-select{
  cursor:pointer;
  color:#f8fafc!important;
  background-color:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:none!important;
}

.form-select:focus,
.control-select:focus{
  border-color:rgba(0,229,255,.70)!important;
  box-shadow:0 0 0 .22rem rgba(0,229,255,.14)!important;
}

.form-select option,
.control-select option{
  background:#0b1028!important;
  color:#f8fafc!important;
  padding:1rem;
}

.select-clean{
  position:relative;
}

.select-clean::after{
  content:"⌄";
  position:absolute;
  right:1.05rem;
  top:50%;
  transform:translateY(-55%);
  color:#67e8f9;
  pointer-events:none;
  font-size:1.05rem;
  font-weight:900;
}

.cart-mobile-list{
  display:none;
}

.cart-product-line{
  display:flex;
  gap:.95rem;
  align-items:flex-start;
  padding:1rem;
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  margin-bottom:.9rem;
}

.cart-product-line img{
  width:86px;
  height:66px;
  object-fit:cover;
  border-radius:1rem;
  flex:0 0 auto;
}

.cart-product-line h5{
  font-size:1rem;
  line-height:1.25;
  margin-bottom:.35rem;
}

.cart-product-meta{
  display:flex;
  flex-wrap:wrap;
  gap:.4rem;
  margin-top:.45rem;
}

.cart-product-meta span{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  color:#cbd5e1;
  border-radius:999px;
  padding:.25rem .55rem;
  font-size:.75rem;
  font-weight:800;
}

.cart-product-price{
  color:#14f195;
  font-size:1.15rem;
  font-weight:900;
  margin-top:.55rem;
}

.cart-remove-mobile{
  width:36px;
  height:36px;
  border-radius:.8rem;
  border:1px solid rgba(239,68,68,.55);
  color:#fb7185;
  background:rgba(239,68,68,.08);
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

@media(max-width:767.98px){
  .cart-table-desktop{
    display:none!important;
  }

  .cart-mobile-list{
    display:block;
  }

  .cart-page-panel{
    padding:1rem!important;
    border-radius:1.25rem;
  }

  .cart-page-panel h3,
  .cart-summary-panel h3{
    font-size:1.35rem;
  }

  .cart-summary-panel{
    padding:1.15rem!important;
    border-radius:1.25rem;
  }

  .cart-summary-panel .fs-4{
    font-size:1.28rem!important;
  }

  .cart-summary-panel .btn{
    width:100%;
  }
}


/* V13 CUSTOM SELECT */
.custom-select-box{
  position:relative;
  z-index:5;
}

.custom-select-trigger{
  width:100%;
  min-height:56px;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.055);
  color:#f8fafc;
  padding:.85rem 1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-weight:800;
}

.custom-select-trigger:focus{
  outline:none;
  border-color:rgba(0,229,255,.70);
  box-shadow:0 0 0 .22rem rgba(0,229,255,.14);
}

.custom-select-menu{
  display:none;
  position:absolute;
  left:0;
  right:0;
  top:calc(100% + .45rem);
  background:#0b1028;
  border:1px solid rgba(0,229,255,.22);
  border-radius:1rem;
  overflow:hidden;
  box-shadow:0 20px 50px rgba(0,0,0,.35);
}

.custom-select-box.open .custom-select-menu{
  display:block;
}

.custom-select-menu button{
  width:100%;
  border:none;
  background:transparent;
  color:#e2e8f0;
  text-align:left;
  padding:.9rem 1rem;
  font-weight:700;
}

.custom-select-menu button:hover{
  background:rgba(0,229,255,.10);
  color:#a5f3fc;
}


/* V14 MOBILE CART REDESIGN */
.cart-product-line{
  position:relative;
  align-items:center;
  gap:.9rem;
  padding:1rem;
  border-radius:1.4rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.08), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.94), rgba(8,11,28,.96));
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.cart-product-line::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.03), transparent);
  transform:translateX(-100%);
  animation:cartShine 5s infinite;
}

@keyframes cartShine{
  0%,60%{transform:translateX(-100%)}
  100%{transform:translateX(100%)}
}

.cart-product-line img{
  width:92px;
  height:72px;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 35px rgba(0,0,0,.25);
}

.cart-product-content{
  min-width:0;
}

.cart-product-content h5{
  font-size:1.05rem;
  line-height:1.2;
  margin-bottom:.55rem;
  color:#fff;
}

.cart-product-meta{
  gap:.45rem;
  margin-top:0;
}

.cart-product-meta span{
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.10);
  padding:.3rem .6rem;
  border-radius:999px;
  font-size:.72rem;
  font-weight:800;
  color:#dbeafe;
}

.cart-product-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.8rem;
  margin-top:.9rem;
}

.cart-product-price{
  margin-top:0;
  font-size:1.35rem;
  letter-spacing:-.02em;
  color:#14f195;
  text-shadow:0 0 18px rgba(20,241,149,.15);
}

.cart-remove-mobile{
  width:42px;
  height:42px;
  border-radius:1rem;
  border:1px solid rgba(239,68,68,.32);
  background:rgba(239,68,68,.10);
  color:#fb7185;
  transition:.2s ease;
}

.cart-remove-mobile:hover{
  background:rgba(239,68,68,.18);
  transform:translateY(-1px);
}

@media(max-width:767.98px){
  .cart-product-line{
    padding:.9rem;
    border-radius:1.25rem;
  }

  .cart-product-line img{
    width:82px;
    height:66px;
  }

  .cart-product-content h5{
    font-size:.98rem;
    margin-bottom:.5rem;
  }

  .cart-product-price{
    font-size:1.22rem;
  }
}

@media(max-width:430px){
  .cart-product-line{
    align-items:flex-start;
  }

  .cart-product-line img{
    width:78px;
    height:62px;
  }

  .cart-product-bottom{
    margin-top:.75rem;
  }

  .cart-product-price{
    font-size:1.15rem;
  }

  .cart-remove-mobile{
    width:38px;
    height:38px;
    border-radius:.9rem;
  }
}


/* V15 TOAST + CONFIRM MODAL + SCROLL TOP */
.game-toast{
  position:fixed;
  right:1.25rem;
  bottom:1.25rem;
  z-index:9999;
  max-width:360px;
  width:calc(100% - 2rem);
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.18), transparent 32%),
    linear-gradient(135deg, rgba(17,21,46,.98), rgba(6,8,22,.98));
  border:1px solid rgba(0,229,255,.22);
  border-radius:1.25rem;
  color:#fff;
  padding:1rem;
  box-shadow:0 22px 70px rgba(0,0,0,.42);
  display:flex;
  align-items:flex-start;
  gap:.85rem;
  transform:translateY(18px);
  opacity:0;
  pointer-events:none;
  transition:.28s ease;
}

.game-toast.show{
  transform:translateY(0);
  opacity:1;
  pointer-events:auto;
}

.game-toast-icon{
  width:44px;
  height:44px;
  border-radius:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.25rem;
}

.game-toast-title{
  font-weight:900;
  margin-bottom:.15rem;
}

.game-toast-text{
  color:#cbd5e1;
  font-size:.9rem;
  line-height:1.35;
}

.confirm-modal-content{
  background:
    radial-gradient(circle at top right, rgba(239,68,68,.13), transparent 32%),
    radial-gradient(circle at bottom left, rgba(0,229,255,.10), transparent 34%),
    #0b1028;
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:1.6rem;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}

.confirm-icon{
  width:64px;
  height:64px;
  border-radius:1.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 1rem;
  color:#fecaca;
  background:rgba(239,68,68,.13);
  border:1px solid rgba(239,68,68,.28);
  font-size:1.7rem;
}

.scroll-top-btn{
  position:fixed;
  right:1.25rem;
  bottom:6.1rem;
  z-index:9998;
  width:52px;
  height:52px;
  border:none;
  border-radius:1.1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#07111f;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  box-shadow:0 18px 45px rgba(0,229,255,.20);
  opacity:0;
  visibility:hidden;
  transform:translateY(14px);
  transition:.25s ease;
}

.scroll-top-btn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.scroll-top-btn:hover{
  transform:translateY(-3px);
}

@media(max-width:576px){
  .game-toast{
    right:1rem;
    left:1rem;
    bottom:1rem;
    width:auto;
  }

  .scroll-top-btn{
    right:1rem;
    bottom:5.9rem;
    width:48px;
    height:48px;
  }
}


/* V16 PRODUCT DETAIL MEDIA */
.detail-gallery-main{
  border-radius:1.6rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  box-shadow:0 25px 80px rgba(0,0,0,.32);
}

.detail-gallery-main img{
  height:430px;
  width:100%;
  object-fit:cover;
}

.gallery-thumbs{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.75rem;
  margin-top:.9rem;
}

.gallery-thumb{
  border:none;
  padding:0;
  border-radius:1rem;
  overflow:hidden;
  background:transparent;
  border:1px solid rgba(255,255,255,.10);
  opacity:.72;
  transition:.2s ease;
}

.gallery-thumb:hover,
.gallery-thumb.active{
  opacity:1;
  border-color:rgba(0,229,255,.55);
  box-shadow:0 0 0 3px rgba(0,229,255,.10);
}

.gallery-thumb img{
  width:100%;
  height:74px;
  object-fit:cover;
}

.video-panel{
  position:relative;
  border-radius:1.6rem;
  overflow:hidden;
  min-height:290px;
  background:
    linear-gradient(135deg,rgba(0,229,255,.14),rgba(255,62,165,.10)),
    #070a18;
  border:1px solid rgba(255,255,255,.12);
}

.video-panel img{
  width:100%;
  height:100%;
  min-height:290px;
  object-fit:cover;
  opacity:.45;
}

.video-play{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:.8rem;
  text-align:center;
}

.video-play-icon{
  width:78px;
  height:78px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:2.2rem;
  box-shadow:0 0 40px rgba(0,229,255,.26);
}

.detail-stat-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.8rem;
}

.detail-stat{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:1.15rem;
  padding:1rem;
}

.detail-stat strong{
  display:block;
  font-size:1.25rem;
  color:#fff;
}

.detail-stat span{
  color:#94a3b8;
  font-size:.82rem;
  font-weight:700;
}

.system-list{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:.8rem;
}

.system-list div{
  border:1px solid rgba(255,255,255,.10);
  border-radius:1rem;
  padding:.85rem;
  background:rgba(255,255,255,.04);
}

@media(max-width:767.98px){
  .detail-gallery-main img{
    height:280px;
  }

  .gallery-thumbs{
    grid-template-columns:repeat(2,1fr);
  }

  .gallery-thumb img{
    height:82px;
  }

  .detail-stat-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .system-list{
    grid-template-columns:1fr;
  }

  .video-panel,
  .video-panel img{
    min-height:230px;
  }
}


/* V18 PROFILE + ERROR PAGES */
.profile-hero-card,
.profile-card,
.error-card{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.08), transparent 32%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.96));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.6rem;
  box-shadow:0 20px 70px rgba(0,0,0,.30);
}

.profile-avatar{
  width:88px;
  height:88px;
  border-radius:1.4rem;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:2.2rem;
  font-weight:900;
  font-family:'Orbitron',sans-serif;
}

.profile-menu a{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:.85rem 1rem;
  border-radius:1rem;
  color:#cbd5e1;
  border:1px solid transparent;
  font-weight:800;
}

.profile-menu a.active,
.profile-menu a:hover{
  color:#a5f3fc;
  background:rgba(0,229,255,.09);
  border-color:rgba(0,229,255,.18);
}

.saved-card{
  position:relative;
  min-height:160px;
  border-radius:1.4rem;
  padding:1.2rem;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 15%, rgba(255,62,165,.32), transparent 30%),
    radial-gradient(circle at 15% 10%, rgba(0,229,255,.30), transparent 28%),
    linear-gradient(135deg,#10152f,#060816);
  border:1px solid rgba(255,255,255,.15);
}

.saved-card::after{
  content:"";
  position:absolute;
  width:200px;
  height:200px;
  border-radius:50%;
  right:-70px;
  bottom:-90px;
  background:rgba(255,255,255,.055);
}

.saved-card-number{
  font-size:1.1rem;
  letter-spacing:.12em;
  font-weight:900;
  margin-top:1.8rem;
}

.saved-card-meta{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.2rem;
  color:#cbd5e1;
  font-size:.82rem;
  font-weight:800;
}

.order-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.04);
  border-radius:1.1rem;
  margin-bottom:.8rem;
}

.error-code{
  font-family:'Orbitron',sans-serif;
  font-size:clamp(5rem,14vw,12rem);
  line-height:.85;
  font-weight:900;
  background:linear-gradient(90deg,var(--cyan),var(--pink),var(--purple));
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 45px rgba(0,229,255,.10);
}

.error-orbit{
  width:190px;
  height:190px;
  border-radius:50%;
  margin:0 auto 2rem;
  border:1px solid rgba(0,229,255,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  background:radial-gradient(circle,rgba(0,229,255,.12),transparent 62%);
  animation:errorPulse 3s infinite;
}

.error-orbit i{
  font-size:4rem;
  color:#67e8f9;
}

@keyframes errorPulse{
  0%,100%{box-shadow:0 0 0 rgba(0,229,255,0)}
  50%{box-shadow:0 0 55px rgba(0,229,255,.18)}
}

@media(max-width:767.98px){
  .profile-avatar{
    width:72px;
    height:72px;
    font-size:1.7rem;
  }

  .order-line{
    align-items:flex-start;
    flex-direction:column;
  }

  .saved-card{
    min-height:150px;
  }
}


/* V19 PROFILE SCROLLSPY */
.profile-section{
  scroll-margin-top:110px;
}

.profile-menu a{
  position:relative;
  transition:.22s ease;
}

.profile-menu a.active{
  color:#a5f3fc;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.18), transparent 35%),
    rgba(0,229,255,.09);
  border-color:rgba(0,229,255,.24);
  box-shadow:0 12px 35px rgba(0,229,255,.08);
}

.profile-menu a.active::before{
  content:"";
  position:absolute;
  left:-1px;
  top:50%;
  transform:translateY(-50%);
  width:4px;
  height:42%;
  border-radius:999px;
  background:linear-gradient(180deg,var(--cyan),var(--purple));
}

@media(max-width:991.98px){
  .profile-menu{
    position:relative!important;
    top:auto!important;
  }
}


/* V20 PROFILE SCROLLSPY FIXED */
.profile-section{
  scroll-margin-top:125px;
}

.profile-menu{
  max-height:calc(100vh - 130px);
}

.profile-menu a.active{
  color:#a5f3fc!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.20), transparent 35%),
    rgba(0,229,255,.10)!important;
  border-color:rgba(0,229,255,.30)!important;
  box-shadow:0 12px 35px rgba(0,229,255,.10);
}

.profile-menu a.active i{
  color:#67e8f9;
}

.profile-section.section-glow{
  animation:sectionGlow .9s ease;
}

@keyframes sectionGlow{
  0%{box-shadow:0 0 0 rgba(0,229,255,0)}
  35%{box-shadow:0 0 0 4px rgba(0,229,255,.13), 0 20px 70px rgba(0,0,0,.30)}
  100%{box-shadow:0 20px 70px rgba(0,0,0,.30)}
}


/* V21 PROFILE SCROLL TOP FIX */
.profile-scroll-top-btn{
  z-index:10050!important;
  right:1.25rem!important;
  bottom:1.25rem!important;
}

.profile-scroll-top-btn.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
}

@media(max-width:576px){
  .profile-scroll-top-btn{
    right:1rem!important;
    bottom:1rem!important;
    width:48px!important;
    height:48px!important;
  }
}


/* V22 ADD CARD POPUP */
.add-card-btn{
  white-space:nowrap;
}

.mini-card-preview{
  border-radius:1.35rem;
  padding:1.2rem;
  min-height:145px;
  background:
    radial-gradient(circle at 85% 15%, rgba(255,62,165,.34), transparent 30%),
    radial-gradient(circle at 15% 10%, rgba(0,229,255,.32), transparent 28%),
    linear-gradient(135deg,#10152f,#060816);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}

.mini-card-number{
  font-size:1.2rem;
  letter-spacing:.12em;
  font-weight:900;
  margin-top:1.6rem;
}

.add-card-modal .modal-footer{
  justify-content:space-between;
}

@media(max-width:767.98px){
  .add-card-btn{
    padding:.62rem .85rem!important;
    font-size:.82rem!important;
    border-radius:.9rem!important;
    width:auto!important;
    min-height:38px;
  }

  #cards .d-flex.justify-content-between{
    align-items:flex-start!important;
  }

  .saved-card{
    min-height:140px;
    padding:1rem;
  }

  .saved-card-number{
    font-size:1rem;
    margin-top:1.45rem;
  }

  .add-card-modal .modal-body{
    padding:1rem!important;
  }

  .add-card-modal .modal-footer{
    padding:1rem;
  }

  .mini-card-preview{
    min-height:132px;
  }
}


/* V23 WIDER CARD MODAL */
#addCardModal .modal-dialog{
  max-width:760px;
}

.add-card-modal{
  border-radius:1.8rem;
}

.add-card-modal .modal-header{
  padding:1.5rem 1.6rem 1rem;
}

.add-card-modal .modal-body{
  padding:1.6rem!important;
}

.add-card-modal .modal-footer{
  padding:1.2rem 1.6rem 1.6rem;
}

.add-card-modal .row.g-3{
  --bs-gutter-x:1rem;
  --bs-gutter-y:1rem;
}

.mini-card-preview{
  min-height:180px;
  padding:1.45rem;
}

.mini-card-number{
  font-size:1.45rem;
  margin-top:2rem;
}

@media(min-width:992px){
  .add-card-modal .modal-body{
    padding:2rem!important;
  }

  .add-card-modal .form-control,
  .add-card-modal .form-select{
    min-height:56px;
  }

  .mini-card-preview{
    min-height:200px;
  }

  .mini-card-number{
    font-size:1.6rem;
    letter-spacing:.16em;
  }
}

@media(max-width:767.98px){
  #addCardModal .modal-dialog{
    max-width:calc(100% - 1rem);
    margin:.5rem auto;
  }
}


/* V24 BLOG PAGES */
.blog-hero{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.16), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.12), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.96), rgba(7,10,24,.98));
  border:1px solid rgba(255,255,255,.10);
  border-radius:2rem;
  overflow:hidden;
}

.blog-featured-img{
  min-height:360px;
  border-radius:1.5rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}

.blog-featured-img img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.blog-grid-card{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.08), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.94), rgba(8,11,28,.96));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.5rem;
  overflow:hidden;
  height:100%;
  transition:.22s ease;
}

.blog-grid-card:hover{
  transform:translateY(-6px);
  border-color:rgba(0,229,255,.35);
  box-shadow:0 22px 70px rgba(0,229,255,.10);
}

.blog-grid-card img{
  width:100%;
  height:220px;
  object-fit:cover;
}

.blog-meta{
  display:flex;
  align-items:center;
  gap:.7rem;
  flex-wrap:wrap;
  color:#94a3b8;
  font-size:.86rem;
  font-weight:700;
}

.blog-category{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.42rem .7rem;
  border-radius:999px;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.22);
  color:#a5f3fc;
  font-weight:900;
  font-size:.78rem;
}

.blog-sidebar-card{
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.4rem;
  padding:1.2rem;
}

.blog-sidebar-link{
  display:flex;
  gap:.8rem;
  align-items:center;
  padding:.75rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#e2e8f0;
}

.blog-sidebar-link:last-child{
  border-bottom:none;
}

.blog-sidebar-link img{
  width:70px;
  height:52px;
  object-fit:cover;
  border-radius:.8rem;
}

.article-card{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 32%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.97));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.8rem;
}

.article-cover{
  border-radius:1.5rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
}

.article-cover img{
  width:100%;
  max-height:480px;
  object-fit:cover;
}

.article-content{
  color:#cbd5e1;
  font-size:1.05rem;
  line-height:1.8;
}

.article-content h2,
.article-content h3{
  color:#fff;
  font-family:'Orbitron',sans-serif;
  margin-top:2rem;
}

.article-callout{
  border:1px solid rgba(20,241,149,.22);
  background:rgba(20,241,149,.08);
  border-radius:1.2rem;
  padding:1rem;
  color:#d1fae5;
}

@media(max-width:767.98px){
  .blog-hero{
    border-radius:1.3rem;
  }

  .blog-featured-img{
    min-height:240px;
  }

  .blog-grid-card img{
    height:190px;
  }

  .article-content{
    font-size:.98rem;
  }
}


/* V25 BLOG DETAIL SIDEBAR FIX */
.blog-detail-sidebar{
  position:sticky;
  top:105px;
  display:flex;
  flex-direction:column;
  gap:1rem;
  align-self:flex-start;
}

.blog-detail-sidebar .blog-sidebar-card{
  position:relative!important;
  top:auto!important;
  overflow:hidden;
}

.blog-summary-card{
  padding:1.25rem;
}

.blog-summary-card h4,
.related-posts-card h4{
  margin-bottom:.85rem;
  line-height:1.2;
}

.blog-summary-card p{
  margin-bottom:1rem;
  line-height:1.55;
}

.blog-summary-card .btn{
  width:100%;
  white-space:normal;
  line-height:1.2;
  padding:.85rem 1rem;
}

.related-posts-card .blog-sidebar-link{
  align-items:flex-start;
}

.related-posts-card .blog-sidebar-link span{
  line-height:1.35;
  font-size:.95rem;
}

.related-posts-card .blog-sidebar-link img{
  flex:0 0 70px;
}

@media(max-width:991.98px){
  .blog-detail-sidebar{
    position:relative;
    top:auto;
    margin-top:1rem;
  }
}

@media(max-width:767.98px){
  .blog-summary-card,
  .related-posts-card{
    padding:1rem;
  }

  .related-posts-card .blog-sidebar-link{
    gap:.65rem;
  }

  .related-posts-card .blog-sidebar-link img{
    width:62px;
    height:48px;
  }
}


/* V26 CENTER FOOTER */
.footer-bottom{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.7rem;
  width:100%;
}

.footer-bottom p,
.footer-bottom div,
.footer-bottom span{
  margin:0;
}

.footer-bottom .payment-text{
  color:#94a3b8;
  font-weight:700;
}


/* V27 MOBILE FOOTER CENTER FIX */
@media(max-width:767.98px){

  footer .container,
  .footer .container{
    text-align:center;
  }

  .footer-top,
  .footer-content,
  .footer-links,
  .footer-column{
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }

  .footer .row{
    justify-content:center;
  }

  .footer .col-lg-4,
  .footer .col-lg-2,
  .footer .col-md-6,
  .footer .col-12{
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .footer p,
  .footer a,
  .footer span,
  .footer h4,
  .footer h5{
    text-align:center!important;
  }

  .footer .social-links,
  .footer .social-icons{
    justify-content:center!important;
  }

  .footer form,
  .footer .newsletter-form{
    width:100%;
    justify-content:center;
  }

  .footer-bottom{
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%;
    margin:0 auto;
  }

  .footer-bottom .payment-text{
    width:100%;
    text-align:center!important;
    display:block;
  }
}


/* V28 SOFT PAGE LOADER */
.page-loader{
  position:fixed;
  inset:0;
  z-index:20000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.18), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.14), transparent 36%),
    rgba(5,8,22,.96);
  backdrop-filter:blur(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s ease, visibility .35s ease;
}

html.light-mode .page-loader{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.12), transparent 36%),
    rgba(248,251,255,.96);
}

html.light-mode .loader-logo{
  color:#0f172a;
}

html.light-mode .loader-text{
  color:#475569;
}

html.light-mode .loader-ring{
  border-color:rgba(15,23,42,.10);
  border-top-color:var(--cyan);
  border-right-color:var(--purple);
  box-shadow:0 0 35px rgba(14,165,233,.14);
}

.page-loader.show{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

html body:not(.page-is-ready) .page-loader{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
}

html body.page-is-ready .page-loader:not(.show){
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}

.loader-box{
  text-align:center;
  transform:translateY(10px) scale(.98);
  transition:transform .35s ease;
}

.page-loader.show .loader-box{
  transform:translateY(0) scale(1);
}

.loader-logo{
  font-family:'Orbitron',sans-serif;
  font-size:2rem;
  font-weight:900;
  letter-spacing:.08em;
  color:#fff;
  margin-bottom:1.25rem;
  width:13.5rem;
  min-height:2.55rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  white-space:nowrap;
  font-synthesis:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
  transform:translateZ(0);
}

.loader-logo span{
  color:var(--cyan);
}

.loader-ring{
  width:84px;
  height:84px;
  border-radius:50%;
  margin:0 auto 1.2rem;
  border:3px solid rgba(255,255,255,.10);
  border-top-color:var(--cyan);
  border-right-color:var(--purple);
  animation:loaderSpin .9s linear infinite;
  box-shadow:0 0 35px rgba(0,229,255,.18);
}

.loader-text{
  color:#cbd5e1;
  font-weight:800;
  font-size:.95rem;
}

.loader-dots span{
  animation:loaderDots 1.2s infinite;
  opacity:.25;
}

.loader-dots span:nth-child(2){
  animation-delay:.18s;
}

.loader-dots span:nth-child(3){
  animation-delay:.36s;
}

@keyframes loaderSpin{
  to{transform:rotate(360deg)}
}

@keyframes loaderDots{
  0%,100%{opacity:.25}
  50%{opacity:1}
}

body.page-is-loading{
  overflow:hidden;
}

@media(max-width:576px){
  .loader-logo{
    font-size:1.55rem;
  }

  .loader-ring{
    width:68px;
    height:68px;
  }
}


/* V30 LIVE SUPPORT CHAT */
.live-chat-toggle{
  position:fixed;
  right:1.2rem;
  bottom:1.2rem;
  width:64px;
  height:64px;
  border:none;
  border-radius:1.4rem;
  z-index:12000;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,.20), transparent 30%),
    linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  box-shadow:0 22px 55px rgba(0,229,255,.25);
  transition:.25s ease;
}

.live-chat-toggle:hover{
  transform:translateY(-4px) scale(1.03);
}

.live-chat-toggle i{
  font-size:1.65rem;
}

.live-chat-window{
  position:fixed;
  right:1.2rem;
  bottom:5.8rem;
  width:380px;
  max-width:calc(100% - 1.4rem);
  height:620px;
  max-height:calc(100vh - 120px);
  z-index:12001;
  border-radius:1.8rem;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.10), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.98), rgba(7,10,24,.99));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 35px 100px rgba(0,0,0,.45);
  opacity:0;
  visibility:hidden;
  transform:translateY(18px) scale(.98);
  transition:.28s ease;
}

.live-chat-window.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
}

.live-chat-header{
  padding:1rem 1.1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.live-chat-agent{
  display:flex;
  align-items:center;
  gap:.85rem;
}

.agent-avatar{
  width:48px;
  height:48px;
  border-radius:1rem;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:1.15rem;
}

.agent-status{
  color:#22c55e;
  font-size:.82rem;
  font-weight:800;
}

.live-chat-close{
  width:42px;
  height:42px;
  border:none;
  border-radius:1rem;
  background:rgba(255,255,255,.06);
  color:#fff;
}

.live-chat-body{
  flex:1;
  overflow:auto;
  padding:1rem;
  display:flex;
  flex-direction:column;
  gap:.9rem;
}

.chat-bubble{
  max-width:82%;
  padding:.9rem 1rem;
  border-radius:1.2rem;
  line-height:1.45;
  font-size:.95rem;
  animation:chatFade .25s ease;
}

.chat-bubble.agent{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.08);
  color:#e2e8f0;
  border-bottom-left-radius:.35rem;
}

.chat-bubble.user{
  align-self:flex-end;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-weight:700;
  border-bottom-right-radius:.35rem;
}

.live-chat-footer{
  padding:1rem;
  border-top:1px solid rgba(255,255,255,.08);
}

.live-chat-form{
  display:flex;
  gap:.75rem;
  align-items:center;
}

.live-chat-input{
  flex:1;
  min-height:54px;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.05);
  color:#fff;
  padding:0 1rem;
}

.live-chat-input:focus{
  outline:none;
  border-color:rgba(0,229,255,.40);
}

.live-chat-send{
  width:54px;
  height:54px;
  border:none;
  border-radius:1rem;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.2rem;
}

.chat-quick-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-bottom:.9rem;
}

.chat-quick-actions button{
  border:none;
  border-radius:999px;
  padding:.45rem .8rem;
  background:rgba(255,255,255,.06);
  color:#cbd5e1;
  font-size:.8rem;
  font-weight:800;
}

@keyframes chatFade{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-width:767.98px){
  .live-chat-window{
    right:.7rem;
    left:.7rem;
    bottom:5.3rem;
    width:auto;
    height:78vh;
    border-radius:1.4rem;
  }

  .live-chat-toggle{
    right:1rem;
    bottom:1rem;
    width:58px;
    height:58px;
    border-radius:1.2rem;
  }

  .live-chat-body{
    padding:.85rem;
  }

  .chat-bubble{
    max-width:88%;
  }
}


/* V31 LIGHT / DARK MODE */
.theme-toggle{
  width:48px;
  height:48px;
  border:none;
  border-radius:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:#e2e8f0;
  transition:.22s ease;
}

.theme-toggle:hover{
  border-color:rgba(0,229,255,.35);
  color:#a5f3fc;
  transform:translateY(-1px);
}

.theme-toggle i{
  font-size:1.2rem;
}

body.light-mode{
  --bg:#f6f8ff;
  --panel:#ffffff;
  --panel-2:#f1f5ff;
  --line:rgba(15,23,42,.12);
  --text:#0f172a;
  --muted:#64748b;
  background:
    radial-gradient(circle at 10% 5%, rgba(139,92,246,.12), transparent 30%),
    radial-gradient(circle at 90% 15%, rgba(0,229,255,.10), transparent 28%),
    linear-gradient(180deg,#f8fbff 0%,#eef4ff 50%,#ffffff 100%);
  color:#0f172a;
}

body.light-mode .navbar{
  background:rgba(255,255,255,.86)!important;
  border-bottom:1px solid rgba(15,23,42,.10);
}

body.light-mode .navbar-brand,
body.light-mode .nav-link,
body.light-mode .text-white{
  color:#0f172a!important;
}

body.light-mode .navbar-brand span{
  color:#0ea5e9;
}

body.light-mode .top-strip{
  background:linear-gradient(90deg,rgba(14,165,233,.12),rgba(139,92,246,.12));
  color:#334155;
  border-bottom:1px solid rgba(15,23,42,.08);
}

body.light-mode .hero-card,
body.light-mode .panel,
body.light-mode .game-card,
body.light-mode .category-tile,
body.light-mode .step-card,
body.light-mode .deal-card,
body.light-mode .blog-card,
body.light-mode .profile-card,
body.light-mode .profile-hero-card,
body.light-mode .error-card,
body.light-mode .article-card,
body.light-mode .blog-grid-card,
body.light-mode .blog-sidebar-card,
body.light-mode .list-control-bar,
body.light-mode .cart-product-line{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 30%),
    linear-gradient(135deg,rgba(255,255,255,.96),rgba(241,245,255,.96));
  border-color:rgba(15,23,42,.10);
  color:#0f172a;
  box-shadow:0 18px 55px rgba(15,23,42,.08);
}

body.light-mode .text-mutedx,
body.light-mode .article-content,
body.light-mode .blog-meta,
body.light-mode .footer,
body.light-mode .footer a{
  color:#64748b!important;
}

body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode .section-title,
body.light-mode .article-content h2,
body.light-mode .article-content h3,
body.light-mode .cart-product-content h5{
  color:#0f172a!important;
}

body.light-mode .page-header{
  background:
    linear-gradient(135deg,rgba(14,165,233,.14),rgba(139,92,246,.12)),
    #f8fbff;
  border-bottom:1px solid rgba(15,23,42,.08);
  color:#0f172a;
}

body.light-mode .page-header .text-mutedx,
body.light-mode .page-header .lead{
  color:#475569!important;
}

body.light-mode .platform,
body.light-mode .filter-chip,
body.light-mode .blog-category{
  background:rgba(14,165,233,.08);
  border-color:rgba(14,165,233,.18);
  color:#0369a1;
}

body.light-mode .btn-ghost{
  background:#fff;
  border-color:rgba(15,23,42,.14);
  color:#0f172a;
}

body.light-mode .btn-ghost:hover{
  color:#0369a1;
  border-color:rgba(14,165,233,.35);
}

body.light-mode .form-control,
body.light-mode .form-select,
body.light-mode .control-search,
body.light-mode .control-select,
body.light-mode .live-chat-input,
body.light-mode .custom-select-trigger{
  background:#fff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

body.light-mode .form-control::placeholder,
body.light-mode .control-search::placeholder{
  color:#94a3b8!important;
}

body.light-mode .form-select option,
body.light-mode .control-select option{
  background:#fff!important;
  color:#0f172a!important;
}

body.light-mode .footer{
  background:#f8fbff;
  border-top:1px solid rgba(15,23,42,.10);
}

body.light-mode .footer .navbar-brand,
body.light-mode .footer h6,
body.light-mode .footer .text-white{
  color:#0f172a!important;
}

body.light-mode .footer .input-group{
  background:#fff;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .live-chat-window,
body.light-mode .filter-modal-content,
body.light-mode .confirm-modal-content{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 35%),
    linear-gradient(135deg,#ffffff,#f1f5ff);
  color:#0f172a;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .chat-bubble.agent{
  background:#f1f5ff;
  border-color:rgba(15,23,42,.10);
  color:#334155;
}

body.light-mode .live-chat-close,
body.light-mode .theme-toggle{
  background:#fff;
  color:#0f172a;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .saved-card,
body.light-mode .mini-card-preview,
body.light-mode .payment-card .card-face{
  background:
    radial-gradient(circle at 85% 15%, rgba(139,92,246,.25), transparent 30%),
    radial-gradient(circle at 15% 10%, rgba(14,165,233,.25), transparent 28%),
    linear-gradient(135deg,#ffffff,#dbeafe);
  color:#0f172a;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .saved-card-meta,
body.light-mode .card-label{
  color:#475569;
}

body.light-mode .old-price{
  color:#94a3b8;
}

body.light-mode .price,
body.light-mode .cart-product-price{
  color:#059669;
}

body.light-mode .loader-logo,
body.light-mode .page-loader{
  color:#0f172a;
}

@media(max-width:991.98px){
  body.light-mode .navbar-collapse{
    background:
      radial-gradient(circle at top right, rgba(14,165,233,.13), transparent 35%),
      rgba(255,255,255,.96);
    border-color:rgba(15,23,42,.10);
  }

  body.light-mode .navbar-nav .nav-link{
    background:rgba(15,23,42,.035);
    border-color:rgba(15,23,42,.08);
  }

  body.light-mode .navbar-nav .nav-link.active{
    color:#07111f!important;
  }
}


/* V32 LIGHT MODE FINAL FIXES */
body.light-mode{
  color:#0f172a!important;
}

/* General readable text */
body.light-mode p,
body.light-mode li,
body.light-mode label,
body.light-mode .form-label,
body.light-mode .article-content,
body.light-mode .blog-sidebar-link,
body.light-mode .order-line,
body.light-mode .cart-product-meta span{
  color:#334155!important;
}

/* Cards and panels */
body.light-mode .mini-stat,
body.light-mode .checkout-box,
body.light-mode .discount-code-box,
body.light-mode .applied-filter-box,
body.light-mode .pagination-wrap,
body.light-mode .news-card,
body.light-mode .trust-banner,
body.light-mode .profile-menu,
body.light-mode .custom-select-menu,
body.light-mode .small-game-row{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  box-shadow:0 14px 40px rgba(15,23,42,.08)!important;
}

/* Navbar mobile icons */
body.light-mode .navbar-collapse .d-flex.gap-3 a,
body.light-mode .theme-toggle{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .navbar-toggler{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.14)!important;
}

body.light-mode .navbar-toggler-icon{
  filter:none!important;
}

/* Buttons */
body.light-mode .btn-neon{
  color:#07111f!important;
  box-shadow:0 12px 32px rgba(14,165,233,.18)!important;
}

body.light-mode .btn-danger{
  color:#fff!important;
}

/* Product cards */
body.light-mode .game-card h4,
body.light-mode .blog-grid-card h3,
body.light-mode .profile-card strong,
body.light-mode .mini-stat strong,
body.light-mode .detail-stat strong,
body.light-mode .system-list strong{
  color:#0f172a!important;
}

body.light-mode .game-card .text-mutedx,
body.light-mode .blog-grid-card .text-mutedx,
body.light-mode .detail-stat span,
body.light-mode .system-list span{
  color:#64748b!important;
}

body.light-mode .game-img{
  background:#e2e8f0!important;
}

/* Tables */
body.light-mode .table-dark-custom{
  --bs-table-bg:transparent;
  --bs-table-color:#0f172a;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .table-dark-custom th,
body.light-mode .table-dark-custom td{
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}

/* Forms and dropdowns */
body.light-mode .input-group-text{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0369a1!important;
}

body.light-mode .custom-select-menu{
  background:#ffffff!important;
}

body.light-mode .custom-select-menu button{
  color:#334155!important;
}

body.light-mode .custom-select-menu button:hover{
  background:#e0f2fe!important;
  color:#0369a1!important;
}

/* Modal internals */
body.light-mode .modal-header,
body.light-mode .modal-footer{
  border-color:rgba(15,23,42,.10)!important;
}

body.light-mode .filter-modal-content .btn-close,
body.light-mode .btn-close{
  filter:none!important;
}

/* Filter chips active */
body.light-mode .filter-chip.active,
body.light-mode .applied-filter-tag{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.30)!important;
  color:#0369a1!important;
}

body.light-mode .remove-filter-tag{
  background:rgba(15,23,42,.08)!important;
  color:#0f172a!important;
}

/* Pagination */
body.light-mode .pagination .page-link{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .pagination .page-item.active .page-link{
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
}

/* Blog detail sidebar */
body.light-mode .blog-sidebar-link{
  border-color:rgba(15,23,42,.10)!important;
}

body.light-mode .article-callout{
  background:#ecfdf5!important;
  border-color:rgba(5,150,105,.22)!important;
  color:#065f46!important;
}

/* Footer */
body.light-mode .footer .social-icons i{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0369a1!important;
}

/* Live support */
body.light-mode .agent-status{
  color:#16a34a!important;
}

body.light-mode .chat-quick-actions button{
  background:#e0f2fe!important;
  color:#0369a1!important;
}

body.light-mode .live-chat-header,
body.light-mode .live-chat-footer{
  border-color:rgba(15,23,42,.10)!important;
}

/* Toast and confirm */
body.light-mode .game-toast{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(14,165,233,.22)!important;
  color:#0f172a!important;
}

body.light-mode .game-toast-text{
  color:#475569!important;
}

/* Loader remains dark for contrast */
body.light-mode .page-loader{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.16), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.12), transparent 36%),
    rgba(248,251,255,.96)!important;
}

/* Scroll and chat buttons */
body.light-mode .scroll-top-btn,
body.light-mode .live-chat-toggle{
  color:#07111f!important;
}

/* Profile active menu */
body.light-mode .profile-menu a{
  color:#334155!important;
}

body.light-mode .profile-menu a.active,
body.light-mode .profile-menu a:hover{
  background:#e0f2fe!important;
  color:#0369a1!important;
  border-color:rgba(14,165,233,.28)!important;
}

/* Mobile menu light */
@media(max-width:991.98px){
  body.light-mode .navbar-nav .nav-link::after{
    color:#0369a1!important;
  }

  body.light-mode .navbar-nav .nav-link.active{
    background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
    color:#07111f!important;
  }
}

/* Mobile cart */
body.light-mode .cart-product-line::before{
  opacity:.35;
}

body.light-mode .cart-remove-mobile{
  background:#fee2e2!important;
  border-color:#fecaca!important;
  color:#dc2626!important;
}


/* V33 LIGHT MODE HERO / SLIDER FIX */
body.light-mode .hero{
  background:
    radial-gradient(circle at 10% 10%, rgba(139,92,246,.12), transparent 28%),
    radial-gradient(circle at 90% 20%, rgba(0,229,255,.14), transparent 30%),
    linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%)!important;
}

body.light-mode .hero-card{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.12)!important;
}

body.light-mode .hero-card .carousel-item{
  background:#ffffff!important;
}

body.light-mode .slider-img{
  opacity:.88!important;
  filter:saturate(1.05) contrast(.95) brightness(1.02)!important;
}

body.light-mode .carousel-caption{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(241,245,255,.88))!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 22px 65px rgba(15,23,42,.16)!important;
  backdrop-filter:blur(14px);
}

body.light-mode .carousel-caption h2,
body.light-mode .carousel-caption .section-title{
  color:#0f172a!important;
  text-shadow:none!important;
}

body.light-mode .carousel-caption p,
body.light-mode .carousel-caption .lead{
  color:#475569!important;
  text-shadow:none!important;
}

body.light-mode .carousel-caption .badge-neon{
  background:#e0f2fe!important;
  color:#0369a1!important;
  border-color:rgba(14,165,233,.25)!important;
}

body.light-mode .carousel-indicators [data-bs-target]{
  background-color:#0f172a!important;
  opacity:.35;
}

body.light-mode .carousel-indicators .active{
  background:linear-gradient(90deg,var(--cyan),var(--purple))!important;
  opacity:1;
}

body.light-mode .carousel-control-prev-icon,
body.light-mode .carousel-control-next-icon{
  filter:invert(1) grayscale(1);
}

@media(max-width:767.98px){
  body.light-mode .carousel-caption{
    background:rgba(255,255,255,.95)!important;
  }
}


/* V34 LIGHT MODE CONTRAST FIX */

/* Light mode tag/badge readability */
body.light-mode .badge-neon,
body.light-mode .blog-category,
body.light-mode .platform,
body.light-mode .filter-chip,
body.light-mode .cart-product-meta span,
body.light-mode .applied-filter-tag{
  background:#dff7ff!important;
  color:#075985!important;
  border:1px solid rgba(14,165,233,.38)!important;
  box-shadow:none!important;
  opacity:1!important;
}

body.light-mode .badge-neon i,
body.light-mode .blog-category i,
body.light-mode .platform i,
body.light-mode .filter-chip i{
  color:#0284c7!important;
}

body.light-mode .category-tile .badge-neon,
body.light-mode .step-card .badge-neon,
body.light-mode .deal-card .badge-neon{
  background:#e0f2fe!important;
  color:#075985!important;
  border-color:rgba(14,165,233,.40)!important;
}

/* Category cards light readability */
body.light-mode .category-tile h3,
body.light-mode .category-tile p,
body.light-mode .category-tile .text-mutedx{
  color:#0f172a!important;
}

body.light-mode .category-tile i{
  color:rgba(14,165,233,.12)!important;
}

/* Stronger hero slider light mode */
body.light-mode .hero-card{
  background:#ffffff!important;
  overflow:hidden!important;
}

body.light-mode .hero-card .carousel-item{
  min-height:540px!important;
  background:#ffffff!important;
}

body.light-mode .hero-card .carousel-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(248,251,255,.92) 0%, rgba(248,251,255,.72) 42%, rgba(248,251,255,.10) 72%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.25));
  z-index:1;
  pointer-events:none;
}

body.light-mode .slider-img{
  opacity:1!important;
  filter:saturate(1.05) contrast(.94) brightness(1.08)!important;
}

body.light-mode .carousel-caption{
  z-index:5!important;
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.18)!important;
  backdrop-filter:blur(16px);
}

body.light-mode .carousel-caption h2{
  color:#020617!important;
  text-shadow:none!important;
  opacity:1!important;
  font-weight:900!important;
}

body.light-mode .carousel-caption p,
body.light-mode .carousel-caption .lead{
  color:#334155!important;
  opacity:1!important;
}

body.light-mode .carousel-caption .btn-neon{
  color:#07111f!important;
  font-weight:900!important;
}

/* Force dark text if glow styles affected headings */
body.light-mode .glow-text{
  background:none!important;
  -webkit-background-clip:initial!important;
  color:#0f172a!important;
}

/* But keep prices readable */
body.light-mode .price,
body.light-mode .cart-product-price{
  background:none!important;
  -webkit-background-clip:initial!important;
  color:#059669!important;
}

/* Slider indicators and controls */
body.light-mode .carousel-indicators{
  z-index:6;
}

body.light-mode .carousel-indicators [data-bs-target]{
  background-color:#334155!important;
  opacity:.38!important;
}

body.light-mode .carousel-indicators .active{
  opacity:1!important;
  background:linear-gradient(90deg,#06b6d4,#8b5cf6)!important;
}

body.light-mode .carousel-control-prev,
body.light-mode .carousel-control-next{
  z-index:6;
}

body.light-mode .carousel-control-prev-icon,
body.light-mode .carousel-control-next-icon{
  filter:invert(1)!important;
}

/* Stat cards top spacing/readability */
body.light-mode .mini-stat{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .mini-stat strong{
  color:#020617!important;
}

body.light-mode .mini-stat p{
  color:#475569!important;
}

/* General light link/readability overrides */
body.light-mode a:not(.btn):not(.nav-link):not(.navbar-brand){
  color:#0369a1;
}

@media(max-width:767.98px){
  body.light-mode .hero-card .carousel-item{
    min-height:500px!important;
  }

  body.light-mode .hero-card .carousel-item::after{
    background:linear-gradient(180deg, rgba(248,251,255,.90) 0%, rgba(248,251,255,.70) 55%, rgba(248,251,255,.20) 100%);
  }

  body.light-mode .carousel-caption{
    background:rgba(255,255,255,.97)!important;
  }
}


/* V36 DYNAMIC PRODUCT CATALOG */
.product-skeleton{
  min-height:430px;
  border-radius:1.5rem;
  background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.08),rgba(255,255,255,.04));
  background-size:200% 100%;
  animation:skeletonMove 1.1s infinite;
}
@keyframes skeletonMove{
  to{background-position:-200% 0}
}
body.light-mode .product-skeleton{
  background:linear-gradient(90deg,#f1f5ff,#ffffff,#f1f5ff);
  background-size:200% 100%;
}
.product-count strong,
#productRangeText{
  white-space:nowrap;
}
@media(max-width:767.98px){
  .product-count{
    width:100%;
    text-align:center!important;
  }
}


/* V37 BLOG LIGHT MODE FEATURED AREA FIX */
body.light-mode .blog-hero{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.10), transparent 34%),
    linear-gradient(135deg,#ffffff,#eef6ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
}

body.light-mode .blog-hero h2,
body.light-mode .blog-hero .section-title{
  color:#020617!important;
  opacity:1!important;
  text-shadow:none!important;
}

body.light-mode .blog-hero p,
body.light-mode .blog-hero .lead,
body.light-mode .blog-hero .blog-meta,
body.light-mode .blog-hero .blog-meta span{
  color:#475569!important;
  opacity:1!important;
}

body.light-mode .blog-hero .blog-category{
  background:#dff7ff!important;
  color:#075985!important;
  border-color:rgba(14,165,233,.38)!important;
}

body.light-mode .blog-featured-img{
  background:#e2e8f0!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 50px rgba(15,23,42,.12)!important;
}

body.light-mode .blog-featured-img img{
  opacity:1!important;
  filter:saturate(1.02) contrast(.96) brightness(1.05)!important;
}

body.light-mode .blog-hero .btn-neon{
  color:#07111f!important;
  font-weight:900!important;
}

/* Blog detail header and article light contrast extra */
body.light-mode .article-card,
body.light-mode .article-cover{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .article-cover img{
  opacity:1!important;
  filter:saturate(1.02) contrast(.96) brightness(1.04)!important;
}

@media(max-width:767.98px){
  body.light-mode .blog-hero{
    background:#ffffff!important;
  }
}


/* V38 AUTH PAGES */
.auth-section{
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:7rem 0 4rem;
  position:relative;
  overflow:hidden;
}
.auth-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at top left, rgba(0,229,255,.16), transparent 30%),radial-gradient(circle at bottom right, rgba(139,92,246,.16), transparent 32%);
  pointer-events:none;
}
.auth-card{
  position:relative;
  z-index:2;
  border-radius:2rem;
  overflow:hidden;
  background:radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 35%),linear-gradient(135deg, rgba(15,23,42,.96), rgba(2,6,23,.98));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 30px 90px rgba(0,0,0,.45);
}
.auth-visual{
  min-height:100%;
  padding:3rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:radial-gradient(circle at top right, rgba(139,92,246,.20), transparent 30%),linear-gradient(135deg,#07111f,#111827);
}
.auth-badge{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.7rem 1rem;
  border-radius:999px;
  margin-bottom:1.5rem;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  color:#a5f3fc;
  font-weight:700;
  width:max-content;
}
.auth-form-wrap{padding:3rem;}
.auth-title{font-size:2rem;margin-bottom:.5rem;}
.auth-subtitle{color:#94a3b8;margin-bottom:2rem;}
.auth-input{height:60px;border-radius:1rem;background:rgba(255,255,255,.04)!important;border:1px solid rgba(255,255,255,.08)!important;color:#fff!important;}
.auth-input::placeholder{color:#64748b!important;}
.auth-input:focus{border-color:rgba(0,229,255,.35)!important;box-shadow:0 0 0 .2rem rgba(0,229,255,.10)!important;}
.auth-check{display:flex;justify-content:space-between;align-items:center;margin:1rem 0 1.5rem;color:#cbd5e1;gap:1rem;flex-wrap:wrap;}
.auth-divider{display:flex;align-items:center;gap:1rem;color:#64748b;margin:1.7rem 0;}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.08);}
.social-auth{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}
.social-auth button{height:56px;border:none;border-radius:1rem;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:1.15rem;}
.auth-link{color:#38bdf8;text-decoration:none;font-weight:700;}
.auth-floating-card{margin-top:2rem;padding:1rem 1.2rem;border-radius:1.2rem;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);}
body.light-mode .auth-card{background:linear-gradient(135deg,#fff,#f1f5ff)!important;border-color:rgba(15,23,42,.10)!important;}
body.light-mode .auth-visual{background:linear-gradient(135deg,#dbeafe,#f8fbff)!important;}
body.light-mode .auth-title,body.light-mode .auth-visual h1{color:#0f172a!important;}
body.light-mode .auth-subtitle,body.light-mode .auth-check,body.light-mode .auth-visual p{color:#475569!important;}
body.light-mode .auth-input{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important;}
body.light-mode .social-auth button{background:#fff!important;color:#0f172a!important;border-color:rgba(15,23,42,.10)!important;}
body.light-mode .auth-floating-card{background:#fff!important;border-color:rgba(15,23,42,.10)!important;}
@media(max-width:991.98px){.auth-visual{padding:2rem}.auth-form-wrap{padding:2rem}.auth-visual h1{font-size:2.3rem}}
@media(max-width:576px){.auth-section{padding:4rem 0 2rem}.auth-form-wrap{padding:1.35rem}.auth-visual{padding:1.35rem}.social-auth{gap:.65rem}}


/* V39 AUTH VALIDATION */
.auth-field{position:relative}.auth-error{display:none;color:#fb7185;font-size:.85rem;font-weight:700;margin-top:.45rem}.auth-field.is-invalid .auth-input,.auth-field.is-invalid .form-control,.auth-field.is-invalid .form-select{border-color:#fb7185!important;box-shadow:0 0 0 .18rem rgba(251,113,133,.12)!important}.auth-field.is-valid .auth-input,.auth-field.is-valid .form-control,.auth-field.is-valid .form-select{border-color:#22c55e!important;box-shadow:0 0 0 .18rem rgba(34,197,94,.12)!important}.auth-field.is-invalid .auth-error{display:block}.password-strength{height:8px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:.6rem}.password-strength span{display:block;height:100%;width:0%;border-radius:999px;background:#ef4444;transition:.25s ease}.password-strength.weak span{width:33%;background:#ef4444}.password-strength.medium span{width:66%;background:#f59e0b}.password-strength.strong span{width:100%;background:#22c55e}.validation-toast{position:fixed;right:1rem;top:1rem;z-index:25000;max-width:360px;padding:1rem 1.1rem;border-radius:1.1rem;background:linear-gradient(135deg,rgba(15,23,42,.98),rgba(2,6,23,.98));border:1px solid rgba(255,255,255,.12);color:#fff;box-shadow:0 22px 70px rgba(0,0,0,.35);opacity:0;transform:translateY(-10px);visibility:hidden;transition:.25s ease}.validation-toast.show{opacity:1;transform:translateY(0);visibility:visible}body.light-mode .auth-error{color:#dc2626}body.light-mode .password-strength{background:#e2e8f0}body.light-mode .validation-toast{background:#fff;color:#0f172a;border-color:rgba(15,23,42,.12)}


/* V40 AUTH CLEANUP + FORGOT PASSWORD MODAL */
.password-strength,
.password-strength-bar,
.strength-bar,
.auth-password-meter,
.register-password-meter{
  display:none!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

.forgot-modal-content{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.14), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99));
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.7rem;
  color:#fff;
  overflow:hidden;
  box-shadow:0 35px 90px rgba(0,0,0,.45);
}

.forgot-modal-content .modal-header,
.forgot-modal-content .modal-footer{
  border-color:rgba(255,255,255,.10);
}

.forgot-icon{
  width:62px;
  height:62px;
  border-radius:1.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.65rem;
  box-shadow:0 18px 45px rgba(0,229,255,.20);
}

.forgot-help-text{
  color:#94a3b8;
  font-size:.95rem;
  line-height:1.55;
}

.forgot-success{
  display:none;
  border-radius:1rem;
  padding:.9rem 1rem;
  background:rgba(20,241,149,.12);
  border:1px solid rgba(20,241,149,.28);
  color:#86efac;
  font-weight:800;
}

.forgot-success.show{
  display:block;
}

body.light-mode .forgot-modal-content{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .forgot-help-text{
  color:#475569!important;
}

body.light-mode .forgot-success{
  background:#ecfdf5!important;
  border-color:rgba(5,150,105,.22)!important;
  color:#047857!important;
}


/* V41 FORGOT POPUP FIX */
#forgotPasswordModal.manual-show{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  background:rgba(2,6,23,.72);
}

#forgotPasswordModal.manual-show .modal-dialog{
  transform:none!important;
}

body.forgot-modal-open{
  overflow:hidden;
}

.forgot-modal-content{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.14), transparent 34%),
    radial-gradient(circle at bottom left, rgba(139,92,246,.14), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99));
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.7rem;
  color:#fff;
  overflow:hidden;
  box-shadow:0 35px 90px rgba(0,0,0,.45);
}

.forgot-icon{
  width:62px;
  height:62px;
  border-radius:1.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.65rem;
}

.forgot-help-text{
  color:#94a3b8;
  font-size:.95rem;
  line-height:1.55;
}

.forgot-success{
  display:none;
  border-radius:1rem;
  padding:.9rem 1rem;
  background:rgba(20,241,149,.12);
  border:1px solid rgba(20,241,149,.28);
  color:#86efac;
  font-weight:800;
}

.forgot-success.show{
  display:block;
}

body.light-mode .forgot-modal-content{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .forgot-help-text{
  color:#475569!important;
}


/* V42 USER SIDE COMPLETION */
.user-page-card{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 32%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.08), transparent 32%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.97));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.6rem;
  box-shadow:0 20px 70px rgba(0,0,0,.28);
}

.wishlist-card{
  display:flex;
  gap:1rem;
  align-items:center;
  padding:1rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  margin-bottom:1rem;
}

.wishlist-card img{
  width:120px;
  height:82px;
  object-fit:cover;
  border-radius:1rem;
}

.wishlist-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
}

.notification-item{
  display:flex;
  gap:1rem;
  padding:1rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:.85rem;
}

.notification-icon{
  width:48px;
  height:48px;
  border-radius:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  flex:0 0 auto;
}

.order-timeline{
  position:relative;
  padding-left:1.8rem;
}

.order-timeline::before{
  content:"";
  position:absolute;
  left:.55rem;
  top:.4rem;
  bottom:.4rem;
  width:2px;
  background:rgba(255,255,255,.12);
}

.timeline-step{
  position:relative;
  margin-bottom:1.4rem;
}

.timeline-step::before{
  content:"";
  position:absolute;
  left:-1.72rem;
  top:.25rem;
  width:14px;
  height:14px;
  border-radius:50%;
  background:var(--cyan);
  box-shadow:0 0 18px rgba(0,229,255,.35);
}

.review-box{
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.25rem;
  padding:1rem;
  background:rgba(255,255,255,.04);
}

.star-rating{
  display:flex;
  gap:.35rem;
  color:#facc15;
  font-size:1.25rem;
}

.account-shortcuts{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}

.account-shortcut{
  padding:1rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  color:#e2e8f0;
  display:flex;
  flex-direction:column;
  gap:.5rem;
  transition:.22s ease;
}

.account-shortcut:hover{
  transform:translateY(-4px);
  border-color:rgba(0,229,255,.35);
  color:#a5f3fc;
}

.account-shortcut i{
  font-size:1.8rem;
}

body.light-mode .user-page-card,
body.light-mode .wishlist-card,
body.light-mode .notification-item,
body.light-mode .review-box,
body.light-mode .account-shortcut{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  box-shadow:0 16px 50px rgba(15,23,42,.08)!important;
}

body.light-mode .account-shortcut{
  color:#0f172a!important;
}

body.light-mode .order-timeline::before{
  background:rgba(15,23,42,.12);
}

@media(max-width:767.98px){
  .wishlist-card{
    align-items:flex-start;
    flex-direction:column;
  }

  .wishlist-card img{
    width:100%;
    height:170px;
  }

  .account-shortcuts{
    grid-template-columns:repeat(2,1fr);
  }
}


/* V44 PROFILE ACCORDION */
.profile-accordion{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.profile-accordion-item{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:1.35rem;
  overflow:hidden;
}

.profile-accordion-header{
  width:100%;
  border:none;
  background:transparent;
  color:#fff;
  padding:1.15rem 1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  font-weight:900;
  text-align:left;
}

.profile-accordion-header span{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.profile-accordion-header i{
  color:#67e8f9;
  font-size:1.25rem;
}

.profile-accordion-header strong{
  color:#a5f3fc;
  font-size:.88rem;
  white-space:nowrap;
}

.profile-accordion-header::after{
  content:"−";
  width:32px;
  height:32px;
  border-radius:.8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.20);
  color:#a5f3fc;
  margin-left:auto;
}

.profile-accordion-header.collapsed::after{
  content:"+";
}

.profile-accordion-body{
  padding:0 1.25rem 1.25rem;
}

.profile-accordion-body .wishlist-card,
.profile-accordion-body .notification-item,
.profile-accordion-body .order-line{
  margin-bottom:.85rem;
}

body.light-mode .profile-accordion-item{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .profile-accordion-header{
  color:#0f172a!important;
}

body.light-mode .profile-accordion-header strong,
body.light-mode .profile-accordion-header i{
  color:#0369a1!important;
}

body.light-mode .profile-accordion-header::after{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.24)!important;
  color:#0369a1!important;
}

@media(max-width:767.98px){
  .profile-accordion-header{
    padding:1rem;
    align-items:flex-start;
  }

  .profile-accordion-header span{
    align-items:flex-start;
  }

  .profile-accordion-header strong{
    display:none;
  }

  .profile-accordion-body{
    padding:0 1rem 1rem;
  }
}


/* V47 ORDER + NOTIFICATION FILTERS */
.user-filter-bar{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.96));
  border:1px solid rgba(255,255,255,.10);
  border-radius:1.5rem;
  padding:1rem;
  box-shadow:0 18px 55px rgba(0,0,0,.25);
}

.user-filter-control{
  min-height:54px;
  border-radius:1rem!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-weight:700;
}

.user-filter-control::placeholder{
  color:#94a3b8!important;
}

.user-filter-control option{
  background:#0b1028;
  color:#fff;
}

.user-list-empty{
  display:none;
  text-align:center;
  padding:2rem;
  border:1px dashed rgba(255,255,255,.18);
  border-radius:1.25rem;
  color:#94a3b8;
}

.user-list-pagination{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:1.25rem;
  padding:1rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}

body.light-mode .user-filter-bar,
body.light-mode .user-list-pagination{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
  box-shadow:0 14px 40px rgba(15,23,42,.08)!important;
}

body.light-mode .user-filter-control{
  background:#fff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

body.light-mode .user-filter-control option{
  background:#fff!important;
  color:#0f172a!important;
}

body.light-mode .user-list-empty{
  border-color:rgba(15,23,42,.18)!important;
  color:#64748b!important;
}

@media(max-width:767.98px){
  .user-filter-bar{
    padding:.9rem;
  }

  .user-list-pagination{
    justify-content:center;
    text-align:center;
  }
}


/* V48 SHOP STYLE FILTER BAR FOR USER PAGES */
.user-filter-bar{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 30%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.08), transparent 30%),
    linear-gradient(135deg, rgba(17,21,46,.95), rgba(7,10,24,.96))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:1.7rem!important;
  padding:1.15rem!important;
  box-shadow:
    0 20px 70px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(12px);
}

.user-filter-bar .user-filter-control,
.user-filter-bar .form-control,
.user-filter-bar .form-select{
  height:58px!important;
  border-radius:1rem!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
  color:#f8fafc!important;
  font-weight:800!important;
  transition:.25s ease;
}

.user-filter-bar .user-filter-control::placeholder{
  color:#94a3b8!important;
}

.user-filter-bar .form-select{
  appearance:none;
  padding-right:2.5rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
}

.user-filter-bar .form-select option{
  background:#0b1028!important;
  color:#fff!important;
}

.user-filter-bar .filter-open-btn{
  height:58px;
  border-radius:1rem;
  border:1px solid rgba(0,229,255,.20);
  background:linear-gradient(135deg, rgba(0,229,255,.12), rgba(139,92,246,.10));
  color:#f8fafc;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  padding:0 1.25rem;
  width:100%;
}

.user-filter-bar .filter-open-btn:hover,
.user-filter-bar .user-filter-control:hover,
.user-filter-bar .form-control:hover,
.user-filter-bar .form-select:hover{
  border-color:rgba(0,229,255,.35)!important;
  box-shadow:0 0 0 4px rgba(0,229,255,.08)!important;
}

.user-filter-meta{
  color:#cbd5e1;
  font-weight:700;
  white-space:nowrap;
}

.user-filter-meta strong{
  color:#fff;
  font-size:1.08rem;
}

.user-date-filter-panel{
  display:none;
  margin-top:1rem;
  padding:1rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.08);
}

.user-date-filter-panel.show{
  display:block;
}

body.light-mode .user-filter-bar{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 30%),
    linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.08)!important;
}

body.light-mode .user-filter-bar .user-filter-control,
body.light-mode .user-filter-bar .form-control,
body.light-mode .user-filter-bar .form-select{
  background:#fff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

body.light-mode .user-filter-bar .form-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='%230f172a' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 5.646a.5.5 0 0 1 .708 0L8 11.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E")!important;
}

body.light-mode .user-filter-bar .filter-open-btn{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

body.light-mode .user-filter-meta,
body.light-mode .user-filter-meta strong{
  color:#0f172a!important;
}

body.light-mode .user-date-filter-panel{
  background:#f8fbff!important;
  border-color:rgba(15,23,42,.10)!important;
}

@media(max-width:767.98px){
  .user-filter-bar{
    border-radius:1.2rem!important;
    padding:1rem!important;
  }

  .user-filter-meta{
    width:100%;
    text-align:center;
  }

  .user-date-filter-panel .row{
    row-gap:.75rem;
  }
}


/* V49 WISHLIST + REVIEWS + COMMENT TREE */
.wishlist-action-btn{
  width:42px;
  height:42px;
  border:none;
  border-radius:1rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  color:#fda4af;
  transition:.22s ease;
}

.wishlist-action-btn:hover,
.wishlist-action-btn.active{
  background:rgba(244,63,94,.14);
  border-color:rgba(244,63,94,.35);
  color:#fb7185;
  transform:translateY(-2px);
}

.review-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}

.review-summary-card{
  padding:1rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
}

.review-list-item{
  padding:1rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  margin-bottom:.85rem;
}

.review-list-item .game-mini{
  display:flex;
  align-items:center;
  gap:.8rem;
}

.review-list-item .game-mini img{
  width:72px;
  height:54px;
  object-fit:cover;
  border-radius:.8rem;
}

.comment-tree{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.comment-node{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:1.25rem;
  overflow:hidden;
}

.comment-node.reply{
  margin-left:2rem;
  border-color:rgba(0,229,255,.18);
}

.comment-head{
  width:100%;
  border:none;
  background:transparent;
  color:#fff;
  padding:1rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  text-align:left;
}

.comment-user{
  display:flex;
  align-items:center;
  gap:.8rem;
}

.comment-avatar{
  width:42px;
  height:42px;
  border-radius:1rem;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
}

.comment-head::after{
  content:"−";
  width:30px;
  height:30px;
  border-radius:.75rem;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.20);
  color:#a5f3fc;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}

.comment-head.collapsed::after{
  content:"+";
}

.comment-body{
  padding:0 1rem 1rem;
}

.comment-actions{
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:.8rem;
}

.reply-form{
  display:none;
  margin-top:.9rem;
  padding:.9rem;
  border-radius:1rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}

.reply-form.show{
  display:block;
}

body.light-mode .wishlist-action-btn{
  background:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#e11d48!important;
}

body.light-mode .review-summary-card,
body.light-mode .review-list-item,
body.light-mode .comment-node,
body.light-mode .reply-form{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .comment-head{
  color:#0f172a!important;
}

body.light-mode .comment-head::after{
  background:#e0f2fe!important;
  color:#0369a1!important;
  border-color:rgba(14,165,233,.25)!important;
}

@media(max-width:767.98px){
  .review-summary-grid{
    grid-template-columns:1fr;
  }

  .comment-node.reply{
    margin-left:.8rem;
  }

  .comment-head{
    align-items:flex-start;
  }
}


/* V50 CARD ACTION SPACING + STAR HOVER + REVIEW PAGE FIX */
.game-card .d-flex.align-items-center.justify-content-between{
  gap:.6rem!important;
}

.game-card .price{
  white-space:nowrap;
}

.game-card .old-price{
  white-space:nowrap;
}

.game-card .btn-neon.btn-sm.add-cart{
  width:42px;
  height:42px;
  padding:0!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:1rem;
  flex:0 0 auto;
}

.game-card .wishlist-action-btn{
  width:42px;
  height:42px;
  flex:0 0 auto;
  margin-left:.15rem;
}

.game-card .d-flex.align-items-center.justify-content-between > div:first-child{
  min-width:0;
  flex:1;
}

.rating-input{
  display:inline-flex;
  flex-direction:row-reverse;
  gap:.2rem;
  align-items:center;
}

.rating-input input{
  display:none;
}

.rating-input label{
  position:relative;
  width:28px;
  height:28px;
  cursor:pointer;
  color:#475569;
  font-size:1.45rem;
  line-height:1;
  transition:.15s ease;
}

.rating-input label::before{
  content:"\F588";
  font-family:"bootstrap-icons";
}

.rating-input label:hover,
.rating-input label:hover ~ label,
.rating-input input:checked ~ label{
  color:#facc15;
  transform:translateY(-1px);
}

.rating-input label.half-hover::after{
  content:"\F587";
  font-family:"bootstrap-icons";
  position:absolute;
  left:0;
  top:0;
  width:50%;
  overflow:hidden;
  color:#facc15;
}

.review-delete-btn{
  width:38px;
  height:38px;
  border-radius:.9rem;
  border:1px solid rgba(239,68,68,.28);
  background:rgba(239,68,68,.10);
  color:#fb7185;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  transition:.2s ease;
}

.review-delete-btn:hover{
  background:rgba(239,68,68,.22);
  color:#fecaca;
  transform:translateY(-1px);
}

.review-list-item.removing{
  opacity:0;
  transform:translateX(12px);
  transition:.25s ease;
}

body.light-mode .rating-input label{
  color:#94a3b8;
}

body.light-mode .review-delete-btn{
  background:#fee2e2!important;
  border-color:#fecaca!important;
  color:#dc2626!important;
}

@media(max-width:767.98px){
  .game-card .d-flex.align-items-center.justify-content-between{
    align-items:flex-start!important;
  }

  .game-card .btn-neon.btn-sm.add-cart,
  .game-card .wishlist-action-btn{
    width:38px;
    height:38px;
    border-radius:.9rem;
  }
}


/* V51 SHOP CARD FAVORITE + RATING */
.game-card{
  position:relative;
}

.game-card-top-actions{
  position:absolute;
  top:1rem;
  right:1rem;
  z-index:5;
  display:flex;
  gap:.45rem;
}

.game-card-top-actions .wishlist-action-btn{
  background:rgba(7,10,24,.72);
  backdrop-filter:blur(10px);
  border-color:rgba(255,255,255,.14);
}

.game-rating-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  margin:.75rem 0 1rem;
  padding:.65rem .75rem;
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.game-rating-stars{
  color:#facc15;
  font-size:.92rem;
  display:flex;
  align-items:center;
  gap:.15rem;
}

.game-rating-score{
  color:#fff;
  font-weight:900;
  margin-left:.3rem;
}

.game-review-count{
  color:#94a3b8;
  font-size:.82rem;
  font-weight:800;
  white-space:nowrap;
}

body.light-mode .game-rating-row{
  background:#f8fbff!important;
  border-color:rgba(15,23,42,.10)!important;
}

body.light-mode .game-rating-score{
  color:#0f172a!important;
}

body.light-mode .game-review-count{
  color:#64748b!important;
}

body.light-mode .game-card-top-actions .wishlist-action-btn{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
}


/* V52 SHOP CARD FAVORITE + RATING VISIBILITY FIX */
.shop-card-actions{
  display:flex!important;
  align-items:center!important;
  gap:.55rem!important;
  flex:0 0 auto!important;
  margin-left:.75rem!important;
}

.shop-wishlist-btn{
  width:42px!important;
  height:42px!important;
  border:none!important;
  border-radius:1rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fb7185!important;
  transition:.22s ease!important;
  flex:0 0 auto!important;
}

.shop-wishlist-btn:hover,
.shop-wishlist-btn.active{
  background:rgba(244,63,94,.16)!important;
  border-color:rgba(244,63,94,.38)!important;
  transform:translateY(-2px)!important;
}

.shop-rating-box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  padding:.65rem .75rem!important;
  margin:.8rem 0 1rem!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.shop-rating-stars{
  display:flex!important;
  align-items:center!important;
  gap:.15rem!important;
  color:#facc15!important;
  font-size:.95rem!important;
}

.shop-rating-score{
  color:#fff!important;
  font-weight:900!important;
  margin-left:.35rem!important;
}

.shop-review-count{
  color:#94a3b8!important;
  font-size:.82rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

body.light-mode .shop-wishlist-btn{
  background:#fff!important;
  color:#e11d48!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .shop-rating-box{
  background:#f8fbff!important;
  border-color:rgba(15,23,42,.10)!important;
}

body.light-mode .shop-rating-score{
  color:#0f172a!important;
}

body.light-mode .shop-review-count{
  color:#64748b!important;
}

@media(max-width:767.98px){
  .shop-card-actions{
    margin-left:.45rem!important;
    gap:.45rem!important;
  }

  .shop-wishlist-btn{
    width:38px!important;
    height:38px!important;
  }

  .shop-rating-box{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:.35rem!important;
  }
}


/* V53 HOME GAME CARD RATING + FAVORITE */
.home-rating-box{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:.75rem!important;
  padding:.65rem .75rem!important;
  margin:.8rem 0 1rem!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

.home-rating-stars{
  display:flex!important;
  align-items:center!important;
  gap:.15rem!important;
  color:#facc15!important;
  font-size:.95rem!important;
}

.home-rating-score{
  color:#fff!important;
  font-weight:900!important;
  margin-left:.35rem!important;
}

.home-review-count{
  color:#94a3b8!important;
  font-size:.82rem!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.home-card-actions{
  display:flex!important;
  align-items:center!important;
  gap:.55rem!important;
  flex:0 0 auto!important;
  margin-left:.75rem!important;
}

.home-wishlist-btn{
  width:42px!important;
  height:42px!important;
  border:none!important;
  border-radius:1rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#fb7185!important;
  transition:.22s ease!important;
  flex:0 0 auto!important;
}

.home-wishlist-btn:hover,
.home-wishlist-btn.active{
  background:rgba(244,63,94,.16)!important;
  border-color:rgba(244,63,94,.38)!important;
  transform:translateY(-2px)!important;
}

body.light-mode .home-rating-box{
  background:#f8fbff!important;
  border-color:rgba(15,23,42,.10)!important;
}

body.light-mode .home-rating-score{
  color:#0f172a!important;
}

body.light-mode .home-review-count{
  color:#64748b!important;
}

body.light-mode .home-wishlist-btn{
  background:#fff!important;
  color:#e11d48!important;
  border-color:rgba(15,23,42,.12)!important;
}


/* V55 REAL HALF/FULL STAR RATING */
.rating-input{
  display:flex!important;
  flex-direction:row-reverse!important;
  justify-content:flex-end!important;
  gap:.15rem!important;
}

.rating-input input{
  display:none!important;
}

.rating-input label{
  position:relative!important;
  cursor:pointer!important;
  width:34px!important;
  height:34px!important;
  font-size:2rem!important;
  line-height:1!important;
  color:#334155!important;
  transition:.18s ease!important;
  overflow:hidden!important;
}

.rating-input label::before{
  content:"★"!important;
  position:absolute!important;
  inset:0!important;
  color:#334155!important;
}

.rating-input label::after{
  content:"★"!important;
  position:absolute!important;
  inset:0!important;
  width:0%!important;
  overflow:hidden!important;
  color:#facc15!important;
  transition:.18s ease!important;
}

.rating-input label:hover::after,
.rating-input label:hover ~ label::after,
.rating-input input:checked ~ label::after{
  width:100%!important;
}

.rating-input label.half-hover::after{
  width:50%!important;
}

.rating-input label:hover{
  transform:translateY(-2px)!important;
}

#ratingHint{
  color:#94a3b8!important;
  font-size:.92rem!important;
  margin-top:.25rem!important;
}

body.light-mode .rating-input label::before{
  color:#cbd5e1!important;
}

body.light-mode #ratingHint{
  color:#64748b!important;
}


/* V59 CLEAN PROFILE REBUILD */
.profile-hero-clean{
  display:flex;
  align-items:center;
  gap:1.5rem;
  width:100%;
}

.profile-hero-info{
  flex:1;
  min-width:0;
}

.profile-stat-row{
  display:flex;
  align-items:center;
  gap:.7rem;
  flex-wrap:wrap;
}

.profile-stat-chip{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.65rem 1rem;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  color:#e2e8f0;
  font-weight:900;
  white-space:nowrap;
}

.profile-edit-btn{
  flex:0 0 auto;
  white-space:nowrap;
}

.profile-menu{
  position:sticky!important;
  top:100px!important;
  max-height:calc(100vh - 120px);
  overflow:auto;
}

.profile-section{
  scroll-margin-top:125px!important;
}

.profile-accordion{
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.profile-accordion-item{
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.045);
  border-radius:1.35rem;
  overflow:hidden;
}

.profile-accordion-header{
  width:100%;
  border:none;
  background:transparent;
  color:#fff;
  padding:1.15rem 1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  font-weight:900;
  text-align:left;
}

.profile-accordion-header span{
  display:flex;
  align-items:center;
  gap:.75rem;
}

.profile-accordion-header i{
  color:#67e8f9;
  font-size:1.25rem;
}

.profile-accordion-header strong{
  color:#a5f3fc;
  font-size:.88rem;
  white-space:nowrap;
}

.profile-accordion-header::after{
  content:"+";
  width:32px;
  height:32px;
  border-radius:.8rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(0,229,255,.10);
  border:1px solid rgba(0,229,255,.20);
  color:#a5f3fc;
  margin-left:auto;
}

.profile-accordion-header:not(.collapsed)::after{
  content:"−";
}

.profile-accordion-body{
  padding:0 1.25rem 1.25rem;
}

body.light-mode .profile-stat-chip,
body.light-mode .profile-accordion-item{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .profile-accordion-header{
  color:#0f172a!important;
}

body.light-mode .profile-accordion-header i,
body.light-mode .profile-accordion-header strong{
  color:#0369a1!important;
}

@media(max-width:991.98px){
  .profile-menu{
    position:relative!important;
    top:auto!important;
    max-height:none;
  }

  .profile-hero-clean{
    align-items:flex-start;
    flex-wrap:wrap;
  }

  .profile-edit-btn{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:767.98px){
  .profile-hero-clean{
    flex-direction:column;
    align-items:center;
    text-align:center;
  }

  .profile-stat-row{
    justify-content:center;
  }

  .profile-accordion-header strong{
    display:none;
  }
}


/* V60 GLOBAL SCROLL TOP FIX */
.scroll-top-btn,
.global-scroll-top-btn,
.profile-scroll-top-btn{
  position:fixed!important;
  right:1.25rem!important;
  bottom:1.25rem!important;
  width:54px!important;
  height:54px!important;
  border:none!important;
  border-radius:1.15rem!important;
  z-index:30000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
  box-shadow:0 22px 55px rgba(0,229,255,.25)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(18px)!important;
  transition:.25s ease!important;
  pointer-events:none!important;
}

.scroll-top-btn i,
.global-scroll-top-btn i,
.profile-scroll-top-btn i{
  font-size:1.4rem!important;
  font-weight:900!important;
}

.scroll-top-btn.show,
.global-scroll-top-btn.show,
.profile-scroll-top-btn.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

.scroll-top-btn:hover,
.global-scroll-top-btn:hover,
.profile-scroll-top-btn:hover{
  transform:translateY(-4px)!important;
}

body:has(.live-chat-toggle) .global-scroll-top-btn,
body:has(.live-chat-toggle) .profile-scroll-top-btn{
  bottom:5.4rem!important;
}

@media(max-width:767.98px){
  .scroll-top-btn,
  .global-scroll-top-btn,
  .profile-scroll-top-btn{
    width:48px!important;
    height:48px!important;
    right:1rem!important;
    bottom:1rem!important;
    border-radius:1rem!important;
  }

  body:has(.live-chat-toggle) .global-scroll-top-btn,
  body:has(.live-chat-toggle) .profile-scroll-top-btn{
    bottom:5rem!important;
  }
}


/* V61 SCROLL TOP ABOVE LIVE CHAT */
.live-chat-toggle{
  right:1.2rem!important;
  bottom:1.2rem!important;
  z-index:12000!important;
}

.global-scroll-top-btn,
.profile-scroll-top-btn,
.scroll-top-btn{
  right:1.2rem!important;
  bottom:6rem!important;
  z-index:12050!important;
}

.live-chat-window{
  z-index:12060!important;
}

@media(max-width:767.98px){
  .live-chat-toggle{
    right:1rem!important;
    bottom:1rem!important;
  }

  .global-scroll-top-btn,
  .profile-scroll-top-btn,
  .scroll-top-btn{
    right:1rem!important;
    bottom:5.7rem!important;
  }
}


/* V62 CART TOAST + PRODUCT DETAIL SCROLL FIX */
.game-toast{
  position:fixed!important;
  right:1.25rem!important;
  top:5.8rem!important;
  z-index:40000!important;
  display:flex!important;
  align-items:center!important;
  gap:.85rem!important;
  min-width:300px!important;
  max-width:calc(100% - 2rem)!important;
  padding:1rem 1.1rem!important;
  border-radius:1.25rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.16), transparent 32%),
    linear-gradient(135deg, rgba(17,21,46,.98), rgba(7,10,24,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.40)!important;
  color:#fff!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(-14px)!important;
  transition:.28s ease!important;
  pointer-events:none!important;
}

.game-toast.show{
  opacity:1!important;
  visibility:visible!important;
  transform:translateY(0)!important;
  pointer-events:auto!important;
}

.game-toast-icon{
  width:42px!important;
  height:42px!important;
  border-radius:1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
  flex:0 0 auto!important;
}

.game-toast-title{
  color:#fff!important;
  display:block!important;
}

.game-toast-text{
  color:#94a3b8!important;
  font-size:.9rem!important;
}

body.light-mode .game-toast{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .game-toast-title{
  color:#0f172a!important;
}

body.light-mode .game-toast-text{
  color:#475569!important;
}

@media(max-width:767.98px){
  .game-toast{
    right:1rem!important;
    left:1rem!important;
    top:5rem!important;
    min-width:auto!important;
  }
}


/* V63 LIGHT MODE FILTER TOOLBAR FIX */

/* Shop filter toolbar */
body.light-mode .list-control-bar,
body.light-mode .user-filter-bar{
  background:#ffffff!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.08)!important;
  color:#0f172a!important;
}

body.light-mode .list-control-bar .form-control,
body.light-mode .list-control-bar .form-select,
body.light-mode .list-control-bar .control-search,
body.light-mode .list-control-bar .control-select,
body.light-mode .user-filter-bar .form-control,
body.light-mode .user-filter-bar .form-select,
body.light-mode .user-filter-bar .user-filter-control{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:none!important;
  opacity:1!important;
}

body.light-mode .list-control-bar .form-control::placeholder,
body.light-mode .list-control-bar .control-search::placeholder,
body.light-mode .user-filter-bar .form-control::placeholder,
body.light-mode .user-filter-bar .user-filter-control::placeholder{
  color:#64748b!important;
  opacity:1!important;
}

body.light-mode .list-control-bar .btn,
body.light-mode .list-control-bar .filter-open-btn,
body.light-mode .user-filter-bar .btn,
body.light-mode .user-filter-bar .filter-open-btn{
  background:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.14)!important;
  box-shadow:none!important;
  opacity:1!important;
}

body.light-mode .list-control-bar .btn:hover,
body.light-mode .list-control-bar .filter-open-btn:hover,
body.light-mode .user-filter-bar .btn:hover,
body.light-mode .user-filter-bar .filter-open-btn:hover{
  background:#f1f5ff!important;
  border-color:rgba(14,165,233,.35)!important;
  color:#0369a1!important;
}

/* Fix native select ugly chevrons / dark repeated icons */
body.light-mode .list-control-bar select,
body.light-mode .user-filter-bar select,
body.light-mode select.control-select,
body.light-mode select.user-filter-control{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-color:#ffffff!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #0f172a 50%),
    linear-gradient(135deg, #0f172a 50%, transparent 50%)!important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%!important;
  background-size:
    6px 6px,
    6px 6px!important;
  background-repeat:no-repeat!important;
  padding-right:2.6rem!important;
}

body.light-mode .list-control-bar select option,
body.light-mode .user-filter-bar select option{
  background:#ffffff!important;
  color:#0f172a!important;
}

/* Metadata on right side */
body.light-mode .product-count,
body.light-mode .product-count strong,
body.light-mode .user-filter-meta,
body.light-mode .user-filter-meta strong,
body.light-mode #productRangeText,
body.light-mode #notificationTopRange,
body.light-mode #orderTopRange{
  color:#0f172a!important;
  opacity:1!important;
}

/* Filter button disabled-looking issue */
body.light-mode .filter-open-btn i,
body.light-mode .btn i{
  color:inherit!important;
  opacity:1!important;
}

/* User filter date panel */
body.light-mode .user-date-filter-panel{
  background:#f8fbff!important;
  border:1px solid rgba(15,23,42,.10)!important;
}

/* Dark mode select should not repeat either */
.list-control-bar select,
.user-filter-bar select,
select.control-select,
select.user-filter-control{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #ffffff 50%),
    linear-gradient(135deg, #ffffff 50%, transparent 50%)!important;
  background-position:
    calc(100% - 18px) 50%,
    calc(100% - 12px) 50%!important;
  background-size:
    6px 6px,
    6px 6px!important;
  background-repeat:no-repeat!important;
  padding-right:2.6rem!important;
}

/* Responsive toolbar cleanup */
@media(max-width:991.98px){
  .list-control-bar,
  .user-filter-bar{
    padding:1rem!important;
  }

  .product-count,
  .user-filter-meta{
    width:100%!important;
    text-align:center!important;
  }
}

@media(max-width:767.98px){
  body.light-mode .list-control-bar,
  body.light-mode .user-filter-bar{
    border-radius:1.2rem!important;
  }

  .list-control-bar .row,
  .user-filter-bar .row{
    row-gap:.75rem!important;
  }
}


/* V64 PREMIUM LIGHT TOOLBAR REDESIGN */

body.light-mode .list-control-bar,
body.light-mode .user-filter-bar{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.92), rgba(248,250,255,.96))!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
  border:1px solid rgba(14,165,233,.14)!important;
  box-shadow:
    0 24px 70px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.55)!important;
  border-radius:2rem!important;
  padding:1.25rem!important;
}

body.light-mode .list-control-bar .form-control,
body.light-mode .list-control-bar .form-select,
body.light-mode .list-control-bar .control-search,
body.light-mode .list-control-bar .control-select,
body.light-mode .user-filter-bar .form-control,
body.light-mode .user-filter-bar .form-select,
body.light-mode .user-filter-bar .user-filter-control{
  height:64px!important;
  border-radius:1.35rem!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#0f172a!important;
  font-size:1.05rem!important;
  font-weight:700!important;
  padding-inline:1.3rem!important;
  transition:.22s ease!important;
}

body.light-mode .list-control-bar .form-control:focus,
body.light-mode .list-control-bar .form-select:focus,
body.light-mode .user-filter-bar .form-control:focus,
body.light-mode .user-filter-bar .form-select:focus{
  border-color:rgba(14,165,233,.42)!important;
  box-shadow:
    0 0 0 4px rgba(14,165,233,.10),
    0 18px 40px rgba(14,165,233,.10)!important;
  background:#fff!important;
}

body.light-mode .list-control-bar .form-control::placeholder,
body.light-mode .user-filter-bar .form-control::placeholder{
  color:#64748b!important;
  font-weight:700!important;
}

body.light-mode .filter-open-btn,
body.light-mode .list-control-bar .btn,
body.light-mode .user-filter-bar .btn{
  height:64px!important;
  border-radius:1.35rem!important;
  padding-inline:1.6rem!important;
  border:1px solid rgba(14,165,233,.18)!important;
  background:
    linear-gradient(135deg, rgba(255,255,255,.95), rgba(240,249,255,.98))!important;
  color:#0f172a!important;
  font-weight:900!important;
  transition:.22s ease!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important;
}

body.light-mode .filter-open-btn:hover,
body.light-mode .list-control-bar .btn:hover,
body.light-mode .user-filter-bar .btn:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(14,165,233,.35)!important;
  color:#0369a1!important;
  box-shadow:
    0 16px 38px rgba(14,165,233,.12),
    0 0 0 4px rgba(14,165,233,.08)!important;
}

body.light-mode .filter-open-btn i,
body.light-mode .list-control-bar .btn i,
body.light-mode .user-filter-bar .btn i{
  color:#0284c7!important;
}

body.light-mode .product-count,
body.light-mode .user-filter-meta{
  font-size:1.1rem!important;
  font-weight:900!important;
  color:#0f172a!important;
  white-space:nowrap!important;
}

body.light-mode .product-count strong,
body.light-mode .user-filter-meta strong{
  color:#0284c7!important;
}

/* Premium select arrows */
body.light-mode .list-control-bar select,
body.light-mode .user-filter-bar select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:
    linear-gradient(45deg, transparent 50%, #0284c7 50%),
    linear-gradient(135deg, #0284c7 50%, transparent 50%)!important;
  background-position:
    calc(100% - 22px) calc(50% - 2px),
    calc(100% - 16px) calc(50% - 2px)!important;
  background-size:
    7px 7px,
    7px 7px!important;
  background-repeat:no-repeat!important;
  padding-right:3.2rem!important;
}

/* Responsive */
@media(max-width:991.98px){
  body.light-mode .list-control-bar,
  body.light-mode .user-filter-bar{
    border-radius:1.7rem!important;
  }

  body.light-mode .list-control-bar .form-control,
  body.light-mode .list-control-bar .form-select,
  body.light-mode .user-filter-bar .form-control,
  body.light-mode .user-filter-bar .form-select,
  body.light-mode .filter-open-btn{
    height:58px!important;
  }
}

@media(max-width:767.98px){
  body.light-mode .list-control-bar,
  body.light-mode .user-filter-bar{
    padding:1rem!important;
    border-radius:1.4rem!important;
  }

  body.light-mode .list-control-bar .form-control,
  body.light-mode .list-control-bar .form-select,
  body.light-mode .user-filter-bar .form-control,
  body.light-mode .user-filter-bar .form-select,
  body.light-mode .filter-open-btn{
    height:54px!important;
    font-size:.95rem!important;
    border-radius:1rem!important;
  }

  body.light-mode .product-count,
  body.light-mode .user-filter-meta{
    font-size:.95rem!important;
  }
}


/* V65 FORCE SELECT ARROW FIX */
.list-control-bar select,
.user-filter-bar select,
select.control-select,
select.user-filter-control,
.form-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  padding-right:3.3rem!important;
  background-repeat:no-repeat!important;
  background-size:18px 18px!important;
  background-position:right 1.25rem center!important;
}

body.light-mode .list-control-bar select,
body.light-mode .user-filter-bar select,
body.light-mode select.control-select,
body.light-mode select.user-filter-control,
body.light-mode .form-select{
  background-color:#ffffff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  color:#0f172a!important;
}

body:not(.light-mode) .list-control-bar select,
body:not(.light-mode) .user-filter-bar select,
body:not(.light-mode) select.control-select,
body:not(.light-mode) select.user-filter-control,
body:not(.light-mode) .form-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
}

/* Prevent older gradient arrow rules from overriding by stronger specificity */
html body.light-mode .user-filter-bar .form-select,
html body.light-mode .user-filter-bar select,
html body.light-mode .list-control-bar .form-select,
html body.light-mode .list-control-bar select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
  background-position:right 1.25rem center!important;
  background-size:20px 20px!important;
  background-repeat:no-repeat!important;
}


/* V66 PAGE SIZE SELECT ARROW SPACING FIX */
#pageSizeSelect,
#orderPageSize,
#notificationPageSize,
#reviewPageSize{
  min-width:92px!important;
  width:92px!important;
  padding-left:1.15rem!important;
  padding-right:2.55rem!important;
  text-align:left!important;
  background-position:right .95rem center!important;
  background-size:17px 17px!important;
}

body.light-mode #pageSizeSelect,
body.light-mode #orderPageSize,
body.light-mode #notificationPageSize,
body.light-mode #reviewPageSize{
  background-position:right .95rem center!important;
  background-size:17px 17px!important;
}

/* Wider desktop filter select stays comfortable */
#orderStatus,
#notificationStatus,
#reviewRating,
.list-control-bar select:not(#pageSizeSelect){
  padding-right:3.2rem!important;
}

/* Mobile: page size still readable */
@media(max-width:767.98px){
  #pageSizeSelect,
  #orderPageSize,
  #notificationPageSize,
  #reviewPageSize{
    min-width:86px!important;
    width:86px!important;
    padding-left:1rem!important;
    padding-right:2.35rem!important;
    background-position:right .8rem center!important;
  }
}


/* V67 SHOP LIGHT TOOLBAR FINAL FIX */

body.light-mode .shop-toolbar,
body.light-mode .list-control-bar{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.94), rgba(245,249,255,.98))!important;
  border:1px solid rgba(14,165,233,.12)!important;
  box-shadow:
    0 18px 55px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.75)!important;
  border-radius:2rem!important;
  overflow:hidden!important;
}

/* Search */
body.light-mode .shop-toolbar .form-control,
body.light-mode .list-control-bar .form-control{
  background:#ffffff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#0f172a!important;
  font-weight:800!important;
  box-shadow:none!important;
}

body.light-mode .shop-toolbar .form-control::placeholder,
body.light-mode .list-control-bar .form-control::placeholder{
  color:#64748b!important;
  opacity:1!important;
}

/* Filter button */
body.light-mode .shop-toolbar .filter-open-btn,
body.light-mode .list-control-bar .filter-open-btn{
  background:linear-gradient(135deg,#eff8ff,#eef2ff)!important;
  border:1px solid rgba(14,165,233,.16)!important;
  color:#0f172a!important;
  font-weight:900!important;
  opacity:1!important;
}

body.light-mode .shop-toolbar .filter-open-btn:hover,
body.light-mode .list-control-bar .filter-open-btn:hover{
  background:linear-gradient(135deg,#dff7ff,#e8e8ff)!important;
  color:#0369a1!important;
  transform:translateY(-2px)!important;
}

body.light-mode .shop-toolbar .filter-open-btn i,
body.light-mode .list-control-bar .filter-open-btn i{
  color:#0284c7!important;
}

/* Selects */
body.light-mode .shop-toolbar select,
body.light-mode .list-control-bar select,
body.light-mode .shop-toolbar .form-select,
body.light-mode .list-control-bar .form-select{
  background-color:#ffffff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#0f172a!important;
  font-weight:900!important;
  box-shadow:none!important;
}

/* Product meta */
body.light-mode .shop-toolbar .product-count,
body.light-mode .shop-toolbar .product-count *,
body.light-mode .list-control-bar .product-count,
body.light-mode .list-control-bar .product-count *{
  color:#0f172a!important;
  opacity:1!important;
  font-weight:900!important;
}

body.light-mode .shop-toolbar .product-count strong,
body.light-mode .list-control-bar .product-count strong{
  color:#0284c7!important;
}

/* Layout fixes */
body.light-mode .shop-toolbar .row,
body.light-mode .list-control-bar .row{
  align-items:center!important;
}

/* Prevent washed out button look */
body.light-mode .shop-toolbar .btn:disabled,
body.light-mode .list-control-bar .btn:disabled{
  opacity:1!important;
  filter:none!important;
}

/* Mobile */
@media(max-width:767.98px){
  body.light-mode .shop-toolbar,
  body.light-mode .list-control-bar{
    border-radius:1.4rem!important;
    padding:1rem!important;
  }
}


/* V68 SHOP LIGHT FILTER BUTTON + SELECT ARROW HARD FIX */

/* Shop sayfası filtre butonu: soluk görünümü tamamen ez */
html body.light-mode .list-control-bar button,
html body.light-mode .list-control-bar .filter-open-btn,
html body.light-mode .list-control-bar button.filter-open-btn{
  background:linear-gradient(135deg,#18c8f6,#7c6cff)!important;
  color:#ffffff!important;
  border:1px solid rgba(24,200,246,.45)!important;
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  box-shadow:0 14px 34px rgba(24,200,246,.20)!important;
}

html body.light-mode .list-control-bar button *,
html body.light-mode .list-control-bar .filter-open-btn *,
html body.light-mode .list-control-bar button.filter-open-btn *{
  color:#ffffff!important;
  opacity:1!important;
  filter:none!important;
}

html body.light-mode .list-control-bar button:hover,
html body.light-mode .list-control-bar .filter-open-btn:hover{
  background:linear-gradient(135deg,#06b6d4,#6d5dfc)!important;
  color:#ffffff!important;
  transform:translateY(-2px)!important;
}

/* Shop select oku: sıralama ve sayfa boyutu için net SVG ok */
html body.light-mode .list-control-bar select,
html body.light-mode .list-control-bar .form-select,
html body.light-mode .list-control-bar .control-select,
html body.light-mode #pageSizeSelect{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-color:#ffffff!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1.15rem center!important;
  background-size:20px 20px!important;
  color:#0f172a!important;
  padding-right:3.4rem!important;
}

/* Sayfa boyutu select dar olduğu için özel hizalama */
html body.light-mode #pageSizeSelect{
  min-width:104px!important;
  width:104px!important;
  padding-left:1.15rem!important;
  padding-right:3rem!important;
  background-position:right .95rem center!important;
}

/* Sıralama select daha rahat */
html body.light-mode .list-control-bar select:not(#pageSizeSelect),
html body.light-mode .list-control-bar .control-select:not(#pageSizeSelect){
  min-width:360px!important;
}

/* Eğer eski pseudo/gradient ok kalırsa ez */
html body.light-mode .list-control-bar select::-ms-expand{
  display:none!important;
}

/* Dark mode bozulmasın */
html body:not(.light-mode) .list-control-bar select,
html body:not(.light-mode) .list-control-bar .form-select,
html body:not(.light-mode) .list-control-bar .control-select,
html body:not(.light-mode) #pageSizeSelect{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1.15rem center!important;
  background-size:20px 20px!important;
  padding-right:3.4rem!important;
}

@media(max-width:991.98px){
  html body.light-mode .list-control-bar select:not(#pageSizeSelect),
  html body.light-mode .list-control-bar .control-select:not(#pageSizeSelect){
    min-width:100%!important;
  }

  html body.light-mode #pageSizeSelect{
    min-width:96px!important;
    width:96px!important;
  }
}


/* V69 SHOP TOOLBAR SINGLE LINE FIX */

/* Desktop/tablet geniş ekranda shop toolbar tek satır */
@media(min-width:992px){
  .list-control-bar{
    display:flex!important;
    align-items:center!important;
    gap:1rem!important;
    flex-wrap:nowrap!important;
    padding:1.25rem!important;
  }

  .list-control-bar .row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    gap:1rem!important;
    margin:0!important;
  }

  .list-control-bar .row > [class*="col"]{
    flex:0 0 auto!important;
    width:auto!important;
    max-width:none!important;
    padding:0!important;
  }

  .list-control-bar .control-search,
  .list-control-bar input[type="text"],
  .list-control-bar .form-control{
    width:430px!important;
    max-width:430px!important;
    min-width:320px!important;
  }

  .list-control-bar .filter-open-btn,
  .list-control-bar button{
    width:140px!important;
    min-width:140px!important;
    white-space:nowrap!important;
  }

  .list-control-bar #pageSizeSelect{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
  }

  .list-control-bar select:not(#pageSizeSelect),
  .list-control-bar .control-select:not(#pageSizeSelect){
    width:360px!important;
    min-width:300px!important;
    max-width:360px!important;
  }

  .list-control-bar .product-count{
    display:flex!important;
    align-items:center!important;
    gap:.65rem!important;
    flex:1 1 auto!important;
    min-width:230px!important;
    width:auto!important;
    white-space:nowrap!important;
    text-align:left!important;
    justify-content:flex-start!important;
  }

  .list-control-bar .product-count strong,
  .list-control-bar #productRangeText{
    white-space:nowrap!important;
  }
}

/* Light mode özel: tek satırda daha kompakt */
@media(min-width:992px){
  html body.light-mode .list-control-bar{
    padding:1.15rem 1.25rem!important;
  }

  html body.light-mode .list-control-bar .form-control,
  html body.light-mode .list-control-bar .form-select,
  html body.light-mode .list-control-bar .control-search,
  html body.light-mode .list-control-bar .control-select,
  html body.light-mode .list-control-bar .filter-open-btn{
    height:58px!important;
    border-radius:1.15rem!important;
    font-size:.98rem!important;
  }

  html body.light-mode .list-control-bar .control-search,
  html body.light-mode .list-control-bar input[type="text"],
  html body.light-mode .list-control-bar .form-control{
    width:420px!important;
  }

  html body.light-mode .list-control-bar .filter-open-btn{
    width:136px!important;
    min-width:136px!important;
  }

  html body.light-mode .list-control-bar select:not(#pageSizeSelect),
  html body.light-mode .list-control-bar .control-select:not(#pageSizeSelect){
    width:345px!important;
    min-width:300px!important;
  }

  html body.light-mode .list-control-bar .product-count{
    min-width:245px!important;
    font-size:1rem!important;
  }
}

/* Daha dar laptoplarda da tek satırı koru */
@media(min-width:992px) and (max-width:1280px){
  .list-control-bar{
    gap:.7rem!important;
  }

  .list-control-bar .row{
    gap:.7rem!important;
  }

  .list-control-bar .control-search,
  .list-control-bar input[type="text"],
  .list-control-bar .form-control{
    width:340px!important;
    min-width:280px!important;
  }

  .list-control-bar .filter-open-btn{
    width:126px!important;
    min-width:126px!important;
  }

  .list-control-bar select:not(#pageSizeSelect),
  .list-control-bar .control-select:not(#pageSizeSelect){
    width:300px!important;
    min-width:260px!important;
  }

  .list-control-bar .product-count{
    min-width:220px!important;
    font-size:.95rem!important;
  }
}

/* Mobilde alt alta kalabilir */
@media(max-width:991.98px){
  .list-control-bar .product-count{
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
  }
}


/* V70 SHOP TOOLBAR FIT FIX */

/* 1200px+ ekranda taşmadan tek satır */
@media(min-width:1200px){
  .list-control-bar{
    max-width:100%!important;
    overflow:hidden!important;
    padding:1.05rem 1.15rem!important;
  }

  .list-control-bar .row{
    display:grid!important;
    grid-template-columns:minmax(260px, 1fr) 128px 86px minmax(260px, 350px) minmax(210px, auto)!important;
    gap:.85rem!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
  }

  .list-control-bar .row > [class*="col"]{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    padding:0!important;
  }

  .list-control-bar .form-control,
  .list-control-bar .control-search,
  .list-control-bar input[type="text"],
  .list-control-bar .form-select,
  .list-control-bar .control-select,
  .list-control-bar .filter-open-btn{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    height:56px!important;
    font-size:.95rem!important;
  }

  .list-control-bar #pageSizeSelect{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .list-control-bar .product-count{
    min-width:0!important;
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.55rem!important;
    font-size:.95rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }

  .list-control-bar .product-count strong{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .list-control-bar #productRangeText{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 992-1199 arası: iki satıra kontrollü düşsün, taşma olmasın */
@media(min-width:992px) and (max-width:1199.98px){
  .list-control-bar{
    padding:1rem!important;
    overflow:hidden!important;
  }

  .list-control-bar .row{
    display:grid!important;
    grid-template-columns:1fr 126px 86px 1fr!important;
    gap:.8rem!important;
    align-items:center!important;
    margin:0!important;
  }

  .list-control-bar .row > [class*="col"]{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
  }

  .list-control-bar .product-count{
    grid-column:1 / -1!important;
    width:100%!important;
    text-align:center!important;
    justify-content:center!important;
    margin-top:.25rem!important;
  }
}

/* Light mode compact override */
@media(min-width:1200px){
  html body.light-mode .list-control-bar .form-control,
  html body.light-mode .list-control-bar .form-select,
  html body.light-mode .list-control-bar .control-search,
  html body.light-mode .list-control-bar .control-select,
  html body.light-mode .list-control-bar .filter-open-btn{
    height:56px!important;
    border-radius:1.05rem!important;
  }

  html body.light-mode .list-control-bar{
    border-radius:1.7rem!important;
  }
}

/* Very wide screens: a little more breathing room */
@media(min-width:1500px){
  .list-control-bar .row{
    grid-template-columns:minmax(360px, 1fr) 140px 92px minmax(330px, 420px) minmax(250px, auto)!important;
    gap:1rem!important;
  }
}


/* V72 SHOP STRUCTURE RESTORE + SAFE TOOLBAR FIX */
/* HTML yapısı korunur, sadece toolbar ölçüleri güvenli hale getirilir. */

/* Shop alanının taşmasını önle */
.shop-page .container,
.shop-page .container-fluid,
.shop-section,
.product-section{
  overflow-x:hidden!important;
}

/* Toolbar ana yapı */
.list-control-bar{
  max-width:100%!important;
  overflow:hidden!important;
}

/* Bootstrap row yapısını bozmadan sığdır */
@media(min-width:1200px){
  .list-control-bar .row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:.75rem!important;
    margin:0!important;
  }

  .list-control-bar .row > [class*="col"]{
    padding:0!important;
    flex:0 1 auto!important;
    min-width:0!important;
    width:auto!important;
    max-width:none!important;
  }

  .list-control-bar .row > [class*="col"]:has(.control-search),
  .list-control-bar .row > [class*="col"]:has(input){
    flex:1 1 330px!important;
    max-width:420px!important;
  }

  .list-control-bar .row > [class*="col"]:has(.filter-open-btn),
  .list-control-bar .row > [class*="col"]:has(button){
    flex:0 0 135px!important;
    max-width:135px!important;
  }

  .list-control-bar .row > [class*="col"]:has(#pageSizeSelect){
    flex:0 0 92px!important;
    max-width:92px!important;
  }

  .list-control-bar .row > [class*="col"]:has(.control-select):not(:has(#pageSizeSelect)),
  .list-control-bar .row > [class*="col"]:has(select):not(:has(#pageSizeSelect)){
    flex:0 1 330px!important;
    max-width:330px!important;
  }

  .list-control-bar .row > [class*="col"]:has(.product-count){
    flex:1 1 230px!important;
    max-width:260px!important;
    min-width:210px!important;
  }

  .list-control-bar .control-search,
  .list-control-bar input[type="text"],
  .list-control-bar .form-control{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .list-control-bar .filter-open-btn,
  .list-control-bar button{
    width:100%!important;
    min-width:0!important;
    white-space:nowrap!important;
  }

  .list-control-bar #pageSizeSelect{
    width:100%!important;
    min-width:0!important;
    padding-left:1rem!important;
    padding-right:2.35rem!important;
    background-position:right .8rem center!important;
  }

  .list-control-bar select:not(#pageSizeSelect),
  .list-control-bar .control-select:not(#pageSizeSelect){
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }

  .list-control-bar .product-count{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:.55rem!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    font-size:.95rem!important;
  }

  .list-control-bar .product-count strong{
    flex:0 0 auto!important;
    white-space:nowrap!important;
  }

  .list-control-bar #productRangeText{
    flex:1 1 auto!important;
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
}

/* 992-1199 arası: kontrollü, tasarımı bozmadan iki satıra geçebilir */
@media(min-width:992px) and (max-width:1199.98px){
  .list-control-bar .row{
    display:flex!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:.75rem!important;
    margin:0!important;
  }

  .list-control-bar .row > [class*="col"]{
    padding:0!important;
  }

  .list-control-bar .row > [class*="col"]:has(.control-search),
  .list-control-bar .row > [class*="col"]:has(input){
    flex:1 1 40%!important;
  }

  .list-control-bar .row > [class*="col"]:has(.filter-open-btn),
  .list-control-bar .row > [class*="col"]:has(button){
    flex:0 0 135px!important;
  }

  .list-control-bar .row > [class*="col"]:has(#pageSizeSelect){
    flex:0 0 92px!important;
  }

  .list-control-bar .row > [class*="col"]:has(.control-select):not(:has(#pageSizeSelect)),
  .list-control-bar .row > [class*="col"]:has(select):not(:has(#pageSizeSelect)){
    flex:1 1 35%!important;
  }

  .list-control-bar .row > [class*="col"]:has(.product-count){
    flex:1 1 100%!important;
  }

  .list-control-bar .product-count{
    justify-content:center!important;
    text-align:center!important;
  }
}

/* Light mode: buton ve select görünürlüğü */
html body.light-mode .list-control-bar{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 35%),
    linear-gradient(135deg, rgba(255,255,255,.96), rgba(246,250,255,.98))!important;
  border:1px solid rgba(14,165,233,.14)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.07)!important;
}

html body.light-mode .list-control-bar .filter-open-btn,
html body.light-mode .list-control-bar button{
  background:linear-gradient(135deg,#20c7f4,#7468ff)!important;
  color:#ffffff!important;
  border:1px solid rgba(14,165,233,.35)!important;
  opacity:1!important;
  filter:none!important;
}

html body.light-mode .list-control-bar .filter-open-btn *,
html body.light-mode .list-control-bar button *{
  color:#ffffff!important;
  opacity:1!important;
}

html body.light-mode .list-control-bar .form-control,
html body.light-mode .list-control-bar .form-select,
html body.light-mode .list-control-bar .control-search,
html body.light-mode .list-control-bar .control-select{
  background:#ffffff!important;
  border:1px solid rgba(148,163,184,.22)!important;
  color:#0f172a!important;
  font-weight:800!important;
}

/* Select okları */
html body.light-mode .list-control-bar select,
html body.light-mode .list-control-bar .form-select,
html body.light-mode .list-control-bar .control-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:19px 19px!important;
  padding-right:3rem!important;
}

html body:not(.light-mode) .list-control-bar select,
html body:not(.light-mode) .list-control-bar .form-select,
html body:not(.light-mode) .list-control-bar .control-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:19px 19px!important;
  padding-right:3rem!important;
}

html body.light-mode .list-control-bar .product-count,
html body.light-mode .list-control-bar .product-count *,
html body.light-mode .list-control-bar #productRangeText{
  color:#0f172a!important;
  opacity:1!important;
  font-weight:900!important;
}

html body.light-mode .list-control-bar .product-count strong{
  color:#0284c7!important;
}


/* V73 LANGUAGE SWITCHER */
.language-switcher{
  position:relative;
  z-index:9999;
  display:inline-flex;
  align-items:center;
  margin:0 .35rem;
}

.lang-current{
  height:42px;
  min-width:86px;
  padding:0 .75rem;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.055);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.45rem;
  font-weight:900;
  transition:.22s ease;
}

.lang-current:hover{
  border-color:rgba(0,229,255,.35);
  background:rgba(0,229,255,.10);
}

.flag{
  font-size:1.15rem;
  line-height:1;
}

.lang-code{
  font-size:.85rem;
  letter-spacing:.03em;
}

.lang-menu{
  position:absolute;
  top:calc(100% + .55rem);
  right:0;
  min-width:165px;
  padding:.5rem;
  border-radius:1rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
}

.language-switcher:hover .lang-menu,
.language-switcher.open .lang-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.lang-menu button{
  width:100%;
  border:none;
  border-radius:.75rem;
  background:transparent;
  color:#e2e8f0;
  display:flex;
  align-items:center;
  gap:.65rem;
  padding:.7rem .75rem;
  font-weight:800;
  text-align:left;
}

.lang-menu button:hover,
.lang-menu button.active{
  background:rgba(0,229,255,.10);
  color:#a5f3fc;
}

body.light-mode .lang-current{
  background:#fff;
  color:#0f172a;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .lang-menu{
  background:linear-gradient(135deg,#ffffff,#f1f5ff);
  border-color:rgba(15,23,42,.12);
  box-shadow:0 20px 60px rgba(15,23,42,.12);
}

body.light-mode .lang-menu button{
  color:#0f172a;
}

body.light-mode .lang-menu button:hover,
body.light-mode .lang-menu button.active{
  background:#e0f2fe;
  color:#0369a1;
}

@media(max-width:991.98px){
  .language-switcher{
    margin:.5rem 0;
  }

  .lang-menu{
    left:0;
    right:auto;
  }
}


/* V74 REAL FLAG SWITCHER */

.flag-icon{
  width:22px;
  height:22px;
  border-radius:50%;
  overflow:hidden;
  flex:0 0 22px;
  position:relative;
  box-shadow:0 0 0 2px rgba(255,255,255,.08);
}

/* UK */
.flag-en{
  background:
    linear-gradient(90deg, transparent 42%, #fff 42%, #fff 58%, transparent 58%),
    linear-gradient(transparent 42%, #fff 42%, #fff 58%, transparent 58%),
    linear-gradient(90deg, transparent 46%, #cf142b 46%, #cf142b 54%, transparent 54%),
    linear-gradient(transparent 46%, #cf142b 46%, #cf142b 54%, transparent 54%),
    #012169;
}

/* Turkey */
.flag-tr{
  background:#e30a17;
}

.flag-tr::before{
  content:"";
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#fff;
  left:5px;
  top:6px;
}

.flag-tr::after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#e30a17;
  left:7px;
  top:7px;
  box-shadow:
    8px 0 0 -3px #fff,
    8px 0 0 -2px #fff;
}

/* Spain */
.flag-es{
  background:
    linear-gradient(#aa151b 0 28%, #f1bf00 28% 72%, #aa151b 72% 100%);
}

/* France */
.flag-fr{
  background:
    linear-gradient(90deg,#0055a4 0 33%, #fff 33% 66%, #ef4135 66% 100%);
}

.lang-current{
  min-width:92px!important;
  gap:.6rem!important;
}

.lang-current i{
  font-size:.8rem;
  opacity:.85;
}

.lang-menu button{
  position:relative;
}

.lang-menu button .flag-icon{
  margin-right:.1rem;
}

body.light-mode .flag-icon{
  box-shadow:0 0 0 2px rgba(15,23,42,.08);
}


/* V75 SELECTED LANGUAGE FLAG FIX */
.lang-current{
  min-width:104px!important;
  height:46px!important;
  padding:0 .8rem!important;
  border-radius:1rem!important;
  gap:.55rem!important;
}

.lang-current .flag,
#currentFlag{
  width:24px;
  height:24px;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 24px!important;
}

.flag-icon{
  width:24px!important;
  height:24px!important;
  display:inline-block!important;
  border-radius:50%!important;
  overflow:hidden!important;
  position:relative!important;
  vertical-align:middle!important;
  box-shadow:0 0 0 2px rgba(255,255,255,.12), 0 6px 14px rgba(0,0,0,.16)!important;
}

/* Better UK flag */
.flag-en{
  background-color:#012169!important;
  background-image:
    linear-gradient(33deg, transparent 42%, #fff 42%, #fff 48%, #c8102e 48%, #c8102e 52%, #fff 52%, #fff 58%, transparent 58%),
    linear-gradient(147deg, transparent 42%, #fff 42%, #fff 48%, #c8102e 48%, #c8102e 52%, #fff 52%, #fff 58%, transparent 58%),
    linear-gradient(90deg, transparent 38%, #fff 38%, #fff 62%, transparent 62%),
    linear-gradient(0deg, transparent 38%, #fff 38%, #fff 62%, transparent 62%),
    linear-gradient(90deg, transparent 43%, #c8102e 43%, #c8102e 57%, transparent 57%),
    linear-gradient(0deg, transparent 43%, #c8102e 43%, #c8102e 57%, transparent 57%)!important;
}

/* Clean language button display */
.lang-menu button{
  gap:.7rem!important;
  font-size:1rem!important;
}

.lang-menu button .flag-icon{
  flex:0 0 24px!important;
}

body.light-mode .flag-icon{
  box-shadow:0 0 0 2px rgba(15,23,42,.08), 0 6px 14px rgba(15,23,42,.10)!important;
}





/* V77 TRUE SVG FLAG LOOK */

.flag-icon{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
  border:none!important;
}

.flag-en{
  width:28px!important;
  height:20px!important;
  border-radius:.3rem!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3CclipPath id='t'%3E%3Cpath d='M0,0 v30 h60 v-30 z'/%3E%3C/clipPath%3E%3Cpath d='M0,0 v30 h60 v-30 z' fill='%23012169'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0,0 L60,30 M60,0 L0,30' clip-path='url(%23t)' stroke='%23C8102E' stroke-width='4'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30,0 v30 M0,15 h60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")!important;
  box-shadow:0 4px 12px rgba(0,0,0,.18)!important;
}

.flag-tr{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Crect width='60' height='60' fill='%23E30A17'/%3E%3Ccircle cx='27' cy='30' r='12' fill='white'/%3E%3Ccircle cx='31' cy='30' r='10' fill='%23E30A17'/%3E%3Cpolygon fill='white' points='42,30 36,32 39,26 39,34 36,28'/%3E%3C/svg%3E")!important;
}

.flag-es{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Crect width='60' height='60' fill='%23AA151B'/%3E%3Crect y='16' width='60' height='28' fill='%23F1BF00'/%3E%3C/svg%3E")!important;
}

.flag-fr{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Crect width='20' height='60' fill='%230055A4'/%3E%3Crect x='20' width='20' height='60' fill='white'/%3E%3Crect x='40' width='20' height='60' fill='%23EF4135'/%3E%3C/svg%3E")!important;
}

.lang-current{
  min-width:108px!important;
}

.lang-current .flag{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}


/* V78 CHECKOUT FLOW */
.checkout-steps{
  display:flex;
  gap:1rem;
  flex-wrap:wrap;
}

.checkout-step{
  flex:1;
  min-width:180px;
  padding:1rem 1.15rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  color:#94a3b8;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:.75rem;
}

.checkout-step span{
  width:34px;
  height:34px;
  border-radius:.85rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.08);
  color:#e2e8f0;
}

.checkout-step.active{
  color:#a5f3fc;
  border-color:rgba(0,229,255,.24);
  background:rgba(0,229,255,.08);
}

.checkout-step.active span{
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
}

.checkout-payment-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
}

.checkout-payment-tabs button{
  border:none;
  border-radius:1rem;
  padding:.85rem 1rem;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.10);
  color:#e2e8f0;
  font-weight:900;
  display:flex;
  align-items:center;
  gap:.55rem;
}

.checkout-payment-tabs button.active{
  background:linear-gradient(135deg,rgba(0,229,255,.18),rgba(139,92,246,.18));
  border-color:rgba(0,229,255,.30);
  color:#a5f3fc;
}

.payment-card-preview,
.saved-card{
  min-height:210px;
  border-radius:1.5rem;
  padding:1.35rem;
  background:
    radial-gradient(circle at top right, rgba(255,62,165,.20), transparent 35%),
    linear-gradient(135deg,#063044,#2b1438);
  border:1px solid rgba(255,255,255,.12);
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.payment-card-number,
.saved-card-number{
  font-size:1.6rem;
  font-weight:900;
  letter-spacing:.06em;
}

.saved-card-meta{
  display:flex;
  justify-content:space-between;
  font-weight:900;
}

.checkout-coupon{
  display:flex;
  gap:.75rem;
}

.checkout-coupon input{
  flex:1;
}

.checkout-order-item{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:.85rem;
  align-items:center;
  padding:.85rem;
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:.85rem;
}

.checkout-order-item img{
  width:64px;
  height:54px;
  object-fit:cover;
  border-radius:.85rem;
}

.secure-note{
  padding:.9rem 1rem;
  border-radius:1rem;
  background:rgba(20,241,149,.09);
  border:1px solid rgba(20,241,149,.18);
  color:#86efac;
  font-weight:800;
}

.success-card,
.invoice-card{
  border-radius:2rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 34%),
    radial-gradient(circle at bottom left, rgba(255,62,165,.10), transparent 34%),
    linear-gradient(135deg, rgba(17,21,46,.96), rgba(7,10,24,.98));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 26px 80px rgba(0,0,0,.28);
}

.success-icon{
  width:92px;
  height:92px;
  margin-inline:auto;
  border-radius:2rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:3rem;
  box-shadow:0 24px 70px rgba(0,229,255,.22);
}

.key-reveal-card{
  padding:2rem;
  border-radius:1.5rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
}

.key-code{
  letter-spacing:.08em;
  transition:.25s ease;
  word-break:break-all;
}

.key-code.blurred{
  filter:blur(8px);
  user-select:none;
}

.activation-step{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  padding:1rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#cbd5e1;
  font-weight:700;
}

.activation-step span{
  width:34px;
  height:34px;
  border-radius:.85rem;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  flex:0 0 auto;
}

.invoice-table{
  color:#e2e8f0!important;
}

.invoice-table th,
.invoice-table td{
  border-color:rgba(255,255,255,.10)!important;
  padding:1rem!important;
}

.invoice-total{
  max-width:360px;
  margin-top:1.5rem;
}

.invoice-total > div{
  display:flex;
  justify-content:space-between;
  padding:.75rem 0;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.invoice-total .grand{
  font-size:1.35rem;
  color:#a5f3fc;
}

body.light-mode .checkout-step,
body.light-mode .checkout-payment-tabs button,
body.light-mode .checkout-order-item,
body.light-mode .key-reveal-card{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .success-card,
body.light-mode .invoice-card{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .invoice-table{
  color:#0f172a!important;
}

body.light-mode .invoice-table th,
body.light-mode .invoice-table td{
  border-color:rgba(15,23,42,.10)!important;
}

/* V124 invoice and refund flow polish */
.invoice-modern-head,
.invoice-bottom-grid,
.invoice-info-grid{
  display:grid;
  gap:1rem;
}

.invoice-modern-head{
  grid-template-columns:minmax(0,1fr) max-content;
  align-items:start;
}

.invoice-status-pill{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.85rem 1rem;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.35);
  background:rgba(34,211,238,.1);
  color:#a5f3fc;
  font-weight:900;
}

.invoice-info-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.invoice-info-grid > div,
.invoice-note,
.invoice-refund-box,
.invoice-refund-status,
.refund-panel{
  border:1px solid rgba(255,255,255,.12);
  border-radius:1.3rem;
  background:rgba(255,255,255,.045);
}

.invoice-info-grid > div{
  padding:1rem;
}

.invoice-info-grid span,
.invoice-info-grid strong,
.invoice-info-grid p,
.invoice-note strong,
.invoice-note p{
  display:block;
}

.invoice-info-grid span{
  color:#a5f3fc;
  font-weight:900;
  font-size:.86rem;
}

.invoice-info-grid strong{
  margin-top:.25rem;
  font-size:1.1rem;
}

.invoice-info-grid p,
.invoice-note p{
  color:var(--muted);
  font-weight:700;
  margin:.35rem 0 0;
}

.invoice-table td strong,
.invoice-table td small{
  display:block;
}

.invoice-table td small{
  color:var(--muted);
  font-weight:700;
  margin-top:.18rem;
}

.invoice-bottom-grid{
  grid-template-columns:minmax(0,1fr) minmax(280px,.4fr);
  align-items:start;
  margin-top:1.5rem;
}

.invoice-note{
  padding:1rem;
}

.invoice-refund-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) max-content;
  gap:1rem;
  align-items:center;
  margin:1rem 0;
  padding:1rem;
  border-color:rgba(251,191,36,.32);
  background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(34,211,238,.05));
}

.invoice-refund-status{
  min-width:170px;
  padding:.85rem 1rem;
  border-color:rgba(251,191,36,.26);
  text-align:right;
}

.invoice-refund-status strong,
.invoice-refund-status span{
  display:block;
}

.invoice-refund-status strong{
  color:#facc15;
  font-size:1.35rem;
}

.invoice-refund-status span{
  color:var(--muted);
  font-weight:850;
  font-size:.85rem;
}

.invoice-total .invoice-refund-total strong{
  color:#facc15;
}

.refund-panel{
  background:
    radial-gradient(circle at top right,rgba(34,211,238,.12),transparent 32%),
    linear-gradient(135deg,rgba(16,23,42,.95),rgba(7,17,32,.82));
  box-shadow:0 22px 60px rgba(0,0,0,.22);
}

.refund-steps{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}

.refund-steps div,
.refund-rule-list div{
  display:flex;
  align-items:center;
  gap:.75rem;
  padding:1rem;
  border-radius:1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
}

.refund-steps div.active{
  border-color:rgba(34,211,238,.38);
  color:#a5f3fc;
  background:rgba(34,211,238,.1);
}

.refund-steps i,
.refund-rule-list i{
  width:38px;
  height:38px;
  border-radius:.9rem;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#06111f;
}

.refund-steps span,
.refund-rule-list strong,
.refund-rule-list span{
  display:block;
  font-weight:850;
}

.refund-rule-list{
  display:grid;
  gap:.75rem;
}

.refund-rule-list span{
  color:var(--muted);
  font-size:.9rem;
  margin-top:.2rem;
}

body.light-mode .invoice-info-grid > div,
body.light-mode .invoice-note,
body.light-mode .invoice-refund-box,
body.light-mode .invoice-refund-status,
body.light-mode .refund-panel,
body.light-mode .refund-steps div,
body.light-mode .refund-rule-list div{
  background:#fff!important;
  border-color:rgba(15,23,42,.12)!important;
}

@media(max-width:991.98px){
  .invoice-modern-head,
  .invoice-bottom-grid,
  .invoice-info-grid,
  .invoice-refund-box,
  .refund-steps{
    grid-template-columns:1fr;
  }
}

@media print{
  @page{
    size:A4;
    margin:14mm;
  }

  html,
  body{
    width:210mm;
    min-height:297mm;
    margin:0!important;
    padding:0!important;
    background:#fff!important;
    color:#111827!important;
    font-family:Inter, Arial, sans-serif!important;
    -webkit-print-color-adjust:exact;
    print-color-adjust:exact;
  }

  body *{
    box-shadow:none!important;
    text-shadow:none!important;
  }

  .page-loader,
  .top-strip,
  .navbar,
  .page-header,
  .footer,
  .mobile-bottom-nav,
  .live-chat-toggle,
  .live-chat-window,
  .mini-cart-overlay,
  .mini-cart-drawer,
  .live-activity-feed,
  .quick-access,
  .quick-orbit,
  .nova-shortcuts,
  .invoice-screen-only{
    display:none!important;
  }

  .invoice-page{
    padding:0!important;
    margin:0!important;
    background:#fff!important;
  }

  .invoice-page .container{
    width:100%!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
  }

  .invoice-card{
    width:100%!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111827!important;
  }

  .invoice-modern-head{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:18px!important;
    align-items:start!important;
    padding-bottom:14px!important;
    margin-bottom:16px!important;
    border-bottom:2px solid #111827!important;
  }

  .invoice-modern-head .badge-neon{
    display:inline-flex!important;
    color:#111827!important;
    border:1px solid #111827!important;
    background:#fff!important;
    padding:5px 9px!important;
    border-radius:999px!important;
    font-size:10px!important;
    font-weight:900!important;
  }

  .invoice-modern-head .section-title{
    margin:10px 0 6px!important;
    color:#111827!important;
    font-family:Inter, Arial, sans-serif!important;
    font-size:24px!important;
    line-height:1.2!important;
  }

  .invoice-modern-head p,
  .invoice-info-grid p,
  .invoice-note p,
  .invoice-table td small{
    color:#374151!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  .invoice-status-pill{
    color:#065f46!important;
    background:#ecfdf5!important;
    border:1px solid #a7f3d0!important;
    padding:7px 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    white-space:nowrap!important;
  }

  .invoice-info-grid{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:10px!important;
    margin:0 0 16px!important;
  }

  .invoice-info-grid > div,
  .invoice-note{
    padding:10px!important;
    border:1px solid #d1d5db!important;
    border-radius:8px!important;
    background:#fff!important;
  }

  .invoice-info-grid span{
    color:#6b7280!important;
    font-size:10px!important;
    font-weight:900!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }

  .invoice-info-grid strong,
  .invoice-note strong{
    color:#111827!important;
    font-size:13px!important;
    margin-top:4px!important;
  }

  .table-responsive{
    overflow:visible!important;
  }

  .invoice-table{
    width:100%!important;
    margin:0!important;
    border-collapse:collapse!important;
    color:#111827!important;
    font-size:11px!important;
  }

  .invoice-table thead{
    display:table-header-group!important;
  }

  .invoice-table th{
    color:#111827!important;
    background:#f3f4f6!important;
    border:1px solid #d1d5db!important;
    padding:8px!important;
    font-size:10px!important;
    text-transform:uppercase!important;
    letter-spacing:.04em!important;
  }

  .invoice-table td{
    color:#111827!important;
    border:1px solid #d1d5db!important;
    padding:9px 8px!important;
    vertical-align:top!important;
  }

  .invoice-table td strong{
    color:#111827!important;
    font-size:12px!important;
  }

  .invoice-bottom-grid{
    display:grid!important;
    grid-template-columns:1fr 72mm!important;
    gap:14px!important;
    align-items:start!important;
    margin-top:16px!important;
  }

  .invoice-total{
    margin:0!important;
    padding:10px!important;
    border:1px solid #d1d5db!important;
    border-radius:8px!important;
    background:#fff!important;
  }

  .invoice-total > div{
    display:flex!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:6px 0!important;
    border-bottom:1px solid #e5e7eb!important;
    color:#111827!important;
    font-size:12px!important;
  }

  .invoice-total .grand{
    border-bottom:0!important;
    color:#111827!important;
    font-size:15px!important;
    font-weight:900!important;
  }

  .invoice-total span{
    color:#4b5563!important;
  }

  .invoice-total strong{
    color:#111827!important;
  }
}

body.light-mode .activation-step{
  color:#334155!important;
  border-color:rgba(15,23,42,.10)!important;
}

@media(max-width:767.98px){
  .checkout-step{
    min-width:100%;
  }

  .checkout-coupon{
    flex-direction:column;
  }

  .checkout-order-item{
    grid-template-columns:56px 1fr;
  }

  .checkout-order-item > span{
    grid-column:2;
  }
}


/* V79 MARKETPLACE EXPERIENCE */

.flash-sale-banner{
  margin:2rem auto 0;
  width:min(1400px, calc(100% - 2rem));
  border-radius:2rem;
  padding:1.3rem 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1.5rem;
  flex-wrap:wrap;
  background:
    radial-gradient(circle at top right, rgba(255,62,165,.25), transparent 34%),
    radial-gradient(circle at bottom left, rgba(0,229,255,.18), transparent 34%),
    linear-gradient(135deg,#071322,#0f172a);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 70px rgba(0,0,0,.22);
}

.flash-sale-content{
  display:flex;
  align-items:center;
  gap:1rem;
}

.flash-sale-badge{
  padding:.7rem 1rem;
  border-radius:1rem;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  color:#fff;
  font-weight:900;
  letter-spacing:.04em;
}

.flash-sale-content strong{
  display:block;
  font-size:1.1rem;
  color:#fff;
}

.flash-sale-content p{
  color:#94a3b8;
}

.flash-sale-timer{
  display:flex;
  gap:.75rem;
}

.flash-sale-timer div{
  width:78px;
  border-radius:1.2rem;
  padding:.75rem;
  text-align:center;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
}

.flash-sale-timer span{
  display:block;
  font-size:1.6rem;
  font-weight:900;
  color:#fff;
}

.flash-sale-timer small{
  color:#94a3b8;
  font-weight:800;
}

.mini-cart-overlay{
  position:fixed;
  inset:0;
  background:rgba(2,6,23,.55);
  backdrop-filter:blur(4px);
  z-index:9998;
  opacity:0;
  visibility:hidden;
  transition:.25s ease;
}

.mini-cart-overlay.show{
  opacity:1;
  visibility:visible;
}

.mini-cart-drawer{
  position:fixed;
  top:0;
  right:-430px;
  width:430px;
  max-width:100%;
  height:100vh;
  z-index:9999;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    linear-gradient(135deg,#0b1220,#020617);
  border-left:1px solid rgba(255,255,255,.10);
  box-shadow:-30px 0 80px rgba(0,0,0,.45);
  transition:.28s ease;
}

.mini-cart-drawer.show{
  right:0;
}

.mini-cart-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  padding:1.5rem;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mini-cart-close{
  width:46px;
  height:46px;
  border:none;
  border-radius:1rem;
  background:rgba(255,255,255,.06);
  color:#fff;
}

.mini-cart-items{
  flex:1;
  overflow:auto;
  padding:1.5rem;
}

.mini-cart-item{
  display:grid;
  grid-template-columns:72px 1fr auto;
  gap:.85rem;
  align-items:center;
  padding:1rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  margin-bottom:1rem;
}

.mini-cart-item img{
  width:72px;
  height:60px;
  object-fit:cover;
  border-radius:1rem;
}

.mini-cart-item strong{
  color:#fff;
  display:block;
}

.mini-cart-item p{
  margin:0;
  color:#94a3b8;
  font-size:.9rem;
}

.mini-cart-item span{
  color:#a5f3fc;
  font-weight:900;
}

.mini-cart-footer{
  padding:1.5rem;
  border-top:1px solid rgba(255,255,255,.08);
}

.live-activity-feed{
  position:fixed;
  left:24px;
  bottom:24px;
  z-index:999;
  display:flex;
  flex-direction:column;
  gap:.75rem;
  max-width:340px;
}

.activity-toast{
  padding:1rem;
  border-radius:1.2rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.98), rgba(7,10,24,.98));
  border:1px solid rgba(255,255,255,.10);
  color:#e2e8f0;
  box-shadow:0 18px 55px rgba(0,0,0,.24);
  transform:translateY(18px);
  opacity:0;
  animation:activityIn .45s forwards;
}

.activity-toast strong{
  color:#fff;
}

.activity-toast small{
  color:#94a3b8;
}

@keyframes activityIn{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.compact-game-card .game-card-media{
  height:180px;
}

.viewers-badge{
  padding:.9rem 1rem;
  border-radius:1rem;
  background:rgba(0,229,255,.08);
  border:1px solid rgba(0,229,255,.16);
  color:#a5f3fc;
  font-weight:800;
  display:flex;
  align-items:center;
  gap:.55rem;
}

.achievements-card{
  overflow:hidden;
}

.achievement-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
}

.achievement-item{
  padding:1.25rem;
  border-radius:1.4rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
  opacity:.65;
}

.achievement-item.unlocked{
  opacity:1;
  border-color:rgba(0,229,255,.24);
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    rgba(255,255,255,.05);
}

.achievement-icon{
  width:72px;
  height:72px;
  margin-inline:auto;
  margin-bottom:1rem;
  border-radius:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.9rem;
  box-shadow:0 18px 40px rgba(0,229,255,.22);
}

.achievement-item strong{
  display:block;
  color:#fff;
  margin-bottom:.35rem;
}

.achievement-item p{
  margin:0;
  color:#94a3b8;
}

.achievement-progress{
  min-width:240px;
}

.achievement-progress span{
  display:block;
  color:#fff;
  font-weight:900;
  margin-bottom:.55rem;
}

.achievement-progress-bar{
  height:12px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.08);
}

.achievement-progress-bar div{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg,var(--cyan),var(--purple));
}

.skeleton-card{
  position:relative;
  overflow:hidden;
}

.skeleton-card::before{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.08), transparent);
  animation:skeletonMove 1.4s infinite;
}

@keyframes skeletonMove{
  to{
    transform:translateX(100%);
  }
}

body.light-mode .flash-sale-banner,
body.light-mode .activity-toast,
body.light-mode .achievement-item,
body.light-mode .mini-cart-item{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .achievement-item strong,
body.light-mode .mini-cart-item strong,
body.light-mode .flash-sale-content strong{
  color:#0f172a!important;
}

body.light-mode .flash-sale-content p,
body.light-mode .activity-toast small,
body.light-mode .achievement-item p,
body.light-mode .mini-cart-item p{
  color:#64748b!important;
}

body.light-mode .mini-cart-drawer{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-left-color:rgba(15,23,42,.12)!important;
}

@media(max-width:991.98px){
  .live-activity-feed{
    left:12px;
    right:12px;
    max-width:none;
  }

  .flash-sale-banner{
    border-radius:1.5rem;
  }

  .mini-cart-drawer{
    width:100%;
  }

  .achievement-grid{
    grid-template-columns:1fr;
  }
}


/* V80 MARKETPLACE SECTION DESIGN FIX + TR DEFAULT */
.recently-viewed-section{
  border-top:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.06), transparent 36%),
    linear-gradient(180deg, rgba(2,6,23,.18), transparent);
}

.recently-viewed-section .compact-game-card{
  min-height:auto!important;
  overflow:hidden!important;
  border-radius:1.5rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.96), rgba(7,10,24,.98))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 18px 55px rgba(0,0,0,.20)!important;
}

.compact-game-card .game-card-media{
  height:155px!important;
  padding:0!important;
  position:relative!important;
  overflow:hidden!important;
  background:transparent!important;
}

.compact-game-card .game-card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
}

.compact-game-card .game-card-body{
  padding:1rem!important;
}

.compact-game-card .game-card-body h5{
  color:#fff!important;
  margin:0 0 .9rem!important;
  font-size:1.05rem!important;
  line-height:1.25!important;
}

.compact-game-card .game-card-body .price{
  font-size:1.15rem!important;
  color:#22c55e!important;
}

.compact-game-card .game-card-body .btn{
  min-width:82px!important;
  height:40px!important;
  border-radius:1rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 .9rem!important;
}

.compact-game-card .wishlist-action-btn,
.compact-game-card .home-wishlist-btn,
.compact-game-card .shop-wishlist-btn{
  width:40px!important;
  height:40px!important;
  position:static!important;
}

.flash-sale-banner{
  margin-top:1.5rem!important;
}

.flash-sale-timer div{
  min-width:78px!important;
}

.viewers-badge{
  max-width:100%;
}

body.light-mode .recently-viewed-section{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.45), transparent)!important;
  border-top-color:rgba(15,23,42,.08)!important;
}

body.light-mode .recently-viewed-section .compact-game-card{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}

body.light-mode .compact-game-card .game-card-body h5{
  color:#0f172a!important;
}

body.light-mode .flash-sale-banner{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.12), transparent 34%),
    linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
}

body.light-mode .flash-sale-content strong,
body.light-mode .flash-sale-timer span{
  color:#0f172a!important;
}

body.light-mode .flash-sale-timer div{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
}

@media(max-width:767.98px){
  .flash-sale-banner{
    align-items:flex-start!important;
  }

  .flash-sale-timer{
    width:100%;
    justify-content:space-between;
  }

  .flash-sale-timer div{
    flex:1;
    min-width:0!important;
  }

  .compact-game-card .game-card-media{
    height:140px!important;
  }
}


/* V81 COMPLETE USER FRONTEND LAYER */

/* Trust */
.trust-strip{
  border-top:1px solid rgba(255,255,255,.06);
  border-bottom:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.025);
}
.trust-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}
.trust-grid div{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:.4rem .8rem;
  align-items:center;
  padding:1rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
}
.trust-grid i{
  grid-row:1/3;
  width:42px;height:42px;
  border-radius:1rem;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
}
.trust-grid strong{color:#fff;}
.trust-grid span{color:#94a3b8;font-size:.9rem;}

/* PWA */
.pwa-install-banner{
  position:fixed;
  left:50%;
  bottom:1.2rem;
  transform:translateX(-50%) translateY(140%);
  z-index:50000;
  width:min(560px, calc(100% - 2rem));
  padding:1rem;
  border-radius:1.4rem;
  background:linear-gradient(135deg,rgba(17,21,46,.98),rgba(7,10,24,.99));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  transition:.3s ease;
}
.pwa-install-banner.show{transform:translateX(-50%) translateY(0);}
.pwa-install-banner strong{color:#fff;}
.pwa-install-banner p{margin:0;color:#94a3b8;font-size:.9rem;}

.mobile-bottom-nav{
  position:fixed;
  left:0;right:0;bottom:0;
  height:68px;
  z-index:20000;
  display:none;
  grid-template-columns:repeat(6,1fr);
  background:rgba(2,6,23,.92);
  backdrop-filter:blur(14px);
  border-top:1px solid rgba(255,255,255,.10);
}
.mobile-bottom-nav a{
  position:relative;
  color:#94a3b8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  font-size:.68rem;
  font-weight:800;
  text-decoration:none;
}
.mobile-bottom-nav i{font-size:1.2rem;color:#67e8f9;}
.mobile-bottom-nav a.active{
  color:#67e8f9;
}
.mobile-bottom-nav a.active i{
  color:var(--cyan);
}

.mobile-nav-count,
.mobile-cart-count{
  position:absolute;
  top:.42rem;
  right:calc(50% - 1.45rem);
  min-width:1.05rem;
  height:1.05rem;
  padding:0 .28rem;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#06101f;
  background:linear-gradient(135deg,var(--cyan),var(--green));
  border:1px solid rgba(255,255,255,.32);
  box-shadow:0 8px 18px rgba(0,229,255,.24);
  font-size:.62rem;
  font-weight:950;
  line-height:1;
}

.mobile-wishlist-count{
  background:linear-gradient(135deg,#ff3ea5,#8b5cf6);
  color:#fff;
  box-shadow:0 8px 18px rgba(255,62,165,.22);
}

.mobile-friend-count{
  background:linear-gradient(135deg,#22d3ee,#2563eb);
  color:#fff;
  box-shadow:0 8px 18px rgba(37,99,235,.22);
}

.mobile-nav-count.is-empty,
.mobile-cart-count.is-empty{
  display:none;
}

.offline-page{
  min-height:100vh;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#1b1238,#032b38);
  padding:2rem;
}
.offline-card{
  max-width:520px;
  text-align:center;
  padding:2.5rem;
  border-radius:2rem;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  color:#fff;
}

/* Product detail advanced */
.requirements-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:1rem;
}
.requirements-grid > div,
.code-info-list,
.dlc-list{
  padding:1.25rem;
  border-radius:1.25rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.requirements-grid h5{color:#a5f3fc;}
.requirements-grid li{color:#cbd5e1;margin:.45rem 0;}
.code-info-list div,
.dlc-list div{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1rem;
  padding:.85rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.code-info-list div:last-child,.dlc-list div:last-child{border-bottom:none;}
.code-info-list span,.dlc-list span{color:#94a3b8;}
.code-info-list strong,.dlc-list strong{color:#fff;}
.dlc-list i{color:#67e8f9;margin-right:.5rem;}
.edition-table{
  color:#e2e8f0!important;
}
.edition-table th,.edition-table td{
  border-color:rgba(255,255,255,.10)!important;
  padding:1rem!important;
  text-align:center;
}
.edition-table th:first-child,.edition-table td:first-child{text-align:left;}
.faq-accordion .accordion-item{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:1rem!important;
  margin-bottom:.75rem;
  overflow:hidden;
}
.faq-accordion .accordion-button{
  background:transparent!important;
  color:#fff!important;
  font-weight:900;
  box-shadow:none!important;
}
.faq-accordion .accordion-body{color:#cbd5e1;}

/* Checkout polish */
.payment-processing-card{
  border-radius:2rem;
  background:linear-gradient(135deg,rgba(17,21,46,.96),rgba(7,10,24,.98));
  border:1px solid rgba(255,255,255,.10);
}
.license-loader{
  width:120px;height:120px;
  position:relative;
}
.license-loader span{
  position:absolute;
  inset:0;
  border-radius:50%;
  border:3px solid transparent;
  border-top-color:var(--cyan);
  animation:spinLicense 1.1s linear infinite;
}
.license-loader span:nth-child(2){inset:12px;border-top-color:var(--purple);animation-duration:1.5s;animation-direction:reverse;}
.license-loader span:nth-child(3){inset:24px;border-top-color:var(--pink);animation-duration:1.8s;}
.license-loader span:nth-child(4){inset:42px;background:linear-gradient(135deg,var(--cyan),var(--purple));border:none;animation:pulseLicense 1.2s infinite;}
@keyframes spinLicense{to{transform:rotate(360deg)}}
@keyframes pulseLicense{50%{transform:scale(.84);opacity:.7}}
.processing-timeline{
  display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;
}
.processing-timeline div{
  padding:.85rem 1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#94a3b8;
  font-weight:900;
}
.processing-timeline .active{color:#a5f3fc;border-color:rgba(0,229,255,.25);}
.failed-icon{
  width:92px;height:92px;margin-inline:auto;
  border-radius:2rem;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,#fb7185,#ef4444);
  color:#fff;font-size:3rem;
}

/* Cart logic visuals */
.cart-empty-state{
  padding:3rem;
  text-align:center;
  border-radius:1.5rem;
  background:rgba(255,255,255,.04);
  border:1px dashed rgba(255,255,255,.16);
}
.cart-badge-pop{animation:cartPop .35s ease;}
@keyframes cartPop{50%{transform:scale(1.25)}}

/* Live order delivery */
.delivery-timeline{
  display:grid;
  gap:1rem;
}
.delivery-timeline .step{
  display:flex;gap:1rem;align-items:flex-start;
  padding:1rem;
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}
.delivery-timeline .step i{color:#67e8f9;font-size:1.35rem;}

/* Light mode */
body.light-mode .trust-strip,
body.light-mode .requirements-grid > div,
body.light-mode .code-info-list,
body.light-mode .dlc-list,
body.light-mode .faq-accordion .accordion-item,
body.light-mode .payment-processing-card,
body.light-mode .cart-empty-state,
body.light-mode .delivery-timeline .step{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}
body.light-mode .trust-grid div{background:#fff!important;border-color:rgba(15,23,42,.10)!important;}
body.light-mode .trust-grid strong,
body.light-mode .code-info-list strong,
body.light-mode .dlc-list strong,
body.light-mode .requirements-grid h5,
body.light-mode .faq-accordion .accordion-button{
  color:#0f172a!important;
}
body.light-mode .trust-grid span,
body.light-mode .requirements-grid li,
body.light-mode .faq-accordion .accordion-body,
body.light-mode .code-info-list span,
body.light-mode .dlc-list span{
  color:#475569!important;
}
body.light-mode .edition-table{color:#0f172a!important;}
body.light-mode .edition-table th,
body.light-mode .edition-table td{border-color:rgba(15,23,42,.10)!important;}
body.light-mode .pwa-install-banner{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
}
body.light-mode .pwa-install-banner strong{color:#0f172a!important;}
body.light-mode .pwa-install-banner p{color:#475569!important;}

@media(max-width:991.98px){
  .trust-grid{grid-template-columns:repeat(2,1fr);}
  .requirements-grid{grid-template-columns:1fr;}
  .mobile-bottom-nav{display:grid;}
  body{padding-bottom:68px;}
  .pwa-install-banner{bottom:82px;flex-direction:column;align-items:flex-start;}
}
@media(max-width:575.98px){
  .trust-grid{grid-template-columns:1fr;}
  .processing-timeline{display:grid;}
}


/* V82 PROFILE ACHIEVEMENTS OVERFLOW FIX */
.profile-card.achievements-card{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

/* Achievement alanı profil sağ kolon içinde kalsın */
.profile-section + .achievements-card,
.achievements-card{
  grid-column:auto!important;
}

/* Kart grid taşmasın */
.achievements-card .achievement-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr))!important;
  gap:1rem!important;
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.achievements-card .achievement-item{
  min-width:0!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Başlık + progress alanı taşmasın */
.achievements-card > .d-flex{
  width:100%!important;
  max-width:100%!important;
}

.achievement-progress{
  max-width:280px!important;
  width:100%!important;
  min-width:180px!important;
}

.achievement-progress-bar{
  width:100%!important;
}

/* Profil layout genel taşma koruması */
.profile-card,
.profile-hero-card,
.profile-menu,
.profile-section{
  max-width:100%!important;
  box-sizing:border-box!important;
}

.profile-card img{
  max-width:100%;
}

/* 4 kartı çok geniş yapmasın */
@media(min-width:1200px){
  .achievements-card .achievement-grid{
    grid-template-columns:repeat(4, minmax(0, 1fr))!important;
  }
}

/* Orta ekran */
@media(min-width:768px) and (max-width:1199.98px){
  .achievements-card .achievement-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  }
}

/* Mobil */
@media(max-width:767.98px){
  .achievements-card{
    padding:1.15rem!important;
  }

  .achievements-card > .d-flex{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .achievement-progress{
    max-width:100%!important;
  }

  .achievements-card .achievement-grid{
    grid-template-columns:1fr!important;
  }

  .achievement-item{
    padding:1rem!important;
  }
}


/* V84 BADGES WIDTH FIX */
.achievements-card{
  width:min(1320px, calc(100% - 2rem))!important;
  margin:0 auto 2rem auto!important;
  border-radius:2rem!important;
}

.achievements-card .achievement-grid{
  align-items:stretch!important;
}

.achievements-card .achievement-item{
  min-height:210px!important;
  border-radius:1.75rem!important;
}

/* Sağ üst level alanı çok uzağa gitmesin */
.achievements-card .achievement-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:2rem!important;
  margin-bottom:2rem!important;
}

.achievement-progress{
  max-width:260px!important;
}

/* İç padding daha premium */
.achievements-card{
  padding:2rem!important;
}

/* Büyük ekranlarda fazla yayılmayı engelle */
@media(min-width:1600px){
  .achievements-card{
    width:min(1240px, calc(100% - 4rem))!important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  .achievements-card{
    width:calc(100% - 1.5rem)!important;
    padding:1.5rem!important;
  }

  .achievements-card .achievement-header{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .achievement-progress{
    max-width:100%!important;
    width:100%!important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  .achievements-card{
    width:calc(100% - 1rem)!important;
    border-radius:1.5rem!important;
    padding:1rem!important;
  }

  .achievements-card .achievement-item{
    min-height:auto!important;
    padding:1.2rem!important;
  }
}


/* V85 BADGES SECTION LAYOUT MATCH FIX */

/* Rozet alanını full width olmaktan çıkar */
.achievements-card{
  width:min(1440px, calc(100% - 4rem))!important;
  max-width:1440px!important;
  margin:4rem auto 3rem auto!important;
  padding:2rem!important;
  border-radius:2rem!important;
  position:relative!important;
}

/* Üst alanla arasına nefes */
.profile-security-section + .achievements-card,
.profile-card + .achievements-card{
  margin-top:4rem!important;
}

/* Son görüntülenenler alanıyla aynı hizalama */
.achievements-card .container,
.achievements-card .content-wrapper{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
  margin:0!important;
}

/* Header spacing */
.achievements-card .achievement-header{
  margin-bottom:2.5rem!important;
  padding-inline:.5rem!important;
}

/* Kartların container içinde düzgün oturması */
.achievements-card .achievement-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1.5rem!important;
  width:100%!important;
}

/* Kartları biraz daha kompaktlaştır */
.achievements-card .achievement-item{
  min-height:230px!important;
  padding:2rem 1.25rem!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Sağdaki seviye alanı */
.achievement-progress{
  width:260px!important;
  max-width:260px!important;
}

/* Çok geniş ekranlarda yayılma */
@media(min-width:1700px){
  .achievements-card{
    width:min(1380px, calc(100% - 6rem))!important;
  }
}

/* Laptop */
@media(max-width:1399.98px){
  .achievements-card{
    width:calc(100% - 3rem)!important;
  }

  .achievements-card .achievement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  .achievements-card{
    width:calc(100% - 2rem)!important;
    margin-top:3rem!important;
    padding:1.5rem!important;
  }

  .achievements-card .achievement-header{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:1.5rem!important;
  }

  .achievement-progress{
    width:100%!important;
    max-width:100%!important;
  }

  .achievements-card .achievement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:1rem!important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  .achievements-card{
    width:calc(100% - 1rem)!important;
    margin-top:2rem!important;
    padding:1rem!important;
    border-radius:1.5rem!important;
  }

  .achievements-card .achievement-grid{
    grid-template-columns:1fr!important;
  }

  .achievements-card .achievement-item{
    min-height:auto!important;
    padding:1.5rem 1rem!important;
  }
}


/* V86 REAL BADGES CONTAINER FIX */
/* Rozet alanını gerçekten container içine kilitler. */

.badges-contained-wrap{
  width:100%!important;
  max-width:100%!important;
  padding-top:4rem!important;
  padding-bottom:3rem!important;
  overflow:hidden!important;
}

.badges-contained-wrap > .container{
  max-width:1320px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:1rem!important;
  padding-right:1rem!important;
}

.badges-contained-wrap .achievements-card{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  border-radius:2rem!important;
  padding:2rem!important;
  box-sizing:border-box!important;
}

/* Önceki full-width kuralları kesin olarak iptal */
body .achievements-card{
  max-width:100%!important;
}

body > .achievements-card,
body > .profile-card.achievements-card{
  width:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Header */
.badges-contained-wrap .achievements-card > .d-flex{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:2rem!important;
  width:100%!important;
  margin-bottom:2rem!important;
}

.badges-contained-wrap .achievement-progress{
  width:240px!important;
  max-width:240px!important;
  min-width:200px!important;
  flex:0 0 240px!important;
}

/* Kartlar artık 4'e yayılacak ama container içinde kalacak */
.badges-contained-wrap .achievement-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  width:100%!important;
  max-width:100%!important;
}

.badges-contained-wrap .achievement-item{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:190px!important;
  padding:1.4rem 1rem!important;
  border-radius:1.5rem!important;
  box-sizing:border-box!important;
}

/* Canlı aktivite solda rozet alanını ezmesin */
.live-activity-feed{
  max-width:320px!important;
}

/* Büyük ekranlarda da son görüntülenenler genişliği gibi kalsın */
@media(min-width:1500px){
  .badges-contained-wrap > .container{
    max-width:1320px!important;
  }
}

/* Tablet */
@media(max-width:1199.98px){
  .badges-contained-wrap > .container{
    max-width:960px!important;
  }

  .badges-contained-wrap .achievement-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Mobil */
@media(max-width:767.98px){
  .badges-contained-wrap{
    padding-top:2rem!important;
    padding-bottom:2rem!important;
  }

  .badges-contained-wrap > .container{
    max-width:100%!important;
    padding-left:.75rem!important;
    padding-right:.75rem!important;
  }

  .badges-contained-wrap .achievements-card{
    padding:1rem!important;
    border-radius:1.5rem!important;
  }

  .badges-contained-wrap .achievements-card > .d-flex{
    flex-direction:column!important;
    gap:1.2rem!important;
  }

  .badges-contained-wrap .achievement-progress{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .badges-contained-wrap .achievement-grid{
    grid-template-columns:1fr!important;
  }
}


/* V87 FLASH SALE WIDTH FIX */

/* Flash sale alanını kontrollü container içine al */
.flash-sale-banner{
  width:min(1320px, calc(100% - 4rem))!important;
  max-width:1320px!important;
  margin:3rem auto 3rem auto!important;
  border-radius:2rem!important;
  padding:2rem!important;
  box-sizing:border-box!important;
}

/* İç yapı */
.flash-sale-banner .flash-sale-content{
  flex:1 1 auto!important;
  min-width:0!important;
}

.flash-sale-banner .flash-sale-timer{
  flex:0 0 auto!important;
}

/* Sayaç kutuları */
.flash-sale-banner .flash-sale-timer div{
  min-width:92px!important;
  height:92px!important;
  border-radius:1.5rem!important;
}

/* Çok geniş ekranlarda yayılmasın */
@media(min-width:1600px){
  .flash-sale-banner{
    width:min(1240px, calc(100% - 6rem))!important;
  }
}

/* Laptop */
@media(max-width:1399.98px){
  .flash-sale-banner{
    width:calc(100% - 3rem)!important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  .flash-sale-banner{
    width:calc(100% - 2rem)!important;
    padding:1.5rem!important;
    gap:1.5rem!important;
  }

  .flash-sale-banner{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  .flash-sale-banner .flash-sale-timer{
    width:100%!important;
    justify-content:flex-start!important;
  }

  .flash-sale-banner .flash-sale-timer div{
    min-width:80px!important;
    height:80px!important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  .flash-sale-banner{
    width:calc(100% - 1rem)!important;
    margin-top:2rem!important;
    margin-bottom:2rem!important;
    padding:1rem!important;
    border-radius:1.5rem!important;
  }

  .flash-sale-banner .flash-sale-timer{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:.75rem!important;
  }

  .flash-sale-banner .flash-sale-timer div{
    width:100%!important;
    min-width:0!important;
    height:74px!important;
  }
}


/* V88 FLASH SALE COMPACT FINAL - HARD OVERRIDE */
/* Önceki tüm geniş banner kurallarını ezer. */

html body .flash-sale-banner{
  width:100%!important;
  max-width:1120px!important;
  min-width:0!important;
  margin:3rem auto 2.5rem auto!important;
  padding:1.25rem 1.5rem!important;
  border-radius:1.6rem!important;
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:1.25rem!important;
}

/* Profil sayfasında daha da kontrollü dursun */
html body .badges-contained-wrap + .flash-sale-banner,
html body .achievements-card + .flash-sale-banner{
  margin-top:2.5rem!important;
}

/* İç metinleri kompaktlaştır */
html body .flash-sale-banner .flash-sale-content{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  gap:1rem!important;
}

html body .flash-sale-banner .flash-sale-badge{
  flex:0 0 auto!important;
  padding:.65rem 1rem!important;
  border-radius:1rem!important;
  font-size:.95rem!important;
  white-space:nowrap!important;
}

html body .flash-sale-banner .flash-sale-content strong{
  font-size:1rem!important;
  line-height:1.2!important;
}

html body .flash-sale-banner .flash-sale-content p{
  font-size:.9rem!important;
  line-height:1.3!important;
}

/* Sayaç alanını küçült */
html body .flash-sale-banner .flash-sale-timer{
  flex:0 0 auto!important;
  display:flex!important;
  gap:.6rem!important;
}

html body .flash-sale-banner .flash-sale-timer div{
  width:68px!important;
  min-width:68px!important;
  max-width:68px!important;
  height:68px!important;
  min-height:68px!important;
  padding:.55rem!important;
  border-radius:1rem!important;
}

html body .flash-sale-banner .flash-sale-timer span{
  font-size:1.35rem!important;
  line-height:1.1!important;
}

html body .flash-sale-banner .flash-sale-timer small{
  font-size:.78rem!important;
}

/* Çok geniş ekranlarda kesinlikle büyümesin */
@media(min-width:1400px){
  html body .flash-sale-banner{
    max-width:1080px!important;
  }
}

/* Orta ekran */
@media(max-width:1199.98px){
  html body .flash-sale-banner{
    max-width:calc(100% - 2rem)!important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  html body .flash-sale-banner{
    flex-direction:column!important;
    align-items:flex-start!important;
    max-width:calc(100% - 1.5rem)!important;
    padding:1.25rem!important;
  }

  html body .flash-sale-banner .flash-sale-timer{
    width:100%!important;
    justify-content:flex-start!important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  html body .flash-sale-banner{
    max-width:calc(100% - 1rem)!important;
    margin:2rem auto!important;
    padding:1rem!important;
  }

  html body .flash-sale-banner .flash-sale-content{
    flex-direction:column!important;
    align-items:flex-start!important;
  }

  html body .flash-sale-banner .flash-sale-timer{
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    width:100%!important;
  }

  html body .flash-sale-banner .flash-sale-timer div{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
}



/* V89 REAL FLASHSALE WIDTH FIX */
body .flash-sale-banner,
body section .flash-sale-banner,
body .profile-page .flash-sale-banner{
    width: calc(100% - 120px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    display:flex !important;
    box-sizing:border-box !important;
}

/* Eğer wrapper varsa */
body .flash-sale-wrapper{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
}

/* Full width yapan eski rule'ları ez */
.flash-sale-banner.container-fluid,
.container-fluid .flash-sale-banner{
    width: calc(100% - 120px) !important;
    max-width:1180px !important;
}

/* Büyük ekran */
@media(min-width:1600px){
    body .flash-sale-banner{
        max-width:1100px !important;
    }
}

/* Laptop */
@media(max-width:1200px){
    body .flash-sale-banner{
        width: calc(100% - 60px) !important;
    }
}

/* Tablet */
@media(max-width:768px){
    body .flash-sale-banner{
        width: calc(100% - 30px) !important;
    }
}

/* Mobil */
@media(max-width:576px){
    body .flash-sale-banner{
        width: calc(100% - 16px) !important;
    }
}


/* V90 FLASH SALE STRUCTURAL FIX - FINAL */
/* Banner artık .flash-sale-shell > .container içinde kilitlenir. */

html body .flash-sale-shell{
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:3rem 0 2.5rem 0 !important;
  display:block !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

html body .flash-sale-shell > .container{
  width:100% !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:1rem !important;
  padding-right:1rem !important;
  box-sizing:border-box !important;
}

/* En kritik kural: banner artık wrapper içini doldurur, sayfayı değil */
html body .flash-sale-shell .flash-sale-banner{
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  padding:1.35rem 1.5rem !important;
  border-radius:1.75rem !important;
  box-sizing:border-box !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:1.25rem !important;
}

/* Eğer aynı sayfada yanlışlıkla shell dışında banner kalırsa onu da güvenli tut */
html body > .flash-sale-banner,
html body main > .flash-sale-banner,
html body section > .flash-sale-banner:not(.flash-sale-shell .flash-sale-banner){
  width:min(1320px, calc(100% - 2rem)) !important;
  max-width:1320px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* İçerik kompakt */
html body .flash-sale-shell .flash-sale-content{
  flex:1 1 auto !important;
  min-width:0 !important;
}

html body .flash-sale-shell .flash-sale-badge{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}

html body .flash-sale-shell .flash-sale-timer{
  flex:0 0 auto !important;
  display:flex !important;
  gap:.7rem !important;
}

html body .flash-sale-shell .flash-sale-timer div{
  width:76px !important;
  min-width:76px !important;
  max-width:76px !important;
  height:76px !important;
  min-height:76px !important;
  padding:.55rem !important;
  border-radius:1.15rem !important;
}

/* Profilde üst alanla kontrollü boşluk */
html body .badges-contained-wrap + .flash-sale-shell{
  padding-top:2rem !important;
}

/* Eski marginleri kesin sıfırla */
html body .flash-sale-shell .flash-sale-banner.flash-sale-banner{
  margin-top:0 !important;
  margin-bottom:0 !important;
}

/* Geniş ekran */
@media(min-width:1600px){
  html body .flash-sale-shell > .container{
    max-width:1240px !important;
  }
}

/* Laptop */
@media(max-width:1399.98px){
  html body .flash-sale-shell > .container{
    max-width:1140px !important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  html body .flash-sale-shell{
    padding:2rem 0 !important;
  }

  html body .flash-sale-shell > .container{
    max-width:100% !important;
    padding-left:1rem !important;
    padding-right:1rem !important;
  }

  html body .flash-sale-shell .flash-sale-banner{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  html body .flash-sale-shell .flash-sale-timer{
    width:100% !important;
    justify-content:flex-start !important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  html body .flash-sale-shell > .container{
    padding-left:.5rem !important;
    padding-right:.5rem !important;
  }

  html body .flash-sale-shell .flash-sale-banner{
    padding:1rem !important;
    border-radius:1.4rem !important;
  }

  html body .flash-sale-shell .flash-sale-content{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  html body .flash-sale-shell .flash-sale-timer{
    display:grid !important;
    grid-template-columns:repeat(3, 1fr) !important;
    gap:.65rem !important;
  }

  html body .flash-sale-shell .flash-sale-timer div{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
  }
}


/* V91 USERS COMMUNITY PAGE */
.community-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}

.community-stats-grid > div{
  padding:1.2rem;
  border-radius:1.4rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  display:grid;
  grid-template-columns:46px 1fr;
  gap:.35rem .85rem;
  align-items:center;
}

.community-stats-grid i{
  grid-row:1 / 3;
  width:46px;
  height:46px;
  border-radius:1rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.35rem;
}

.community-stats-grid strong{
  color:#fff;
  font-size:1.45rem;
}

.community-stats-grid span{
  color:#94a3b8;
  font-weight:700;
}

.user-list-toolbar .product-count{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.15rem;
}

.user-card{
  height:100%;
  padding:1.25rem;
  border-radius:1.7rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.96), rgba(7,10,24,.98));
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 18px 55px rgba(0,0,0,.18);
  cursor:pointer;
  transition:.25s ease;
  position:relative;
  overflow:hidden;
}

.user-card:hover{
  transform:translateY(-5px);
  border-color:rgba(0,229,255,.32);
  box-shadow:0 24px 70px rgba(0,229,255,.10);
}

.user-card-header{
  display:flex;
  gap:1rem;
  align-items:center;
  margin-bottom:1.2rem;
}

.user-avatar{
  width:64px;
  height:64px;
  border-radius:1.25rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-weight:900;
  font-size:1.25rem;
  flex:0 0 auto;
  box-shadow:0 16px 35px rgba(0,229,255,.18);
}

.user-status-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  position:absolute;
  top:1.2rem;
  right:1.2rem;
  background:#64748b;
  box-shadow:0 0 0 5px rgba(100,116,139,.12);
}

.user-status-dot.online{
  background:#22c55e;
  box-shadow:0 0 0 5px rgba(34,197,94,.14);
}

.user-card h4{
  color:#fff;
  margin:0;
}

.user-card p{
  color:#94a3b8;
  margin:0;
  font-weight:700;
}

.user-card-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.65rem;
  margin:1rem 0;
}

.user-card-stats div{
  padding:.75rem .5rem;
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}

.user-card-stats strong{
  display:block;
  color:#fff;
}

.user-card-stats span{
  color:#94a3b8;
  font-size:.78rem;
  font-weight:800;
}

.user-tags{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}

.user-tags span{
  padding:.45rem .65rem;
  border-radius:999px;
  background:rgba(0,229,255,.09);
  border:1px solid rgba(0,229,255,.18);
  color:#a5f3fc;
  font-size:.82rem;
  font-weight:800;
}

.active-filter-row{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
}

.active-filter-row .filter-chip{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  padding:.55rem .8rem;
  border-radius:999px;
  border:1px solid rgba(0,229,255,.18);
  background:rgba(0,229,255,.08);
  color:#a5f3fc;
  font-weight:800;
}

.active-filter-row .filter-chip button{
  border:none;
  background:transparent;
  color:inherit;
  padding:0;
}

.user-detail-modal-content{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    linear-gradient(135deg,#0b1220,#020617)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:1.7rem!important;
  color:#fff;
}

.user-modal-head{
  display:flex;
  align-items:center;
  gap:1rem;
}

.user-modal-avatar{
  width:74px;
  height:74px;
  border-radius:1.4rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-size:1.45rem;
  font-weight:900;
  flex:0 0 auto;
}

.user-detail-summary-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}

.user-detail-summary-grid div{
  padding:1rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  text-align:center;
}

.user-detail-summary-grid strong{
  display:block;
  color:#fff;
  font-size:1.45rem;
}

.user-detail-summary-grid span{
  color:#94a3b8;
  font-weight:800;
  font-size:.86rem;
}

.user-detail-tabs{
  gap:.75rem;
}

.user-detail-tabs .nav-link{
  border-radius:1rem;
  padding:.85rem 1rem;
  color:#cbd5e1;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
  font-weight:900;
}

.user-detail-tabs .nav-link.active{
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
}

.user-game-mini-card{
  height:100%;
  border-radius:1.35rem;
  overflow:hidden;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.user-game-mini-card img{
  width:100%;
  height:150px;
  object-fit:cover;
}

.user-game-mini-card .body{
  padding:1rem;
}

.user-game-mini-card h5{
  color:#fff;
  margin-bottom:.45rem;
}

.activity-mini-list{
  display:grid;
  gap:.75rem;
}

.activity-mini-item{
  display:flex;
  gap:.75rem;
  padding:.85rem;
  border-radius:1rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.activity-mini-item i{
  color:#67e8f9;
}

.check-line{
  display:flex;
  align-items:center;
  gap:.55rem;
  color:#cbd5e1;
  font-weight:800;
}

.check-line input{
  width:18px;
  height:18px;
}

body.light-mode .community-stats-grid > div,
body.light-mode .user-card,
body.light-mode .user-detail-summary-grid div,
body.light-mode .user-game-mini-card,
body.light-mode .activity-mini-item{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .community-stats-grid strong,
body.light-mode .user-card h4,
body.light-mode .user-card-stats strong,
body.light-mode .user-detail-summary-grid strong,
body.light-mode .user-game-mini-card h5{
  color:#0f172a!important;
}

body.light-mode .community-stats-grid span,
body.light-mode .user-card p,
body.light-mode .user-card-stats span,
body.light-mode .user-detail-summary-grid span{
  color:#64748b!important;
}

body.light-mode .user-detail-modal-content{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode .user-detail-tabs .nav-link{
  background:#ffffff;
  border-color:rgba(15,23,42,.12);
  color:#0f172a;
}

body.light-mode .check-line{
  color:#0f172a;
}

@media(max-width:991.98px){
  .community-stats-grid,
  .user-detail-summary-grid{
    grid-template-columns:repeat(2,1fr);
  }

  .user-list-toolbar .product-count{
    align-items:center;
  }

  .user-modal-head{
    align-items:flex-start;
  }
}

@media(max-width:575.98px){
  .community-stats-grid,
  .user-detail-summary-grid{
    grid-template-columns:1fr;
  }

  .user-card-stats{
    grid-template-columns:1fr;
  }

  .modal-header{
    align-items:flex-start!important;
    gap:1rem;
  }

  .modal-header .d-flex{
    width:100%;
    justify-content:space-between;
  }
}


/* V92 NAVBAR USERS LINK FIX */
.nav-links,
.header-nav,
.main-nav{
  align-items:center!important;
  gap:1.25rem!important;
  flex-wrap:nowrap!important;
}

.nav-links a,
.header-nav a,
.main-nav a{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-decoration:none!important;
}

.nav-links a[href="users.html"],
.header-nav a[href="users.html"],
.main-nav a[href="users.html"]{
  color:inherit!important;
}

@media(max-width:991.98px){
  .nav-links,
  .header-nav,
  .main-nav{
    flex-direction:column!important;
    align-items:flex-start!important;
    gap:1rem!important;
  }
}


/* V93 PERMANENT NAVBAR FIX */
.nav-links,
.header-nav,
.main-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:1.25rem!important;
  flex-wrap:nowrap!important;
}

.nav-links > a,
.header-nav > a,
.main-nav > a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  text-decoration:none!important;
}

/* Header içinde nav dışında yanlışlıkla kalan direct linkleri gizle */
.site-header > a[href="users.html"],
.site-header > a[href="blog.html"],
.header > a[href="users.html"],
.header > a[href="blog.html"],
.navbar > a[href="users.html"],
.navbar > a[href="blog.html"]{
  display:none!important;
}

/* Bozuk link satırının yer kaplamasını engelle */
.site-header .nav-links + a[href="users.html"],
.site-header .nav-links + a[href="blog.html"],
.header .nav-links + a[href="users.html"],
.header .nav-links + a[href="blog.html"]{
  display:none!important;
}

@media(max-width:991.98px){
  .nav-links,
  .header-nav,
  .main-nav{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    gap:1rem!important;
  }
}


/* V94 FINAL NAVBAR HTML CLEANUP SAFETY */
.navbar-nav .nav-item{
  position:relative!important;
}

.navbar-nav .nav-item > a{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
}

/* Nav-item içine yanlışlıkla class'sız link girerse görünmesin */
.navbar-nav .nav-item > a:not(.nav-link){
  display:none!important;
}

/* Kullanıcılar linki alt satıra düşmesin */
.navbar-nav{
  align-items:center!important;
  gap:.35rem!important;
}

.navbar-nav .nav-link{
  line-height:1!important;
}


/* V95 GROUPED NAVBAR + BLOG FIX */
.navbar-nav{
  align-items:center!important;
  gap:.25rem!important;
}

.keynova-nav-dropdown .dropdown-toggle{
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  white-space:nowrap!important;
}

.keynova-nav-dropdown .dropdown-toggle::after{
  margin-left:.25rem!important;
  vertical-align:middle!important;
}

.keynova-dropdown-menu{
  margin-top:.75rem!important;
  padding:.55rem!important;
  border-radius:1rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 24px 70px rgba(0,0,0,.35)!important;
  min-width:190px!important;
}

.keynova-dropdown-menu .dropdown-item{
  color:#e2e8f0!important;
  border-radius:.75rem!important;
  padding:.75rem .85rem!important;
  font-weight:800!important;
  display:flex!important;
  align-items:center!important;
}

.keynova-dropdown-menu .dropdown-item:hover,
.keynova-dropdown-menu .dropdown-item:focus{
  background:rgba(0,229,255,.10)!important;
  color:#a5f3fc!important;
}

.keynova-dropdown-menu .dropdown-item.active,
html body .navbar .dropdown-menu .dropdown-item.active{
  background:rgba(0,229,255,.16)!important;
  color:#a5f3fc!important;
}

/* Simple nav fallback dropdown */
.simple-nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
}

.simple-nav-dropdown > button{
  border:none;
  background:transparent;
  color:inherit;
  font-weight:800;
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}

.simple-nav-dropdown > div{
  position:absolute;
  top:100%;
  left:0;
  min-width:170px;
  padding:.55rem;
  border-radius:1rem;
  background:linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99));
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(0,0,0,.35);
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.22s ease;
  z-index:9999;
}

.simple-nav-dropdown:hover > div{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.simple-nav-dropdown > div a{
  display:block!important;
  padding:.7rem .8rem!important;
  border-radius:.75rem!important;
}

body.light-mode .keynova-dropdown-menu,
body.light-mode .simple-nav-dropdown > div{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 20px 60px rgba(15,23,42,.12)!important;
}

body.light-mode .keynova-dropdown-menu .dropdown-item{
  color:#0f172a!important;
}

body.light-mode .keynova-dropdown-menu .dropdown-item:hover{
  background:#e0f2fe!important;
  color:#0369a1!important;
}

/* Nav altında yanlış link satırı oluşmasını engelle */
.navbar-nav .nav-item > a:not(.nav-link):not(.dropdown-item){
  display:none!important;
}

@media(max-width:991.98px){
  .keynova-dropdown-menu{
    position:static!important;
    transform:none!important;
    box-shadow:none!important;
    margin-top:.4rem!important;
    width:100%!important;
  }
}


/* V96 CACHE + NAV DROPDOWN + USERS PAGE PERMANENT FIX */

/* Dropdown tasarımı: bootstrap beyaz varsayılanı ez */
html body .keynova-nav-dropdown{
  position:relative!important;
}

html body .keynova-dropdown-menu,
html body .navbar .dropdown-menu,
html body .navbar-nav .dropdown-menu{
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.14), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.98), rgba(2,6,23,.99))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:1.15rem!important;
  box-shadow:0 24px 70px rgba(0,0,0,.38)!important;
  padding:.55rem!important;
  min-width:210px!important;
  overflow:hidden!important;
}

html body .keynova-dropdown-menu .dropdown-item,
html body .navbar .dropdown-menu .dropdown-item{
  color:#e2e8f0!important;
  background:transparent!important;
  border-radius:.85rem!important;
  padding:.78rem .85rem!important;
  font-weight:900!important;
  display:flex!important;
  align-items:center!important;
  gap:.35rem!important;
}

html body .keynova-dropdown-menu .dropdown-item:hover,
html body .navbar .dropdown-menu .dropdown-item:hover{
  background:rgba(0,229,255,.12)!important;
  color:#a5f3fc!important;
}

html body .keynova-dropdown-menu .dropdown-item.active,
html body .navbar .dropdown-menu .dropdown-item.active{
  background:rgba(0,229,255,.16)!important;
  color:#a5f3fc!important;
}

html body.light-mode .keynova-dropdown-menu,
html body.light-mode .navbar .dropdown-menu{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 20px 60px rgba(15,23,42,.14)!important;
}

html body.light-mode .keynova-dropdown-menu .dropdown-item,
html body.light-mode .navbar .dropdown-menu .dropdown-item{
  color:#0f172a!important;
}

html body.light-mode .keynova-dropdown-menu .dropdown-item:hover,
html body.light-mode .navbar .dropdown-menu .dropdown-item:hover{
  background:#e0f2fe!important;
  color:#0369a1!important;
}

html body.light-mode .keynova-dropdown-menu .dropdown-item.active,
html body.light-mode .navbar .dropdown-menu .dropdown-item.active{
  background:#e0f2fe!important;
  color:#0369a1!important;
}

/* Kullanıcılar sayfası istatistik alanı kesin tasarım */
html body .community-stats-grid,
html body .community-stats-grid-fixed{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:1rem!important;
  width:100%!important;
  align-items:stretch!important;
}

html body .community-stats-grid > div,
html body .community-stats-grid-fixed > div{
  display:grid!important;
  grid-template-columns:46px 1fr!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  gap:.25rem .85rem!important;
  padding:1.15rem!important;
  border-radius:1.35rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 34%),
    rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  min-height:96px!important;
}

html body .community-stats-grid i,
html body .community-stats-grid-fixed i{
  grid-row:1 / 3!important;
  width:46px!important;
  height:46px!important;
  border-radius:1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
  font-size:1.25rem!important;
}

html body .community-stats-grid strong,
html body .community-stats-grid-fixed strong{
  color:#fff!important;
  font-size:1.35rem!important;
  line-height:1.1!important;
  font-weight:900!important;
  display:block!important;
}

html body .community-stats-grid span,
html body .community-stats-grid-fixed span{
  color:#94a3b8!important;
  font-size:.92rem!important;
  font-weight:800!important;
  display:block!important;
}

/* Kullanıcı toolbar kalıcı görünüm */
html body .users-toolbar-fixed,
html body .user-list-toolbar{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  padding:1.15rem!important;
  border-radius:1.75rem!important;
  overflow:hidden!important;
}

html body .users-toolbar-fixed .row,
html body .user-list-toolbar .row{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  gap:.8rem!important;
}

html body .users-toolbar-fixed .row > [class*="col"],
html body .user-list-toolbar .row > [class*="col"]{
  padding:0!important;
}

/* Kullanıcı kartları fallback */
html body #usersGrid{
  min-height:220px!important;
}

html body .user-card{
  display:block!important;
}

/* Light mode users */
html body.light-mode .community-stats-grid > div,
html body.light-mode .community-stats-grid-fixed > div{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.12)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.06)!important;
}

html body.light-mode .community-stats-grid strong,
html body.light-mode .community-stats-grid-fixed strong{
  color:#0f172a!important;
}

html body.light-mode .community-stats-grid span,
html body.light-mode .community-stats-grid-fixed span{
  color:#64748b!important;
}

@media(max-width:991.98px){
  html body .community-stats-grid,
  html body .community-stats-grid-fixed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:575.98px){
  html body .community-stats-grid,
  html body .community-stats-grid-fixed{
    grid-template-columns:1fr!important;
  }
}


/* V97 USERS FILTER TOOLBAR POLISH */
.users-toolbar-fixed,
.user-list-toolbar{
  padding:1.25rem!important;
  border-radius:1.8rem!important;
}

.users-toolbar-fixed .row,
.user-list-toolbar .row{
  display:grid!important;
  grid-template-columns:minmax(300px, 1fr) 145px 100px minmax(280px, 360px) 230px!important;
  gap:.9rem!important;
  align-items:center!important;
}

.users-toolbar-fixed .row > [class*="col"],
.user-list-toolbar .row > [class*="col"]{
  width:100%!important;
  max-width:100%!important;
  padding:0!important;
}

.users-toolbar-fixed .form-control,
.users-toolbar-fixed .form-select,
.users-toolbar-fixed .filter-open-btn,
.user-list-toolbar .form-control,
.user-list-toolbar .form-select,
.user-list-toolbar .filter-open-btn{
  height:58px!important;
  border-radius:1.15rem!important;
  font-size:.98rem!important;
  font-weight:900!important;
}

.users-toolbar-fixed .filter-open-btn,
.user-list-toolbar .filter-open-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  width:100%!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
  border:1px solid rgba(0,229,255,.35)!important;
  box-shadow:0 16px 38px rgba(0,229,255,.16)!important;
}

.users-toolbar-fixed .filter-open-btn i,
.user-list-toolbar .filter-open-btn i{
  color:#07111f!important;
  opacity:1!important;
}

.users-toolbar-fixed .product-count,
.user-list-toolbar .product-count{
  height:58px!important;
  padding:.65rem 1rem!important;
  border-radius:1.15rem!important;
  background:rgba(0,229,255,.07)!important;
  border:1px solid rgba(0,229,255,.14)!important;
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.65rem!important;
  white-space:nowrap!important;
}

.users-toolbar-fixed .product-count strong,
.user-list-toolbar .product-count strong{
  color:#a5f3fc!important;
  font-size:1rem!important;
  font-weight:900!important;
  flex:0 0 auto!important;
}

.users-toolbar-fixed .product-count span,
.user-list-toolbar .product-count span{
  color:#cbd5e1!important;
  font-size:.92rem!important;
  font-weight:800!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.users-toolbar-fixed select,
.user-list-toolbar select{
  appearance:none!important;
  -webkit-appearance:none!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:20px 20px!important;
  padding-right:3rem!important;
}

.users-toolbar-fixed #userPageSize,
.user-list-toolbar #userPageSize{
  min-width:100px!important;
  padding-left:1.15rem!important;
  padding-right:2.65rem!important;
}

body.light-mode .users-toolbar-fixed .filter-open-btn,
body.light-mode .user-list-toolbar .filter-open-btn{
  color:#ffffff!important;
}

body.light-mode .users-toolbar-fixed .filter-open-btn i,
body.light-mode .user-list-toolbar .filter-open-btn i{
  color:#ffffff!important;
}

body.light-mode .users-toolbar-fixed .product-count,
body.light-mode .user-list-toolbar .product-count{
  background:#ffffff!important;
  border-color:rgba(14,165,233,.18)!important;
  box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
}

body.light-mode .users-toolbar-fixed .product-count strong,
body.light-mode .user-list-toolbar .product-count strong{
  color:#0284c7!important;
}

body.light-mode .users-toolbar-fixed .product-count span,
body.light-mode .user-list-toolbar .product-count span{
  color:#0f172a!important;
}

@media(max-width:1399.98px){
  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:minmax(260px,1fr) 135px 94px minmax(250px,320px) 210px!important;
  }

  .users-toolbar-fixed .product-count,
  .user-list-toolbar .product-count{
    font-size:.92rem!important;
  }
}

@media(max-width:1199.98px){
  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:1fr 135px 94px 1fr!important;
  }

  .users-toolbar-fixed .row > [class*="col"]:last-child,
  .user-list-toolbar .row > [class*="col"]:last-child{
    grid-column:1 / -1!important;
  }

  .users-toolbar-fixed .product-count,
  .user-list-toolbar .product-count{
    justify-content:center!important;
  }
}

@media(max-width:767.98px){
  .users-toolbar-fixed,
  .user-list-toolbar{
    padding:1rem!important;
    border-radius:1.4rem!important;
  }

  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:1fr 1fr!important;
    gap:.75rem!important;
  }

  .users-toolbar-fixed .row > [class*="col"]:first-child,
  .users-toolbar-fixed .row > [class*="col"]:nth-child(4),
  .users-toolbar-fixed .row > [class*="col"]:last-child,
  .user-list-toolbar .row > [class*="col"]:first-child,
  .user-list-toolbar .row > [class*="col"]:nth-child(4),
  .user-list-toolbar .row > [class*="col"]:last-child{
    grid-column:1 / -1!important;
  }

  .users-toolbar-fixed .product-count,
  .user-list-toolbar .product-count{
    height:auto!important;
    min-height:54px!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    text-align:center!important;
  }
}


/* V98 USER DETAIL POPUP ACTION FIX */
#userDetailModal .modal-header{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:1.5rem!important;
  padding:1.8rem 1.8rem 1rem!important;
}

#userDetailModal .modal-header .user-modal-head{
  flex:1 1 auto!important;
  min-width:0!important;
}

#userDetailModal .modal-header > .d-flex{
  margin-left:auto!important;
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.85rem!important;
}

#sendFriendRequestBtn{
  min-width:250px!important;
  white-space:nowrap!important;
  justify-content:center!important;
}

#sendFriendRequestBtn.friend-request-sent{
  background:linear-gradient(135deg,#22c55e,#14b8a6)!important;
  color:#ffffff!important;
  border-color:rgba(34,197,94,.45)!important;
}

#sendFriendRequestBtn.friend-request-sent i{
  color:#ffffff!important;
}

#userDetailModal .btn-close{
  width:46px!important;
  height:46px!important;
  margin:0!important;
  border-radius:1rem!important;
  background-color:rgba(255,255,255,.08)!important;
  opacity:1!important;
  flex:0 0 auto!important;
}

@media(max-width:767.98px){
  #userDetailModal .modal-header{
    flex-direction:column!important;
  }

  #userDetailModal .modal-header > .d-flex{
    width:100%!important;
    justify-content:space-between!important;
    margin-left:0!important;
  }

  #sendFriendRequestBtn{
    min-width:0!important;
    flex:1 1 auto!important;
  }
}


/* V99 LIGHT MODE TOAST + FILTER MODAL SELECT FIX */

/* Sol alt canlı bildirim/toast alanı */
body.light-mode .activity-toast,
body.light-mode .live-activity-feed .activity-toast{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 18px 55px rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

body.light-mode .activity-toast strong,
body.light-mode .live-activity-feed .activity-toast strong{
  color:#0f172a!important;
}

body.light-mode .activity-toast small,
body.light-mode .live-activity-feed .activity-toast small{
  color:#475569!important;
}

body.light-mode .activity-toast::before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#06b6d4;
  margin-right:.45rem;
  box-shadow:0 0 0 4px rgba(6,182,212,.14);
}

/* Normal game toast light mode daha net */
body.light-mode .game-toast{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border:1px solid rgba(15,23,42,.12)!important;
  box-shadow:0 20px 60px rgba(15,23,42,.16)!important;
  color:#0f172a!important;
}

body.light-mode .game-toast-title{
  color:#0f172a!important;
}

body.light-mode .game-toast-text{
  color:#475569!important;
}

/* Filter popup light mode select ok bozulması */
body.light-mode .filter-modal-content select,
body.light-mode .filter-modal-content .form-select,
body.light-mode .keynova-modal select,
body.light-mode .keynova-modal .form-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-color:#ffffff!important;
  color:#0f172a!important;
  border:1px solid rgba(148,163,184,.28)!important;
  box-shadow:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:20px 20px!important;
  padding-right:3rem!important;
}

/* Dark mode select de tek ok kalsın */
body:not(.light-mode) .filter-modal-content select,
body:not(.light-mode) .filter-modal-content .form-select,
body:not(.light-mode) .keynova-modal select,
body:not(.light-mode) .keynova-modal .form-select{
  appearance:none!important;
  -webkit-appearance:none!important;
  -moz-appearance:none!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:20px 20px!important;
  padding-right:3rem!important;
}

/* Modal input/select spacing */
.filter-modal-content .form-select,
.filter-modal-content .form-control,
.keynova-modal .form-select,
.keynova-modal .form-control{
  min-height:58px!important;
  border-radius:1rem!important;
  font-weight:800!important;
}

/* Popup içinde checkbox light mode */
body.light-mode .filter-modal-content .check-line,
body.light-mode .keynova-modal .check-line{
  color:#334155!important;
}

body.light-mode .filter-modal-content input[type="checkbox"],
body.light-mode .keynova-modal input[type="checkbox"]{
  accent-color:#0ea5e9!important;
}

/* Modal scrollbar light mode daha temiz */
body.light-mode .filter-modal-content,
body.light-mode .keynova-modal .modal-content{
  scrollbar-color:#94a3b8 transparent;
}

body.light-mode .filter-modal-content::-webkit-scrollbar,
body.light-mode .keynova-modal .modal-content::-webkit-scrollbar{
  width:10px;
}

body.light-mode .filter-modal-content::-webkit-scrollbar-thumb,
body.light-mode .keynova-modal .modal-content::-webkit-scrollbar-thumb{
  background:#cbd5e1;
  border-radius:999px;
}

/* Active filter chip light mode */
body.light-mode .active-filter-row .filter-chip{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.25)!important;
  color:#0369a1!important;
}

/* Özellikle ürün filtre modalındaki eski çoklu ok backgroundlarını ez */
body.light-mode #filterModal select,
body.light-mode #filterModal .form-select,
body.light-mode #userFilterModal select,
body.light-mode #userFilterModal .form-select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%230284c7' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10l5 5 5-5'/%3E%3C/svg%3E")!important;
  background-repeat:no-repeat!important;
  background-position:right 1rem center!important;
  background-size:20px 20px!important;
}

@media(max-width:575.98px){
  .live-activity-feed{
    left:.75rem!important;
    right:.75rem!important;
    bottom:5.4rem!important;
  }

  .activity-toast{
    max-width:100%!important;
  }
}


/* V100 MOBILE UI FIX */

/* Mobil genel taşma koruması */
@media(max-width:575.98px){
  html,
  body{
    max-width:100%!important;
    overflow-x:hidden!important;
  }

  .container{
    padding-left:.9rem!important;
    padding-right:.9rem!important;
  }

  .profile-card,
  .checkout-summary,
  .invoice-card,
  .success-card{
    border-radius:1.2rem!important;
    padding:1rem!important;
  }

  .section-title{
    line-height:1.08!important;
    word-break:break-word!important;
  }
}

/* Mobil alt nav ile floating butonlar çakışmasın */
@media(max-width:767.98px){
  .scroll-top-btn,
  #scrollTopBtn,
  .back-to-top,
  .scroll-to-top{
    right:1rem!important;
    bottom:5.6rem!important;
    width:52px!important;
    height:52px!important;
    z-index:19990!important;
  }

  .live-chat-toggle,
  #liveChatToggle,
  .chat-toggle,
  .support-chat-button{
    right:1rem!important;
    bottom:9.3rem!important;
    width:52px!important;
    height:52px!important;
    z-index:19991!important;
  }

  .mobile-bottom-nav{
    z-index:19980!important;
  }
}

/* Mobil canlı activity toast: alt menü ve butonlarla çakışmasın */
@media(max-width:767.98px){
  .live-activity-feed{
    left:.75rem!important;
    right:.75rem!important;
    bottom:12.9rem!important;
    max-width:none!important;
    pointer-events:none!important;
    z-index:15000!important;
  }

  .activity-toast{
    width:100%!important;
    max-width:100%!important;
    padding:.8rem .9rem!important;
    border-radius:1rem!important;
    font-size:.86rem!important;
    box-shadow:0 14px 35px rgba(15,23,42,.16)!important;
  }

  .activity-toast strong{
    font-size:.88rem!important;
  }

  .activity-toast small{
    font-size:.78rem!important;
  }
}

/* Çok küçük ekranlarda toast daha yukarıda ve daha kompakt */
@media(max-width:390px){
  .live-activity-feed{
    bottom:13.3rem!important;
  }

  .activity-toast{
    padding:.72rem .8rem!important;
  }
}

/* Cart / checkout mobil kart düzeni */
@media(max-width:575.98px){
  #cartDynamicList,
  .cart-dynamic-list{
    display:grid!important;
    gap:.85rem!important;
  }

  .cart-dynamic-item{
    display:grid!important;
    grid-template-columns:64px 1fr!important;
    gap:.75rem!important;
    padding:.85rem!important;
    border-radius:1rem!important;
    background:rgba(255,255,255,.045)!important;
    border:1px solid rgba(255,255,255,.08)!important;
  }

  .cart-dynamic-item img{
    width:64px!important;
    height:58px!important;
    border-radius:.85rem!important;
    object-fit:cover!important;
  }

  .cart-dynamic-item h4{
    font-size:1rem!important;
    margin-bottom:.2rem!important;
  }

  .cart-dynamic-item input,
  .cart-dynamic-item .price,
  .cart-dynamic-item button{
    grid-column:auto!important;
  }

  .cart-dynamic-item .price{
    font-size:1rem!important;
  }

  .cart-empty-state{
    padding:1.3rem!important;
    border-radius:1.2rem!important;
  }

  .cart-empty-state .btn,
  .checkout-summary .btn,
  .profile-card .btn{
    min-height:46px!important;
    border-radius:999px!important;
  }

  .checkout-summary{
    margin-top:1rem!important;
  }

  .checkout-summary .d-flex{
    align-items:center!important;
  }

  .checkout-summary .fs-4{
    font-size:1.15rem!important;
  }

  .checkout-summary .price,
  [data-cart-total],
  [data-cart-subtotal]{
    white-space:nowrap!important;
  }
}

/* Light mode mobil cart alanı */
@media(max-width:575.98px){
  body.light-mode .cart-dynamic-item,
  body.light-mode .cart-empty-state{
    background:#ffffff!important;
    border-color:rgba(15,23,42,.12)!important;
    box-shadow:0 12px 35px rgba(15,23,42,.08)!important;
  }

  body.light-mode .checkout-summary,
  body.light-mode .profile-card{
    box-shadow:0 16px 45px rgba(15,23,42,.07)!important;
  }
}

/* Mobil filtre modal ve popup taşmaları */
@media(max-width:575.98px){
  .modal-dialog{
    margin:.75rem!important;
  }

  .modal-content{
    border-radius:1.3rem!important;
  }

  .filter-modal-content,
  .user-detail-modal-content{
    max-height:calc(100vh - 1.5rem)!important;
    overflow-y:auto!important;
  }

  .modal-header{
    padding:1rem!important;
  }

  .modal-body{
    padding:1rem!important;
  }

  .modal-footer{
    padding:1rem!important;
    gap:.6rem!important;
  }

  .modal-footer .btn{
    flex:1 1 auto!important;
    min-height:46px!important;
  }
}

/* Mobil mini cart */
@media(max-width:575.98px){
  .mini-cart-drawer{
    width:100%!important;
  }

  .mini-cart-header,
  .mini-cart-items,
  .mini-cart-footer{
    padding:1rem!important;
  }

  .mini-cart-item{
    grid-template-columns:58px 1fr auto!important;
    padding:.8rem!important;
    gap:.7rem!important;
  }

  .mini-cart-item img{
    width:58px!important;
    height:52px!important;
  }
}

/* Mobil kullanıcılar sayfası */
@media(max-width:575.98px){
  .community-stats-grid > div,
  .community-stats-grid-fixed > div{
    min-height:auto!important;
    padding:1rem!important;
  }

  .users-toolbar-fixed,
  .user-list-toolbar{
    padding:.9rem!important;
  }

  .users-toolbar-fixed .form-control,
  .users-toolbar-fixed .form-select,
  .users-toolbar-fixed .filter-open-btn,
  .user-list-toolbar .form-control,
  .user-list-toolbar .form-select,
  .user-list-toolbar .filter-open-btn{
    height:52px!important;
    font-size:.9rem!important;
  }

  .users-toolbar-fixed .product-count,
  .user-list-toolbar .product-count{
    min-height:52px!important;
    padding:.7rem!important;
  }
}

/* Mobil ürün kartlarının alt aksiyonları çakışmasın */
@media(max-width:575.98px){
  .game-card .card-actions,
  .game-card-actions,
  .product-actions{
    gap:.55rem!important;
    flex-wrap:wrap!important;
  }

  .game-card .btn,
  .game-card button{
    min-width:44px!important;
  }

  .compact-game-card .game-card-body{
    padding:.9rem!important;
  }
}


/* V101 MOBILE TOAST + PWA INSTALL FIX */

/* Mobil canlı bildirim tamamen yeniden tasarlandı */
@media(max-width:767.98px){

  .live-activity-feed{
    left:1rem!important;
    right:1rem!important;
    bottom:6.8rem!important;
    z-index:16000!important;
    display:flex!important;
    justify-content:center!important;
    pointer-events:none!important;
  }

  .activity-toast,
  .live-activity-feed .activity-toast{
    width:100%!important;
    max-width:360px!important;
    min-height:72px!important;
    border-radius:1.25rem!important;
    padding:.95rem 1rem!important;
    backdrop-filter:blur(18px)!important;
    background:rgba(9,14,35,.92)!important;
    border:1px solid rgba(255,255,255,.08)!important;
    box-shadow:
      0 18px 45px rgba(0,0,0,.28),
      0 0 0 1px rgba(255,255,255,.03)!important;
    display:flex!important;
    align-items:flex-start!important;
    gap:.75rem!important;
    overflow:hidden!important;
  }

  .activity-toast::before{
    content:"";
    width:10px;
    height:10px;
    min-width:10px;
    border-radius:50%;
    margin-top:.45rem;
    background:#22d3ee;
    box-shadow:0 0 0 5px rgba(34,211,238,.16);
  }

  .activity-toast strong{
    color:#ffffff!important;
    font-size:.92rem!important;
    font-weight:800!important;
    line-height:1.35!important;
    display:block!important;
    margin-bottom:.18rem!important;
  }

  .activity-toast small{
    color:#a5b4cf!important;
    font-size:.78rem!important;
    font-weight:600!important;
  }

  /* Light mode toast */
  body.light-mode .activity-toast{
    background:rgba(255,255,255,.96)!important;
    border:1px solid rgba(15,23,42,.08)!important;
    box-shadow:
      0 18px 40px rgba(15,23,42,.12),
      0 0 0 1px rgba(255,255,255,.5)!important;
  }

  body.light-mode .activity-toast strong{
    color:#0f172a!important;
  }

  body.light-mode .activity-toast small{
    color:#64748b!important;
  }

  /* Alt nav ile çakışma tamamen kaldırıldı */
  .mobile-bottom-nav{
    z-index:15000!important;
  }

  .scroll-top-btn,
  #scrollTopBtn{
    bottom:6.4rem!important;
  }

  .live-chat-toggle,
  #liveChatToggle{
    bottom:10.6rem!important;
  }
}

/* PWA install banner tamamen yeniden tasarlandı */
#pwaInstallBanner,
.pwa-install-banner{
  position:fixed!important;
  left:50%!important;
  transform:translateX(-50%) translateY(140%)!important;
  bottom:1rem!important;
  width:min(92%,520px)!important;
  z-index:21000!important;
  border-radius:1.5rem!important;
  overflow:hidden!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:
    transform .35s ease,
    opacity .35s ease,
    visibility .35s ease!important;
}

#pwaInstallBanner.show,
.pwa-install-banner.show{
  transform:translateX(-50%) translateY(0)!important;
  opacity:1!important;
  visibility:visible!important;
}

#pwaInstallBanner .banner-inner,
.pwa-install-banner .banner-inner{
  position:relative!important;
  padding:1rem 1.1rem!important;
  border-radius:1.5rem!important;
  background:
    linear-gradient(135deg,
      rgba(8,15,40,.96),
      rgba(20,30,68,.96)
    )!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:
    0 22px 65px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.03)!important;
  backdrop-filter:blur(18px)!important;
}

#pwaInstallBanner .banner-inner::before,
.pwa-install-banner .banner-inner::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at top right,
      rgba(34,211,238,.18),
      transparent 40%);
  pointer-events:none;
}

#pwaInstallBanner h4,
.pwa-install-banner h4{
  color:#fff!important;
  font-size:1rem!important;
  font-weight:900!important;
  margin-bottom:.3rem!important;
}

#pwaInstallBanner p,
.pwa-install-banner p{
  color:#b8c4df!important;
  font-size:.84rem!important;
  line-height:1.45!important;
  margin:0!important;
}

#pwaInstallBanner .btn,
.pwa-install-banner .btn{
  min-height:44px!important;
  border-radius:999px!important;
  font-weight:800!important;
  padding:0 1rem!important;
}

#pwaInstallBanner .btn-install,
.pwa-install-banner .btn-install{
  background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;
  color:#fff!important;
  border:none!important;
}

#pwaInstallBanner .btn-close-banner,
.pwa-install-banner .btn-close-banner{
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
}

/* Light mode PWA */
body.light-mode #pwaInstallBanner .banner-inner,
body.light-mode .pwa-install-banner .banner-inner{
  background:
    linear-gradient(135deg,
      rgba(255,255,255,.98),
      rgba(241,245,255,.98)
    )!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:
    0 22px 55px rgba(15,23,42,.14),
    0 0 0 1px rgba(255,255,255,.5)!important;
}

body.light-mode #pwaInstallBanner h4,
body.light-mode .pwa-install-banner h4{
  color:#0f172a!important;
}

body.light-mode #pwaInstallBanner p,
body.light-mode .pwa-install-banner p{
  color:#64748b!important;
}

body.light-mode #pwaInstallBanner .btn-close-banner,
body.light-mode .pwa-install-banner .btn-close-banner{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(15,23,42,.08)!important;
}

/* Küçük ekran */
@media(max-width:420px){

  #pwaInstallBanner,
  .pwa-install-banner{
    width:calc(100% - 1rem)!important;
    bottom:.7rem!important;
  }

  #pwaInstallBanner .banner-inner,
  .pwa-install-banner .banner-inner{
    padding:.9rem!important;
    border-radius:1.25rem!important;
  }

  #pwaInstallBanner .banner-actions,
  .pwa-install-banner .banner-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.6rem!important;
    margin-top:.85rem!important;
  }

  #pwaInstallBanner .btn,
  .pwa-install-banner .btn{
    width:100%!important;
  }
}


/* V102 MOBILE CLEANUP */

/* Mobilde canlı aktivite alanını tamamen kaldır */
@media(max-width:767.98px){

  .live-activity-feed,
  #liveActivityFeed,
  .activity-toast{
    display:none!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
}

/* Mobil floating button düzeni */
@media(max-width:767.98px){

  /* Yukarı çık buttonu */
  .scroll-top-btn,
  #scrollTopBtn,
  .back-to-top,
  .scroll-to-top{
    position:fixed!important;
    right:1rem!important;
    bottom:7.1rem!important;
    width:54px!important;
    height:54px!important;
    border-radius:1.1rem!important;
    z-index:21000!important;

    background:
      linear-gradient(135deg,
        #22d3ee,
        #8b5cf6)!important;

    border:1px solid rgba(255,255,255,.14)!important;

    box-shadow:
      0 18px 40px rgba(14,165,233,.28),
      0 0 0 1px rgba(255,255,255,.06)!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* Canlı destek buttonu */
  .live-chat-toggle,
  #liveChatToggle,
  .chat-toggle,
  .support-chat-button{
    position:fixed!important;
    right:1rem!important;
    bottom:11rem!important;
    width:54px!important;
    height:54px!important;
    border-radius:1.1rem!important;
    z-index:21001!important;

    background:
      linear-gradient(135deg,
        rgba(9,14,35,.96),
        rgba(22,32,68,.96))!important;

    border:1px solid rgba(255,255,255,.08)!important;

    box-shadow:
      0 18px 40px rgba(0,0,0,.24),
      0 0 0 1px rgba(255,255,255,.03)!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  /* İki button birbirine yakın */
  .live-chat-toggle + .scroll-top-btn{
    margin-bottom:0!important;
  }

  /* Icon boyutları */
  .scroll-top-btn i,
  #scrollTopBtn i,
  .live-chat-toggle i,
  #liveChatToggle i{
    font-size:1.2rem!important;
  }
}

/* Light mode floating button */
@media(max-width:767.98px){

  body.light-mode .live-chat-toggle,
  body.light-mode #liveChatToggle{
    background:
      linear-gradient(135deg,
        #ffffff,
        #eef4ff)!important;

    border:1px solid rgba(15,23,42,.08)!important;

    box-shadow:
      0 18px 35px rgba(15,23,42,.12),
      0 0 0 1px rgba(255,255,255,.4)!important;

    color:#0f172a!important;
  }

  body.light-mode .scroll-top-btn,
  body.light-mode #scrollTopBtn{
    box-shadow:
      0 18px 35px rgba(14,165,233,.20),
      0 0 0 1px rgba(255,255,255,.35)!important;
  }
}

/* Alt nav ile güvenli boşluk */
@media(max-width:767.98px){

  .mobile-bottom-nav{
    padding-bottom:env(safe-area-inset-bottom)!important;
    z-index:20000!important;
  }

  body{
    padding-bottom:5.5rem!important;
  }
}

/* Çok küçük ekran */
@media(max-width:390px){

  .scroll-top-btn,
  #scrollTopBtn{
    bottom:6.8rem!important;
    width:50px!important;
    height:50px!important;
  }

  .live-chat-toggle,
  #liveChatToggle{
    bottom:10.2rem!important;
    width:50px!important;
    height:50px!important;
  }
}


/* V103 MOBILE FLOATING BUTTONS SWAP - FINAL */
/* İstenen düzen: Yukarı çık üstte, canlı destek altta */

@media(max-width:767.98px){

  /* Yukarı çık butonu ÜSTE */
  html body button#globalScrollTopBtn,
  html body #globalScrollTopBtn,
  html body .scroll-top-btn,
  html body #scrollTopBtn,
  html body .back-to-top,
  html body .scroll-to-top{
    position:fixed!important;
    right:1rem!important;
    bottom:10.1rem!important;
    top:auto!important;
    left:auto!important;

    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;

    border-radius:1.1rem!important;
    z-index:22002!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:linear-gradient(135deg,#22d3ee,#8b5cf6)!important;
    border:1px solid rgba(255,255,255,.14)!important;
    box-shadow:0 16px 38px rgba(14,165,233,.26)!important;

    transform:none!important;
    margin:0!important;
  }

  /* Canlı destek butonu ALTA */
  html body button#liveChatToggle,
  html body #liveChatToggle,
  html body .live-chat-toggle,
  html body .chat-toggle,
  html body .support-chat-button{
    position:fixed!important;
    right:1rem!important;
    bottom:6.55rem!important;
    top:auto!important;
    left:auto!important;

    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;

    border-radius:1.1rem!important;
    z-index:22001!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;

    background:linear-gradient(135deg,rgba(9,14,35,.96),rgba(22,32,68,.96))!important;
    border:1px solid rgba(255,255,255,.10)!important;
    box-shadow:0 16px 38px rgba(0,0,0,.25)!important;

    transform:none!important;
    margin:0!important;
  }

  html body #globalScrollTopBtn i,
  html body #scrollTopBtn i,
  html body .scroll-top-btn i,
  html body #liveChatToggle i,
  html body .live-chat-toggle i{
    font-size:1.18rem!important;
    line-height:1!important;
  }

  /* Alt nav ile mesafe */
  html body .mobile-bottom-nav{
    z-index:20000!important;
  }
}

/* Light mode */
@media(max-width:767.98px){

  html body.light-mode #liveChatToggle,
  html body.light-mode .live-chat-toggle{
    background:linear-gradient(135deg,#ffffff,#eef4ff)!important;
    border:1px solid rgba(15,23,42,.10)!important;
    color:#0f172a!important;
    box-shadow:0 16px 34px rgba(15,23,42,.13)!important;
  }

  html body.light-mode #globalScrollTopBtn,
  html body.light-mode #scrollTopBtn,
  html body.light-mode .scroll-top-btn{
    box-shadow:0 16px 34px rgba(14,165,233,.22)!important;
  }
}

/* Çok küçük mobil */
@media(max-width:390px){

  html body button#globalScrollTopBtn,
  html body #globalScrollTopBtn,
  html body .scroll-top-btn,
  html body #scrollTopBtn{
    right:.85rem!important;
    bottom:9.75rem!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }

  html body button#liveChatToggle,
  html body #liveChatToggle,
  html body .live-chat-toggle{
    right:.85rem!important;
    bottom:6.35rem!important;
    width:50px!important;
    height:50px!important;
    min-width:50px!important;
    min-height:50px!important;
  }
}


/* V104 MOBILE CHAT FIX */

/* Canlı destek butonu daha canlı */
#liveChatToggle,
.live-chat-toggle{
  background:linear-gradient(135deg,#06b6d4,#2563eb,#8b5cf6)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:
    0 18px 42px rgba(37,99,235,.32),
    0 0 0 1px rgba(255,255,255,.08)!important;
}

#liveChatToggle i,
.live-chat-toggle i{
  color:#ffffff!important;
  opacity:1!important;
}

/* Mobilde chat açıkken floating butonlar pencerenin üstünde kalmasın */
@media(max-width:767.98px){
  body.chat-open #globalScrollTopBtn,
  body.chat-open #scrollTopBtn,
  body.chat-open .scroll-top-btn,
  body.chat-open .back-to-top,
  body.chat-open .scroll-to-top,
  body.chat-open #liveChatToggle,
  body.chat-open .live-chat-toggle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.85)!important;
  }

  /* Chat penceresini butonlardan bağımsız ve net konumlandır */
  #liveChatWindow,
  .live-chat-window{
    right:.85rem!important;
    left:.85rem!important;
    bottom:1rem!important;
    width:auto!important;
    max-width:none!important;
    height:min(78vh, 620px)!important;
    max-height:calc(100vh - 2rem)!important;
    border-radius:1.5rem!important;
    z-index:23000!important;
    box-shadow:0 28px 80px rgba(0,0,0,.40)!important;
  }

  /* Chat iç input alt menüyle çakışmasın */
  #liveChatWindow .chat-input,
  .live-chat-window .chat-input,
  #liveChatWindow .live-chat-input,
  .live-chat-window .live-chat-input{
    padding-bottom:1rem!important;
  }
}

/* Chat açık durumunu destekleyen olası class isimleri */
@media(max-width:767.98px){
  body:has(#liveChatWindow.show) #globalScrollTopBtn,
  body:has(#liveChatWindow.show) #scrollTopBtn,
  body:has(#liveChatWindow.show) .scroll-top-btn,
  body:has(#liveChatWindow.show) #liveChatToggle,
  body:has(#liveChatWindow.show) .live-chat-toggle,
  body:has(.live-chat-window.show) #globalScrollTopBtn,
  body:has(.live-chat-window.show) #scrollTopBtn,
  body:has(.live-chat-window.show) .scroll-top-btn,
  body:has(.live-chat-window.show) #liveChatToggle,
  body:has(.live-chat-window.show) .live-chat-toggle,
  body:has(#liveChatWindow.open) #globalScrollTopBtn,
  body:has(#liveChatWindow.open) #scrollTopBtn,
  body:has(#liveChatWindow.open) .scroll-top-btn,
  body:has(#liveChatWindow.open) #liveChatToggle,
  body:has(#liveChatWindow.open) .live-chat-toggle,
  body:has(.live-chat-window.open) #globalScrollTopBtn,
  body:has(.live-chat-window.open) #scrollTopBtn,
  body:has(.live-chat-window.open) .scroll-top-btn,
  body:has(.live-chat-window.open) #liveChatToggle,
  body:has(.live-chat-window.open) .live-chat-toggle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:scale(.85)!important;
  }
}

/* Light mode chat button */
body.light-mode #liveChatToggle,
body.light-mode .live-chat-toggle{
  background:
    radial-gradient(circle at 30% 20%, rgba(255,255,255,.34), transparent 32%),
    linear-gradient(135deg,#0f172a,#0369a1,#0ea5e9)!important;
  color:#e0f2fe!important;
  border-color:rgba(14,165,233,.32)!important;
  box-shadow:
    0 18px 38px rgba(14,165,233,.30),
    0 0 0 1px rgba(255,255,255,.30)!important;
}

body.light-mode #liveChatToggle i,
body.light-mode .live-chat-toggle i{
  color:#e0f2fe!important;
  text-shadow:0 0 14px rgba(224,242,254,.45)!important;
}

@media(max-width:767.98px){
  html body .mini-cart-overlay,
  html body .mini-cart-drawer{
    display:none!important;
  }

  html body.mini-cart-open{
    overflow:auto!important;
  }

  html body.light-mode .mobile-bottom-nav{
    background:rgba(255,255,255,.94)!important;
    border-top:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 -18px 36px rgba(15,23,42,.10)!important;
  }

  html body.light-mode .mobile-bottom-nav a{
    color:#64748b!important;
  }

  html body.light-mode .mobile-bottom-nav a.active,
  html body.light-mode .mobile-bottom-nav a.active i{
    color:#0369a1!important;
  }
}

/* V106 MOBILE NAV BADGES + LIGHT CHAT RECOLOR */
@media(max-width:767.98px){
  html body .mobile-bottom-nav{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
  }

  html body .mobile-bottom-nav a{
    min-width:0!important;
    color:#8ea3bd!important;
  }

  html body .mobile-bottom-nav a i{
    color:#67e8f9!important;
  }

  html body .mobile-bottom-nav a.active,
  html body .mobile-bottom-nav a.active i{
    color:#00e5ff!important;
  }

  html body.light-mode .mobile-bottom-nav a{
    color:#64748b!important;
  }

  html body.light-mode .mobile-bottom-nav a i{
    color:#22d3ee!important;
  }

  html body.light-mode .mobile-bottom-nav a.active,
  html body.light-mode .mobile-bottom-nav a.active i{
    color:#0369a1!important;
  }

  html body.light-mode #liveChatToggle,
  html body.light-mode .live-chat-toggle,
  body.light-mode #liveChatToggle,
  body.light-mode .live-chat-toggle{
    background:linear-gradient(135deg,#22d3ee,#2563eb,#8b5cf6)!important;
    color:#ffffff!important;
    border:1px solid rgba(255,255,255,.22)!important;
    box-shadow:0 18px 38px rgba(37,99,235,.28)!important;
  }

  html body.light-mode #liveChatToggle i,
  html body.light-mode .live-chat-toggle i,
  body.light-mode #liveChatToggle i,
  body.light-mode .live-chat-toggle i{
    color:#ffffff!important;
    opacity:1!important;
    text-shadow:none!important;
  }
}

/* V108 LIGHT MODE BOOT: prevent mobile nav color flash before body exists */
@media(max-width:767.98px){
  html.light-mode .mobile-bottom-nav{
    background:rgba(255,255,255,.94)!important;
    border-top:1px solid rgba(15,23,42,.10)!important;
    box-shadow:0 -18px 36px rgba(15,23,42,.10)!important;
  }

  html.light-mode .mobile-bottom-nav a{
    color:#64748b!important;
  }

  html.light-mode .mobile-bottom-nav a i{
    color:#22d3ee!important;
  }

  html.light-mode .mobile-bottom-nav a.active,
  html.light-mode .mobile-bottom-nav a.active i{
    color:#0369a1!important;
  }

  html.light-mode .mobile-nav-count,
  html.light-mode .mobile-cart-count{
    border-color:rgba(255,255,255,.72)!important;
  }
}

/* V109 LIGHT MODE PALETTE + USERS PAGE REFINEMENT */
html.light-mode body,
body.light-mode{
  --bg:#f5f8ff;
  --panel:#ffffff;
  --panel-2:#eef6ff;
  --line:rgba(30,64,175,.12);
  --text:#0f172a;
  --muted:#5f6f86;
  background:
    radial-gradient(circle at 8% 4%, rgba(124,58,237,.08), transparent 28%),
    radial-gradient(circle at 92% 12%, rgba(14,165,233,.13), transparent 30%),
    linear-gradient(180deg,#f7fbff 0%,#edf5ff 48%,#f8fbff 100%)!important;
  color:#0f172a!important;
}

html.light-mode .page-header,
body.light-mode .page-header{
  background:
    radial-gradient(circle at 12% 0%, rgba(124,58,237,.10), transparent 30%),
    radial-gradient(circle at 90% 8%, rgba(14,165,233,.14), transparent 32%),
    linear-gradient(135deg,#f8fbff,#eef7ff)!important;
  border-bottom:1px solid rgba(30,64,175,.10)!important;
}

html.light-mode body:has(#usersGrid) .users-page-section,
body.light-mode:has(#usersGrid) .users-page-section{
  background:
    radial-gradient(circle at 8% 10%, rgba(124,58,237,.06), transparent 28%),
    radial-gradient(circle at 92% 10%, rgba(14,165,233,.10), transparent 30%);
}

html.light-mode body:has(#usersGrid) .community-stats-grid > div,
html.light-mode body:has(#usersGrid) .community-stats-grid-fixed > div,
body.light-mode:has(#usersGrid) .community-stats-grid > div,
body.light-mode:has(#usersGrid) .community-stats-grid-fixed > div{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.10), transparent 35%),
    linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(30,64,175,.10)!important;
  box-shadow:0 18px 45px rgba(30,64,175,.08)!important;
}

html.light-mode body:has(#usersGrid) .community-stats-grid strong,
html.light-mode body:has(#usersGrid) .community-stats-grid-fixed strong,
body.light-mode:has(#usersGrid) .community-stats-grid strong,
body.light-mode:has(#usersGrid) .community-stats-grid-fixed strong{
  color:#0f172a!important;
}

html.light-mode body:has(#usersGrid) .community-stats-grid span,
html.light-mode body:has(#usersGrid) .community-stats-grid-fixed span,
body.light-mode:has(#usersGrid) .community-stats-grid span,
body.light-mode:has(#usersGrid) .community-stats-grid-fixed span{
  color:#5f6f86!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed,
html.light-mode body:has(#usersGrid) .user-list-toolbar,
body.light-mode:has(#usersGrid) .users-toolbar-fixed,
body.light-mode:has(#usersGrid) .user-list-toolbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(239,248,255,.88))!important;
  border:1px solid rgba(30,64,175,.10)!important;
  box-shadow:0 24px 60px rgba(14,165,233,.10)!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .form-control,
html.light-mode body:has(#usersGrid) .users-toolbar-fixed .form-select,
html.light-mode body:has(#usersGrid) .user-list-toolbar .form-control,
html.light-mode body:has(#usersGrid) .user-list-toolbar .form-select,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .form-control,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .form-select,
body.light-mode:has(#usersGrid) .user-list-toolbar .form-control,
body.light-mode:has(#usersGrid) .user-list-toolbar .form-select{
  background:#ffffff!important;
  border-color:rgba(30,64,175,.13)!important;
  color:#0f172a!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.70)!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .form-control::placeholder,
html.light-mode body:has(#usersGrid) .user-list-toolbar .form-control::placeholder,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .form-control::placeholder,
body.light-mode:has(#usersGrid) .user-list-toolbar .form-control::placeholder{
  color:#6b7a90!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .product-count,
html.light-mode body:has(#usersGrid) .user-list-toolbar .product-count,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count,
body.light-mode:has(#usersGrid) .user-list-toolbar .product-count{
  background:linear-gradient(135deg,#e0f2fe,#f8fbff)!important;
  border-color:rgba(14,165,233,.20)!important;
  box-shadow:none!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .product-count strong,
html.light-mode body:has(#usersGrid) .user-list-toolbar .product-count strong,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count strong,
body.light-mode:has(#usersGrid) .user-list-toolbar .product-count strong{
  color:#0369a1!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .product-count span,
html.light-mode body:has(#usersGrid) .user-list-toolbar .product-count span,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count span,
body.light-mode:has(#usersGrid) .user-list-toolbar .product-count span{
  color:#334155!important;
}

html.light-mode body:has(#usersGrid) .user-card,
body.light-mode:has(#usersGrid) .user-card{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.09), transparent 34%),
    linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border:1px solid rgba(30,64,175,.11)!important;
  box-shadow:0 18px 44px rgba(30,64,175,.10)!important;
}

html.light-mode body:has(#usersGrid) .user-card:hover,
body.light-mode:has(#usersGrid) .user-card:hover{
  border-color:rgba(14,165,233,.32)!important;
  box-shadow:0 24px 58px rgba(14,165,233,.16)!important;
}

html.light-mode body:has(#usersGrid) .user-card h4,
html.light-mode body:has(#usersGrid) .user-card-stats strong,
body.light-mode:has(#usersGrid) .user-card h4,
body.light-mode:has(#usersGrid) .user-card-stats strong{
  color:#0f172a!important;
}

html.light-mode body:has(#usersGrid) .user-card p,
html.light-mode body:has(#usersGrid) .user-card-stats span,
body.light-mode:has(#usersGrid) .user-card p,
body.light-mode:has(#usersGrid) .user-card-stats span{
  color:#5f6f86!important;
}

html.light-mode body:has(#usersGrid) .user-card-stats div,
body.light-mode:has(#usersGrid) .user-card-stats div{
  background:#f1f7ff!important;
  border-color:rgba(30,64,175,.08)!important;
}

html.light-mode body:has(#usersGrid) .user-tags span,
html.light-mode body:has(#usersGrid) .active-filter-row .filter-chip,
body.light-mode:has(#usersGrid) .user-tags span,
body.light-mode:has(#usersGrid) .active-filter-row .filter-chip{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.22)!important;
  color:#0369a1!important;
}

html.light-mode body:has(#usersGrid) .user-status-dot.online,
body.light-mode:has(#usersGrid) .user-status-dot.online{
  background:#16a34a!important;
  box-shadow:0 0 0 6px rgba(34,197,94,.13)!important;
}

html.light-mode body:has(#usersGrid) .activity-toast,
html.light-mode body:has(#usersGrid) .live-activity-feed .activity-toast,
body.light-mode:has(#usersGrid) .activity-toast,
body.light-mode:has(#usersGrid) .live-activity-feed .activity-toast{
  background:rgba(255,255,255,.94)!important;
  border-color:rgba(30,64,175,.12)!important;
  color:#0f172a!important;
  box-shadow:0 18px 44px rgba(30,64,175,.12)!important;
}

html.light-mode body:has(#usersGrid) .activity-toast small,
body.light-mode:has(#usersGrid) .activity-toast small{
  color:#64748b!important;
}

/* V110 USERS FILTER SURFACE + LOADER LOGO STABILITY */
html body:has(#usersGrid) .users-toolbar-fixed,
html body:has(#usersGrid) .user-list-toolbar{
  padding:1rem!important;
  border-radius:1.45rem!important;
}

html body:has(#usersGrid) .users-toolbar-fixed > .row,
html body:has(#usersGrid) .user-list-toolbar > .row{
  display:grid!important;
  grid-template-columns:minmax(320px,1.45fr) 148px 88px minmax(260px,1fr) minmax(210px,.72fr)!important;
  gap:.8rem!important;
  align-items:center!important;
}

html body:has(#usersGrid) .users-toolbar-fixed > .row > *,
html body:has(#usersGrid) .user-list-toolbar > .row > *{
  min-width:0!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .form-control,
html body:has(#usersGrid) .users-toolbar-fixed .form-select,
html body:has(#usersGrid) .users-toolbar-fixed .filter-open-btn,
html body:has(#usersGrid) .user-list-toolbar .form-control,
html body:has(#usersGrid) .user-list-toolbar .form-select,
html body:has(#usersGrid) .user-list-toolbar .filter-open-btn{
  height:54px!important;
  min-height:54px!important;
  border-radius:1rem!important;
  font-size:.94rem!important;
  font-weight:850!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .control-search,
html body:has(#usersGrid) .user-list-toolbar .control-search{
  padding-left:1.15rem!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .filter-open-btn,
html body:has(#usersGrid) .user-list-toolbar .filter-open-btn{
  background:linear-gradient(135deg,#22d3ee,#6366f1)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.18)!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .filter-open-btn i,
html body:has(#usersGrid) .user-list-toolbar .filter-open-btn i{
  color:#ffffff!important;
}

html body:has(#usersGrid) .users-toolbar-fixed #userPageSize,
html body:has(#usersGrid) .user-list-toolbar #userPageSize{
  text-align:center!important;
  padding-left:.9rem!important;
  padding-right:2.2rem!important;
}

html body:has(#usersGrid) .users-toolbar-fixed #userSortSelect,
html body:has(#usersGrid) .user-list-toolbar #userSortSelect{
  padding-left:1.05rem!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count,
html body:has(#usersGrid) .user-list-toolbar .product-count{
  height:54px!important;
  min-height:54px!important;
  border-radius:1rem!important;
  padding:.55rem .9rem!important;
  justify-content:center!important;
  gap:.5rem!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count strong,
html body:has(#usersGrid) .user-list-toolbar .product-count strong{
  font-size:.94rem!important;
  white-space:nowrap!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count span,
html body:has(#usersGrid) .user-list-toolbar .product-count span{
  font-size:.86rem!important;
  white-space:nowrap!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed,
html.light-mode body:has(#usersGrid) .user-list-toolbar,
body.light-mode:has(#usersGrid) .users-toolbar-fixed,
body.light-mode:has(#usersGrid) .user-list-toolbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.92),rgba(236,248,255,.86))!important;
  border-color:rgba(14,165,233,.14)!important;
  box-shadow:0 22px 52px rgba(14,165,233,.12)!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .form-control,
html.light-mode body:has(#usersGrid) .users-toolbar-fixed .form-select,
html.light-mode body:has(#usersGrid) .user-list-toolbar .form-control,
html.light-mode body:has(#usersGrid) .user-list-toolbar .form-select,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .form-control,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .form-select,
body.light-mode:has(#usersGrid) .user-list-toolbar .form-control,
body.light-mode:has(#usersGrid) .user-list-toolbar .form-select{
  background:#ffffff!important;
  border:1px solid rgba(30,64,175,.12)!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(30,64,175,.04)!important;
}

html.light-mode body:has(#usersGrid) .users-toolbar-fixed .product-count,
html.light-mode body:has(#usersGrid) .user-list-toolbar .product-count,
body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count,
body.light-mode:has(#usersGrid) .user-list-toolbar .product-count{
  background:#ffffff!important;
  border:1px solid rgba(14,165,233,.16)!important;
  box-shadow:0 8px 22px rgba(14,165,233,.06)!important;
}

html.light-mode .loader-logo,
body.light-mode .loader-logo{
  color:#0f172a!important;
}

@media(max-width:1199.98px){
  html body:has(#usersGrid) .users-toolbar-fixed > .row,
  html body:has(#usersGrid) .user-list-toolbar > .row{
    grid-template-columns:minmax(260px,1fr) 142px 88px minmax(240px,1fr)!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row > *:last-child,
  html body:has(#usersGrid) .user-list-toolbar > .row > *:last-child{
    grid-column:1 / -1!important;
  }
}

@media(max-width:767.98px){
  html body:has(#usersGrid) .users-toolbar-fixed,
  html body:has(#usersGrid) .user-list-toolbar{
    padding:.85rem!important;
    border-radius:1.25rem!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row,
  html body:has(#usersGrid) .user-list-toolbar > .row{
    grid-template-columns:1fr 1fr!important;
    gap:.7rem!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row > *:first-child,
  html body:has(#usersGrid) .users-toolbar-fixed > .row > *:nth-child(4),
  html body:has(#usersGrid) .users-toolbar-fixed > .row > *:last-child,
  html body:has(#usersGrid) .user-list-toolbar > .row > *:first-child,
  html body:has(#usersGrid) .user-list-toolbar > .row > *:nth-child(4),
  html body:has(#usersGrid) .user-list-toolbar > .row > *:last-child{
    grid-column:1 / -1!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed .form-control,
  html body:has(#usersGrid) .users-toolbar-fixed .form-select,
  html body:has(#usersGrid) .users-toolbar-fixed .filter-open-btn,
  html body:has(#usersGrid) .user-list-toolbar .form-control,
  html body:has(#usersGrid) .user-list-toolbar .form-select,
  html body:has(#usersGrid) .user-list-toolbar .filter-open-btn{
    height:50px!important;
    min-height:50px!important;
  }
}

/* V111 PRODUCT FILTER BAR + MOBILE MODAL ACTION FIX */
html body:not(:has(#usersGrid)) .list-control-bar{
  padding:1rem!important;
  border-radius:1.45rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 36%),
    linear-gradient(135deg,rgba(17,21,46,.78),rgba(7,10,24,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.18)!important;
}

html body:not(:has(#usersGrid)) .list-control-bar > .row{
  display:grid!important;
  grid-template-columns:minmax(320px,1.35fr) 148px 92px minmax(280px,1fr)!important;
  gap:.8rem!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
}

html body:not(:has(#usersGrid)) .list-control-bar > .row > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .control-search,
html body:not(:has(#usersGrid)) .list-control-bar .control-select,
html body:not(:has(#usersGrid)) .list-control-bar .control-btn,
html body:not(:has(#usersGrid)) .list-control-bar .filter-open-btn{
  height:54px!important;
  min-height:54px!important;
  border-radius:1rem!important;
  font-size:.94rem!important;
  font-weight:850!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .control-search{
  padding-left:1.1rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.13)!important;
  color:#f8fafc!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .control-btn,
html body:not(:has(#usersGrid)) .list-control-bar .filter-open-btn{
  background:linear-gradient(135deg,#22d3ee,#6366f1)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.18)!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .control-btn i,
html body:not(:has(#usersGrid)) .list-control-bar .filter-open-btn i{
  color:#ffffff!important;
}

html body:not(:has(#usersGrid)) .list-control-bar #pageSizeSelect{
  text-align:center!important;
  padding-left:.85rem!important;
  padding-right:2.2rem!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .product-count{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:.2rem 0 0!important;
  border-radius:999px!important;
  padding:.48rem .8rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  justify-self:start!important;
  background:rgba(0,229,255,.055)!important;
  border:1px solid rgba(0,229,255,.14)!important;
  white-space:nowrap!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .product-count strong{
  color:#a5f3fc!important;
  font-size:.86rem!important;
  font-weight:950!important;
}

html body:not(:has(#usersGrid)) .list-control-bar .product-count span,
html body:not(:has(#usersGrid)) .list-control-bar #productRangeText{
  color:#94a3b8!important;
  font-size:.82rem!important;
  font-weight:850!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html.light-mode body:not(:has(#usersGrid)) .list-control-bar,
body.light-mode:not(:has(#usersGrid)) .list-control-bar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,248,255,.88))!important;
  border-color:rgba(14,165,233,.14)!important;
  box-shadow:0 22px 52px rgba(14,165,233,.12)!important;
}

html.light-mode body:not(:has(#usersGrid)) .list-control-bar .control-search,
html.light-mode body:not(:has(#usersGrid)) .list-control-bar .control-select,
body.light-mode:not(:has(#usersGrid)) .list-control-bar .control-search,
body.light-mode:not(:has(#usersGrid)) .list-control-bar .control-select{
  background:#ffffff!important;
  border:1px solid rgba(30,64,175,.12)!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(30,64,175,.04)!important;
}

html.light-mode body:not(:has(#usersGrid)) .list-control-bar .product-count,
body.light-mode:not(:has(#usersGrid)) .list-control-bar .product-count{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.16)!important;
  box-shadow:none!important;
}

html.light-mode body:not(:has(#usersGrid)) .list-control-bar .product-count strong,
body.light-mode:not(:has(#usersGrid)) .list-control-bar .product-count strong{
  color:#0369a1!important;
}

html.light-mode body:not(:has(#usersGrid)) .list-control-bar .product-count span,
html.light-mode body:not(:has(#usersGrid)) .list-control-bar #productRangeText,
body.light-mode:not(:has(#usersGrid)) .list-control-bar .product-count span,
body.light-mode:not(:has(#usersGrid)) .list-control-bar #productRangeText{
  color:#334155!important;
}

@media(max-width:1199.98px){
  html body:not(:has(#usersGrid)) .list-control-bar > .row{
    grid-template-columns:minmax(260px,1fr) 142px 88px minmax(240px,1fr)!important;
  }
}

/* V114 SHARED FILTER TOOLBAR DESIGN FOR ALL FILTERED PAGES */
html body .user-filter-bar{
  padding:1rem!important;
  border-radius:1.45rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 36%),
    linear-gradient(135deg,rgba(17,21,46,.78),rgba(7,10,24,.86))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}

html body .user-filter-bar > .row{
  display:grid!important;
  grid-template-columns:minmax(320px,1.35fr) 148px 92px minmax(280px,1fr)!important;
  gap:.8rem!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
}

html body .user-filter-bar > .row > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
}

html body .user-filter-bar .form-control,
html body .user-filter-bar .form-select,
html body .user-filter-bar .user-filter-control,
html body .user-filter-bar .filter-open-btn{
  height:54px!important;
  min-height:54px!important;
  border-radius:1rem!important;
  font-size:.94rem!important;
  font-weight:850!important;
}

html body .user-filter-bar .filter-open-btn{
  background:linear-gradient(135deg,#22d3ee,#6366f1)!important;
  color:#ffffff!important;
  border:1px solid rgba(255,255,255,.20)!important;
  box-shadow:0 16px 34px rgba(37,99,235,.18)!important;
}

html body .user-filter-bar .filter-open-btn i{
  color:#ffffff!important;
}

html body .user-filter-bar .user-filter-meta{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  height:auto!important;
  min-height:0!important;
  margin:.2rem 0 0!important;
  border-radius:999px!important;
  padding:.48rem .8rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.45rem!important;
  justify-self:start!important;
  background:rgba(0,229,255,.055)!important;
  border:1px solid rgba(0,229,255,.14)!important;
  white-space:nowrap!important;
}

html body .user-filter-bar .user-filter-meta strong{
  color:#a5f3fc!important;
  font-size:.86rem!important;
  font-weight:950!important;
}

html body .user-filter-bar .user-filter-meta span{
  color:#94a3b8!important;
  font-size:.82rem!important;
  font-weight:850!important;
  margin-left:0!important;
}

html body .user-date-filter-panel{
  margin-top:.85rem!important;
  padding:.9rem!important;
  border-radius:1rem!important;
  background:rgba(255,255,255,.035)!important;
  border:1px solid rgba(255,255,255,.08)!important;
}

html.light-mode body .user-filter-bar,
body.light-mode .user-filter-bar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(236,248,255,.88))!important;
  border-color:rgba(14,165,233,.14)!important;
  box-shadow:0 22px 52px rgba(14,165,233,.12)!important;
}

html.light-mode body .user-filter-bar .form-control,
html.light-mode body .user-filter-bar .form-select,
html.light-mode body .user-filter-bar .user-filter-control,
body.light-mode .user-filter-bar .form-control,
body.light-mode .user-filter-bar .form-select,
body.light-mode .user-filter-bar .user-filter-control{
  background:#ffffff!important;
  border:1px solid rgba(30,64,175,.12)!important;
  color:#111827!important;
  box-shadow:0 8px 22px rgba(30,64,175,.04)!important;
}

html.light-mode body .user-filter-bar .user-filter-meta,
body.light-mode .user-filter-bar .user-filter-meta{
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.16)!important;
  box-shadow:none!important;
}

html.light-mode body .user-filter-bar .user-filter-meta strong,
body.light-mode .user-filter-bar .user-filter-meta strong{
  color:#0369a1!important;
}

html.light-mode body .user-filter-bar .user-filter-meta span,
body.light-mode .user-filter-bar .user-filter-meta span{
  color:#334155!important;
}

html.light-mode body .user-date-filter-panel,
body.light-mode .user-date-filter-panel{
  background:rgba(255,255,255,.72)!important;
  border-color:rgba(30,64,175,.10)!important;
}

@media(max-width:1199.98px){
  html body .user-filter-bar > .row{
    grid-template-columns:minmax(260px,1fr) 142px 88px minmax(240px,1fr)!important;
  }
}

@media(max-width:767.98px){
  html body .user-filter-bar{
    padding:.8rem!important;
    border-radius:1.2rem!important;
  }

  html body .user-filter-bar > .row{
    grid-template-columns:1fr 1fr!important;
    gap:.65rem!important;
  }

  html body .user-filter-bar > .row > *:first-child,
  html body .user-filter-bar > .row > *:nth-child(3),
  html body .user-filter-bar > .row > *:nth-child(4),
  html body .user-filter-bar > .row > *:last-child{
    grid-column:1 / -1!important;
  }

  html body .user-filter-bar .form-control,
  html body .user-filter-bar .form-select,
  html body .user-filter-bar .user-filter-control,
  html body .user-filter-bar .filter-open-btn{
    height:48px!important;
    min-height:48px!important;
    border-radius:.95rem!important;
    font-size:.92rem!important;
  }

  html body .user-filter-bar > .row > *:nth-child(3)::before{
    content:"Sayfa boyutu";
    display:block;
    margin:0 0 .35rem .15rem;
    color:#94a3b8;
    font-size:.78rem;
    font-weight:850;
  }

  html body.light-mode .user-filter-bar > .row > *:nth-child(3)::before,
  html.light-mode body .user-filter-bar > .row > *:nth-child(3)::before{
    color:#64748b;
  }

  html body .user-filter-bar .user-filter-meta{
    width:100%!important;
    justify-self:stretch!important;
    justify-content:space-between!important;
    padding:.62rem .85rem!important;
  }
}

@media(max-width:767.98px){
  html body:not(:has(#usersGrid)) .list-control-bar{
    padding:.8rem!important;
    border-radius:1.2rem!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar > .row{
    grid-template-columns:1fr 1fr!important;
    gap:.65rem!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar > .row > *:first-child,
  html body:not(:has(#usersGrid)) .list-control-bar > .row > *:nth-child(3),
  html body:not(:has(#usersGrid)) .list-control-bar > .row > *:nth-child(4),
  html body:not(:has(#usersGrid)) .list-control-bar > .row > *:last-child{
    grid-column:1 / -1!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar .control-search,
  html body:not(:has(#usersGrid)) .list-control-bar .control-select,
  html body:not(:has(#usersGrid)) .list-control-bar .control-btn,
  html body:not(:has(#usersGrid)) .list-control-bar .filter-open-btn{
    height:48px!important;
    min-height:48px!important;
    border-radius:.95rem!important;
    font-size:.92rem!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar .product-count{
    width:100%!important;
    justify-self:stretch!important;
    justify-content:space-between!important;
    padding:.62rem .85rem!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar .control-btn,
  html body:not(:has(#usersGrid)) .list-control-bar .filter-open-btn{
    justify-content:center!important;
    background:
      linear-gradient(135deg,rgba(34,211,238,.88),rgba(99,102,241,.88))!important;
    box-shadow:0 10px 24px rgba(37,99,235,.14)!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar #pageSizeSelect{
    width:100%!important;
    text-align:left!important;
    padding-left:1.05rem!important;
  }

  html body:not(:has(#usersGrid)) .list-control-bar > .row > *:nth-child(3)::before{
    content:"Sayfa boyutu";
    display:block;
    margin:0 0 .35rem .15rem;
    color:#94a3b8;
    font-size:.78rem;
    font-weight:850;
  }

  html body.light-mode:not(:has(#usersGrid)) .list-control-bar > .row > *:nth-child(3)::before,
  html.light-mode body:not(:has(#usersGrid)) .list-control-bar > .row > *:nth-child(3)::before{
    color:#64748b;
  }

  body.modal-open .mobile-bottom-nav,
  body.modal-open .scroll-top-btn,
  body.modal-open #scrollTopBtn,
  body.modal-open .live-chat-toggle,
  body.modal-open #liveChatToggle{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  #filterModal{
    z-index:24000!important;
  }

  #filterModal .modal-dialog{
    margin:.75rem!important;
    max-width:calc(100% - 1.5rem)!important;
    height:calc(100dvh - 1.5rem)!important;
    min-height:0!important;
  }

  #filterModal .modal-content{
    height:100%!important;
    max-height:100%!important;
    border-radius:1.25rem!important;
    display:flex!important;
    overflow:hidden!important;
  }

  #filterModal .modal-header{
    flex:0 0 auto!important;
    padding:1rem 1.1rem .75rem!important;
  }

  #filterModal .modal-body{
    flex:1 1 auto!important;
    min-height:0!important;
    overflow:auto!important;
    padding:1rem 1.1rem 1.2rem!important;
  }

  #filterModal .filter-chip{
    min-height:40px!important;
    padding:.55rem .78rem!important;
    border-radius:999px!important;
    font-size:.9rem!important;
    font-weight:850!important;
    gap:.38rem!important;
    box-shadow:none!important;
  }

  #filterModal .filter-chip i{
    font-size:.95rem!important;
  }

  #filterModal .filter-chip.active{
    background:rgba(0,229,255,.12)!important;
    border-color:rgba(0,229,255,.42)!important;
    color:#a5f3fc!important;
  }

  #filterModal .filter-section-title{
    font-size:.98rem!important;
    margin-bottom:.65rem!important;
  }

  #filterModal .modal-body .text-mutedx.small{
    font-size:.9rem!important;
    line-height:1.45!important;
  }

  #filterModal .modal-footer{
    position:sticky!important;
    bottom:0!important;
    flex:0 0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:.7rem!important;
    padding:.9rem 1.1rem calc(.9rem + env(safe-area-inset-bottom, 0px))!important;
    background:
      linear-gradient(180deg,rgba(7,10,24,.86),rgba(7,10,24,.98))!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    z-index:2!important;
  }

  #filterModal .modal-footer .btn{
    width:100%!important;
    min-height:48px!important;
    border-radius:999px!important;
    margin:0!important;
    font-size:.95rem!important;
    font-weight:900!important;
  }

  #filterModal .modal-footer .btn-neon{
    background:linear-gradient(135deg,#22d3ee,#6366f1)!important;
    box-shadow:0 12px 26px rgba(37,99,235,.16)!important;
  }

  body.light-mode #filterModal .modal-footer,
  html.light-mode #filterModal .modal-footer{
    background:
      linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,251,255,.98))!important;
    border-top:1px solid rgba(30,64,175,.10)!important;
  }
}


/* V105 MOBILE USER DETAIL POPUP PROFESSIONAL */

/* Mobil user popup genel yapı */
@media(max-width:767.98px){

  #userDetailModal .modal-dialog{
    margin:.65rem!important;
    max-width:calc(100% - 1.3rem)!important;
  }

  #userDetailModal .modal-content,
  #userDetailModal .user-detail-modal-content{
    border-radius:1.45rem!important;
    max-height:calc(100vh - 1.3rem)!important;
    overflow:hidden!important;
    display:flex!important;
    flex-direction:column!important;
  }

  #userDetailModal .modal-header{
    position:sticky!important;
    top:0!important;
    z-index:5!important;
    background:
      radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
      linear-gradient(135deg, rgba(11,18,32,.98), rgba(2,6,23,.98))!important;
    backdrop-filter:blur(14px)!important;
    padding:1rem!important;
    border-bottom:1px solid rgba(255,255,255,.08)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.9rem!important;
  }

  #userDetailModal .modal-body{
    overflow-y:auto!important;
    padding:1rem!important;
  }

  /* Header: avatar ve bilgiler ferah */
  #userDetailModal .user-modal-head{
    display:grid!important;
    grid-template-columns:58px 1fr!important;
    gap:.85rem!important;
    align-items:center!important;
    width:100%!important;
  }

  #userDetailModal .user-modal-avatar{
    width:58px!important;
    height:58px!important;
    border-radius:1.1rem!important;
    font-size:1.1rem!important;
  }

  #userDetailModal #modalUserBadge{
    font-size:.72rem!important;
    padding:.38rem .65rem!important;
    border-radius:999px!important;
  }

  #userDetailModal #modalUserName{
    font-size:1.35rem!important;
    line-height:1.05!important;
    margin:.35rem 0 .25rem!important;
  }

  #userDetailModal #modalUserMeta{
    font-size:.86rem!important;
    line-height:1.35!important;
  }

  /* Sağ aksiyonlar mobilde alt satır */
  #userDetailModal .modal-header > .d-flex{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 46px!important;
    gap:.65rem!important;
    align-items:center!important;
    margin-left:0!important;
  }

  #sendFriendRequestBtn{
    width:100%!important;
    min-width:0!important;
    height:48px!important;
    border-radius:1rem!important;
    font-size:.88rem!important;
    padding:0 .75rem!important;
  }

  #userDetailModal .btn-close{
    width:46px!important;
    height:46px!important;
    border-radius:1rem!important;
  }

  /* İstatistikler daha profesyonel 2x2 */
  #userDetailModal .user-detail-summary-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:.75rem!important;
    margin-bottom:1rem!important;
  }

  #userDetailModal .user-detail-summary-grid div{
    padding:.95rem .75rem!important;
    border-radius:1.1rem!important;
    min-height:88px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
  }

  #userDetailModal .user-detail-summary-grid strong{
    font-size:1.35rem!important;
    line-height:1!important;
    margin-bottom:.35rem!important;
  }

  #userDetailModal .user-detail-summary-grid span{
    font-size:.78rem!important;
    line-height:1.25!important;
  }

  /* Tablar mobilde yatay scroll */
  #userDetailModal .user-detail-tabs{
    display:flex!important;
    flex-wrap:nowrap!important;
    gap:.55rem!important;
    overflow-x:auto!important;
    padding-bottom:.3rem!important;
    margin-bottom:1rem!important;
    scrollbar-width:none!important;
  }

  #userDetailModal .user-detail-tabs::-webkit-scrollbar{
    display:none!important;
  }

  #userDetailModal .user-detail-tabs .nav-item{
    flex:0 0 auto!important;
  }

  #userDetailModal .user-detail-tabs .nav-link{
    min-width:max-content!important;
    height:44px!important;
    padding:0 .95rem!important;
    border-radius:999px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-size:.85rem!important;
    white-space:nowrap!important;
  }

  /* İçerik kartları sıkışmasın */
  #userDetailModal .profile-card{
    padding:1rem!important;
    border-radius:1.15rem!important;
    min-height:auto!important;
  }

  #userDetailModal .profile-card h4,
  #userDetailModal .profile-card h5{
    font-size:1.1rem!important;
    line-height:1.2!important;
  }

  #userDetailModal #modalUserBio{
    font-size:.92rem!important;
    line-height:1.5!important;
  }

  #userDetailModal .user-tags{
    gap:.45rem!important;
  }

  #userDetailModal .user-tags span{
    font-size:.75rem!important;
    padding:.42rem .58rem!important;
  }

  /* Aktivite listesi */
  #userDetailModal .activity-mini-list{
    gap:.65rem!important;
  }

  #userDetailModal .activity-mini-item{
    padding:.8rem!important;
    border-radius:1rem!important;
    align-items:flex-start!important;
  }

  #userDetailModal .activity-mini-item strong{
    font-size:.9rem!important;
    line-height:1.25!important;
  }

  #userDetailModal .activity-mini-item p{
    font-size:.8rem!important;
    line-height:1.25!important;
  }

  /* Oyun kartları mobilde tek kolon, daha kompakt */
  #userDetailModal #modalWishlistGrid,
  #userDetailModal #modalPurchasedGrid{
    row-gap:.85rem!important;
  }

  #userDetailModal .user-game-mini-card{
    border-radius:1.15rem!important;
    display:grid!important;
    grid-template-columns:92px 1fr!important;
    min-height:112px!important;
  }

  #userDetailModal .user-game-mini-card img{
    width:92px!important;
    height:100%!important;
    min-height:112px!important;
    object-fit:cover!important;
  }

  #userDetailModal .user-game-mini-card .body{
    padding:.85rem!important;
  }

  #userDetailModal .user-game-mini-card h5{
    font-size:.95rem!important;
    line-height:1.2!important;
    margin-bottom:.4rem!important;
  }

  #userDetailModal .user-game-mini-card .platform{
    font-size:.7rem!important;
    padding:.25rem .45rem!important;
  }

  #userDetailModal .user-game-mini-card .price{
    font-size:.92rem!important;
  }

  #userDetailModal .user-game-mini-card .btn{
    height:34px!important;
    min-height:34px!important;
    padding:0 .7rem!important;
    font-size:.78rem!important;
  }

  /* Row/col boşlukları */
  #userDetailModal .row.g-4{
    --bs-gutter-x:.75rem!important;
    --bs-gutter-y:.75rem!important;
  }
}

/* Çok küçük ekranlarda daha kompakt */
@media(max-width:390px){

  #userDetailModal .modal-dialog{
    margin:.45rem!important;
    max-width:calc(100% - .9rem)!important;
  }

  #userDetailModal .modal-header,
  #userDetailModal .modal-body{
    padding:.85rem!important;
  }

  #userDetailModal #modalUserName{
    font-size:1.2rem!important;
  }

  #userDetailModal .user-detail-summary-grid{
    gap:.55rem!important;
  }

  #userDetailModal .user-detail-summary-grid div{
    min-height:78px!important;
    padding:.75rem .55rem!important;
  }

  #userDetailModal .user-game-mini-card{
    grid-template-columns:82px 1fr!important;
  }

  #userDetailModal .user-game-mini-card img{
    width:82px!important;
  }
}

/* Light mode mobil popup */
@media(max-width:767.98px){

  body.light-mode #userDetailModal .modal-header{
    background:
      radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 35%),
      linear-gradient(135deg,#ffffff,#f1f5ff)!important;
    border-bottom-color:rgba(15,23,42,.10)!important;
  }

  body.light-mode #userDetailModal .user-detail-summary-grid div,
  body.light-mode #userDetailModal .profile-card,
  body.light-mode #userDetailModal .activity-mini-item,
  body.light-mode #userDetailModal .user-game-mini-card{
    background:#ffffff!important;
    border-color:rgba(15,23,42,.10)!important;
    box-shadow:0 12px 30px rgba(15,23,42,.06)!important;
  }
}


/* V106 MOBILE USER DETAIL PAGE */
/* Mobilde popup yerine okunabilir ayrı sayfa */

.user-detail-page-hero{
  padding:2rem 0 1rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 34%),
    linear-gradient(135deg, rgba(28,20,64,.96), rgba(3,38,52,.98));
  border-bottom:1px solid rgba(255,255,255,.08);
}

.user-back-btn{
  margin-bottom:1rem;
}

.user-detail-page-card{
  border-radius:2rem;
  padding:1.5rem;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 34%),
    rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.10);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:1.5rem;
}

.user-detail-page-top{
  display:flex;
  align-items:center;
  gap:1rem;
  min-width:0;
}

.user-detail-page-avatar{
  width:82px;
  height:82px;
  border-radius:1.5rem;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  color:#07111f;
  font-weight:900;
  font-size:1.5rem;
  flex:0 0 auto;
}

.user-detail-page-info h1{
  font-size:2.2rem;
  line-height:1.05;
  margin:.6rem 0 .25rem;
  color:#fff;
}

.user-detail-page-info p{
  margin:0;
  color:#a5b4cf;
  font-weight:700;
}

.user-detail-friend-btn{
  white-space:nowrap;
  min-height:52px;
}

.user-page-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1rem;
}

.user-page-stats-grid div{
  padding:1.2rem;
  border-radius:1.35rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.09);
  text-align:center;
}

.user-page-stats-grid strong{
  display:block;
  color:#fff;
  font-size:1.65rem;
  line-height:1;
  margin-bottom:.45rem;
}

.user-page-stats-grid span{
  color:#94a3b8;
  font-weight:800;
}

.user-detail-page-game-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1rem;
}

.user-detail-page-game{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:.9rem;
  align-items:center;
  padding:.9rem;
  border-radius:1.2rem;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(255,255,255,.08);
}

.user-detail-page-game img{
  width:96px;
  height:76px;
  object-fit:cover;
  border-radius:1rem;
}

.user-detail-page-game h4{
  color:#fff;
  font-size:1rem;
  margin:0 0 .35rem;
}

.user-detail-page-game p{
  color:#94a3b8;
  margin:0 0 .5rem;
  font-size:.86rem;
}

.user-detail-page-game .price{
  font-size:1rem;
}

/* Mobilde popupu gizle, ayrı sayfa kullanılacak */
@media(max-width:767.98px){
  #userDetailModal{
    display:none!important;
  }

  .user-detail-page-hero{
    padding:1rem 0 .75rem;
  }

  .user-detail-page-card{
    padding:1rem;
    border-radius:1.4rem;
    display:block;
  }

  .user-detail-page-top{
    display:grid;
    grid-template-columns:64px 1fr;
    gap:.85rem;
    align-items:center;
  }

  .user-detail-page-avatar{
    width:64px;
    height:64px;
    border-radius:1.15rem;
    font-size:1.15rem;
  }

  .user-detail-page-info h1{
    font-size:1.45rem;
    margin:.45rem 0 .2rem;
  }

  .user-detail-page-info p{
    font-size:.88rem;
    line-height:1.4;
  }

  .user-detail-friend-btn{
    width:100%;
    margin-top:1rem;
    min-height:50px;
    border-radius:1rem;
  }

  .user-page-stats-grid{
    grid-template-columns:repeat(2,1fr);
    gap:.75rem;
  }

  .user-page-stats-grid div{
    padding:1rem .75rem;
    border-radius:1.1rem;
    min-height:86px;
  }

  .user-page-stats-grid strong{
    font-size:1.35rem;
  }

  .user-page-stats-grid span{
    font-size:.8rem;
  }

  .user-readable-card{
    padding:1rem!important;
    border-radius:1.2rem!important;
  }

  .user-readable-card .section-title{
    font-size:1.45rem!important;
  }

  .user-detail-page-game-list{
    grid-template-columns:1fr;
    gap:.75rem;
  }

  .user-detail-page-game{
    grid-template-columns:86px 1fr;
    padding:.75rem;
    border-radius:1rem;
  }

  .user-detail-page-game img{
    width:86px;
    height:72px;
    border-radius:.85rem;
  }

  .user-detail-page-game h4{
    font-size:.95rem;
  }

  .user-detail-page-game p{
    font-size:.78rem;
  }

  .user-detail-page-main{
    padding-bottom:6rem!important;
  }
}

body.light-mode .user-detail-page-hero{
  background:
    radial-gradient(circle at top right, rgba(14,165,233,.08), transparent 34%),
    linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-bottom-color:rgba(15,23,42,.10)!important;
}

body.light-mode .user-detail-page-card,
body.light-mode .user-page-stats-grid div,
body.light-mode .user-detail-page-game{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
}

body.light-mode .user-detail-page-info h1,
body.light-mode .user-page-stats-grid strong,
body.light-mode .user-detail-page-game h4{
  color:#0f172a!important;
}

body.light-mode .user-detail-page-info p,
body.light-mode .user-page-stats-grid span,
body.light-mode .user-detail-page-game p{
  color:#64748b!important;
}


/* V107 USER POPUP DISABLED */
#userDetailModal{
  display:none!important;
}

.user-card{
  cursor:pointer!important;
}

.user-card .user-detail-open::after{
  content:"";
}

.user-card .user-detail-open{
  pointer-events:none!important;
}


/* V108 PROFILE FRIENDS CARD */
.profile-quick-card.friends-profile-card{
  display:flex!important;
  align-items:center!important;
  gap:.9rem!important;
  padding:1rem 1.15rem!important;
  border-radius:1.35rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    rgba(255,255,255,.045)!important;
  border:1px solid rgba(0,229,255,.18)!important;
  min-height:82px!important;
}

.profile-quick-card.friends-profile-card .profile-quick-icon{
  width:48px!important;
  height:48px!important;
  border-radius:1rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#07111f!important;
  flex:0 0 auto!important;
}

.profile-quick-card.friends-profile-card strong{
  display:block!important;
  color:#fff!important;
  font-weight:900!important;
  line-height:1.2!important;
}

.profile-quick-card.friends-profile-card span{
  display:block!important;
  color:#94a3b8!important;
  font-weight:800!important;
  font-size:.9rem!important;
}

.profile-quick-card.friends-profile-card .profile-quick-action{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.35rem!important;
  color:#a5f3fc!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

.profile-quick-card.friends-profile-card .profile-quick-action:hover{
  color:#fff!important;
}

body.light-mode .profile-quick-card.friends-profile-card{
  background:#ffffff!important;
  border-color:rgba(14,165,233,.20)!important;
  box-shadow:0 14px 40px rgba(15,23,42,.07)!important;
}

body.light-mode .profile-quick-card.friends-profile-card strong{
  color:#0f172a!important;
}

body.light-mode .profile-quick-card.friends-profile-card span{
  color:#64748b!important;
}

body.light-mode .profile-quick-card.friends-profile-card .profile-quick-action{
  color:#0284c7!important;
}

@media(max-width:575.98px){
  .profile-quick-card.friends-profile-card{
    min-height:auto!important;
    padding:.9rem!important;
    align-items:flex-start!important;
  }

  .profile-quick-card.friends-profile-card .profile-quick-action{
    font-size:.82rem!important;
  }
}


/* V109 USERS PAGE HORIZONTAL OVERFLOW FIX */

/* Genel yatay taşma koruması */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}

/* Users sayfasında genişlik ekrana otursun */
.users-page-section,
.users-page-section .container,
.community-stats-grid,
.community-stats-grid-fixed,
.user-list-toolbar,
.users-toolbar-fixed,
#usersGrid{
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Bootstrap container + custom grid taşmasını engelle */
.users-page-section .container{
  width:min(1320px, calc(100% - 2rem))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
  overflow:hidden!important;
}

/* İstatistik alanı taşmasın */
.community-stats-grid,
.community-stats-grid-fixed{
  width:min(1320px, calc(100% - 2rem))!important;
  margin-left:auto!important;
  margin-right:auto!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  overflow:hidden!important;
}

.community-stats-grid > div,
.community-stats-grid-fixed > div{
  min-width:0!important;
}

/* Filtre kutusu ekrana göre küçülsün */
.users-toolbar-fixed,
.user-list-toolbar{
  width:100%!important;
  overflow:hidden!important;
}

.users-toolbar-fixed .row,
.user-list-toolbar .row{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  grid-template-columns:minmax(240px,1fr) 135px 90px minmax(240px,320px) minmax(190px,220px)!important;
  overflow:hidden!important;
}

/* Kolon ve form elemanları min-width taşırmasın */
.users-toolbar-fixed .row > *,
.user-list-toolbar .row > *,
.users-toolbar-fixed .form-control,
.users-toolbar-fixed .form-select,
.users-toolbar-fixed .filter-open-btn,
.user-list-toolbar .form-control,
.user-list-toolbar .form-select,
.user-list-toolbar .filter-open-btn{
  min-width:0!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}

/* Sayaç alanı taşma yapmasın */
.users-toolbar-fixed .product-count,
.user-list-toolbar .product-count{
  min-width:0!important;
  max-width:100%!important;
  overflow:hidden!important;
}

.users-toolbar-fixed .product-count strong,
.user-list-toolbar .product-count strong,
.users-toolbar-fixed .product-count span,
.user-list-toolbar .product-count span{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

/* User grid ve kartlar taşmasın */
#usersGrid{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
}

#usersGrid > [class*="col"]{
  min-width:0!important;
}

.user-card{
  max-width:100%!important;
  min-width:0!important;
}

/* Floating butonlar viewport genişliğini büyütmesin */
#globalScrollTopBtn,
#liveChatToggle,
.scroll-top-btn,
.live-chat-toggle{
  max-width:56px!important;
}

/* 1400 altı filtre alanını daha rahat kır */
@media(max-width:1399.98px){
  .users-page-section .container,
  .community-stats-grid,
  .community-stats-grid-fixed{
    width:calc(100% - 2rem)!important;
  }

  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:minmax(220px,1fr) 130px 86px minmax(220px,300px) minmax(170px,200px)!important;
    gap:.75rem!important;
  }
}

/* 1200 altında sayaç alt satıra insin */
@media(max-width:1199.98px){
  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:minmax(240px,1fr) 130px 90px minmax(240px,1fr)!important;
  }

  .users-toolbar-fixed .row > [class*="col"]:last-child,
  .user-list-toolbar .row > [class*="col"]:last-child{
    grid-column:1 / -1!important;
  }
}

/* Tablet */
@media(max-width:991.98px){
  .community-stats-grid,
  .community-stats-grid-fixed{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:1fr 1fr!important;
  }

  .users-toolbar-fixed .row > [class*="col"]:first-child,
  .users-toolbar-fixed .row > [class*="col"]:nth-child(4),
  .users-toolbar-fixed .row > [class*="col"]:last-child,
  .user-list-toolbar .row > [class*="col"]:first-child,
  .user-list-toolbar .row > [class*="col"]:nth-child(4),
  .user-list-toolbar .row > [class*="col"]:last-child{
    grid-column:1 / -1!important;
  }
}

/* Mobil */
@media(max-width:575.98px){
  .users-page-section .container,
  .community-stats-grid,
  .community-stats-grid-fixed{
    width:calc(100% - 1rem)!important;
  }

  .community-stats-grid,
  .community-stats-grid-fixed{
    grid-template-columns:1fr!important;
  }

  .users-toolbar-fixed .row,
  .user-list-toolbar .row{
    grid-template-columns:1fr!important;
  }

  .users-toolbar-fixed .row > [class*="col"],
  .user-list-toolbar .row > [class*="col"]{
    grid-column:1 / -1!important;
  }
}


/* V110 USERS POPUP CLEANUP */
.users-page-body #userDetailModal,
.users-page-body .user-detail-modal-content,
.users-page-body .modal-backdrop{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

.users-page-body.modal-open{
  overflow:auto!important;
  padding-right:0!important;
}

.users-page-body .user-card{
  cursor:pointer!important;
}

.users-page-body .user-detail-open{
  pointer-events:none!important;
}


/* V111 USERS OLD POPUP CONTENT HARD HIDE */
.users-page-body #userDetailModal,
.users-page-body .user-detail-modal-content,
.users-page-body .user-modal-head,
.users-page-body .user-detail-summary-grid,
.users-page-body .user-detail-tabs,
.users-page-body #userAboutTab,
.users-page-body #userWishlistTab,
.users-page-body #userPurchasedTab,
.users-page-body .tab-content:has(#userAboutTab),
.users-page-body #sendFriendRequestBtn{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  height:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
}


/* V112 PROFILE ADD CARD MODAL FIX */
.add-card-modal-content{
  border-radius:1.7rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.12), transparent 35%),
    linear-gradient(135deg,#0b1220,#020617)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  overflow:hidden!important;
}

.add-card-preview{
  min-height:190px!important;
  border-radius:1.4rem!important;
}

#addCardModal .form-control{
  min-height:56px!important;
  border-radius:1rem!important;
  font-weight:800!important;
}

#addCardModal .modal-footer{
  gap:.75rem!important;
}

#addCardModal .modal-footer .btn{
  min-height:48px!important;
  border-radius:1rem!important;
}

body.light-mode .add-card-modal-content{
  background:linear-gradient(135deg,#ffffff,#f1f5ff)!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

body.light-mode #addCardModal .modal-header,
body.light-mode #addCardModal .modal-body,
body.light-mode #addCardModal .modal-footer{
  color:#0f172a!important;
}

@media(max-width:575.98px){
  #addCardModal .modal-dialog{
    margin:.75rem!important;
  }

  .add-card-modal-content{
    border-radius:1.35rem!important;
  }

  .add-card-preview{
    min-height:170px!important;
  }

  #addCardModal .modal-footer{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  #addCardModal .modal-footer .btn{
    width:100%!important;
  }
}


/* V113 CUSTOM ADD CARD MODAL */
.custom-modal-backdrop{
  position:fixed;
  inset:0;
  z-index:1040;
  background:rgba(2,6,23,.62);
  backdrop-filter:blur(6px);
  opacity:0;
  visibility:hidden;
  transition:.22s ease;
}

.custom-modal-backdrop.show{
  opacity:1;
  visibility:visible;
}

.custom-modal-open{
  overflow:hidden!important;
}

.custom-add-card-modal{
  z-index:1050!important;
  background:transparent!important;
}

.custom-add-card-modal.custom-show{
  display:block!important;
}

.custom-add-card-modal .modal-dialog{
  pointer-events:auto!important;
}

/* Bootstrap data api ile oluşabilecek backdrop hatasına karşı */
.modal-backdrop:empty{
  display:none;
}


/* V114 SYNTAX SAFE CARD MODAL */
.custom-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:1040!important;
  background:rgba(2,6,23,.62)!important;
  backdrop-filter:blur(6px)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:.22s ease!important;
}

.custom-modal-backdrop.show{
  opacity:1!important;
  visibility:visible!important;
}

.custom-modal-open{
  overflow:hidden!important;
}

.custom-add-card-modal{
  z-index:1050!important;
  background:transparent!important;
}

.custom-add-card-modal.custom-show{
  display:block!important;
}

.custom-add-card-modal .modal-dialog{
  pointer-events:auto!important;
}


/* V116 REPAIR MODAL */
.custom-modal-backdrop{
  position:fixed!important;
  inset:0!important;
  z-index:1040!important;
  background:rgba(2,6,23,.62)!important;
  backdrop-filter:blur(6px)!important;
  opacity:0!important;
  visibility:hidden!important;
  transition:.22s ease!important;
}
.custom-modal-backdrop.show{
  opacity:1!important;
  visibility:visible!important;
}
.custom-modal-open{
  overflow:hidden!important;
}
.custom-add-card-modal{
  z-index:1050!important;
  background:transparent!important;
}
.custom-add-card-modal.custom-show{
  display:block!important;
}
.custom-add-card-modal .modal-dialog{
  pointer-events:auto!important;
}


/* V117 MODAL NAVBAR UNLOCK FIX */

/* Navbar popup/backdrop üstünde kalır */
.navbar,
.navbar.sticky-top,
.site-header,
.header,
.top-strip{
  position:relative;
  z-index:1200!important;
}

/* Custom backdrop navbarı kilitlemesin */
.custom-modal-backdrop{
  z-index:1030!important;
}

/* Modal navbarın altında açılır; navbar linkleri tıklanabilir kalır */
.custom-add-card-modal{
  z-index:1040!important;
}

/* Popup açıkken body kilitlense bile navbar tıklanabilir */
body.custom-modal-open .navbar,
body.custom-modal-open .navbar *,
body.custom-modal-open .top-strip,
body.custom-modal-open .top-strip *{
  pointer-events:auto!important;
}

/* Backdrop görünürken sadece modal arkasını kapatsın, navbarı ezmesin */
body.custom-modal-open .custom-modal-backdrop.show{
  pointer-events:auto!important;
}

/* Mobilde de navbar/alt menü çalışsın */
body.custom-modal-open .mobile-bottom-nav,
body.custom-modal-open .mobile-bottom-nav *{
  pointer-events:auto!important;
  z-index:1201!important;
}


/* V118 FINAL MODAL LAYER NAV FIX */
/* Problem: .modal full-screen layer navbarı kapatıyordu.
   Çözüm: modal dış katman click yakalamaz, sadece dialog yakalar. */

.custom-add-card-modal,
#addCardModal{
  pointer-events:none!important;
  z-index:1040!important;
}

.custom-add-card-modal .modal-dialog,
#addCardModal .modal-dialog,
.custom-add-card-modal .modal-content,
#addCardModal .modal-content{
  pointer-events:auto!important;
}

/* Backdrop tıklama engellemesin; navbar ve sayfa linkleri çalışsın */
.custom-modal-backdrop,
#customAddCardBackdrop{
  pointer-events:none!important;
  z-index:1030!important;
}

/* Navbar her durumda üstte ve tıklanabilir */
.navbar,
.navbar.sticky-top,
.top-strip,
.site-header,
.header{
  position:relative!important;
  z-index:3000!important;
  pointer-events:auto!important;
}

.navbar *,
.top-strip *,
.site-header *,
.header *{
  pointer-events:auto!important;
}

/* Popup açıkken navbar kilitlenmesin */
body.custom-modal-open .navbar,
body.custom-modal-open .navbar *,
body.custom-modal-open .top-strip,
body.custom-modal-open .top-strip *,
body.custom-modal-open .mobile-bottom-nav,
body.custom-modal-open .mobile-bottom-nav *{
  pointer-events:auto!important;
}

/* Popup açıkken body scroll kilidi navbarı bozmasın */
body.custom-modal-open{
  overflow:auto!important;
  padding-right:0!important;
}

/* Modal görünürken sadece dialog alanı tıklanabilir */
#addCardModal.show{
  display:block!important;
}

#addCardModal.show .modal-dialog{
  pointer-events:auto!important;
}

/* Kapatma butonu güvenliği */
#addCardModal [data-close-add-card],
#addCardModal .btn-close,
#addCardModal #saveProfileCardBtn{
  pointer-events:auto!important;
}

/* V120 UNIFIED FILTER TOOLBARS */
html body .list-control-bar,
html body .user-filter-bar{
  padding:1.25rem!important;
  border-radius:1.65rem!important;
  overflow:hidden!important;
}

html body .list-control-bar > .row,
html body .user-filter-bar > .row,
html body .users-toolbar-fixed > .row,
html body .user-list-toolbar > .row{
  display:grid!important;
  grid-template-columns:minmax(280px, 1fr) 152px 106px minmax(270px, .85fr) max-content!important;
  align-items:center!important;
  gap:.9rem!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
}

html body .list-control-bar > .row > *,
html body .user-filter-bar > .row > *,
html body .users-toolbar-fixed > .row > *,
html body .user-list-toolbar > .row > *{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  padding:0!important;
}

html body .list-control-bar .control-search,
html body .list-control-bar .control-select,
html body .list-control-bar .control-btn,
html body .user-filter-bar .user-filter-control,
html body .user-filter-bar .form-control,
html body .user-filter-bar .form-select,
html body .user-filter-bar .filter-open-btn,
html body .users-toolbar-fixed .form-control,
html body .users-toolbar-fixed .form-select,
html body .users-toolbar-fixed .filter-open-btn,
html body .user-list-toolbar .form-control,
html body .user-list-toolbar .form-select,
html body .user-list-toolbar .filter-open-btn{
  width:100%!important;
  height:58px!important;
  min-height:58px!important;
  border-radius:1rem!important;
  font-size:1rem!important;
  font-weight:800!important;
  box-sizing:border-box!important;
}

html body .list-control-bar .control-btn,
html body .user-filter-bar .filter-open-btn,
html body .users-toolbar-fixed .filter-open-btn,
html body .user-list-toolbar .filter-open-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  color:#f8fafc!important;
  box-shadow:none!important;
}

html body .list-control-bar .control-btn i,
html body .user-filter-bar .filter-open-btn i,
html body .users-toolbar-fixed .filter-open-btn i,
html body .user-list-toolbar .filter-open-btn i{
  color:inherit!important;
  opacity:1!important;
}

html body .list-control-bar .control-btn:hover,
html body .user-filter-bar .filter-open-btn:hover,
html body .users-toolbar-fixed .filter-open-btn:hover,
html body .user-list-toolbar .filter-open-btn:hover{
  color:#a5f3fc!important;
  border-color:rgba(0,229,255,.35)!important;
  box-shadow:0 0 0 4px rgba(0,229,255,.08)!important;
}

html body .list-control-bar .product-count,
html body .user-filter-bar .user-filter-meta,
html body .users-toolbar-fixed .product-count,
html body .user-list-toolbar .product-count{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:.75rem!important;
  height:58px!important;
  min-height:58px!important;
  width:auto!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:visible!important;
  text-align:right!important;
}

html body .list-control-bar .product-count strong,
html body .user-filter-bar .user-filter-meta strong,
html body .users-toolbar-fixed .product-count strong,
html body .user-list-toolbar .product-count strong{
  display:inline!important;
  color:#fff!important;
  font-size:1.08rem!important;
  font-weight:900!important;
  line-height:1!important;
  min-width:max-content!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html body .list-control-bar .product-count span,
html body .user-filter-bar .user-filter-meta span,
html body .users-toolbar-fixed .product-count span,
html body .user-list-toolbar .product-count span,
html body #productRangeText,
html body #notificationTopRange,
html body #orderTopRange,
html body #reviewRange,
html body #userRangeText{
  display:inline!important;
  color:#cbd5e1!important;
  font-size:.98rem!important;
  font-weight:800!important;
  line-height:1!important;
  min-width:max-content!important;
  overflow:visible!important;
  text-overflow:clip!important;
}

html body.light-mode .list-control-bar .control-btn,
html body.light-mode .user-filter-bar .filter-open-btn,
html body.light-mode .users-toolbar-fixed .filter-open-btn,
html body.light-mode .user-list-toolbar .filter-open-btn{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#0f172a!important;
}

html body.light-mode .list-control-bar .product-count strong,
html body.light-mode .user-filter-bar .user-filter-meta strong,
html body.light-mode .users-toolbar-fixed .product-count strong,
html body.light-mode .user-list-toolbar .product-count strong{
  color:#0284c7!important;
}

html body.light-mode .list-control-bar .product-count span,
html body.light-mode .user-filter-bar .user-filter-meta span,
html body.light-mode .users-toolbar-fixed .product-count span,
html body.light-mode .user-list-toolbar .product-count span,
html body.light-mode #productRangeText,
html body.light-mode #notificationTopRange,
html body.light-mode #orderTopRange,
html body.light-mode #reviewRange,
html body.light-mode #userRangeText{
  color:#0f172a!important;
}

@media(max-width:1199.98px){
  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:minmax(260px, 1fr) 150px 104px minmax(240px, 1fr)!important;
  }

  html body .list-control-bar > .row > *:last-child,
  html body .user-filter-bar > .row > *:last-child,
  html body .users-toolbar-fixed > .row > *:last-child,
  html body .user-list-toolbar > .row > *:last-child{
    grid-column:1 / -1!important;
  }

  html body .list-control-bar .product-count,
  html body .user-filter-bar .user-filter-meta,
  html body .users-toolbar-fixed .product-count,
  html body .user-list-toolbar .product-count{
    justify-content:flex-start!important;
  }
}

@media(max-width:767.98px){
  html body .list-control-bar,
  html body .user-filter-bar{
    padding:1rem!important;
    border-radius:1.25rem!important;
  }

  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:1fr 1fr!important;
    gap:.75rem!important;
  }

  html body .list-control-bar > .row > *:first-child,
  html body .list-control-bar > .row > *:nth-child(4),
  html body .list-control-bar > .row > *:last-child,
  html body .user-filter-bar > .row > *:first-child,
  html body .user-filter-bar > .row > *:nth-child(4),
  html body .user-filter-bar > .row > *:last-child,
  html body .users-toolbar-fixed > .row > *:first-child,
  html body .users-toolbar-fixed > .row > *:nth-child(4),
  html body .users-toolbar-fixed > .row > *:last-child,
  html body .user-list-toolbar > .row > *:first-child,
  html body .user-list-toolbar > .row > *:nth-child(4),
  html body .user-list-toolbar > .row > *:last-child{
    grid-column:1 / -1!important;
  }

  html body .list-control-bar .product-count,
  html body .user-filter-bar .user-filter-meta,
  html body .users-toolbar-fixed .product-count,
  html body .user-list-toolbar .product-count{
    justify-content:center!important;
    flex-wrap:wrap!important;
    height:auto!important;
    min-height:52px!important;
    text-align:center!important;
  }
}

/* V115 DESKTOP FLOATING SHORTCUT CLUSTER */
.keynova-fab-cluster{
  display:none;
}

@media(min-width:992px){
  html body:has(.keynova-fab-cluster) #liveChatToggle,
  html body:has(.keynova-fab-cluster) .live-chat-toggle,
  html body:has(.keynova-fab-cluster) #globalScrollTopBtn,
  html body:has(.keynova-fab-cluster) #scrollTopBtn,
  html body:has(.keynova-fab-cluster) .scroll-top-btn{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  .keynova-fab-cluster{
    position:fixed;
    right:clamp(1rem,2vw,1.65rem);
    bottom:clamp(1rem,2vw,1.65rem);
    width:86px;
    height:86px;
    display:block;
    z-index:22000;
    pointer-events:none;
  }

  .keynova-fab-main,
  .keynova-fab-action{
    pointer-events:auto;
    border:1px solid rgba(255,255,255,.14);
    color:#f8fafc;
    background:linear-gradient(135deg,rgba(14,20,46,.94),rgba(8,34,52,.94));
    box-shadow:0 18px 42px rgba(0,0,0,.28);
    backdrop-filter:blur(16px);
    transition:
      transform .28s cubic-bezier(.2,.9,.2,1),
      opacity .22s ease,
      box-shadow .22s ease,
      background .22s ease,
      border-color .22s ease;
  }

  .keynova-fab-main{
    position:absolute;
    right:0;
    bottom:0;
    width:76px;
    height:76px;
    border-radius:1.45rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.22rem;
    background:
      radial-gradient(circle at 25% 18%,rgba(255,255,255,.28),transparent 30%),
      linear-gradient(135deg,#22d3ee 0%,#6366f1 60%,#8b5cf6 100%);
    color:#06101f;
    font-weight:950;
    box-shadow:
      0 20px 52px rgba(34,211,238,.24),
      0 0 0 1px rgba(255,255,255,.12) inset;
    z-index:12;
  }

  .keynova-fab-main i{
    font-size:1.28rem;
    line-height:1;
  }

  .keynova-fab-main span{
    font-size:.72rem;
    line-height:1;
    letter-spacing:0;
  }

  .keynova-fab-cluster.is-open .keynova-fab-main{
    transform:rotate(45deg) scale(.96);
    border-radius:50%;
  }

  .keynova-fab-cluster.is-open .keynova-fab-main span{
    opacity:0;
    height:0;
    overflow:hidden;
  }

  .keynova-fab-actions{
    position:absolute;
    right:0;
    bottom:0;
    width:min(390px,calc(100vw - 2rem));
    height:min(390px,calc(100vh - 2rem));
    pointer-events:none;
    z-index:6;
  }

  .keynova-fab-action{
    position:absolute;
    right:10px;
    bottom:10px;
    width:56px;
    height:56px;
    border-radius:1.12rem;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    opacity:0;
    transform:translate(0,0) scale(.72);
    will-change:transform,opacity;
    pointer-events:none;
    z-index:7;
  }

  .keynova-fab-action i{
    font-size:1.14rem;
    line-height:1;
  }

  .keynova-fab-action span{
    position:absolute;
    right:calc(100% + .58rem);
    top:50%;
    max-width:132px;
    padding:.38rem .65rem;
    border-radius:999px;
    color:#e2e8f0;
    background:rgba(8,13,31,.88);
    border:1px solid rgba(255,255,255,.10);
    box-shadow:0 12px 30px rgba(0,0,0,.22);
    font-size:.75rem;
    font-weight:900;
    line-height:1.1;
    white-space:nowrap;
    opacity:0;
    transform:translate(8px,-50%);
    pointer-events:none;
    transition:.18s ease;
    z-index:30;
  }

  .keynova-fab-action:hover,
  .keynova-fab-action:focus-visible{
    color:#06101f;
    background:linear-gradient(135deg,#22d3ee,#8b5cf6);
    border-color:rgba(255,255,255,.28);
    box-shadow:0 18px 44px rgba(34,211,238,.24);
    outline:none;
    z-index:24;
  }

  .keynova-fab-action:hover span,
  .keynova-fab-action:focus-visible span{
    opacity:1;
    transform:translate(0,-50%);
  }

  .keynova-fab-action.is-active{
    color:#06101f;
    background:linear-gradient(135deg,#14f195,#22d3ee);
    border-color:rgba(255,255,255,.34);
  }

  .keynova-fab-chat{
    background:linear-gradient(135deg,#0ea5e9,#2563eb,#7c3aed);
  }

  .keynova-fab-top{
    background:linear-gradient(135deg,#14f195,#22d3ee);
    color:#06101f;
  }

  .keynova-fab-cluster.is-open .keynova-fab-action{
    opacity:1;
    pointer-events:auto;
  }

  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(1){ transform:translate(-8px,-94px) scale(1); transition-delay:.02s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(2){ transform:translate(-64px,-88px) scale(1); transition-delay:.04s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(3){ transform:translate(-116px,-62px) scale(1); transition-delay:.06s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(4){ transform:translate(-146px,-18px) scale(1); transition-delay:.08s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(5){ transform:translate(-126px,-124px) scale(1); transition-delay:.10s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(6){ transform:translate(-182px,-96px) scale(1); transition-delay:.12s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(7){ transform:translate(-200px,-48px) scale(1); transition-delay:.14s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(8){ transform:translate(-64px,-154px) scale(1); transition-delay:.16s; }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(9){ transform:translate(-184px,-148px) scale(1); transition-delay:.18s; }

  html body:has(.keynova-fab-cluster) .live-chat-window{
    right:clamp(1rem,2vw,1.65rem)!important;
    bottom:6.8rem!important;
    max-height:calc(100vh - 8rem)!important;
  }

  html body.chat-open .keynova-fab-cluster,
  html body:has(#liveChatWindow.show) .keynova-fab-cluster,
  html body:has(.live-chat-window.show) .keynova-fab-cluster{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  html body.light-mode .keynova-fab-main{
    color:#07111f;
    box-shadow:
      0 18px 44px rgba(14,165,233,.22),
      0 0 0 1px rgba(255,255,255,.65) inset;
  }

  html body.light-mode .keynova-fab-action{
    color:#0f172a;
    background:rgba(255,255,255,.94);
    border-color:rgba(15,23,42,.10);
    box-shadow:0 16px 38px rgba(15,23,42,.12);
  }

  html body.light-mode .keynova-fab-action:hover,
  html body.light-mode .keynova-fab-action:focus-visible,
  html body.light-mode .keynova-fab-action.is-active{
    color:#06101f;
    background:linear-gradient(135deg,#22d3ee,#7c3aed);
  }

  html body.light-mode .keynova-fab-top{
    background:linear-gradient(135deg,#14f195,#22d3ee);
  }

  html body.light-mode .keynova-fab-action span{
    color:#0f172a;
    background:rgba(255,255,255,.96);
    border-color:rgba(15,23,42,.10);
  }
}

@media(min-width:992px) and (max-height:660px){
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(1){ transform:translate(-8px,-84px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(2){ transform:translate(-60px,-76px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(3){ transform:translate(-106px,-50px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(4){ transform:translate(-132px,-8px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(5){ transform:translate(-116px,-106px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(6){ transform:translate(-170px,-84px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(7){ transform:translate(-184px,-36px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(8){ transform:translate(-64px,-134px) scale(.94); }
  .keynova-fab-cluster.is-open .keynova-fab-action:nth-child(9){ transform:translate(-160px,-126px) scale(.94); }
}

/* V118 USERS FILTER TOOLBAR FINAL OVERRIDE */
html body:has(#usersGrid) .users-toolbar-fixed,
html body:has(#usersGrid) .user-list-toolbar{
  padding:1.15rem!important;
  border-radius:1.45rem!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(124,58,237,.18),rgba(0,212,255,.13))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
}

html body:has(#usersGrid) .users-toolbar-fixed > .row,
html body:has(#usersGrid) .user-list-toolbar > .row{
  display:grid!important;
  grid-template-columns:minmax(300px,1.35fr) 150px 96px minmax(260px,1fr)!important;
  gap:.85rem!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
}

html body:has(#usersGrid) .users-toolbar-fixed > .row > *,
html body:has(#usersGrid) .user-list-toolbar > .row > *{
  width:100%!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:0!important;
}

html body:has(#usersGrid) .users-toolbar-fixed > .row > :last-child,
html body:has(#usersGrid) .user-list-toolbar > .row > :last-child{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  justify-self:start!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count,
html body:has(#usersGrid) .user-list-toolbar .product-count,
html body:has(#usersGrid) .user-list-count{
  width:max-content!important;
  max-width:100%!important;
  min-height:42px!important;
  margin:.12rem 0 0!important;
  padding:.62rem .95rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.85rem!important;
  border-radius:1rem!important;
  color:#dbeafe!important;
  background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(124,58,237,.08))!important;
  border:1px solid rgba(0,212,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  white-space:normal!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count strong,
html body:has(#usersGrid) .user-list-toolbar .product-count strong,
html body:has(#usersGrid) .user-list-count strong{
  color:#67e8f9!important;
  font-size:.98rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body:has(#usersGrid) .users-toolbar-fixed .product-count span,
html body:has(#usersGrid) .user-list-toolbar .product-count span,
html body:has(#usersGrid) .user-list-count span{
  color:#cbd5e1!important;
  font-size:.88rem!important;
  font-weight:850!important;
  white-space:nowrap!important;
}

html body.light-mode:has(#usersGrid) .users-toolbar-fixed,
html body.light-mode:has(#usersGrid) .user-list-toolbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.95),rgba(239,246,255,.90)),
    linear-gradient(135deg,rgba(14,165,233,.10),rgba(99,102,241,.07))!important;
  border-color:rgba(14,165,233,.15)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.09)!important;
}

html body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count,
html body.light-mode:has(#usersGrid) .user-list-toolbar .product-count,
html body.light-mode:has(#usersGrid) .user-list-count{
  color:#334155!important;
  background:#e0f7ff!important;
  border-color:rgba(14,165,233,.18)!important;
}

html body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count strong,
html body.light-mode:has(#usersGrid) .user-list-toolbar .product-count strong,
html body.light-mode:has(#usersGrid) .user-list-count strong{
  color:#0284c7!important;
}

html body.light-mode:has(#usersGrid) .users-toolbar-fixed .product-count span,
html body.light-mode:has(#usersGrid) .user-list-toolbar .product-count span,
html body.light-mode:has(#usersGrid) .user-list-count span{
  color:#475569!important;
}

@media(max-width:991.98px){
  html body:has(#usersGrid) .users-toolbar-fixed > .row,
  html body:has(#usersGrid) .user-list-toolbar > .row{
    grid-template-columns:1fr 136px!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row > :first-child,
  html body:has(#usersGrid) .users-toolbar-fixed > .row > :nth-child(4),
  html body:has(#usersGrid) .users-toolbar-fixed > .row > :last-child,
  html body:has(#usersGrid) .user-list-toolbar > .row > :first-child,
  html body:has(#usersGrid) .user-list-toolbar > .row > :nth-child(4),
  html body:has(#usersGrid) .user-list-toolbar > .row > :last-child{
    grid-column:1 / -1!important;
  }
}

@media(max-width:767.98px){
  html body:has(#usersGrid) .users-toolbar-fixed,
  html body:has(#usersGrid) .user-list-toolbar{
    padding:1rem!important;
    border-radius:1.25rem!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row,
  html body:has(#usersGrid) .user-list-toolbar > .row{
    grid-template-columns:1fr!important;
    gap:.72rem!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed > .row > *,
  html body:has(#usersGrid) .user-list-toolbar > .row > *{
    grid-column:1 / -1!important;
  }

  html body:has(#usersGrid) .users-toolbar-fixed .product-count,
  html body:has(#usersGrid) .user-list-toolbar .product-count,
  html body:has(#usersGrid) .user-list-count{
    width:100%!important;
    min-height:48px!important;
    justify-content:space-between!important;
  }
}

@media(max-width:575.98px){
  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:1fr!important;
  }

  html body .list-control-bar > .row > *,
  html body .user-filter-bar > .row > *,
  html body .users-toolbar-fixed > .row > *,
  html body .user-list-toolbar > .row > *{
    grid-column:1 / -1!important;
  }
}

/* V121 RECENTLY VIEWED HORIZONTAL RAIL */
html body .recently-viewed-section .row.g-4{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:1rem!important;
  margin-left:0!important;
  margin-right:0!important;
  overflow-x:auto!important;
  overflow-y:visible!important;
  padding:.35rem .1rem 1.15rem!important;
  scroll-snap-type:x mandatory!important;
  scroll-padding-left:.1rem!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:none!important;
  scroll-behavior:smooth!important;
}

html body .recently-viewed-section .row.g-4 > [class*="col"]{
  flex:0 0 calc((100% - 3rem) / 4)!important;
  width:calc((100% - 3rem) / 4)!important;
  max-width:calc((100% - 3rem) / 4)!important;
  padding-left:0!important;
  padding-right:0!important;
  scroll-snap-align:start!important;
}

html body .recently-viewed-section .game-card{
  height:100%!important;
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease!important;
}

html body .recently-viewed-section .game-card:hover{
  transform:translateY(-6px)!important;
}

html body .recent-date-chip{
  position:absolute!important;
  top:1rem!important;
  left:1rem!important;
  z-index:4!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:.4rem!important;
  padding:.48rem .72rem!important;
  border-radius:999px!important;
  border:1px solid rgba(0,229,255,.28)!important;
  color:#dffbff!important;
  background:
    linear-gradient(135deg,rgba(0,229,255,.18),rgba(124,92,255,.20)),
    rgba(7,10,24,.76)!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
  font-size:.78rem!important;
  font-weight:900!important;
  line-height:1!important;
}

html body .recent-date-chip i{
  font-size:.9rem!important;
  color:#67e8f9!important;
}

html body .recently-viewed-section .row.g-4::-webkit-scrollbar{
  display:none!important;
}

html body .recently-viewed-section .container{
  position:relative!important;
}

html body .recent-rail-controls{
  display:inline-flex!important;
  align-items:center!important;
  gap:.6rem!important;
  padding:.35rem!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:999px!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035)),
    rgba(7,10,24,.62)!important;
  box-shadow:0 18px 45px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(14px)!important;
}

html body .recent-rail-btn{
  width:44px!important;
  height:44px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#f8fafc!important;
  background:rgba(255,255,255,.06)!important;
  box-shadow:none!important;
  transition:transform .2s ease, border-color .2s ease, background .2s ease, opacity .2s ease!important;
}

html body .recent-rail-btn:hover{
  transform:translateY(-2px)!important;
  color:#07111f!important;
  border-color:rgba(0,229,255,.55)!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  box-shadow:0 14px 34px rgba(0,229,255,.18)!important;
}

html body .recent-rail-btn.is-disabled,
html body .recent-rail-btn:disabled{
  opacity:.42!important;
  cursor:not-allowed!important;
  transform:none!important;
  color:#94a3b8!important;
  background:rgba(255,255,255,.035)!important;
  box-shadow:none!important;
}

html body .recent-rail-controls::before{
  content:"Tarihe göre";
  color:#cbd5e1;
  font-size:.82rem;
  font-weight:900;
  padding:0 .35rem 0 .55rem;
  white-space:nowrap;
}

html body .recent-rail-page{
  min-width:3.4rem!important;
  height:36px!important;
  padding:0 .65rem!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#e0f2fe!important;
  background:rgba(0,229,255,.10)!important;
  border:1px solid rgba(0,229,255,.18)!important;
  font-size:.82rem!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

html body .recent-rail-btn i{
  font-size:1.15rem!important;
  line-height:1!important;
}

html body .recently-viewed-section .viewers-badge{
  order:2;
}

html body .recently-viewed-section .recent-rail-controls{
  order:3;
}

html body .recently-viewed-section .d-flex.justify-content-between.align-items-center.mb-4{
  align-items:center!important;
}

html body .recently-viewed-section .row.g-4::before,
html body .recently-viewed-section .row.g-4::after{
  content:"";
  position:sticky;
  top:0;
  z-index:2;
  flex:0 0 1px;
  width:1px;
  pointer-events:none;
}

html body .recently-viewed-section .row.g-4::-webkit-scrollbar{
  height:10px;
}

html body .recently-viewed-section .row.g-4::-webkit-scrollbar-track{
  background:rgba(255,255,255,.06);
  border-radius:999px;
}

html body .recently-viewed-section .row.g-4::-webkit-scrollbar-thumb{
  background:linear-gradient(135deg,var(--cyan),var(--purple));
  border-radius:999px;
}

html body .recently-viewed-section .section-title{
  max-width:100%;
}

html body.light-mode .recently-viewed-section .row.g-4::-webkit-scrollbar-track{
  background:rgba(15,23,42,.08);
}

html body.light-mode .recent-rail-controls{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.10)!important;
}

html body.light-mode .recent-rail-btn{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.12)!important;
  color:#0f172a!important;
}

html body.light-mode .recent-rail-btn:hover{
  color:#ffffff!important;
}

html body.light-mode .recent-date-chip{
  color:#075985!important;
  background:#ffffff!important;
  border-color:rgba(14,165,233,.22)!important;
  box-shadow:0 14px 28px rgba(15,23,42,.10)!important;
}

html body.light-mode .recent-rail-controls::before{
  color:#0f172a!important;
}

html body.light-mode .recent-rail-page{
  color:#0369a1!important;
  background:#e0f2fe!important;
  border-color:rgba(14,165,233,.22)!important;
}

@media(max-width:1199.98px){
  html body .recently-viewed-section .row.g-4 > [class*="col"]{
    flex-basis:calc((100% - 2rem) / 3)!important;
    width:calc((100% - 2rem) / 3)!important;
    max-width:calc((100% - 2rem) / 3)!important;
  }
}

@media(max-width:991.98px){
  html body .recently-viewed-section .row.g-4 > [class*="col"]{
    flex-basis:calc((100% - 1rem) / 2)!important;
    width:calc((100% - 1rem) / 2)!important;
    max-width:calc((100% - 1rem) / 2)!important;
  }
}

@media(max-width:767.98px){
  html body .recently-viewed-section .row.g-4{
    gap:.85rem!important;
    padding-bottom:1rem!important;
  }

  html body .recently-viewed-section .row.g-4 > [class*="col"]{
    flex-basis:100%!important;
    width:100%!important;
    max-width:100%!important;
  }

  html body .recent-rail-controls{
    width:100%!important;
    justify-content:space-between!important;
    order:4!important;
  }

  html body .recent-rail-btn{
    width:46px!important;
    height:46px!important;
  }
}

/* V126 recent rail stable card sizing + order refund actions */
html body .recently-viewed-section .row.g-4{
  align-items:stretch!important;
}

html body .recently-viewed-section .row.g-4 > [class*="col"]{
  display:flex!important;
  min-height:1px!important;
}

html body .recently-viewed-section .game-card{
  width:100%!important;
  min-height:628px!important;
  display:flex!important;
  flex-direction:column!important;
  transform:none!important;
}

html body .recently-viewed-section .game-card:hover{
  transform:none!important;
}

html body .recently-viewed-section .game-card:hover .game-img img{
  transform:none!important;
}

html body .recently-viewed-section .game-img{
  height:236px!important;
  flex:0 0 236px!important;
}

html body .recently-viewed-section .game-card > .p-4{
  flex:1 1 auto!important;
  display:grid!important;
  grid-template-rows:auto minmax(58px,auto) auto minmax(58px,auto) 1fr!important;
  align-content:start!important;
  gap:.9rem!important;
  padding:1.65rem!important;
}

html body .recently-viewed-section .game-card > .p-4 > .d-flex.gap-2{
  min-height:64px!important;
  align-content:flex-start!important;
  margin-bottom:0!important;
}

html body .recently-viewed-section .game-card h4{
  min-height:64px!important;
  margin:0!important;
  line-height:1.16!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body .recently-viewed-section .shop-rating-box{
  min-height:48px!important;
  margin:0!important;
}

html body .recently-viewed-section .game-card p.text-mutedx{
  min-height:58px!important;
  margin:0!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

html body .recently-viewed-section .game-card > .p-4 > .d-flex.align-items-center.justify-content-between{
  align-self:end!important;
  min-height:58px!important;
  margin-top:auto!important;
}

html body .recently-viewed-section .old-price{
  display:inline-block!important;
  min-width:64px!important;
}

.order-line-v2{
  display:grid!important;
  grid-template-columns:minmax(230px,1fr) minmax(260px,.58fr) 108px minmax(250px,.42fr)!important;
  align-items:center!important;
  gap:1rem!important;
  min-height:104px!important;
  padding:1.05rem 1.15rem!important;
  border-radius:1.15rem!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.055),rgba(34,211,238,.04)),
    rgba(255,255,255,.035)!important;
}

.order-line-v2.is-refundable{
  border-color:rgba(34,211,238,.24)!important;
}

.order-line-main,
.order-line-status{
  min-width:0!important;
}

.order-line-main strong{
  display:block!important;
  font-size:1.05rem!important;
  line-height:1.15!important;
  margin-bottom:.32rem!important;
}

.order-line-main strong,
.order-line-main div{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.order-line-status{
  display:grid!important;
  gap:.5rem!important;
  justify-items:start!important;
}

.order-line-status .platform{
  max-width:100%!important;
  padding:.36rem .66rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.order-line-status small{
  color:#94a3b8!important;
  font-weight:850!important;
  white-space:normal!important;
  line-height:1.25!important;
  max-width:100%!important;
}

.order-refund-summary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 32px!important;
  align-items:center!important;
  gap:.5rem!important;
  width:100%!important;
  min-width:0!important;
}

.order-refund-expand{
  width:32px!important;
  height:32px!important;
  border-radius:999px!important;
  border:1px solid rgba(34,211,238,.28)!important;
  background:rgba(34,211,238,.08)!important;
  color:#67e8f9!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  flex:0 0 auto!important;
  transition:.2s ease!important;
}

.order-refund-expand:hover,
.order-refund-expand[aria-expanded="true"]{
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  color:#06111f!important;
  border-color:transparent!important;
}

.order-line-v2 > .price{
  justify-self:end!important;
  font-size:1.35rem!important;
  line-height:1!important;
  white-space:nowrap!important;
}

.order-line-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  justify-content:flex-end!important;
  gap:.55rem!important;
}

.order-line-actions .order-key-btn,
.order-line-actions .order-invoice-btn{
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.16)!important;
}

.order-line-actions .btn{
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  padding:.55rem .75rem!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  font-weight:900!important;
  justify-content:center!important;
}

.order-line-actions .btn i{
  font-size:.95rem!important;
}

.order-line-actions .order-refund-action{
  grid-column:1 / -1!important;
  background:linear-gradient(135deg,rgba(34,211,238,.12),rgba(139,92,246,.08))!important;
  border-color:rgba(34,211,238,.22)!important;
}

.order-line-actions .btn:disabled{
  opacity:.52!important;
  cursor:not-allowed!important;
}

body.light-mode .order-line-v2{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.1)!important;
  box-shadow:0 16px 40px rgba(15,23,42,.07)!important;
}

body.light-mode .order-line-status small{
  color:#64748b!important;
}

body.light-mode .order-refund-expand{
  background:#f0f9ff!important;
  border-color:rgba(14,165,233,.22)!important;
  color:#0284c7!important;
}

.order-refund-detail{
  grid-column:1 / -1!important;
  padding:1rem!important;
  border-radius:1rem!important;
  border:1px solid rgba(34,211,238,.18)!important;
  background:rgba(3,7,18,.26)!important;
}

.order-refund-detail p{
  margin:0 0 .85rem!important;
  color:#b6c9e6!important;
  font-weight:800!important;
  line-height:1.45!important;
}

.order-refund-items{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:.65rem!important;
}

.order-refund-item{
  min-width:0!important;
  padding:.8rem!important;
  border-radius:.9rem!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.045)!important;
}

.order-refund-item span,
.order-refund-item small,
.order-refund-item strong{
  display:block!important;
}

.order-refund-item span{
  color:#f8fafc!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.order-refund-item small{
  margin-top:.18rem!important;
  color:#9fb4d4!important;
  font-weight:750!important;
}

.order-refund-item strong{
  margin-top:.55rem!important;
  font-size:.82rem!important;
  color:#22c55e!important;
}

.order-refund-item.is-locked strong{
  color:#fb7185!important;
}

body.light-mode .order-refund-detail,
body.light-mode .order-refund-item{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.1)!important;
}

body.light-mode .order-refund-detail p,
body.light-mode .order-refund-item span{
  color:#0f172a!important;
}

body.light-mode .order-refund-item small{
  color:#64748b!important;
}

html body:has(#orderList) .user-page-card{
  overflow:hidden!important;
}

html body:has(#orderList) aside .user-page-card{
  position:sticky!important;
  top:110px!important;
}

html body:has(#orderList) aside .section-title{
  font-size:1.45rem!important;
  line-height:1.1!important;
}

html body:has(#orderList) aside .price{
  font-size:1.25rem!important;
}

@media(max-width:1199.98px){
  html body .recently-viewed-section .game-card{
    min-height:604px!important;
  }
}

@media(max-width:991.98px){
  .order-line-v2{
    grid-template-columns:minmax(0,1fr) max-content!important;
  }

  .order-line-status,
  .order-line-actions{
    grid-column:auto!important;
  }

  .order-line-status{
    justify-self:start!important;
  }

  .order-line-v2 > .price{
    justify-self:end!important;
  }

  .order-line-actions{
    grid-column:1 / -1!important;
    justify-content:stretch!important;
  }

  .order-refund-detail{
    grid-column:1 / -1!important;
  }

  .order-refund-items{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .order-line-actions .btn{
    width:100%!important;
  }

  html body .recently-viewed-section .game-card{
    min-height:586px!important;
  }
}

@media(max-width:767.98px){
  html body .recently-viewed-section .game-card{
    min-height:0!important;
  }

  html body .recently-viewed-section .game-img{
    height:210px!important;
    flex-basis:210px!important;
  }

  html body .recently-viewed-section .game-card > .p-4{
    padding:1.1rem!important;
  }

  .order-line-v2{
    grid-template-columns:1fr!important;
    min-height:0!important;
    gap:.75rem!important;
    padding:1rem!important;
  }

  .order-line-status{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:.55rem!important;
  }

  .order-line-status small{
    text-align:left!important;
  }

  .order-line-v2 > .price{
    justify-self:start!important;
  }

  .order-line-actions .btn{
    width:100%!important;
  }

  .order-refund-items{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:420px){
  .order-line-actions{
    grid-template-columns:1fr!important;
  }
}

/* V157 key delivery item refund lock */
.key-item-list{
  display:grid;
  gap:1rem;
}

.key-delivery-item{
  padding:1rem;
  border-radius:1.2rem;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,rgba(255,255,255,.045),rgba(34,211,238,.035));
}

.key-delivery-item.is-revealed{
  border-color:rgba(251,113,133,.35);
  background:linear-gradient(135deg,rgba(251,113,133,.08),rgba(34,211,238,.025));
}

.key-delivery-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:1rem;
  margin-bottom:.85rem;
}

.key-delivery-head h4{
  margin:.45rem 0 0;
  font-weight:950;
}

.key-refund-rule{
  align-items:flex-start;
}

.key-item-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.7rem;
  justify-content:center;
  margin-top:1rem;
}

.key-item-actions .btn{
  min-width:150px;
}

.key-delivery-item.is-revealed .key-refund-state{
  color:#fda4af;
  border-color:rgba(251,113,133,.35);
  background:rgba(251,113,133,.1);
}

.key-delivery-item.is-revealed .key-line-reveal{
  opacity:.72;
  cursor:not-allowed;
}

body.light-mode .key-delivery-item{
  background:#fff;
  border-color:rgba(15,23,42,.12);
}

body.light-mode .key-delivery-item.is-revealed{
  background:#fff7f8;
}

@media(max-width:767.98px){
  .key-delivery-head{
    display:grid;
  }

  .key-item-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .key-item-actions .btn{
    width:100%;
  }
}

/* V124 COMPACT TOAST + QUICK CART UX */
html body .game-toast{
  position:fixed!important;
  inset:auto!important;
  top:1rem!important;
  right:1rem!important;
  bottom:auto!important;
  left:auto!important;
  z-index:13020!important;
  width:min(360px, calc(100vw - 2rem))!important;
  min-width:0!important;
  max-width:360px!important;
  height:auto!important;
  min-height:0!important;
  padding:.9rem 1rem!important;
  display:flex!important;
  align-items:center!important;
  gap:.8rem!important;
  overflow:hidden!important;
  border-radius:1rem!important;
  color:#fff!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.16), transparent 34%),
    linear-gradient(135deg, rgba(15,23,42,.96), rgba(5,10,24,.94))!important;
  border:1px solid rgba(0,229,255,.18)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translate3d(0,-12px,0) scale(.98)!important;
  transition:opacity .22s ease, transform .22s ease, visibility .22s ease, right .22s ease!important;
  backdrop-filter:blur(14px)!important;
}

html body .game-toast.show{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:none!important;
  transform:translate3d(0,0,0) scale(1)!important;
}

html body .game-toast::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:linear-gradient(180deg,var(--cyan),var(--purple));
}

html body .game-toast > div:last-child{
  min-width:0!important;
}

html body .game-toast-icon{
  width:42px!important;
  height:42px!important;
  border-radius:.95rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 42px!important;
  color:#06101f!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
  box-shadow:0 10px 26px rgba(0,229,255,.18)!important;
}

html body .game-toast-title,
html body .game-toast-text{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

html body .game-toast-title{
  color:#fff!important;
  font-size:.98rem!important;
  font-weight:900!important;
  line-height:1.2!important;
  margin:0 0 .15rem!important;
  white-space:nowrap!important;
}

html body .game-toast-text{
  color:#b6c7dc!important;
  font-size:.84rem!important;
  line-height:1.35!important;
  white-space:nowrap!important;
}

html body.mini-cart-open .game-toast{
  right:calc(min(430px, 100vw) + 1rem)!important;
}

html body .mini-cart-overlay{
  background:rgba(2,6,23,.36)!important;
  backdrop-filter:blur(2px)!important;
  z-index:12900!important;
}

html body .mini-cart-drawer{
  z-index:13000!important;
  width:min(430px, 100vw)!important;
  right:calc(-1 * min(430px, 100vw))!important;
  transition:right .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease!important;
}

html body .mini-cart-drawer.show{
  right:0!important;
}

html body .mini-cart-close{
  transition:background .2s ease, transform .2s ease!important;
}

html body .mini-cart-close:hover{
  transform:scale(1.04)!important;
  background:rgba(0,229,255,.14)!important;
}

html body.light-mode .game-toast{
  color:#0f172a!important;
  background:linear-gradient(135deg,#ffffff,#f8fbff)!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 18px 42px rgba(15,23,42,.14)!important;
}

html body.light-mode .game-toast-title{
  color:#0f172a!important;
}

html body.light-mode .game-toast-text{
  color:#475569!important;
}

@media(max-width:991.98px){
  html body.mini-cart-open .game-toast{
    right:1rem!important;
    top:calc(1rem + env(safe-area-inset-top, 0px))!important;
  }
}

@media(max-width:575.98px){
  html body .game-toast{
    width:calc(100vw - 1.5rem)!important;
    max-width:none!important;
    right:.75rem!important;
    left:.75rem!important;
    top:.75rem!important;
    padding:.8rem .9rem!important;
  }

  html body .game-toast-text{
    white-space:normal!important;
  }
}

/* V125 CART LINE + QUICK CART ACTION POLISH */
html body .mini-cart-item{
  grid-template-columns:72px minmax(0, 1fr) auto!important;
  gap:.9rem!important;
  align-items:center!important;
  padding:.95rem!important;
  border-radius:1.15rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.08), transparent 34%),
    rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

html body .mini-cart-info{
  min-width:0!important;
}

html body .mini-cart-info strong{
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

html body .mini-cart-actions{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:.65rem!important;
}

html body .mini-cart-actions span{
  color:#a5f3fc!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body .mini-remove,
html body .cart-line-remove,
html body .review-delete-btn,
html body .cart-remove-mobile{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(248,113,113,.35)!important;
  color:#fb7185!important;
  background:
    radial-gradient(circle at 30% 20%, rgba(248,113,113,.18), transparent 44%),
    rgba(127,29,29,.20)!important;
  box-shadow:0 12px 26px rgba(127,29,29,.16)!important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, color .18s ease!important;
}

html body .mini-remove:hover,
html body .cart-line-remove:hover,
html body .review-delete-btn:hover,
html body .cart-remove-mobile:hover{
  transform:translateY(-2px)!important;
  color:#fff!important;
  border-color:rgba(248,113,113,.70)!important;
  background:linear-gradient(135deg, rgba(244,63,94,.88), rgba(239,68,68,.72))!important;
}

html body .mini-remove i,
html body .cart-line-remove i,
html body .review-delete-btn i,
html body .cart-remove-mobile i{
  font-size:1rem!important;
  line-height:1!important;
}

html body #cartDynamicList{
  display:grid!important;
  gap:1rem!important;
}

html body .cart-dynamic-item{
  display:grid!important;
  grid-template-columns:104px minmax(190px, 1fr) 156px minmax(110px, auto) 44px!important;
  align-items:center!important;
  gap:1rem!important;
  padding:1rem!important;
  border-radius:1.25rem!important;
  background:
    radial-gradient(circle at top right, rgba(0,229,255,.10), transparent 35%),
    linear-gradient(135deg, rgba(17,21,46,.94), rgba(7,10,24,.96))!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 16px 42px rgba(0,0,0,.16)!important;
}

html body .cart-dynamic-item img{
  width:104px!important;
  height:82px!important;
  object-fit:cover!important;
  border-radius:1rem!important;
  border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 14px 36px rgba(0,0,0,.22)!important;
}

html body .cart-dynamic-info{
  min-width:0!important;
}

html body .cart-dynamic-item h4{
  margin:0 0 .25rem!important;
  color:#fff!important;
  font-size:1.1rem!important;
  font-weight:950!important;
  line-height:1.2!important;
}

html body .cart-dynamic-item p{
  margin:0!important;
  color:#9fb2c7!important;
  font-size:.92rem!important;
  font-weight:700!important;
}

html body .cart-qty-control{
  height:48px!important;
  display:grid!important;
  grid-template-columns:42px minmax(48px, 1fr) 42px!important;
  align-items:center!important;
  overflow:hidden!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

html body .cart-qty-control button{
  width:42px!important;
  height:48px!important;
  border:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#dff8ff!important;
  background:transparent!important;
  transition:background .18s ease, color .18s ease!important;
}

html body .cart-qty-control button:hover{
  color:#06101f!important;
  background:linear-gradient(135deg,var(--cyan),var(--purple))!important;
}

html body .cart-qty-control input{
  width:100%!important;
  height:48px!important;
  border:0!important;
  padding:0!important;
  text-align:center!important;
  color:#fff!important;
  background:transparent!important;
  font-size:1rem!important;
  font-weight:950!important;
  outline:none!important;
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}

html body .cart-qty-control input::-webkit-outer-spin-button,
html body .cart-qty-control input::-webkit-inner-spin-button{
  margin:0!important;
  -webkit-appearance:none!important;
}

html body .cart-dynamic-item .price{
  margin:0!important;
  justify-self:end!important;
  color:#14f195!important;
  font-size:1.35rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
  text-shadow:0 0 18px rgba(20,241,149,.16)!important;
}

html body .cart-line-remove{
  justify-self:end!important;
}

html body .profile-card:has(#cartDynamicList){
  overflow:hidden!important;
}

html body.light-mode .mini-cart-item,
html body.light-mode .cart-dynamic-item{
  background:#ffffff!important;
  border-color:rgba(15,23,42,.10)!important;
  box-shadow:0 16px 42px rgba(15,23,42,.08)!important;
}

html body.light-mode .cart-dynamic-item h4,
html body.light-mode .mini-cart-info strong{
  color:#0f172a!important;
}

html body.light-mode .cart-dynamic-item p,
html body.light-mode .mini-cart-info p{
  color:#64748b!important;
}

html body.light-mode .cart-qty-control{
  background:#f8fafc!important;
  border-color:rgba(15,23,42,.12)!important;
}

html body.light-mode .cart-qty-control input{
  color:#0f172a!important;
}

html body.light-mode .cart-qty-control button{
  color:#0f172a!important;
}

@media(max-width:991.98px){
  html body .cart-dynamic-item{
    grid-template-columns:88px minmax(0, 1fr) auto!important;
    gap:.9rem!important;
  }

  html body .cart-dynamic-item img{
    width:88px!important;
    height:72px!important;
  }

  html body .cart-qty-control{
    grid-column:2 / 3!important;
    width:150px!important;
  }

  html body .cart-dynamic-item .price{
    grid-column:3 / 4!important;
    grid-row:1 / 2!important;
  }

  html body .cart-line-remove{
    grid-column:3 / 4!important;
    grid-row:2 / 3!important;
  }
}

@media(max-width:575.98px){
  html body .mini-cart-item{
    grid-template-columns:64px minmax(0, 1fr) auto!important;
    padding:.85rem!important;
  }

  html body .mini-cart-item img{
    width:64px!important;
    height:56px!important;
    border-radius:.9rem!important;
  }

  html body .mini-cart-actions{
    gap:.5rem!important;
  }

  html body .mini-remove,
  html body .cart-line-remove,
  html body .review-delete-btn,
  html body .cart-remove-mobile{
    width:38px!important;
    height:38px!important;
    min-width:38px!important;
  }

  html body .cart-dynamic-item{
    grid-template-columns:72px minmax(0, 1fr) auto!important;
    padding:.85rem!important;
    border-radius:1.05rem!important;
  }

  html body .cart-dynamic-item img{
    width:72px!important;
    height:64px!important;
  }

  html body .cart-dynamic-item h4{
    font-size:1rem!important;
  }

  html body .cart-dynamic-item p{
    font-size:.82rem!important;
  }

  html body .cart-qty-control{
    grid-column:1 / 3!important;
    width:146px!important;
    height:44px!important;
  }

  html body .cart-qty-control button,
  html body .cart-qty-control input{
    height:44px!important;
  }

  html body .cart-dynamic-item .price{
    grid-column:2 / 3!important;
    grid-row:2 / 3!important;
    justify-self:end!important;
    font-size:1.08rem!important;
  }

  html body .cart-line-remove{
    grid-column:3 / 4!important;
    grid-row:1 / 3!important;
    align-self:center!important;
  }
}

/* V114 CENTRAL FILTER TOOLBAR */
html body .list-control-bar,
html body .user-filter-bar,
html body .users-toolbar-fixed,
html body .user-list-toolbar{
  position:relative!important;
  width:100%!important;
  margin:0 auto 1.75rem!important;
  padding:1.15rem!important;
  border-radius:1.45rem!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    linear-gradient(135deg,rgba(124,58,237,.14),rgba(0,212,255,.11))!important;
  border:1px solid rgba(148,163,184,.18)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(18px)!important;
}

html body .list-control-bar::before,
html body .user-filter-bar::before,
html body .users-toolbar-fixed::before,
html body .user-list-toolbar::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(124,58,237,.18),transparent 34%),
    radial-gradient(circle at 100% 20%,rgba(0,212,255,.14),transparent 38%)!important;
}

html body .list-control-bar > *,
html body .user-filter-bar > *,
html body .users-toolbar-fixed > *,
html body .user-list-toolbar > *{
  position:relative!important;
  z-index:1!important;
}

html body .list-control-bar .row,
html body .user-filter-bar .row,
html body .users-toolbar-fixed .row,
html body .user-list-toolbar .row{
  display:grid!important;
  grid-template-columns:minmax(260px,1.25fr) 142px 92px minmax(230px,1fr)!important;
  gap:.85rem!important;
  align-items:center!important;
  margin:0!important;
}

html body .list-control-bar .row > *,
html body .user-filter-bar .row > *,
html body .users-toolbar-fixed .row > *,
html body .user-list-toolbar .row > *{
  width:100%!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:0!important;
}

html body .list-control-bar .form-control,
html body .list-control-bar .form-select,
html body .user-filter-bar .form-control,
html body .user-filter-bar .form-select,
html body .users-toolbar-fixed .form-control,
html body .users-toolbar-fixed .form-select,
html body .user-list-toolbar .form-control,
html body .user-list-toolbar .form-select{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  padding:.8rem 1.05rem!important;
  border-radius:1rem!important;
  color:#f8fafc!important;
  background:rgba(15,23,42,.52)!important;
  border:1px solid rgba(148,163,184,.20)!important;
  box-shadow:none!important;
  font-size:.95rem!important;
  font-weight:850!important;
  outline:none!important;
}

html body .list-control-bar .form-control::placeholder,
html body .user-filter-bar .form-control::placeholder,
html body .users-toolbar-fixed .form-control::placeholder,
html body .user-list-toolbar .form-control::placeholder{
  color:#91a1b8!important;
  opacity:1!important;
}

html body .list-control-bar .form-control:focus,
html body .list-control-bar .form-select:focus,
html body .user-filter-bar .form-control:focus,
html body .user-filter-bar .form-select:focus,
html body .users-toolbar-fixed .form-control:focus,
html body .users-toolbar-fixed .form-select:focus,
html body .user-list-toolbar .form-control:focus,
html body .user-list-toolbar .form-select:focus{
  border-color:rgba(0,212,255,.55)!important;
  box-shadow:0 0 0 4px rgba(0,212,255,.10)!important;
}

html body .list-control-bar .filter-open-btn,
html body .user-filter-bar [data-user-filter-toggle],
html body .users-toolbar-fixed [data-user-filter-toggle],
html body .user-list-toolbar [data-user-filter-toggle]{
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  padding:0 1rem!important;
  border-radius:1rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.55rem!important;
  color:#06101f!important;
  background:linear-gradient(135deg,#22d3ee 0%,#6d5dfc 100%)!important;
  border:0!important;
  box-shadow:0 16px 36px rgba(0,212,255,.16)!important;
  font-size:.95rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body .list-control-bar .filter-open-btn:hover,
html body .user-filter-bar [data-user-filter-toggle]:hover,
html body .users-toolbar-fixed [data-user-filter-toggle]:hover,
html body .user-list-toolbar [data-user-filter-toggle]:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 18px 42px rgba(109,93,252,.24)!important;
}

html body .list-control-bar .product-count,
html body .users-toolbar-fixed .product-count,
html body .user-list-toolbar .product-count,
html body .user-filter-bar .user-filter-meta{
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:42px!important;
  padding:.62rem .95rem!important;
  margin:.15rem 0 0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.85rem!important;
  justify-self:start!important;
  border-radius:1rem!important;
  color:#dbeafe!important;
  background:linear-gradient(135deg,rgba(0,212,255,.14),rgba(124,58,237,.08))!important;
  border:1px solid rgba(0,212,255,.20)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:.92rem!important;
  font-weight:850!important;
  white-space:normal!important;
}

html body .list-control-bar .product-count strong,
html body .users-toolbar-fixed .product-count strong,
html body .user-list-toolbar .product-count strong,
html body .user-filter-bar .user-filter-meta strong{
  color:#67e8f9!important;
  font-size:.98rem!important;
  font-weight:950!important;
  white-space:nowrap!important;
}

html body .list-control-bar .product-count span,
html body .users-toolbar-fixed .product-count span,
html body .user-list-toolbar .product-count span,
html body .user-filter-bar .user-filter-meta span{
  color:#cbd5e1!important;
  font-size:.88rem!important;
  font-weight:800!important;
  white-space:nowrap!important;
}

html body .user-date-filter-panel{
  margin-top:1rem!important;
  padding:1rem!important;
  border-radius:1.1rem!important;
  background:rgba(15,23,42,.48)!important;
  border:1px solid rgba(148,163,184,.16)!important;
}

html body .user-date-filter-panel .row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(180px,1fr)) auto auto!important;
  gap:.85rem!important;
  align-items:end!important;
}

html body .user-date-filter-panel .btn{
  min-height:48px!important;
  border-radius:1rem!important;
  font-weight:900!important;
}

html body.light-mode .list-control-bar,
html body.light-mode .user-filter-bar,
html body.light-mode .users-toolbar-fixed,
html body.light-mode .user-list-toolbar{
  background:
    linear-gradient(135deg,rgba(255,255,255,.94),rgba(239,246,255,.90)),
    linear-gradient(135deg,rgba(14,165,233,.10),rgba(99,102,241,.07))!important;
  border-color:rgba(14,165,233,.15)!important;
  box-shadow:0 22px 60px rgba(15,23,42,.09)!important;
}

html body.light-mode .list-control-bar .form-control,
html body.light-mode .list-control-bar .form-select,
html body.light-mode .user-filter-bar .form-control,
html body.light-mode .user-filter-bar .form-select,
html body.light-mode .users-toolbar-fixed .form-control,
html body.light-mode .users-toolbar-fixed .form-select,
html body.light-mode .user-list-toolbar .form-control,
html body.light-mode .user-list-toolbar .form-select{
  color:#0f172a!important;
  background:#fff!important;
  border-color:rgba(15,23,42,.10)!important;
}

html body.light-mode .list-control-bar .form-control::placeholder,
html body.light-mode .user-filter-bar .form-control::placeholder,
html body.light-mode .users-toolbar-fixed .form-control::placeholder,
html body.light-mode .user-list-toolbar .form-control::placeholder{
  color:#64748b!important;
}

html body.light-mode .list-control-bar .product-count,
html body.light-mode .users-toolbar-fixed .product-count,
html body.light-mode .user-list-toolbar .product-count,
html body.light-mode .user-filter-bar .user-filter-meta{
  color:#334155!important;
  background:#e0f7ff!important;
  border-color:rgba(14,165,233,.18)!important;
}

html body.light-mode .list-control-bar .product-count strong,
html body.light-mode .users-toolbar-fixed .product-count strong,
html body.light-mode .user-list-toolbar .product-count strong,
html body.light-mode .user-filter-bar .user-filter-meta strong{
  color:#0284c7!important;
}

html body.light-mode .list-control-bar .product-count span,
html body.light-mode .users-toolbar-fixed .product-count span,
html body.light-mode .user-list-toolbar .product-count span,
html body.light-mode .user-filter-bar .user-filter-meta span{
  color:#475569!important;
}

html body.light-mode .user-date-filter-panel{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(15,23,42,.10)!important;
}

@media(max-width:1199.98px){
  html body .list-control-bar .row,
  html body .user-filter-bar .row,
  html body .users-toolbar-fixed .row,
  html body .user-list-toolbar .row{
    grid-template-columns:minmax(220px,1fr) 136px 86px minmax(210px,.9fr)!important;
  }
}

@media(max-width:991.98px){
  html body .list-control-bar .row,
  html body .user-filter-bar .row,
  html body .users-toolbar-fixed .row,
  html body .user-list-toolbar .row{
    grid-template-columns:1fr 136px!important;
  }

  html body .list-control-bar .row > :nth-child(1),
  html body .user-filter-bar .row > :nth-child(1),
  html body .users-toolbar-fixed .row > :nth-child(1),
  html body .user-list-toolbar .row > :nth-child(1){
    grid-column:1 / -1!important;
  }

  html body .list-control-bar .row > :nth-child(3),
  html body .user-filter-bar .row > :nth-child(3),
  html body .users-toolbar-fixed .row > :nth-child(3),
  html body .user-list-toolbar .row > :nth-child(3){
    grid-column:1 / 2!important;
  }

  html body .list-control-bar .row > :nth-child(4),
  html body .user-filter-bar .row > :nth-child(4),
  html body .users-toolbar-fixed .row > :nth-child(4),
  html body .user-list-toolbar .row > :nth-child(4){
    grid-column:1 / -1!important;
  }

  html body .user-date-filter-panel .row{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:767.98px){
  html body .list-control-bar,
  html body .user-filter-bar,
  html body .users-toolbar-fixed,
  html body .user-list-toolbar{
    padding:1rem!important;
    border-radius:1.25rem!important;
  }

  html body .list-control-bar .row,
  html body .user-filter-bar .row,
  html body .users-toolbar-fixed .row,
  html body .user-list-toolbar .row{
    grid-template-columns:1fr!important;
    gap:.72rem!important;
  }

  html body .list-control-bar .row > *,
  html body .user-filter-bar .row > *,
  html body .users-toolbar-fixed .row > *,
  html body .user-list-toolbar .row > *{
    grid-column:1 / -1!important;
  }

  html body .list-control-bar .form-control,
  html body .list-control-bar .form-select,
  html body .user-filter-bar .form-control,
  html body .user-filter-bar .form-select,
  html body .users-toolbar-fixed .form-control,
  html body .users-toolbar-fixed .form-select,
  html body .user-list-toolbar .form-control,
  html body .user-list-toolbar .form-select,
  html body .list-control-bar .filter-open-btn,
  html body .user-filter-bar [data-user-filter-toggle],
  html body .users-toolbar-fixed [data-user-filter-toggle],
  html body .user-list-toolbar [data-user-filter-toggle]{
    height:50px!important;
    min-height:50px!important;
    border-radius:.95rem!important;
  }

  html body .list-control-bar .row > :nth-child(3),
  html body .user-filter-bar .row > :nth-child(3),
  html body .users-toolbar-fixed .row > :nth-child(3),
  html body .user-list-toolbar .row > :nth-child(3){
    display:grid!important;
    grid-template-columns:minmax(120px,1fr) minmax(116px,1fr)!important;
    align-items:center!important;
    gap:.7rem!important;
    padding:.55rem .7rem!important;
    min-height:52px!important;
    border-radius:1rem!important;
    background:rgba(15,23,42,.38)!important;
    border:1px solid rgba(148,163,184,.16)!important;
  }

  html body .list-control-bar .row > :nth-child(3)::before,
  html body .user-filter-bar .row > :nth-child(3)::before,
  html body .users-toolbar-fixed .row > :nth-child(3)::before,
  html body .user-list-toolbar .row > :nth-child(3)::before{
    content:"Sayfa boyutu"!important;
    color:#cbd5e1!important;
    font-size:.85rem!important;
    font-weight:900!important;
  }

  html body .list-control-bar .row > :nth-child(3) .form-select,
  html body .user-filter-bar .row > :nth-child(3) .form-select,
  html body .users-toolbar-fixed .row > :nth-child(3) .form-select,
  html body .user-list-toolbar .row > :nth-child(3) .form-select{
    height:42px!important;
    min-height:42px!important;
    padding:.5rem .9rem!important;
    border-radius:.8rem!important;
  }

  html body .list-control-bar .product-count,
  html body .users-toolbar-fixed .product-count,
  html body .user-list-toolbar .product-count,
  html body .user-filter-bar .user-filter-meta{
    width:100%!important;
    min-height:48px!important;
    justify-content:space-between!important;
    gap:.6rem!important;
  }

  html body.light-mode .list-control-bar .row > :nth-child(3),
  html body.light-mode .user-filter-bar .row > :nth-child(3),
  html body.light-mode .users-toolbar-fixed .row > :nth-child(3),
  html body.light-mode .user-list-toolbar .row > :nth-child(3){
    background:#f8fafc!important;
    border-color:rgba(15,23,42,.10)!important;
  }

  html body.light-mode .list-control-bar .row > :nth-child(3)::before,
  html body.light-mode .user-filter-bar .row > :nth-child(3)::before,
  html body.light-mode .users-toolbar-fixed .row > :nth-child(3)::before,
  html body.light-mode .user-list-toolbar .row > :nth-child(3)::before{
    color:#475569!important;
  }

  html body .user-date-filter-panel{
    padding:.85rem!important;
    border-radius:1rem!important;
  }

  html body .user-date-filter-panel .row{
    grid-template-columns:1fr!important;
  }

  html body .user-date-filter-panel .btn{
    width:100%!important;
  }
}

/* V119 TRUE FINAL RESPONSIVE GUARDS */
html,
body{
  max-width:100%!important;
  overflow-x:hidden!important;
}

html body *,
html body *::before,
html body *::after{
  box-sizing:border-box;
}

html body img,
html body svg,
html body video,
html body canvas{
  max-width:100%;
}

html body .container,
html body .container-fluid{
  min-width:0!important;
}

html body .row{
  min-width:0!important;
}

html body [class*="col-"]{
  min-width:0!important;
}

/* The real final filter order: keep result counters on their own readable row. */
html body .list-control-bar > .row,
html body .user-filter-bar > .row,
html body .users-toolbar-fixed > .row,
html body .user-list-toolbar > .row{
  display:grid!important;
  grid-template-columns:minmax(260px,1.3fr) minmax(130px,.42fr) minmax(86px,.24fr) minmax(230px,1fr)!important;
  gap:.85rem!important;
  align-items:center!important;
  width:100%!important;
  margin:0!important;
}

html body .list-control-bar > .row > *,
html body .user-filter-bar > .row > *,
html body .users-toolbar-fixed > .row > *,
html body .user-list-toolbar > .row > *{
  width:100%!important;
  max-width:none!important;
  flex:0 0 auto!important;
  padding:0!important;
}

html body .list-control-bar > .row > *:has(.product-count),
html body .user-filter-bar > .row > *:has(.user-filter-meta),
html body .users-toolbar-fixed > .row > *:has(.product-count),
html body .user-list-toolbar > .row > *:has(.product-count){
  grid-column:1 / -1!important;
  width:max-content!important;
  max-width:100%!important;
  justify-self:start!important;
}

html body .list-control-bar .product-count,
html body .user-filter-bar .user-filter-meta,
html body .users-toolbar-fixed .product-count,
html body .user-list-toolbar .product-count,
html body .user-list-count{
  width:max-content!important;
  max-width:100%!important;
  min-width:0!important;
  min-height:42px!important;
  margin:.1rem 0 0!important;
  padding:.62rem .95rem!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.85rem!important;
  overflow:hidden!important;
  border-radius:1rem!important;
  white-space:normal!important;
}

html body .list-control-bar .product-count strong,
html body .user-filter-bar .user-filter-meta strong,
html body .users-toolbar-fixed .product-count strong,
html body .user-list-toolbar .product-count strong,
html body .user-list-count strong,
html body .list-control-bar .product-count span,
html body .user-filter-bar .user-filter-meta span,
html body .users-toolbar-fixed .product-count span,
html body .user-list-toolbar .product-count span,
html body .user-list-count span{
  min-width:0!important;
  max-width:100%!important;
  white-space:nowrap!important;
}

@media(max-width:1199.98px){
  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:minmax(220px,1fr) 136px 88px minmax(210px,.9fr)!important;
  }
}

@media(max-width:991.98px){
  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:1fr 136px!important;
  }

  html body .list-control-bar > .row > :first-child,
  html body .list-control-bar > .row > :nth-child(4),
  html body .list-control-bar > .row > *:has(.product-count),
  html body .user-filter-bar > .row > :first-child,
  html body .user-filter-bar > .row > :nth-child(4),
  html body .user-filter-bar > .row > *:has(.user-filter-meta),
  html body .users-toolbar-fixed > .row > :first-child,
  html body .users-toolbar-fixed > .row > :nth-child(4),
  html body .users-toolbar-fixed > .row > *:has(.product-count),
  html body .user-list-toolbar > .row > :first-child,
  html body .user-list-toolbar > .row > :nth-child(4),
  html body .user-list-toolbar > .row > *:has(.product-count){
    grid-column:1 / -1!important;
  }
}

@media(max-width:767.98px){
  html body{
    padding-bottom:calc(68px + env(safe-area-inset-bottom, 0px))!important;
  }

  html body .list-control-bar,
  html body .user-filter-bar,
  html body .users-toolbar-fixed,
  html body .user-list-toolbar{
    margin-bottom:1.15rem!important;
    padding:1rem!important;
    border-radius:1.25rem!important;
  }

  html body .list-control-bar > .row,
  html body .user-filter-bar > .row,
  html body .users-toolbar-fixed > .row,
  html body .user-list-toolbar > .row{
    grid-template-columns:1fr!important;
    gap:.72rem!important;
  }

  html body .list-control-bar > .row > *,
  html body .user-filter-bar > .row > *,
  html body .users-toolbar-fixed > .row > *,
  html body .user-list-toolbar > .row > *{
    grid-column:1 / -1!important;
  }

  html body .list-control-bar > .row > :nth-child(3),
  html body .user-filter-bar > .row > :nth-child(3),
  html body .users-toolbar-fixed > .row > :nth-child(3),
  html body .user-list-toolbar > .row > :nth-child(3){
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(96px,.55fr)!important;
    align-items:center!important;
    gap:.65rem!important;
  }

  html body .list-control-bar .product-count,
  html body .user-filter-bar .user-filter-meta,
  html body .users-toolbar-fixed .product-count,
  html body .user-list-toolbar .product-count,
  html body .user-list-count{
    width:100%!important;
    min-height:48px!important;
    justify-content:space-between!important;
    gap:.6rem!important;
  }

  html body .pwa-install-banner{
    left:.75rem!important;
    right:.75rem!important;
    bottom:calc(5.4rem + env(safe-area-inset-bottom, 0px))!important;
    width:auto!important;
    max-width:none!important;
    transform:translateY(140%)!important;
    z-index:19990!important;
  }

  html body .pwa-install-banner.show{
    transform:translateY(0)!important;
  }

  html body .validation-toast,
  html body .game-toast{
    top:.75rem!important;
    right:.75rem!important;
    left:.75rem!important;
    width:auto!important;
    max-width:none!important;
  }

  html body .auth-section{
    padding:4.5rem 0 6rem!important;
  }

  html body .auth-section .container{
    width:min(100% - 1rem, 720px)!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  html body .auth-card{
    border-radius:1.25rem!important;
    overflow:hidden!important;
  }

  html body .auth-card .p-5{
    padding:1.25rem!important;
  }

  html body .language-switcher{
    max-width:calc(100vw - 1rem)!important;
  }

  html body .mobile-bottom-nav{
    height:calc(68px + env(safe-area-inset-bottom, 0px))!important;
    padding-bottom:env(safe-area-inset-bottom, 0px)!important;
  }
}

@media(max-width:420px){
  html body .mobile-bottom-nav a{
    font-size:.62rem!important;
    gap:.12rem!important;
  }

  html body .mobile-bottom-nav i{
    font-size:1.08rem!important;
  }

  html body .mobile-nav-count,
  html body .mobile-cart-count{
    top:.34rem!important;
    right:calc(50% - 1.22rem)!important;
  }
}

/* V120 TABLET FLOATING SAFE ZONE */
@media(min-width:768px) and (max-width:991.98px){
  html body #globalScrollTopBtn,
  html body #scrollTopBtn,
  html body .scroll-top-btn,
  html body .back-to-top,
  html body .scroll-to-top{
    position:fixed!important;
    right:1.1rem!important;
    bottom:calc(10.35rem + env(safe-area-inset-bottom, 0px))!important;
    top:auto!important;
    left:auto!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:1.1rem!important;
    z-index:22002!important;
    transform:none!important;
  }

  html body #liveChatToggle,
  html body .live-chat-toggle,
  html body .chat-toggle,
  html body .support-chat-button{
    position:fixed!important;
    right:1.1rem!important;
    bottom:calc(6.8rem + env(safe-area-inset-bottom, 0px))!important;
    top:auto!important;
    left:auto!important;
    width:52px!important;
    height:52px!important;
    min-width:52px!important;
    min-height:52px!important;
    border-radius:1.1rem!important;
    z-index:22001!important;
    transform:none!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body .live-chat-window{
    right:1rem!important;
    left:auto!important;
    bottom:calc(10.6rem + env(safe-area-inset-bottom, 0px))!important;
    width:min(380px, calc(100vw - 2rem))!important;
    max-height:calc(100vh - 12rem)!important;
  }
}

@media(max-width:767.98px){
  html body #globalScrollTopBtn,
  html body #scrollTopBtn,
  html body .scroll-top-btn,
  html body .back-to-top,
  html body .scroll-to-top{
    bottom:calc(10.25rem + env(safe-area-inset-bottom, 0px))!important;
    z-index:22002!important;
  }

  html body #liveChatToggle,
  html body .live-chat-toggle,
  html body .chat-toggle,
  html body .support-chat-button{
    bottom:calc(6.75rem + env(safe-area-inset-bottom, 0px))!important;
    z-index:22001!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body .live-chat-window{
    bottom:calc(1rem + env(safe-area-inset-bottom, 0px))!important;
  }
}

/* V121 MINI CART FLOATING CONFLICT GUARD */
html body.mini-cart-open #globalScrollTopBtn,
html body.mini-cart-open #scrollTopBtn,
html body.mini-cart-open .scroll-top-btn,
html body.mini-cart-open .back-to-top,
html body.mini-cart-open .scroll-to-top,
html body.mini-cart-open #liveChatToggle,
html body.mini-cart-open .live-chat-toggle,
html body.mini-cart-open .chat-toggle,
html body.mini-cart-open .support-chat-button,
html body.mini-cart-open .keynova-fab-cluster{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:scale(.86)!important;
}

html body.mini-cart-open .live-chat-window{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}

/* V122 PRODUCT DETAIL ACTIONS */
html body .product-detail-actions{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:.75rem!important;
}

html body .product-detail-actions .btn{
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
}

html body .product-detail-wishlist{
  color:#f8fafc!important;
  border-color:rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.055)!important;
}

html body .product-detail-wishlist:hover,
html body .product-detail-wishlist.active{
  color:#fff!important;
  border-color:rgba(255,62,165,.45)!important;
  background:
    radial-gradient(circle at 20% 20%,rgba(255,255,255,.22),transparent 32%),
    linear-gradient(135deg,#ff3ea5,#8b5cf6)!important;
  box-shadow:0 18px 42px rgba(255,62,165,.22)!important;
}

html body .product-detail-wishlist.active i{
  color:#fff!important;
}

html body.light-mode .product-detail-wishlist{
  color:#0f172a!important;
  border-color:rgba(15,23,42,.12)!important;
  background:#fff!important;
}

html body.light-mode .product-detail-wishlist:hover,
html body.light-mode .product-detail-wishlist.active{
  color:#fff!important;
  border-color:rgba(255,62,165,.35)!important;
  background:linear-gradient(135deg,#ff3ea5,#7c3aed)!important;
}

@media(max-width:575.98px){
  html body .product-detail-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  html body .product-detail-actions .btn{
    width:100%!important;
  }
}