:root{--bg:#0b0f14;--panel:#121821;--text:#e9eef6;--muted:#9fb3c8;--neon:#21e5a1;--accent:#39c2ff;--card:#0f141c;--shadow:0 10px 30px rgba(0,0,0,.45);--radius:18px}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:24px}
.header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:20px}.brand-dot{color:var(--neon)}.brand-text .bet{color:var(--neon)}
.nav{display:flex;gap:18px;align-items:center;margin-left:auto;flex-wrap:wrap}
.btn{border:1px solid rgba(255,255,255,.08);padding:12px 18px;border-radius:999px;background:transparent;color:var(--text);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.15;min-height:44px}
.btn.primary{background:linear-gradient(90deg,var(--neon),var(--accent));color:#012a24;border:none;font-weight:800}.btn.ghost{background:rgba(255,255,255,.06)}.btn.lang{min-width:72px}
.hero{padding:28px 0 18px;text-align:center}
.hero h1{font-size:42px;margin:0 0 10px}
.hero .sub{color:var(--muted);max-width:860px;margin:0 auto}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:26px}

.market{margin-top:14px}
.controls{display:grid;grid-template-columns:1fr repeat(3,minmax(140px,220px));gap:12px;position:sticky;top:0;padding:12px;background:linear-gradient(180deg,rgba(11,15,20,.95),rgba(11,15,20,.85));backdrop-filter:blur(6px);z-index:2;border-bottom:1px solid rgba(255,255,255,.06)}
.controls input,.controls select{background:var(--panel);color:var(--text);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:11px 12px}
.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}
.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted);display:inline-flex;gap:8px;align-items:center}
.chip button{all:unset;cursor:pointer;opacity:.8}
.reset{margin-left:auto}

