@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

/* ═══════════════════════════════════════════════════════════
   OBSIDYEN & KIZILAY  —  Koyu Sıcak Siyah + Derin Vermillion
   İlham: Christie's müzayede evi, Cartier, lüks deri koltuk
═══════════════════════════════════════════════════════════ */
:root {
  --bg:       #0d0b0b;
  --bg2:      #131010;
  --bg3:      #1a1616;
  --surface:  #201c1c;
  --surface2: #2a2424;
  --surface3: #352e2e;
  --border:   rgba(180,110,110,.09);
  --border2:  rgba(180,110,110,.2);
  --text:     #f2ece8;
  --text2:    #a09088;
  --text3:    #6a5850;
  --accent:   #b82a2a;
  --accent2:  #cc3535;
  --accent3:  #e04848;
  --amber:    #c8880a;
  --amber2:   #e09c18;
  --amber3:   #f5b830;
  --green:    #2a7a50;
  --green2:   #3a9a64;
  --muted:    #7a6060;
  --radius:   8px;
  --radius2:  14px;
  --shadow:   0 4px 24px rgba(0,0,0,.6);
  --shadow2:  0 8px 48px rgba(0,0,0,.75);
  --tr:       all .2s cubic-bezier(.4,0,.2,1);
  color-scheme: dark;
}

/* ── AÇIK TEMA ──────────────────────────────── */
[data-theme="light"] {
  --bg:       #f8f3f0;
  --bg2:      #f0e8e3;
  --bg3:      #ffffff;
  --surface:  #ffffff;
  --surface2: #f5ede8;
  --surface3: #ede0da;
  --border:   rgba(140,60,60,.1);
  --border2:  rgba(140,60,60,.22);
  --text:     #1a0e0e;
  --text2:    #5a3a3a;
  --text3:    #8a6060;
  --accent:   #9b1c1c;
  --accent2:  #b22222;
  --accent3:  #c83030;
  --amber:    #92640a;
  --amber2:   #a87510;
  --amber3:   #c08820;
  --green:    #1a5c38;
  --green2:   #226644;
  --shadow:   0 4px 20px rgba(140,60,60,.1);
  --shadow2:  0 8px 36px rgba(140,60,60,.15);
  color-scheme: light;
}

