/* ═══════════════════════════════════════
   ALAN ADI SEPETİ — TAM GÜNCELLEME
   Büyük Kartlar, Mobil Uyumlu
═══════════════════════════════════════ */

:root {
  --primary:  #1a1a2e;
  --accent:   #e94560;
  --accent2:  #0f3460;
  --blue:     #3b5bdb;
  --dark:     #0d0d1a;
  --gray:     #64748b;
  --gray-l:   #f8fafc;
  --border:   #e2e8f0;
  --green:    #10b981;
  --amber:    #f59e0b;
  --red:      #ef4444;
  --radius:   10px;
  --shadow:   0 2px 8px rgba(0,0,0,.08);
  --shadow-h: 0 8px 24px rgba(233,69,96,.2);
}

*,*::before,*::after {
  box-sizing:border-box; margin:0; padding:0;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif !important;
}
html { scroll-behavior:smooth; direction:ltr; -webkit-text-size-adjust:100%; }
html { height:100%; }
body { background:#f0f4f8; color:var(--primary); line-height:1.6; font-size:15px; -webkit-font-smoothing:antialiased; }
.page-wrap { min-height:calc(100vh - 250px); }
a { text-decoration:none; color:inherit; }
img { max-width:100%; height:auto; display:block; }
input,button,select,textarea { font-family:inherit; }
.container { width:100%; max-width:1280px; margin:0 auto; padding:0 1rem; }

/* ─── TOP BAR ─────────────────────────── */
.topbar { background:var(--primary); color:rgba(255,255,255,.7); font-size:.75rem; padding:.4rem 0; }
.topbar-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:.5rem; }
.topbar a { color:rgba(255,255,255,.7); }
.topbar a:hover { color:#fff; }

/* ─── NAVBAR ──────────────────────────── */
.navbar { background:#fff; border-bottom:3px solid var(--accent); position:sticky; top:0; z-index:200; box-shadow:0 2px 12px rgba(0,0,0,.08); }
.nav-inner { display:flex; align-items:center; height:62px; gap:1rem; padding:0 1rem; }
.logo { display:flex; align-items:center; gap:.6rem; font-weight:800; font-size:1.1rem; color:var(--primary); flex-shrink:0; }
.logo-icon { width:36px; height:36px; background:linear-gradient(135deg,var(--accent),var(--accent2)); border-radius:8px; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:900; font-size:.95rem; }
.nav-menu { display:flex; align-items:center; gap:.25rem; flex:1; }
.nav-menu > a > span, .nav-menu > .dropdown > .drop-btn { display:flex; align-items:center; gap:.25rem; padding:.45rem .75rem; border-radius:6px; font-size:.85rem; font-weight:600; color:var(--primary); cursor:pointer; background:none; border:none; white-space:nowrap; transition:.15s; }
.nav-menu > a:hover > span, .nav-menu > .dropdown > .drop-btn:hover { background:var(--gray-l); color:var(--accent); }
.drop-menu { display:none; position:absolute; top:100%; left:0; padding-top:8px; background:transparent; z-index:300; }
.drop-menu::before { content:''; position:absolute; top:8px; left:0; right:0; bottom:0; background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:0 8px 24px rgba(0,0,0,.12); z-index:-1; }
.drop-menu > * { position:relative; z-index:1; }
.drop-menu-inner { background:#fff; min-width:200px; padding:.4rem 0; border-radius:var(--radius); }
.dropdown { position:relative; }
.dropdown.open .drop-menu { display:block; }
.drop-menu a { display:flex; align-items:center; gap:.5rem; padding:.5rem 1rem; font-size:.83rem; color:var(--primary); transition:.15s; }
.drop-menu a:hover { background:var(--gray-l); color:var(--accent); }
.drop-menu .divider { border-top:1px solid var(--border); margin:.35rem 0; }
.drop-menu .drop-title { padding:.35rem 1rem; font-size:.7rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--gray); }
.nav-right { display:flex; align-items:center; gap:.5rem; margin-left:auto; flex-shrink:0; }
.cart-btn { position:relative; display:flex; align-items:center; gap:.35rem; padding:.4rem .75rem; border-radius:6px; background:var(--gray-l); border:1px solid var(--border); font-size:.82rem; font-weight:600; color:var(--primary); cursor:pointer; transition:.15s; text-decoration:none; }
.cart-btn:hover { background:var(--accent); color:#fff; border-color:var(--accent); }
.cart-badge { background:var(--accent); color:#fff; font-size:.6rem; font-weight:800; width:16px; height:16px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; }
.mobile-menu-auth { display:none; }
.user-menu { position:relative; }
.user-btn { display:flex; align-items:center; gap:.4rem; padding:.4rem .75rem; border-radius:6px; background:var(--gray-l); border:1px solid var(--border); font-size:.82rem; font-weight:600; cursor:pointer; }
.user-dropdown { display:none; position:absolute; right:0; top:calc(100% + 6px); background:#fff; border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow); min-width:175px; z-index:300; overflow:hidden; }
.user-dropdown.open { display:block; }
.user-dropdown a { display:block; padding:.6rem 1rem; font-size:.83rem; color:var(--primary); }
.user-dropdown a:hover { background:var(--gray-l); }
.burger { display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px; flex-shrink:0; }
.burger span { display:block; width:22px; height:2px; background:var(--primary); border-radius:2px; transition:.3s; }

/* ─── FLASH ───────────────────────────── */
.flash { padding:.8rem 1rem; font-size:.875rem; text-align:center; }
.flash-success { background:#f0fdf4; color:#166534; border-bottom:1px solid #86efac; }
.flash-error   { background:#fef2f2; color:#991b1b; border-bottom:1px solid #fca5a5; }
.flash-info    { background:#eff6ff; color:#1e40af; border-bottom:1px solid #93c5fd; }

/* ─── HERO ────────────────────────────── */
.hero { background:linear-gradient(135deg,var(--primary) 0%,var(--accent2) 60%,#16213e 100%); color:#fff; padding:3.5rem 0 3rem; text-align:center; position:relative; overflow:hidden; }
.hero::before { content:''; position:absolute; inset:0; background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.hero-content { position:relative; z-index:1; }
.hero-tag { display:inline-flex; align-items:center; gap:.4rem; background:rgba(233,69,96,.2); border:1px solid rgba(233,69,96,.4); border-radius:50px; padding:.3rem .9rem; font-size:.75rem; font-weight:700; color:#fca5a5; margin-bottom:1.25rem; text-transform:uppercase; letter-spacing:.06em; }
.hero-title { font-size:clamp(1.6rem,4vw,2.75rem); font-weight:800; line-height:1.2; margin-bottom:.875rem; }
.hero-title span { color:var(--accent); }
.hero-sub { color:rgba(255,255,255,.7); font-size:.95rem; margin-bottom:2rem; }
.search-wrap { max-width:560px; margin:0 auto 1.75rem; padding:0 1rem; }
.search-form { display:flex; background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:0 4px 20px rgba(0,0,0,.3); }
.search-input { flex:1; padding:.875rem 1.25rem; border:none; font-size:.9rem; outline:none; color:var(--primary); min-width:0; }
.search-btn { padding:.875rem 1.5rem; background:var(--accent); color:#fff; border:none; font-size:.875rem; font-weight:700; cursor:pointer; white-space:nowrap; flex-shrink:0; }
.search-btn:hover { background:#c73652; }
.hero-stats { display:flex; justify-content:center; gap:2.5rem; flex-wrap:wrap; }
.hero-stat { text-align:center; }
.hero-stat strong { display:block; font-size:1.5rem; font-weight:800; color:var(--accent); }
.hero-stat span { font-size:.75rem; color:rgba(255,255,255,.55); text-transform:uppercase; letter-spacing:.04em; }

/* ─── KATEGORİ ŞERİDİ ─────────────────── */
.cat-strip { background:#fff; border-bottom:1px solid var(--border); padding:.75rem 0; overflow-x:auto; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
.cat-strip::-webkit-scrollbar { display:none; }
.cat-strip-inner { display:flex; gap:.4rem; white-space:nowrap; padding:0 1rem; }
.cat-chip { display:inline-flex; align-items:center; gap:.35rem; padding:.38rem .9rem; border-radius:50px; border:1px solid var(--border); font-size:.82rem; font-weight:600; color:var(--gray); background:#fff; cursor:pointer; transition:.15s; white-space:nowrap; text-decoration:none; flex-shrink:0; }
.cat-chip:hover,.cat-chip.active { background:var(--accent); border-color:var(--accent); color:#fff; }

/* ─── SECTION ─────────────────────────── */
.section { padding:2.5rem 0; }
.section-white { background:#fff; }
.section-title { font-size:1.2rem; font-weight:800; color:var(--primary); display:flex; align-items:center; gap:.5rem; margin-bottom:1.25rem; }
.section-title::after { content:''; flex:1; height:2px; background:linear-gradient(90deg,var(--accent),transparent); margin-left:.5rem; }
.count-badge { background:var(--accent); color:#fff; font-size:.65rem; font-weight:800; padding:.15rem .5rem; border-radius:50px; }

/* ═══════════════════════════════════════
   DOMAİN KARTLARI — BÜYÜK VERSİYON
═══════════════════════════════════════ */
.domain-grid {
  display:grid;
  grid-template-columns:repeat(auto-fill, minmax(260px, 1fr));
  gap:1.1rem;
}

.domain-card {
  background:#fff;
  border:1px solid var(--border);
  border-radius:12px;
  padding:1.4rem;
  position:relative;
  display:flex;
  flex-direction:column;
  transition:border-color .2s, box-shadow .2s, transform .15s;
  min-height:200px;
}
.domain-card:hover {
  border-color:var(--accent);
  box-shadow:var(--shadow-h);
  transform:translateY(-3px);
}
.domain-card.featured {
  border-color:#f59e0b;
  border-width:2px;
  background:linear-gradient(135deg,#fff 85%,#fffbeb);
}
.domain-card.featured::before {
  content:'⭐ ÖNE ÇIKAN';
  position:absolute; top:-1px; right:12px;
  background:#f59e0b; color:#fff;
  font-size:.62rem; font-weight:800;
  padding:.22rem .55rem;
  border-radius:0 0 5px 5px;
  letter-spacing:.04em;
}

/* BÜYÜK domain adı */
.domain-name {
  font-weight:900;
  font-size:1.15rem;        /* Büyütüldü */
  color:var(--primary);
  margin-bottom:.5rem;
  word-break:break-all;
  line-height:1.3;
}
.domain-ext { color:var(--accent); }

.domain-meta { display:flex; gap:.35rem; flex-wrap:wrap; margin-bottom:.75rem; }
.domain-tag { font-size:.68rem; background:var(--gray-l); color:var(--gray); padding:.18rem .55rem; border-radius:4px; font-weight:600; }
.domain-tag.sale  { background:#dcfce7; color:#166534; }
.domain-tag.offer { background:#dbeafe; color:#1e40af; }
.domain-tag.rent  { background:#fef9c3; color:#854d0e; }

.domain-price {
  margin-top:auto;
  padding-top:.875rem;
  border-top:1px solid #f1f5f9;
  margin-bottom:.875rem;
}
.domain-price .try {
  font-size:1.2rem;          /* Büyütüldü */
  font-weight:900;
  color:var(--accent);
  direction:ltr;
  display:block;
}
.domain-price .usd { font-size:.8rem; color:var(--gray); direction:ltr; margin-top:.1rem; }
.domain-price .offer-only { font-size:.88rem; color:var(--blue); font-weight:700; }

/* Butonlar ALT ALTA */
.domain-actions {
  display:flex;
  flex-direction:column;    /* ALT ALTA */
  gap:.5rem;
}
.btn-cart {
  width:100%; padding:.6rem;
  background:var(--accent); color:#fff;
  border:none; border-radius:7px;
  font-size:.82rem; font-weight:700;
  cursor:pointer; text-align:center;
  transition:.15s; display:block;
  text-decoration:none; line-height:1.5;
}
.btn-cart:hover { background:#c73652; }
.btn-offer {
  width:100%; padding:.6rem;
  background:var(--blue); color:#fff;
  border:none; border-radius:7px;
  font-size:.82rem; font-weight:700;
  cursor:pointer; text-align:center;
  transition:.15s; display:flex;
  align-items:center; justify-content:center;
  text-decoration:none; line-height:1.5;
}
.btn-offer:hover { background:#2f4ac7; }

/* ─── SIDEBAR ─────────────────────────── */
.layout-with-sidebar { display:grid; grid-template-columns:230px 1fr; gap:1.5rem; align-items:start; }
.sidebar-wrap { position:sticky; top:80px; }
.sidebar-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:1rem; margin-bottom:.875rem; }
.sidebar-title { font-size:.78rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:var(--gray); margin-bottom:.875rem; }
.filter-list { list-style:none; }
.filter-list li a { display:flex; align-items:center; justify-content:space-between; padding:.4rem .5rem; border-radius:6px; font-size:.85rem; color:var(--primary); transition:.15s; text-decoration:none; }
.filter-list li a:hover,.filter-list li a.active { background:var(--gray-l); color:var(--accent); }
.filter-count { background:var(--gray-l); color:var(--gray); font-size:.65rem; font-weight:700; padding:.1rem .4rem; border-radius:4px; }

/* ─── SAYFALAMA ───────────────────────── */
.pagination { display:flex; gap:.35rem; justify-content:center; margin-top:1.75rem; flex-wrap:wrap; }
.page-btn { min-width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:6px; border:1px solid var(--border); font-size:.82rem; font-weight:600; color:var(--gray); background:#fff; transition:.15s; padding:0 .5rem; }
.page-btn:hover,.page-btn.active { background:var(--accent); border-color:var(--accent); color:#fff; }

/* ─── FORMLAR ─────────────────────────── */
.form-group { margin-bottom:1rem; }
.form-label { display:block; font-size:.85rem; font-weight:700; margin-bottom:.4rem; color:var(--primary); }
.form-required { color:var(--red); }
.form-optional { color:var(--gray); font-weight:400; font-size:.75rem; }
.form-input,.form-select,.form-textarea { width:100%; padding:.7rem .9rem; border:1px solid var(--border); border-radius:var(--radius); font-size:.9rem; color:var(--primary); background:#fff; outline:none; transition:border-color .2s,box-shadow .2s; -webkit-appearance:none; appearance:none; }
.form-input:focus,.form-select:focus,.form-textarea:focus { border-color:var(--accent); box-shadow:0 0 0 3px rgba(233,69,96,.1); }
.form-input.error { border-color:var(--red); }
.form-textarea { resize:vertical; min-height:90px; }
.input-prefix { position:relative; }
.input-sym { position:absolute; left:.875rem; top:50%; transform:translateY(-50%); color:var(--gray); font-size:.85rem; }
.input-prefix .form-input { padding-left:1.6rem; }

/* ─── BUTONLAR ────────────────────────── */
.btn-primary { display:inline-flex; align-items:center; gap:.4rem; background:var(--accent); color:#fff; padding:.65rem 1.35rem; border-radius:var(--radius); font-weight:700; font-size:.875rem; border:none; cursor:pointer; transition:.15s; text-decoration:none; white-space:nowrap; }
.btn-primary:hover { background:#c73652; }
.btn-secondary { display:inline-flex; align-items:center; gap:.4rem; background:#fff; color:var(--primary); padding:.65rem 1.35rem; border-radius:var(--radius); font-weight:600; font-size:.875rem; border:1px solid var(--border); cursor:pointer; transition:.15s; text-decoration:none; white-space:nowrap; }
.btn-secondary:hover { background:var(--gray-l); }
.btn-blue { display:inline-flex; align-items:center; gap:.4rem; background:var(--blue); color:#fff; padding:.65rem 1.35rem; border-radius:var(--radius); font-weight:700; font-size:.875rem; border:none; cursor:pointer; transition:.15s; }

/* ─── EMPTY STATE ─────────────────────── */
.empty-state { text-align:center; padding:3rem 1rem; }
.empty-icon { font-size:3rem; margin-bottom:.875rem; }
.empty-state h3 { font-size:1.1rem; font-weight:700; margin-bottom:.4rem; }
.empty-state p { color:var(--gray); font-size:.9rem; margin-bottom:1.25rem; }

.cart-hero {
  margin-bottom:1.5rem;
  text-align:center;
}
.cart-title {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  margin-bottom:1rem;
}
.cart-title h1 {
  font-size:1.45rem;
  font-weight:850;
  line-height:1.2;
  color:var(--primary);
}
.checkout-steps {
  width:min(520px,100%);
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:start;
}
.checkout-step {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:.4rem;
  color:var(--gray);
  font-weight:800;
  min-width:0;
}
.checkout-step:not(:last-child)::after {
  content:'';
  position:absolute;
  top:14px;
  left:calc(50% + 19px);
  right:calc(-50% + 19px);
  height:2px;
  background:var(--border);
  z-index:0;
}
.checkout-step span {
  position:relative;
  z-index:1;
  width:28px;
  height:28px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eaf0f6;
  color:var(--gray);
  font-size:.76rem;
}
.checkout-step strong {
  font-size:.8rem;
  line-height:1.2;
  white-space:nowrap;
}
.checkout-step.active {
  color:var(--accent);
}
.checkout-step.active span {
  background:var(--accent);
  color:#fff;
  box-shadow:0 0 0 4px rgba(15,23,42,.06);
}
.checkout-step.active::after {
  background:linear-gradient(90deg,var(--accent),var(--border));
}

/* ─── FOOTER ──────────────────────────── */
.footer { background:var(--primary); color:rgba(255,255,255,.7); padding:2.5rem 0 0; }
.footer-inner { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:2rem; padding-bottom:2rem; }
.footer h4 { color:#fff; font-size:.9rem; font-weight:700; margin-bottom:.875rem; padding-bottom:.5rem; border-bottom:1px solid rgba(255,255,255,.1); }
.footer-links { list-style:none; }
.footer-links li { margin-bottom:.4rem; font-size:.82rem; }
.footer-links a:hover { color:#fff; }
.footer-bottom { border-top:1px solid rgba(255,255,255,.08); padding:1rem 0; text-align:center; font-size:.75rem; color:rgba(255,255,255,.35); }
.footer-desc { font-size:.82rem; color:rgba(255,255,255,.5); margin-top:.35rem; line-height:1.6; }
.footer .logo { color:#fff; }

/* ─── ADMİN ───────────────────────────── */
.admin-body { background:#f1f5f9; min-height:100vh; }
.admin-nav { background:var(--primary); }
.admin-nav-inner { display:flex; align-items:center; justify-content:space-between; min-height:52px; max-width:1400px; margin:0 auto; padding:.5rem 1rem; flex-wrap:wrap; gap:.25rem; }
.admin-nav a { color:rgba(255,255,255,.7); font-size:.78rem; margin-left:.875rem; white-space:nowrap; }
.admin-nav a:hover { color:#fff; }
.admin-wrap { max-width:1400px; margin:0 auto; padding:1.25rem 1rem 3rem; }
.admin-title { font-size:1.25rem; font-weight:800; margin-bottom:1.25rem; }
.card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
.card-header { padding:.875rem 1.25rem; border-bottom:1px solid var(--border); font-weight:700; font-size:.9rem; }
.card-body { padding:1.25rem; }
.stats-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(145px,1fr)); gap:.875rem; margin-bottom:1.25rem; }
.stat-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:1rem; }
.stat-card .label { font-size:.7rem; color:var(--gray); font-weight:700; text-transform:uppercase; letter-spacing:.05em; margin-bottom:.35rem; }
.stat-card .value { font-size:1.5rem; font-weight:800; }
.stat-card.red .value   { color:var(--accent); }
.stat-card.blue .value  { color:var(--blue); }
.stat-card.green .value { color:var(--green); }
.stat-card.amber .value { color:var(--amber); }

/* ADMİN KAYDET BUTONU — SAĞ TARAF */
.save-bar {
  display:flex;
  justify-content:flex-end;      /* SAĞ TARAF */
  align-items:center;
  gap:1rem;
  margin-top:1.5rem;
  padding-top:1rem;
  border-top:1px solid var(--border);
}
.setting-row { display:grid; grid-template-columns:220px 1fr; gap:1rem; padding:1rem 0; border-bottom:1px solid var(--border); align-items:start; }
.setting-row:last-child { border-bottom:none; }
.setting-label { font-size:.85rem; font-weight:700; color:var(--primary); }
.setting-desc { font-size:.72rem; color:var(--gray); margin-top:.2rem; line-height:1.4; }

.table { width:100%; border-collapse:collapse; font-size:.85rem; }
.table th { background:#f8fafc; padding:.65rem 1rem; text-align:left; font-size:.7rem; text-transform:uppercase; letter-spacing:.05em; color:var(--gray); border-bottom:1px solid var(--border); font-weight:700; }
.table td { padding:.75rem 1rem; border-bottom:1px solid #f1f5f9; vertical-align:middle; }
.table tr:last-child td { border-bottom:none; }
.table tr:hover td { background:#fafafa; }
.table-wrap { overflow-x:auto; -webkit-overflow-scrolling:touch; }

.badge { display:inline-block; padding:.15rem .55rem; border-radius:50px; font-size:.68rem; font-weight:700; white-space:nowrap; }
.badge-blue    { background:#dbeafe; color:#1e40af; }
.badge-yellow  { background:#fef9c3; color:#854d0e; }
.badge-green   { background:#dcfce7; color:#166534; }
.badge-red     { background:#fee2e2; color:#991b1b; }
.badge-gray    { background:#f1f5f9; color:#475569; }
.badge-purple  { background:#ede9fe; color:#5b21b6; }
.badge-orange  { background:#ffedd5; color:#9a3412; }
.badge-emerald { background:#d1fae5; color:#065f46; }

/* ═══════════════════════════════════════
   MOBİL — 768px altı
═══════════════════════════════════════ */

/* ═══════════════════════════════════════════════════════
   %100 MOBİL UYUMLULUK — TEMİZ TEK BLOK
   Mobile-first yaklaşım, tüm breakpoint'ler tek yerde
═══════════════════════════════════════════════════════ */

/* Genel taşma önleme (her ekran boyutunda) */
html, body { overflow-x: hidden; max-width: 100vw; }
img, svg, video { max-width: 100%; height: auto; display: block; }
table { max-width: 100%; }

/* iOS input zoom önleme — her zaman 16px min */
input, select, textarea { font-size: 16px; }


/* ═══════════════════════════════════════════════════════
   MOBİL UYUMLULUK — TEK BLOK, SAĞLAM YAPI
═══════════════════════════════════════════════════════ */

html, body { overflow-x: hidden; max-width: 100%; }
img, svg, video { max-width: 100%; height: auto; }
input, select, textarea { font-size: 16px; }

.navbar { height: 58px; }
.nav-inner { height: 58px; }

/* ── MOBİL MENÜ: FIXED + TAM EKRAN OVERLAY ── */
@media (max-width: 1023px) {
  .nav-inner { min-width: 0; }
  .logo { min-width: 0; }
  .logo span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .burger { display: flex !important; z-index: 250; }
  .nav-menu > a.mobile-menu-auth { display: block; }

  .nav-menu {
    display: none;
    position: fixed;
    top: 58px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    flex-direction: column;
    padding: .5rem 0;
    z-index: 9998;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .nav-menu.open { display: flex; }
  .nav-menu > a,
  .nav-menu > .dropdown {
    width: 100%;
    border-bottom: 1px solid var(--border);
  }
  .nav-menu > a > span,
  .nav-menu > .dropdown > .drop-btn {
    padding: .9rem 1.25rem;
    border-radius: 0;
    width: 100%;
    justify-content: flex-start;
    font-size: .9rem;
  }
  .drop-menu {
    position: static !important;
    box-shadow: none;
    border: none;
    background: var(--gray-l);
    padding: 0;
    display: none;
    width: 100%;
  }
  .drop-menu::before { display: none; }
  .drop-menu-inner { padding: .25rem 0; min-width: 0 !important; }
  .dropdown.open .drop-menu { display: block; }
  .dropdown.open > .drop-btn { background: var(--gray-l); }

  body.menu-open { overflow: hidden; }

  .layout-with-sidebar { grid-template-columns: 1fr; }
  .sidebar-wrap { display: none; }
}

/* ── 1024px+: Masaüstü ── */
@media (min-width: 1024px) {
  .burger { display: none !important; }
  .nav-menu {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    background: none !important;
    padding: 0 !important;
    height: auto;
  }
  .nav-menu > a, .nav-menu > .dropdown { width: auto; border-bottom: none; }
  .drop-menu { position: absolute !important; }
  .drop-menu::before { display: block; }
  .layout-with-sidebar { grid-template-columns: 220px 1fr; }
  .sidebar-wrap { display: block; position: sticky; top: 80px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .domain-grid { grid-template-columns: repeat(3,1fr); gap: .875rem; }
}

/* ── DOMAIN KARTLARI MOBİLDE ── */
@media (max-width: 767px) {
  .nav-inner { gap: .5rem; padding: 0 .75rem; }
  .logo { flex: 1 1 auto; font-size: 1rem; gap: .5rem; }
  .logo-icon { width: 34px; height: 34px; flex-shrink: 0; }
  .nav-right { gap: .35rem; margin-left: .25rem; }
  .nav-right > .btn-secondary,
  .nav-right > .btn-primary { display: none; }
  .cart-btn {
    min-width: 40px;
    height: 40px;
    justify-content: center;
    padding: .35rem .55rem;
  }
  .burger {
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  .domain-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .625rem; }
  .domain-card { padding: .9rem; min-height: auto; }
  .domain-card.featured::before {
    position: static;
    align-self: flex-end;
    max-width: 100%;
    margin: -.2rem 0 .45rem;
    border-radius: 6px;
    font-size: .56rem;
    white-space: nowrap;
  }
  .domain-name {
    font-size: 1.05rem !important;
    line-height: 1.3;
    word-break: break-word;
    overflow-wrap: anywhere;
  }
  .domain-price .try { font-size: 1.05rem !important; }
  .domain-tag { font-size: .62rem; }
  .btn-cart, .btn-offer { font-size: .72rem !important; padding: .55rem .4rem !important; }
  .cart-title h1 { font-size: 1.25rem; }
  .checkout-step strong { font-size: .72rem; }
}

@media (max-width: 420px) {
  .domain-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .5rem; }
  .domain-card { padding: .75rem; }
  .domain-name { font-size: .95rem !important; }
  .domain-price .try { font-size: .95rem !important; }
}

/* ── HERO MOBİLDE ── */
@media (max-width: 767px) {
  .hero { padding: 2rem 0 1.5rem; }
  .hero-title { font-size: 1.4rem !important; line-height: 1.3; }
  .hero-sub { font-size: .82rem; }
  .hero-stats { gap: 1rem; }
  .hero-stat strong { font-size: 1.15rem; }
  .hero-stat span { font-size: .65rem; }
  .search-wrap { padding: 0 .75rem; }
}

@media (max-width: 479px) {
  .container { padding: 0 .75rem; }
  .hero-title { font-size: 1.25rem !important; }
  .section { padding: 1.5rem 0; }
  .section-title { font-size: 1rem !important; }
  .footer-inner { grid-template-columns: 1fr !important; }
  .topbar { display: none; }
  .stats-grid { grid-template-columns: repeat(2,1fr) !important; }
  .admin-wrap { padding: .75rem .6rem; }
}

/* ── Domain detay sayfası ve sepet/odeme: mobilde tek kolon ── */
@media (max-width: 767px) {
  div[style*="grid-template-columns:1fr 1fr"],
  div[style*="grid-template-columns: 1fr 1fr"],
  div[style*="grid-template-columns:1fr 360px"],
  div[style*="grid-template-columns: 1fr 360px"] {
    grid-template-columns: 1fr !important;
  }
  div[style*="position:sticky"],
  div[style*="position: sticky"] {
    position: static !important;
    top: auto !important;
  }
}

@media (max-width: 640px) {
  div[style*="max-width:400px"],
  div[style*="max-width:420px"],
  div[style*="max-width: 400px"],
  div[style*="max-width: 420px"] {
    max-width: 100% !important;
  }
}

/* ── ADMİN PANEL AYAR SATIRLARI MOBİLDE ── */
@media (max-width: 767px) {
  .setting-row { grid-template-columns: 1fr !important; gap: .5rem; }
  .save-bar { flex-direction: column; align-items: stretch !important; gap: .75rem; }
  .save-bar .btn-primary { width: 100%; justify-content: center; }
}