.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:18px 0}
@media (max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
.card{position:relative;background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
.thumb-wrap{background:#000;display:flex;align-items:center;justify-content:center;aspect-ratio:3/4}
.thumb{width:100%;height:100%;object-fit:contain}
.meta{padding:12px}
.name{font-weight:800;margin:0 0 4px}
.badges{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}
.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.06);color:var(--muted)}
.price{font-weight:800;margin:6px 0 10px}
.card .price{margin-bottom:22px}
.ctas{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.cta{text-align:center;border-radius:10px;padding:9px 10px;font-weight:700;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04)}
.cta.primary{background:linear-gradient(90deg,var(--neon),var(--accent));border:none;color:#012a24}
.copy{position:absolute;top:10px;right:10px;background:rgba(255,255,255,.08);border-radius:999px;padding:6px 8px;font-size:12px}
.featured::before{content:'FEATURED';position:absolute;top:10px;left:10px;background:linear-gradient(90deg,var(--neon),var(--accent));color:#012a24;font-weight:800;padding:6px 10px;border-radius:999px;font-size:12px}
.new-badge{position:absolute;top:10px;left:110px;background:rgba(57,194,255,.15);color:#39c2ff;font-weight:800;padding:6px 10px;border-radius:999px;font-size:12px}

.empty{opacity:.7;text-align:center;padding:24px}.hidden{display:none}
.how{margin-top:40px}.steps{display:grid;gap:8px}.legal{color:var(--muted);font-size:14px;margin-top:10px}
.contact{margin-top:40px}.form{display:grid;gap:12px;max-width:640px}.form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form input,.form textarea{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:var(--panel);color:var(--text);padding:10px 12px}
.footer{display:flex;justify-content:space-between;opacity:.8;margin-top:32px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08)}

/* Mobile refinements */
@media (max-width:900px){
  .hero h1{font-size:38px}
  .hero .sub{font-size:16px}
}
@media (max-width:600px){
  .hero{padding-top:0;margin-top:-36px}
  .hero h1{margin-top:0;line-height:1.06;font-size:34px}
  .hero .sub{margin-top:12px}
  .hero-ctas{margin-top:32px}
  .brand{width:100%;display:flex;align-items:center;justify-content:center}
  .nav{width:100%;margin-left:0;justify-content:center;gap:20px;flex-wrap:wrap}
  .btn.lang,.nav .btn{width:auto;min-width:64px;padding:6px 12px;font-size:14px;line-height:1}
  .hero-ctas .btn{width:100%}
  .controls{grid-template-columns:1fr;position:static}
  .controls input,.controls select{width:100%}
}

/* --- injected enhancements --- */
.card{display:flex;flex-direction:column} .meta{flex:1 1 auto;display:flex;flex-direction:column} .meta .price{margin-top:auto} .ctas{margin-top:12px}
.card{transition:transform .2s ease,box-shadow .2s ease} .card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.55)}
.escrow-benefits{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:14px 16px;box-shadow:var(--shadow)} .escrow-benefits::before{content:"🛡️";font-size:20px;line-height:1;margin-top:2px} .escrow-benefits h3{margin:0 0 6px} .escrow-benefits ul{margin:0;padding-left:18px;color:var(--muted)}
.hot-badge{z-index:3;position:absolute;top:10px;left:10px;background:linear-gradient(90deg,#ff512f,#ff7e00);color:#fff;font-weight:800;padding:6px 10px;border-radius:999px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;align-items:center;gap:6px} .hot-badge::before{content:"🔥";font-size:14px;line-height:1} .featured::before{z-index:2} .new-badge{z-index:2;left:auto;right:10px} .card.featured .hot-badge{top:42px} @media(max-width:600px){.hot-badge{font-size:13px;padding:7px 11px}}
body.filter-featured .grid .card:not(.featured){display:none}


/* --- V6: Subtle animated neon background for hero --- */
.hero{position:relative;overflow:hidden}
.hero::before{
  content:"";position:absolute;inset:-40%;
  background:
    radial-gradient(60% 60% at 50% 50%, rgba(33,229,161,.16), rgba(57,194,255,.06) 60%, transparent 100%),
    conic-gradient(from 0deg, rgba(33,229,161,.08), rgba(57,194,255,.05), rgba(33,229,161,.08));
  filter: blur(18px);
  animation: heroPulse 8s ease-in-out infinite alternate;
  z-index:0;
}
.hero h1,.hero .sub,.hero-ctas{position:relative;z-index:1}
@keyframes heroPulse{
  0%{transform:scale(1) rotate(0deg);opacity:.9}
  100%{transform:scale(1.08) rotate(12deg);opacity:1}
}
@media (prefers-reduced-motion: reduce){
  .hero::before{animation:none}
}



/* --- V7: Premium Header Upgrade --- */
.header{
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 10px 16px;
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.header::after{
  content:"";
  position:absolute; left:0; right:0; bottom:0; height:1px;
  background: linear-gradient(90deg, var(--neon), var(--accent));
  opacity:.7;
}
.brand{
  font-weight:900; letter-spacing:.3px;
}
.brand .bet{
  color: var(--neon);
  text-shadow: 0 0 8px rgba(33,229,161,.45), 0 0 18px rgba(33,229,161,.25);
}
.nav .btn{
  position:relative; transition:background .2s ease, transform .15s ease;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
}
.nav .btn:hover{ background: rgba(255,255,255,.08); transform: translateY(-1px); }
.nav .btn::after{
  content:""; position:absolute; left:12px; right:12px; bottom:8px; height:2px;
  background: linear-gradient(90deg, var(--neon), var(--accent));
  transform: scaleX(0); transform-origin:left; transition: transform .18s ease;
}
.nav .btn:hover::after{ transform: scaleX(1); }
.btn.lang{
  background: linear-gradient(90deg, rgba(33,229,161,.15), rgba(57,194,255,.15));
  border: none; font-weight:800;
  box-shadow: 0 6px 18px rgba(0,0,0,.25);
}
.btn.lang:hover{ background: linear-gradient(90deg, rgba(33,229,161,.22), rgba(57,194,255,.22)); }
@media (max-width:600px){
  .header{ padding: 8px 12px; border-radius: 14px; }
}



/* --- V8: Floating Back-to-Top button --- */
.to-top{
  position:fixed; right:18px; bottom:18px; z-index:50;
  width:48px; height:48px; border-radius:999px; border:none; cursor:pointer;
  background:linear-gradient(90deg,var(--neon),var(--accent)); color:#012a24;
  font-weight:900; font-size:20px; line-height:48px; text-align:center;
  box-shadow:0 12px 28px rgba(0,0,0,.45);
  opacity:0; transform:translateY(8px); pointer-events:none;
  transition:opacity .2s ease, transform .2s ease, box-shadow .2s ease;
}
.to-top.show{ opacity:1; transform:translateY(0); pointer-events:auto; }
.to-top:hover{ box-shadow:0 16px 36px rgba(0,0,0,.55); transform:translateY(-2px); }
.to-top:active{ transform:translateY(0); }
@media (max-width:600px){
  .to-top{ right:14px; bottom:14px; width:52px; height:52px; font-size:22px; line-height:52px; }
}



/* --- V10: Remove header & logo glow --- */
.header{ box-shadow:none; background:rgba(255,255,255,.04); }
.header::after{ display:none; }
.brand .bet{ text-shadow:none; }



/* --- V11: Frameless Header (no border, no background, no glow) --- */
.header{ background:transparent !important; border:none !important; border-radius:0 !important; box-shadow:none !important; }
.header::after{ display:none !important; }


/* Shortlist (heart) */
.wish{position:absolute;top:10px;right:10px;z-index:4;width:34px;height:34px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease, background .2s ease, border-color .2s ease}
.wish:hover{transform:translateY(-1px);background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
.wish span{font-size:16px}
.card.wished .wish{background:linear-gradient(90deg,var(--neon),var(--accent));color:#012a24;border:none}
/* Shortlist button badge */
#shortlistBtn{position:relative}
#shortlistBtn::after{content:attr(data-count);position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:999px;background:var(--neon);color:#012a24;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.35)}
#shortlistBtn[data-count="0"]::after{display:none}
/* Price note */
.price-note{font-size:12.5px;color:var(--neon);opacity:.95;margin-top:4px;display:block}

/* Hero cleanup */
.hero,.hero .panel,.hero .glow{background:none!important;box-shadow:none!important;border:none!important}

/* === Favorites Heart === */
.thumb-wrap{ position: relative; }
.fav-heart{
  position: absolute;
  left: 10px;
  bottom: 10px;
  width: 34px; height: 34px;
  line-height: 34px;
  text-align: center;
  border-radius: 50%;
  background: rgba(0,0,0,.4);
  backdrop-filter: blur(2px);
  box-shadow: 0 2px 6px rgba(0,0,0,.3);
  cursor: pointer;
  user-select: none;
  font-size: 18px;
  transition: transform .15s ease, background .2s ease;
}
.fav-heart:hover{ transform: scale(1.06); }
.fav-heart::before{ content: "♡"; display: block; }
.fav-heart.active{ background: rgba(255,255,255,.18); }
.fav-heart.active::before{ content: "♥"; }

/* Red heart color */
.fav-heart.active::before{ color: #ff3b3b; } /* iOS-esque red */
.fav-heart::before{ color: #ff3b3b99; } /* softer red when not active */

/* Remove hero glow/gradient background */
.hero .panel, .hero .wrap, .hero{
  background: transparent !important;
  box-shadow: none !important;
}
.hero .hero-subwrap, .hero .hero-glow{
  display: none !important;
}

/* Inline language buttons in nav (mobile) */
.main-nav-with-lang{
  display:flex; gap:18px; align-items:center;
}
@media(max-width: 640px){
  header{ display:flex; align-items:center; justify-content:space-between; }
  .main-nav-with-lang{ order:2; }
  nav .menu, .main-nav-with-lang .menu{ display:flex; gap:16px; }
  .language-switch{ display:flex; gap:8px; }
  .lang-badge{ display:none; } /* hide floating DE pill if any */
}

/* Neon hint below price */
.price-hint{
  margin-top: 4px;
  font-size: 12px;
  letter-spacing: .2px;
  text-shadow: 0 0 8px rgba(0, 255, 180, .35), 0 0 16px rgba(0, 255, 180, .22);
  color: #39f3c8;
  opacity: .95;
}

@media (max-width: 640px){
  .nav{ display:flex; gap:18px; align-items:center; flex-wrap:wrap; }
  .language-switch{ margin-left:auto; }
}


/* Force-remove hero neon glow */
.hero::before{
  content: none !important;
  display: none !important;
  background: none !important;
  animation: none !important;
}


/* === Category & TLD badges === */
.badges{
  display:flex; flex-wrap:wrap; gap:6px; margin-top:6px;
}
.badge{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 8px; border-radius:999px;
  font-size:11px; line-height:1; letter-spacing:.2px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.06);
  opacity:.95;
  transition: transform .12s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.badge:hover{ transform: translateY(-1px); cursor:pointer; }
.badge.active{
  box-shadow: 0 0 10px rgba(0,255,200,.35), 0 0 18px rgba(0,255,200,.15);
  border-color: rgba(0,255,200,.6);
}

/* TLD pill minimal */
.badge-tld{
  background: rgba(255,255,255,.04);
  border-color: rgba(255,255,255,.16);
  opacity:.9;
}

/* Category colors */
.badge-cat-casino{ color:#FFD166; background: rgba(255,209,102,.08); border-color: rgba(255,209,102,.38); }
.badge-cat-sportsbook{ color:#64FF8B; background: rgba(100,255,139,.08); border-color: rgba(100,255,139,.34); }
.badge-cat-esports{ color:#5AC8FA; background: rgba(90,200,250,.08); border-color: rgba(90,200,250,.34); }
.badge-cat-ai{ color:#39F3C8; background: rgba(57,243,200,.08); border-color: rgba(57,243,200,.34); }
.badge-cat-crypto{ color:#A874FF; background: rgba(168,116,255,.08); border-color: rgba(168,116,255,.34); }
.badge-cat-luxury{ color:#FF9FB4; background: rgba(255,159,180,.08); border-color: rgba(255,159,180,.34); }
.badge-cat-brandable{ color:#E9EEF6; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.22); }
.badge-cat-numbers{ color:#E9EEF6; background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.22); }
.badge-cat-adult{ color:#FF6B6B; background: rgba(255,107,107,.08); border-color: rgba(255,107,107,.34); }

/* Mobile spacing */
@media (max-width:640px){
  .badges{ gap:5px; }
  .badge{ padding:5px 7px; font-size:10.5px; }
}


/* === Shortlist Panel === */
.sl-panel{ position:fixed; inset:0; display:grid; place-items:center; z-index:4000; }
.sl-panel.hidden{ display:none; }
.sl-backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.6); backdrop-filter: blur(2px); }
.sl-card{
  position:relative; z-index:1;
  width:min(920px, 96vw); max-height:86vh; overflow:auto;
  background: var(--panel); color: var(--text);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px; box-shadow: var(--shadow);
  padding:16px;
}
.sl-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:12px; }
.sl-head h3{ margin:0; }
.icon-btn{ all:unset; cursor:pointer; padding:6px 10px; border-radius:8px; background: rgba(255,255,255,.06); }
.sl-list{ display:grid; grid-template-columns: 1fr; gap:10px; }
.sl-item{ display:grid; grid-template-columns: 80px 1fr auto; gap:12px; align-items:center; padding:8px; border-radius:12px; border:1px solid rgba(255,255,255,.08); background: rgba(255,255,255,.03); }
.sl-thumb{ width:80px; height:60px; object-fit:cover; border-radius:8px; background:#111; }
.sl-name{ font-weight:700; }
.sl-price{ opacity:.95; }
.sl-actions{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }
.btn.danger{ background: rgba(255,59,59,.15); border:1px solid rgba(255,59,59,.5); }
.sl-calc{ margin-top:10px; font-size:13px; opacity:.9; }
.sl-calc strong{ font-weight:800; }
@media (max-width: 640px){
  .sl-item{ grid-template-columns: 60px 1fr; grid-auto-rows:auto; }
  .sl-price{ justify-self:start; }
}


/* --- Shortlist panel stacking fix --- */
.sl-panel{ z-index: 4000; }
.sl-card{ z-index: 2; pointer-events: auto; }
.sl-backdrop{ z-index: 1; pointer-events: auto; }


/* === Bundle Offer === */
.sl-offer{ margin-top:12px; padding:10px; border-radius:12px; background: rgba(255,255,255,.03); border:1px solid rgba(255,255,255,.08); }
.sl-offer .row{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.sl-offer input[type="range"]{ width:220px; }
.sl-offer .pill{ padding:6px 10px; border-radius:999px; background: rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); font-size:12px; }
.sl-offer .copy{ all:unset; cursor:pointer; padding:6px 10px; border-radius:8px; background: rgba(0,255,200,.12); border:1px solid rgba(0,255,200,.5); }
@media (max-width:640px){ .sl-offer input[type="range"]{ width:160px; } }

.sl-panel{ z-index:4000; }