/* ── RESET ──────────────────────────────────── */
*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family: 'Space Grotesk', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  transition: background .3s, color .3s;
}
a { color: var(--accent2); text-decoration:none; transition:var(--tr); }
a:hover { color: var(--accent3); }
img { max-width:100%; display:block; }
button { cursor:pointer; font-family:inherit; }
input,textarea,select { font-family:inherit; }
.container    { max-width:1280px; margin:0 auto; padding:0 24px; }
.container--sm{ max-width:940px; }
.sr-only      { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.mono         { font-family:'Space Mono', monospace; }

/* ── TICKER ─────────────────────────────────── */
.ticker-bar {
  position:fixed; top:0; left:0; right:0; z-index:1001; height:32px;
  background: var(--bg2);
  border-bottom: 1px solid var(--border2);
  overflow:hidden; display:flex; align-items:center;
}
.ticker-label {
  flex-shrink:0; padding:0 14px;
  font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:2.5px;
  color: var(--accent3);
  background: rgba(184,42,42,.1);
  border-right: 1px solid rgba(184,42,42,.25);
  height:100%; display:flex; align-items:center; gap:7px; white-space:nowrap;
}
.ticker-live { width:5px; height:5px; background:var(--accent2); border-radius:50%; animation:tPulse 2s infinite; }
.ticker-track { display:flex; align-items:center; overflow:hidden; flex:1; }
.ticker-inner { display:flex; align-items:center; animation:tScroll 80s linear infinite; white-space:nowrap; }
.ticker-inner:hover { animation-play-state:paused; }
.ticker-item  { display:inline-flex; align-items:center; gap:8px; padding:0 20px; font-size:11.5px; color:var(--text2); }
.ticker-item a { color:var(--text); font-weight:700; font-family:'Space Mono',monospace; font-size:11px; }
.ticker-item a:hover { color:var(--accent2); }
.ticker-price { color:var(--amber3); font-family:'Space Mono',monospace; font-size:11px; font-weight:700; }
.ticker-pill  { font-size:8.5px; font-weight:700; padding:1px 6px; border-radius:2px; text-transform:uppercase; letter-spacing:.5px; background:rgba(184,42,42,.18); color:var(--accent3); border:1px solid rgba(184,42,42,.3); }
.ticker-sep   { color:var(--border2); font-size:12px; user-select:none; margin:0 2px; }
@keyframes tScroll { 0%{transform:translateX(0)} 100%{transform:translateX(-50%)} }
@keyframes tPulse  { 0%,100%{opacity:1} 50%{opacity:.3} }

/* ── THEME TOGGLE ───────────────────────────── */
.theme-toggle {
  width:30px; height:30px; border-radius:6px;
  background:var(--surface2); border:1px solid var(--border);
  color:var(--text2); display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:var(--tr);
}
.theme-toggle:hover { border-color:var(--border2); color:var(--text); }

/* ── NAVBAR ─────────────────────────────────── */
.navbar {
  position:fixed; top:32px; left:0; right:0; z-index:1000;
  padding:0 24px;
  background: rgba(13,11,11,.93);
  backdrop-filter: blur(24px) saturate(1.8);
  border-bottom: 1px solid var(--border);
}
[data-theme="light"] .navbar { background: rgba(248,243,240,.96); }
.navbar__inner { max-width:1280px; margin:0 auto; height:60px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.navbar__logo  { font-size:18px; font-weight:700; color:var(--text); display:flex; align-items:center; gap:9px; letter-spacing:-.3px; }
.navbar__logo:hover { color:var(--text); }
.navbar__logo-mark {
  width:26px; height:26px; border-radius:5px;
  background: var(--accent);
  display:flex; align-items:center; justify-content:center; flex-shrink:0; color:#fff;
}
.navbar__nav { display:flex; align-items:center; gap:4px; }
.navbar__nav a { padding:7px 14px; border-radius:7px; font-size:13px; font-weight:500; color:var(--text2); transition:var(--tr); }
.navbar__nav a:hover, .navbar__nav a.active { color:var(--text); background:var(--surface2); }
.navbar__cta {
  margin-left:6px; padding:7px 16px; background:transparent; border:1px solid var(--border2);
  color:var(--text2)!important; border-radius:6px; font-size:12.5px; font-weight:600;
  display:inline-flex; align-items:center; gap:5px;
}
.navbar__cta:hover { color:var(--text)!important; border-color:var(--accent); background:rgba(184,42,42,.08); }
.navbar__actions { display:flex; align-items:center; gap:7px; }
.navbar__mobile-toggle { display:none; background:none; border:none; color:var(--text2); padding:5px; border-radius:6px; }
.navbar__mobile-toggle:hover { background:var(--surface2); color:var(--text); }
@media(max-width:840px) {
  .navbar__nav { display:none; }
  .navbar__mobile-toggle { display:flex; align-items:center; }
  .navbar__nav.open {
    display:flex; flex-direction:column; align-items:stretch;
    position:fixed; top:92px; left:0; right:0; z-index:999;
    background:var(--surface); border-bottom:1px solid var(--border2);
    padding:10px 16px 16px; box-shadow:0 8px 24px rgba(0,0,0,.3);
    gap:2px;
  }
  .navbar__nav.open a { width:100%; padding:10px 14px; border-radius:8px; font-size:14px; }
  .navbar__nav.open a:hover, .navbar__nav.open a.active { background:var(--surface2); }
  .navbar__nav.open .navbar__cta {
    margin:8px 0 0; width:100%; justify-content:center; padding:11px 14px;
    font-size:13px; background:var(--accent); border-color:var(--accent); color:#fff !important;
  }
  .navbar__nav.open .navbar__cta:hover { background:var(--accent2) !important; }
}

/* ── HERO ────────────────────────────────────── */
.hero { min-height:100vh; display:flex; align-items:center; padding:114px 0 70px; position:relative; overflow:hidden; }
.hero__bg {
  position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(ellipse 55% 45% at 50% -5%, rgba(184,42,42,.12) 0%, transparent 60%),
    radial-gradient(ellipse 35% 28% at 90% 75%, rgba(200,136,10,.06) 0%, transparent 55%),
    radial-gradient(ellipse 28% 22% at 8% 85%, rgba(184,42,42,.04) 0%, transparent 50%);
}
/* Yatay ince çizgi doku */
.hero__grid {
  position:absolute; inset:0; z-index:0; opacity:.022;
  background: repeating-linear-gradient(
    0deg, var(--border2) 0px, var(--border2) 1px, transparent 1px, transparent 48px
  );
}
.hero__content  { position:relative; z-index:1; text-align:center; max-width:780px; margin:0 auto; }
.hero__tag {
  display:inline-flex; align-items:center; gap:8px; padding:4px 13px;
  background:rgba(184,42,42,.1); border:1px solid rgba(184,42,42,.24);
  border-radius:3px; font-size:11px; font-weight:700; color:var(--accent3);
  margin-bottom:26px; letter-spacing:1.5px; text-transform:uppercase;
}
.hero__tag-dot { width:5px; height:5px; background:var(--accent2); border-radius:50%; animation:tPulse 2s infinite; }
.hero__title {
  font-size:clamp(36px,5.5vw,68px); font-weight:700; line-height:1.08;
  letter-spacing:-2px; margin-bottom:20px;
}
.hero__title span {
  background: linear-gradient(120deg, var(--accent2) 0%, var(--amber2) 60%, var(--accent3) 100%);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}
.hero__sub { font-size:16px; color:var(--text2); max-width:480px; margin:0 auto 28px; font-weight:400; }
.hero__search {
  display:flex; background:var(--surface); border:1px solid var(--border2);
  border-radius:8px; overflow:hidden; max-width:540px; margin:0 auto 12px; box-shadow:var(--shadow);
}
.hero__search:focus-within { border-color:var(--accent); }
.hero__search input { flex:1; padding:14px 18px; background:transparent; border:none; outline:none; font-size:14.5px; color:var(--text); font-family:inherit; }
.hero__search input::placeholder { color:var(--text3); }
.hero__search-btn { padding:10px 20px; background:var(--accent); border:none; color:#fff; font-size:13px; font-weight:700; transition:var(--tr); display:flex; align-items:center; gap:6px; font-family:inherit; }
.hero__search-btn:hover { background:var(--accent2); }
.hero__random-btn {
  display:inline-flex; align-items:center; gap:7px; padding:8px 15px;
  background:transparent; border:1px solid var(--border2); border-radius:6px;
  color:var(--text2); font-size:12.5px; font-weight:600; transition:var(--tr); margin-bottom:28px; font-family:inherit;
}
.hero__random-btn:hover { border-color:var(--accent2); color:var(--accent2); background:rgba(184,42,42,.07); }
.hero__stats { display:flex; justify-content:center; gap:36px; }
.hero__stat-num   { font-size:25px; font-weight:700; color:var(--text); display:block; letter-spacing:-.4px; font-family:'Space Mono',monospace; }
.hero__stat-label { font-size:11px; color:var(--text3); font-weight:500; text-transform:uppercase; letter-spacing:.8px; }
@media(max-width:600px){.hero__stats{gap:18px}.hero__search{flex-direction:column}.hero__search input{border-bottom:1px solid var(--border)}.hero__search-btn{width:100%;justify-content:center}}

/* ── SECTIONS ────────────────────────────────── */
.section { padding:68px 0; }
.section--alt { background:var(--bg2); }
.section__header { text-align:center; margin-bottom:40px; }
.section__eyebrow { font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:var(--accent2); margin-bottom:10px; }
.section__title   { font-size:clamp(24px,3.5vw,36px); font-weight:700; letter-spacing:-.6px; margin-bottom:11px; }
.section__sub     { font-size:14.5px; color:var(--text2); max-width:440px; margin:0 auto; }

/* ── BANNER ──────────────────────────────────── */
.section-banner {
  display:flex; align-items:center; gap:16px; padding:15px 20px;
  background:linear-gradient(130deg, rgba(184,42,42,.07), rgba(200,136,10,.03));
  border:1px solid rgba(184,42,42,.18); border-radius:8px; margin-bottom:26px; flex-wrap:wrap;
}
.section-banner__icon { width:36px; height:36px; border-radius:6px; background:rgba(184,42,42,.12); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--accent3); }
.section-banner__text h3 { font-size:14px; font-weight:700; color:var(--text); margin-bottom:1px; }
.section-banner__text p  { font-size:12px; color:var(--text2); }
.section-banner__link { margin-left:auto; padding:6px 14px; background:var(--accent); color:#fff; border-radius:5px; font-size:11.5px; font-weight:700; white-space:nowrap; transition:var(--tr); }
.section-banner__link:hover { background:var(--accent2); color:#fff; }
.section-banner--gold { background:linear-gradient(130deg,rgba(200,136,10,.07),rgba(200,160,56,.03)); border-color:rgba(200,136,10,.2); }
.section-banner--gold .section-banner__icon { background:rgba(200,136,10,.12); color:var(--amber3); }
.section-banner--gold .section-banner__link { background:var(--amber); }
.section-banner--gold .section-banner__link:hover { background:var(--amber2); }
.section-banner--green { background:linear-gradient(130deg,rgba(42,122,80,.07),rgba(58,154,100,.03)); border-color:rgba(42,122,80,.2); }
.section-banner--green .section-banner__icon { background:rgba(42,122,80,.12); color:var(--green2); }
.section-banner--green .section-banner__link { background:var(--green); }

/* ── DOMAIN GRID ─────────────────────────────── */
.domains-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(256px, 1fr));
  gap: 10px;
}

/* ── DOMAIN CARD (.dc) ────────────────────────── */
.dc {
  display: flex;
  flex-direction: column;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 14px 13px;
  transition: var(--tr);
  position: relative;
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.dc:hover {
  border-color: var(--border2);
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(0,0,0,.35);
  color: inherit;
}
/* Premium — altın sol şerit */
.dc--premium {
  border-color: rgba(200,136,10,.25);
  border-left: 3px solid var(--amber2);
  padding-left: 13px;
}
.dc--premium:hover { border-color: rgba(200,136,10,.5); box-shadow: 0 6px 24px rgba(200,136,10,.1); }
/* Featured — kızıl sol şerit */
.dc--featured {
  border-color: rgba(184,42,42,.2);
  border-left: 3px solid var(--accent2);
  padding-left: 13px;
}
.dc--featured:hover { border-color: rgba(184,42,42,.4); box-shadow: 0 6px 24px rgba(184,42,42,.08); }
/* Sold */
.dc--sold { opacity: .65; }

/* Üst ince çizgi (sadece premium/featured) */
.dc__accent {
  position: absolute; top: 0; left: 0; right: 0; height: 1.5px;
  border-radius: 12px 12px 0 0;
  background: linear-gradient(90deg, transparent 5%, var(--amber2) 50%, transparent 95%);
}
.dc--featured .dc__accent { background: linear-gradient(90deg, transparent 5%, var(--accent2) 50%, transparent 95%); }

/* Tags */
.dc__tags { display: flex; gap: 4px; flex-wrap: wrap; margin-bottom: 9px; }
.dc__tag {
  font-size: 9px; font-weight: 700; padding: 2px 6px;
  border-radius: 3px; text-transform: uppercase; letter-spacing: .4px;
  display: inline-flex; align-items: center; gap: 3px;
}
.dc__tag--premium  { background: rgba(200,136,10,.18); color: var(--amber3);  border: 1px solid rgba(200,136,10,.32); }
.dc__tag--featured { background: rgba(184,42,42,.14);  color: var(--accent3); border: 1px solid rgba(184,42,42,.28); }
.dc__tag--cat      { background: rgba(160,110,90,.1);  color: var(--text3);   border: 1px solid rgba(160,110,90,.2);  font-weight: 600; }
.dc__tag--new      { background: rgba(42,122,80,.15);  color: var(--green2);  border: 1px solid rgba(42,122,80,.28); }
.dc__tag--sold     { background: rgba(184,42,42,.1);   color: #d08080;        border: 1px solid rgba(184,42,42,.2); }
.dc__tag--hot      { background: rgba(184,42,42,.12);  color: var(--accent3); border: 1px solid rgba(184,42,42,.22); padding: 3px 5px; }

/* Domain adı */
.dc__name {
  font-size: 15.5px; font-weight: 700;
  font-family: 'Space Mono', monospace;
  color: var(--text); letter-spacing: -.2px;
  word-break: break-all; line-height: 1.25;
  margin-bottom: 5px;
}
.dc:hover .dc__name { color: var(--accent2); }
.dc__ext { color: var(--accent2); opacity: .55; }

/* Açıklama */
.dc__desc {
  font-size: 11.5px; color: var(--text3); line-height: 1.5;
  margin-bottom: 10px; flex: 1;
  display: -webkit-box; -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; overflow: hidden;
}

/* Alt */
.dc__footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-top: auto; padding-top: 9px; border-top: 1px solid var(--border); }
.dc__price-wrap { display: flex; align-items: center; }
.dc__price { font-size: 17px; font-weight: 700; color: var(--amber2); font-family: 'Space Mono', monospace; letter-spacing: -.3px; }
.dc__price--offer { font-size: 11.5px; font-weight: 600; color: var(--green2); display: flex; align-items: center; gap: 4px; }
.dc__price--sold  { font-size: 11.5px; font-weight: 600; color: var(--text3);  display: flex; align-items: center; gap: 4px; }
.dc__meta { display: flex; gap: 9px; align-items: center; }
.dc__meta-item { display: flex; align-items: center; gap: 3px; font-size: 10.5px; color: var(--text3); }

/* Light mode overrides */
[data-theme="light"] .dc { background: #fff; }
[data-theme="light"] .dc:hover { box-shadow: 0 6px 24px rgba(140,60,60,.12); }

/* ── SPOTLIGHT ────────────────────────────────── */
.spotlight-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-bottom:13px; }
.spotlight-card { background:linear-gradient(148deg,var(--surface) 0%,rgba(184,42,42,.04) 100%); border:1.5px solid rgba(184,42,42,.2); border-radius:16px; padding:24px; position:relative; overflow:hidden; transition:var(--tr); }
.spotlight-card::before { content:''; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg,var(--accent),var(--amber2)); border-radius:16px 16px 0 0; }
.spotlight-card:hover { border-color:rgba(184,42,42,.38); transform:translateY(-3px); box-shadow:0 10px 36px rgba(184,42,42,.09); }
.spotlight-card__eyebrow { font-size:9px; font-weight:700; text-transform:uppercase; letter-spacing:2px; color:var(--accent3); margin-bottom:9px; display:flex; align-items:center; gap:5px; }
.spotlight-card__name { font-size:26px; font-weight:700; font-family:'Space Mono',monospace; color:var(--text); margin-bottom:7px; letter-spacing:-1px; word-break:break-all; }
.spotlight-card__desc { font-size:13px; color:var(--text2); margin-bottom:18px; line-height:1.6; }
.spotlight-card__footer { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.spotlight-card__price { font-size:24px; font-weight:700; color:var(--amber2); font-family:'Space Mono',monospace; }
.spotlight-card--gold { background:linear-gradient(148deg,var(--surface) 0%,rgba(200,136,10,.04) 100%); border-color:rgba(200,136,10,.22); }
.spotlight-card--gold::before { background:linear-gradient(90deg,var(--amber),var(--amber2)); }
.spotlight-card--gold:hover { border-color:rgba(200,136,10,.42); box-shadow:0 10px 36px rgba(200,136,10,.08); }
@media(max-width:720px){.spotlight-grid{grid-template-columns:1fr}}

/* ── CATEGORIES ──────────────────────────────── */
.categories-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(152px,1fr)); gap:10px; }
.category-card { background:var(--surface); border:1px solid var(--border); border-radius:10px; padding:18px 14px; text-align:center; transition:var(--tr); text-decoration:none; display:block; }
.category-card:hover { border-color:var(--accent2); transform:translateY(-2px); box-shadow:0 4px 18px rgba(184,42,42,.1); }
.category-card__icon { width:42px; height:42px; border-radius:8px; display:flex; align-items:center; justify-content:center; margin:0 auto 9px; }
.category-card__name { font-size:12.5px; font-weight:700; color:var(--text); margin-bottom:3px; }
.category-card__count { font-size:11px; color:var(--text3); }

/* ── FILTER ───────────────────────────────────── */
.filter-bar { background:var(--surface); border:1px solid var(--border); border-radius:var(--radius2); padding:14px 16px; margin-bottom:18px; display:grid; grid-template-columns:repeat(auto-fit, minmax(160px, 1fr)); gap:10px; align-items:end; }
.filter-group { display:flex; flex-direction:column; gap:5px; min-width:140px; flex:1; }
.filter-group label { font-size:10px; font-weight:700; color:var(--text3); letter-spacing:.8px; text-transform:uppercase; }
.filter-group select,.filter-group input { background:var(--bg2); border:1px solid var(--border); border-radius:6px; color:var(--text); padding:8px 11px; font-size:13px; outline:none; transition:var(--tr); font-family:inherit; }
.filter-group select:focus,.filter-group input:focus { border-color:var(--accent); }
.filter-group select option { background:var(--bg2); }
.filter-btn { padding:8px 15px; background:var(--accent); border:none; border-radius:6px; color:#fff; font-size:12.5px; font-weight:700; align-self:flex-end; transition:var(--tr); font-family:inherit; }
.filter-btn:hover { background:var(--accent2); }
.filter-reset { padding:8px 12px; background:transparent; border:1px solid var(--border); border-radius:6px; color:var(--text2); font-size:12px; font-weight:500; align-self:flex-end; transition:var(--tr); text-decoration:none; }
.filter-reset:hover { border-color:var(--border2); color:var(--text); }

/* ── PAGINATION ───────────────────────────────── */
.pagination { display:flex; justify-content:center; gap:5px; margin-top:40px; }
.pagination a,.pagination span { padding:7px 13px; background:var(--surface); border:1px solid var(--border); border-radius:6px; font-size:13px; font-weight:600; color:var(--text2); transition:var(--tr); min-width:36px; text-align:center; }
.pagination a:hover { border-color:var(--accent); color:var(--accent2); }
.pagination .active { background:var(--accent); border-color:var(--accent); color:#fff; }
.pagination .dots { background:transparent; border-color:transparent; }


/* ── OFFER CARD ───────────────────────────────── */
.offer-card { background:var(--surface); border:1.5px solid var(--border2); border-radius:var(--radius2); padding:22px; margin-bottom:12px; }
.offer-card__price { font-size:36px; font-weight:800; color:var(--amber2); font-family:'Space Mono',monospace; margin-bottom:4px; letter-spacing:-1px; }
.offer-card__price-label { font-size:12px; color:var(--text3); margin-bottom:18px; }
.offer-card--sold { background:rgba(184,42,42,.04); border-color:rgba(184,42,42,.18); }

/* ── FORMS ────────────────────────────────────── */
.form-group { margin-bottom:13px; }
.form-label { display:block; font-size:12px; font-weight:600; color:var(--text2); margin-bottom:6px; letter-spacing:.1px; }
.form-input,.form-select,.form-textarea {
  width:100%; padding:10px 13px;
  background:var(--bg2); border:1px solid var(--border);
  border-radius:7px; color:var(--text); font-size:13px; outline:none; transition:var(--tr);
  font-family:inherit;
}
.form-input:focus,.form-select:focus,.form-textarea:focus {
  border-color:var(--accent); box-shadow:0 0 0 3px rgba(184,42,42,.1);
}
.form-textarea { resize:vertical; min-height:80px; }
.form-input::placeholder,.form-textarea::placeholder { color:var(--text3); }
.form-hint { font-size:11px; color:var(--text3); margin-top:4px; }
.btn-submit {
  width:100%; padding:12px; background:var(--accent); border:none; border-radius:7px;
  color:#fff; font-size:13.5px; font-weight:700; transition:var(--tr);
  display:flex; align-items:center; justify-content:center; gap:7px;
  cursor:pointer; font-family:inherit;
}
.btn-submit:hover { background:var(--accent2); transform:translateY(-1px); box-shadow:0 6px 20px rgba(184,42,42,.3); }
.btn-submit:disabled { opacity:.5; cursor:not-allowed; transform:none; }

/* ── ALERTS ───────────────────────────────────── */
.alert { padding:11px 14px; border-radius:7px; font-size:13px; font-weight:500; display:flex; align-items:center; gap:8px; margin-bottom:13px; }
.alert--success { background:rgba(42,122,80,.08);  border:1px solid rgba(42,122,80,.22);  color:#80c8a0; }
.alert--error   { background:rgba(184,42,42,.08);  border:1px solid rgba(184,42,42,.24);  color:#e08080; }
.alert--warning { background:rgba(200,136,10,.08); border:1px solid rgba(200,136,10,.22); color:var(--amber3); }
.alert--info    { background:rgba(184,42,42,.06);  border:1px solid rgba(184,42,42,.18);  color:var(--accent3); }

/* ── CONTACT ──────────────────────────────────── */
.contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:40px; align-items:start; }
.contact-info-item { display:flex; gap:13px; margin-bottom:22px; }
.contact-info-icon { width:38px; height:38px; background:var(--surface2); border:1px solid var(--border); border-radius:8px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--text2); }
.contact-info-text h4 { font-size:13px; font-weight:700; color:var(--text); margin-bottom:2px; }
.contact-info-text p  { font-size:12.5px; color:var(--text3); }
@media(max-width:720px){ .contact-grid{grid-template-columns:1fr} }

/* ── TOAST ────────────────────────────────────── */
#toast-container { position:fixed; bottom:20px; right:20px; z-index:9999; display:flex; flex-direction:column; gap:7px; }
.toast { background:var(--surface2); border:1px solid var(--border2); color:var(--text); padding:11px 15px; border-radius:9px; font-size:13px; font-weight:500; box-shadow:var(--shadow2); animation:toastIn .22s ease; max-width:320px; display:flex; align-items:center; gap:8px; }
.toast--success { border-color:rgba(42,122,80,.4); }
.toast--error   { border-color:rgba(184,42,42,.4); }

/* ── STATUS PAGE ──────────────────────────────── */
.status-card { max-width:520px; margin:104px auto 52px; background:var(--surface); border:1.5px solid var(--border2); border-radius:var(--radius2); padding:32px; text-align:center; }
.status-icon { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.status-icon--pending   { background:rgba(200,136,10,.1);  border:2px solid rgba(200,136,10,.3);  color:var(--amber3);  }
.status-icon--accepted  { background:rgba(42,122,80,.1);   border:2px solid rgba(42,122,80,.3);   color:var(--green2);  }
.status-icon--rejected  { background:rgba(184,42,42,.1);   border:2px solid rgba(184,42,42,.3);   color:var(--accent3); }
.status-icon--countered { background:rgba(200,136,10,.1);  border:2px solid rgba(200,136,10,.3);  color:var(--amber2);  }
.status-meta { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:22px; text-align:left; }
.status-meta-item { background:var(--bg2); border-radius:8px; padding:11px 13px; }
.status-meta-item .label { font-size:10px; color:var(--text3); font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.status-meta-item .value { font-size:14px; font-weight:700; color:var(--text); margin-top:3px; }

/* ── PAGE CONTENT ────────────────────────────── */
.breadcrumb { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--text3); padding:100px 0 0; }
.breadcrumb a { color:var(--text3); } .breadcrumb a:hover { color:var(--text2); }
.breadcrumb span { color:var(--border2); }
.empty-state { text-align:center; padding:64px 20px; color:var(--text3); }
.empty-state svg { width:60px; height:60px; opacity:.12; margin:0 auto 14px; }
.empty-state h3 { font-size:17px; color:var(--text2); margin-bottom:6px; }
.similar-section { padding:52px 0; background:var(--bg2); }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
.reveal.visible { opacity:1; transform:none; }
.page-content h2,.page-content h3 { color:var(--text); margin:22px 0 9px; font-weight:700; }
.page-content p { margin-bottom:13px; }
.page-content ul,.page-content ol { padding-left:20px; margin-bottom:13px; }
.page-content a { color:var(--accent2); }
.page-content blockquote { border-left:3px solid var(--accent); padding:10px 16px; background:var(--surface); border-radius:0 7px 7px 0; margin:16px 0; }

/* ── ANIMATIONS ───────────────────────────────── */
@keyframes fadeInUp  { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:none} }
@keyframes spin      { from{transform:rotate(0)} to{transform:rotate(360deg)} }
@keyframes toastIn   { from{opacity:0;transform:translateX(12px)} to{opacity:1;transform:none} }
.spin { animation:spin .9s linear infinite; }

/* ── LIGHT THEME OVERRIDES ────────────────────── */
[data-theme="light"] .form-input,
[data-theme="light"] .form-select,
[data-theme="light"] .form-textarea { background:#fff; border-color:rgba(140,60,60,.15); color:var(--text); }
[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-select:focus,
[data-theme="light"] .form-textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(155,28,28,.08); }
[data-theme="light"] .det2-hero { background:#fff; }
[data-theme="light"] .det2-analysis { background:#fff; }
[data-theme="light"] .det2-steps { background:#fff; }
[data-theme="light"] .det2-step { background:var(--surface2); }
[data-theme="light"] .det2-seller { background:linear-gradient(145deg,#fff,rgba(200,136,10,.04)); }
[data-theme="light"] .det2-price-box { background:#fff; }
[data-theme="light"] .det2-trust { background:#fff; }
[data-theme="light"] .det2-bar { background:var(--surface3); }
[data-theme="light"] .det2-criterion__icon { background:var(--surface2); }
[data-theme="light"] .det2-seller__link { background:var(--surface2); }
[data-theme="light"] .dc { background:#fff; }
[data-theme="light"] .spotlight-card { background:#fff; }
[data-theme="light"] .toast { background:#fff; border-color:var(--border2); color:var(--text); }

/* ── DISCOUNT PRICE ───────────────────────────── */
.det2-original-price {
  font-size:16px; font-weight:600; color:var(--text3);
  text-decoration:line-through; margin-bottom:4px;
  font-family:'Space Mono',monospace;
}
.det2-discount-badge {
  display:inline-flex; align-items:center; gap:5px;
  background:rgba(42,122,80,.15); color:var(--green2);
  border:1px solid rgba(42,122,80,.28);
  font-size:11px; font-weight:800; padding:2px 10px;
  border-radius:100px; margin-bottom:6px;
  text-transform:uppercase; letter-spacing:.5px;
}
.det2-discount-badge::before {
  content:''; display:inline-block;
  width:6px; height:6px; background:var(--green2);
  border-radius:50%; animation:tPulse 1.5s infinite;
}
[data-theme="light"] .det2-original-price { color:#8a6060; }

/* ══ DOMAIN DETAIL (dp-) ═══════════════════════════════ */

/* Hero */
/* dp-hero styles moved to dp-bc-bar section */

/* Status badge */
.dp-status { display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase;margin-bottom:14px;
  background:rgba(184,42,42,.1);border:1.5px solid rgba(184,42,42,.3);color:var(--accent3); }
.dp-status--sold    { background:rgba(100,80,80,.08);border-color:rgba(100,80,80,.2);color:var(--text3); }
.dp-status--premium { background:rgba(200,136,10,.1);border-color:rgba(200,136,10,.28);color:var(--amber3); }
.dp-status__dot { width:7px;height:7px;background:var(--accent2);border-radius:50%;animation:forsalePulse 1.5s infinite;flex-shrink:0; }
@keyframes forsalePulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(184,42,42,.4);}50%{opacity:.8;box-shadow:0 0 0 5px rgba(184,42,42,0);}}

/* Domain name */
.dp-name { font-size:clamp(32px,5.5vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.05;margin-bottom:16px;font-family:'Space Mono',monospace;word-break:break-all;color:var(--text); }
.dp-name__ext { color:var(--accent2);opacity:.5; }

/* Price */
.dp-price-row { display:flex;align-items:flex-end;gap:16px;margin-bottom:14px;flex-wrap:wrap; }
.dp-orig { font-size:16px;font-weight:600;color:var(--text3);text-decoration:line-through;font-family:'Space Mono',monospace;line-height:1; }
.dp-price { font-size:clamp(28px,4vw,44px);font-weight:900;color:var(--amber2);font-family:'Space Mono',monospace;letter-spacing:-1px;line-height:1; }
.dp-price__cur { font-size:14px;font-weight:600;opacity:.65; }
.dp-discount { padding:6px 10px;background:rgba(42,122,80,.15);color:var(--green2);border:1px solid rgba(42,122,80,.3);border-radius:8px;font-size:11px;font-weight:800;text-align:center;line-height:1.3; }

/* Meta */
.dp-meta { display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px; }
.dp-meta span { display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text3); }
.dp-action-btn { display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:6px;font-size:11.5px;font-weight:600;color:var(--text2);cursor:pointer;font-family:inherit;transition:var(--tr);text-decoration:none; }
.dp-action-btn:hover{border-color:var(--border2);color:var(--text);}

.dp-desc { font-size:13.5px;color:var(--text2);line-height:1.7;margin-top:8px; }

/* Form card */
.dp-form-card { background:var(--bg2);border:1.5px solid var(--border2);border-radius:14px;padding:20px; }
.dp-form-card__price { font-size:30px;font-weight:800;color:var(--amber2);font-family:'Space Mono',monospace;letter-spacing:-1px;margin-bottom:3px;text-align:center; }
.dp-form-card__sub { font-size:12px;color:var(--text3);margin-bottom:14px;text-align:center; }

/* Body */
.dp-body { padding:28px 0 72px; }
.dp-layout { display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:start; }
@media(max-width:860px){ .dp-layout{grid-template-columns:1fr;} }
.dp-sidebar { position:sticky;top:80px;display:flex;flex-direction:column;gap:14px; }
@media(max-width:860px){ .dp-sidebar{position:static;} }
.dp-content { display:flex;flex-direction:column;gap:16px; }

/* Cards */
.dp-card { background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:18px; }
.dp-card__header { display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px; }
.dp-card__title { display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text3); }
.dp-card__sub { font-size:11px;color:var(--text3);margin-top:3px; }

/* Criteria */
.dp-criteria { display:flex;flex-direction:column;gap:10px; }
.dp-criterion__row { display:flex;align-items:center;gap:8px;margin-bottom:4px; }
.dp-criterion__name { font-size:12.5px;font-weight:700;color:var(--text);min-width:80px; }
.dp-criterion__desc { font-size:11px;color:var(--text3);flex:1; }
.dp-criterion__score { font-size:12.5px;font-weight:800;font-family:'Space Mono',monospace;flex-shrink:0; }
.dp-bar { height:3px;background:var(--surface2);border-radius:100px;overflow:hidden; }
.dp-bar__fill { height:100%;border-radius:100px;transition:width 1s ease; }

/* Steps */
.dp-steps { display:flex;flex-direction:column;gap:0; }
.dp-step { display:flex;align-items:flex-start;gap:11px;padding:10px 0;border-bottom:1px solid var(--border); }
.dp-step:last-child{border-bottom:none;padding-bottom:0;} .dp-step:first-child{padding-top:0;}
.dp-step__n { width:22px;height:22px;border-radius:50%;flex-shrink:0;background:rgba(184,42,42,.1);border:1.5px solid rgba(184,42,42,.25);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--accent2); }
.dp-step__name { font-size:12.5px;font-weight:700;color:var(--text);display:block;margin-bottom:1px; }
.dp-step__desc { font-size:11.5px;color:var(--text3); }

/* Seller */
.dp-seller__row { display:flex;align-items:center;gap:11px;margin-bottom:12px; }
.dp-seller__av { width:38px;height:38px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--amber));display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:800;color:#fff;font-family:'Space Mono',monospace; }
.dp-seller__name { font-size:14px;font-weight:800;color:var(--text);margin-bottom:2px; }
.dp-seller__badge { display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--amber3); }
.dp-seller__link { display:flex;align-items:center;gap:8px;padding:7px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;font-size:12px;color:var(--text2);transition:var(--tr);text-decoration:none;margin-bottom:5px; }
.dp-seller__link:last-child{margin-bottom:0;}
.dp-seller__link:hover{border-color:var(--border2);color:var(--text);}
.dp-seller__link svg{flex-shrink:0;color:var(--text3);}

/* Trust */
.dp-trust-item { display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border); }
.dp-trust-item:first-child{padding-top:0;}.dp-trust-item:last-child{border-bottom:none;padding-bottom:0;}
.dp-trust-icon { width:26px;height:26px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text2); }
.dp-trust-name { font-size:12px;font-weight:700;color:var(--text2);margin-bottom:1px; }
.dp-trust-desc { font-size:10.5px;color:var(--text3); }

/* Light mode */
[data-theme="light"] .dp-hero { background:#fff; }
[data-theme="light"] .dp-hero--premium { background:linear-gradient(160deg,rgba(200,136,10,.04) 0%,#fff 100%); }
[data-theme="light"] .dp-card { background:#fff; }
[data-theme="light"] .dp-form-card { background:var(--surface2); }
[data-theme="light"] .dp-seller__link { background:var(--surface2); }
[data-theme="light"] .dp-bar { background:var(--surface3); }
[data-theme="light"] .dp-step { border-color:var(--border); }

/* Mobile extras */
@media(max-width:640px){
  .dp-name{font-size:clamp(28px,8vw,46px);letter-spacing:-1.5px;}
  .dp-price{font-size:clamp(24px,7vw,36px);}
  .dp-hero__body{padding-bottom:22px;}
  .dp-card{padding:14px;}
  .domains-grid{grid-template-columns:1fr !important;}
  .filter-bar{flex-direction:column;}
  .filter-group{min-width:unset;}
  .hero__stats{gap:16px;}
  .det2-grid,.ddetail,.det-grid{grid-template-columns:1fr !important;}
  .forsale-hero__inner{grid-template-columns:1fr !important;}
}


/* ── Hero features (dp-hero-feat) ────────────────────── */
.dp-hero-feats {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 18px;
  margin-bottom: 16px;
}
@media(max-width:500px){ .dp-hero-feats{ grid-template-columns:1fr; } }

.dp-hero-feat {
  display: flex; align-items: flex-start; gap: 9px;
  padding: 10px 12px;
  background: var(--surface2); border: 1px solid var(--border);
  border-radius: 9px;
}
.dp-hero-feat__icon {
  width: 20px; height: 20px; border-radius: 5px; flex-shrink: 0;
  background: rgba(184,42,42,.1); border: 1px solid rgba(184,42,42,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent2); margin-top: 1px;
}
.dp-hero-feat__name { font-size: 12px; font-weight: 700; color: var(--text); margin-bottom: 1px; }
.dp-hero-feat__desc { font-size: 11px; color: var(--text3); line-height: 1.4; }

/* Score bar */
.dp-hero-score {
  display: flex; gap: 7px; flex-wrap: wrap; margin-top: 12px;
}
.dp-hero-score__tag {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 11px; border-radius: 100px;
  border: 1px solid; font-size: 11px; font-weight: 700;
}

[data-theme="light"] .dp-hero-feat { background: var(--surface3); }
[data-theme="light"] .dp-hero-score { background: var(--surface3); }

/* ── Value Cards (dp-value-) ─────────────────────────── */
.dp-value-section { }
.dp-value-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media(max-width:560px){ .dp-value-grid{grid-template-columns:1fr;} }

.dp-value-card {
  background: var(--vc-bg, rgba(42,122,80,.07));
  border: 1px solid var(--vc-border, rgba(42,122,80,.2));
  border-radius: 11px;
  padding: 14px 14px 13px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: var(--tr);
}
.dp-value-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
}
.dp-value-card__icon {
  width: 28px; height: 28px; border-radius: 7px;
  background: rgba(255,255,255,.08); border: 1px solid var(--vc-border, rgba(42,122,80,.2));
  display: flex; align-items: center; justify-content: center;
  color: var(--vc-color, #3a8a64);
  flex-shrink: 0; margin-bottom: 2px;
}
.dp-value-card__title {
  font-size: 12.5px; font-weight: 800;
  color: var(--vc-color, #3a8a64);
  line-height: 1.2;
}
.dp-value-card__desc {
  font-size: 11.5px; color: var(--text2); line-height: 1.5;
}

[data-theme="light"] .dp-value-card__icon { background: rgba(255,255,255,.6); }
[data-theme="light"] .dp-value-card__desc { color: var(--text2); }
[data-theme="light"] .dp-value-card {
  background: var(--vc-bg);
  border-color: var(--vc-border);
}

/* ── Breadcrumb bar ───────────────────────────────── */
.dp-bc-bar {
  padding-top: 92px; /* ticker(32) + navbar(60) */
  background: var(--bg2);
  border-bottom: 1px solid var(--border);
}
.dp-bc { display:flex;align-items:center;gap:5px;font-size:11px;color:var(--text3);padding:9px 0; }
.dp-bc a { color:var(--text3);transition:var(--tr); } .dp-bc a:hover{color:var(--text2);}

/* Hero — no top padding since bc-bar has the navbar offset */
.dp-hero { padding-top:0; border-bottom:1px solid var(--border); }
.dp-hero--premium { border-bottom-color:rgba(200,136,10,.18); }

/* ── Premium Seller Card ──────────────────────────── */
.dp-seller-card {
  position: relative;
  background: linear-gradient(145deg, var(--surface) 0%, rgba(200,136,10,.04) 100%);
  border: 1px solid rgba(200,136,10,.22);
  border-radius: 16px;
  padding: 18px;
  overflow: hidden;
}
.dp-seller-card__bg {
  position: absolute; top: -30px; right: -30px;
  width: 120px; height: 120px; border-radius: 50%;
  background: radial-gradient(circle, rgba(200,136,10,.1), transparent 70%);
  pointer-events: none;
}

/* Top row */
.dp-seller-card__top { display:flex;align-items:center;gap:12px;margin-bottom:14px; }
.dp-seller-card__av {
  position: relative; width:46px; height:46px; flex-shrink:0;
}
.dp-seller-card__av span {
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%; border-radius: 13px;
  background: linear-gradient(135deg, #9b1c1c, #c8880a);
  font-size: 20px; font-weight: 900; color: #fff;
  font-family: 'Space Mono', monospace;
}
.dp-seller-card__av-ring {
  position: absolute; inset: -3px; border-radius: 16px;
  border: 1.5px solid rgba(200,136,10,.4);
  animation: sellerRing 3s ease-in-out infinite;
}
@keyframes sellerRing {
  0%,100% { opacity:.6; transform:scale(1); }
  50%      { opacity:1;  transform:scale(1.04); }
}
.dp-seller-card__info { flex: 1; min-width: 0; }
.dp-seller-card__name { font-size:15px;font-weight:800;color:var(--text);margin-bottom:5px;letter-spacing:-.2px; }
.dp-seller-card__badges { display:flex;gap:5px;flex-wrap:wrap; }
.dp-seller-card__badge {
  display:inline-flex;align-items:center;gap:4px;
  padding:2px 8px; border-radius:100px;
  font-size:9.5px; font-weight:800; text-transform:uppercase; letter-spacing:.4px;
}
.dp-seller-card__badge--verified {
  background:rgba(42,122,80,.12); color:#3a9460; border:1px solid rgba(42,122,80,.25);
}
.dp-seller-card__badge--trusted {
  background:rgba(200,136,10,.1); color:var(--amber3); border:1px solid rgba(200,136,10,.25);
}

/* Links */
.dp-seller-card__links { display:flex;flex-direction:column;gap:6px; }
.dp-seller-card__link {
  display:flex;align-items:center;gap:10px;
  padding:9px 11px;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  border-radius:10px;
  text-decoration:none;
  transition:var(--tr);
}
.dp-seller-card__link:hover { border-color:rgba(200,136,10,.3); background:rgba(200,136,10,.05); }
.dp-seller-card__link-icon {
  width:28px;height:28px;border-radius:7px;
  background:rgba(200,136,10,.1);border:1px solid rgba(200,136,10,.2);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  color:var(--amber3);
}
.dp-seller-card__link-label { font-size:10px;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.4px; }
.dp-seller-card__link-val { font-size:12.5px;font-weight:600;color:var(--text);margin-top:1px; }
.dp-seller-card__ext-links { display:flex;gap:6px;margin-top:2px; }
.dp-seller-card__ext-btn {
  flex:1;display:flex;align-items:center;justify-content:center;gap:5px;
  padding:7px 10px;background:var(--surface2);border:1px solid var(--border);
  border-radius:8px;font-size:11.5px;font-weight:600;color:var(--text2);
  text-decoration:none;transition:var(--tr);
}
.dp-seller-card__ext-btn:hover { border-color:var(--border2);color:var(--text); }

[data-theme="light"] .dp-seller-card { background:linear-gradient(145deg,#fff,rgba(200,136,10,.04)); }
[data-theme="light"] .dp-seller-card__link { background:rgba(0,0,0,.02); }

/* ── Daily Deals ──────────────────────────────────── */
.dp-daily {
  background:var(--surface);border:1px solid var(--border);
  border-radius:14px;padding:15px;
}
.dp-daily__header { display:flex;align-items:center;justify-content:space-between;margin-bottom:12px; }
.dp-daily__title { display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--text); }
.dp-daily__refresh { font-size:10px;color:var(--text3);font-weight:500; }
.dp-daily__list { display:flex;flex-direction:column;gap:5px;margin-bottom:10px; }
.dp-daily__item {
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:9px 11px;background:var(--bg2);border:1px solid var(--border);
  border-radius:8px;text-decoration:none;transition:var(--tr);
}
.dp-daily__item:hover { border-color:var(--border2);background:var(--surface2); }
.dp-daily__item--premium { border-color:rgba(200,136,10,.2); }
.dp-daily__item-name { font-size:13px;font-weight:700;font-family:'Space Mono',monospace;color:var(--text);word-break:break-all; }
.dp-daily__item-ext { color:var(--accent2);opacity:.5; }
.dp-daily__item-price { font-size:13px;font-weight:800;color:var(--amber2);font-family:'Space Mono',monospace;white-space:nowrap;flex-shrink:0; }
.dp-daily__more { display:block;text-align:center;font-size:12px;font-weight:600;color:var(--accent2);padding-top:4px; }
.dp-daily__more:hover { color:var(--accent3); }

[data-theme="light"] .dp-daily { background:#fff; }
[data-theme="light"] .dp-daily__item { background:var(--surface2); }

/* ══════════════════════════════════════════════════════
   ŞAHESER HERO — dph (domain page hero)
══════════════════════════════════════════════════════ */
.dph {
  position: relative; overflow: hidden;
  background: var(--bg);
  border-bottom: 1px solid var(--border);
}
.dph--gold  { background: linear-gradient(175deg, var(--bg) 30%, rgba(200,136,10,.04) 100%); }
.dph--sold  { background: var(--bg); opacity: .88; }

/* Arka plan: ince nokta ızgarası */
.dph__grid {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
  opacity: .4;
  background-image: radial-gradient(circle, var(--border2) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: radial-gradient(ellipse 80% 80% at 30% 50%, black 30%, transparent 100%);
}
/* Işık huzmesi */
.dph__glow {
  position: absolute; top: -120px; left: -80px; z-index: 0;
  width: 600px; height: 500px; border-radius: 50%; pointer-events: none;
  background: radial-gradient(circle at 40% 40%, rgba(184,42,42,.08) 0%, transparent 65%);
  animation: glowPulse 6s ease-in-out infinite;
}
.dph__glow--gold {
  background: radial-gradient(circle at 40% 40%, rgba(200,136,10,.1) 0%, rgba(184,42,42,.04) 50%, transparent 70%);
}
@keyframes glowPulse {
  0%,100% { transform: scale(1) translate(0,0); opacity:.8; }
  50%      { transform: scale(1.08) translate(20px, 10px); opacity:1; }
}

/* Layout */
.dph__layout {
  position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr 320px; gap: 40px;
  align-items: start; padding: 32px 0 40px;
}
@media(max-width:900px){ .dph__layout{ grid-template-columns:1fr; gap:24px; padding:24px 0 28px; } }

/* ── Stage (sol) ───────────────────────────────────── */
.dph__stage { }

/* Top bar */
.dph__top-bar { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;flex-wrap:wrap; }
.dph__forsale-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 6px 16px; border-radius: 100px;
  background: rgba(184,42,42,.12); border: 1.5px solid rgba(184,42,42,.3);
  color: var(--accent2); font-size: 10px; font-weight: 900;
  letter-spacing: 2.5px; text-transform: uppercase;
}
.dph__forsale-dot {
  width: 8px; height: 8px; background: var(--accent2); border-radius: 50%; flex-shrink: 0;
  box-shadow: 0 0 0 3px rgba(184,42,42,.2);
  animation: forsalePulse 1.6s ease-in-out infinite;
}
.dph__forsale-badge--sold { background:rgba(100,80,80,.08); border-color:rgba(100,80,80,.2); color:var(--text3); }
.dph__top-meta { display:flex;align-items:center;gap:12px; }
.dph__top-meta span { display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text3); }

/* Domain name — THE CENTREPIECE */
.dph__name-wrap { margin-bottom: 14px; }
.dph__name {
  font-size: clamp(36px, 5.5vw, 68px);
  font-weight: 900; letter-spacing: -2.5px; line-height: 1.05;
  font-family: 'Space Mono', monospace; word-break: break-all;
  margin-bottom: 8px;
}
.dph__name-main { color: var(--text); }
.dph__name-ext  {
  color: var(--accent2); opacity: .5;
  background: linear-gradient(90deg, var(--accent2), var(--amber2));
  -webkit-background-clip: text; -webkit-text-fill-color: transparent;
  background-clip: text;
}
.dph__name-rule {
  height: 3px; width: 80px; border-radius: 100px;
  background: linear-gradient(90deg, var(--accent2), transparent);
}
.dph__name-rule--gold { background: linear-gradient(90deg, var(--amber2), transparent); }

/* Description */
.dph__desc { font-size: 14px; color: var(--text2); line-height: 1.7; margin-bottom: 16px; }

/* Price */
.dph__price-block { margin-bottom: 18px; }
.dph__price-row { display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap; }
.dph__orig {
  font-size: 15px; font-weight: 600; color: var(--text3);
  text-decoration: line-through; font-family: 'Space Mono', monospace; line-height: 1;
}
.dph__price {
  font-size: clamp(32px, 4.5vw, 50px); font-weight: 900;
  color: var(--amber2); font-family: 'Space Mono', monospace;
  letter-spacing: -2px; line-height: 1;
}
.dph__discount-pill {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 12px; border-radius: 100px;
  background: rgba(42,122,80,.12); color: var(--green2);
  border: 1px solid rgba(42,122,80,.3);
  font-size: 11px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px;
  margin-bottom: 2px;
}
.dph__currency-note { font-size: 11px; color: var(--text3); margin-top: 5px; font-weight: 500; }
.dph__offer-badge {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 8px 16px; border-radius: 8px;
  background: rgba(42,122,80,.1); color: var(--green2);
  border: 1px solid rgba(42,122,80,.22);
  font-size: 15px; font-weight: 700;
}

/* Features — pill row */
.dph__feats { display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px; }
.dph__feat {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px;
  background: var(--surface2); border: 1px solid var(--border);
  border-radius: 100px;
  font-size: 12px; color: var(--text2);
  transition: var(--tr);
}
.dph__feat:hover { border-color: var(--border2); }
.dph__feat-check {
  width: 15px; height: 15px; border-radius: 50%; flex-shrink: 0;
  background: rgba(184,42,42,.1); border: 1px solid rgba(184,42,42,.2);
  display: flex; align-items: center; justify-content: center;
  color: var(--accent2);
}
.dph__feat b { font-weight: 700; color: var(--text); font-size: 11.5px; }
.dph__feat span { color: var(--text3); font-size: 11px; }

/* Action buttons */
.dph__actions { display:flex;gap:8px;flex-wrap:wrap; }
.dph__btn-copy {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px;
  background: var(--surface); border: 1.5px solid var(--border2);
  border-radius: 8px; font-size: 13px; font-weight: 700;
  color: var(--text2); cursor: pointer; font-family: inherit;
  transition: var(--tr);
}
.dph__btn-copy:hover { border-color: var(--accent2); color: var(--text); }
.dph__btn-preview {
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 18px;
  background: transparent; border: 1.5px solid var(--border);
  border-radius: 8px; font-size: 13px; font-weight: 700;
  color: var(--text3); text-decoration: none;
  transition: var(--tr);
}
.dph__btn-preview:hover { border-color: var(--border2); color: var(--text2); }

/* ── Form kolonu ───────────────────────────────────── */
.dph__form-col { }
.dph__form-card {
  background: var(--surface);
  border: 1.5px solid var(--border2);
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(0,0,0,.25);
}
.dph__form-hd {
  padding: 18px 20px 14px; text-align: center;
  background: linear-gradient(135deg, rgba(184,42,42,.06), rgba(200,136,10,.04));
  border-bottom: 1px solid var(--border);
}
.dph__fc-price {
  font-size: 34px; font-weight: 900; color: var(--amber2);
  font-family: 'Space Mono', monospace; letter-spacing: -1px; margin-bottom: 3px;
}
.dph__fc-note { font-size: 12px; color: var(--text3); }
.dph__form-card > form,
.dph__form-card > #offerResult ~ form,
.dph__form-card > div > form { padding: 16px 20px 20px; }
.dph__form-card .form-group { margin-bottom: 10px; }
.dph__form-card .btn-submit { margin-top: 4px; }

/* Light theme */
[data-theme="light"] .dph { background: #f8f3f0; }
[data-theme="light"] .dph--gold { background: linear-gradient(175deg, #f8f3f0 30%, rgba(200,136,10,.03) 100%); }
[data-theme="light"] .dph__name-main { color: #1a0e0e; }
[data-theme="light"] .dph__feat { background: #fff; }
[data-theme="light"] .dph__btn-copy { background: #fff; }
[data-theme="light"] .dph__form-card { background: #fff; box-shadow: 0 8px 40px rgba(140,60,60,.12); }
[data-theme="light"] .dph__grid { opacity: .25; }

/* Mobile */
@media(max-width:640px){
  .dph__name { letter-spacing:-1.5px; }
  .dph__price { letter-spacing:-1px; }
  .dph__feats { gap:5px; }
  .dph__feat { padding:4px 9px; font-size:11px; }
}

/* ── MOBİL ALT MENÜ ───────────────────────────────── */
.mobile-bottom-nav {
  display: none;
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 998;
  background: var(--surface);
  border-top: 1px solid var(--border);
  padding: 0 0 env(safe-area-inset-bottom, 0);
  box-shadow: 0 -4px 20px rgba(0,0,0,.2);
}
@media(max-width:840px){ .mobile-bottom-nav { display:flex; } }
.mobile-bottom-nav__item {
  flex: 1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap: 3px; padding: 10px 6px 9px;
  color: var(--text3); font-size: 10px; font-weight: 600;
  text-decoration: none; transition: var(--tr);
  text-transform: uppercase; letter-spacing: .3px;
  -webkit-tap-highlight-color: transparent;
}
.mobile-bottom-nav__item:hover,
.mobile-bottom-nav__item.active { color: var(--accent2); }
.mobile-bottom-nav__item svg { width:20px; height:20px; margin-bottom:1px; }
.mobile-bottom-nav__item--cta {
  color: var(--accent2);
}
.mobile-bottom-nav__item--cta svg {
  background: var(--accent); color:#fff; border-radius:10px; padding:3px;
  width:26px; height:26px; margin-top:-4px;
}
/* Spacer for content above bottom nav on mobile */
@media(max-width:840px){
  body { padding-bottom: 62px; }
  .footer { padding-bottom: calc(52px + env(safe-area-inset-bottom, 0)); }
}
[data-theme="light"] .mobile-bottom-nav { background:#fff; }

/* ── dph snapshot (hero'ya özgü) ─────────────────── */
.dph__snapshot {
  margin-top: 18px;
  background: var(--surface2);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 14px 16px;
}
.dph__snapshot-title {
  display: flex; align-items: center; gap: 6px;
  font-size: 10px; font-weight: 700; text-transform: uppercase;
  letter-spacing: 1px; color: var(--text3); margin-bottom: 12px;
}
.dph__snapshot-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px;
}
@media(max-width:640px){ .dph__snapshot-grid{ grid-template-columns:repeat(3,1fr); } }
.dph__snap-item {
  text-align: center;
  padding: 8px 4px;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 8px;
}
.dph__snap-label { font-size: 9.5px; font-weight: 700; color: var(--text3); text-transform: uppercase; letter-spacing: .4px; margin-bottom: 3px; }
.dph__snap-val   { font-size: 16px; font-weight: 900; color: var(--text); font-family: 'Space Mono', monospace; letter-spacing: -.4px; line-height: 1; margin-bottom: 2px; }
.dph__snap-sub   { font-size: 10px; color: var(--text3); }

[data-theme="light"] .dph__snapshot { background: var(--surface2); }
[data-theme="light"] .dph__snap-item { background: #fff; }

/* ── FOOTER ───────────────────────────────────── */
.footer { background:var(--bg2); border-top:1px solid var(--border); padding:50px 0 24px; }
.footer__grid { display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:40px; margin-bottom:40px; }
.footer__brand-logo { font-size:18px; font-weight:700; color:var(--text); margin-bottom:9px; }
.footer__brand-desc { font-size:13px; color:var(--text3); line-height:1.7; max-width:240px; }
.footer__social { display:flex; gap:7px; margin-top:16px; }
.footer__social a { width:32px; height:32px; background:var(--surface); border:1px solid var(--border); border-radius:6px; display:flex; align-items:center; justify-content:center; color:var(--text3); font-size:13px; transition:var(--tr); }
.footer__social a:hover { border-color:var(--border2); color:var(--text); }
.footer__col-title { font-size:10.5px; font-weight:700; color:var(--text); margin-bottom:12px; letter-spacing:1px; text-transform:uppercase; }
.footer__links { display:flex; flex-direction:column; gap:8px; }
.footer__links a { font-size:13px; color:var(--text3); transition:var(--tr); }
.footer__links a:hover { color:var(--text2); }
.footer__bottom { border-top:1px solid var(--border); padding-top:20px; display:flex; justify-content:space-between; align-items:center; gap:12px; font-size:12px; color:var(--text3); }
@media(max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;text-align:center}}

/* ── STATUS PAGE ──────────────────────────────── */
.status-card { max-width:520px; margin:104px auto 52px; background:var(--surface); border:1.5px solid var(--border2); border-radius:var(--radius2); padding:32px; text-align:center; }
.status-icon { width:60px; height:60px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin:0 auto 14px; }
.status-icon--pending   { background:rgba(200,136,10,.1);  border:2px solid rgba(200,136,10,.3);  color:var(--amber3);  }
.status-icon--accepted  { background:rgba(42,122,80,.1);   border:2px solid rgba(42,122,80,.3);   color:var(--green2);  }
.status-icon--rejected  { background:rgba(184,42,42,.1);   border:2px solid rgba(184,42,42,.3);   color:var(--accent3); }
.status-icon--countered { background:rgba(160,110,80,.1);  border:2px solid rgba(160,110,80,.3);  color:var(--amber2);  }
.status-meta { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:22px; text-align:left; }
.status-meta-item { background:var(--bg2); border-radius:7px; padding:11px 13px; }
.status-meta-item .label { font-size:10px; color:var(--text3); font-weight:700; text-transform:uppercase; letter-spacing:.5px; }
.status-meta-item .value { font-size:14px; font-weight:700; color:var(--text); margin-top:3px; }

/* ── MISC ─────────────────────────────────────── */
.breadcrumb { display:flex; align-items:center; gap:7px; font-size:12px; color:var(--text3); padding:100px 0 0; }
.breadcrumb a { color:var(--text3); } .breadcrumb a:hover { color:var(--text2); } .breadcrumb span { color:var(--border2); }
.empty-state { text-align:center; padding:64px 20px; color:var(--text3); }
.empty-state svg { width:60px; height:60px; opacity:.12; margin:0 auto 14px; }
.empty-state h3 { font-size:17px; color:var(--text2); margin-bottom:6px; }
#toast-container { position:fixed; bottom:20px; right:20px; z-index:9999; display:flex; flex-direction:column; gap:7px; }
.toast { background:var(--surface2); border:1px solid var(--border2); color:var(--text); padding:11px 15px; border-radius:8px; font-size:13px; font-weight:500; box-shadow:var(--shadow2); animation:toastIn .22s ease; max-width:320px; display:flex; align-items:center; gap:8px; }
.toast--success { border-color:rgba(42,122,80,.4); }
.toast--error   { border-color:rgba(184,42,42,.4); }
.contact-grid { display:grid; grid-template-columns:1fr 1.6fr; gap:40px; align-items:start; }
.contact-info-item { display:flex; gap:13px; margin-bottom:22px; }
.contact-info-icon { width:38px; height:38px; background:var(--surface2); border:1px solid var(--border); border-radius:7px; display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--text2); }
.contact-info-text h4 { font-size:13px; font-weight:700; color:var(--text); margin-bottom:2px; }
.contact-info-text p  { font-size:12.5px; color:var(--text3); }
@media(max-width:720px){.contact-grid{grid-template-columns:1fr}}
.reveal { opacity:0; transform:translateY(18px); transition:opacity .55s ease,transform .55s ease; }
.reveal.visible { opacity:1; transform:none; }