:root{
  --bg:#040914;
  --bg2:#071a3a;
  --bg3:#0a1630;
  --card:rgba(255,255,255,.06);
  --card2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.12);
  --text:#fff;
  --muted:#bfd0ef;
  --blue:#2f8cff;
  --cyan:#44e7ff;
  --green:#31e68a;
  --gold:#ffd166;
  --shadow:0 20px 60px rgba(0,0,0,.35);
  --radius:24px;
  --radius-lg:34px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Tahoma, Arial, sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 0%, rgba(68,231,255,.18), transparent 30%),
    radial-gradient(circle at 85% 10%, rgba(47,140,255,.18), transparent 28%),
    linear-gradient(180deg, #040914, #020711 75%);
  line-height:1.75;
  overflow-x:hidden;
}

body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom, rgba(0,0,0,.55), transparent 85%);
  z-index:-1;
}

a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{width:min(1180px, calc(100% - 32px)); margin:auto}

.nav{
  position:sticky;
  top:0;
  z-index:100;
  backdrop-filter:blur(18px);
  background:rgba(3,9,20,.82);
  border-bottom:1px solid var(--line);
}
.nav-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:12px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
  font-weight:900;
}

.brand-logo{
  width:50px;
  height:50px;
  border-radius:16px;
  object-fit:cover;
  border:1px solid rgba(68,231,255,.45);
  box-shadow:0 0 30px rgba(68,231,255,.22);
  background:#0a1833;
  flex:0 0 auto;
}

.brand-text{
  white-space:nowrap;
  font-size:22px;
  letter-spacing:.3px;
}

.nav-links{
  display:flex;
  align-items:center;
  gap:18px;
  color:var(--muted);
  font-size:14px;
  flex-wrap:wrap;
  justify-content:center;
}
.nav-links a:hover{color:#fff}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 20px;
  border-radius:999px;
  border:1px solid transparent;
  cursor:pointer;
  white-space:nowrap;
  font-weight:900;
  transition:.2s ease;
  text-align:center;
}

.btn-primary{
  background:linear-gradient(135deg, var(--blue), var(--cyan));
  color:#031022;
  box-shadow:0 14px 34px rgba(47,140,255,.3);
}
.btn-primary:hover{transform:translateY(-2px); box-shadow:0 18px 42px rgba(68,231,255,.38)}

.btn-outline{
  background:rgba(255,255,255,.06);
  border-color:var(--line);
  color:#fff;
}
.btn-outline:hover{background:rgba(255,255,255,.11); transform:translateY(-2px)}

.btn-small{
  width:100%;
  padding:11px 14px;
  font-size:13px;
}

.hero{
  padding:72px 0 48px;
  position:relative;
  overflow:hidden;
}

.hero-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:center;
}

.badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:var(--muted);
  font-size:14px;
  margin-bottom:18px;
}

.pulse{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 0 8px rgba(49,230,138,.12);
}

h1{
  margin:0 0 16px;
  font-size:clamp(34px, 6vw, 66px);
  line-height:1.12;
  letter-spacing:-1.4px;
}

.gradient-text{
  background:linear-gradient(135deg, #fff, var(--cyan), var(--blue));
  -webkit-background-clip:text;
  color:transparent;
}

.hero p{
  margin:0 0 28px;
  color:var(--muted);
  font-size:18px;
  max-width:640px;
}

.actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:22px;
}

.micro-trust{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  color:var(--muted);
  font-size:14px;
}

.hero-visual{
  position:relative;
  padding:16px;
  border-radius:34px;
  border:1px solid var(--line);
  background:
    radial-gradient(circle at 50% 28%, rgba(68,231,255,.18), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  box-shadow:var(--shadow);
  overflow:hidden;
}

.hero-visual::before{
  content:"";
  position:absolute;
  inset:-40%;
  background:conic-gradient(from 0deg, transparent, rgba(68,231,255,.12), transparent 30%);
  animation:spin 11s linear infinite;
  pointer-events:none;
}

.hero-card{
  position:relative;
  min-height:520px;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.1);
  background:
    radial-gradient(circle at center, rgba(47,140,255,.20), rgba(2,7,17,.95) 70%);
  display:grid;
  place-items:center;
  padding:22px;
  isolation:isolate;
}

.hero-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 18%, rgba(68,231,255,.12), transparent 24%),
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 35%, rgba(255,255,255,.02));
  pointer-events:none;
}

.mascot-wrap{
  position:relative;
  width:100%;
  max-width:480px;
  animation:floatY 4.8s ease-in-out infinite;
  z-index:2;
}

.mascot-wrap::before{
  content:"";
  position:absolute;
  inset:6% 8% 14%;
  border-radius:28px;
  background:radial-gradient(circle, rgba(68,231,255,.22), transparent 60%);
  filter:blur(25px);
  z-index:-1;
}

.main-hero-image{
  width:100%;
  height:420px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 0 45px rgba(68,231,255,.24));
}

.floating-profile{
  position:absolute;
  right:18px;
  left:18px;
  bottom:18px;
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:rgba(3,9,20,.72);
  backdrop-filter:blur(14px);
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  z-index:3;
  animation:softGlow 3s ease-in-out infinite;
}

.floating-profile img{
  width:66px;
  height:66px;
  border-radius:18px;
  object-fit:cover;
  border:1px solid rgba(68,231,255,.4);
  flex:0 0 auto;
}

.floating-profile b{
  display:block;
  font-size:26px;
  line-height:1.15;
}

.floating-profile small{
  color:var(--muted);
  font-size:14px;
}

section{padding:56px 0}
.section-head{text-align:center;margin-bottom:28px}
.section-head h2{
  margin:0 0 8px;
  font-size:clamp(28px, 4vw, 42px);
  line-height:1.2;
}
.section-head p{
  margin:0 auto;
  color:var(--muted);
  max-width:760px;
}

.stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:28px;
}

.stat{
  background:rgba(255,255,255,.055);
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  text-align:center;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
}

.stat b{
  display:block;
  font-size:28px;
  color:var(--cyan);
  line-height:1.1;
  margin-bottom:4px;
}

.stat span{
  font-size:14px;
  color:var(--muted);
}

.cards,
.steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.card,
.step{
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  box-shadow:0 12px 35px rgba(0,0,0,.18);
}

.icon{
  width:50px;
  height:50px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(68,231,255,.12);
  border:1px solid rgba(68,231,255,.25);
  font-size:22px;
  margin-bottom:12px;
}

.card h3,
.step h3{
  margin:0 0 8px;
  font-size:20px;
}

.card p,
.step p{
  margin:0;
  font-size:15px;
  color:var(--muted);
}

.steps{counter-reset:step}
.step:before{
  counter-increment:step;
  content:counter(step);
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, var(--blue), var(--cyan));
  color:#031022;
  font-weight:900;
  margin-bottom:12px;
}

.offers{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  gap:18px;
}

.game-card,
.offer-card{
  position:relative;
  overflow:hidden;
  min-height:310px;
  border-radius:28px;
  padding:18px;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),
    linear-gradient(135deg, rgba(47,140,255,.26), rgba(68,231,255,.08));
  box-shadow:0 16px 36px rgba(0,0,0,.18);
  transition:.25s ease;
  display:flex;
  flex-direction:column;
}

.game-card:hover,
.offer-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 48px rgba(0,0,0,.24);
  border-color:rgba(68,231,255,.22);
}

.game-card::before,
.offer-card::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(68,231,255,.12);
  top:-70px;
  left:-70px;
  filter:blur(8px);
}

.game-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  position:relative;
  z-index:1;
  margin-bottom:18px;
}

.game-icon{
  width:58px;
  height:58px;
  border-radius:18px;
  display:grid;
  place-items:center;
  font-size:28px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.15);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}

.game-badge{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(49,230,138,.12);
  color:#9ff3c6;
  border:1px solid rgba(49,230,138,.18);
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.game-card h3,
.offer-card h3{
  margin:0 0 8px;
  font-size:24px;
  position:relative;
  z-index:1;
}

.game-card p,
.offer-card p{
  margin:0 0 16px;
  color:var(--muted);
  font-size:14px;
  position:relative;
  z-index:1;
}

.game-features{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-bottom:16px;
  position:relative;
  z-index:1;
}

.chip{
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
  color:#d7e4fa;
  font-size:12px;
  font-weight:700;
}

.game-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:auto;
  position:relative;
  z-index:1;
}

.page-header{
  padding:58px 0 24px;
}

.breadcrumb{
  color:var(--muted);
  font-size:14px;
  margin-bottom:12px;
}

.breadcrumb a{color:var(--cyan)}

.filters{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:22px;
}

.filter-btn{
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  cursor:pointer;
  font-weight:900;
}

.filter-btn.active{
  background:linear-gradient(135deg, var(--blue), var(--cyan));
  color:#031022;
}

.offers-list{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px,1fr));
  gap:18px;
}

.offer-price{
  font-size:26px;
  font-weight:900;
  color:var(--cyan);
  margin:8px 0 12px;
  position:relative;
  z-index:1;
}

.old-price{
  color:#91a4c8;
  text-decoration:line-through;
  font-size:14px;
  margin-inline-start:8px;
  font-weight:700;
}

.payments{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px,1fr));
  gap:14px;
}

.payment-card{
  border:1px solid var(--line);
  border-radius:24px;
  padding:18px;
  background:rgba(255,255,255,.055);
  min-height:185px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:10px;
  box-shadow:0 12px 28px rgba(0,0,0,.14);
}

.payment-card .pay-icon{
  font-size:30px;
  margin-bottom:8px;
}

.payment-card h3{
  margin:0 0 6px;
  font-size:18px;
}

.payment-card p{
  margin:0;
  color:var(--muted);
  font-size:14px;
}

.payment-number-row{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}

.payment-number{
  direction:ltr;
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(68,231,255,.08);
  border:1px solid rgba(68,231,255,.18);
  color:var(--cyan);
  font-weight:900;
  letter-spacing:.3px;
}

.copy-btn{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.07);
  color:#fff;
  cursor:pointer;
  font-weight:900;
  transition:.2s ease;
}
.copy-btn:hover{background:rgba(255,255,255,.12)}

.payment-note{
  margin-top:18px;
  border:1px solid rgba(255,209,102,.26);
  background:rgba(255,209,102,.08);
  color:#ffe8a1;
  border-radius:18px;
  padding:14px 16px;
  font-size:14px;
}

.slider-wrap{position:relative}

.slider-controls{
  display:flex;
  justify-content:flex-end;
  gap:8px;
  margin-bottom:14px;
}

.slider-btn{
  width:42px;
  height:42px;
  border-radius:14px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  cursor:pointer;
  font-size:18px;
  transition:.2s ease;
}

.slider-btn:hover{
  background:rgba(255,255,255,.12);
  transform:translateY(-2px);
}

.slider{
  display:flex;
  gap:16px;
  overflow-x:auto;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding-bottom:6px;
}

.slider::-webkit-scrollbar{height:8px}
.slider::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.12);
  border-radius:999px;
}

.review-card,
.proof-card{
  scroll-snap-align:start;
  flex:0 0 calc(50% - 8px);
  min-width:calc(50% - 8px);
  border:1px solid var(--line);
  border-radius:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.035));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}

.review-card{
  padding:18px;
}

.stars{
  color:var(--gold);
  letter-spacing:2px;
  font-size:18px;
  margin-bottom:10px;
  direction:ltr;
  text-align:right;
}

.review-card p{
  margin:0 0 14px;
  color:#eaf2ff;
  min-height:72px;
}

.review-user{
  display:flex;
  align-items:center;
  gap:10px;
}

.avatar{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg, var(--blue), var(--cyan));
  color:#031022;
  font-weight:900;
  flex:0 0 auto;
}

.review-user small{
  display:block;
  color:var(--muted);
  font-size:12px;
}

.proof-card{overflow:hidden}

.proof-image{
  aspect-ratio: 16 / 10;
  background:
    linear-gradient(135deg, rgba(47,140,255,.24), rgba(68,231,255,.08)),
    repeating-linear-gradient(45deg, rgba(255,255,255,.04) 0 10px, rgba(255,255,255,.02) 10px 20px);
  display:grid;
  place-items:center;
  color:var(--muted);
  text-align:center;
  padding:18px;
  border-bottom:1px solid var(--line);
  position:relative;
  overflow:hidden;
}

.proof-image::after{
  content:"Verified Proof";
  position:absolute;
  top:14px;
  left:14px;
  background:rgba(49,230,138,.12);
  color:#a6f4cf;
  border:1px solid rgba(49,230,138,.2);
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
}

.proof-content{padding:16px}
.proof-content h3{margin:0 0 6px;font-size:20px}
.proof-content p{margin:0 0 12px;color:var(--muted);font-size:14px}

.proof-meta{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.proof-meta span{
  font-size:12px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#dce7f7;
}

.review-form-wrap{
  margin-top:20px;
  border:1px solid var(--line);
  border-radius:24px;
  padding:22px;
  background:rgba(255,255,255,.05);
  box-shadow:0 12px 30px rgba(0,0,0,.18);
}

.review-form-wrap h3{margin:0 0 10px;font-size:22px}
.review-form-wrap p{margin:0 0 18px;color:var(--muted);font-size:14px}

.review-form{
  display:grid;
  grid-template-columns:1fr 180px;
  gap:12px;
}

.review-form input,
.review-form select,
.review-form textarea{
  width:100%;
  border-radius:16px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.06);
  color:#fff;
  padding:14px;
  outline:none;
}

.review-form select option{color:#031022}
.review-form textarea{
  min-height:120px;
  resize:vertical;
  grid-column:1 / -1;
}

.review-form button{border:none}
.form-note{margin-top:12px;color:var(--muted);font-size:13px}

.faq{
  max-width:860px;
  margin:auto;
  display:grid;
  gap:12px;
}

details{
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.055);
  padding:16px 18px;
}

summary{
  cursor:pointer;
  font-weight:900;
  list-style:none;
}
summary::-webkit-details-marker{display:none}
details p{margin:10px 0 0;color:var(--muted)}

.cta-box{
  border:1px solid var(--line);
  border-radius:34px;
  padding:34px;
  background:
    radial-gradient(circle at 20% 20%, rgba(68,231,255,.16), transparent 26%),
    linear-gradient(135deg, rgba(47,140,255,.22), rgba(255,255,255,.04));
  box-shadow:var(--shadow);
  text-align:center;
}

.cta-box h2{margin:0 0 8px;font-size:clamp(28px, 4vw, 46px)}
.cta-box p{margin:0 auto 22px;max-width:720px;color:var(--muted)}

.footer{
  padding:28px 0 95px;
  border-top:1px solid var(--line);
  color:var(--muted);
  font-size:14px;
  text-align:center;
}

