/* XNAV2 — embedded (not sticky), reliable (no async CSS dependency) */
:root{
  --x-bg:#ffffff;
  --x-ink:#0f172a;
  --x-muted:#475569;
  --x-border:rgba(15,23,42,.10);
  --x-shadow:0 10px 28px rgba(15,23,42,.06);
  --x-accent:#ff6a00;
  --x-accent2:#ff8a00;
  --x-radius:16px;
}
body{background:#eef4fb;color:var(--x-ink)}

/* Premium badge — gold + bold "Premium" label (global) */
.premium-tag{
  background: linear-gradient(135deg, #d4af37, #ffd36a);
  border-color: rgba(0,0,0,.20) !important;
  color: #111827 !important;
}
.premium-tag .premium-text{font-weight: 900 !important;}
.xnav2{
  position:relative;
  z-index: 1000;
  background:rgba(255,255,255,.92);
  border-bottom:1px solid var(--x-border);
  box-shadow:var(--x-shadow);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.xnav2-inner{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.xnav2-brand{
  display:flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:var(--x-ink);
  font-weight:600;
  letter-spacing:.2px;
  min-width:0;
}
.xnav2-mark{
  width:38px;height:38px;
  border-radius:12px;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent2));
  color:#fff;
  font-weight:600;
  box-shadow:0 12px 24px rgba(255,106,0,.18);
  flex:0 0 auto;
}
.xnav2-title{
  display:flex;
  align-items:baseline;
  gap:8px;
  min-width:0;
}
.xnav2-word{
  font-size:18px;
  white-space:nowrap;
}
.xnav2-sub{
  font-size:12px;
  font-weight:600;
  letter-spacing:.35px;
  text-transform:uppercase;
  color:var(--x-muted);
  padding:4px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.72);
  box-shadow: 0 10px 18px rgba(15,23,42,.06);
}
.xnav2-links{
  display:flex;
  align-items:center;
  gap:4px;
  flex-wrap:wrap;
}
.xnav2-links a{
  text-decoration:none;
  color:var(--x-muted);
  font-weight:600;
  padding:10px 12px;
  border-radius:999px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.xnav2-links a:hover{
  background:rgba(2,6,23,.05);
  color:var(--x-ink);
  transform:translateY(-1px);
}
.xnav2-links a.is-active{
  color:var(--x-ink);
  background:rgba(255,106,0,.10);
}
.xnav2-actions{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 0 auto;
}
.xbtn2{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  text-decoration:none;
  font-weight:600;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.82);
  color:var(--x-ink);
  transition:transform .18s ease,filter .18s ease,background .18s ease,border-color .18s ease;
}
.xbtn2:hover{transform:translateY(-1px);filter:brightness(1.02)}
.xbtn2:active{transform:translateY(0)}
.xbtn2-primary{
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent2));
  color:#fff;
  border-color:rgba(255,106,0,.25);
}
.xbtn2-primary:hover{filter:brightness(1.03)}
.xbtn2-ghost{background:rgba(255,255,255,.70)}
.xbtn2-icon{
  position:relative;
  width:44px;height:44px;
  padding:0;
  justify-content:center;
}
.xbtn2-badge{
  position:absolute;
  top:-6px;right:-6px;
  min-width:18px;height:18px;
  padding:0 6px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:600;
  border:2px solid rgba(255,255,255,.92);
}
.xnav2-ico{width:18px;height:18px;display:block}

.sr-only{
  position:absolute!important;
  width:1px;height:1px;
  padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

.xnav2-toggle{
  display:none;
  width:44px;height:44px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:rgba(255,255,255,.90);
  align-items:center;justify-content:center;
}
.xnav2-toggle-icon{
  width:18px;height:2px;background:var(--x-ink);
  border-radius:999px;display:block;position:relative;
  transition:background .18s ease;
}
.xnav2-toggle-icon:before,
.xnav2-toggle-icon:after{
  content:"";
  position:absolute;left:0;
  width:18px;height:2px;background:var(--x-ink);
  border-radius:999px;
  transition:transform .18s ease,top .18s ease;
}
.xnav2-toggle-icon:before{top:-6px}
.xnav2-toggle-icon:after{top:6px}

.xnav2-collapse{
  /* Performance: avoid animating max-height (layout thrash on mobile)
     Use transform/opacity so it stays on the compositor. */
  border-top:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.96);
  opacity:0;
  transform: translateY(-8px) scale(.98);
  transform-origin: top;
  transition: transform .18s ease, opacity .18s ease;
  visibility:hidden;
  pointer-events:none;
  will-change: transform, opacity;
}
.xnav2.is-open .xnav2-collapse{
  opacity:1;
  transform: translateY(0) scale(1);
  visibility:visible;
  pointer-events:auto;
}
.xnav2-collapse-inner{
  padding:10px 0 14px;
  display:flex;
  flex-direction:column;
  gap:6px;
}
.xnav2-collapse-inner a{
  text-decoration:none;
  color:var(--x-ink);
  font-weight:600;
  padding:12px 12px;
  border-radius:16px;
  border:1px solid rgba(15,23,42,.08);
  background:rgba(255,255,255,.80);
}
.xnav2-collapse-inner a:hover{filter:brightness(1.02)}
.xnav2-collapse-inner a.is-active{
  background:rgba(255,106,0,.10);
  border-color:rgba(255,106,0,.22);
}
.xnav2-collapse-inner a.is-primary{
  background:linear-gradient(135deg,var(--x-accent),var(--x-accent2));
  border-color:rgba(255,106,0,.25);
  color:#fff;
}
.xnav2-sep{
  height:1px;background:rgba(15,23,42,.10);margin:6px 0;
}
.xnav2-inline-badge{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 6px;
  border-radius:999px;
  background:rgba(239,68,68,.92);
  color:#fff;font-size:12px;font-weight:600;
  vertical-align:middle;
}

