/* Demoliste visual skin for Geon proje2 — design only, 4-col grid + slider preserved */
:root {
  --dl-primary: #6963ff;
  --dl-primary-2: #3ba2ff;
  --dl-danger: #ff382b;
  --dl-bg: #f6f7fb;
  --dl-text: #505662;
  --dl-muted: #868e96;
  --dl-border: #e8ebf3;
  --dl-card: #ffffff;
  --dl-shadow: 0 2px 8px rgba(96, 94, 126, 0.08);
}

body {
  background: var(--dl-bg) !important;
  color: var(--dl-text) !important;
}

a { color: var(--dl-primary); }
a:hover { color: #4f49e0; }

/* —— Header: white like demoliste —— */
header,
header .sticky,
header.is-sticky .sticky,
.mobil_header,
header.standart,
header.renkli {
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: 0 1px 0 var(--dl-border), 0 4px 16px rgba(96, 94, 126, 0.06) !important;
  border-bottom: 1px solid var(--dl-border) !important;
}
header .header_link,
header .uyelik a.header_link,
header ul.ust_sol li a {
  color: var(--dl-text) !important;
  text-shadow: none !important;
}
header .header_link:hover { color: var(--dl-primary) !important; }

header .ara input {
  background: #f0f2f8 !important;
  color: var(--dl-text) !important;
  border-radius: 6px 0 0 6px !important;
}
header .ara input::-webkit-input-placeholder { color: #9aa3b5 !important; }
header .ara.focus input {
  background: #fff !important;
  color: var(--dl-text) !important;
}
header .ara button {
  background: var(--dl-primary) !important;
  color: #fff !important;
  border-radius: 0 6px 6px 0 !important;
}
header .ara button:hover { background: #4f49e0 !important; }

header .uyelik > a.btn-primary,
.fixed-ekle-buton,
button.btn-primary,
a.btn-primary {
  background: linear-gradient(90deg, var(--dl-primary-2), var(--dl-primary)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
header .uyelik > a.btn-primary:hover,
.fixed-ekle-buton:hover,
button.btn-primary:hover,
a.btn-primary:hover {
  background: linear-gradient(90deg, #2f94f0, #4f49e0) !important;
}

#en_ust {
  background: #fff !important;
  border-bottom: 1px solid var(--dl-border);
}
.mobil_header button {
  background: transparent !important;
  color: var(--dl-primary) !important;
  border: 0;
  font-size: 26px;
}
.mobil_ara {
  background: #fff;
  border-bottom: 1px solid var(--dl-border);
}
.mobil_ara input {
  background: #f0f2f8 !important;
  border: 0 !important;
  color: var(--dl-text) !important;
}
.mobil_ara button {
  background: var(--dl-primary) !important;
  color: #fff !important;
  border: 0 !important;
}

/* —— Icon category strip —— */
.bilesen.ikon_menu .ikon,
ul.renkli_menu li a {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-radius: 10px !important;
  box-shadow: var(--dl-shadow);
  transition: transform .2s ease, box-shadow .2s ease;
}
ul.renkli_menu li a:hover {
  background: linear-gradient(145deg, #4f49e0, #5b54f0) !important;
  transform: translateY(-2px);
}

/* —— Left sidebar: demoliste card + accordion (scoped, overrides style.css) —— */
.geon-dl-side {
  margin-bottom: 20px;
}
.geon-dl-side .geon-dl-card {
  background: #fff;
  border: 1px solid #e8ebf3;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0,0,0,.04);
  overflow: hidden;
}
.geon-dl-side .geon-dl-card-head {
  background: #f6f7fb;
  border-bottom: 1px solid #e8ebf3;
  padding: 12px 16px;
}
.geon-dl-side .geon-dl-card-title {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #212121 !important;
  line-height: 1.3 !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
.geon-dl-side .geon-dl-card-title i {
  margin-right: 8px;
  color: #6963ff;
}
.geon-dl-side .geon-dl-card-body {
  padding: 12px 0 4px;
}
.geon-dl-side .geon-dl-btns {
  display: flex;
  gap: 8px;
  margin: 0 12px 8px;
}
.geon-dl-side .geon-dl-btn {
  flex: 1 1 50%;
  display: block;
  text-align: center;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 10px 8px !important;
  border-radius: 0 !important;
  text-decoration: none !important;
  border: 0 !important;
  line-height: 1.2 !important;
}
.geon-dl-side .geon-dl-btn-danger {
  background: #ff382b !important;
  color: #fff !important;
}
.geon-dl-side .geon-dl-btn-primary {
  background: #6963ff !important;
  color: #fff !important;
}
.geon-dl-side .geon-dl-btn:hover {
  opacity: .92;
  color: #fff !important;
}

/* Reset ana_menu leftovers from style.css */
.geon-dl-side ul.accordion-menu.ana_menu,
.geon-dl-side ul.ana_menu {
  width: 100% !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  background: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.geon-dl-side ul.accordion-menu > li,
.geon-dl-side li.geon-acc-item {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

/* Demoliste dropdownlink + branded icon badges (match top renkli_menu quality) */
.geon-dl-side .dropdownlink {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px;
  cursor: pointer;
  user-select: none;
  color: #2f3348 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  padding: 11px 40px 11px 12px !important;
  border-bottom: 1px solid #e8ebf3 !important;
  background: #fff !important;
  transition: background .2s ease, color .2s ease;
  line-height: 1.35 !important;
  letter-spacing: 0;
  min-height: 48px;
}
.geon-dl-side li:last-child > .dropdownlink {
  border-bottom: 0 !important;
}
.geon-dl-side .dropdownlink:hover {
  background: #f7f8fc !important;
}
.geon-dl-side .dropdownlink > i,
.geon-dl-side .dropdownlink > i:before {
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.geon-dl-side .dropdownlink > i:first-of-type {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  transform: none !important;
  flex: 0 0 34px;
  width: 34px !important;
  height: 34px !important;
  line-height: 34px !important;
  text-align: center !important;
  font-size: 16px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-radius: 8px !important;
  display: inline-block !important;
}
.geon-dl-side .dropdownlink > i.fa-chevron-down {
  position: absolute !important;
  right: 12px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  flex: none;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 12px !important;
  color: #9aa3b5 !important;
  background: transparent !important;
  border-radius: 0 !important;
}
.geon-dl-side li.open > .dropdownlink > i.fa-chevron-down,
.geon-dl-side li.kategori_acik > .dropdownlink > i.fa-chevron-down {
  transform: translateY(-50%) rotate(180deg) !important;
  color: #6963ff !important;
}
.geon-dl-side li.open > .dropdownlink,
.geon-dl-side li.kategori_acik > .dropdownlink {
  color: #6963ff !important;
  background: #f4f3ff !important;
}
.geon-dl-side li.open > .dropdownlink > i:first-of-type,
.geon-dl-side li.kategori_acik > .dropdownlink > i:first-of-type {
  color: #fff !important;
  background: linear-gradient(145deg, #4f49e0, #5b54f0) !important;
}
.geon-dl-side .geon-acc-title-wrap {
  flex: 1 1 auto;
  min-width: 0;
}
.geon-dl-side a.geon-acc-title {
  color: inherit !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  font-family: inherit !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  background: none !important;
  padding: 0 !important;
  position: static !important;
  border: 0 !important;
  display: block;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-word;
}
.geon-dl-side a.geon-acc-title:hover {
  color: inherit !important;
  text-decoration: none !important;
}

/* Submenu — demoliste submenuItems */
.geon-dl-side ul.submenuItems,
.geon-dl-side ul.ajax-subcats {
  display: none !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  border: 0 !important;
}
.geon-dl-side li.open > ul.submenuItems,
.geon-dl-side li.kategori_acik > ul.submenuItems,
.geon-dl-side li.open > ul.ajax-subcats,
.geon-dl-side li.kategori_acik > ul.ajax-subcats {
  display: block !important;
}
.geon-dl-side li.dropdown:hover > ul.ajax-subcats {
  display: none !important;
}
.geon-dl-side li.kategori_acik:hover > ul.ajax-subcats,
.geon-dl-side li.open:hover > ul.ajax-subcats {
  display: block !important;
}
.geon-dl-side ul.submenuItems > li,
.geon-dl-side ul.ajax-subcats > li {
  border-bottom: 1px solid #b6b6b6 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
.geon-dl-side ul.submenuItems > li:last-child,
.geon-dl-side ul.ajax-subcats > li:last-child {
  border-bottom: 0 !important;
}
.geon-dl-side ul.submenuItems a,
.geon-dl-side ul.ajax-subcats a {
  display: block !important;
  color: #5a6072 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  padding: 10px 14px 10px 58px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: all .2s ease;
  position: static !important;
}
.geon-dl-side ul.submenuItems a:hover,
.geon-dl-side ul.ajax-subcats a:hover {
  background: #6963ff !important;
  color: #fff !important;
}
.geon-dl-side ul.ajax-subcats a i,
.geon-dl-side ul.submenuItems a i {
  display: none !important;
}
.geon-dl-side li.kategori_more,
.geon-dl-side li.geon-acc-loading {
  color: #6963ff !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 11px 12px 11px 42px !important;
  cursor: pointer;
  border-bottom: 1px solid #b6b6b6 !important;
}
.geon-dl-side li.kategori_more:before {
  content: none !important;
}

.s_istatistik {
  background: var(--dl-card) !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--dl-shadow);
}
.s_istatistik .badge {
  background: var(--dl-primary) !important;
}

/* —— Section titles —— */
.bilesen .baslik,
.bilesen .baslik.alternatif,
.bilesen .baslik.alternatif h3 {
  background: linear-gradient(90deg, rgba(59,162,255,.95), rgba(105,99,255,.9)) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  font-weight: 700;
  margin-bottom: 14px;
  box-shadow: none !important;
}
.bilesen .baslik a,
.bilesen .baslik.alternatif a {
  color: #fff !important;
  opacity: .95;
  font-weight: 600;
  font-size: 13px;
}

/* —— Listing cards (keep 4 columns) —— */
.ilan_listeleme .liste,
.bilesen.ilan_listeleme .liste {
  background: var(--dl-card);
  border: 1px solid var(--dl-border);
  border-radius: 10px;
  overflow: hidden;
  box-shadow: var(--dl-shadow);
  margin-bottom: 16px;
  transition: box-shadow .2s ease, transform .2s ease;
  padding: 0 !important;
}
.ilan_listeleme .liste:hover {
  box-shadow: 0 8px 20px rgba(96, 94, 126, 0.14);
  transform: translateY(-2px);
}
.ilan_listeleme .liste img,
.ilan_listeleme .liste .ilan-koruma-resim {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 0 !important;
  display: block;
}
.ilan_listeleme .liste h3 {
  font-size: 13px !important;
  line-height: 1.35 !important;
  margin: 0 !important;
  padding: 10px 10px 4px !important;
  font-weight: 600;
  min-height: 40px;
}
.ilan_listeleme .liste h3 a {
  color: var(--dl-text) !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ilan_listeleme .liste h3 a:hover { color: var(--dl-primary) !important; }
.ilan_listeleme .liste .il_ilce,
.ilan_listeleme .liste .fiyat_mobil {
  padding: 0 10px 10px;
  font-size: 12px;
  color: var(--dl-muted);
}

/* Slider stays prominent */
#slides,
.slidesjs-container,
.bilesen.slider {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: var(--dl-shadow);
  margin-bottom: 16px;
}
.slidesjs-next,
.slidesjs-previous {
  background: var(--dl-primary) !important;
  opacity: .85;
}

/* Gri breadcrumb bar */
.gri {
  background: #fff !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 8px;
  box-shadow: none !important;
}
.gri:before { display: none !important; }

/* Listing detail — keep all fields, restyle panels */
.ilan-ozellikler-panel,
.ilan .ilan-ozellikler-panel {
  background: #fff;
  border: 1px solid var(--dl-border);
  border-radius: 10px;
  padding: 14px 16px;
  box-shadow: var(--dl-shadow);
  margin-bottom: 14px;
}
.ilan-ozellikler-baslik {
  background: linear-gradient(90deg, rgba(59,162,255,.95), rgba(105,99,255,.9));
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  margin: -14px -16px 14px;
  padding: 10px 16px;
  border-radius: 10px 10px 0 0;
}
.ilan-fiyat-kutu,
.fiyat.ilan-fiyat-kutu {
  background: #fff;
  border: 1px solid var(--dl-border);
  border-radius: 10px;
  padding: 14px;
  font-size: 28px;
  color: var(--dl-primary) !important;
  box-shadow: var(--dl-shadow);
  margin-bottom: 12px;
}
.ilan table,
.ilan .table {
  background: #fff;
  border: 1px solid var(--dl-border);
  border-radius: 8px;
}
.ilan .checkbox label,
.ilan label.checkbox-inline,
.ilan .detay-satir {
  font-weight: 500;
  color: var(--dl-text);
}
.btn-danger {
  background: var(--dl-danger) !important;
}

/* Footer */
footer,
#footer,
.footer {
  background: linear-gradient(180deg, #2a2e42 0%, #232636 100%) !important;
  color: #c9cde0 !important;
  border-top: 0 !important;
  padding: 36px 0 28px !important;
  margin-top: 40px;
}
footer .container { max-width: 1140px; }
footer .baslik {
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .03em;
  margin-bottom: 14px !important;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.12);
}
footer a { color: #cfd3e6 !important; text-decoration: none !important; }
footer a:hover { color: #fff !important; }
footer ul { list-style: none; margin: 0; padding: 0; }
footer ul li { margin: 0 0 8px; }
footer ul li a { font-size: 13px; font-weight: 500; }
footer .iletisim {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid rgba(255,255,255,.1) !important;
}
footer .iletisim .buton {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: rgba(255,255,255,.08) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
  border-radius: 10px !important;
  padding: 10px 14px !important;
  margin: 0 8px 10px 0 !important;
  color: #fff !important;
  font-weight: 600;
  transition: background .15s, border-color .15s;
}
footer .iletisim .buton:hover {
  background: rgba(105,99,255,.35) !important;
  border-color: rgba(105,99,255,.5) !important;
}
footer .iletisim .buton i { margin: 0 !important; font-size: 16px; }
footer .sosyal .buton {
  width: 40px;
  height: 40px;
  padding: 0 !important;
  justify-content: center;
  border-radius: 50% !important;
}
footer .sosyal .buton.facebook:hover { background: #3b5998 !important; }
footer .sosyal .buton.twitter:hover { background: #1da1f2 !important; }
footer .sosyal .buton.instagram:hover { background: #e1306c !important; }

/* Mobile polish */
.anasayfa-mobil-hizli {
  margin: 8px 0 12px;
}
.anasayfa-mobil-hizli-scroll {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: 4px;
}
.anasayfa-mobil-hizli-item {
  flex: 0 0 auto;
  background: #fff;
  border: 1px solid var(--dl-border);
  border-radius: 20px;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 600;
  color: var(--dl-text) !important;
  text-decoration: none !important;
  white-space: nowrap;
  box-shadow: var(--dl-shadow);
}
.anasayfa-mobil-hizli-item i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  color: #fff;
  font-size: 12px;
  margin-right: 4px;
}

@media (max-width: 991px) {
  .ilan_listeleme .liste h3 { font-size: 12px !important; min-height: 34px; }
  .ilan_listeleme .liste { margin-bottom: 10px; }
}

/* Reduce paint cost */
img { max-width: 100%; height: auto; }
.ilan_listeleme .liste img { content-visibility: auto; }

/* —— Corporate logo (no green box) —— */
header .logo,
header .logo a,
.mobil_header .mobil_logo,
a img.mobil_logo {
  background: transparent !important;
  box-shadow: none !important;
}
header .logo img,
.mobil_logo {
  max-height: 44px !important;
  width: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* —— Archive / category listing page (ilan-kategori) —— */
.arsiv {
  padding-bottom: 30px;
}
.arsiv .panel.beyaz,
.arsiv .panel.panel-default {
  background: #fff !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--dl-shadow) !important;
  overflow: hidden;
}
.arsiv .panel.beyaz > .panel-heading,
.arsiv .panel.panel-default > .panel-heading {
  background: #f6f7fb !important;
  border-bottom: 1px solid var(--dl-border) !important;
  color: #2f3348 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
  border-radius: 0 !important;
}
.arsiv .panel-body {
  padding: 12px 14px !important;
}
.arsiv .sidebar .arsiv-kategori-panel {
  margin-bottom: 14px;
}
.arsiv .sidebar .geon-dl-side.arsiv-kategori-panel {
  margin-bottom: 14px;
}
.arsiv .sidebar .geon-dl-card-body {
  padding: 4px 0 8px !important;
}
.arsiv .sidebar ul.ana_menu.geon-dl-tree,
.arsiv .sidebar ul.geon-dl-tree {
  padding: 0 !important;
  max-height: 420px !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  list-style: none !important;
  overflow-y: auto;
}
.arsiv .sidebar .geon-dl-tree > li {
  border-bottom: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
/* Parent row — same tone as homepage accordion */
.arsiv .sidebar .geon-dl-tree .dropdownlink {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px;
  padding: 11px 14px 11px 12px !important;
  border-bottom: 1px solid #e8ebf3 !important;
  background: #fff !important;
  color: #2f3348 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  min-height: 46px;
  cursor: default;
}
.arsiv .sidebar .geon-dl-tree .dropdownlink > i:first-of-type {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  flex: 0 0 32px;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  text-align: center !important;
  font-size: 15px !important;
  color: #fff !important;
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-radius: 8px !important;
  display: inline-block !important;
  margin: 0 !important;
}
.arsiv .sidebar .geon-dl-tree a.geon-acc-title {
  color: #2f3348 !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  text-decoration: none !important;
  padding: 0 !important;
  background: none !important;
  display: block;
}
.arsiv .sidebar .geon-dl-tree a.geon-acc-title:hover {
  color: var(--dl-primary) !important;
}
.arsiv .sidebar .geon-dl-tree .toplam {
  color: #9aa3b5 !important;
  font-weight: 500 !important;
  font-size: 12px !important;
  margin-left: 4px;
}
.arsiv .sidebar .geon-dl-tree-link {
  display: block !important;
  padding: 10px 14px 10px 20px !important;
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  background: #f4f3ff !important;
  border-bottom: 1px solid #e8ebf3 !important;
}
.arsiv .sidebar .geon-dl-tree-link .toplam {
  color: #9aa3b5 !important;
  font-weight: 500 !important;
}
/* Sub categories — homepage submenu tone */
.arsiv .sidebar .geon-dl-tree ul.submenuItems,
.arsiv .sidebar .geon-dl-tree ul {
  display: block !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: #fafbff !important;
  border: 0 !important;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems > li,
.arsiv .sidebar .geon-dl-tree ul > li {
  border-bottom: 1px solid #eef0f6 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems > li:last-child,
.arsiv .sidebar .geon-dl-tree ul > li:last-child {
  border-bottom: 0 !important;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems a,
.arsiv .sidebar .geon-dl-tree ul > li > a.geon-dl-tree-link,
.arsiv .sidebar .geon-dl-tree ul > li > a:not(.geon-acc-title) {
  display: block !important;
  padding: 9px 14px 9px 54px !important;
  color: #5a6072 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  background: transparent !important;
  position: static !important;
  transition: background .15s ease, color .15s ease;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems a:hover,
.arsiv .sidebar .geon-dl-tree ul > li > a:not(.geon-acc-title):hover {
  background: #6963ff !important;
  color: #fff !important;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems a:hover .toplam,
.arsiv .sidebar .geon-dl-tree ul > li > a:hover .toplam {
  color: rgba(255,255,255,.85) !important;
}
.arsiv .sidebar .geon-dl-tree ul.submenuItems a i {
  display: none !important;
}
.arsiv .sidebar .geon-dl-tree .geon-dl-tree-current > .geon-dl-tree-link,
.arsiv .sidebar .geon-dl-tree .geon-dl-tree-current > .dropdownlink {
  background: #f4f3ff !important;
}
.arsiv .sidebar .geon-dl-tree .geon-dl-tree-current > .dropdownlink a.geon-acc-title {
  color: var(--dl-primary) !important;
}

/* Filters */
.arsiv .filtre .panel,
.arsiv .filtre .panel-default {
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  margin-bottom: 10px !important;
  box-shadow: none !important;
  overflow: hidden;
}
.arsiv .filtre .panel-heading,
.arsiv .filtre a.filtre-toggle .panel-heading {
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #f0f2f7 !important;
  color: #2f3348 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 11px 14px !important;
  cursor: pointer;
}
.arsiv .filtre .panel-heading:hover {
  color: var(--dl-primary) !important;
}
.arsiv .filtre .panel-body {
  background: #fafbff !important;
  padding: 10px 14px !important;
}
.arsiv .filtre label,
.arsiv .filtre .checkbox label {
  font-weight: 500 !important;
  color: #5a6072 !important;
  font-size: 12.5px !important;
}

/* Result summary / tabs */
.arsiv .sonuc.panel,
.arsiv .tab.panel {
  border-radius: 10px !important;
  border: 1px solid var(--dl-border) !important;
  box-shadow: var(--dl-shadow) !important;
}
.arsiv .tab .nav-tabs,
.arsiv .tab ul.nav {
  border-bottom: 1px solid var(--dl-border) !important;
  background: #f6f7fb !important;
  padding: 0 8px !important;
}
.arsiv .tab .nav-tabs > li > a,
.arsiv .tab ul.nav > li > a {
  border: 0 !important;
  border-radius: 0 !important;
  color: #5a6072 !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  padding: 12px 14px !important;
  background: transparent !important;
}
.arsiv .tab .nav-tabs > li.active > a,
.arsiv .tab ul.nav > li.active > a,
.arsiv .tab .nav-tabs > li > a:hover {
  color: var(--dl-primary) !important;
  background: #fff !important;
  border-bottom: 2px solid var(--dl-primary) !important;
  box-shadow: none !important;
}

/* Listing table */
.arsiv .table.liste {
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  overflow: hidden;
  background: #fff !important;
  box-shadow: var(--dl-shadow);
}
.arsiv .table.liste thead {
  background: #f0f2f8 !important;
}
.arsiv .table.liste thead th {
  background: transparent !important;
  color: #2f3348 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--dl-border) !important;
  padding: 12px 10px !important;
}
.arsiv .table.liste tbody td {
  border-color: #f0f2f7 !important;
  vertical-align: middle !important;
  padding: 12px 10px !important;
}
.arsiv .table.liste tr:nth-child(odd) td { background: #fff !important; }
.arsiv .table.liste tr:nth-child(even) td { background: #fafbff !important; }
.arsiv .table.liste:not(.profil) tr:hover td {
  background: #f4f3ff !important;
}
.arsiv .table.liste tbody .baslik,
.arsiv .table.liste tbody td a.baslik,
.arsiv .table.liste tbody a {
  color: #2f3348 !important;
  font-weight: 600 !important;
}
.arsiv .table.liste tbody .baslik:hover,
.arsiv .table.liste tbody a:hover {
  color: var(--dl-primary) !important;
  text-decoration: none !important;
}
.arsiv .table.liste td.fiyat {
  color: #ff382b !important;
  font-weight: 700 !important;
  font-size: 14px !important;
}
.arsiv .table.liste img.resim {
  border: 1px solid var(--dl-border) !important;
  border-radius: 8px !important;
  width: 90px;
  height: 68px;
  object-fit: cover;
}
.arsiv .table.liste tr.acil td,
.arsiv .table.liste tr.vitrin td {
  background: #fff7f7 !important;
}
.arsiv .breadcrumb,
.arsiv .gri {
  background: #fff !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  margin-bottom: 14px !important;
}
.arsiv .pagination > li > a,
.arsiv .pagination > li > span {
  border-radius: 6px !important;
  margin: 0 2px;
  border-color: var(--dl-border) !important;
  color: #505662 !important;
}
.arsiv .pagination > .active > a,
.arsiv .pagination > .active > span {
  background: var(--dl-primary) !important;
  border-color: var(--dl-primary) !important;
  color: #fff !important;
}
.arsiv-mobil-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 6px;
}
.arsiv-mobil-tabs li a {
  display: block;
  padding: 8px 12px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid var(--dl-border);
  color: #505662 !important;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap;
  text-decoration: none !important;
}
.arsiv-mobil-tabs li.active a {
  background: var(--dl-primary) !important;
  color: #fff !important;
  border-color: var(--dl-primary) !important;
}
#kategori_panel_buton {
  background: var(--dl-primary) !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 700;
}

/* —— Listing detail: tabs + technical specs (chip checkboxes) —— */
.ilan .nav-tabs.ozel,
.ilan .detay.ilan-detay-tabs .ilan-detay-tab-list,
.nav-tabs.ozel {
  border-bottom: 2px solid var(--dl-primary) !important;
}
.ilan .nav-tabs.ozel > li > a,
.ilan .detay.ilan-detay-tabs .ilan-detay-tab-list > li > a,
.nav-tabs.ozel > li > a {
  background: #f0f2f8 !important;
  border: 1px solid var(--dl-border) !important;
  border-bottom-color: transparent !important;
  color: #505662 !important;
  text-shadow: none !important;
  border-radius: 8px 8px 0 0 !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
}
.ilan .nav-tabs.ozel > li.active > a,
.ilan .nav-tabs.ozel > li.active > a:hover,
.ilan .nav-tabs.ozel > li.active > a:focus,
.ilan .detay.ilan-detay-tabs .ilan-detay-tab-list > li.active > a,
.nav-tabs.ozel > li.active > a,
.nav-tabs.ozel > li.active > a:hover,
.nav-tabs.ozel > li.active > a:focus {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-color: var(--dl-primary) !important;
  color: #fff !important;
  text-shadow: none !important;
}
.ilan .nav-tabs.ozel > li.active > a:before,
.nav-tabs.ozel > li.active > a:before {
  display: none !important;
  content: none !important;
  background: none !important;
}

.ilan .panel.geon,
.ilan .panel.panel-default.geon {
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  box-shadow: var(--dl-shadow);
  overflow: hidden;
  margin-bottom: 16px;
}
.ilan .panel.geon > .panel-heading,
.ilan .panel.panel-default.geon > .panel-heading {
  background: linear-gradient(90deg, rgba(59,162,255,.95), rgba(105,99,255,.9)) !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  border: 0 !important;
  padding: 12px 16px !important;
  border-radius: 0 !important;
}
.ilan .panel.geon > .panel-body {
  padding: 16px !important;
  background: #fff;
}

.ilan .bolum_baslik.geon-tech-group-title,
.ilan .geon-tech-group-title {
  margin: 18px 0 10px !important;
  padding: 0 0 6px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #2f3348 !important;
  border-bottom: 1px solid var(--dl-border);
}
.ilan .panel.geon .panel-body > .geon-tech-group-title:first-child {
  margin-top: 0 !important;
}

.ilan .teknik_grup,
.teknik_grup {
  clear: both !important;
  font-size: 13px !important;
  padding: 12px !important;
  border: 1px solid #e4e7f5 !important;
  background: #f5f6fc !important;
  border-radius: 10px !important;
  margin-bottom: 4px !important;
}
.ilan .geon-tech-grid {
  margin-left: -6px;
  margin-right: -6px;
}
.ilan .geon-tech-grid > [class*="col-"] {
  padding-left: 6px;
  padding-right: 6px;
  margin-bottom: 8px;
}

.ilan .geon-tech-grid .checkbox.yesil,
.ilan .checkbox.yesil.geon-tech-item {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
}

/* Hide native checkbox; use custom mark chip */
.ilan .geon-tech-item label.ozellik,
.ilan .geon-tech-grid label.ozellik {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  padding: 8px 10px !important;
  background: #fff !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  color: #9aa3b5 !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  cursor: default !important;
  box-shadow: 0 1px 2px rgba(47, 51, 72, 0.04);
}
.ilan .geon-tech-item.geon-tech-on label.ozellik {
  color: #2f3348 !important;
  font-weight: 600 !important;
  border-color: rgba(105, 99, 255, 0.4) !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(105, 99, 255, 0.12);
}

.ilan .geon-tech-item input.geon-tech-cb,
.ilan .geon-tech-item input[type=checkbox] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}
.ilan .geon-tech-item input[type=checkbox]:after,
.ilan .geon-tech-item input[type=checkbox]:checked:after,
.ilan .checkbox.yesil input[type=checkbox]:after,
.ilan .checkbox.yesil input[type=checkbox]:checked:after {
  display: none !important;
  content: none !important;
}

.ilan .geon-tech-mark {
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1.5px solid #c8cde0;
  background: #f8f9fc;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ilan .geon-tech-mark:before {
  content: "";
  font-family: FontAwesome;
  font-size: 11px;
  line-height: 1;
  color: #fff;
}
.ilan .geon-tech-item.geon-tech-on .geon-tech-mark {
  border-color: transparent;
  background: linear-gradient(145deg, #5b54f0, #6963ff);
  box-shadow: 0 2px 6px rgba(105, 99, 255, 0.35);
}
.ilan .geon-tech-item.geon-tech-on .geon-tech-mark:before {
  content: "\f00c";
}
.ilan .geon-tech-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ilan .geon-tech-ok {
  color: var(--dl-primary) !important;
}

.ilan .detay .panel.beyaz {
  border: 1px solid var(--dl-border) !important;
  border-radius: 0 10px 10px 10px !important;
  box-shadow: var(--dl-shadow);
}
.ilan .detay .panel.beyaz > .panel-body {
  padding: 16px !important;
  color: var(--dl-text);
  line-height: 1.65;
  font-size: 14px;
}

/* —— Language switcher (globe) —— */
.geon-lang-switch--header {
  display: inline-flex !important;
  vertical-align: middle;
  margin-right: 10px;
}
.geon-lang-switch--header .geon-lang-toggle {
  background: #f0f2f8 !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 999px !important;
  color: #2f3348 !important;
  padding: 6px 12px 6px 10px !important;
  min-height: 40px !important;
  min-width: auto !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  gap: 8px !important;
  box-shadow: 0 1px 3px rgba(47, 51, 72, 0.06);
  transition: background .15s, border-color .15s, color .15s;
}
.geon-lang-switch--header .geon-lang-toggle:hover,
.geon-lang-switch--header.open .geon-lang-toggle {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-color: transparent !important;
  color: #fff !important;
}
.geon-lang-switch--header .geon-lang-toggle .fa-globe {
  font-size: 18px !important;
  line-height: 1;
  width: 22px;
  text-align: center;
}
.geon-lang-switch--header .geon-lang-current {
  font-size: 13px;
  font-weight: 600;
  max-width: 110px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.geon-lang-switch--header .caret {
  margin-left: 2px;
  border-top-color: currentColor;
}
.geon-lang-menu {
  min-width: 180px !important;
  border: 1px solid var(--dl-border) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(47, 51, 72, 0.12) !important;
  padding: 6px !important;
  margin-top: 8px !important;
}
.geon-lang-menu > li > a {
  border-radius: 8px !important;
  padding: 10px 12px !important;
  color: #2f3348 !important;
  font-weight: 500;
}
.geon-lang-menu > li > a:hover {
  background: #f0f2f8 !important;
  color: var(--dl-primary) !important;
}
.geon-lang-menu > li.active > a {
  background: rgba(105, 99, 255, 0.12) !important;
  color: var(--dl-primary) !important;
  font-weight: 700 !important;
}
.geon-lang-flag { font-size: 18px !important; }
.mm-lang-wrap {
  background: #f6f7fb !important;
  border-bottom: 1px solid var(--dl-border) !important;
  padding: 14px 16px !important;
}
.geon-lang-mobile-item {
  border-radius: 10px !important;
  border-color: var(--dl-border) !important;
  background: #fff !important;
}
.geon-lang-mobile-item--active {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border-color: transparent !important;
  color: #fff !important;
}
@media (max-width: 767px) {
  .geon-lang-switch--header { display: none !important; }
}

/* —— Auth: login / register / forgot —— */
.giris-sayfa,
.giris.giris-sayfa {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.giris .panel.panel-default.beyaz,
.giris-sayfa .panel.panel-default.beyaz {
  border: 1px solid var(--dl-border) !important;
  border-radius: 14px !important;
  box-shadow: var(--dl-shadow) !important;
  overflow: hidden;
  background: #fff !important;
}
.giris .panel-heading,
.giris-sayfa .panel-heading {
  background: linear-gradient(90deg, rgba(59,162,255,.95), rgba(105,99,255,.9)) !important;
  color: #fff !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  border: 0 !important;
  padding: 14px 20px !important;
  text-shadow: none !important;
}
.giris .panel-body.giris_form,
.giris-sayfa .panel-body.giris_form {
  background: #fff !important;
  padding: 28px 24px !important;
}
.giris .panel-body.giris_form.gradient,
.giris-sayfa .panel-body.giris_form.gradient {
  background: linear-gradient(180deg, #fafbff 0%, #fff 40%) !important;
}
.giris .form-control,
.giris-sayfa .form-control {
  border: 1px solid var(--dl-border) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  height: 44px;
  padding: 10px 14px;
  font-size: 14px;
}
.giris .form-control:focus,
.giris-sayfa .form-control:focus {
  border-color: var(--dl-primary) !important;
  box-shadow: 0 0 0 3px rgba(105, 99, 255, 0.15) !important;
}
.giris label,
.giris-sayfa label {
  font-weight: 600;
  color: #2f3348;
  margin-bottom: 6px;
}
.giris .btn-primary,
.giris-sayfa .btn-primary {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border: 0 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  padding: 10px 18px !important;
  min-height: 44px;
}
.giris .btn-primary:hover,
.giris-sayfa .btn-primary:hover {
  background: #4f49e0 !important;
}
.giris .btn-grey,
.giris .btn-default,
.giris-sayfa .btn-grey,
.giris-sayfa .btn-default {
  border-radius: 10px !important;
  border: 1px solid var(--dl-border) !important;
  background: #f0f2f8 !important;
  color: #505662 !important;
  font-weight: 600 !important;
  min-height: 44px;
}
.giris .ortala,
.giris-sayfa .ortala {
  background: #fff;
  border: 1px solid var(--dl-border);
  border-radius: 14px;
  padding: 28px 24px;
  box-shadow: var(--dl-shadow);
  text-align: center;
}
.giris .ortala h3,
.giris-sayfa .ortala h3 {
  color: #2f3348 !important;
  margin-top: 0;
}
.giris .input-group-addon,
.giris-sayfa .input-group-addon {
  border-radius: 10px 0 0 10px !important;
  border-color: var(--dl-border) !important;
  background: #f0f2f8 !important;
  color: var(--dl-primary) !important;
  font-weight: 700;
}

/* —— Member + store panels (profil / arsiv shell) —— */
.profil .panel.panel-default,
.profil .panel.beyaz,
.profil .panel.geon,
.magaza-sayfa .panel.panel-default,
.magaza-sayfa .panel.beyaz,
.magaza-sayfa .panel.geon,
.gorusme .panel.panel-default,
.gorusme .panel.geon {
  border: 1px solid var(--dl-border) !important;
  border-radius: 12px !important;
  box-shadow: var(--dl-shadow) !important;
  overflow: hidden;
  background: #fff !important;
}
.profil .panel > .panel-heading,
.magaza-sayfa .panel > .panel-heading,
.gorusme .panel > .panel-heading,
.profil .panel.geon > .panel-heading,
.profil .nav-tabs.ozel {
  background: #f6f7fb !important;
  border-color: var(--dl-border) !important;
  color: #2f3348 !important;
  font-weight: 700 !important;
  text-shadow: none !important;
}
.profil .panel.geon > .panel-heading,
.profil .panel.panel-default.geon > .panel-heading {
  background: linear-gradient(90deg, rgba(59,162,255,.95), rgba(105,99,255,.9)) !important;
  color: #fff !important;
  border: 0 !important;
  padding: 12px 16px !important;
}
.profil .nav-tabs.ozel {
  border-bottom: 2px solid var(--dl-primary) !important;
  background: transparent !important;
  padding: 8px 8px 0 !important;
}
.profil .nav-tabs.ozel > li > a {
  border-radius: 8px 8px 0 0 !important;
  background: #f0f2f8 !important;
  color: #505662 !important;
  border: 1px solid var(--dl-border) !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
.profil .nav-tabs.ozel > li.active > a,
.profil .nav-tabs.ozel > li.active > a:hover,
.profil .nav-tabs.ozel > li.active > a:focus {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  color: #fff !important;
  border-color: var(--dl-primary) !important;
}
.profil .nav-tabs.ozel > li.active > a:before {
  display: none !important;
}
.profil .panel-body,
.magaza-sayfa .panel-body {
  padding: 16px !important;
}
.profil .btn-primary,
.magaza-sayfa .btn-primary,
.gorusme .btn-primary {
  background: linear-gradient(145deg, #5b54f0, #6963ff) !important;
  border: 0 !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
}
.profil .btn-default,
.magaza-sayfa .btn-default {
  border-radius: 8px !important;
  border-color: var(--dl-border) !important;
  background: #f0f2f8 !important;
  color: #505662 !important;
  font-weight: 600 !important;
}
.profil .table,
.magaza-sayfa .table {
  border-color: var(--dl-border) !important;
}
.profil .table > thead > tr > th {
  background: #f6f7fb !important;
  border-bottom: 1px solid var(--dl-border) !important;
  color: #2f3348;
  font-weight: 700;
}
.profil .sidebar .panel.menu .panel-body a,
.profil .panel.menu .list-group-item {
  border-radius: 8px !important;
  border-color: transparent !important;
  margin-bottom: 4px;
  font-weight: 500;
  color: #505662 !important;
}
.profil .panel.menu .list-group-item:hover,
.profil .panel.menu .list-group-item.active {
  background: rgba(105, 99, 255, 0.1) !important;
  color: var(--dl-primary) !important;
}
.profil .form-control,
.magaza-sayfa .form-control {
  border-radius: 8px !important;
  border-color: var(--dl-border) !important;
  box-shadow: none !important;
}
.profil .form-control:focus,
.magaza-sayfa .form-control:focus {
  border-color: var(--dl-primary) !important;
  box-shadow: 0 0 0 3px rgba(105, 99, 255, 0.12) !important;
}
.magaza-sayfa .magaza_sosyal a,
.magaza-sayfa .panel.geon.magaza_sosyal a {
  border-radius: 8px;
}
.header .uyelik .btn-group > .header_link.dropdown-toggle {
  border-radius: 999px !important;
  padding: 6px 12px !important;
  background: #f0f2f8 !important;
  color: #2f3348 !important;
  border: 1px solid var(--dl-border) !important;
  font-weight: 600 !important;
}
.header .uyelik .dropdown-menu {
  border-radius: 12px !important;
  border: 1px solid var(--dl-border) !important;
  box-shadow: 0 8px 24px rgba(47, 51, 72, 0.12) !important;
  padding: 6px !important;
}
.header .uyelik .dropdown-menu > li > a {
  border-radius: 8px !important;
  padding: 10px 12px !important;
  font-weight: 500;
}
.header .uyelik .dropdown-menu > li > a:hover {
  background: #f0f2f8 !important;
  color: var(--dl-primary) !important;
}
.header .uyelik a.btn-primary,
.header .uyelik .ilan_ver {
  border-radius: 999px !important;
  font-weight: 700 !important;
}