.sticky-contact{
  position:fixed;
  left:16px;
  right:16px;
  bottom:14px;
  z-index:110;
  display:none;
  gap:10px;
  justify-content:center;
  padding:10px;
  border:1px solid var(--line);
  border-radius:999px;
  background:rgba(3,9,20,.84);
  backdrop-filter:blur(18px);
  box-shadow:0 18px 50px rgba(0,0,0,.35);
}

.sticky-contact .btn{
  flex:1;
  padding:12px 14px;
  font-size:14px;
}

@keyframes floatY{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

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

@keyframes softGlow{
  0%,100%{box-shadow:0 12px 28px rgba(0,0,0,.24)}
  50%{box-shadow:0 16px 34px rgba(68,231,255,.12)}
}

@media (max-width: 1080px){
  .hero-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .cards,.steps{grid-template-columns:1fr}
  .main-hero-image{height:360px}
  .review-card,.proof-card{
    flex:0 0 85%;
    min-width:85%;
  }
}

@media (max-width: 860px){
  .nav-inner{
    flex-wrap:wrap;
    justify-content:center;
  }
  .nav-links{display:none}
  .sticky-contact{display:flex}
  .review-form{grid-template-columns:1fr}
}

@media (max-width: 560px){
  .container{width:min(100% - 22px, 1180px)}
  .stats{grid-template-columns:1fr}
  .actions .btn{width:100%}
  .hero{padding-top:44px}
  .hero-card{min-height:430px}
  .main-hero-image{height:260px}
  .floating-profile{
    position:static;
    margin-top:8px;
  }
  .floating-profile b{font-size:20px}
  .game-actions{grid-template-columns:1fr}
  .payment-number-row{
    flex-direction:column;
    align-items:stretch;
  }
  .review-card,.proof-card{
    flex:0 0 100%;
    min-width:100%;
  }
}

/* ===== G2LooT Final CMS Fixes v80 ===== */
.brand-logo{
  width:56px !important;
  height:56px !important;
  display:block !important;
  border-radius:18px !important;
  object-fit:cover !important;
  border:1px solid rgba(68,231,255,.55) !important;
  box-shadow:0 0 22px rgba(255,255,255,.18),0 0 34px rgba(68,231,255,.28) !important;
  background:#071a3a !important;
}
.offer-image{
  width:100% !important;
  height:170px !important;
  border-radius:20px !important;
  overflow:hidden !important;
  margin-bottom:14px !important;
  background:rgba(255,255,255,.06) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}
.offer-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.offer-price{
  direction:ltr !important;
  unicode-bidi:isolate !important;
  display:flex !important;
  align-items:baseline !important;
  justify-content:flex-end !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}
.price-current{
  color:var(--cyan) !important;
  font-size:30px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
.old-price{
  color:#91a4c8 !important;
  font-size:15px !important;
  font-weight:800 !important;
  text-decoration:line-through !important;
  white-space:nowrap !important;
  margin:0 !important;
}
.proof-image{
  aspect-ratio:auto !important;
  height:170px !important;
  padding:0 !important;
  border-radius:18px 18px 0 0 !important;
  overflow:hidden !important;
}
.proof-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.proof-card{min-height:0 !important;}
.slider .proof-card{flex:0 0 min(430px, 86vw) !important;min-width:min(430px,86vw) !important;}
.slider .review-card{flex:0 0 min(390px, 86vw) !important;min-width:min(390px,86vw) !important;}
.cms-loading,.cms-empty{padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.05);color:rgba(255,255,255,.75);text-align:center;}
@media (max-width:640px){
  .brand-logo{width:48px !important;height:48px !important;}
  .price-current{font-size:26px !important;}
  .offer-image,.proof-image{height:145px !important;}
}


/* ===== G2LooT Social Icons Restored ===== */
.social-icons,
.nav-social,
.footer-social .social-icons,
.footer-social-icons {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
}

.nav-social {
  flex: 0 0 auto !important;
  margin-inline: 12px !important;
}

.social-icons a {
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  border-radius: 18px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(255,255,255,.16), rgba(68,231,255,.10)) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  box-shadow:
    0 0 14px rgba(255,255,255,.25),
    0 0 28px rgba(68,231,255,.22),
    inset 0 0 16px rgba(255,255,255,.08) !important;
  text-decoration: none !important;
  transition: .22s ease !important;
}

.social-icons a:hover {
  transform: translateY(-3px) scale(1.06) !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, rgba(68,231,255,.26), rgba(255,255,255,.15)) !important;
  border-color: rgba(68,231,255,.75) !important;
  box-shadow:
    0 0 18px rgba(255,255,255,.45),
    0 0 38px rgba(68,231,255,.45),
    inset 0 0 18px rgba(255,255,255,.12) !important;
}

.social-icons svg {
  width: 27px !important;
  height: 27px !important;
  display: block !important;
  color: #ffffff !important;
  fill: #ffffff !important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.85))
    drop-shadow(0 0 10px rgba(68,231,255,.55)) !important;
}

.social-icons svg path {
  fill: #ffffff !important;
}

.telegram-social svg {
  width: 30px !important;
  height: 30px !important;
  transform: translateX(-1px) rotate(-2deg);
}

.footer-social {
  text-align: center !important;
  padding: 34px 0 16px !important;
  margin-top: 20px !important;
  color: rgba(255,255,255,.78) !important;
}

.footer-social p {
  margin: 0 0 18px !important;
  color: rgba(255,255,255,.78) !important;
  font-weight: 800 !important;
}

.footer-social-icons {
  flex-wrap: wrap !important;
}

@media (max-width: 980px) {
  .nav-inner {
    gap: 12px !important;
  }
  .nav-social {
    order: 4 !important;
    width: 100% !important;
    margin: 10px 0 0 !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
  .nav-social a {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }
}

/* ===== G2LooT Cart Fixed Position + Drawer Restored ===== */
.cart-fab {
  position: fixed !important;
  left: 24px !important;
  bottom: 24px !important;
  width: 66px !important;
  height: 66px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  background: linear-gradient(145deg, rgba(68,231,255,.35), rgba(255,255,255,.14)) !important;
  color: #ffffff !important;
  font-size: 28px !important;
  display: grid !important;
  place-items: center !important;
  cursor: pointer !important;
  z-index: 999999 !important;
  box-shadow:
    0 0 20px rgba(255,255,255,.35),
    0 0 42px rgba(68,231,255,.45) !important;
}

.cart-fab span {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  min-width: 26px !important;
  height: 26px !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #44e7ff !important;
  color: #06111f !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  display: grid !important;
  place-items: center !important;
  border: 2px solid rgba(255,255,255,.8) !important;
}

.cart-overlay {
  position: fixed !important;
  inset: 0 !important;
  background: rgba(0,0,0,.62) !important;
  backdrop-filter: blur(6px) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 999997 !important;
  transition: .22s ease !important;
}

.cart-overlay.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

.cart-drawer {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;
  width: min(430px, 92vw) !important;
  height: 100vh !important;
  background:
    radial-gradient(circle at top, rgba(68,231,255,.14), transparent 35%),
    #07111f !important;
  border-left: 1px solid rgba(255,255,255,.14) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,.45) !important;
  z-index: 999998 !important;
  transform: translateX(105%) !important;
  transition: .25s ease !important;
  padding: 20px !important;
  overflow-y: auto !important;
  color: #fff !important;
  display: block !important;
}

.cart-drawer.active {
  transform: translateX(0) !important;
}

.cart-head {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 18px !important;
}

.cart-head h3 {
  margin: 0 !important;
  font-size: 24px !important;
  color: #fff !important;
}

.cart-head p {
  margin: 6px 0 0 !important;
  color: rgba(255,255,255,.65) !important;
}

#cartClose {
  width: 42px !important;
  height: 42px !important;
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  font-size: 26px !important;
  cursor: pointer !important;
}

.cart-empty {
  padding: 22px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.72) !important;
  text-align: center !important;
  margin-bottom: 16px !important;
}

.cart-items {
  display: grid !important;
  gap: 12px !important;
}

.cart-item {
  display: flex !important;
  gap: 12px !important;
  padding: 12px !important;
  border-radius: 20px !important;
  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}

.cart-item-img {
  width: 72px !important;
  height: 72px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,.08) !important;
  flex: 0 0 auto !important;
  display: grid !important;
  place-items: center !important;
  font-size: 26px !important;
}

.cart-item-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.cart-item-info {
  flex: 1 !important;
}

.cart-item-info h4 {
  margin: 0 0 5px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  color: #fff !important;
}

.cart-item-info p {
  margin: 0 0 10px !important;
  color: #44e7ff !important;
  font-weight: 800 !important;
}

.cart-qty {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  flex-wrap: wrap !important;
}

.cart-qty button {
  border: 1px solid rgba(255,255,255,.16) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
  border-radius: 10px !important;
  min-width: 32px !important;
  height: 32px !important;
  cursor: pointer !important;
}

.cart-qty span {
  font-weight: 900 !important;
  min-width: 24px !important;
  text-align: center !important;
}

.cart-notes {
  width: 100% !important;
  min-height: 100px !important;
  margin-top: 16px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  background: rgba(255,255,255,.07) !important;
  color: #fff !important;
  padding: 14px !important;
  resize: vertical !important;
  outline: none !important;
}

.cart-notes::placeholder {
  color: rgba(255,255,255,.48) !important;
}

.cart-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
}

.cart-order {
  height: 50px !important;
  border-radius: 16px !important;
  border: 0 !important;
  display: grid !important;
  place-items: center !important;
  text-decoration: none !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  color: #06111f !important;
}

.cart-order.whatsapp {
  background: #44e7ff !important;
}

.cart-order.telegram {
  background: #ffffff !important;
}

.cart-order.disabled {
  opacity: .45 !important;
  pointer-events: none !important;
}

@media (max-width: 640px) {
  .cart-fab {
    left: 16px !important;
    bottom: 84px !important;
    width: 60px !important;
    height: 60px !important;
  }

  .cart-actions {
    grid-template-columns: 1fr !important;
  }
}
/* ===== Top Social Icons Fix ===== */

.nav-social {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin-inline: 12px !important;
}

.social-icons a {
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  color: #ffffff !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.30) !important;
  box-shadow:
    0 0 14px rgba(255,255,255,.22),
    0 0 28px rgba(68,231,255,.28) !important;
  text-decoration: none !important;
}

.social-icons a:hover {
  transform: translateY(-2px) scale(1.05) !important;
  background: rgba(68,231,255,.18) !important;
  border-color: rgba(68,231,255,.65) !important;
}

.social-icons svg {
  width: 25px !important;
  height: 25px !important;
  fill: #ffffff !important;
  color: #ffffff !important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.8))
    drop-shadow(0 0 10px rgba(68,231,255,.55)) !important;
}

.social-icons svg path {
  fill: #ffffff !important;
}
/* ===== Clean Navbar Final Fix ===== */

.nav {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  background: rgba(3, 12, 24, .88) !important;
  backdrop-filter: blur(16px) !important;
  border-bottom: 1px solid rgba(68,231,255,.18) !important;
}

.nav-inner {
  min-height: 76px !important;
  display: grid !important;
  grid-template-columns: auto 1fr auto auto !important;
  align-items: center !important;
  gap: 22px !important;
  direction: rtl !important;
}

.brand {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

.brand-logo {
  width: 56px !important;
  height: 56px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 1px solid rgba(68,231,255,.55) !important;
  box-shadow: 0 0 24px rgba(68,231,255,.35) !important;
}

.brand-text {
  font-size: 23px !important;
  font-weight: 900 !important;
  color: #fff !important;
  letter-spacing: .4px !important;
}

.nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
}

.nav-links a {
  color: rgba(255,255,255,.78) !important;
  text-decoration: none !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  white-space: nowrap !important;
}

.nav-links a:hover {
  color: #44e7ff !important;
}

.nav-social {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  flex-wrap: nowrap !important;
  margin: 0 !important;
}

.nav-social a {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  min-height: 46px !important;
  border-radius: 16px !important;
  display: grid !important;
  place-items: center !important;
  color: #fff !important;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    0 0 14px rgba(255,255,255,.20),
    0 0 28px rgba(68,231,255,.28) !important;
  text-decoration: none !important;
}

.nav-social svg {
  width: 24px !important;
  height: 24px !important;
  fill: #ffffff !important;
  filter:
    drop-shadow(0 0 5px rgba(255,255,255,.8))
    drop-shadow(0 0 10px rgba(68,231,255,.55)) !important;
}

.nav-social svg path {
  fill: #ffffff !important;
}

.nav-cta {
  white-space: nowrap !important;
  min-width: 150px !important;
  text-align: center !important;
  justify-content: center !important;
}

@media (max-width: 980px) {
  .nav-inner {
    grid-template-columns: 1fr auto !important;
    gap: 14px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }

  .brand {
    justify-content: flex-start !important;
  }

  .nav-links {
    grid-column: 1 / -1 !important;
    order: 3 !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    padding-bottom: 6px !important;
  }

  .nav-social {
    order: 2 !important;
  }

  .nav-cta {
    grid-column: 1 / -1 !important;
    order: 4 !important;
    width: 100% !important;
  }
}
/* Hide offer emoji icon only */
.offer-card .game-icon {
  display: none !important;
}
/* ===== Fix Arabic + English Mixed Text ===== */

.fixed-mixed-text {
  direction: rtl !important;
  unicode-bidi: plaintext !important;
  text-align: center !important;
  line-height: 2 !important;
}

.ltr-word {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
  white-space: nowrap !important;
}
/* ===== Fit offer images inside frame without cropping ===== */

.offer-image {
  height: 200px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  background: rgba(255,255,255,.04) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
}

.offer-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
/* ===== Compact Offer Cards ===== */

.offer-card {
  padding: 16px !important;
  border-radius: 22px !important;
  min-height: auto !important;
  gap: 10px !important;
}

/* تصغير مساحة الصورة */
.offer-card .offer-image {
  height: 130px !important;
  padding: 8px !important;
  margin-bottom: 8px !important;
  border-radius: 18px !important;
}

.offer-card .offer-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
}

/* شيل التاجات/الهاشتاجات */
.offer-card .game-features,
.offer-card .chips,
.offer-card .chip {
  display: none !important;
}

/* صغّر المسافات والكلام */
.offer-card h3 {
  font-size: 22px !important;
  margin: 6px 0 !important;
  line-height: 1.25 !important;
}

.offer-card p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  margin: 0 0 6px !important;

  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* السعر يبقى مرتب */
.offer-card .offer-price {
  font-size: 26px !important;
  margin: 6px 0 8px !important;
  line-height: 1.2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  flex-wrap: nowrap !important;
  direction: ltr !important;
}

.offer-card .old-price {
  font-size: 14px !important;
  opacity: .65 !important;
  text-decoration: line-through !important;
}

/* الأزرار تبقى أصغر */
.offer-card .game-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