/* Responsive */
@media (max-width:991px){
  .xnav2-links{display:none}
  .xbtn2{display:none}
  .xbtn2-icon{display:none}
  .xnav2-toggle{display:inline-flex}

  /* Dropdown overlay (doesn't reflow the whole page) */
  .xnav2-collapse{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    border-top:0;
    border-bottom: 1px solid rgba(15,23,42,.10);
    box-shadow: 0 18px 36px rgba(15,23,42,.18);
    max-height: calc(100vh - 86px);
    overflow:auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width:992px){
  .xnav2-collapse{display:none}
}

/* Hamburger -> X */
.xnav2.is-open .xnav2-toggle-icon{background:transparent}
.xnav2.is-open .xnav2-toggle-icon:before{top:0;transform:rotate(45deg)}
.xnav2.is-open .xnav2-toggle-icon:after{top:0;transform:rotate(-45deg)}

@media (prefers-reduced-motion:reduce){
  .xnav2-links a,.xbtn2,.xnav2-collapse{transition:none!important}
}

@media (max-width: 320px){
  .xnav2-sub{display:none}
}

.footer-link{ color:#334155; text-decoration:none; }
.footer-link:hover{ color:#0b2a4a; text-decoration:underline; }

.back-to-top{
    position: fixed;
    left: 16px;
    bottom: calc(16px + env(safe-area-inset-bottom));
    width: 44px;
    height: 44px;
    border-radius: 999px;
    border: 1px solid rgba(15,23,42,.14);
    background: rgba(255,255,255,.9);
    box-shadow: 0 12px 24px rgba(15,23,42,.10);
    color:#0b2a4a;
    z-index: 9998;
    display: none;
}
.back-to-top:hover{ filter: brightness(1.02); }
@media (max-width: 767px){
    .back-to-top{ display: inline-flex; align-items:center; justify-content:center; }
}

/* ------------------------------------------------------ */
/* TREND CARD HOT GRADIENT                                */
/* ------------------------------------------------------ */
.gradient-card {
    background: linear-gradient(135deg, #ff7a18, #ffb347) !important;
    border: none !important;
    border-radius: 14px !important;
    position: relative;
    overflow: hidden;
}

.gradient-card::before {
    content: "";
    position: absolute;
    top: -40%;
    left: -40%;
    width: 180%;
    height: 180%;
    background: radial-gradient(circle, rgba(255,255,255,0.25), transparent 70%);
    animation: trendGlow 4s infinite ease-in-out;
    pointer-events: none;
}

@keyframes trendGlow {
    0% { opacity: .3; transform: scale(1); }
    50% { opacity: .7; transform: scale(1.15); }
    100% { opacity: .3; transform: scale(1); }
}

.gradient-card h6.card-title {
    color: #ffffff !important;
    font-weight: 600;
    letter-spacing: 0.4px;
}

/* ------------------------------------------------------ */
/* Floating Social Buttons (GENEL)                         */
/* ------------------------------------------------------ */
.floating-social {
    position: fixed;
    right: 18px;
    bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    z-index: 9999;
}

.fs-btn {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-decoration: none !important;
    color: #fff !important;
    transition: all 0.25s ease;
}

.fs-btn:hover {
    transform: scale(1.13);
    filter: brightness(1.18);
}

.telegram { background: #2AABEE; }
.x-twitter { background: #000; }

/* ===================================================== */
/* SADECE MOBİLDE FLOATING BUTONLARI KAPAT                */
/* ===================================================== */
@media (max-width: 767px) {
    .floating-social,
    .floating-social * {
        display: none !important;
        pointer-events: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* ------------------------------------------------------ */
/* Premium Gold Glow                                      */
/* ------------------------------------------------------ */
.premium {
    position: relative;
    overflow: hidden;
}

.premium::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,215,0,0.25), rgba(255,215,0,0) 70%);
    opacity: 0.5;
    animation: goldGlow 4s infinite;
    pointer-events: none;
}

@keyframes goldGlow {
    0% { transform: scale(1); opacity: 0.35; }
    50% { transform: scale(1.2); opacity: 0.7; }
    100% { transform: scale(1); opacity: 0.35; }
}

.premium-badge {
    background: linear-gradient(90deg, #f6d365, #fda085);
    color: #fff !important;
    padding: 5px 10px;
    border-radius: 8px;
}

/* ------------------------------------------------------ */
/* Telegram Popup (HER YERDE KALIR)                        */
/* ------------------------------------------------------ */
.telegram-popup {
    position: fixed;
    bottom: 90px;
    right: 20px;
    z-index: 99999;
    display: none;
}

.telegram-popup-inner {
    background: #ffffff;
    padding: 18px;
    border-radius: 14px;
    width: 280px;
    box-shadow: 0 6px 18px rgba(0,0,0,0.15);
    border: 1px solid #e6e6e6;
}

.tp-header {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tp-logo {
    width: 35px;
}

.tp-text {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 12px;
    color: #444;
}

.tp-btn {
    background: #2AABEE;
    color: white;
    padding: 10px;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
}

.tp-btn:hover {
    background: #229ed9;
}

.tp-close {
    text-align: right;
    margin-top: 8px;
    font-size: 13px;
    cursor: pointer;
    color: #64748b;
}

/* ===================================================== */
/* PREMIUM SECTIONS (Trust strip + Mini FAQ + CTA)        */
/* ===================================================== */
.xbot-premium-block{
  background:
    radial-gradient(900px 260px at 12% 0%, rgba(20,184,166,.18), transparent 60%),
    radial-gradient(900px 260px at 88% 0%, rgba(79,70,229,.16), transparent 62%),
    rgba(255,255,255,.80);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 22px;
  box-shadow: 0 22px 55px rgba(15,23,42,.10);
  padding: 18px;
  overflow: hidden;
}
.xbot-premium-block--footer{ padding: 26px 24px; }
.xbot-premium-block--inline{ padding: 16px; }

.xbot-premium-head{ margin-bottom: 10px; }
.xbot-premium-title{ font-weight: 600; font-size: 1.05rem; color:#0b2a4a; }
.xbot-premium-sub{ font-size: .92rem; }

.xbot-premium-title-lg{ font-weight: 600; font-size: clamp(1.35rem, 2.2vw, 1.7rem); color:#0b2a4a; }
.xbot-premium-lede{ margin-top: 6px; font-size: 1.02rem; }

.xbot-trust-strip{
  display:flex;
  flex-wrap: wrap;
  gap:10px;
  align-items:center;
}
.xbot-trust-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 10px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  color:#0f172a;
  font-size: .9rem;
  box-shadow: 0 10px 20px rgba(15,23,42,.06);
}
.xbot-trust-item i{ color:#0b2a4a; opacity:.92; }

.xbot-premium-grid{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: 18px;
}
.xbot-premium-minihead{ font-weight: 600; font-size: 1.05rem; color:#0b2a4a; }
.xbot-premium-minisub{ font-size: .92rem; }

.xbot-faq{ display:flex; flex-direction:column; gap:10px; }
.xbot-faq-item{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 16px;
  padding: 12px 14px;
}
.xbot-faq-item[open]{ box-shadow: 0 12px 24px rgba(15,23,42,.08); }
.xbot-faq-q{
  font-weight: 600;
  color:#0b2a4a;
  cursor: pointer;
  list-style: none;
}
.xbot-faq-item summary::-webkit-details-marker{ display:none; }
.xbot-faq-q:after{
  content:'+';
  float:right;
  font-weight: 600;
  color: rgba(15,23,42,.55);
}
.xbot-faq-item[open] .xbot-faq-q:after{ content:'–'; }
.xbot-faq-a{ margin-top: 10px; font-size: .95rem; line-height: 1.55; }

.xbot-premium-cta{ display:flex; gap:10px; flex-wrap: wrap; }
.xbot-quiet{
  font-weight: 600;
  color: rgba(15,23,42,.70);
  letter-spacing: .2px;
}
.xbot-link{ color:#0b2a4a; font-weight: 600; text-decoration: none; }
.xbot-link:hover{ text-decoration: underline; }

@media (max-width: 991px){
  .xbot-premium-grid{ grid-template-columns: 1fr; }
}

@media (max-width: 767px){
  .xbot-premium-block--footer{ padding: 18px; }
  .xbot-trust-item{ font-size: .88rem; padding: 9px 11px; }
}

/* =========================================================
   GLOBAL THEME OVERRIDES (accessibility-first)
   ========================================================= */
:root{
  /* Slightly softer orange (less eye-fatigue) */
  --x-accent:#f97316;
  --x-accent2:#fb923c;
  --x-focus: rgba(37,99,235,.28);
}

/* Skip link (keyboard accessibility) */
.skip-link{
  position:absolute;
  left:12px;
  top:10px;
  transform:translateY(-200%);
  background:#ffffff;
  color:#0b2a4a;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.16);
  box-shadow:0 14px 30px rgba(15,23,42,.12);
  z-index: 99999;
}
.skip-link:focus{ transform:translateY(0); outline:0; box-shadow:0 0 0 4px var(--x-focus), 0 14px 30px rgba(15,23,42,.12); }

/* Consistent focus rings */
:where(a,button,[role="button"],input,select,textarea,.btn,.market-chip,.browse-tab):focus-visible{
  outline:0 !important;
  box-shadow:0 0 0 4px var(--x-focus) !important;
}

/* Tone down very dark buttons */
.btn-robot{
  background:linear-gradient(135deg, rgba(11,42,74,1), rgba(20,184,166,1)) !important;
  border:1px solid rgba(255,255,255,.22) !important;
  box-shadow:0 14px 30px rgba(11,42,74,.18) !important;
}
.btn-robot:hover{ filter:brightness(1.04); }
.btn-orange{
  background:var(--x-accent) !important;
  box-shadow:0 14px 30px rgba(249,115,22,.18) !important;
}
.btn-orange:hover{ background:#ea580c !important; }

/* Market chips — used across Browse + Domain-for-sale + hub modules */
.market-chip{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  font-weight:700;
  text-decoration:none;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.82);
  color:#0b2a4a;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.market-chip i{ opacity:.95; }
.market-chip:hover{
  transform:translateY(-1px);
  background:#fff;
  border-color:rgba(37,99,235,.22);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.market-chip--primary{
  /* Brighter, more colorful (avoid very dark navy) */
  background:linear-gradient(135deg, rgba(20,184,166,1), rgba(37,99,235,1), rgba(124,58,237,1));
  color:#fff;
  border-color:rgba(37,99,235,.26);
}
.market-chip--primary:hover{
  border-color:rgba(124,58,237,.35);
  box-shadow:0 20px 50px rgba(37,99,235,.18), 0 14px 30px rgba(15,23,42,.08);
}
.market-chip--ghost{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.10);
  color:#0b2a4a;
}
.market-chip--warn{
  background:linear-gradient(135deg, rgba(245,158,11,.20), rgba(249,115,22,.14));
  border-color:rgba(245,158,11,.32);
  color:#92400E;
}
.market-chip--warn:hover{ border-color:rgba(245,158,11,.42); }
.market-chip--ok{
  background:linear-gradient(135deg, rgba(20,184,166,.16), rgba(79,70,229,.10));
  border-color:rgba(20,184,166,.28);
  color:#0b2a4a;
}

/* Orange call-to-action chip (matches the homepage "List a domain" button) */
.market-chip--orange{
  background:linear-gradient(135deg, rgba(249,115,22,1), rgba(245,158,11,1));
  color:#fff;
  border-color:rgba(249,115,22,.35);
  box-shadow:0 14px 30px rgba(249,115,22,.18);
}
.market-chip--orange:hover{
  background:linear-gradient(135deg, rgba(234,88,12,1), rgba(245,158,11,1));
  border-color:rgba(249,115,22,.55);
  box-shadow:0 18px 42px rgba(249,115,22,.22);
}

/* Browse tabs: unify style on all related pages */
.browse-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}
.browse-tab{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.78);
  color:#0b2a4a;
  font-weight:700;
  text-decoration:none;
  transition:transform .15s ease, background .15s ease, border-color .15s ease, box-shadow .15s ease;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.browse-tab:hover{ transform:translateY(-1px); background:rgba(248,250,252,.90); border-color:rgba(37,99,235,.22); }
.browse-tab.is-active{
  background:linear-gradient(135deg, rgba(20,184,166,1), rgba(37,99,235,1), rgba(124,58,237,1));
  border-color:rgba(37,99,235,.26);
  color:#fff;
  box-shadow:0 20px 50px rgba(37,99,235,.16), 0 14px 30px rgba(15,23,42,.08);
}
.browse-tab small{ opacity:.9; font-weight:700; }

/* Listing card overflow fixes */
.listing-card .d-flex{ min-width:0; }
.listing-card .text-end{ min-width:0; }
.price-with-cur{ flex-wrap:wrap; justify-content:flex-end; }
.price-with-cur span{ max-width:100%; overflow-wrap:anywhere; }
.xico-badges{ display:inline-flex; flex-wrap:wrap; gap:6px; max-width:100%; }

/* Softer social buttons */
.x-twitter{ background:#111827 !important; } /* softer than pure black */
.telegram{ background:#1d9bf0 !important; }

/* ===================================================== */
/* BUTTONS: remove petrol green + avoid white hover flash */
/* (Premium palette: deep blue/purple + gold highlights)  */
/* ===================================================== */
:root{
  --x-premium-gold:#d4af37;
  --x-premium-gold-2:#b8860b;
  --x-newlist-green:#16a34a;
  --x-newlist-green-2:#15803d;
  --x-hover-surface:#f8fafc; /* not pure white */
}

/* Replace petrol-green "success" buttons with a premium blue/purple gradient */
.btn-success,
.btn-soft-success,
.btn-robot-green,
.btn-nav,
.mobile-menu a.mobile-primary,
.trust-pill--nocomm,
.btn-escrow{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  border-color:rgba(124,58,237,.22) !important;
  box-shadow:0 14px 30px rgba(37,99,235,.18) !important;
}
.btn-outline-success{
  border-color:rgba(37,99,235,.55) !important;
}
.btn-outline-success:hover{
  background:rgba(37,99,235,.10) !important;
  border-color:rgba(124,58,237,.32) !important;
}

/* WHOIS lookup must be blue */
.btn-whois{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  color:#fff !important;
  border:1px solid rgba(124,58,237,.22) !important;
  border-radius:14px !important;
  font-weight:700 !important;
  box-shadow:0 14px 30px rgba(37,99,235,.18) !important;
}
.btn-whois:hover{ filter:brightness(1.05); transform:translateY(-1px); }

/* Domain Robot: premium white */
.btn-robot-premium{
  background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.92)) !important;
  color:#0b2a4a !important;
  border:1px solid rgba(212,175,55,.55) !important;
  border-radius:14px !important;
  font-weight:700 !important;
  box-shadow:0 14px 30px rgba(212,175,55,.14) !important;
}
.btn-robot-premium:hover{
  background:linear-gradient(135deg,rgba(248,250,252,.96),rgba(241,245,249,.92)) !important;
  border-color:rgba(212,175,55,.70) !important;
  transform:translateY(-1px);
}

/* Premium button (chips) => Premium Gold */
.market-chip--premium{
  background:linear-gradient(135deg,var(--x-premium-gold),var(--x-premium-gold-2)) !important;
  color:#111827 !important;
  border-color:rgba(212,175,55,.55) !important;
  box-shadow:0 14px 30px rgba(212,175,55,.18) !important;
}
.market-chip--premium:hover{
  border-color:rgba(212,175,55,.70) !important;
  box-shadow:0 18px 42px rgba(212,175,55,.22) !important;
}

/* Domain-for-sale: New listings button must be green */
.market-chip--newlist{
  background:linear-gradient(135deg,var(--x-newlist-green),var(--x-newlist-green-2)) !important;
  color:#fff !important;
  border-color:rgba(22,163,74,.45) !important;
  box-shadow:0 14px 30px rgba(22,163,74,.18) !important;
}
.market-chip--newlist:hover{ filter:brightness(1.04); border-color:rgba(22,163,74,.60) !important; }

/* Browse + Domain-for-sale chips/tabs: remove teal from active states */
.market-chip--primary,
.browse-tab.is-active{
  background:linear-gradient(135deg,#2563eb,#7c3aed) !important;
  border-color:rgba(124,58,237,.26) !important;
  color:#fff !important;
  box-shadow:0 20px 50px rgba(37,99,235,.16), 0 14px 30px rgba(15,23,42,.08) !important;
}
.market-chip--ok{
  background:linear-gradient(135deg, rgba(37,99,235,.16), rgba(124,58,237,.10)) !important;
  border-color:rgba(37,99,235,.26) !important;
  color:#0b2a4a !important;
}

/* Premium label/tag in listing cards => premium gold */
.premium-badge{
  background:linear-gradient(135deg,var(--x-premium-gold),var(--x-premium-gold-2)) !important;
  color:#111827 !important;
  border:1px solid rgba(212,175,55,.55) !important;
}
.listing-card.premium{
  border-color:rgba(212,175,55,.55) !important;
}
.listing-card.premium::before{
  background:linear-gradient(135deg,var(--x-premium-gold) 0%,var(--x-premium-gold-2) 100%) !important;
}

/* Premium tag pills/badges used in tables/cards */
.xico--premium{
  background:linear-gradient(135deg, rgba(212,175,55,.22), rgba(184,134,11,.14)) !important;
  border-color:rgba(212,175,55,.30) !important;
}
.modern-auction-table tbody tr.premium-row{
  background:linear-gradient(135deg, rgba(212,175,55,.14), rgba(184,134,11,.08)) !important;
}

/* Remove white "flash" on hover for button-like elements */
.btn-soft-outline:hover,
.btn-ghost:hover,
.btn-bid-now:hover,
.market-chip:hover,
.browse-tab:hover{
  background:var(--x-hover-surface) !important;
}

/* Keep login/ghost buttons from brightening to pure white on hover */
.btn-login:hover{ background:rgba(248,250,252,.88) !important; }



/* Domains for sale — richer modules */
.dfs-tools .row{ align-items:stretch; }
.dfs-tool-card{
  display:flex;
  gap:12px;
  align-items:flex-start;
  padding:14px 14px;
  border-radius:18px;
  text-decoration:none;
  background:
    radial-gradient(520px 180px at 18% 35%,rgba(14,165,233,.16),transparent 60%),
    radial-gradient(520px 180px at 86% 70%,rgba(34,197,94,.14),transparent 62%),
    rgba(255,255,255,.78);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  transition:transform .15s ease, filter .15s ease, border-color .15s ease, background .15s ease;
  height:100%;
  color:#0b2a4a;
}
.dfs-tool-card:hover{
  transform:translateY(-1px);
  border-color:rgba(37,99,235,.22);
  background:rgba(255,255,255,.90);
  box-shadow:0 22px 54px rgba(37,99,235,.12), 0 18px 46px rgba(15,23,42,.10);
}
.dfs-tool-ico{
  width:42px;height:42px;border-radius:14px;
  display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg, #2563eb, #7c3aed);
  color:#fff;
  flex:0 0 auto;
  box-shadow:0 12px 26px rgba(37,99,235,.16);
}
.dfs-tool-title{ font-weight:800; letter-spacing:-.01em; }
.dfs-tool-sub{ margin-top:4px; color:rgba(15,23,42,.72); font-size:.92rem; line-height:1.35; }
.dfs-tool-card--wide{ align-items:center; justify-content:space-between; }
.dfs-tool-cta{ margin-left:auto; display:none; }
@media (min-width:768px){
  .dfs-tool-cta{ display:block; }
}
.dfs-checklist li{ margin-bottom:8px; }
.dfs-checklist li:last-child{ margin-bottom:0; }

/* Listing row action buttons (Browse + table views): avoid overly dark tones */
.xcta--view{
  background:linear-gradient(135deg, #2563eb, #7c3aed) !important;
  border-color:rgba(37,99,235,.26) !important;
  color:#fff !important;
  box-shadow:0 12px 26px rgba(37,99,235,.14) !important;
}
.xcta--view:hover{
  box-shadow:0 18px 42px rgba(37,99,235,.18) !important;
}


/* ===================================================== */
/* GLOBAL: remove white hover shine on buttons            */
/* ===================================================== */
:where(
  .btn,
  .xbtn,
  .xbtn2,
  .xcta,
  .xcta--view,
  .xcta--offer,
  .xcta--escrow,
  .btn-nav,
  .btn-success,
  .btn-soft-primary,
  .btn-soft-success,
  .btn-robot,
  .btn-robot-green,
  .btn-escrow,
  .btn-bid-now,
  .btn-ghost,
  .btn-login,
  .btn-soft-outline,
  .btn-outline-success,
  .market-chip,
  .browse-tab,
  a[role="button"],
  button,
  input[type="button"],
  input[type="submit"]
):hover{
  filter:none !important;
}

/* The main "white shine" came from a radial overlay on .xcta (:after) + hover brightness.
   Disable that overlay and the brightness filter everywhere. */
.xcta:after{
  display:none !important;
  opacity:0 !important;
  background:none !important;
}
.xcta:hover,
.xcta--view:hover,
.xcta--offer:hover,
.xcta--escrow:hover{
  filter:none !important;
}

.btn-ghost:hover,
.btn-soft-outline:hover,
.btn-bid-now:hover,
.btn-login:hover{
  background:rgba(248,250,252,.88) !important; /* never pure white */
}

/* =====================================================
   ATOM-LIKE MARKET PAGES (browse + domains for sale)
   Cleaner structure, calmer CTAs, better tap targets.
   ===================================================== */
:root{
  --m-bg:#f6f7fb;
  --m-card:#ffffff;
  --m-ink:#0f172a;
  --m-muted:#475569;
  --m-border:rgba(15,23,42,.10);
  --m-accent:#2563eb;
  --m-accent-hover:#1d4ed8;
  --m-radius:22px;
}

body{ background:var(--m-bg); }

/* Avoid double containers on key landing pages */
.browse-page,
.dfs-page{ padding: 6px 0 0; }

/* HERO */
.browse-hero,
.page-hero{
  background:var(--m-card);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius);
  box-shadow:0 18px 48px rgba(15,23,42,.08);
  padding:22px;
  position:relative;
  overflow:hidden;
}
.browse-hero:before,
.page-hero:before{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(700px 220px at 18% 0%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(700px 220px at 92% 100%, rgba(249,115,22,.14), transparent 62%);
  pointer-events:none;
}
.browse-hero-inner{ position:relative; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; }
.browse-kicker{ display:inline-flex; align-items:center; gap:10px; font-size:12px; text-transform:uppercase; letter-spacing:.12em; color:var(--m-muted); font-weight:800; }
.browse-title{ margin:8px 0 6px; font-size:clamp(26px,3.2vw,42px); letter-spacing:-.02em; }
.browse-sub{ margin:0; color:var(--m-muted); max-width:70ch; }
.browse-actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* SEARCH BAR (hub page) */
.browse-switchbar{ margin-top:14px; }
.browse-search{
  background:var(--m-card);
  border:1px solid var(--m-border);
  border-radius:16px;
  padding:10px 12px;
  display:flex;
  align-items:center;
  gap:10px;
  box-shadow:0 12px 30px rgba(15,23,42,.06);
}
.browse-search i{ color:var(--m-muted); }
.browse-search input{
  border:0 !important;
  box-shadow:none !important;
  padding:0 !important;
  font-weight:600;
}
.browse-search input::placeholder{ color:rgba(71,85,105,.85); }

/* PANELS */
.browse-panel{
  background:var(--m-card);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius);
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  overflow:hidden;
}
.browse-panel-head{
  padding:14px 16px;
  font-weight:900;
  color:var(--m-ink);
  border-bottom:1px solid rgba(15,23,42,.06);
  background:linear-gradient(180deg, rgba(248,250,252,.96), rgba(255,255,255,.92));
}
.browse-panel-body{ padding:14px 16px; }
.browse-chipgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:10px;
}

/* CHIPS / TAGS */
.market-chip{
  box-shadow:none;
  transform:none;
  padding:10px 14px;
  gap:8px;
  border-radius:999px;
  border:1px solid var(--m-border);
  background:rgba(255,255,255,.92);
  color:var(--m-ink);
  font-weight:800;
  letter-spacing:.1px;
}
.market-chip:hover{
  background:#fff;
  border-color:rgba(37,99,235,.32);
  box-shadow:0 10px 22px rgba(15,23,42,.06);
}
.market-chip.is-active,
.market-chip[aria-current="page"]{
  border-color:rgba(37,99,235,.55);
}
.market-chip--primary{
  background:var(--m-accent) !important;
  border-color:rgba(37,99,235,.60) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.market-chip--primary:hover{ background:var(--m-accent-hover) !important; }
.market-chip--ghost{
  background:rgba(2,6,23,.04) !important;
  border-color:rgba(2,6,23,.10) !important;
  color:var(--m-ink) !important;
}
.market-chip--orange{
  background:#f97316 !important;
  border-color:rgba(249,115,22,.65) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.market-chip--orange:hover{ background:#ea580c !important; }
.market-chip--warn{ color:#92400e !important; }
.market-chip--premium{ color:#111827 !important; }

/* QUICK SWITCH (landing pages) */
.browse-switcher{
  background:var(--m-card);
  border:1px solid var(--m-border);
  border-radius:var(--m-radius);
  box-shadow:0 14px 36px rgba(15,23,42,.06);
  padding:14px 16px;
}
.browse-switcher-head{ display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; align-items:center; }
.browse-switcher-title{ font-weight:900; color:var(--m-ink); }
.browse-bucket-row{ display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; }

/* Tabs (avoid gradients, match chips) */
.browse-tab{
  box-shadow:none;
  border:1px solid var(--m-border);
  background:rgba(255,255,255,.92);
  color:var(--m-ink);
}
.browse-tab:hover{ box-shadow:0 10px 22px rgba(15,23,42,.06); border-color:rgba(37,99,235,.32); }
.browse-tab.is-active{ background:var(--m-accent) !important; color:#fff !important; border-color:rgba(37,99,235,.60) !important; }

/* Listing table: calmer density + clearer row focus */
.modern-auction-table thead th{ font-weight:900; color:var(--m-ink); border-bottom:1px solid rgba(15,23,42,.08); }
.modern-auction-table tbody tr{ border-top:1px solid rgba(15,23,42,.06); }
.modern-auction-table tbody tr:hover{ background:rgba(37,99,235,.04) !important; }
.domain-name--table{ font-weight:900; letter-spacing:-.01em; }

/* Row action buttons: consistent, no glow */
.xcta{
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.12) !important;
  box-shadow:none !important;
}
.xcta--view,
.xcta--offer,
.xcta--escrow{
  box-shadow:none !important;
}
.xcta--view{ background:var(--m-accent) !important; border-color:rgba(37,99,235,.60) !important; }
.xcta--view:hover{ background:var(--m-accent-hover) !important; }

/* Mobile: larger hit areas + nicer stacking */
@media (max-width: 575.98px){
  .browse-hero,
  .page-hero{ padding:18px; }
  .browse-actions{ width:100%; }
  .browse-actions .market-chip{ flex:1 1 auto; justify-content:center; }
  .browse-chipgrid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .browse-switcher{ padding:12px; }
}

@media (max-width: 380px){
  .browse-chipgrid{ grid-template-columns:1fr; }
}


/* --- Listing list UI tweaks (colors) --- */
.price-row .price-value{
  /* More 'dollar green' + higher visual emphasis */
  color:#16a34a !important;
  font-weight: 900;
  text-shadow:
    0 1px 0 rgba(255,255,255,.70),
    0 10px 22px rgba(22,163,74,.18);
}
.time-pill{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.85);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 8px 18px rgba(15,23,42,.10);
  font-weight:700;
  line-height:1;
}
.time-pill.days-green{ color:#16a34a !important; }
.time-pill.days-yellow{ color:#f59e0b !important; }
.time-pill.days-red{ color:#ef4444 !important; }
.time-pill.days-closed{ color:rgba(15,23,42,.55) !important; }

/* Usernames in listing cards */
.seller-link{
  color:#f59e0b !important; /* amber */
}

/* ---------------------------------------------------------
   UI helpers (Profile + List a domain)
   --------------------------------------------------------- */
.xcard{
  border:1px solid rgba(15,23,42,.10);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 18px 44px rgba(15,23,42,.08);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.xcard-h{
  padding:16px 18px;
  border-bottom:1px solid rgba(15,23,42,.08);
  background:rgba(248,250,252,.72);
}
.xcard-b{padding:18px;}
.xhint{color:rgba(15,23,42,.65); font-size:.92rem;}

.xseg{
  display:inline-flex;
  gap:6px;
  padding:6px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,.12);
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 28px rgba(15,23,42,.06);
}
.xseg-btn{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(15,23,42,.72);
  font-weight:800;
  padding:10px 14px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:background .18s ease,color .18s ease,transform .18s ease;
  cursor:pointer;
}
.xseg-btn:hover{transform:translateY(-1px); background:rgba(2,6,23,.05); color:rgba(15,23,42,.95);}
.xseg-btn.is-active{
  background:linear-gradient(135deg, var(--x-accent), var(--x-accent2));
  color:#fff;
  box-shadow:0 18px 38px rgba(255,106,0,.22);
}
.xtab-panel{display:none;}
.xtab-panel.is-active{display:block;}

.xmini-kpi{
  border:1px solid rgba(15,23,42,.08);
  border-radius:18px;
  background:rgba(255,255,255,.70);
  padding:14px 14px;
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.xmini-kpi .k{font-weight:900; font-size:1.35rem; line-height:1;}
.xmini-kpi .l{color:rgba(15,23,42,.62); font-size:.9rem;}

/* Mobile sticky actions (used on long forms) */
.xsticky-actions{
  position:sticky;
  bottom:12px;
  z-index:10;
}
.xsticky-actions .inner{
  display:flex;
  gap:10px;
  padding:10px;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(15,23,42,.10);
  box-shadow:0 22px 50px rgba(15,23,42,.14);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
@media (min-width: 992px){
  .xsticky-actions{position:static; bottom:auto;}
  .xsticky-actions .inner{box-shadow:none; border-radius:0; background:transparent; border:0; padding:0;}
}


/* Listing cards: softer action buttons (sale/offer) */
.btn-primary-action,
.btn-secondary-action{
  border-radius: 14px;
  padding: 10px 12px;
  font-weight: 800;
  letter-spacing: .2px;
}

.btn-primary-action{
  background: rgba(15,23,42,1);
  border: 1px solid rgba(15,23,42,1);
  color: #fff !important;
}
.btn-primary-action:hover{
  background: rgba(15,23,42,.88);
  border-color: rgba(15,23,42,.88);
  color: #fff !important;
}
.btn-primary-action.is-locked,
.btn-primary-action[aria-disabled="true"]{
  opacity: .55;
  cursor: not-allowed;
  pointer-events: auto; /* still allows tooltip */
}

.btn-secondary-action{
  background: rgba(255,255,255,.92);
  border: 1px solid rgba(15,23,42,.18);
  color: rgba(15,23,42,.92) !important;
}
.btn-secondary-action:hover{
  background: rgba(15,23,42,.04);
  border-color: rgba(15,23,42,.24);
  color: rgba(15,23,42,1) !important;
}