.offer-card .game-actions .btn {
  min-height: 46px !important;
  padding: 10px 12px !important;
  font-size: 14px !important;
  border-radius: 18px !important;
}

/* زر تليجرام ياخد العرض كله لو ثالث زر */
.offer-card .game-actions .btn:nth-child(3) {
  grid-column: 1 / -1 !important;
}

/* شيل أيقونة النار من الأوفرات */
.offer-card .game-icon {
  display: none !important;
}

/* البادج يبقى صغير */
.offer-card .game-badge {
  font-size: 12px !important;
  padding: 7px 13px !important;
}

/* ===== V5 Accounts / Orders / Chat / Payment ===== */
.auth-page,.profile-page{min-height:100vh;display:grid;place-items:center;padding:40px 16px;background:radial-gradient(circle at top,#12375f,#06111f 55%,#020712)}
.account-card{width:min(980px,94vw);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(68,231,255,.045));border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;color:#fff;box-shadow:0 24px 80px rgba(0,0,0,.35)}
.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-grid form,.profile-summary,.order-card,.pay-method{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:16px;display:grid;gap:12px}.auth-grid input,.cart-customer-box input,.account-card input,.account-card textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.22);color:#fff;padding:13px;outline:none}.social-login-row{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.social-login-row button{border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:10px 12px;background:rgba(255,255,255,.07);color:rgba(255,255,255,.65)}
.cart-customer-box{display:grid;gap:10px;margin-top:14px}.cart-order.payment{background:#dff7ff!important;color:#06111f!important}.profile-summary{grid-template-columns:repeat(4,1fr)}.order-card{grid-template-columns:1fr auto auto auto;align-items:center;margin:10px 0}.chat-box{display:grid;gap:10px;max-height:420px;overflow:auto;padding:10px;background:rgba(0,0,0,.16);border-radius:18px}.chat-message{padding:12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}.chat-message.admin{background:rgba(68,231,255,.12)}.chat-message.customer{background:rgba(255,255,255,.07)}.chat-message p{margin:6px 0}.payment-methods{display:grid;gap:10px;margin:16px 0}.pay-method{font-weight:800;color:#dff7ff}
@media(max-width:760px){.auth-grid,.profile-summary,.order-card{grid-template-columns:1fr}.account-card{padding:18px}.cart-actions{grid-template-columns:1fr!important}}


/* ===== V6 accounts / tickets / homepage fixes ===== */
.balance-pill{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:16px;background:rgba(68,231,255,.13);border:1px solid rgba(68,231,255,.35);color:#fff;font-weight:900;white-space:nowrap;box-shadow:0 0 22px rgba(68,231,255,.18)}
.auth-extra{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}
.cart-check{display:flex;align-items:center;gap:8px;margin:10px 0;color:#fff;background:rgba(255,255,255,.06);padding:10px;border-radius:14px}
.home-orders-section{padding:70px 0}.home-orders-box{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.order-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:8px}.wallet-box{margin:22px 0;padding:18px;border-radius:22px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}.wallet-box form{display:grid;gap:10px}.payment-methods{display:grid;gap:10px;margin:14px 0}.pay-method{padding:12px 14px;border-radius:14px;background:rgba(68,231,255,.08);border:1px solid rgba(68,231,255,.22);color:#fff;font-weight:800}.chat-proof-img{max-width:220px;max-height:220px;border-radius:16px;border:1px solid rgba(255,255,255,.18);display:block;margin-top:10px;object-fit:contain;background:#07111f}
#siteChatWidget{position:fixed;right:20px;bottom:22px;z-index:999999;direction:rtl}#siteChatFab{width:68px;height:68px;border-radius:24px;border:1px solid rgba(255,255,255,.35);background:linear-gradient(145deg,#44e7ff,rgba(255,255,255,.18));color:#06111f;font-weight:900;box-shadow:0 0 28px rgba(68,231,255,.4);cursor:pointer;display:grid;place-items:center}#siteChatFab span{font-size:12px;display:block}.site-chat-panel{position:absolute;right:0;bottom:82px;width:min(360px,88vw);height:500px;background:#07111f;border:1px solid rgba(255,255,255,.16);border-radius:24px;box-shadow:0 20px 80px rgba(0,0,0,.55);display:none;overflow:hidden;color:#fff}.site-chat-panel.active{display:flex;flex-direction:column}.site-chat-panel header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.12)}#siteChatClose{width:34px;height:34px;border-radius:12px;border:0;background:rgba(255,255,255,.1);color:#fff;font-size:22px}.site-chat-messages{flex:1;overflow:auto;padding:14px;display:grid;gap:10px}.site-chat-msg{padding:10px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10)}.site-chat-msg.admin{background:rgba(68,231,255,.13)}.site-chat-msg p{margin:6px 0;line-height:1.6}.site-chat-msg small{opacity:.65}.site-chat-msg img{max-width:180px;max-height:180px;border-radius:14px;margin-top:8px;display:block}#siteChatForm{display:flex;gap:8px;padding:12px;border-top:1px solid rgba(255,255,255,.12)}#siteChatForm input{flex:1;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);color:#fff;padding:12px}#siteChatForm button{border:0;border-radius:14px;background:#44e7ff;color:#06111f;font-weight:900;padding:0 14px}
@media(max-width:640px){#siteChatWidget{right:14px;bottom:90px}.site-chat-panel{height:460px}}

/* ===== V7 Profile Dropdown + Profile Tabs ===== */
.site-user-menu-wrap{display:flex;align-items:center;justify-content:center;min-width:170px;position:relative;z-index:1000}
.site-profile-menu{position:relative;display:inline-flex;align-items:center;justify-content:center}
.site-profile-btn{height:48px;border:1px solid rgba(255,255,255,.22);border-radius:18px;background:rgba(255,255,255,.07);color:#fff;display:flex;align-items:center;gap:9px;padding:0 12px;cursor:pointer;box-shadow:0 0 18px rgba(68,231,255,.18);font-weight:900;white-space:nowrap}
.site-profile-btn small{font-size:12px;color:#44e7ff;font-weight:900}.avatar-dot{width:30px;height:30px;border-radius:999px;background:#44e7ff;color:#06111f;display:grid;place-items:center;font-weight:900}
.site-profile-dropdown{position:absolute;top:58px;left:0;width:250px;background:#07111f;border:1px solid rgba(255,255,255,.14);border-radius:20px;box-shadow:0 18px 70px rgba(0,0,0,.5);padding:10px;display:none;z-index:100000;color:#fff;direction:rtl}
.site-profile-menu.open .site-profile-dropdown{display:grid;gap:7px}.drop-head{padding:12px;border-radius:16px;background:rgba(68,231,255,.08);display:grid;gap:4px;margin-bottom:4px}.drop-head span{font-size:12px;color:rgba(255,255,255,.68);overflow:hidden;text-overflow:ellipsis}.drop-head strong{font-size:13px;color:#44e7ff}
.site-profile-dropdown a,.site-profile-dropdown button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;text-decoration:none;color:#fff;background:rgba(255,255,255,.06);border-radius:14px;padding:11px 12px;font-weight:800;cursor:pointer;text-align:right}.site-profile-dropdown a:hover,.site-profile-dropdown button:hover{background:rgba(68,231,255,.12)}.site-login-btn{white-space:nowrap}
.profile-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.profile-topbar h1{margin:0 0 6px}.profile-topbar p{margin:0;color:rgba(255,255,255,.68);line-height:1.7}.home-back-btn{white-space:nowrap}.profile-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 22px;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:12px}.profile-tabs button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;border-radius:16px;padding:11px 18px;font-weight:900;cursor:pointer}.profile-tabs button.active{background:#44e7ff;color:#06111f;border-color:#44e7ff}.profile-tab-panel{display:none}.profile-tab-panel.active{display:block}.profile-summary-clean{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important}.profile-summary-clean div{display:grid;gap:5px}.profile-summary-clean small{color:rgba(255,255,255,.58)}.profile-cart-item{display:grid;grid-template-columns:62px 1fr auto auto;gap:12px;align-items:center;padding:12px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);margin:10px 0}.profile-cart-img{width:62px;height:62px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;place-items:center;overflow:hidden}.profile-cart-img img{width:100%;height:100%;object-fit:contain}.profile-cart-item span{display:block;color:rgba(255,255,255,.62);font-size:13px;margin-top:4px}.profile-cart-item strong{color:#44e7ff}.profile-cart-item em{font-style:normal;font-weight:900}.profile-actions-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.empty-soft{padding:18px;border-radius:18px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.72)}
@media(max-width:900px){.site-user-menu-wrap{min-width:auto}.site-profile-btn span:not(.avatar-dot),.site-profile-btn small{display:none}.site-profile-dropdown{left:auto;right:0}.profile-topbar{flex-direction:column}.home-back-btn{width:100%;justify-content:center}.profile-cart-item{grid-template-columns:52px 1fr;}.profile-cart-item strong,.profile-cart-item em{grid-column:auto}}

/* ===== V8 Profile, support tickets, phone country, payment copy ===== */
.phone-row{display:grid;grid-template-columns:150px 1fr;gap:10px}.phone-row select,.account-card select{border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.22);color:#fff;padding:13px;outline:none}.profile-settings-form{display:grid;gap:14px;max-width:520px}.profile-settings-form label{display:grid;gap:8px;font-weight:900;color:#fff}.profile-settings-form input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(0,0,0,.22);color:#fff;padding:13px;outline:none}.profile-avatar-wrap{display:grid;gap:10px;justify-items:start;margin-bottom:6px}.profile-avatar,.avatar-letter{width:74px;height:74px;border-radius:999px;object-fit:cover;border:2px solid rgba(68,231,255,.55);box-shadow:0 0 26px rgba(68,231,255,.28);display:grid;place-items:center;background:#44e7ff;color:#06111f;font-size:28px;font-weight:900}.avatar-upload{display:inline-flex!important;align-items:center!important;justify-content:center!important;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);padding:9px 13px;border-radius:14px;cursor:pointer}.avatar-upload input{display:none}.avatar-img{object-fit:cover!important;background:transparent!important}.drop-head .avatar-dot{margin-bottom:4px}.pay-method-copy{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.pay-method-copy div{display:grid;gap:4px}.pay-method-copy span{direction:ltr;text-align:left;color:#44e7ff;font-size:14px}.pay-method-copy button{border:0;border-radius:12px;background:#44e7ff;color:#06111f;font-weight:900;padding:8px 12px;cursor:pointer}.site-chat-login-note{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(68,231,255,.10);border:1px solid rgba(68,231,255,.25);line-height:1.8}.site-chat-login-note b{color:#fff}.site-chat-login-note p{margin:0;color:rgba(255,255,255,.72)}
@media(min-width:981px){#siteChatWidget{right:78px!important}.cart-fab{left:78px!important}}
@media(max-width:760px){.phone-row{grid-template-columns:1fr}.pay-method-copy{align-items:flex-start!important;flex-direction:column!important}.pay-method-copy button{width:100%}}


/* ===== V10 Avatar upload fix ===== */
.avatar-help{display:block;color:rgba(255,255,255,.58);font-size:12px;line-height:1.6;max-width:280px}.ok-msg{color:#8fffd2!important;font-weight:900}.err-msg{color:#ff9b9b!important;font-weight:900}.profile-avatar-wrap{align-items:start}.profile-avatar-wrap .profile-avatar,.profile-avatar-wrap .avatar-letter{width:82px!important;height:82px!important}.profile-avatar-wrap img.profile-avatar{object-fit:cover!important}.site-profile-btn .avatar-img,.drop-head .avatar-img{object-fit:cover!important;display:block!important}.avatar-upload:has(input:focus){outline:2px solid rgba(68,231,255,.55)}


/* V12 image/profile recovery fixes */
.profile-avatar-wrap img.profile-avatar,
.site-profile-btn img.avatar-dot,
.drop-head img.avatar-dot,
.avatar-img{
  display:block!important;
  width:74px!important;
  height:74px!important;
  border-radius:999px!important;
  object-fit:cover!important;
}
.site-profile-btn img.avatar-dot,
.drop-head img.avatar-dot{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  min-height:32px!important;
}
.offer-image img,
.game-image img,
.proof-image img,
.profile-cart-img img{max-width:100%!important;}


/* ===== V14 live stats / chat notifications / upload states ===== */
.badge b[data-g2-stat="online"]{color:#22c55e;margin:0 4px}.site-chat-panel{z-index:999998}.site-chat-msg .chat-proof-img,.chat-proof-img{max-width:220px;border-radius:14px;display:block;margin-top:8px}.site-chat-login-note{display:grid;gap:10px;padding:14px;border-radius:18px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.25);color:#fff}.site-chat-login-note b{color:#fecaca}#siteChatFab{position:relative}#siteChatBadge{display:none;position:absolute;right:-8px;top:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:900;place-items:center;border:2px solid rgba(255,255,255,.8)}#siteChatFab.has-new #siteChatBadge{display:grid}#siteChatFab.has-new{animation:g2SiteNotify 1s infinite;box-shadow:0 0 22px rgba(239,68,68,.6),0 0 46px rgba(239,68,68,.25)!important}@keyframes g2SiteNotify{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}.profile-subtitle{margin-top:24px}.gateway-title{grid-column:1/-1;margin:12px 0 4px}.pay-method small{color:rgba(255,255,255,.65)}button:disabled{opacity:.65;cursor:not-allowed}.ok-msg{color:#86efac}.err-msg{color:#fecaca}


/* V14 notifications, stats, customers, uploads */
.live-site-stats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0 6px;justify-content:flex-start}.live-site-stats span{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#dff7ff;font-size:13px}.live-site-stats b{color:#44e7ff;font-weight:900}.live-site-stats span:last-child b{color:#ffd166;letter-spacing:1px}.site-chat-fab{}#siteChatFab{position:fixed;right:28px;bottom:28px;z-index:99999}#siteChatBadge{position:absolute;top:-9px;left:-9px;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:#ff2c55;color:#fff;font-size:12px;font-weight:900;display:none;place-items:center;border:2px solid #fff;box-shadow:0 0 18px rgba(255,44,85,.75)}#siteChatFab.has-new{animation:g2PulseRed .9s infinite;box-shadow:0 0 0 0 rgba(255,44,85,.6),0 0 34px rgba(255,44,85,.45)!important}@keyframes g2PulseRed{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.04)}100%{transform:translateY(0) scale(1)}}.chat-proof-img{max-width:180px!important;max-height:180px!important;border-radius:14px;display:block;margin-top:8px;object-fit:cover;border:1px solid rgba(255,255,255,.18)}.payment-uploading,.ok-msg{color:#86efac}.err-msg{color:#fecaca}.danger-outline{background:rgba(239,68,68,.1)!important;border:1px solid rgba(239,68,68,.6)!important;color:#fecaca!important}.customers-actions{gap:6px;flex-wrap:wrap}.profile-tab-panel .order-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:16px;margin:8px 0;padding:12px;display:grid;grid-template-columns:1.2fr .7fr 1fr 1fr auto;gap:8px;align-items:center}@media(max-width:760px){.profile-tab-panel .order-card{grid-template-columns:1fr}.live-site-stats{justify-content:center}}


/* ===== V15 saved profile tickets, compact home orders, live stats fix ===== */
.compact-home-orders{padding:18px 0 26px!important;display:none}.compact-home-orders .section-head{margin-bottom:12px!important}.compact-home-orders .section-head h2{font-size:24px!important}.compact-home-orders .section-head p{font-size:13px!important;color:rgba(255,255,255,.65)!important;margin:4px 0 0!important}.compact-home-orders .home-orders-box{display:flex!important;gap:10px!important;flex-wrap:wrap!important;align-items:stretch!important}.home-order-mini{min-width:220px!important;max-width:310px!important;padding:11px 12px!important;margin:0!important;gap:6px!important}.order-status-notice{border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:12px 14px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer;display:grid;gap:4px;text-align:right;min-width:240px}.order-status-notice.delivered{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.12)}.order-status-notice.cancelled{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.12)}.order-status-notice b{font-size:15px}.order-status-notice span{font-size:12px;color:rgba(255,255,255,.7)}.saved-ticket-row{grid-template-columns:1fr auto 1fr 1fr auto!important}.profile-saved-ticket-chat{margin-top:18px!important;border:1px solid rgba(68,231,255,.18);border-radius:22px;background:rgba(68,231,255,.05);padding:16px}.muted{color:rgba(255,255,255,.62);line-height:1.7}.badge [data-g2-stat="online"], .stat [data-g2-stat="online"], .stat [data-g2-stat="orders"], .stat [data-g2-stat="rating"]{transition:.25s ease;color:#44e7ff}
@media(max-width:760px){.compact-home-orders .home-orders-box{display:grid!important;grid-template-columns:1fr!important}.home-order-mini,.order-status-notice{max-width:none!important;width:100%!important}.saved-ticket-row{grid-template-columns:1fr!important}}

/* ===== V16: compact home orders position + calm live visitors ===== */
section#orders.home-orders-section.compact-home-orders{
  padding:16px 0 20px!important;
  margin:0!important;
  background:transparent!important;
  min-height:0!important;
}
section#orders.compact-home-orders .home-orders-container{
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  flex-wrap:wrap!important;
}
section#orders.compact-home-orders .home-orders-head{
  margin:0!important;
  min-width:130px!important;
  flex:0 0 auto!important;
  text-align:right!important;
}
section#orders.compact-home-orders .home-orders-head h2{
  font-size:19px!important;
  line-height:1.2!important;
  margin:0!important;
}
section#orders.compact-home-orders .home-orders-head p{
  display:none!important;
}
section#orders.compact-home-orders .home-orders-box{
  flex:1!important;
  display:flex!important;
  gap:10px!important;
  flex-wrap:wrap!important;
  align-items:center!important;
}
section#orders.compact-home-orders .home-order-mini,
section#orders.compact-home-orders .order-status-notice{
  min-width:210px!important;
  max-width:290px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  margin:0!important;
}
section#orders.compact-home-orders .home-order-mini b{
  font-size:13px!important;
  word-break:break-all!important;
}
section#orders.compact-home-orders .home-order-mini span{
  font-size:12px!important;
  color:rgba(255,255,255,.72)!important;
}
section#orders.compact-home-orders .home-order-mini .btn.small{
  min-height:34px!important;
  padding:7px 12px!important;
  font-size:13px!important;
}
.badge [data-g2-stat="online"],
.stat [data-g2-stat="online"]{
  transition:color .25s ease, transform .25s ease;
}
@media(max-width:760px){
  section#orders.compact-home-orders .home-orders-container{display:block!important;}
  section#orders.compact-home-orders .home-orders-head{margin-bottom:10px!important;}
  section#orders.compact-home-orders .home-orders-box{display:grid!important;grid-template-columns:1fr!important;}
  section#orders.compact-home-orders .home-order-mini,
  section#orders.compact-home-orders .order-status-notice{width:100%!important;max-width:none!important;}
}

/* V17 - Rating number size fix */
.stat b [data-g2-stat="rating"]{
  font-size:28px!important;
  line-height:1!important;
  font-weight:900!important;
  color:var(--cyan)!important;
  vertical-align:middle!important;
  display:inline-block!important;
}
@media (max-width:560px){
  .stat b [data-g2-stat="rating"]{
    font-size:26px!important;
  }
}


/* ===== V18 global search under navbar ===== */
.g2-global-search-wrap{
  position:relative;
  z-index:990;
  background:linear-gradient(180deg,rgba(4,12,24,.96),rgba(5,18,34,.72));
  border-bottom:1px solid rgba(68,231,255,.12);
  padding:10px 0 12px;
}
.g2-global-search{position:relative;}
.g2-search-inputbox{
  width:min(720px,92vw);
  margin:0 auto;
  min-height:48px;
  display:grid;
  grid-template-columns:38px 1fr 36px;
  align-items:center;
  gap:6px;
  border:1px solid rgba(68,231,255,.28);
  border-radius:20px;
  background:rgba(255,255,255,.065);
  box-shadow:0 0 22px rgba(68,231,255,.10), inset 0 0 0 1px rgba(255,255,255,.04);
  padding:0 10px;
}
.g2-search-inputbox span{display:grid;place-items:center;opacity:.9;}
.g2-search-inputbox input{
  width:100%;
  border:0;
  outline:0;
  background:transparent;
  color:#fff;
  font-weight:800;
  font-size:15px;
  padding:13px 2px;
  direction:rtl;
}
.g2-search-inputbox input::placeholder{color:rgba(255,255,255,.56);font-weight:700;}
#g2GlobalSearchClear{
  display:none;
  width:30px;
  height:30px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  cursor:pointer;
  place-items:center;
  font-size:18px;
}
.g2-search-results{
  display:none;
  position:absolute;
  top:58px;
  left:50%;
  transform:translateX(-50%);
  width:min(720px,92vw);
  max-height:360px;
  overflow:auto;
  border-radius:22px;
  border:1px solid rgba(68,231,255,.24);
  background:#07111f;
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 28px rgba(68,231,255,.18);
  padding:10px;
  z-index:99999;
}
.g2-search-results.active{display:grid;gap:8px;}
.g2-search-result{
  display:grid;
  gap:4px;
  padding:12px 14px;
  border-radius:16px;
  text-decoration:none;
  color:#fff;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  text-align:right;
}
.g2-search-result:hover{background:rgba(68,231,255,.13);border-color:rgba(68,231,255,.35);}
.g2-search-result strong{font-size:15px;color:#fff;}
.g2-search-result span{font-size:12px;color:rgba(255,255,255,.66);}
.g2-search-result.game strong{color:#44e7ff;}
.g2-search-empty{padding:14px;border-radius:16px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.74);text-align:center;}
.offer-card.g2-offer-highlight{
  animation:g2OfferFlash .46s ease-in-out 4;
  border-color:rgba(255,221,87,.95)!important;
  box-shadow:0 0 0 2px rgba(255,221,87,.34),0 0 42px rgba(255,221,87,.36)!important;
  scroll-margin-block:110px;
}
@keyframes g2OfferFlash{
  0%,100%{background:rgba(255,255,255,.045);}
  50%{background:rgba(255,221,87,.22);}
}
@media(prefers-reduced-motion:reduce){
  .offer-card.g2-offer-highlight{animation:none;background:rgba(255,221,87,.17)!important;}
}
@media(max-width:760px){
  .g2-global-search-wrap{padding:8px 0 10px;}
  .g2-search-inputbox{min-height:44px;border-radius:17px;}
  .g2-search-inputbox input{font-size:13px;}
}


/* ===== V19 currency switcher ===== */
.g2-currency-switcher{display:flex;align-items:center;gap:7px;padding:8px 10px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);box-shadow:0 0 16px rgba(68,231,255,.12);white-space:nowrap}
.g2-currency-switcher span{font-size:12px;color:rgba(255,255,255,.72);font-weight:900}.g2-currency-switcher select{border:0;outline:0;border-radius:12px;background:rgba(0,0,0,.25);color:#fff;font-weight:900;padding:7px 9px;cursor:pointer}.g2-currency-switcher option{background:#07111f;color:#fff}.offer-price .price-current{font-size:inherit}.offer-price .old-price{white-space:nowrap}@media(max-width:760px){.g2-currency-switcher{order:5;width:100%;justify-content:center}.g2-currency-switcher select{flex:1;max-width:190px}}


/* ===== V20 Compact Header - one clean row ===== */
@media (min-width: 981px){
  .nav{
    overflow: visible !important;
  }

  .nav .container{
    width: min(1240px, calc(100% - 36px)) !important;
  }

  .nav-inner{
    min-height: 64px !important;
    padding: 7px 0 !important;
    display: grid !important;
    grid-template-columns: auto minmax(330px, 1fr) auto auto auto !important;
    align-items: center !important;
    gap: 10px !important;
    direction: rtl !important;
  }

  .brand{
    gap: 9px !important;
    min-width: 0 !important;
  }

  .brand-logo{
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    box-shadow: 0 0 18px rgba(68,231,255,.30) !important;
  }

  .brand-text{
    font-size: 21px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .nav-links{
    gap: 14px !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    overflow: hidden !important;
    min-width: 0 !important;
  }

  .nav-links a{
    font-size: 13px !important;
    line-height: 1 !important;
    padding: 8px 2px !important;
    white-space: nowrap !important;
  }

  .nav-social{
    gap: 7px !important;
    margin: 0 !important;
    min-width: 0 !important;
  }

  .nav-social a,
  .social-icons.nav-social a{
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
    border-radius: 14px !important;
    box-shadow: 0 0 12px rgba(255,255,255,.18), 0 0 22px rgba(68,231,255,.20) !important;
  }

  .nav-social svg,
  .social-icons.nav-social svg{
    width: 21px !important;
    height: 21px !important;
  }

  .g2-currency-switcher{
    height: 40px !important;
    padding: 5px 7px !important;
    gap: 5px !important;
    border-radius: 14px !important;
    box-shadow: 0 0 12px rgba(68,231,255,.10) !important;
  }

  .g2-currency-switcher span{
    font-size: 10px !important;
    line-height: 1 !important;
  }

  .g2-currency-switcher select{
    height: 30px !important;
    max-width: 112px !important;
    padding: 4px 7px !important;
    border-radius: 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .site-user-menu-wrap{
    min-width: 0 !important;
    max-width: 164px !important;
    justify-content: flex-start !important;
  }

  .site-profile-btn,
  .site-login-btn{
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    border-radius: 14px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    max-width: 164px !important;
    overflow: hidden !important;
  }

  .site-profile-btn span:not(.avatar-dot){
    max-width: 58px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .site-profile-btn small{
    font-size: 10px !important;
    white-space: nowrap !important;
  }

  .site-profile-btn .avatar-dot,
  .avatar-dot{
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    font-size: 13px !important;
  }

  .site-profile-dropdown{
    top: 48px !important;
  }
}

@media (min-width: 981px) and (max-width: 1120px){
  .nav .container{
    width: min(100% - 22px, 1240px) !important;
  }

  .nav-inner{
    grid-template-columns: auto minmax(280px, 1fr) auto auto auto !important;
    gap: 7px !important;
  }

  .brand-text{
    font-size: 18px !important;
  }

  .brand-logo{
    width: 40px !important;
    height: 40px !important;
  }

  .nav-links{
    gap: 10px !important;
  }

  .nav-links a{
    font-size: 12px !important;
  }

  .nav-social a,
  .social-icons.nav-social a{
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
  }

  .nav-social svg,
  .social-icons.nav-social svg{
    width: 19px !important;
    height: 19px !important;
  }

  .g2-currency-switcher{
    height: 36px !important;
    padding: 4px 6px !important;
  }

  .g2-currency-switcher span{
    display: none !important;
  }

  .g2-currency-switcher select{
    height: 28px !important;
    max-width: 96px !important;
    font-size: 11px !important;
    padding: 3px 5px !important;
  }

  .site-profile-btn,
  .site-login-btn{
    height: 36px !important;
    min-height: 36px !important;
    max-width: 128px !important;
    font-size: 12px !important;
  }

  .site-profile-btn .avatar-dot,
  .avatar-dot{
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
  }

  .site-profile-btn small{
    display: none !important;
  }
}

/* V25 cart profile summary */
.cart-profile-note{
  display:grid;
  gap:6px;
  padding:12px 14px;
  border:1px solid rgba(68,231,255,.22);
  background:rgba(68,231,255,.07);
  border-radius:18px;
  margin-bottom:10px;
  color:#fff;
  font-size:13px;
}
.cart-profile-note b{color:#44e7ff;font-size:14px;}
.cart-profile-note span{opacity:.86;direction:ltr;text-align:right;}
.cart-profile-note.warn{border-color:rgba(255,90,90,.4);background:rgba(255,90,90,.08);color:#fecaca;}

/* V79 checkout identity completion: shown only after the customer starts checkout */
.cart-identity-gate{display:grid;gap:13px;margin:10px 0 14px;padding:15px;border:1px solid rgba(68,231,255,.38);border-radius:20px;background:linear-gradient(145deg,rgba(68,231,255,.11),rgba(4,15,29,.72));box-shadow:0 14px 34px rgba(0,0,0,.2)}
.cart-identity-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.cart-identity-head b{display:block;color:#fff;font-size:17px}.cart-identity-head p{margin:5px 0 0;color:#c6d8e7;font-size:12px;line-height:1.65}.cart-identity-head>span{font-size:20px}
.cart-identity-checks{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cart-identity-checks span{padding:9px 10px;border-radius:12px;font-size:12px;font-weight:900}.cart-identity-checks .done{color:#86efac;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.26)}.cart-identity-checks .pending{color:#fde68a;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.26)}
.cart-identity-step{display:grid;gap:8px;padding-top:2px}.cart-identity-step label{font-size:12px;font-weight:900;color:#dff7ff}.cart-identity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.cart-identity-phone{display:grid;grid-template-columns:105px minmax(0,1fr);gap:8px}.cart-identity-phone button{grid-column:1/-1}
.cart-identity-gate input,.cart-identity-gate select{min-width:0;width:100%;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:#101c2b;color:#fff;padding:11px 12px;outline:none}.cart-identity-gate input:focus,.cart-identity-gate select:focus{border-color:#44e7ff;box-shadow:0 0 0 3px rgba(68,231,255,.12)}
.cart-identity-gate button{border:0;border-radius:13px;background:linear-gradient(90deg,#2f8cff,#44e7ff);color:#06111f;padding:10px 13px;font-weight:950;cursor:pointer}.cart-identity-gate button:disabled{opacity:.55;cursor:wait}.cart-identity-message{margin:0;padding:10px 12px;border-radius:12px;font-size:12px;font-weight:850;line-height:1.55}.cart-identity-message.ok{color:#bbf7d0;background:rgba(34,197,94,.12)}.cart-identity-message.err{color:#fecaca;background:rgba(239,68,68,.12)}
html[dir="ltr"] .cart-identity-gate{text-align:left}html[dir="ltr"] .cart-profile-note span{text-align:left}
@media(max-width:520px){.cart-identity-checks{grid-template-columns:1fr}.cart-identity-row{grid-template-columns:1fr}.cart-identity-phone{grid-template-columns:96px minmax(0,1fr)}.cart-identity-gate{padding:13px}.cart-identity-gate button{width:100%}}


/* V28 Social login buttons */
.social-login-row.social-login-active{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin:14px 0!important;justify-content:flex-start!important}
.social-login-row .social-btn{border:1px solid rgba(255,255,255,.18)!important;border-radius:14px!important;padding:11px 16px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;text-decoration:none!important;font-weight:800!important;min-width:92px!important;text-align:center!important;transition:.18s ease!important;box-shadow:0 0 16px rgba(68,231,255,.10)!important}
.social-login-row .social-btn:hover{transform:translateY(-1px)!important;border-color:rgba(68,231,255,.55)!important;background:rgba(68,231,255,.16)!important;box-shadow:0 0 18px rgba(68,231,255,.25)!important}
.social-login-row .social-google{background:rgba(66,133,244,.18)!important}
.social-login-row .social-facebook{background:rgba(24,119,242,.18)!important}
.social-login-row .social-tiktok{background:rgba(255,255,255,.10)!important}
.oauth-message-page{min-height:100vh;display:grid;place-items:center;background:#06111f;color:#fff;font-family:inherit;padding:20px;direction:rtl}.oauth-message-card{max-width:560px;width:100%;border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px;background:rgba(255,255,255,.07);box-shadow:0 20px 60px rgba(0,0,0,.35)}.oauth-message-card h1{margin:0 0 10px;font-size:28px}.oauth-message-card p{color:rgba(255,255,255,.78);line-height:1.9}.oauth-message-card a{display:inline-flex;margin-top:14px;text-decoration:none;color:#06111f;background:linear-gradient(90deg,#38bdf8,#67e8f9);padding:12px 18px;border-radius:16px;font-weight:900}

/* ===== V29 Professional auth pages + official-style social buttons ===== */
.auth-page-v29{
  min-height:100vh!important;
  display:grid!important;
  place-items:center!important;
  padding:36px 16px!important;
  background:
    radial-gradient(circle at 78% 8%, rgba(68,231,255,.18), transparent 30%),
    radial-gradient(circle at 20% 20%, rgba(47,140,255,.16), transparent 32%),
    linear-gradient(180deg,#07182b,#030813 72%)!important;
}
.auth-single-card{
  width:min(760px,94vw)!important;
  border-radius:30px!important;
  padding:28px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(68,231,255,.045))!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.auth-back-row{display:flex;justify-content:flex-start;margin-bottom:14px}
.auth-home-link{
  color:rgba(255,255,255,.82)!important;
  font-weight:900!important;
  border:1px solid rgba(255,255,255,.14)!important;
  background:rgba(255,255,255,.055)!important;
  border-radius:999px!important;
  padding:10px 14px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
.auth-home-link:hover{color:#fff!important;background:rgba(68,231,255,.12)!important;border-color:rgba(68,231,255,.3)!important}
.auth-hero-head{text-align:center;margin:6px auto 18px;max-width:620px}
.auth-kicker{
  display:inline-flex!important;
  margin:0 0 8px!important;
  color:#44e7ff!important;
  font-weight:900!important;
  letter-spacing:.8px!important;
  font-size:12px!important;
  text-transform:uppercase!important;
}
.auth-hero-head h1{font-size:clamp(34px,6vw,62px)!important;margin:0 0 8px!important;line-height:1.05!important;letter-spacing:-1px!important}
.auth-hero-head p{margin:0!important;color:rgba(255,255,255,.68)!important;font-size:15px!important;line-height:1.8!important}
.social-auth-panel{
  width:min(560px,100%)!important;
  margin:18px auto 14px!important;
  display:grid!important;
  grid-template-columns:repeat(3,1fr)!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(0,0,0,.23)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:0 14px 40px rgba(0,0,0,.22)!important;
}
.social-auth-btn{
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  padding:0 12px!important;
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  font-weight:900!important;
  font-size:14px!important;
  transition:.18s ease!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.social-auth-btn:first-child{border-left:0!important}
.social-auth-btn:hover{transform:translateY(-1px)!important;background:rgba(255,255,255,.11)!important;box-shadow:inset 0 -2px 0 rgba(68,231,255,.35)!important}
.social-auth-btn .social-icon{
  width:23px!important;
  height:23px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 auto!important;
}
.social-auth-btn svg{width:23px!important;height:23px!important;display:block!important}
.social-auth-btn.google{background:rgba(255,255,255,.07)!important}
.social-auth-btn.facebook:hover{background:rgba(24,119,242,.20)!important}
.social-auth-btn.tiktok:hover{background:rgba(254,44,85,.16)!important}
.auth-divider{
  width:min(520px,100%)!important;
  margin:16px auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  color:rgba(255,255,255,.52)!important;
  font-size:13px!important;
  font-weight:800!important;
}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:rgba(255,255,255,.13)}
.auth-single-grid{width:min(520px,100%)!important;margin:auto!important;display:block!important}
.auth-main-form{
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:24px!important;
  padding:18px!important;
  display:grid!important;
  gap:12px!important;
}
.auth-main-form h2{margin:0 0 4px!important;font-size:26px!important}
.auth-main-form input,.auth-main-form select,.auth-extra input{
  height:54px!important;
  border-radius:17px!important;
  background:rgba(0,0,0,.28)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  color:#fff!important;
  padding:0 14px!important;
}
.auth-main-form .btn,.auth-extra .btn{min-height:54px!important;border-radius:999px!important}
.auth-link-btn{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.auth-switch-box{
  width:min(520px,100%)!important;
  margin:16px auto 0!important;
  padding:13px 16px!important;
  border-radius:18px!important;
  background:rgba(68,231,255,.08)!important;
  border:1px solid rgba(68,231,255,.18)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  color:rgba(255,255,255,.72)!important;
  font-weight:800!important;
}
.auth-switch-box a{color:#44e7ff!important;font-weight:900!important;text-decoration:none!important}
.auth-switch-box a:hover{text-decoration:underline!important}
.auth-extra{
  width:min(520px,100%)!important;
  margin:18px auto 0!important;
  padding:18px!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}
.auth-msg{text-align:center;font-weight:900;margin:14px 0 0!important}
@media(max-width:680px){
  .auth-single-card{padding:20px!important;border-radius:24px!important}
  .social-auth-panel{grid-template-columns:repeat(3,1fr)!important;border-radius:20px!important}
  .social-auth-btn{min-height:52px!important;padding-inline:8px!important}
  .phone-row{grid-template-columns:1fr!important}
}
@media(max-width:420px){
  .social-auth-panel{grid-template-columns:1fr!important}
  .social-auth-btn{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
  .social-auth-btn:last-child{border-bottom:0!important}
  .auth-switch-box{flex-direction:column!important;gap:4px!important}
}

/* V31 SEO / Referral / Coupons */
.cart-coupon-box{margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05)}
.cart-coupon-row{display:flex;gap:8px;align-items:center}
.cart-coupon-row input{flex:1;min-height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.18);color:#fff;padding:0 12px}
.cart-coupon-row button{min-height:42px;border:0;border-radius:12px;padding:0 14px;font-weight:900;cursor:pointer;background:linear-gradient(90deg,#38bdf8,#67e8f9);color:#06111f}
.cart-coupon-row #cartRemoveCoupon{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.18)}
.ok-msg{color:#86efac!important}.err-msg{color:#fecaca!important}.muted{opacity:.72}
.referral-card{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:22px;padding:18px;display:grid;gap:14px}
.referral-link-row{display:flex;gap:10px;align-items:center}
.referral-link-row input{flex:1;min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.2);color:#fff;padding:0 12px;direction:ltr;text-align:left}
.referral-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.referral-stats span,.referral-hint{padding:12px;border-radius:16px;background:rgba(68,231,255,.08);border:1px solid rgba(68,231,255,.14)}
.referral-code-form div{display:flex;gap:10px}.referral-code-form input{min-height:44px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.2);color:#fff;padding:0 12px;direction:ltr;text-align:left}
@media (max-width:720px){.referral-stats{grid-template-columns:1fr}.referral-link-row,.referral-code-form div,.cart-coupon-row{flex-direction:column;align-items:stretch}}

/* V35 referral profile split cards */
.referral-card{gap:18px!important}
.referral-block{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);border-radius:20px;padding:16px;margin:0 0 14px}
.referral-block h4{margin:0 0 10px;color:#fff;font-size:18px}
.referral-block .muted{margin:0 0 12px}
.referral-single-stat{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:16px;background:rgba(68,231,255,.08);border:1px solid rgba(68,231,255,.14);margin:8px 0}
.referral-single-stat b{font-size:18px;color:#fff}
.referral-rewards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.referral-note-line{padding:12px 14px;border-radius:16px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.14);line-height:1.8}
@media (max-width:720px){.referral-rewards-grid{grid-template-columns:1fr}.referral-single-stat{align-items:flex-start;flex-direction:column}}

/* ===== V38 fixes ===== */
.pending-review-badge{display:none!important;margin-top:4px;padding:5px 9px;border-radius:999px;background:rgba(255,193,7,.14);border:1px solid rgba(255,193,7,.35);color:#ffe08a;font-weight:800;font-size:11px}
.my-review-card{border-color:rgba(255,193,7,.35)!important;box-shadow:0 0 22px rgba(255,193,7,.10)!important}
.profile-phone-capture{display:grid;gap:10px;margin:8px 0 14px}
.profile-phone-capture .phone-row{display:grid;grid-template-columns:minmax(130px,180px) 1fr auto;gap:10px;align-items:center}
.profile-phone-capture select,.profile-phone-capture input{width:100%;min-height:48px;border-radius:16px;border:1px solid rgba(255,255,255,.16);background:rgba(3,12,24,.55);color:#fff;padding:0 12px}
.profile-invitee-discount{margin:18px 0 0;padding:14px 18px;border-radius:18px;background:linear-gradient(90deg,rgba(34,197,94,.18),rgba(68,231,255,.12));border:1px solid rgba(34,197,94,.35);color:#fff;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.profile-invitee-discount b{color:#86efac;font-size:15px}.profile-invitee-discount span{color:rgba(255,255,255,.82)}
@media(max-width:700px){.profile-phone-capture .phone-row{grid-template-columns:1fr}.profile-invitee-discount{align-items:flex-start}}

/* ===== V39 compact why cards + restored home slider ===== */
#why .cards{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  align-items:stretch !important;
}
#why .card{
  padding:18px !important;
  border-radius:22px !important;
  min-height:0 !important;
}
#why .icon{
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
  font-size:20px !important;
  margin-bottom:10px !important;
}
#why .card h3{font-size:18px !important;margin-bottom:8px !important;line-height:1.35 !important;}
#why .card p{font-size:13.5px !important;line-height:1.8 !important;}
@media(max-width:1100px){#why .cards{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media(max-width:640px){#why .cards{grid-template-columns:1fr !important;}}

.home-hero-slider{position:relative;width:100%;min-height:520px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at center, rgba(47,140,255,.20), rgba(2,7,17,.95) 70%);box-shadow:var(--shadow);}
.home-hero-slider-card{position:absolute;inset:0;width:100%;height:100%;min-height:520px;overflow:hidden;border-radius:28px;background:#050d18;}
.home-slide-click{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:pointer;display:block;width:100%;height:100%;}
.home-slide-click img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08) contrast(1.04);}
.home-slide-caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;border-radius:22px;background:rgba(2,10,22,.78);border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px rgba(0,0,0,.35);backdrop-filter:blur(10px);}
.home-slide-caption b{font-size:24px;color:#fff;line-height:1.2}.home-slide-caption small{color:rgba(255,255,255,.75);font-weight:800;line-height:1.6}
.home-slide-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:46px;height:46px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(2,12,24,.72);color:#fff;font-size:34px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px rgba(68,231,255,.25)}
.home-slide-arrow.prev{right:18px}.home-slide-arrow.next{left:18px}.home-slide-arrow:hover{background:rgba(68,231,255,.28)}
.home-slide-dots{position:absolute;top:8px;left:0;right:0;z-index:5;display:flex;justify-content:center;gap:2px;pointer-events:none}.home-slide-dots button{pointer-events:auto;width:32px;height:32px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.home-slide-dots button:before{content:"";width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35);transition:.2s ease}.home-slide-dots button.active:before{width:24px;border-radius:999px;background:#39d8ff;box-shadow:0 0 16px rgba(57,216,255,.8)}
@media(max-width:980px){.home-hero-slider,.home-hero-slider-card{min-height:390px}.home-slide-caption{position:absolute;left:14px;right:14px;bottom:14px;flex-direction:column;align-items:flex-start}.home-slide-caption b{font-size:20px}.home-slide-arrow{width:40px;height:40px;font-size:30px}.home-slide-arrow.prev{right:10px}.home-slide-arrow.next{left:10px}}

.chat-proof-wrap{display:inline-flex;flex-direction:column;gap:8px;align-items:flex-start;margin-top:8px;max-width:100%;}
.chat-proof-wrap .chat-proof-img{max-width:220px;max-height:220px;border-radius:14px;border:1px solid rgba(255,255,255,.18);object-fit:cover;display:block;}
.chat-image-open{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(68,231,255,.14);border:1px solid rgba(68,231,255,.28);color:#fff;text-decoration:none;font-weight:900;font-size:12px;}
.chat-upload-label{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);cursor:pointer;font-weight:900;}
.chat-upload-label input{display:none;}
.site-chat-file-name{font-size:11px;color:rgba(255,255,255,.68);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.site-chat-form-row{display:flex;align-items:center;gap:8px;width:100%;}
.site-chat-form-row input[name="text"]{flex:1;}
.wallet-current-balance{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;margin:12px 0 16px;border-radius:18px;background:rgba(68,231,255,.10);border:1px solid rgba(68,231,255,.18);font-weight:900;}
.wallet-current-balance b{color:var(--cyan);font-size:20px;direction:ltr;}

/* ===== V42 AR/EN language switcher ===== */
.g2-top-controls{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  flex-wrap:nowrap!important;
  min-width:0!important;
  position:relative!important;
  z-index:1000!important;
}
.g2-language-switcher{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:40px!important;
  min-width:46px!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 0 14px rgba(68,231,255,.10)!important;
  white-space:nowrap!important;
}
.g2-lang-current,
.g2-lang-menu button{
  border:0!important;
  outline:0!important;
  cursor:pointer!important;
  font-weight:950!important;
  color:#fff!important;
  background:transparent!important;
  font-size:12px!important;
  letter-spacing:.5px!important;
  padding:0 10px!important;
  height:100%!important;
  min-width:44px!important;
}
.g2-lang-current::after{content:'⌄';font-size:10px;margin-inline-start:5px;opacity:.75}
.g2-lang-menu{
  position:absolute!important;
  top:calc(100% + 8px)!important;
  inset-inline-end:0!important;
  min-width:58px!important;
  display:none!important;
  padding:6px!important;
  border-radius:14px!important;
  background:rgba(4,12,24,.96)!important;
  border:1px solid rgba(68,231,255,.22)!important;
  box-shadow:0 18px 48px rgba(0,0,0,.38),0 0 20px rgba(68,231,255,.14)!important;
}
.g2-language-switcher.open .g2-lang-menu{display:block!important}
.g2-lang-menu button{
  width:100%!important;
  height:32px!important;
  border-radius:10px!important;
}
.g2-lang-menu button:hover{background:rgba(68,231,255,.14)!important;color:#44e7ff!important}
html.g2-lang-en body{direction:ltr!important;text-align:left!important}
html.g2-lang-en .nav-inner{direction:ltr!important}
html.g2-lang-en .nav-links{direction:ltr!important}
html.g2-lang-en .fixed-mixed-text{direction:ltr!important;text-align:left!important;unicode-bidi:normal!important}
html.g2-lang-en .section-head{text-align:center!important}
html.g2-lang-en .section-head p{margin-inline:auto!important}
html.g2-lang-en .hero-subtitle{text-align:left!important}
html.g2-lang-en .g2-search-results{direction:ltr!important;text-align:left!important}
html.g2-lang-en .cart-drawer{direction:ltr!important;text-align:left!important;left:auto!important;right:0!important}
html.g2-lang-en .site-profile-dropdown{direction:ltr!important;text-align:left!important}
html.g2-lang-en .order-status-notice{text-align:left!important}
@media (min-width:981px){
  .nav-inner{grid-template-columns:auto minmax(300px,1fr) auto auto auto!important;}
  .g2-top-controls{height:40px!important;}
  .g2-top-controls .g2-currency-switcher{height:40px!important;margin:0!important;}
  .g2-top-controls .g2-currency-switcher span{font-size:10px!important;}
  .g2-top-controls .g2-currency-switcher select{height:30px!important;max-width:104px!important;font-size:11px!important;padding:3px 5px!important;}
  .g2-language-switcher{height:40px!important;min-width:45px!important;}
}
@media (min-width:981px) and (max-width:1120px){
  .nav-inner{grid-template-columns:auto minmax(260px,1fr) auto auto auto!important;}
  .g2-top-controls{gap:4px!important;}
  .g2-top-controls .g2-currency-switcher{height:36px!important;padding:4px 5px!important;}
  .g2-top-controls .g2-currency-switcher span{display:none!important;}
  .g2-top-controls .g2-currency-switcher select{height:28px!important;max-width:84px!important;font-size:10px!important;}
  .g2-language-switcher{height:36px!important;min-width:42px!important;border-radius:12px!important;}
  .g2-lang-current{font-size:11px!important;padding:0 7px!important;min-width:40px!important;}
}
@media(max-width:980px){
  .g2-top-controls{width:100%!important;order:5!important;margin-top:8px!important;}
  .g2-top-controls .g2-currency-switcher{width:auto!important;justify-content:center!important;}
  .g2-language-switcher{height:38px!important;}
}


/* ===== V44: Website-first ordering buttons ===== */
.offer-card .game-actions,
.game-card .game-actions{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  align-items:center !important;
}
.offer-card .game-actions .btn,
.game-card .game-actions .btn{
  min-height:44px !important;
  padding:10px 12px !important;
  border-radius:16px !important;
  font-size:13px !important;
  font-weight:900 !important;
  white-space:nowrap !important;
}
.offer-card .game-actions .btn:nth-child(3),
.game-card .game-actions .btn:nth-child(3){
  grid-column:auto !important;
}
.offer-card .g2-main-add-cart{
  background:linear-gradient(135deg,#44e7ff,#2f8cff) !important;
  color:#04111e !important;
  border:0 !important;
  box-shadow:0 0 18px rgba(68,231,255,.28) !important;
}
.offer-card .js-site-support,
.game-card .js-site-support{
  border-color:rgba(68,231,255,.28) !important;
  background:rgba(68,231,255,.07) !important;
}
@media(max-width:560px){
  .offer-card .game-actions,
  .game-card .game-actions{grid-template-columns:1fr !important;}
}


/* ===== V48 Admin/User Pro Additions ===== */
.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.stat-card{background:rgba(255,255,255,.06);border:1px solid rgba(68,231,255,.18);border-radius:22px;padding:18px;box-shadow:0 14px 45px rgba(0,0,0,.20)}.stat-card span{display:block;opacity:.8;font-weight:800;margin-bottom:8px}.stat-card b{display:block;font-size:30px;color:#44e7ff;margin-bottom:10px}.stat-card a{color:#fff;text-decoration:none;font-weight:900}.notification-center-list{display:grid;gap:10px}.nc-item{display:grid;gap:5px;text-decoration:none;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px}.nc-item small{opacity:.65}.order-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.order-steps span{padding:10px;border-radius:14px;text-align:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:900;font-size:12px}.order-steps span.done{background:rgba(68,231,255,.13);border-color:rgba(68,231,255,.35);color:#44e7ff}.order-steps span.current{box-shadow:0 0 18px rgba(68,231,255,.32)}.order-review-form{display:grid;gap:10px;margin-top:20px}.payment-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.payment-steps span{padding:10px 8px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);font-weight:900;text-align:center;font-size:12px}.payment-steps span.active{background:rgba(68,231,255,.12);border-color:rgba(68,231,255,.35);color:#44e7ff}@media(max-width:900px){.dashboard-grid{grid-template-columns:1fr}.order-steps,.payment-steps{grid-template-columns:1fr 1fr}}

/* ===== V50: Ultra Compact Offer Cards ===== */
/* يخلي الأوفرات أصغر وأكتر احترافية بدون التأثير على كروت الألعاب */
.offers-list{
  grid-template-columns:repeat(auto-fit, minmax(185px, 1fr)) !important;
  gap:12px !important;
}
.offer-card{
  padding:10px !important;
  border-radius:18px !important;
  gap:6px !important;
  min-height:0 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.16) !important;
}
.offer-card:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
}
.offer-card::before{
  width:115px !important;
  height:115px !important;
  top:-55px !important;
  left:-55px !important;
  opacity:.75 !important;
}
.offer-card .offer-image{
  height:92px !important;
  padding:6px !important;
  margin-bottom:3px !important;
  border-radius:14px !important;
}
.offer-card .game-top{
  margin:0 0 2px !important;
  min-height:0 !important;
}
.offer-card .game-badge{
  font-size:10px !important;
  padding:4px 8px !important;
  border-radius:999px !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
.offer-card h3{
  font-size:16px !important;
  line-height:1.25 !important;
  margin:2px 0 2px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.offer-card p{
  font-size:12px !important;
  line-height:1.45 !important;
  margin:0 0 2px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:1 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
}
.offer-card .offer-price{
  margin:2px 0 5px !important;
  line-height:1.05 !important;
  gap:5px !important;
  justify-content:center !important;
}
.offer-card .price-current{
  font-size:20px !important;
  line-height:1.05 !important;
}
.offer-card .old-price{
  font-size:11px !important;
}
.offer-card .game-actions{
  grid-template-columns:1fr 1fr !important;
  gap:6px !important;
  margin-top:3px !important;
}
.offer-card .game-actions .btn{
  min-height:34px !important;
  padding:7px 8px !important;
  border-radius:12px !important;
  font-size:11.5px !important;
  line-height:1.15 !important;
}
.offer-card .g2-main-add-cart{
  box-shadow:0 0 12px rgba(68,231,255,.22) !important;
}
@media (min-width:1200px){
  .offers-list{
    grid-template-columns:repeat(auto-fit, minmax(178px, 1fr)) !important;
  }
}
@media (max-width:760px){
  .offers-list{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:10px !important;
  }
  .offer-card{
    padding:9px !important;
    border-radius:16px !important;
  }
  .offer-card .offer-image{
    height:78px !important;
    padding:5px !important;
    border-radius:12px !important;
  }
  .offer-card .game-badge{
    font-size:9px !important;
    padding:3px 7px !important;
  }
  .offer-card h3{
    font-size:14px !important;
    line-height:1.25 !important;
    margin:2px 0 !important;
  }
  .offer-card p{
    display:none !important;
  }
  .offer-card .price-current{
    font-size:17px !important;
  }
  .offer-card .old-price{
    font-size:10px !important;
  }
  .offer-card .game-actions{
    grid-template-columns:1fr !important;
    gap:5px !important;
  }
  .offer-card .game-actions .btn{
    min-height:31px !important;
    padding:6px 7px !important;
    font-size:11px !important;
    border-radius:11px !important;
  }
}
@media (max-width:360px){
  .offers-list{
    grid-template-columns:1fr !important;
  }
  .offer-card .offer-image{
    height:96px !important;
  }
  .offer-card p{
    display:-webkit-box !important;
    -webkit-line-clamp:1 !important;
  }
  .offer-card .game-actions{
    grid-template-columns:1fr 1fr !important;
  }
}

/* ===== V51: Balanced Offer Cards + Website Checkout UX ===== */
.offers-list{
  grid-template-columns:repeat(auto-fit, minmax(218px, 1fr)) !important;
  gap:14px !important;
}
.offer-card{
  padding:13px !important;
  border-radius:20px !important;
  gap:7px !important;
}
.offer-card .offer-image{
  height:118px !important;
  padding:7px !important;
  margin-bottom:5px !important;
  border-radius:15px !important;
}
.offer-card h3{
  font-size:18px !important;
  line-height:1.3 !important;
  margin:4px 0 3px !important;
}
.offer-card p{
  font-size:12.5px !important;
  line-height:1.45 !important;
  margin-bottom:4px !important;
  -webkit-line-clamp:2 !important;
}
.offer-card .price-current{
  font-size:22px !important;
}
.offer-card .game-actions{
  gap:7px !important;
  margin-top:5px !important;
}
.offer-card .game-actions .btn{
  min-height:38px !important;
  padding:8px 9px !important;
  border-radius:13px !important;
  font-size:12px !important;
}
.offer-card .g2-main-buy-now{
  border-color:rgba(68,231,255,.32) !important;
  background:rgba(68,231,255,.08) !important;
  color:#ffffff !important;
}
.offer-card .g2-main-buy-now:hover{
  background:rgba(68,231,255,.16) !important;
}
@media (min-width:1280px){
  .offers-list{ grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important; }
}
@media (max-width:760px){
  .offers-list{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; gap:11px !important; }
  .offer-card{ padding:10px !important; border-radius:17px !important; }
  .offer-card .offer-image{ height:92px !important; }
  .offer-card h3{ font-size:15px !important; }
  .offer-card p{ display:-webkit-box !important; -webkit-line-clamp:1 !important; }
  .offer-card .price-current{ font-size:18px !important; }
  .offer-card .game-actions{ grid-template-columns:1fr !important; }
}
@media (max-width:360px){
  .offers-list{ grid-template-columns:1fr !important; }
  .offer-card .offer-image{ height:115px !important; }
  .offer-card .game-actions{ grid-template-columns:1fr 1fr !important; }
}
.cart-line-price{
  display:grid !important;
  gap:3px !important;
  margin:0 0 10px !important;
  color:#44e7ff !important;
}
.cart-line-price b{
  font-size:16px !important;
  font-weight:950 !important;
}
.cart-line-price small{
  color:rgba(255,255,255,.58) !important;
  font-size:11px !important;
  direction:ltr !important;
}
.cart-totals-box{
  margin:12px 0 10px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(68,231,255,.08) !important;
  border:1px solid rgba(68,231,255,.20) !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:10px !important;
}
.cart-totals-box span{
  color:rgba(255,255,255,.78) !important;
  font-weight:900 !important;
}
.cart-totals-box b{
  color:#44e7ff !important;
  font-size:18px !important;
  font-weight:950 !important;
}
.cart-order.payment{
  background:linear-gradient(135deg,#44e7ff,#2f8cff) !important;
  color:#04111e !important;
  box-shadow:0 0 18px rgba(68,231,255,.22) !important;
}
.cart-order.support{
  background:rgba(255,255,255,.08) !important;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.cart-order.support:hover{
  border-color:rgba(68,231,255,.32) !important;
  background:rgba(68,231,255,.09) !important;
}
.cart-order.payment.disabled,
.cart-order.payment:disabled{
  opacity:.45 !important;
  pointer-events:none !important;
  cursor:not-allowed !important;
}
.payment-order-summary{
  margin:18px 0 !important;
}
.payment-summary-card{
  border:1px solid rgba(68,231,255,.18) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03)) !important;
  border-radius:22px !important;
  padding:16px !important;
  display:grid !important;
  gap:12px !important;
}
.payment-summary-head,
.payment-summary-item,
.payment-summary-totals p{
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:12px !important;
}
.payment-summary-head span{
  color:rgba(255,255,255,.78) !important;
  font-weight:900 !important;
}
.payment-summary-head b{
  color:#44e7ff !important;
}
.payment-summary-item{
  padding:10px 0 !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}
.payment-summary-item b{
  color:#fff !important;
}
.payment-summary-item span,
.payment-summary-price small{
  display:block !important;
  color:rgba(255,255,255,.58) !important;
  font-size:12px !important;
  margin-top:3px !important;
}
.payment-summary-price{
  text-align:end !important;
}
.payment-summary-price b{
  color:#44e7ff !important;
}
.payment-summary-totals{
  border-top:1px solid rgba(255,255,255,.10) !important;
  padding-top:10px !important;
  display:grid !important;
  gap:7px !important;
}
.payment-summary-totals p{
  margin:0 !important;
  color:rgba(255,255,255,.78) !important;
}
.payment-summary-totals p b{
  color:#fff !important;
}
.payment-summary-totals .payment-due{
  padding-top:8px !important;
  color:#fff !important;
}
.payment-summary-totals .payment-due b{
  color:#44e7ff !important;
  font-size:22px !important;
}
.payment-summary-warn{
  border:1px solid rgba(255,193,7,.28) !important;
  background:rgba(255,193,7,.08) !important;
  border-radius:18px !important;
  padding:14px !important;
  color:#fff !important;
}
@media(max-width:560px){
  .payment-summary-head,
  .payment-summary-item,
  .payment-summary-totals p{ grid-template-columns:1fr !important; }
  .payment-summary-price{ text-align:start !important; }
}

/* V52 checkout / balance polish */
.cart-totals-box{display:grid;gap:8px;margin:12px 0;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045)}
.cart-totals-box p{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0;color:var(--muted,#a8b3cf);font-size:13px}
.cart-totals-box p b{color:#fff;font-size:14px}
.cart-totals-box .cart-final-due{padding-top:8px;border-top:1px solid rgba(255,255,255,.12);color:#fff;font-size:14px}
.cart-totals-box .cart-final-due b{font-size:16px}
.payment-balance-box{margin:14px 0}
.payment-balance-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(34,197,94,.28);border-radius:18px;background:rgba(34,197,94,.08)}
.payment-balance-card>div{display:flex;justify-content:space-between;gap:12px;align-items:center}
.payment-balance-card p{margin:0;color:var(--muted,#a8b3cf)}
.payment-proof-hidden{display:none!important}
.payment-summary-totals p{display:flex;justify-content:space-between;gap:12px;align-items:center}
.payment-summary-totals .payment-due{border-top:1px solid rgba(255,255,255,.12);padding-top:10px;font-weight:800}
.ok-msg{color:#86efac!important}.err-msg{color:#fca5a5!important}

/* G2LooT V57: order tracking + smoother profile ticket UI */
.profile-order-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:center}
.ticket-track-link{align-items:center;justify-content:space-between;gap:10px;margin:8px 0 12px;padding:10px 12px;border:1px solid rgba(68,231,255,.24);border-radius:14px;background:rgba(68,231,255,.08);font-size:13px;color:#dff9ff}
.ticket-track-link .btn{margin-inline-start:auto}
.order-track-card{display:grid;gap:14px}.order-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.order-steps span{padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);text-align:center;font-size:13px}.order-steps span.done{border-color:rgba(68,231,255,.45);background:rgba(68,231,255,.12)}.order-steps span.current{box-shadow:0 0 0 1px rgba(68,231,255,.7),0 0 18px rgba(68,231,255,.16)}.order-review-form{margin-top:12px;padding:14px;border:1px solid rgba(68,231,255,.22);border-radius:16px;background:rgba(255,255,255,.045);display:grid;gap:10px}.order-review-form textarea{min-height:90px}.order-cancelled-note{padding:12px;border-radius:14px;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.34);color:#ffd6d6}
@media(max-width:700px){.order-steps{grid-template-columns:1fr 1fr}.profile-order-actions{gap:6px}.ticket-track-link{flex-direction:column;align-items:flex-start}.ticket-track-link .btn{margin-inline-start:0}}

/* V59 clickable chat links + delivered review prompt */
.chat-auto-link{color:#6ee7ff;font-weight:800;text-decoration:underline;text-underline-offset:3px;word-break:break-all}
.g2-review-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:99999;padding:18px}
.g2-review-modal.active{display:flex}
.g2-review-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(6px)}
.g2-review-card{position:relative;width:min(460px,94vw);border:1px solid rgba(74,222,255,.28);background:linear-gradient(180deg,rgba(12,25,45,.98),rgba(5,12,25,.98));border-radius:22px;padding:22px;box-shadow:0 26px 80px rgba(0,0,0,.55);text-align:center}
.g2-review-card h3{margin:0 0 10px;font-size:22px}.g2-review-card p{color:rgba(255,255,255,.78);line-height:1.8;margin:0 0 18px}.g2-review-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.g2-review-close{position:absolute;top:10px;inset-inline-end:12px;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:12px;width:34px;height:34px;font-size:22px;cursor:pointer}.order-review-form.review-opened{animation:g2ReviewPulse 1.3s ease 1;border-color:rgba(74,222,255,.55)!important;box-shadow:0 0 0 4px rgba(74,222,255,.10)}@keyframes g2ReviewPulse{0%{transform:scale(.98)}60%{transform:scale(1.01)}100%{transform:scale(1)}}

/* V60 delayed auto review */
.order-review-wait{margin:12px 0;padding:12px 14px;border-radius:14px;background:rgba(74,222,255,.10);border:1px solid rgba(74,222,255,.24);color:rgba(255,255,255,.88);line-height:1.7}


/* ===== V64 PageSpeed performance polish ===== */
img{max-width:100%;height:auto}
.brand-logo{width:44px;height:44px;aspect-ratio:1/1}
.offer-image,.game-image,.proof-image{overflow:hidden;contain:layout paint;content-visibility:auto;contain-intrinsic-size:280px 200px}
.offer-image img,.game-image img,.proof-image img{width:100%;height:100%;object-fit:contain;display:block}
.home-hero-slider-card,.home-slide-click{contain:layout paint}
.home-slide-click img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;display:block}
#why,#games,#homepageDeals,#offers,#payments,#proofs,#reviews,#faq,.home-orders-section{content-visibility:auto;contain-intrinsic-size:900px}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}

/* G2Loot review login/pending cleanup */
.review-account-note{padding:11px 13px;border:1px solid rgba(68,231,255,.22);background:rgba(68,231,255,.08);border-radius:14px;color:rgba(255,255,255,.86);font-weight:800;line-height:1.7}
.review-account-note a{color:#44e7ff;font-weight:900;text-decoration:none}
.review-login-required textarea,.review-login-required select{opacity:.55;pointer-events:none}
.review-login-required button[type="submit"]{opacity:.55;cursor:not-allowed}
.pending-review-badge{display:none!important}

/* ===== V72: responsive comfort, accessibility and uncluttered navigation ===== */
html{scroll-padding-top:86px}
body{overflow-x:hidden}
[hidden]{display:none!important}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{
  outline:3px solid #ffd166!important;
  outline-offset:3px!important;
}
.g2-mobile-menu-toggle{display:none}

@media (min-width:981px){
  .nav .container{width:min(1320px,calc(100% - 32px))!important}
  .nav-inner{grid-template-columns:auto minmax(280px,1fr) auto auto auto!important;gap:8px!important}
  .nav-links{gap:11px!important}
  .nav-social a,.social-icons.nav-social a{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}
}

@media (max-width:980px){
  .nav{overflow:visible!important}
  .nav .container{width:min(100% - 24px,760px)!important}
  .nav-inner{
    display:grid!important;
    grid-template-columns:44px auto minmax(0,1fr)!important;
    grid-template-areas:
      "menu user brand"
      "controls controls controls"
      "links links links"!important;
    gap:8px!important;
    padding:8px 0!important;
    align-items:center!important;
    overflow:visible!important;
  }
  html.g2-lang-en .nav-inner{
    grid-template-columns:minmax(0,1fr) auto 44px!important;
    grid-template-areas:
      "brand user menu"
      "controls controls controls"
      "links links links"!important;
  }
  .nav-inner>.brand{grid-area:brand;min-width:0!important;gap:8px!important}
  .nav-inner>.brand .brand-logo{width:42px!important;height:42px!important;flex:0 0 42px!important}
  .nav-inner>.brand .brand-text{font-size:18px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important}
  .nav-inner>#siteUserMenu{grid-area:user;min-width:0!important;width:auto!important;justify-self:center}
  .nav-inner>#g2TopControls{grid-area:controls;width:100%!important;margin:0!important;justify-content:center!important}
  .nav-inner>.nav-social{display:none!important}
  .g2-mobile-menu-toggle{
    grid-area:menu;
    display:grid!important;
    width:44px;height:44px;padding:10px;
    border-radius:14px;border:1px solid rgba(255,255,255,.17);
    background:rgba(255,255,255,.08);cursor:pointer;align-content:center;gap:5px;
  }
  .g2-mobile-menu-toggle span{display:block;width:100%;height:2px;border-radius:9px;background:#fff;transition:.2s ease}
  .nav.mobile-open .g2-mobile-menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav.mobile-open .g2-mobile-menu-toggle span:nth-child(2){opacity:0}
  .nav.mobile-open .g2-mobile-menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .nav-inner>.nav-links{
    grid-area:links;
    display:none!important;
    width:100%!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px!important;
    padding:8px 0 2px!important;
    overflow:visible!important;
  }
  .nav.mobile-open .nav-links{display:grid!important}
  .nav-links a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px!important;border-radius:13px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);font-size:13px!important;text-align:center}
  .site-profile-btn{min-width:44px!important;min-height:44px!important;padding:5px!important}
  .site-profile-dropdown{position:fixed!important;top:70px!important;right:12px!important;left:12px!important;width:auto!important;max-height:calc(100dvh - 88px);overflow:auto}
  html.g2-lang-en .site-profile-dropdown{right:12px!important;left:12px!important}
  .sticky-contact{display:none!important}
}

@media (max-width:560px){
  .container{width:min(100% - 24px,1180px)}
  .nav-inner{
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-areas:
      "menu brand brand"
      "controls controls user"
      "links links links"!important;
  }
  html.g2-lang-en .nav-inner{
    grid-template-columns:auto minmax(0,1fr) 44px!important;
    grid-template-areas:
      "brand brand menu"
      "user controls controls"
      "links links links"!important;
  }
  .nav-inner>.brand{width:100%!important;justify-content:flex-start!important}
  .nav-inner>.brand .brand-text{font-size:17px!important;overflow:visible!important;text-overflow:clip!important}
  .nav-inner>#siteUserMenu{justify-self:center!important}
  .nav-inner>#g2TopControls{justify-content:center!important}
  .g2-top-controls .g2-currency-switcher span{display:none!important}
  .g2-top-controls .g2-currency-switcher{width:auto!important;padding-inline:6px!important}
  .g2-top-controls .g2-currency-switcher select{width:104px!important;max-width:104px!important;padding-inline:5px!important}
  .g2-language-switcher{min-width:42px!important}
  .section{padding:44px 0!important}
  .hero{padding:34px 0 28px!important}
  .hero h1{font-size:clamp(34px,10vw,48px)!important;line-height:1.12!important}
  .hero-subtitle{font-size:15px!important;line-height:1.85!important}
  .hero .actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}
  .hero .actions .btn{width:100%!important;min-height:48px!important}
  .micro-trust{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
  .micro-trust span{justify-content:center;text-align:center;font-size:11px!important}
  .stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .stat{padding:15px 8px!important;min-height:105px!important}
  .stat b{font-size:25px!important}
  .home-hero-slider,.home-hero-slider-card{min-height:330px!important;border-radius:20px!important}
  .offers-list{grid-template-columns:1fr!important;gap:13px!important}
  .offer-card{padding:13px!important}
  .offer-card .offer-image{height:150px!important}
  .offer-card h3{font-size:18px!important}
  .offer-card p{display:-webkit-box!important;-webkit-line-clamp:2!important}
  .offer-card .game-actions{grid-template-columns:1fr 1fr!important}
  .offer-card .game-actions .btn{min-height:43px!important;font-size:12px!important}
  .cards,.games-grid,.proofs-grid,.reviews-grid{grid-template-columns:1fr!important}
  .cart-fab,#siteChatFab{width:56px!important;height:56px!important;bottom:max(14px,env(safe-area-inset-bottom))!important;border-radius:18px!important}
  .cart-fab{left:14px!important}
  #siteChatFab{right:14px!important}
  .site-chat-panel{
    position:fixed!important;right:10px!important;left:10px!important;top:auto!important;
    bottom:calc(78px + env(safe-area-inset-bottom))!important;
    width:auto!important;height:min(610px,calc(100dvh - 96px))!important;border-radius:20px!important;
  }
  .site-chat-panel header{padding:10px 12px!important;gap:7px!important}
  .site-chat-head-actions{gap:5px!important}
  .site-chat-end{font-size:11px!important;padding:7px 9px!important}
  #siteChatForm{padding:9px!important}
  .site-chat-form-row{gap:6px!important}
  .chat-upload-label{width:40px!important;height:44px!important;flex:0 0 40px!important}
  #siteChatForm input{min-width:0!important;padding:10px!important}
  #siteChatForm button{min-height:44px!important;padding:0 11px!important}
  .cart-drawer{width:100%!important;max-width:none!important;padding:16px 14px calc(18px + env(safe-area-inset-bottom))!important}
  .cart-item{align-items:flex-start!important}
  .cart-item-img{width:62px!important;height:62px!important}
  .cart-actions{grid-template-columns:1fr!important}
  .account-card{width:100%!important;padding:17px 14px!important;border-radius:20px!important}
  .profile-page{padding:16px 12px!important}
  .auth-hero-head h1{font-size:clamp(32px,11vw,46px)!important}
}

@media (max-width:370px){
  .nav-inner>.brand .brand-text{font-size:16px!important}
  .g2-top-controls .g2-currency-switcher span{display:none!important}
  .offer-card .game-actions{grid-template-columns:1fr!important}
}

/* ===== V73: social sign-in readiness ===== */
.social-auth-btn.is-pending{opacity:.72!important;cursor:not-allowed!important;position:relative!important;pointer-events:none!important}
.social-auth-btn.is-pending:hover{transform:none!important;box-shadow:none!important}
.social-auth-state{font-size:10px!important;line-height:1!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(255,209,102,.14)!important;border:1px solid rgba(255,209,102,.35)!important;color:#ffd166!important;white-space:nowrap!important}

/* ===== V76: sales clarity, recent views and checkout comfort ===== */
html.g2-lang-en .section-head{text-align:center!important}
html.g2-lang-en .section-head p{margin-inline:auto!important}
html.g2-lang-en section#orders.compact-home-orders .home-orders-container{justify-content:center!important}
html.g2-lang-en section#orders.compact-home-orders .home-orders-head{flex:1 0 100%!important;text-align:center!important}
html.g2-lang-en section#orders.compact-home-orders .home-orders-box{justify-content:center!important}
.offer-sales-meta{display:flex;gap:6px;align-items:center;justify-content:center;flex-wrap:wrap;margin:2px 0 5px}
.stock-pill,.delivery-pill,.best-seller-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:900;line-height:1.2}
.stock-pill.available{color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3)}
.stock-pill.limited{color:#fde68a;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.32)}
.stock-pill.out{color:#fecaca;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3)}
.delivery-pill{color:#bfefff;background:rgba(68,231,255,.08);border:1px solid rgba(68,231,255,.2)}
.best-seller-badge{color:#07111f;background:linear-gradient(135deg,#ffd166,#ff9f43);box-shadow:0 0 16px rgba(255,209,102,.25);margin-inline-start:auto}
.offer-card.is-out-of-stock .offer-image{filter:grayscale(.7);opacity:.68}.offer-card.is-out-of-stock .price-current{opacity:.62}
.secure-purchase-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.secure-purchase-card{padding:18px;border-radius:20px;border:1px solid rgba(68,231,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(68,231,255,.035));text-align:center}.secure-purchase-card span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;margin:0 auto 12px;background:rgba(68,231,255,.1);border:1px solid rgba(68,231,255,.22);font-size:23px}.secure-purchase-card h3{font-size:17px;margin:0 0 7px}.secure-purchase-card p{font-size:13px;line-height:1.65;color:var(--muted);margin:0}
.recently-viewed-section{padding:42px 0!important}.recently-viewed-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.recently-viewed-card{display:grid;grid-template-columns:62px 1fr;gap:11px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#fff;text-decoration:none;transition:.2s ease}.recently-viewed-card:hover{transform:translateY(-3px);border-color:rgba(68,231,255,.35);background:rgba(68,231,255,.08)}.recently-viewed-card img,.recently-viewed-placeholder{width:62px;height:62px;border-radius:14px;object-fit:contain;background:rgba(255,255,255,.06);display:grid;place-items:center}.recently-viewed-card b,.recently-viewed-card small{display:block}.recently-viewed-card small{color:#44e7ff;margin-top:5px}
.cart-return-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,18px);z-index:999998;width:min(520px,calc(100% - 28px));display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:14px;border-radius:19px;border:1px solid rgba(68,231,255,.32);background:rgba(5,15,29,.97);box-shadow:0 20px 65px rgba(0,0,0,.5),0 0 25px rgba(68,231,255,.13);opacity:0;pointer-events:none;transition:.25s ease}.cart-return-toast.active{opacity:1;transform:translate(-50%,0);pointer-events:auto}.cart-return-toast b,.cart-return-toast small{display:block}.cart-return-toast small{color:var(--muted);margin-top:3px}.cart-return-toast button{border:0;border-radius:13px;padding:9px 12px;font-weight:900;cursor:pointer}.cart-return-open{background:#44e7ff;color:#06111f}.cart-return-dismiss{background:rgba(255,255,255,.08);color:#fff}
#paymentProofForm{display:grid;gap:12px}#paymentProofForm>button{min-height:48px;justify-content:center}
@media(max-width:900px){.secure-purchase-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.secure-purchase-grid{grid-template-columns:1fr}.secure-purchase-card{text-align:start;display:grid;grid-template-columns:48px 1fr;column-gap:12px}.secure-purchase-card span{grid-row:1/3;margin:0}.secure-purchase-card h3{align-self:end}.cart-return-toast{grid-template-columns:1fr 1fr;bottom:12px}.cart-return-toast>div{grid-column:1/-1}.cart-return-toast button{min-height:42px}.payment-steps{grid-template-columns:1fr 1fr!important}.payment-steps span{font-size:11px!important}.payment-page .account-card,#paymentProofForm{width:100%}.recently-viewed-grid{grid-template-columns:1fr}}

/* ===== V81: professional footer, compact social icons and support status ===== */
.social-icons a[hidden]{display:none!important}
.nav-social a,.social-icons.nav-social a{
  width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;
  border-radius:12px!important;padding:0!important
}
.nav-social svg,.social-icons.nav-social svg{width:17px!important;height:17px!important}
.g2-site-footer{
  position:relative;margin-top:76px;padding:0 0 88px;overflow:hidden;
  border-top:1px solid rgba(255,255,255,.09);background:#02070e;color:#eef7ff
}
.g2-site-footer:before{
  content:"";position:absolute;inset:0 auto auto 50%;transform:translateX(-50%);width:min(980px,90vw);height:1px;
  background:linear-gradient(90deg,transparent,rgba(68,231,255,.55),transparent);opacity:.65
}
.g2-footer-grid{
  position:relative;display:grid;grid-template-columns:minmax(250px,1.35fr) minmax(130px,.62fr) minmax(145px,.7fr) minmax(250px,1fr);
  gap:44px;padding-top:58px;padding-bottom:44px
}
.g2-footer-brand{min-width:0}.g2-footer-logo{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-size:20px;font-weight:950;letter-spacing:.2px}
.g2-footer-logo img{width:46px;height:46px;object-fit:contain;border-radius:15px;box-shadow:0 0 22px rgba(68,231,255,.16)}
.g2-footer-brand>p{max-width:410px;margin:18px 0 20px;color:#8fa6bd;font-size:13px;line-height:1.85}
.g2-footer-socials{display:flex;gap:9px;align-items:center;flex-wrap:wrap}
.g2-footer-socials a{
  display:grid!important;place-items:center!important;width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;
  padding:0!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;
  background:rgba(255,255,255,.045)!important;color:#44e7ff!important;transition:transform .18s ease,border-color .18s ease,background .18s ease!important
}
.g2-footer-socials a:hover{transform:translateY(-2px);border-color:rgba(68,231,255,.34)!important;background:rgba(68,231,255,.1)!important}
.g2-footer-socials svg{display:block;width:16px!important;height:16px!important;fill:currentColor!important}
.g2-footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.g2-footer-links h3{margin:2px 0 10px;color:#78ddff;font-size:11px;font-weight:950;letter-spacing:2.2px;text-transform:uppercase}
.g2-footer-links a{color:#91a7bd;text-decoration:none;font-size:13px;line-height:1.5;transition:color .18s ease,transform .18s ease}
.g2-footer-links a:hover{color:#fff;transform:translateX(2px)}
[dir="rtl"] .g2-footer-links a:hover{transform:translateX(-2px)}
.g2-footer-trust{
  align-self:start;display:grid;grid-template-columns:34px 1fr;column-gap:11px;row-gap:7px;padding:20px;border-radius:20px;
  border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(68,231,255,.025));
  color:#fff;text-decoration:none;box-shadow:0 18px 50px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease
}
.g2-footer-trust:hover{transform:translateY(-3px);border-color:rgba(68,231,255,.35)}
.g2-footer-trust>span{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(68,231,255,.09);color:#44e7ff}
.g2-footer-trust svg{width:18px;height:18px;fill:currentColor}.g2-footer-trust strong{align-self:center;color:#55dcff;font-size:13px}.g2-footer-trust p{margin:0;color:#8fa6bd;font-size:12px;line-height:1.75}
.g2-footer-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:27px;padding-bottom:27px;
  border-top:1px solid rgba(255,255,255,.08);color:#72889e;font-size:10px;font-weight:850;letter-spacing:1.1px;text-transform:uppercase
}
.g2-footer-powered a{color:#fff;text-decoration:none;font-weight:950}.g2-footer-powered a:hover{color:#44e7ff}
.g2-footer-status{display:inline-flex;align-items:center;gap:8px;color:#54e89b}.g2-footer-status i{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 14px currentColor}
.g2-footer-status.is-away{color:#ffd166}.g2-site-footer[dir="rtl"] .g2-footer-bottom{text-transform:none;letter-spacing:.2px}
@media(max-width:980px){
  .g2-footer-grid{grid-template-columns:minmax(250px,1.4fr) 1fr 1fr;gap:34px}.g2-footer-trust{grid-column:1/-1}
}
@media(max-width:680px){
  .g2-site-footer{margin-top:54px;padding-bottom:84px}.g2-footer-grid{grid-template-columns:1fr 1fr;gap:34px 22px;padding-top:42px;padding-bottom:34px}
  .g2-footer-brand,.g2-footer-trust{grid-column:1/-1}.g2-footer-brand>p{font-size:12px}.g2-footer-links h3{letter-spacing:1.5px}
  .g2-footer-bottom{align-items:flex-start;flex-direction:column;gap:13px;padding-top:22px;padding-bottom:23px;line-height:1.65}
}
@media(max-width:390px){.g2-footer-grid{grid-template-columns:1fr}.g2-footer-brand,.g2-footer-trust{grid-column:auto}.g2-footer-trust{padding:17px}.g2-footer-socials{gap:7px}}

/* ===== V82: rule-based support assistant ===== */
.site-chat-msg.bot,.chat-message.bot{
  background:linear-gradient(145deg,rgba(124,92,255,.18),rgba(68,231,255,.11))!important;
  border-color:rgba(139,126,255,.34)!important
}
.site-chat-msg.bot>b,.chat-message.bot>b{color:#c9c2ff!important}
.site-chat-msg.system{background:rgba(255,209,102,.08)!important;border-color:rgba(255,209,102,.22)!important}
.g2-chat-quick-replies{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.g2-chat-quick-replies button{
  border:1px solid rgba(68,231,255,.25);border-radius:999px;padding:8px 10px;background:rgba(68,231,255,.08);
  color:#dffaff;font:inherit;font-size:11px;font-weight:900;cursor:pointer;transition:.18s ease
}
.g2-chat-quick-replies button:hover{background:rgba(68,231,255,.17);border-color:rgba(68,231,255,.46);transform:translateY(-1px)}
.site-chat-msg .chat-auto-link{color:#73eaff;font-weight:900;word-break:break-word;text-decoration:underline;text-underline-offset:3px}
@media(max-width:420px){.g2-chat-quick-replies{display:grid;grid-template-columns:1fr 1fr}.g2-chat-quick-replies button{min-height:38px}}
/* ===== V84 sales experience: honest urgency, wishlist and cart recovery ===== */
.offer-card{position:relative}
.offer-wishlist-btn{position:absolute;inset-inline-end:12px;top:12px;z-index:3;width:38px;height:38px;border:1px solid rgba(148,163,184,.3);border-radius:50%;background:rgba(7,15,28,.88);color:#dbeafe;font-size:24px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:.2s ease}
.offer-wishlist-btn:hover,.offer-wishlist-btn.active{color:#fb7185;border-color:rgba(251,113,133,.7);transform:translateY(-1px);box-shadow:0 8px 24px rgba(244,63,94,.18)}
.offer-real-countdown{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border:1px solid rgba(56,189,248,.25);background:rgba(14,116,144,.1);border-radius:11px;color:#b9d8ec;font-size:.8rem}
.offer-real-countdown b{direction:ltr;color:#67e8f9;font-variant-numeric:tabular-nums;white-space:nowrap}
.offer-card.offer-ended .game-actions{opacity:.5;pointer-events:none}
.wishlist-fab{position:fixed;inset-inline-end:22px;bottom:94px;z-index:1040;width:54px;height:54px;border:1px solid rgba(251,113,133,.45);border-radius:50%;background:#101a2a;color:#fb7185;font-size:25px;box-shadow:0 12px 34px rgba(0,0,0,.35);cursor:pointer}
.wishlist-fab span{position:absolute;inset-inline-end:-3px;top:-3px;min-width:20px;height:20px;border-radius:999px;background:#fb7185;color:#07101d;font-size:11px;font-weight:900;display:grid;place-items:center;padding:0 4px}
.sales-layer{position:fixed;inset:0;z-index:1200;display:none}.sales-layer.active{display:block}.sales-layer-backdrop{position:absolute;inset:0;border:0;background:rgba(0,5,12,.72);backdrop-filter:blur(3px);width:100%;height:100%}
.wishlist-panel{position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(430px,94vw);background:#081321;border-inline-start:1px solid rgba(148,163,184,.25);box-shadow:0 0 45px rgba(0,0,0,.45);padding:22px;overflow:auto}
.wishlist-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:20px}.wishlist-head h3{margin:0 0 4px;font-size:1.5rem}.wishlist-head p{margin:0;color:#9eb2c8;font-size:.9rem}.wishlist-close{width:40px;height:40px;border-radius:11px;border:1px solid rgba(148,163,184,.3);background:#152235;color:#fff;font-size:25px;cursor:pointer}
.wishlist-items{display:grid;gap:12px}.wishlist-item{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:12px;border:1px solid rgba(148,163,184,.22);border-radius:14px;background:#0d1929}.wishlist-item img,.wishlist-placeholder{width:72px;height:72px;border-radius:11px;object-fit:cover;background:#152235;display:grid;place-items:center}.wishlist-item a{color:#f8fafc;text-decoration:none}.wishlist-item small{display:block;color:#5ee0f2;margin-top:5px}.wishlist-item-actions{display:flex;gap:8px;align-items:center;margin-top:9px}.wishlist-remove{border:0;background:transparent;color:#fda4af;cursor:pointer}.wishlist-empty{text-align:center;padding:60px 10px;color:#9eb2c8;font-size:2.2rem}.wishlist-empty p{font-size:1rem}.sales-layer-open{overflow:hidden}
.cart-reminder-preference{margin:10px 0;padding:11px 12px;border:1px solid rgba(56,189,248,.25);border-radius:12px;background:rgba(14,116,144,.08)}.cart-reminder-preference label{display:flex;align-items:flex-start;gap:9px;cursor:pointer}.cart-reminder-preference input{margin-top:4px}.cart-reminder-preference span{display:grid;gap:3px}.cart-reminder-preference small,.cart-reminder-preference p{color:#9eb2c8;font-size:.78rem;line-height:1.5;margin:0}
.cart-recommendations{margin:10px 0;padding:12px;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:#0b1726}.cart-recommendations h4{margin:0 0 10px}.cart-recommendations>div{display:grid;gap:8px}.cart-recommendations article{display:grid;grid-template-columns:44px 1fr 34px;align-items:center;gap:9px}.cart-recommendations img{width:44px;height:44px;border-radius:9px;object-fit:cover}.cart-recommendations span{min-width:0}.cart-recommendations b,.cart-recommendations small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-recommendations small{color:#67e8f9;margin-top:2px}.cart-recommendations button{width:32px;height:32px;border:0;border-radius:9px;background:#25c5e8;color:#06111d;font-size:20px;font-weight:900;cursor:pointer}
.sales-announcement{position:relative;z-index:1060;min-height:38px;padding:8px 14px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center;background:linear-gradient(90deg,#1d4ed8,#0891b2);color:#fff;text-decoration:none;font-size:.88rem}.sales-announcement span{color:#fde68a}
.real-purchase-toast{position:fixed;inset-inline-start:18px;bottom:22px;z-index:1050;max-width:min(360px,calc(100vw - 36px));display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(52,211,153,.38);border-radius:14px;background:rgba(7,20,31,.96);box-shadow:0 16px 40px rgba(0,0,0,.42);opacity:0;transform:translateY(15px);transition:.25s ease}.real-purchase-toast.active{opacity:1;transform:none}.real-purchase-toast>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(16,185,129,.17);color:#6ee7b7;font-weight:900}.real-purchase-toast div{display:grid;gap:3px}.real-purchase-toast small{color:#b9cadd}.real-purchase-toast button{grid-column:3;grid-row:1;border:0;background:transparent;color:#94a3b8;font-size:18px;cursor:pointer}
.g2-sales-message{position:fixed;left:50%;bottom:22px;z-index:1300;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#073b34;border:1px solid #34d399;color:#d1fae5;padding:10px 16px;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.35);transition:.2s ease;max-width:90vw;text-align:center}.g2-sales-message.error{background:#451a22;border-color:#fb7185;color:#ffe4e6}.g2-sales-message.active{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.wishlist-fab{inset-inline-end:14px;bottom:82px;width:48px;height:48px}.offer-wishlist-btn{width:35px;height:35px}.real-purchase-toast{bottom:78px}.sales-announcement{font-size:.78rem}.wishlist-panel{padding:16px}.cart-recommendations article{grid-template-columns:40px 1fr 32px}}
