/* ==========================================================================
   Eskişehir Emlak Borsası - Ana Tema
   Gündüz: beyaz / lacivert / vurgu   •   Gece: koyu lacivert / vurgu
   Renkler panelden (Ayarlar > Site Renkleri) değiştirilir; aşağıdakiler
   varsayılanlardır, sayfa başında App\Libraries\Theme::css() ile ezilir.
   ========================================================================== */

:root,
[data-bs-theme="light"] {
  --eeb-navy: #081728;
  --eeb-navy-rgb: 8, 23, 40;
  --eeb-navy-2: #0f253e;
  --eeb-navy-3: #183353;
  --eeb-overlay-rgb: 6, 17, 29;
  --eeb-accent: #0176d2;
  --eeb-accent-rgb: 1, 118, 210;
  --eeb-accent-2: #4d9fe0;
  --eeb-accent-2-rgb: 77, 159, 224;
  --eeb-accent-3: #80bbe9;
  --eeb-accent-3-rgb: 128, 187, 233;
  --eeb-accent-dark: #015ca4;
  --eeb-accent-dark-rgb: 1, 92, 164;
  --eeb-on-accent: #ffffff;
  --eeb-accent-grad: linear-gradient(#0176d2, #0176d2);
  --eeb-accent-grad-light: linear-gradient(#4d9fe0, #4d9fe0);
  --eeb-green: #1f9d55;
  --eeb-red: #d64545;

  --eeb-bg: #f4f6fa;
  --eeb-surface: #ffffff;
  --eeb-surface-2: #f0f3f8;
  --eeb-text: #101a33;
  --eeb-heading: var(--eeb-navy);
  --eeb-muted: #5d6882;
  --eeb-border: #e2e7f0;
  --eeb-shadow: 0 10px 30px -12px rgba(var(--eeb-navy-rgb), .18);
  --eeb-shadow-lg: 0 24px 50px -20px rgba(var(--eeb-navy-rgb), .35);
  --eeb-header-bg: rgba(255, 255, 255, .96);
  --eeb-header-text: var(--eeb-navy);
  --eeb-topbar-bg: var(--eeb-navy);
  --eeb-footer-bg: var(--eeb-navy);
  --eeb-input-bg: #ffffff;
  --eeb-radius: 12px;
  --eeb-radius-sm: 8px;

  --bs-primary: var(--eeb-navy);
  --bs-primary-rgb: var(--eeb-navy-rgb);
  --bs-link-color: var(--eeb-navy);
  --bs-link-color-rgb: var(--eeb-navy-rgb);
  --bs-link-hover-color: var(--eeb-accent-dark);
  --bs-link-hover-color-rgb: var(--eeb-accent-dark-rgb);
  --bs-body-bg: var(--eeb-bg);
  --bs-body-color: var(--eeb-text);
  --bs-border-color: var(--eeb-border);
  --bs-body-font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bs-secondary-color: var(--eeb-muted);
}

[data-bs-theme="dark"] {
  --eeb-bg: #061220;
  --eeb-surface: #0c1d30;
  --eeb-surface-2: #12253b;
  --eeb-text: #e6eaf3;
  --eeb-heading: #ffffff;
  --eeb-muted: #9aa6c0;
  --eeb-border: #1f344c;
  --eeb-shadow: 0 10px 30px -12px rgba(0, 0, 0, .6);
  --eeb-shadow-lg: 0 24px 50px -20px rgba(0, 0, 0, .8);
  --eeb-header-bg: rgba(6, 18, 32, .94);
  --eeb-header-text: #ffffff;
  --eeb-topbar-bg: #040e19;
  --eeb-footer-bg: var(--eeb-topbar-bg);
  --eeb-input-bg: #0f2136;
  --eeb-overlay-rgb: 3, 12, 22;
  --eeb-accent-dark: var(--eeb-accent-2);
  --eeb-accent-dark-rgb: var(--eeb-accent-2-rgb);

  --bs-primary: var(--eeb-accent);
  --bs-primary-rgb: var(--eeb-accent-rgb);
  --bs-link-color: var(--eeb-accent-2);
  --bs-link-color-rgb: var(--eeb-accent-2-rgb);
  --bs-link-hover-color: var(--eeb-accent-3);
  --bs-link-hover-color-rgb: var(--eeb-accent-3-rgb);
  --bs-body-bg: var(--eeb-bg);
  --bs-body-color: var(--eeb-text);
  --bs-border-color: var(--eeb-border);
  --bs-secondary-bg: var(--eeb-surface-2);
  --bs-tertiary-bg: #0f2034;
}

html {
  scroll-behavior: smooth;
}

body {
  background: var(--eeb-bg);
  color: var(--eeb-text);
  font-size: .95rem;
  -webkit-font-smoothing: antialiased;
  padding-bottom: env(safe-area-inset-bottom);
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-head {
  font-family: "Montserrat", "Inter", sans-serif;
  color: var(--eeb-heading);
  font-weight: 700;
  letter-spacing: -.01em;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.text-muted,
.text-secondary {
  color: var(--eeb-muted) !important;
}

.text-accent {
  color: var(--eeb-accent) !important;
}

.text-navy {
  color: var(--eeb-navy) !important;
}

[data-bs-theme="dark"] .text-navy {
  color: #fff !important;
}

.bg-navy {
  background: var(--eeb-navy) !important;
  color: #fff;
}

.bg-surface {
  background: var(--eeb-surface) !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.ls-1 {
  letter-spacing: .08em;
}

.small-caps {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: .75rem;
  font-weight: 700;
}

::selection {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

/* ---------- Butonlar ---------- */
.btn {
  font-weight: 600;
  border-radius: 8px;
}

.btn-accent {
  background: var(--eeb-accent-grad);
  border: 0;
  color: var(--eeb-on-accent);
  font-weight: 700;
  letter-spacing: .02em;
  box-shadow: none;
}

.btn-accent:hover,
.btn-accent:focus {
  color: var(--eeb-on-accent);
  background: var(--eeb-accent-dark);
}

.btn-accent:active {
  transform: none;
}

.btn-navy {
  background: var(--eeb-navy);
  color: #fff;
  border: 0;
}

.btn-navy:hover {
  background: var(--eeb-navy-2);
  color: #fff;
}

[data-bs-theme="dark"] .btn-navy {
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
}

.btn-outline-accent {
  border: 1.5px solid var(--eeb-accent);
  color: var(--eeb-accent-dark);
  background: transparent;
}

[data-bs-theme="dark"] .btn-outline-accent {
  color: var(--eeb-accent-2);
}

.btn-outline-accent:hover {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

.btn-outline-light-soft {
  border: 1.5px solid rgba(255, 255, 255, .55);
  color: #fff;
  background: rgba(255, 255, 255, .06);
}

.btn-outline-light-soft:hover {
  background: #fff;
  color: var(--eeb-navy);
}

.btn-outline-navy {
  border: 1.5px solid var(--eeb-navy);
  color: var(--eeb-navy);
}

.btn-outline-navy:hover {
  background: var(--eeb-navy);
  color: #fff;
}

[data-bs-theme="dark"] .btn-outline-navy {
  border-color: var(--eeb-border);
  color: #fff;
}

.btn-whatsapp {
  background: #25d366;
  color: #fff;
  border: 0;
}

.btn-whatsapp:hover {
  background: #1ebe5b;
  color: #fff;
}

.btn-icon {
  width: 40px;
  height: 40px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

/* ---------- Form ---------- */
.form-control,
.form-select {
  border-radius: 8px;
  border-color: var(--eeb-border);
  background-color: var(--eeb-input-bg);
  color: var(--eeb-text);
  padding: .6rem .85rem;
}

.form-control:focus,
.form-select:focus {
  border-color: var(--eeb-accent);
  box-shadow: 0 0 0 .2rem rgba(var(--eeb-accent-rgb), .2);
  background-color: var(--eeb-input-bg);
  color: var(--eeb-text);
}

.form-label {
  font-weight: 600;
  font-size: .85rem;
  margin-bottom: .35rem;
}

.form-check-input:checked {
  background-color: var(--eeb-accent);
  border-color: var(--eeb-accent);
}

.input-group-text {
  background: var(--eeb-surface-2);
  border-color: var(--eeb-border);
  color: var(--eeb-muted);
}

/* ---------- Üst bar ---------- */
.topbar {
  background: var(--eeb-topbar-bg);
  color: #c7cfe0;
  font-size: .8rem;
}

.topbar a {
  color: #c7cfe0;
}

.topbar a:hover {
  color: var(--eeb-accent-2);
}

.topbar .sep {
  opacity: .3;
  margin: 0 .6rem;
}

/* ---------- Header ---------- */
.site-header {
  background: var(--eeb-header-bg);
  backdrop-filter: saturate(160%) blur(10px);
  border-bottom: 1px solid var(--eeb-border);
  position: sticky;
  top: 0;
  z-index: 1030;
}

.site-header .navbar {
  padding: .55rem 0;
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  color: var(--eeb-header-text);
}

.brand:hover {
  color: var(--eeb-header-text);
}

.brand-emblem {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
}

.brand-text {
  display: flex;
  flex-direction: column;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
}

.brand-text .b1 {
  font-weight: 800;
  font-size: 1.28rem;
  letter-spacing: .04em;
}

.brand-text .b2 {
  font-weight: 700;
  font-size: .8rem;
  letter-spacing: .2em;
  background: var(--eeb-accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  margin-top: 3px;
}

[data-bs-theme="dark"] .brand-text .b2 {
  background-image: var(--eeb-accent-grad-light);
}

.brand-text .b3 {
  font-size: .52rem;
  letter-spacing: .16em;
  color: var(--eeb-muted);
  font-weight: 600;
  margin-top: 4px;
}

.brand-img {
  height: 58px;
  width: auto;
  max-width: 240px;
  object-fit: contain;
}

.site-header .brand-img {
  height: 70px;
  max-width: 290px;
}

.site-header .brand-emblem {
  width: 54px;
  height: 54px;
}

.site-footer .brand-img {
  height: 96px;
  max-width: 280px;
}

.brand-img.brand-plate {
  background: #fff;
  border-radius: 10px;
  padding: 6px 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .18);
}

@media (max-width: 575.98px) {
  .site-header .brand-img {
    height: 56px;
    max-width: 220px;
  }

  .site-header .brand-emblem {
    width: 44px;
    height: 44px;
  }
}

.site-header .nav-link {
  color: var(--eeb-header-text);
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: .78rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .6rem .62rem !important;
  position: relative;
  white-space: nowrap;
}

.site-header .nav-link:hover,
.site-header .nav-link.active {
  color: var(--eeb-accent);
}

.site-header .nav-link.active::after {
  content: "";
  position: absolute;
  left: .62rem;
  right: .62rem;
  bottom: .15rem;
  height: 2px;
  background: var(--eeb-accent-grad);
  border-radius: 2px;
}

.site-header .dropdown-menu {
  border-radius: 10px;
  border-color: var(--eeb-border);
  box-shadow: var(--eeb-shadow);
  padding: .5rem;
  background: var(--eeb-surface);
}

.site-header .dropdown-item {
  border-radius: 6px;
  font-size: .88rem;
  padding: .45rem .75rem;
  color: var(--eeb-text);
}

.site-header .dropdown-item:hover {
  background: var(--eeb-surface-2);
  color: var(--eeb-accent-dark);
}

/* Masaüstü: üst menü açılır listeleri üzerine gelince açılır */
@media (min-width: 1200px) and (hover: hover) {
  .site-header .navbar-nav .dropdown>.dropdown-menu {
    top: 100%;
    left: 0;
    margin-top: .45rem;
  }

  .site-header .navbar-nav .dropdown>.dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -.6rem;
    height: .6rem;
  }

  .site-header .navbar-nav .dropdown:hover>.dropdown-menu,
  .site-header .navbar-nav .dropdown:focus-within>.dropdown-menu {
    display: block;
    animation: eeb-dd-in .16s ease-out;
  }

  .site-header .navbar-nav .dropdown:hover>.dropdown-toggle {
    color: var(--eeb-accent);
  }

  /* Kullanıcı menüsü de üzerine gelince açılır (sağa hizalı) */
  .site-header .user-dd>.dropdown-menu {
    top: 100%;
    right: 0;
    left: auto;
    margin-top: .45rem;
  }

  .site-header .user-dd>.dropdown-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -.6rem;
    height: .6rem;
  }

  .site-header .user-dd:hover>.dropdown-menu,
  .site-header .user-dd:focus-within>.dropdown-menu {
    display: block;
    animation: eeb-dd-in .16s ease-out;
  }
}

@keyframes eeb-dd-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.header-phone {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-weight: 700;
  color: var(--eeb-header-text);
  font-family: "Montserrat", sans-serif;
  font-size: .9rem;
}

.header-phone .ic {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--eeb-accent-grad);
  color: var(--eeb-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.theme-toggle {
  border: 1px solid var(--eeb-border);
  color: var(--eeb-header-text);
  background: transparent;
}

.theme-toggle:hover {
  color: var(--eeb-accent);
  border-color: var(--eeb-accent);
}

.navbar-toggler {
  border: 0;
  color: var(--eeb-header-text);
  font-size: 1.6rem;
  padding: .25rem .5rem;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.user-chip {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--eeb-header-text);
  font-weight: 600;
  font-size: .85rem;
}

.avatar {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  object-fit: cover;
  background: var(--eeb-accent-grad);
  color: var(--eeb-on-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: .85rem;
  flex: 0 0 auto;
}

.avatar-lg {
  width: 64px;
  height: 64px;
  font-size: 1.3rem;
}

.badge-dot {
  position: absolute;
  top: 2px;
  right: 0;
  min-width: 18px;
  height: 18px;
  border-radius: 7px;
  font-size: .65rem;
  background: var(--eeb-red);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 4px;
}

/* Menü: masaüstünde yatay, 1200px altında sağdan açılan panel (offcanvas) */
@media (min-width: 1200px) {
  .site-header .offcanvas-body {
    flex-grow: 1;
    align-items: center;
  }

  .site-header .header-actions {
    flex-wrap: nowrap;
  }
}

@media (max-width: 1199.98px) {
  .site-header {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }

  .site-header.menu-open {
    z-index: 1046;
  }

  .site-header .offcanvas {
    --bs-offcanvas-width: min(340px, 86vw);
    background: var(--eeb-surface);
    color: var(--eeb-text);
    border-left: 1px solid var(--eeb-border);
    box-shadow: -20px 0 40px -20px rgba(0, 0, 0, .35);
  }

  .site-header .offcanvas-header {
    border-bottom: 1px solid var(--eeb-border);
    padding: .75rem 1rem;
    gap: 1rem;
  }

  .site-header .offcanvas-header .brand-img {
    height: 44px;
  }

  [data-bs-theme="dark"] .site-header .btn-close {
    filter: invert(1) grayscale(1) brightness(2);
  }

  .site-header .offcanvas-body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: .5rem 1rem calc(1.25rem + env(safe-area-inset-bottom));
  }

  .site-header .offcanvas .navbar-nav {
    width: 100%;
    margin: 0 !important;
  }

  .site-header .offcanvas .nav-link {
    padding: .85rem .35rem !important;
    font-size: .82rem;
    border-bottom: 1px solid var(--eeb-border);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .site-header .offcanvas .nav-link.active::after {
    display: none;
  }

  .site-header .offcanvas .dropdown-toggle::after {
    transition: transform .2s;
  }

  .site-header .offcanvas .dropdown-toggle.show::after {
    transform: rotate(180deg);
  }

  .site-header .offcanvas .dropdown-menu {
    border: 0;
    box-shadow: none;
    background: var(--eeb-surface-2);
    margin: .35rem 0 .5rem;
    padding: .35rem;
  }

  .site-header .header-actions {
    flex-direction: column;
    align-items: stretch !important;
    margin-top: auto;
  }

  .site-header .header-actions .btn {
    width: 100%;
    padding: .7rem 1rem;
  }

  .site-header .header-actions .header-phone {
    display: inline-flex;
    justify-content: center;
    padding: .35rem 0;
  }

  .site-header .header-actions .user-chip {
    justify-content: center;
    padding: .4rem 0;
  }
}

/* ---------- Hero ---------- */
.hero {
  position: relative;
  color: #fff;
  background-color: var(--eeb-navy);
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(95deg, rgba(var(--eeb-overlay-rgb), .94) 0%, rgba(var(--eeb-overlay-rgb), .78) 42%, rgba(var(--eeb-overlay-rgb), .35) 75%, rgba(var(--eeb-overlay-rgb), .55) 100%);
}

[data-bs-theme="dark"] .hero::before {
  background: linear-gradient(95deg, rgba(var(--eeb-overlay-rgb), .96) 0%, rgba(var(--eeb-overlay-rgb), .82) 45%, rgba(var(--eeb-overlay-rgb), .45) 75%, rgba(var(--eeb-overlay-rgb), .7) 100%);
}

.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 120px;
  background: linear-gradient(to bottom, transparent, rgba(var(--eeb-overlay-rgb), .35));
}

.hero .container {
  position: relative;
  z-index: 2;
}

.hero-inner {
  padding: 4.5rem 0 4.5rem;
}

.hero-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(2.3rem, 5.2vw, 4rem);
  line-height: 1.02;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .01em;
  margin-bottom: 1rem;
}

.hero-title .accent {
  background: var(--eeb-accent-grad-light);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  display: block;
}

.hero-sub {
  font-family: "Montserrat", sans-serif;
  font-size: clamp(1.1rem, 2vw, 1.45rem);
  font-weight: 700;
  color: #fff;
  margin-bottom: .75rem;
}

.hero-text {
  color: #d3dae8;
  max-width: 760px;
  margin-bottom: 1.6rem;
  text-wrap: balance;
}

.hero-features {
  display: flex;
  flex-wrap: wrap;
  gap: 1.2rem 1.75rem;
  margin-bottom: 2rem;
}

.hero-feature {
  display: flex;
  align-items: flex-start;
  gap: .7rem;
  max-width: 240px;
}

.hero-feature .ic {
  color: var(--eeb-accent-2);
  font-size: 1.7rem;
  line-height: 1;
}

.hero-feature strong {
  display: block;
  font-size: .75rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
}

.hero-feature span {
  font-size: .75rem;
  color: #b9c3d8;
}

.hero-actions .btn {
  padding: .75rem 1.2rem;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.search-card {
  background: rgba(var(--eeb-overlay-rgb), .92);
  border: 1px solid rgba(var(--eeb-accent-2-rgb), .28);
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 30px 60px -25px rgba(0, 0, 0, .7);
  backdrop-filter: blur(6px);
}

.search-card h2 {
  color: #fff;
  font-size: .95rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: .5rem;
  margin-bottom: 1rem;
}

.search-card h2 i {
  color: var(--eeb-accent-2);
  font-size: 1.2rem;
}

.search-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .4rem;
  background: rgba(255, 255, 255, .06);
  padding: .3rem;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.search-tabs input {
  display: none;
}

.search-tabs label {
  text-align: center;
  padding: .6rem;
  border-radius: 7px;
  font-weight: 800;
  font-size: .8rem;
  letter-spacing: .08em;
  color: #fff;
  cursor: pointer;
  font-family: "Montserrat", sans-serif;
}

.search-tabs input:checked+label {
  background: var(--eeb-accent-grad);
  color: var(--eeb-on-accent);
}

/* Açık zeminli filtre sekmeleri (ilan listesi yan paneli): tek satır, seçili olan beyaz yazılı */
.search-tabs.filter-tabs {
  grid-template-columns: none;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
}

.search-tabs.filter-tabs label {
  padding: .55rem .25rem;
  letter-spacing: .02em;
  color: var(--eeb-text);
  white-space: nowrap;
  transition: background .15s, color .15s;
}

.search-tabs.filter-tabs label:hover {
  background: rgba(var(--eeb-accent-rgb), .1);
  color: var(--eeb-accent);
}

.search-tabs.filter-tabs input:checked+label {
  background: var(--eeb-accent-grad);
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(var(--eeb-accent-rgb), .6);
}

.search-card .form-select,
.search-card .form-control {
  background-color: #fff;
  color: #101a33;
  border: 0;
  font-size: .9rem;
}

[data-bs-theme="dark"] .search-card .form-select,
[data-bs-theme="dark"] .search-card .form-control {
  background-color: var(--eeb-surface-2);
  color: #fff;
}

.search-card .btn-accent {
  padding: .8rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}

/* ---------- Bölüm başlıkları ---------- */
.section {
  padding: 4rem 0;
}

.section-sm {
  padding: 2.5rem 0;
}

/* Anasayfa: bölümleri ayırmak için sırayla hafif tonlu zemin */
.band-alt {
  position: relative;
  background: rgba(var(--eeb-accent-rgb), .045);
  border-top: 1px solid rgba(var(--eeb-accent-rgb), .09);
  border-bottom: 1px solid rgba(var(--eeb-accent-rgb), .09);
}

[data-bs-theme="dark"] .band-alt {
  background: rgba(var(--eeb-accent-rgb), .06);
  border-color: rgba(var(--eeb-accent-rgb), .14);
}

.section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1.8rem;
  flex-wrap: wrap;
}

.section-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.25rem, 2.4vw, 1.6rem);
  letter-spacing: .02em;
  margin: 0;
}

.section-title .accent {
  color: var(--eeb-accent);
}

.section-sub {
  color: var(--eeb-muted);
  margin: .35rem 0 0;
  font-size: .9rem;
}

.section-head.center {
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.title-line {
  display: inline-block;
  width: 56px;
  height: 3px;
  background: var(--eeb-accent-grad);
  border-radius: 2px;
  margin-top: .6rem;
}

/* ---------- Değerleme bandı ---------- */
.valuation-band {
  background: var(--eeb-surface);
  border-bottom: 1px solid var(--eeb-border);
}

.valuation-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 190px;
}

.valuation-visual .house {
  width: 170px;
  height: 170px;
  border-radius: 28px;
  /* Logo ikonu (lacivert el) her temada görünsün diye beyaz plaka */
  background: #fff;
  border: 1px solid var(--eeb-border);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--eeb-shadow-lg);
  transform: rotate(-6deg);
}

.valuation-visual .house img {
  width: 118px;
  height: auto;
}

.valuation-visual .lens {
  position: absolute;
  right: 18%;
  bottom: 8%;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  background: var(--eeb-surface);
  border: 6px solid var(--eeb-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--eeb-accent);
  font-size: 2rem;
  box-shadow: var(--eeb-shadow);
}

.valuation-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  text-transform: uppercase;
  font-size: clamp(1.2rem, 2.2vw, 1.55rem);
  line-height: 1.25;
}

.valuation-title .accent {
  color: var(--eeb-accent);
  display: block;
}

/* ---------- İlan kartı ---------- */
.listing-card {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
}

.listing-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--eeb-shadow-lg);
  border-color: rgba(var(--eeb-accent-rgb), .5);
}

.listing-card.is-featured {
  border-color: rgba(var(--eeb-accent-rgb), .75);
  box-shadow: 0 0 0 1px rgba(var(--eeb-accent-rgb), .35);
}

.listing-card .thumb {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: var(--eeb-surface-2);
  display: block;
}

.listing-card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .5s ease;
}

.listing-card:hover .thumb img {
  transform: scale(1.05);
}

.listing-card .badges {
  position: absolute;
  top: .65rem;
  left: .65rem;
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  z-index: 2;
}

.lbadge {
  font-size: .64rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .3rem .5rem;
  border-radius: 4px;
  font-family: "Montserrat", sans-serif;
  line-height: 1;
}

.lbadge-type {
  background: var(--eeb-accent-grad);
  color: var(--eeb-on-accent);
}

.lbadge-featured {
  background: var(--eeb-green);
  color: #fff;
}

.lbadge-urgent {
  background: var(--eeb-red);
  color: #fff;
}

.lbadge-showcase {
  background: var(--eeb-navy);
  color: var(--eeb-accent-2);
}

.lbadge-photo {
  position: absolute;
  bottom: .6rem;
  right: .6rem;
  background: rgba(0, 0, 0, .55);
  color: #fff;
}

.fav-btn {
  position: absolute;
  top: .55rem;
  right: .55rem;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, .92);
  color: var(--eeb-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  transition: transform .15s ease;
}

.fav-btn:hover {
  transform: scale(1.1);
  color: var(--eeb-red);
}

.fav-btn.active {
  color: var(--eeb-red);
}

.fav-btn.active i::before {
  content: "\f415";
}

/* Karşılaştır butonu: favorinin altında */
.cmp-btn {
  position: absolute;
  top: calc(.55rem + 42px);
  right: .55rem;
  z-index: 3;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: rgba(255, 255, 255, .92);
  color: var(--eeb-navy);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .95rem;
  transition: transform .15s ease, background .15s, color .15s;
}

.cmp-btn:hover {
  transform: scale(1.1);
  color: var(--eeb-accent);
}

.cmp-btn.active {
  background: var(--eeb-accent);
  color: #fff;
}

.cmp-toggle.active {
  background: var(--eeb-accent);
  border-color: var(--eeb-accent);
  color: #fff;
}

/* İlan detayı: etiketler */
.dbadges {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
  margin-bottom: .7rem;
}

.dbadge {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .4rem .8rem;
  border-radius: 999px;
  font-family: "Montserrat", sans-serif;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .04em;
  text-transform: uppercase;
  line-height: 1;
  color: #fff;
  box-shadow: 0 4px 12px -6px rgba(var(--eeb-navy-rgb), .5);
}

.dbadge i {
  font-size: .95em;
}

.dbadge-type {
  background: var(--eeb-accent-grad);
}

.dbadge-featured {
  background: #198754;
}

.dbadge-urgent {
  background: #d03b3b;
}

.dbadge-urgent i {
  animation: dbadgePulse 1.6s ease-in-out infinite;
}

@keyframes dbadgePulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: .45;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dbadge-urgent i {
    animation: none;
  }
}

.dbadge-showcase {
  background: var(--eeb-navy);
  color: var(--eeb-accent-2);
  border: 1px solid rgba(var(--eeb-accent-rgb), .45);
}

/* İlan detayı: işlem butonları */
.dactions {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
}

.dactions .dact {
  position: static;
  width: auto;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  padding: 0 1rem;
  border-radius: 10px;
  border: 1px solid var(--eeb-border);
  background: var(--eeb-surface);
  color: var(--eeb-text);
  font-size: .88rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(16, 26, 51, .06);
  transform: none;
  transition: background .15s, border-color .15s, color .15s, box-shadow .15s, transform .15s;
}

.dactions .dact i {
  font-size: 1.05rem;
}

.dactions .dact:hover {
  border-color: rgba(var(--eeb-accent-rgb), .5);
  color: var(--eeb-accent);
  transform: translateY(-1px);
  box-shadow: 0 6px 14px -8px rgba(var(--eeb-accent-rgb), .7);
}

.dactions .dact.dact-icon {
  width: 42px;
  padding: 0;
}

/* Favoride: kırmızı dolu kalp */
.dactions .dact.fav-btn:hover,
.dactions .dact.fav-btn.active {
  color: var(--eeb-red);
  border-color: rgba(220, 53, 69, .45);
}

.dactions .dact.fav-btn.active {
  background: rgba(220, 53, 69, .08);
}

/* Karşılaştırmada: mavi */
.dactions .dact.cmp-toggle.active {
  background: var(--eeb-accent);
  border-color: var(--eeb-accent);
  color: #fff;
}

@media (max-width: 575.98px) {
  .dactions .dact {
    flex: 1 1 auto;
    padding: 0 .75rem;
  }
}

/* Karşılaştırma çubuğu (altta sabit) */
.cmp-bar {
  position: fixed;
  left: 50%;
  bottom: 1rem;
  transform: translate(-50%, 140%);
  z-index: 1060;
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .55rem .6rem .55rem 1rem;
  max-width: calc(100vw - 2rem);
  background: var(--eeb-navy);
  color: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 40px rgba(5, 11, 28, .35);
  /* Gizliyken tamamen görünmez ve tıklanamaz (mobilde alt menünün üstüne binmesin) */
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: transform .25s ease, opacity .2s ease, visibility 0s linear .25s;
}

.cmp-bar.show {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: transform .25s ease, opacity .2s ease, visibility 0s;
}

.cmp-bar .cmp-thumbs {
  display: flex;
  gap: .35rem;
}

.cmp-bar .cmp-thumbs span {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  background: rgba(255, 255, 255, .12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  font-weight: 700;
}

.cmp-bar .cmp-text {
  font-size: .85rem;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cmp-bar .btn {
  white-space: nowrap;
  flex-shrink: 0;
}

.cmp-bar .cmp-clear {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-width: 36px;
  height: 36px;
  padding: 0 .6rem;
  border: 0;
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  font-size: .82rem;
  font-weight: 600;
  transition: background .15s;
}

.cmp-bar .cmp-clear i {
  font-size: 1rem;
}

.cmp-bar .cmp-clear:hover {
  background: rgba(220, 53, 69, .85);
}

@media (max-width: 575.98px) {
  .cmp-bar {
    gap: .5rem;
    padding-left: .8rem;
  }

  .cmp-bar .cmp-clear {
    padding: 0;
    width: 36px;
  }
}

@media (max-width: 991.98px) {
  body:not(.panel) .cmp-bar {
    bottom: calc(70px + env(safe-area-inset-bottom));
  }
}

@media (max-width: 575.98px) {
  .cmp-bar .cmp-thumbs {
    display: none;
  }
}

/* Çubuk açıkken bildirimler çubuğun üstünde çıksın */
body:has(.cmp-bar.show) #toastWrap {
  bottom: 72px !important;
}

@media (max-width: 991.98px) {
  body:not(.panel):has(.cmp-bar.show) #toastWrap {
    bottom: 136px !important;
  }
}

/* Karşılaştırma tablosu */
.cmp-table {
  table-layout: fixed;
  min-width: 640px;
}

.cmp-table th[scope="row"] {
  width: 170px;
  color: var(--eeb-muted);
  font-weight: 600;
  font-size: .85rem;
  background: var(--eeb-surface-2);
}

.cmp-table td {
  vertical-align: top;
  font-size: .9rem;
}

.cmp-table .cmp-head img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: .5rem;
}

.cmp-table .cmp-head a.t {
  font-weight: 700;
  color: var(--eeb-text);
  display: block;
  line-height: 1.3;
}

.cmp-table .best {
  color: #198754;
  font-weight: 700;
}

[data-bs-theme="dark"] .cmp-table .best {
  color: #3ecf8e;
}

.listing-card .body {
  padding: .9rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.listing-card .loc {
  font-size: .75rem;
  color: var(--eeb-muted);
  display: flex;
  align-items: center;
  gap: .25rem;
  margin-bottom: .3rem;
}

.listing-card .title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: .92rem;
  color: var(--eeb-heading);
  line-height: 1.35;
  margin-bottom: .55rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 2.5em;
}

.listing-card .title:hover {
  color: var(--eeb-accent-dark);
}

.specs {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .8rem;
  font-size: .76rem;
  color: var(--eeb-muted);
  margin-bottom: .7rem;
}

.specs span {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
}

.specs i {
  color: var(--eeb-accent);
}

.listing-card .foot {
  margin-top: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding-top: .7rem;
  border-top: 1px dashed var(--eeb-border);
}

.price {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: var(--eeb-navy);
  font-size: 1.12rem;
  white-space: nowrap;
}

[data-bs-theme="dark"] .price {
  color: var(--eeb-accent-2);
}

.price small {
  font-size: .7rem;
  font-weight: 600;
  color: var(--eeb-muted);
}

.more-link {
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: var(--eeb-accent-dark);
  font-family: "Montserrat", sans-serif;
}

[data-bs-theme="dark"] .more-link {
  color: var(--eeb-accent-2);
}

/* Liste görünümü */
.listing-row {
  flex-direction: row;
}

.listing-row .thumb {
  width: 300px;
  flex: 0 0 300px;
  aspect-ratio: auto;
  min-height: 200px;
}

@media (max-width: 767.98px) {
  .listing-row {
    flex-direction: column;
  }

  .listing-row .thumb {
    width: 100%;
    flex: 0 0 auto;
    aspect-ratio: 4 / 3;
    min-height: 0;
  }
}

/* Swiper */
.swiper-nav {
  display: flex;
  gap: .4rem;
}

.swiper-nav button {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid var(--eeb-border);
  background: var(--eeb-surface);
  color: var(--eeb-heading);
}

.swiper-nav button:hover {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
  border-color: var(--eeb-accent);
}

.swiper-pagination-bullet-active {
  background: var(--eeb-accent) !important;
}

.swiper-slide {
  height: auto;
}

/* ---------- Bölge kartları ---------- */
.region-card {
  display: flex;
  gap: 0;
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  overflow: hidden;
  height: 100%;
  transition: box-shadow .2s ease, transform .2s ease;
}

.region-card:hover {
  box-shadow: var(--eeb-shadow-lg);
  transform: translateY(-3px);
}

.region-card .img {
  width: 46%;
  flex: 0 0 46%;
  min-height: 150px;
  background: var(--eeb-navy) center/cover no-repeat;
  position: relative;
}

.region-card .img.noimg {
  background: var(--eeb-navy);
  display: flex;
  align-items: center;
  justify-content: center;
}

.region-card .img.noimg img {
  width: 56px;
  opacity: .8;
}

.region-card .info {
  padding: .9rem 1rem;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.region-card h3 {
  font-size: .9rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: .45rem;
}

.region-card ul {
  list-style: none;
  padding: 0;
  margin: 0 0 .6rem;
  font-size: .76rem;
  color: var(--eeb-muted);
}

.region-card ul li::before {
  content: "• ";
  color: var(--eeb-accent);
}

/* Öncelikli mahalle (ofisin bulunduğu bölge) */
.region-card ul li.prio {
  font-weight: 700;
  color: var(--eeb-heading);
}

.region-card .count {
  margin-top: auto;
}

/* ---------- Anasayfa: 3D kaydırmalı popüler bölgeler ---------- */
.rg3d-swiper {
  padding: 1.25rem 0 1.5rem;
  overflow: visible;
}

.rg3d {
  overflow: hidden;
  margin: 0 -12px;
  padding: 0 12px;
}

.rg3d-swiper .swiper-slide {
  width: 280px;
  transition: opacity .3s;
}

.rg3d-swiper .swiper-slide:not(.swiper-slide-active) {
  opacity: .72;
}

.rg3d-card {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  background: var(--eeb-surface);
  color: var(--eeb-text);
  box-shadow: 0 10px 28px -18px rgba(0, 0, 0, .35);
  transition: box-shadow .3s, border-color .3s;
}

.swiper-slide-active .rg3d-card {
  border-color: rgba(var(--eeb-accent-rgb), .45);
  box-shadow: 0 22px 44px -20px rgba(var(--eeb-navy-rgb), .55);
}

.rg3d-img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 16 / 11;
  background: var(--eeb-navy) center / cover no-repeat;
}

.rg3d-img.noimg img {
  width: 64px;
  opacity: .8;
}

.rg3d-kind {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: .2rem .55rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
  background: rgba(var(--eeb-navy-rgb), .78);
}

.rg3d-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .25rem;
  padding: .85rem 1rem 1rem;
  text-align: center;
}

.rg3d-body h3 {
  margin: 0;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--eeb-heading);
}

.rg3d-subs {
  min-height: 2.4em;
  font-size: .76rem;
  line-height: 1.2;
  color: var(--eeb-muted);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.rg3d-subs .prio {
  font-weight: 700;
  color: var(--eeb-heading);
}

.rg3d-count {
  margin-top: .2rem;
  font-size: .78rem;
  font-weight: 700;
  color: var(--eeb-accent);
}

.rg3d-info {
  max-width: 620px;
  margin: .25rem auto 0;
  text-align: center;
}

.rg3d-info.in {
  animation: rgIn .45s ease;
}

@keyframes rgIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.rg3d-chip {
  display: inline-block;
  margin-bottom: .5rem;
  padding: .25rem .7rem;
  border-radius: 999px;
  font-size: .75rem;
  font-weight: 700;
  color: var(--eeb-accent-dark);
  background: rgba(var(--eeb-accent-rgb), .12);
}

[data-bs-theme="dark"] .rg3d-chip {
  color: var(--eeb-accent-2);
}

.rg3d-info h3 {
  font-size: 1.5rem;
  margin-bottom: .4rem;
  color: var(--eeb-heading);
}

.rg3d-info p {
  margin-bottom: 1rem;
  color: var(--eeb-muted);
}

.rg3d-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .9rem;
  width: max-content;
  max-width: 100%;
  margin: 1.4rem auto 0;
  padding: .45rem .6rem;
  border: 1px solid var(--eeb-border);
  border-radius: 999px;
  background: var(--eeb-surface);
}

.rg3d-arrow {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--eeb-border);
  border-radius: 50%;
  background: var(--eeb-surface);
  color: var(--eeb-heading);
  transition: background .15s, color .15s, border-color .15s;
}

.rg3d-arrow:hover {
  background: var(--eeb-accent);
  border-color: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

.rg3d-dots.swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  gap: 2px;
  width: auto;
  transform: none;
}

.rg3d-dots .swiper-pagination-bullet {
  width: 7px;
  height: 7px;
  margin: 0 3px !important;
  background: var(--eeb-muted);
  opacity: .4;
  transition: width .25s, opacity .25s;
}

.rg3d-dots .swiper-pagination-bullet-active {
  width: 24px;
  border-radius: 999px;
  opacity: 1;
}

@media (max-width: 575.98px) {
  .rg3d-swiper .swiper-slide {
    width: 230px;
  }

  .rg3d-info h3 {
    font-size: 1.25rem;
  }
}

.region-circle {
  text-align: center;
  color: var(--eeb-heading);
  display: block;
}

.region-circle .ring {
  width: 104px;
  height: 104px;
  border-radius: 50%;
  margin: 0 auto .6rem;
  padding: 3px;
  background: var(--eeb-accent-grad);
}

.region-circle .ring span {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: var(--eeb-navy) center/cover no-repeat;
  border: 3px solid var(--eeb-bg);
}

.region-circle strong {
  display: block;
  text-transform: uppercase;
  font-family: "Montserrat", sans-serif;
  font-size: .8rem;
  letter-spacing: .05em;
}

.region-circle small {
  color: var(--eeb-accent);
  font-weight: 700;
}

/* ---------- Blog kartı ---------- */
.blog-card {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: box-shadow .2s ease, transform .2s ease;
}

.blog-card:hover {
  box-shadow: var(--eeb-shadow-lg);
  transform: translateY(-3px);
}

.blog-card .thumb {
  aspect-ratio: 16 / 10;
  background: var(--eeb-surface-2);
  overflow: hidden;
  display: block;
}

.blog-card .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-card .body {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog-card h3 {
  font-size: .95rem;
  line-height: 1.4;
  margin-bottom: .5rem;
}

.blog-card h3 a {
  color: var(--eeb-heading);
}

.blog-card h3 a:hover {
  color: var(--eeb-accent-dark);
}

.blog-card p {
  font-size: .82rem;
  color: var(--eeb-muted);
  margin-bottom: .75rem;
}

.blog-card .more-link {
  margin-top: auto;
}

.article-content {
  font-size: 1rem;
  line-height: 1.8;
}

.article-content h2 {
  font-size: 1.35rem;
  margin: 1.8rem 0 .8rem;
}

.article-content h3 {
  font-size: 1.12rem;
  margin: 1.4rem 0 .6rem;
}

.article-content img {
  border-radius: 10px;
  height: auto;
}

.article-content blockquote {
  border-left: 4px solid var(--eeb-accent);
  padding: .5rem 1rem;
  background: var(--eeb-surface-2);
  border-radius: 0 8px 8px 0;
}

/* ---------- Neden biz / yorumlar bandı ---------- */
.why-band {
  background: var(--eeb-navy);
  color: #fff;
  position: relative;
  overflow: hidden;
}

[data-bs-theme="dark"] .why-band {
  background: #081231;
  border-top: 1px solid var(--eeb-border);
  border-bottom: 1px solid var(--eeb-border);
}

.why-band h2,
.why-band h3 {
  color: #fff;
}

.why-item {
  text-align: center;
  padding: .5rem;
}

.why-item .ic {
  width: 58px;
  height: 58px;
  border-radius: 14px;
  margin: 0 auto .7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.55rem;
  color: var(--eeb-accent-2);
  border: 1px solid rgba(var(--eeb-accent-2-rgb), .35);
  background: rgba(var(--eeb-accent-2-rgb), .06);
}

.why-item strong {
  display: block;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-family: "Montserrat", sans-serif;
}

.why-item span {
  font-size: .75rem;
  color: #b8c2d8;
}

.testimonial {
  background: rgba(255, 255, 255, .05);
  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;
  padding: 1.4rem;
}

.testimonial .stars {
  color: var(--eeb-accent-2);
}

.testimonial p {
  color: #dfe5f1;
  font-style: italic;
  margin: .6rem 0;
}

/* ---------- CTA ---------- */
.cta-band {
  background: var(--eeb-navy-2);
  color: #fff;
  border-top: 1px solid rgba(var(--eeb-accent-2-rgb), .2);
}

[data-bs-theme="dark"] .cta-band {
  background: #0a1430;
}

.cta-band h2 {
  color: #fff;
  font-size: clamp(1.05rem, 2vw, 1.35rem);
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
}

.cta-band h2 .accent {
  color: var(--eeb-accent-2);
  display: block;
}

.cta-phone {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: .5rem;
}

.cta-phone:hover {
  color: var(--eeb-accent-2);
}

/* ---------- Footer ---------- */
.site-footer {
  background: var(--eeb-footer-bg);
  color: #b9c3d8;
  font-size: .86rem;
  position: relative;
}

.footer-skyline {
  height: 110px;
  background: linear-gradient(to top, var(--eeb-footer-bg), transparent), url("../img/skyline.svg") bottom center / auto 100% repeat-x;
  opacity: .9;
}

.site-footer h5 {
  color: #fff;
  font-size: .8rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: 1rem;
}

.site-footer a {
  color: #b9c3d8;
}

.site-footer a:hover {
  color: var(--eeb-accent-2);
}

.site-footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer li {
  margin-bottom: .5rem;
}

.footer-slogan {
  font-family: "Great Vibes", "Montserrat", cursive;
  color: var(--eeb-accent-2);
  font-size: 2rem;
  line-height: 1.1;
}

.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .08);
  font-size: .78rem;
}

/* Alt bant: sol telif · orta geliştirici · sağ bağlantılar */
.fb-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .4rem;
  text-align: center;
}

.fb-dev {
  opacity: .85;
}

.fb-dev a {
  font-weight: 700;
  color: var(--eeb-accent);
  text-decoration: none;
  transition: opacity .15s;
}

.fb-dev a:hover {
  opacity: .8;
}

.fb-dev sup {
  font-size: .6em;
}

@media (min-width: 768px) {
  .fb-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    text-align: left;
  }

  .fb-links {
    text-align: right;
  }
}

.social a {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 1px solid rgba(var(--eeb-accent-2-rgb), .4);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--eeb-accent-2);
  margin-right: .35rem;
}

.social a:hover {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

/* WhatsApp & mobil alt menü */
/* Sağ alt: yukarı çık + WhatsApp */
.fab-stack {
  position: fixed;
  right: 18px;
  bottom: 22px;
  z-index: 1040;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  pointer-events: none;
}

.fab-stack>* {
  pointer-events: auto;
}

.to-top {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.15rem;
  background: var(--eeb-surface);
  color: var(--eeb-navy);
  box-shadow: var(--eeb-shadow);
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(12px);
  transition: opacity .25s, transform .25s, visibility .25s, color .2s;
}

.to-top.show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

.to-top:hover {
  color: var(--eeb-accent);
}

.to-top svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: rotate(-90deg);
}

.to-top circle {
  fill: none;
  stroke-width: 3;
}

.to-top .track {
  stroke: var(--eeb-border);
}

.to-top .bar {
  stroke: var(--eeb-accent);
  stroke-linecap: round;
  stroke-dasharray: 131.95;
  stroke-dashoffset: 131.95;
}

.to-top i {
  position: relative;
}

[data-bs-theme="dark"] .to-top {
  background: var(--eeb-surface-2);
  color: #fff;
}

[data-bs-theme="dark"] .to-top .bar {
  stroke: var(--eeb-accent-2);
}

.wa-float {
  position: fixed;
  right: 18px;
  bottom: 22px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  box-shadow: 0 10px 25px -8px rgba(37, 211, 102, .7);
  z-index: 1040;
}

.wa-float:hover {
  color: #fff;
  transform: scale(1.06);
}

.fab-stack .wa-float {
  position: relative;
  right: auto;
  bottom: auto;
}

.mobile-nav {
  display: none;
}

@media (max-width: 991.98px) {
  .mobile-nav {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1035;
    /* Bazı mobil tarayıcılarda sabit alt menü kaydırana kadar eksik çizilmesin (ayrı katman) */
    transform: translateZ(0);
    background: var(--eeb-surface);
    border-top: 1px solid var(--eeb-border);
    padding: .35rem .25rem calc(.35rem + env(safe-area-inset-bottom));
    box-shadow: 0 -8px 20px -12px rgba(0, 0, 0, .25);
  }

  .mobile-nav a,
  .mobile-nav button {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .66rem;
    font-weight: 600;
    color: var(--eeb-muted);
    gap: 3px;
    padding: 0;
    border: 0;
    background: none;
    font-family: inherit;
    line-height: 1.2;
  }

  /* İkon zemini: hafif renkli hap (seçili olanda koyulaşır) */
  .mobile-nav .mn-ic {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 28px;
    border-radius: 999px;
    background: rgba(var(--eeb-accent-rgb), .08);
    transition: background .15s;
  }

  .mobile-nav .mn-ic i {
    font-size: 1.15rem;
    line-height: 1;
  }

  .mobile-nav a.active,
  .mobile-nav button.active,
  .mobile-nav button[aria-expanded="true"] {
    color: var(--eeb-accent);
  }

  .mobile-nav a.active .mn-ic,
  .mobile-nav button.active .mn-ic,
  .mobile-nav button[aria-expanded="true"] .mn-ic {
    background: rgba(var(--eeb-accent-rgb), .18);
  }

  .mobile-nav .mn-wa {
    color: #1da851;
  }

  .mobile-nav .mn-wa .mn-ic {
    background: rgba(37, 211, 102, .14);
  }

  .mobile-nav .mn-dot {
    position: absolute;
    top: -5px;
    right: 0;
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    border-radius: 999px;
    font-size: .6rem;
    line-height: 16px;
    color: #fff;
    background: #dc3545;
  }

  /* Mobil "Hesabım" balonu (alt menünün üstünde) */
  .acc-pop {
    position: fixed;
    right: 10px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    z-index: 1046;
    width: min(300px, calc(100vw - 20px));
    max-height: calc(100vh - 140px);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--eeb-border);
    border-radius: 12px;
    background: var(--eeb-surface);
    box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .45);
    animation: accPop .16s ease-out;
    transform-origin: 85% 100%;
  }

  .acc-pop[hidden],
  .acc-pop-backdrop[hidden] {
    display: none;
  }

  /* Balonun oku: Hesabım butonunu gösterir */
  .acc-pop::after {
    content: "";
    position: absolute;
    right: calc(10% - 8px);
    bottom: -7px;
    width: 14px;
    height: 14px;
    background: var(--eeb-surface);
    border-right: 1px solid var(--eeb-border);
    border-bottom: 1px solid var(--eeb-border);
    transform: rotate(45deg);
  }

  @keyframes accPop {
    from {
      opacity: 0;
      transform: scale(.94) translateY(6px);
    }

    to {
      opacity: 1;
      transform: none;
    }
  }

  .acc-pop-head {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid var(--eeb-border);
  }

  .acc-pop-head .avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .acc-pop-list {
    overflow-y: auto;
    padding: .35rem;
  }

  .acc-pop-list a {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .55rem .65rem;
    border-radius: 8px;
    font-size: .9rem;
    color: var(--eeb-text);
  }

  .acc-pop-list a span:not(.badge) {
    flex: 1;
  }

  .acc-pop-list a i {
    width: 18px;
    color: var(--eeb-accent);
  }

  .acc-pop-list a.text-danger i {
    color: inherit;
  }

  .acc-pop-list a.active,
  .acc-pop-list a:active {
    background: var(--eeb-surface-2);
  }

  .acc-pop-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1034;
    background: rgba(0, 0, 0, .25);
  }

  .mobile-nav .plus {
    margin-top: -22px;
  }

  .mobile-nav .plus span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: var(--eeb-accent-grad);
    color: var(--eeb-on-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    box-shadow: 0 8px 20px -6px rgba(var(--eeb-accent-rgb), .8);
    border: 4px solid var(--eeb-surface);
  }

  /* Sabit alt menünün kapladığı alan footer'ın içinde bırakılır: arkası lacivert kalır, açık renk şerit oluşmaz */
  body:has(.mobile-nav) .site-footer {
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
  }

  body:not(:has(.site-footer)):has(.mobile-nav) {
    padding-bottom: 72px;
  }

  .fab-stack {
    right: 14px;
    bottom: 86px;
    gap: 10px;
  }

  .wa-float {
    right: 14px;
    bottom: 86px;
    width: 50px;
    height: 50px;
    font-size: 1.5rem;
  }

  .to-top {
    width: 44px;
    height: 44px;
  }
}

/* ---------- Genel kartlar ---------- */
.card {
  background: var(--eeb-surface);
  border-color: var(--eeb-border);
  border-radius: var(--eeb-radius);
}

.card-header {
  background: transparent;
  border-bottom-color: var(--eeb-border);
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

.box {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  padding: 1.25rem;
}

.box-title {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: .5rem;
}

.box-title i {
  color: var(--eeb-accent);
}

.page-hero {
  background: var(--eeb-navy);
  color: #fff;
  padding: 2.2rem 0 2rem;
}

[data-bs-theme="dark"] .page-hero {
  background: #07102a;
  border-bottom: 1px solid var(--eeb-border);
}

.page-hero h1 {
  color: #fff;
  font-size: clamp(1.35rem, 3vw, 2rem);
  margin: 0;
}

.page-hero .breadcrumb {
  margin: .5rem 0 0;
  font-size: .8rem;
}

.page-hero .breadcrumb a {
  color: var(--eeb-accent-2);
}

.page-hero .breadcrumb-item.active,
.page-hero .breadcrumb-item+.breadcrumb-item::before {
  color: #aeb9d0;
}

/* ---------- İlan listesi & filtre ---------- */
.filter-box .form-label {
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--eeb-muted);
}

.filter-box .form-select,
.filter-box .form-control {
  font-size: .88rem;
  padding: .5rem .7rem;
}

.chip-check {
  display: inline-block;
}

/* Anasayfa: sağdan açılan gelişmiş arama */
.adv-search.offcanvas-end {
  width: min(420px, 100vw);
  background: var(--eeb-surface, var(--bs-body-bg));
}

.adv-search .offcanvas-header {
  border-bottom: 1px solid var(--bs-border-color);
}

.adv-search .offcanvas-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.adv-search .offcanvas-body {
  padding: 1.1rem 1.25rem 0;
}

/* Ara butonu uzun listede hep görünür kalsın */
.adv-form .filter-actions {
  position: sticky;
  bottom: 0;
  margin: 0 -1.25rem;
  padding: .75rem 1.25rem .5rem;
  background: var(--eeb-surface, var(--bs-body-bg));
  border-top: 1px solid var(--bs-border-color);
}

.adv-open {
  cursor: pointer;
}

.adv-open:hover {
  color: #fff !important;
}

.chip-check input {
  display: none;
}

.chip-check span {
  display: inline-block;
  padding: .35rem .7rem;
  border: 1px solid var(--eeb-border);
  border-radius: 28px;
  font-size: .78rem;
  cursor: pointer;
  margin: 0 .25rem .35rem 0;
  background: var(--eeb-surface);
}

.chip-check input:checked+span {
  background: var(--eeb-navy);
  color: #fff;
  border-color: var(--eeb-navy);
}

[data-bs-theme="dark"] .chip-check input:checked+span {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
  border-color: var(--eeb-accent);
}

.result-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}

.view-toggle .btn {
  padding: .35rem .6rem;
}

.view-toggle .btn.active {
  background: var(--eeb-navy);
  color: #fff;
}

/* Sayfalama */
.pagination {
  gap: .3rem;
}

.page-link {
  border-radius: 7px !important;
  border-color: var(--eeb-border);
  color: var(--eeb-heading);
  background: var(--eeb-surface);
  min-width: 38px;
  text-align: center;
  font-weight: 600;
}

.page-item.active .page-link {
  background: var(--eeb-accent-grad);
  border-color: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

.page-link:hover {
  color: var(--eeb-accent-dark);
}

/* ---------- İlan detay ---------- */
.gallery-main {
  border-radius: var(--eeb-radius);
  overflow: hidden;
  background: #000;
  position: relative;
}

.gallery-main .swiper-slide {
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0a0f1d;
}

/* Fotoğraf kutuyu tam doldurur (kenarlarda siyah boşluk kalmaz); büyük görünümde tamamı görünür */
.gallery-main .swiper-slide>a {
  display: block;
  width: 100%;
  height: 100%;
}

.gallery-main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.gallery-main .swiper-button-next,
.gallery-main .swiper-button-prev {
  color: #fff;
  background: rgba(0, 0, 0, .35);
  width: 44px;
  height: 44px;
  border-radius: 50%;
}

.gallery-main .swiper-button-next::after,
.gallery-main .swiper-button-prev::after {
  font-size: 1rem;
  font-weight: 800;
}

.gallery-thumbs {
  margin-top: .5rem;
}

.gallery-thumbs .swiper-slide {
  aspect-ratio: 4 / 3;
  border-radius: 6px;
  overflow: hidden;
  opacity: .55;
  cursor: pointer;
  border: 2px solid transparent;
}

.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border-color: var(--eeb-accent);
}

.gallery-thumbs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery-count {
  position: absolute;
  bottom: 12px;
  left: 12px;
  z-index: 5;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  padding: .3rem .6rem;
  border-radius: 6px;
  font-size: .78rem;
}

.detail-title {
  font-size: clamp(1.25rem, 2.6vw, 1.7rem);
  line-height: 1.3;
}

.price-box {
  background: var(--eeb-navy);
  color: #fff;
  border-radius: var(--eeb-radius);
  padding: 1.25rem;
}

[data-bs-theme="dark"] .price-box {
  background: var(--eeb-surface-2);
  border: 1px solid rgba(var(--eeb-accent-2-rgb), .3);
}

.price-box .big {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.9rem;
  color: var(--eeb-accent-2);
  line-height: 1.1;
}

.spec-table {
  width: 100%;
  font-size: .88rem;
}

.spec-table tr {
  border-bottom: 1px solid var(--eeb-border);
}

.spec-table tr:last-child {
  border-bottom: 0;
}

.spec-table th {
  color: var(--eeb-muted);
  font-weight: 500;
  padding: .55rem 0;
  width: 45%;
}

.spec-table td {
  font-weight: 600;
  padding: .55rem 0;
  text-align: right;
  color: var(--eeb-heading);
}

.spec-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: .6rem;
}

.spec-pill {
  background: var(--eeb-surface-2);
  border-radius: 10px;
  padding: .7rem .8rem;
  display: flex;
  gap: .6rem;
  align-items: center;
}

.spec-pill i {
  font-size: 1.3rem;
  color: var(--eeb-accent);
}

.spec-pill small {
  display: block;
  color: var(--eeb-muted);
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.spec-pill strong {
  font-size: .9rem;
  color: var(--eeb-heading);
}

.feature-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: .35rem .8rem;
  font-size: .86rem;
}

.feature-list .on {
  color: var(--eeb-heading);
  font-weight: 600;
}

.feature-list .on i {
  color: var(--eeb-green);
}

.feature-list .off {
  color: var(--eeb-muted);
  opacity: .55;
}

.owner-card .name {
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: var(--eeb-heading);
}

/* İlan düzenleme: ilanı ekleyen üye / ofis */
.lowner-main {
  display: flex;
  align-items: center;
  gap: .8rem 1.2rem;
  flex-wrap: wrap;
}

.lowner-main>.min-w-0 {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.lowner-main small,
.lowner-agency small {
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.lowner-img {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  background: var(--eeb-accent);
}

.lowner-agency {
  padding-left: 1.2rem;
  border-left: 1px solid var(--bs-border-color);
}

.lowner-transfer {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
  margin-top: .8rem;
  padding-top: .8rem;
  border-top: 1px dashed var(--bs-border-color);
}

.lowner-transfer .form-select {
  width: auto;
  min-width: 180px;
}

@media (max-width: 575.98px) {
  .lowner-agency {
    padding-left: 0;
    border-left: 0;
  }
}

/* Ofis ilanında ilgilenen danışman */
.consultant {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin: -.25rem 0 1rem;
  padding: .6rem .7rem;
  border-radius: 10px;
  background: var(--eeb-surface-2);
  border: 1px solid var(--bs-border-color);
}

.consultant .min-w-0 {
  min-width: 0;
}

.consultant small {
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.consultant b {
  font-size: .9rem;
  color: var(--eeb-heading);
}

.consultant-img {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #fff;
  background: var(--eeb-accent);
  box-shadow: 0 0 0 2px var(--eeb-surface), 0 0 0 3px rgba(var(--eeb-accent-rgb), .35);
}

.consultant-act {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--eeb-accent);
  background: rgba(var(--eeb-accent-rgb), .1);
  text-decoration: none;
  transition: background .15s, color .15s;
}

.consultant-act:hover {
  color: #fff;
  background: var(--eeb-accent);
}

.consultant-act.wa {
  color: #1da851;
  background: rgba(37, 211, 102, .12);
}

.consultant-act.wa:hover {
  color: #fff;
  background: #25d366;
}

.owner-logo {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: contain;
  background: #fff;
  border: 1px solid var(--eeb-border);
  padding: 4px;
}

#detailMap,
.map-box {
  height: 320px;
  border-radius: var(--eeb-radius);
  overflow: hidden;
  z-index: 0;
}

.sticky-side {
  position: sticky;
  top: 90px;
}

.description {
  white-space: pre-line;
  line-height: 1.75;
}

/* ---------- Auth ---------- */
.auth-wrap {
  min-height: calc(100vh - 200px);
  display: flex;
  align-items: center;
  padding: 3rem 0;
}

.auth-card {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: 18px;
  box-shadow: var(--eeb-shadow-lg);
  overflow: hidden;
}

.auth-side {
  background: var(--eeb-navy);
  color: #fff;
  padding: 2.5rem;
  position: relative;
}

.auth-side h2 {
  color: #fff;
}

.auth-side li {
  margin-bottom: .6rem;
  color: #d3dae8;
}

.auth-side li i {
  color: var(--eeb-accent-2);
}

.btn-google {
  background: #fff;
  color: #3c4043;
  border: 1px solid #dadce0;
}

.btn-google:hover {
  background: #f7f8f8;
  color: #202124;
}

.divider-text {
  display: flex;
  align-items: center;
  gap: .75rem;
  color: var(--eeb-muted);
  font-size: .8rem;
  margin: 1.1rem 0;
}

.divider-text::before,
.divider-text::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--eeb-border);
}

.role-select {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
}

.role-select input {
  display: none;
}

.role-select label {
  border: 1.5px solid var(--eeb-border);
  border-radius: 10px;
  padding: .9rem;
  cursor: pointer;
  text-align: center;
  transition: all .15s;
}

.role-select label i {
  font-size: 1.6rem;
  color: var(--eeb-muted);
  display: block;
  margin-bottom: .3rem;
}

.role-select input:checked+label {
  border-color: var(--eeb-accent);
  background: rgba(var(--eeb-accent-rgb), .08);
}

.role-select input:checked+label i {
  color: var(--eeb-accent);
}

/* ---------- Üye paneli ---------- */
.account-nav {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  padding: .6rem;
}

.account-nav .user {
  display: flex;
  gap: .7rem;
  align-items: center;
  padding: .6rem .6rem 1rem;
  border-bottom: 1px solid var(--eeb-border);
  margin-bottom: .5rem;
}

.account-nav a.item {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .6rem .75rem;
  border-radius: 8px;
  color: var(--eeb-text);
  font-weight: 500;
  font-size: .9rem;
}

.account-nav a.item i {
  color: var(--eeb-muted);
  font-size: 1.05rem;
  width: 20px;
}

.account-nav a.item:hover {
  background: var(--eeb-surface-2);
}

.account-nav a.item.active {
  background: var(--eeb-navy);
  color: #fff;
}

.account-nav a.item.active i {
  color: var(--eeb-accent-2);
}

[data-bs-theme="dark"] .account-nav a.item.active {
  background: var(--eeb-surface-2);
  color: var(--eeb-accent-2);
}

/* Mobil: Hesabım menüsü soldan açılan panel */
@media (max-width: 991.98px) {
  .account-nav .user {
    border-bottom: 0;
    margin-bottom: .25rem;
    padding-bottom: .6rem;
  }

  .acc-menu-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
  }

  .acc-offcanvas.offcanvas-start {
    width: min(320px, 86vw);
    background: var(--eeb-surface);
  }

  .acc-offcanvas .offcanvas-header {
    border-bottom: 1px solid var(--eeb-border);
  }

  .acc-offcanvas .avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
  }

  .acc-offcanvas .offcanvas-body {
    padding: .5rem;
  }
}

.stat-card {
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: var(--eeb-radius);
  padding: 1.1rem;
  display: flex;
  align-items: center;
  gap: .9rem;
  height: 100%;
  color: var(--eeb-text);
}

.stat-card .ic {
  width: 48px;
  height: 48px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  background: rgba(var(--eeb-accent-rgb), .12);
  color: var(--eeb-accent-dark);
  flex: 0 0 auto;
}

.stat-card .num {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.5rem;
  line-height: 1;
  color: var(--eeb-heading);
}

.stat-card .lbl {
  font-size: .78rem;
  color: var(--eeb-muted);
}

.stat-card>span:last-child {
  min-width: 0;
}

/* Hesabım: üye uygulamasını yükleme kartı */
.pwa-cta {
  display: flex;
  align-items: center;
  gap: .8rem;
  width: 100%;
  padding: .8rem 1rem;
  border: 1px solid rgba(var(--eeb-accent-rgb), .3);
  border-radius: var(--eeb-radius);
  background: rgba(var(--eeb-accent-rgb), .06);
  color: var(--eeb-text);
}

.pwa-cta.d-none {
  display: none !important;
}

.pwa-cta img {
  border-radius: 10px;
  flex: 0 0 auto;
}

.pwa-cta small {
  color: var(--eeb-muted);
}

/* Esnek satırda uzun metin (text-truncate) kutuyu taşırmasın — Bootstrap'ta bu yardımcı yok */
.min-w-0 {
  min-width: 0 !important;
}

.step-head {
  display: flex;
  align-items: center;
  gap: .75rem;
  margin-bottom: .75rem;
}

.step-head .ic {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  background: rgba(var(--eeb-accent-rgb), .12);
  color: var(--eeb-accent-dark);
}

.step-head b {
  font-family: "Montserrat", sans-serif;
}

.table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--eeb-text);
}

.table> :not(caption)>*>* {
  border-bottom-color: var(--eeb-border);
  padding: .75rem .6rem;
}

.table thead th {
  font-size: .74rem;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--eeb-muted);
  font-weight: 700;
}

.mini-thumb {
  width: 72px;
  height: 54px;
  object-fit: cover;
  border-radius: 6px;
  background: var(--eeb-surface-2);
}

/* Fotoğraf yükleyici */
.dropzone {
  border: 2px dashed var(--eeb-border);
  border-radius: var(--eeb-radius);
  padding: 2.2rem 1rem;
  text-align: center;
  background: var(--eeb-surface-2);
  cursor: pointer;
  transition: all .15s;
}

.dropzone.drag {
  border-color: var(--eeb-accent);
  background: rgba(var(--eeb-accent-rgb), .08);
}

.dropzone i {
  font-size: 2.6rem;
  color: var(--eeb-accent);
}

.photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: .75rem;
}

.photo-item {
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  aspect-ratio: 4 / 3;
  background: var(--eeb-surface-2);
  border: 2px solid transparent;
  cursor: grab;
}

.photo-item.cover {
  border-color: var(--eeb-accent);
}

.photo-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.photo-item .acts {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  justify-content: space-between;
  padding: .35rem;
  background: linear-gradient(to top, rgba(0, 0, 0, .7), transparent);
}

.photo-item .acts button {
  border: 0;
  background: rgba(255, 255, 255, .9);
  border-radius: 5px;
  font-size: .75rem;
  padding: .2rem .45rem;
}

.photo-item .cover-tag {
  position: absolute;
  top: .4rem;
  left: .4rem;
}

.photo-item .progress {
  position: absolute;
  left: .5rem;
  right: .5rem;
  bottom: .5rem;
  height: 6px;
}

.photo-item.uploading img {
  opacity: .5;
}

.sortable-ghost {
  opacity: .35;
}

/* Teklif mesajları */
.chat {
  display: flex;
  flex-direction: column;
  gap: .7rem;
  max-height: 480px;
  overflow-y: auto;
  padding: .5rem;
}

.chat .msg {
  max-width: 78%;
  padding: .65rem .9rem;
  border-radius: 12px;
  background: var(--eeb-surface-2);
  font-size: .9rem;
}

.chat .msg.me {
  align-self: flex-end;
  background: var(--eeb-navy);
  color: #fff;
}

[data-bs-theme="dark"] .chat .msg.me {
  background: #1a2d5c;
}

.chat .msg .meta {
  font-size: .7rem;
  opacity: .7;
  margin-top: .25rem;
}

.chat .msg .amt {
  font-weight: 800;
  color: var(--eeb-accent-2);
}

/* Adımlar */
.steps {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  margin-bottom: 1.2rem;
}

.steps .st {
  flex: 1;
  min-width: 120px;
  padding: .6rem .8rem;
  border-radius: 8px;
  background: var(--eeb-surface-2);
  font-size: .8rem;
  font-weight: 600;
  color: var(--eeb-muted);
  display: flex;
  gap: .5rem;
  align-items: center;
}

.steps .st b {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--eeb-border);
  color: var(--eeb-heading);
  font-size: .75rem;
}

.steps .st.active {
  background: var(--eeb-navy);
  color: #fff;
}

.steps .st.active b {
  background: var(--eeb-accent);
  color: var(--eeb-on-accent);
}

.steps .st.done b {
  background: var(--eeb-green);
  color: #fff;
}

/* Tıklanabilir adımlar (shared/_listing_steps.php) */
.steps a.st-link {
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: background .15s, border-color .15s, color .15s, transform .15s;
}

.steps a.st-link:hover {
  border-color: rgba(var(--eeb-accent-rgb), .45);
  color: var(--eeb-accent);
  background: rgba(var(--eeb-accent-rgb), .08);
  transform: translateY(-1px);
}

.steps .st-count {
  margin-left: auto;
  font-size: .7rem;
  font-weight: 700;
  padding: .1rem .45rem;
  border-radius: 999px;
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  color: var(--eeb-muted);
}

.steps .st-locked {
  opacity: .6;
  cursor: not-allowed;
}

#yayin {
  scroll-margin-top: 90px;
}

.form-section {
  scroll-margin-top: 90px;
}

.field-group-hidden {
  display: none !important;
}

/* PWA kurulum bandı */
.pwa-banner {
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 84px;
  z-index: 1050;
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: 14px;
  box-shadow: var(--eeb-shadow-lg);
  padding: .8rem 1rem;
  display: none;
  align-items: center;
  gap: .8rem;
  max-width: 520px;
  margin: 0 auto;
}

.pwa-banner.show {
  display: flex;
}

.pwa-banner img {
  width: 44px;
  height: 44px;
  border-radius: 8px;
}

@media (min-width: 992px) {
  .pwa-banner {
    bottom: 20px;
    left: 20px;
    right: auto;
  }
}

/* Toast */
.toast-container {
  z-index: 1090;
}

/* Yardımcılar */
.empty-state {
  text-align: center;
  padding: 3rem 1rem;
  color: var(--eeb-muted);
}

.empty-state>i {
  font-size: 3rem;
  color: var(--eeb-accent);
  display: block;
  margin-bottom: .5rem;
}

.object-cover {
  object-fit: cover;
}

.rounded-eeb {
  border-radius: var(--eeb-radius) !important;
}

.cursor-pointer {
  cursor: pointer;
}

.list-arrow {
  list-style: none;
  padding: 0;
}

.list-arrow li {
  padding: .3rem 0;
}

.list-arrow li::before {
  content: "\F285";
  font-family: bootstrap-icons;
  color: var(--eeb-accent);
  margin-right: .4rem;
  font-size: .75rem;
}

.alert {
  border-radius: 10px;
}

.modal-content {
  background: var(--eeb-surface);
  border-radius: 16px;
  border-color: var(--eeb-border);
}

.leaflet-container {
  font: inherit;
}

.nav-tabs .nav-link {
  color: var(--eeb-muted);
  font-weight: 600;
}

.nav-tabs .nav-link.active {
  color: var(--eeb-heading);
  background: var(--eeb-surface);
  border-color: var(--eeb-border) var(--eeb-border) var(--eeb-surface);
}

.dropdown-menu {
  background: var(--eeb-surface);
  border-color: var(--eeb-border);
}

.list-group-item {
  background: var(--eeb-surface);
  border-color: var(--eeb-border);
  color: var(--eeb-text);
}

.accordion-item {
  background: var(--eeb-surface);
  border-color: var(--eeb-border);
}

@media (max-width: 575.98px) {
  .section {
    padding: 2.8rem 0;
  }

  .hero-inner {
    padding: 2.5rem 0 2.5rem;
  }

  .search-card {
    padding: 1.1rem;
  }

  .brand-emblem {
    width: 38px;
    height: 38px;
  }

  .brand-text .b1 {
    font-size: 1.05rem;
  }

  .brand-text .b2 {
    font-size: .68rem;
  }

  .brand-text .b3 {
    display: none;
  }

  .region-card .img {
    min-height: 130px;
  }
}

@media print {

  .site-header,
  .site-footer,
  .mobile-nav,
  .fab-stack,
  .topbar,
  .no-print {
    display: none !important;
  }
}

/* Yüklenen logo: tema bazlı gösterim */
.logo-for-dark {
  display: none;
}

[data-bs-theme="dark"] .logo-for-light {
  display: none;
}

[data-bs-theme="dark"] .logo-for-dark {
  display: inline-block;
}

/* Header sığdırma */
.site-header .header-phone {
  display: none;
}

@media (min-width: 1600px) {
  .site-header .header-phone {
    display: inline-flex;
  }
}

@media (min-width: 1200px) and (max-width: 1499.98px) {
  .site-header .nav-link {
    padding: .6rem .4rem !important;
    font-size: .72rem;
    letter-spacing: .04em;
  }

  .site-header .nav-link.active::after {
    left: .4rem;
    right: .4rem;
  }

  .brand-text .b3 {
    display: none;
  }
}

/* Taşma önleme (Swiper / uzun içerik flex kolonlarda) */
.row>[class*="col"] {
  min-width: 0;
}

.swiper {
  max-width: 100%;
}

body {
  overflow-x: clip;
}

.breadcrumb {
  flex-wrap: nowrap;
  overflow: hidden;
}

.breadcrumb-item {
  white-space: nowrap;
}

.breadcrumb-item.active {
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.detail-title {
  overflow-wrap: anywhere;
}

@media (max-width: 991.98px) {
  .page-detail .wa-float {
    display: none;
  }

  .page-detail {
    padding-bottom: 130px;
  }
}

/* Onay penceresi (EEBApp.confirm) */
.eeb-confirm {
  --c: var(--eeb-accent-rgb);
}

.eeb-confirm[data-type="danger"] {
  --c: 220, 53, 69;
}

.eeb-confirm[data-type="warning"] {
  --c: 217, 119, 6;
}

.eeb-confirm[data-type="success"] {
  --c: 25, 135, 84;
}

.eeb-confirm .modal-content {
  border: 0;
  border-radius: 16px;
  background: var(--eeb-surface);
  box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
}

.eeb-confirm .modal-body {
  padding: 1.75rem 1.5rem 1.4rem;
}

.eeb-confirm-ic {
  width: 64px;
  height: 64px;
  margin: 0 auto 1rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  background: rgba(var(--c), .12);
  color: rgb(var(--c));
  box-shadow: 0 0 0 8px rgba(var(--c), .06);
}

.eeb-confirm-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 1.1rem;
  color: var(--eeb-text);
  margin-bottom: .35rem;
}

.eeb-confirm-msg {
  color: var(--eeb-muted);
  font-size: .92rem;
  margin-bottom: 1.3rem;
}

.eeb-confirm .modal-dialog {
  width: calc(100% - 2rem);
  margin-left: auto;
  margin-right: auto;
}

.eeb-confirm-actions {
  display: flex;
  gap: .6rem;
}

.eeb-confirm-actions .btn {
  flex: 1 1 0;
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  padding: .62rem 1rem;
  border-radius: 9px;
  font-weight: 600;
  white-space: nowrap;
}

.eeb-confirm-actions [data-act="cancel"] {
  flex: 0 1 auto;
}

@media (max-width: 400px) {
  .eeb-confirm-actions {
    flex-direction: column-reverse;
  }

  .eeb-confirm-actions [data-act="cancel"] {
    flex: 1 1 auto;
  }
}

.eeb-confirm [data-act="cancel"] {
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  color: var(--eeb-text);
}

.eeb-confirm [data-act="cancel"]:hover {
  background: var(--eeb-border);
}

/* Oturum bildirimleri: sağ üst, başlık çubuğunun altında */
.flash-toasts {
  z-index: 1090;
  top: 64px !important;
  max-width: 100%;
}

body:not(.panel):not(:has(.site-header)) .flash-toasts {
  top: 0 !important;
}

/* başlıksız sayfalar (panel girişi) */
.flash-toasts .toast {
  width: 380px;
  max-width: calc(100vw - 2rem);
  box-shadow: 0 12px 32px rgba(5, 11, 28, .22);
  border-radius: 10px;
}

.flash-toasts .toast-body {
  font-size: .9rem;
  font-weight: 500;
}

.flash-toasts .toast-body>i {
  font-size: 1.05rem;
  line-height: 1.35;
}

.flash-toasts .toast-body a {
  color: inherit;
  text-decoration: underline;
}

/* Toast: sağ alt (mobilde alt menünün üstünde) */
#toastWrap {
  z-index: 1090;
}

@media (max-width: 991.98px) {
  body:not(.panel) #toastWrap {
    bottom: 64px !important;
  }
}

/* Sekmeler (nav-pills): kart içinde belirgin hap butonlar */
.nav-pills {
  gap: .5rem;
  padding: .6rem;
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  border-radius: 14px;
  box-shadow: 0 1px 3px rgba(16, 26, 51, .05);
  scrollbar-width: thin;
}

.nav-pills .nav-link {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  white-space: nowrap;
  padding: .5rem 1rem;
  border-radius: 999px;
  font-weight: 600;
  color: var(--eeb-text);
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  transition: background .15s, color .15s, border-color .15s, box-shadow .15s;
}

.nav-pills .nav-link:hover {
  border-color: rgba(var(--eeb-accent-rgb), .45);
  color: var(--eeb-accent);
}

.nav-pills .nav-link.active,
[data-bs-theme="dark"] .nav-pills .nav-link.active {
  background: var(--eeb-accent);
  border-color: var(--eeb-accent);
  color: #fff;
  box-shadow: 0 4px 12px -4px rgba(var(--eeb-accent-rgb), .6);
}

.nav-pills .nav-link .badge {
  font-size: .7rem;
  font-weight: 700;
  padding: .25em .55em;
  border-radius: 999px;
}

.nav-pills .nav-link .badge.text-bg-light {
  background: var(--eeb-surface) !important;
  color: var(--eeb-muted) !important;
  border: 1px solid var(--eeb-border);
}

.nav-pills .nav-link.active .badge.text-bg-light {
  background: rgba(255, 255, 255, .22) !important;
  color: #fff !important;
  border-color: transparent;
}

/* 404 sayfası */
.nf-hero {
  position: relative;
  overflow: hidden;
  padding: 3.5rem 0 3rem;
  text-align: center;
  color: #fff;
  background: var(--eeb-navy);
}

.nf-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .07;
  background-image: linear-gradient(rgba(255, 255, 255, .6) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .6) 1px, transparent 1px);
  background-size: 42px 42px;
  -webkit-mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 70%);
  mask-image: radial-gradient(circle at 50% 30%, #000 0%, transparent 70%);
}

.nf-hero .container {
  position: relative;
  z-index: 1;
  max-width: 760px;
}

.nf-code {
  display: inline-flex;
  align-items: center;
  gap: .15em;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(5rem, 16vw, 9rem);
  line-height: 1;
  background: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.nf-house {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .95em;
  height: .95em;
  border-radius: 50%;
  background: var(--eeb-accent-grad);
  box-shadow: 0 18px 40px -12px rgba(var(--eeb-accent-rgb), .8), inset 0 0 0 6px rgba(255, 255, 255, .12);
  animation: nfFloat 3.2s ease-in-out infinite;
}

.nf-house>i:first-child {
  font-size: .45em;
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.nf-glass {
  position: absolute;
  right: -.02em;
  bottom: .02em;
  font-size: .3em;
  color: var(--eeb-navy);
  -webkit-text-fill-color: var(--eeb-navy);
  background: #fff;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 14px rgba(0, 0, 0, .25);
}

@keyframes nfFloat {

  0%,
  100% {
    transform: translateY(0) rotate(-3deg);
  }

  50% {
    transform: translateY(-10px) rotate(3deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .nf-house {
    animation: none;
  }
}

.nf-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(1.35rem, 3.5vw, 2rem);
  color: #fff;
  margin: 1.5rem 0 .6rem;
}

.nf-text {
  color: #c7cfe0;
  max-width: 560px;
  margin: 0 auto 1.75rem;
}

.nf-search {
  max-width: 620px;
  margin: 0 auto;
  padding: .6rem;
  border-radius: 16px;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .12);
  backdrop-filter: blur(6px);
}

.nf-tabs {
  max-width: 260px;
  margin: 0 auto .6rem;
}

.nf-search-row {
  position: relative;
  display: flex;
  gap: .5rem;
}

.nf-search-row>i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: var(--eeb-muted);
  pointer-events: none;
  z-index: 1;
}

.nf-search-row .form-control {
  height: 52px;
  border-radius: 11px;
  padding-left: 2.6rem;
  border: 0;
  font-size: 1rem;
}

.nf-search-row .btn {
  height: 52px;
  border-radius: 11px;
  padding: 0 1.4rem;
  white-space: nowrap;
}

.nf-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .5rem;
  margin-top: 1.5rem;
}

.nf-links a {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .5rem .95rem;
  border-radius: 999px;
  font-size: .85rem;
  font-weight: 600;
  color: #fff;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .14);
  transition: background .15s, border-color .15s, transform .15s;
}

.nf-links a:hover {
  background: rgba(var(--eeb-accent-rgb), .45);
  border-color: rgba(255, 255, 255, .3);
  color: #fff;
  transform: translateY(-2px);
}

.nf-regions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: .35rem .9rem;
  margin-top: 1.25rem;
  font-size: .82rem;
  color: #aeb8cf;
}

.nf-regions a {
  color: #fff;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .35);
  text-underline-offset: 3px;
}

.nf-regions a:hover {
  color: var(--eeb-accent-2);
}

@media (max-width: 575.98px) {
  .nf-hero {
    padding: 2.5rem 0 2.25rem;
  }

  .nf-search-row .btn {
    padding: 0 1rem;
  }
}

/* Doğrulama kodu */
.captcha-row {
  display: flex;
  align-items: center;
  gap: .5rem;
  flex-wrap: wrap;
}

.captcha-img {
  height: 46px;
  width: auto;
  border-radius: 8px;
  border: 1px solid var(--eeb-border);
  background: #f4f7fc;
  user-select: none;
}

.captcha-input {
  flex: 1 1 140px;
  max-width: 220px;
  text-transform: uppercase;
  letter-spacing: .25em;
  font-weight: 700;
}

.captcha-input::placeholder {
  text-transform: none;
  letter-spacing: normal;
  font-weight: 400;
}

/* Döviz / altın şeridi */
.fx-strip {
  display: flex;
  align-items: center;
  gap: .4rem;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  min-width: 0;
}

.fx-strip::-webkit-scrollbar {
  display: none;
}

.fx-item {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  white-space: nowrap;
  font-size: .78rem;
  padding: .22rem .6rem;
  border-radius: 18px;
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  color: var(--eeb-muted);
}

.fx-item i {
  color: var(--eeb-accent);
}

.fx-item .fx-code {
  font-weight: 600;
}

.fx-item b {
  color: var(--eeb-text);
  font-weight: 700;
}

.fx-dark .fx-item {
  background: rgba(255, 255, 255, .06);
  border-color: rgba(255, 255, 255, .1);
  color: #aeb8cf;
  padding: .1rem .55rem;
}

.fx-dark .fx-item i {
  color: var(--eeb-accent-2);
}

.fx-dark .fx-item b {
  color: #fff;
}

.fx-menu {
  flex-wrap: wrap;
  padding-top: 1rem;
  border-top: 1px solid var(--eeb-border);
}

/* Ofis sayfası: istatistik ve ekip */
.ag-stats {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: .5rem;
  margin-top: 1rem;
}

.ag-stats>div {
  padding: .6rem .7rem;
  border-radius: 10px;
  background: var(--eeb-surface-2);
  text-align: center;
}

.ag-stats b {
  display: block;
  font-size: 1.15rem;
  color: var(--eeb-heading);
}

.ag-stats span {
  font-size: .72rem;
  color: var(--eeb-muted);
  font-weight: 600;
}

@media (max-width: 575.98px) {
  .ag-stats {
    grid-template-columns: repeat(2, 1fr);
  }
}

.ag-team {
  margin-top: 1rem;
  padding-top: .9rem;
  border-top: 1px solid var(--eeb-border);
}

.ag-member {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .3rem .7rem .3rem .3rem;
  border-radius: 999px;
  background: var(--eeb-surface-2);
  font-size: .82rem;
  font-weight: 600;
}

.ag-member small {
  display: block;
  font-size: .68rem;
  font-weight: 500;
  color: var(--eeb-muted);
}

/* Fiyat düşüşü */
.price-old {
  display: block;
  font-size: .72rem;
  font-weight: 600;
  color: var(--eeb-muted);
  text-decoration: line-through;
  line-height: 1;
}

.price-drop {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  padding: .08rem .4rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 800;
  vertical-align: middle;
  color: #fff;
  background: #198754;
}

.price-was {
  font-size: .9rem;
  color: rgba(255, 255, 255, .7);
}

/* EİDS doğrulama rozeti */
.eids-badge {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .3rem .65rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 700;
  color: #fff;
  background: rgba(25, 135, 84, .9);
}

.eids-mini {
  display: inline-flex;
  align-items: center;
  gap: .2rem;
  margin-left: .4rem;
  padding: .05rem .4rem;
  border-radius: 999px;
  font-size: .68rem;
  font-weight: 700;
  color: #198754;
  background: rgba(25, 135, 84, .1);
  vertical-align: middle;
}

[data-bs-theme="dark"] .eids-mini {
  color: #6fd6a0;
  background: rgba(111, 214, 160, .12);
}

/* Kredi hesaplayıcı */
.loan-out {
  display: grid;
  gap: .35rem;
}

.loan-out>div {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: .45rem .65rem;
  border-radius: 8px;
  background: var(--eeb-surface-2);
  font-size: .85rem;
}

.loan-out>div:first-child {
  background: rgba(var(--eeb-accent-rgb), .1);
}

.loan-out>div:first-child b {
  font-size: 1.15rem;
  color: var(--eeb-accent);
}

.loan-out span {
  color: var(--eeb-muted);
}

/* Kayıtlı aramalar */
.ss-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ss-list li {
  display: flex;
  align-items: center;
  gap: .8rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid var(--eeb-border);
  flex-wrap: wrap;
}

.ss-list li:last-child {
  border-bottom: 0;
}

.ss-ic {
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(var(--eeb-accent-rgb), .1);
  color: var(--eeb-accent);
  font-size: 1.1rem;
}

.ss-switch {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin: 0;
  cursor: pointer;
}

/* Çerez onay bandı */
.cookie-bar {
  position: fixed;
  left: 1rem;
  right: 1rem;
  bottom: 1rem;
  z-index: 1070;
  display: flex;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .25s ease, transform .25s ease;
}

.cookie-bar.show {
  opacity: 1;
  transform: none;
}

.cookie-in {
  pointer-events: auto;
  width: 100%;
  max-width: 880px;
  padding: 1rem 1.1rem;
  border-radius: 14px;
  background: var(--eeb-surface);
  color: var(--eeb-text);
  border: 1px solid var(--eeb-border);
  box-shadow: 0 18px 50px rgba(8, 23, 40, .28);
}

.cookie-main {
  display: flex;
  gap: .8rem;
}

.cookie-ic {
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.3rem;
  color: #fff;
  background: var(--eeb-accent-grad);
}

.cookie-main b {
  font-size: .95rem;
  color: var(--eeb-heading);
}

.cookie-main p {
  margin: .2rem 0 0;
  font-size: .83rem;
  color: var(--eeb-muted);
}

.cookie-prefs {
  display: grid;
  gap: .45rem;
  margin: .9rem 0 0;
}

.cookie-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem .75rem;
  border-radius: 8px;
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  cursor: pointer;
}

.cookie-opt b {
  display: block;
  font-size: .85rem;
}

.cookie-opt small {
  color: var(--eeb-muted);
  font-size: .76rem;
}

.cookie-opt .form-check-input {
  width: 2.4em;
  height: 1.3em;
  flex: 0 0 auto;
  border-radius: 2em;
  margin: 0;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .45rem;
  margin-top: .9rem;
}

@media (max-width: 991.98px) {
  .cookie-bar {
    left: .5rem;
    right: .5rem;
    bottom: calc(74px + env(safe-area-inset-bottom));
  }

  .cookie-actions .btn {
    flex: 1 1 auto;
  }
}

/* "Kullanıcı olarak gör" bandı */
.imp-bar {
  position: sticky;
  top: 0;
  z-index: 1045;
  padding: .45rem 0;
  background: repeating-linear-gradient(135deg, #7c3aed, #7c3aed 14px, #6d28d9 14px, #6d28d9 28px);
  color: #fff;
  font-size: .85rem;
}

/* ------------------------------------------------------------------
   Akıllı Fiyat Önerisi (ilan formu)
   ------------------------------------------------------------------ */
.ps-card {
  position: relative;
  border-radius: 12px;
  padding: 1rem 1.1rem;
  background:
    linear-gradient(var(--eeb-surface), var(--eeb-surface)) padding-box,
    linear-gradient(rgba(var(--eeb-accent-rgb), .45), rgba(var(--eeb-accent-rgb), .45)) border-box;
  border: 1.5px solid transparent;
  transition: opacity .2s;
}

.ps-card.loading {
  opacity: .6;
}

.ps-card.loading .ps-ic i {
  animation: psSpin 1s linear infinite;
}

@keyframes psSpin {
  to {
    transform: rotate(360deg);
  }
}

.ps-head {
  display: flex;
  align-items: center;
  gap: .7rem;
  margin-bottom: .6rem;
}

.ps-head b {
  display: block;
  font-size: .95rem;
  color: var(--eeb-heading);
}

.ps-head small {
  color: var(--eeb-muted);
  font-size: .76rem;
}

.ps-ic {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  border-radius: 9px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 1.1rem;
  background: var(--eeb-accent);
}

.ps-conf {
  margin-left: auto;
  padding: .25rem .6rem;
  border-radius: 999px;
  font-size: .72rem;
  font-weight: 700;
  white-space: nowrap;
}

.ps-conf.high {
  background: rgba(25, 135, 84, .12);
  color: #198754;
}

.ps-conf.medium {
  background: rgba(217, 119, 6, .12);
  color: #b45309;
}

.ps-conf.low {
  background: rgba(100, 116, 139, .15);
  color: #64748b;
}

[data-bs-theme="dark"] .ps-conf.high {
  color: #3ecf8e;
}

[data-bs-theme="dark"] .ps-conf.medium {
  color: #fbbf24;
}

[data-bs-theme="dark"] .ps-conf.low {
  color: #aeb8cf;
}

.ps-hint {
  font-size: .84rem;
  color: var(--eeb-muted);
}

.ps-main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .75rem;
}

.ps-lbl {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .05em;
  color: var(--eeb-muted);
}

.ps-range {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.35rem;
  color: var(--eeb-heading);
  line-height: 1.25;
}

.ps-range small,
.ps-mid small {
  font-size: .7em;
  font-weight: 600;
  color: var(--eeb-muted);
}

.ps-mid {
  font-size: .85rem;
  color: var(--eeb-text);
}

.ps-use {
  white-space: nowrap;
}

.ps-warn {
  margin-top: .7rem;
  padding: .5rem .7rem;
  border-radius: 8px;
  font-size: .82rem;
  background: rgba(217, 119, 6, .1);
  color: #92400e;
}

[data-bs-theme="dark"] .ps-warn {
  color: #fbbf24;
}

.ps-basis {
  margin: .7rem 0 .4rem;
  font-size: .8rem;
  color: var(--eeb-muted);
}

.ps-notes {
  display: flex;
  flex-wrap: wrap;
  gap: .3rem;
  margin-bottom: .4rem;
}

.ps-notes span {
  font-size: .72rem;
  font-weight: 600;
  padding: .15rem .5rem;
  border-radius: 999px;
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  color: var(--eeb-text);
}

.ps-comps {
  font-size: .8rem;
  margin-top: .3rem;
}

.ps-comps summary {
  cursor: pointer;
  font-weight: 600;
  color: var(--eeb-accent);
  width: max-content;
}

.ps-comps ul {
  list-style: none;
  padding: 0;
  margin: .5rem 0 0;
  display: grid;
  gap: .45rem;
}

.ps-comps li {
  padding: .45rem .6rem;
  border-radius: 7px;
  background: var(--eeb-surface-2);
}

.ps-comps li small {
  display: block;
  color: var(--eeb-muted);
}

.ps-comps em {
  font-style: normal;
  font-size: .7rem;
  font-weight: 700;
  color: #198754;
}

.ps-why-wrap {
  margin: .2rem 0 .5rem;
}

.ps-why {
  padding: .7rem .85rem;
  border-radius: 9px;
  background: rgba(var(--eeb-accent-rgb), .06);
  border: 1px solid rgba(var(--eeb-accent-rgb), .2);
}

.ps-why p {
  margin: 0 0 .4rem;
  font-size: .88rem;
  line-height: 1.55;
  color: var(--eeb-text);
}

.ps-src {
  font-size: .7rem;
  font-weight: 600;
  color: var(--eeb-muted);
}

.ps-src.ai {
  color: #7c3aed;
}

[data-bs-theme="dark"] .ps-src.ai {
  color: #a78bfa;
}

.ps-legal {
  margin: .6rem 0 0;
  font-size: .72rem;
  color: var(--eeb-muted);
}

/* ------------------------------------------------------------------
   Yönetim paneli giriş / şifre sayfaları (layouts/panel_auth.php)
   ------------------------------------------------------------------ */
.pa-body {
  background: var(--eeb-bg);
}

.pa-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100vh;
}

@media (min-width: 992px) {
  .pa-wrap {
    grid-template-columns: minmax(460px, 44%) 1fr;
  }
}

.pa-main {
  display: flex;
  flex-direction: column;
  padding: 1.5rem clamp(1.25rem, 5vw, 3.5rem);
  background: var(--eeb-surface);
}

.pa-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pa-top .brand-img {
  height: 52px;
}

.pa-form {
  width: 100%;
  max-width: 400px;
  margin: auto;
  padding: 2.5rem 0;
}

.pa-head {
  margin-bottom: 1.6rem;
}

.pa-ic {
  width: 52px;
  height: 52px;
  border-radius: 13px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.45rem;
  color: #fff;
  background: var(--eeb-accent-grad);
  box-shadow: 0 10px 24px -10px rgba(var(--eeb-accent-rgb), .9);
  margin-bottom: 1rem;
}

.pa-head h1 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.6rem;
  color: var(--eeb-heading);
  margin: 0 0 .35rem;
}

.pa-head p {
  color: var(--eeb-muted);
  margin: 0;
}

.pa-fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.pa-field label {
  font-size: .85rem;
  font-weight: 600;
  color: var(--eeb-text);
  margin-bottom: .4rem;
}

.pa-link {
  font-size: .82rem;
  font-weight: 600;
  margin-bottom: .4rem;
}

.pa-input {
  position: relative;
  display: flex;
  align-items: center;
}

.pa-input>i {
  position: absolute;
  left: 1rem;
  color: var(--eeb-muted);
  font-size: 1.05rem;
  pointer-events: none;
  transition: color .15s;
}

.pa-input input {
  width: 100%;
  height: 52px;
  padding: 0 3rem 0 2.85rem;
  border-radius: 11px;
  border: 1px solid var(--eeb-border);
  background: var(--eeb-input-bg, var(--eeb-surface-2));
  color: var(--eeb-text);
  font-size: .98rem;
  outline: none;
  transition: border-color .15s, box-shadow .15s, background .15s;
}

.pa-input input:focus {
  border-color: var(--eeb-accent);
  background: var(--eeb-surface);
  box-shadow: 0 0 0 4px rgba(var(--eeb-accent-rgb), .15);
}

.pa-input:focus-within>i {
  color: var(--eeb-accent);
}

.pa-eye {
  position: absolute;
  right: .45rem;
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 8px;
  background: none;
  color: var(--eeb-muted);
  font-size: 1.1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.pa-eye:hover,
.pa-eye:focus-visible {
  color: var(--eeb-accent);
  background: rgba(var(--eeb-accent-rgb), .08);
}

.pa-caps {
  margin-top: .4rem;
  font-size: .78rem;
  font-weight: 600;
  color: #b45309;
}

[data-bs-theme="dark"] .pa-caps {
  color: #fbbf24;
}

.pa-remember {
  font-size: .88rem;
}

.pa-input input.pa-otp {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: .6em;
  text-align: center;
  font-variant-numeric: tabular-nums;
}

.pa-submit {
  height: 52px;
  border-radius: 11px;
  font-weight: 700;
  font-size: 1rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.pa-note {
  margin: 1.4rem 0 0;
  font-size: .78rem;
  color: var(--eeb-muted);
}

.pa-back {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  margin-top: 1.4rem;
  font-size: .88rem;
  font-weight: 600;
}

.pa-strength {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
  margin-top: .5rem;
}

.pa-strength i {
  height: 4px;
  border-radius: 3px;
  background: var(--eeb-border);
  transition: background .2s;
}

.pa-strength i.on.s1 {
  background: #dc3545;
}

.pa-strength i.on.s2 {
  background: #f59e0b;
}

.pa-strength i.on.s3 {
  background: #22b07d;
}

.pa-strength i.on.s4 {
  background: #198754;
}

.pa-foot {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .5rem;
  font-size: .8rem;
  color: var(--eeb-muted);
}

.pa-foot a {
  color: var(--eeb-muted);
  font-weight: 600;
}

.pa-foot a:hover {
  color: var(--eeb-accent);
}

/* Sağ görsel */
.pa-side {
  position: relative;
  align-items: flex-end;
  padding: 3.5rem;
  color: #fff;
  overflow: hidden;
  background:
    linear-gradient(180deg, rgba(var(--eeb-navy-rgb), .25) 0%, rgba(var(--eeb-navy-rgb), .92) 78%),
    var(--pa-bg, none) center / cover no-repeat,
    var(--eeb-navy);
}

.pa-side::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .06;
  background-image: linear-gradient(rgba(255, 255, 255, .7) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .7) 1px, transparent 1px);
  background-size: 44px 44px;
}

.pa-side-in {
  position: relative;
  z-index: 1;
  max-width: 520px;
}

.pa-chip {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  padding: .35rem .8rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  backdrop-filter: blur(6px);
}

.pa-side h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: clamp(1.8rem, 2.6vw, 2.6rem);
  line-height: 1.15;
  margin: 1.1rem 0 .8rem;
  color: #fff;
}

.pa-side h2 span {
  background: var(--eeb-accent-grad-light, linear-gradient(#4d9fe0, #4d9fe0));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.pa-side p {
  color: #d3dbea;
  font-size: 1.02rem;
  margin-bottom: 1.2rem;
}

.pa-side ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .55rem;
}

.pa-side li {
  display: flex;
  align-items: center;
  gap: .55rem;
  color: #e6ebf5;
  font-size: .92rem;
}

.pa-side li i {
  color: var(--eeb-accent-2);
  font-size: 1.05rem;
}

/* ------------------------------------------------------------------
   Haritada emlak ara (/harita)
   ------------------------------------------------------------------ */
.mapx {
  display: grid;
  grid-template-columns: 380px 1fr;
  height: calc(100vh - 150px);
  min-height: 560px;
  border-top: 1px solid var(--eeb-border);
}

.mapx-side {
  display: flex;
  flex-direction: column;
  min-height: 0;
  background: var(--eeb-surface);
  border-right: 1px solid var(--eeb-border);
}

.mapx-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
  padding: .9rem 1rem .5rem;
}

.mapx-title {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.05rem;
  margin: 0;
  color: var(--eeb-heading);
}

.mapx-title i {
  color: var(--eeb-accent);
}

.mapx-filters {
  padding: 0 1rem .8rem;
  border-bottom: 1px solid var(--eeb-border);
}

.mapx-count {
  padding: .6rem 1rem;
  font-size: .82rem;
  border-bottom: 1px solid var(--eeb-border);
  background: var(--eeb-surface-2);
}

.mapx-list {
  flex: 1;
  overflow-y: auto;
  padding: .6rem;
  scrollbar-width: thin;
}

.mp-card {
  display: flex;
  gap: .7rem;
  padding: .55rem;
  border-radius: 10px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .15s, border-color .15s;
}

.mp-card+.mp-card {
  margin-top: .25rem;
}

.mp-card:hover,
.mp-card:focus-visible,
.mp-card.active {
  background: var(--eeb-surface-2);
  border-color: rgba(var(--eeb-accent-rgb), .35);
  outline: none;
}

.mp-card img {
  width: 96px;
  height: 76px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: 7px;
}

.mp-card-b {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
}

.mp-card-t {
  align-self: flex-start;
  font-size: .62rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: .12rem .45rem;
  border-radius: 999px;
  color: #fff;
  background: var(--eeb-accent);
}

.mp-card-t.kiralik {
  background: #198754;
}

.mp-card-h {
  font-weight: 700;
  font-size: .85rem;
  line-height: 1.3;
  color: var(--eeb-text);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-card-l {
  font-size: .74rem;
  color: var(--eeb-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mp-card-p {
  font-size: .9rem;
  color: var(--eeb-heading);
}

.mapx-map {
  position: relative;
  min-height: 0;
}

#mapCanvas {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.mapx-loading,
.mapx-note {
  position: absolute;
  z-index: 500;
  left: 50%;
  transform: translateX(-50%);
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  padding: .4rem .85rem;
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  background: var(--eeb-surface);
  color: var(--eeb-text);
  box-shadow: 0 6px 18px rgba(16, 26, 51, .18);
  pointer-events: none;
}

.mapx-loading {
  top: 12px;
  opacity: 0;
  transition: opacity .15s;
}

.mapx-loading.show {
  opacity: 1;
}

.mapx-note {
  bottom: 12px;
  font-weight: 500;
  color: var(--eeb-muted);
}

/* Fiyat işaretçileri */
.mp-wrap {
  background: none;
  border: 0;
}

.mp-pin {
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(-50%, calc(-100% - 7px));
  display: inline-block;
  white-space: nowrap;
  padding: .28rem .55rem;
  border-radius: 999px;
  font-family: "Inter", sans-serif;
  font-size: .74rem;
  font-weight: 800;
  line-height: 1;
  color: #fff;
  background: var(--eeb-accent);
  border: 2px solid #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, .3);
  transition: transform .15s, background .15s;
}

.mp-pin::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #fff;
  border-bottom: 0;
}

.mp-pin.kiralik {
  background: #198754;
}

.mp-pin.vip {
  background: var(--eeb-navy);
  color: #ffd66b;
}

.leaflet-marker-icon.hl .mp-pin,
.mp-wrap:hover .mp-pin {
  transform: translate(-50%, calc(-100% - 7px)) scale(1.15);
  background: #eb6834;
  color: #fff;
}

/* Küme daireleri (yakın ilanlar) */
.mp-cluster {
  background: none;
  border: 0;
}

.mp-cluster span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-family: "Inter", sans-serif;
  font-size: .82rem;
  font-weight: 800;
  color: #fff;
  background: var(--eeb-navy);
  border: 3px solid #fff;
  box-shadow: 0 0 0 5px color-mix(in srgb, var(--eeb-navy) 25%, transparent), 0 4px 12px rgba(0, 0, 0, .3);
  transition: transform .15s, background .15s;
}

.mp-cluster.md span {
  background: var(--eeb-accent);
  box-shadow: 0 0 0 6px color-mix(in srgb, var(--eeb-accent) 28%, transparent), 0 4px 12px rgba(0, 0, 0, .3);
}

.mp-cluster.lg span {
  background: #eb6834;
  box-shadow: 0 0 0 8px rgba(235, 104, 52, .28), 0 4px 12px rgba(0, 0, 0, .3);
}

.mp-cluster:hover span,
.mp-cluster.hl span {
  transform: scale(1.12);
}

.mp-cluster.hl span {
  background: #eb6834;
}

/* İşaretçi üzerine gelince mini kart (Leaflet tooltip) */
.leaflet-tooltip.mp-tip {
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(8, 23, 40, .28);
  white-space: normal;
  overflow: hidden;
}

.leaflet-tooltip.mp-tip::before {
  border-top-color: #fff;
}

.mp-tip-in {
  display: flex;
  width: 250px;
}

.mp-tip-in img {
  width: 84px;
  height: 84px;
  flex: 0 0 auto;
  object-fit: cover;
  background: #eef1f6;
}

.mp-tip-b {
  display: flex;
  flex-direction: column;
  gap: .15rem;
  min-width: 0;
  padding: .5rem .65rem;
}

.mp-tip-p {
  font-size: .9rem;
  font-weight: 800;
  color: #081728;
}

.mp-tip-t {
  font-size: .76rem;
  font-weight: 600;
  line-height: 1.25;
  color: #101a33;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.mp-tip-l {
  font-size: .7rem;
  color: #5d6882;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Harita açılır kartı */
.mp-popup .leaflet-popup-content-wrapper {
  padding: 0;
  border-radius: 12px;
  overflow: hidden;
}

.mp-popup .leaflet-popup-content {
  margin: 0;
  width: 260px !important;
}

.mp-pop {
  display: block;
  color: inherit;
  text-decoration: none;
}

.mp-pop img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  display: block;
}

.mp-pop-b {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: .65rem .8rem .8rem;
}

.mp-pop-t {
  font-size: .68rem;
  font-weight: 700;
  color: var(--eeb-accent);
  text-transform: uppercase;
  letter-spacing: .05em;
}

.mp-pop b {
  font-size: .88rem;
  line-height: 1.3;
  color: #101a33;
}

.mp-pop-p {
  font-size: 1rem;
  font-weight: 800;
  color: #081728;
}

.mp-pop-l {
  font-size: .75rem;
  color: #5d6882;
}

@media (max-width: 991.98px) {
  .mapx {
    grid-template-columns: 1fr;
    height: auto;
  }

  .mapx-map {
    order: -1;
    height: 60vh;
    min-height: 360px;
  }

  .mapx-side {
    border-right: 0;
  }

  .mapx-list {
    max-height: none;
    overflow: visible;
  }
}

/* =====================================================================
   Sohbet asistanı (EEB Asistan)
   ===================================================================== */
.asst-launch {
  position: relative;
  display: flex;
  justify-content: flex-end;
}

.asst-btn {
  position: relative;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 3px solid var(--eeb-surface);
  border-radius: 50%;
  background: var(--eeb-navy);
  box-shadow: 0 12px 28px -10px rgba(var(--eeb-navy-rgb), .6);
  overflow: visible;
  transition: transform .2s;
}

.asst-btn:hover {
  transform: translateY(-2px) scale(1.04);
}

/* Kapalıyken: aralıklı nabız atışı + etrafında su dalgası halkaları */
.asst-btn::before,
.asst-btn::after {
  content: "";
  position: absolute;
  inset: -3px;
  z-index: -1;
  border: 2px solid rgba(var(--eeb-accent-rgb), .55);
  border-radius: 50%;
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .asst-btn[aria-expanded="false"] {
    animation: asstBeat 4.5s ease-in-out infinite;
  }

  .asst-btn[aria-expanded="false"]:hover {
    animation-play-state: paused;
  }

  .asst-btn[aria-expanded="false"]::before,
  .asst-btn[aria-expanded="false"]::after {
    animation: asstWave 4.5s ease-out infinite;
  }

  .asst-btn[aria-expanded="false"]::after {
    animation-delay: .45s;
  }
}

/* Göz kırpma: göz açık görselin üstündeki "göz kapalı" görsel kısa anlarda görünür */
.asst-ava {
  position: relative;
}

.asst-blink {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {

  /* Buton: nabızla aynı 4,5 sn döngü; kırpma nabız/dalga bittikten sonraki sakin anda (~2,7 sn).
     Nabızla aynı koşulda başlar/durur, böylece ikisi hiç üst üste binmez. */
  .asst-btn[aria-expanded="false"] .asst-blink {
    animation: asstBlink 4.5s linear infinite;
  }

  .asst-btn[aria-expanded="false"]:hover .asst-blink {
    animation-play-state: paused;
  }

  /* Pencere başlığındaki avatar (nabız yok): kendi döngüsünde tek kırpma */
  .asst-ava .asst-blink {
    animation: asstBlink 4.5s linear infinite;
  }
}

/* Döngüde tek göz kırpma (~110 ms) */
@keyframes asstBlink {

  0%,
  60%,
  62.5%,
  100% {
    opacity: 0;
  }

  60.1%,
  62.4% {
    opacity: 1;
  }
}

/* Kalp atışı gibi iki kısa vuruş, sonra dinlenme */
@keyframes asstBeat {

  0%,
  22%,
  100% {
    transform: scale(1);
  }

  6% {
    transform: scale(1.1);
  }

  12% {
    transform: scale(.97);
  }

  17% {
    transform: scale(1.06);
  }
}

/* Halka dışa doğru genişleyip söner */
@keyframes asstWave {
  0% {
    opacity: 0;
    transform: scale(1);
  }

  4% {
    opacity: .9;
  }

  40% {
    opacity: 0;
    transform: scale(1.75);
  }

  100% {
    opacity: 0;
    transform: scale(1.75);
  }
}

.asst-btn img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  background: #fff;
}

.asst-online {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 13px;
  height: 13px;
  border: 2px solid var(--eeb-surface);
  border-radius: 50%;
  background: #22c55e;
}

.asst-btn-x {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 1.4rem;
  color: #fff;
  background: var(--eeb-navy);
}

.asst-btn[aria-expanded="true"] .asst-btn-x {
  display: flex;
}

.asst-btn[aria-expanded="true"] .asst-online {
  display: none;
}

/* Karşılama balonu */
.asst-hello {
  position: absolute;
  right: 74px;
  bottom: 8px;
  width: 230px;
  padding: .7rem 1.8rem .7rem .85rem;
  border: 1px solid var(--eeb-border);
  border-radius: 12px 12px 4px 12px;
  background: var(--eeb-surface);
  color: var(--eeb-text);
  font-size: .84rem;
  line-height: 1.4;
  box-shadow: 0 14px 30px -14px rgba(0, 0, 0, .35);
  cursor: pointer;
  animation: asstIn .3s ease-out;
}

.asst-hello[hidden] {
  display: none;
}

.asst-hello-x {
  position: absolute;
  top: 4px;
  right: 6px;
  border: 0;
  background: none;
  font-size: 1.1rem;
  line-height: 1;
  color: var(--eeb-muted);
}

@keyframes asstIn {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.97);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

/* Pencere */
.asst {
  position: fixed;
  right: 18px;
  bottom: 96px;
  z-index: 1045;
  width: 380px;
  height: min(600px, calc(100vh - 120px));
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid var(--eeb-border);
  border-radius: 16px;
  background: var(--eeb-surface);
  box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .45);
  animation: asstIn .22s ease-out;
}

.asst[hidden] {
  display: none;
}

.asst-head {
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .75rem .8rem;
  color: #fff;
  background: var(--eeb-navy);
}

.asst-head small {
  display: block;
  font-size: .72rem;
  opacity: .8;
}

.asst-ava {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, .25);
  border-radius: 50%;
  background: #fff;
}

.asst-ava img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.asst-tag {
  flex: 0 0 auto;
  padding: .1rem .45rem;
  border-radius: 999px;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--eeb-navy);
  background: var(--eeb-accent-2);
}

.asst-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 2px;
  border-radius: 50%;
  background: #22c55e;
}

.asst-hbtn {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 9px;
  color: #fff;
  background: rgba(255, 255, 255, .08);
}

.asst-hbtn:hover {
  background: rgba(255, 255, 255, .18);
}

/* Yalnızca mesaj alanı kayar; başlık, öneri düğmeleri, yazı alanı ve alt satır sıkışmaz */
.asst-head,
.asst-chips,
.asst-form,
.asst-foot {
  flex-shrink: 0;
}

.asst-msgs {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: .9rem .8rem;
  background: var(--eeb-bg);
  overscroll-behavior: contain;
}

.asst-m {
  display: flex;
  gap: .5rem;
  margin-bottom: .75rem;
  animation: asstIn .2s ease-out;
}

.asst-m.me {
  justify-content: flex-end;
}

.asst-m .ava {
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #fff center / cover no-repeat;
  border: 1px solid var(--eeb-border);
}

.asst-bubble {
  max-width: 86%;
  padding: .6rem .8rem;
  border-radius: 4px 14px 14px 14px;
  font-size: .87rem;
  line-height: 1.5;
  color: var(--eeb-text);
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  word-wrap: break-word;
}

.asst-m.me .asst-bubble {
  border-radius: 14px 4px 14px 14px;
  color: var(--eeb-on-accent);
  background: var(--eeb-accent);
  border-color: var(--eeb-accent);
}

.asst-bubble b {
  color: var(--eeb-heading);
}

.asst-m.me .asst-bubble b {
  color: inherit;
}

/* İlan kartları (yanıt içinde) */
.asst-items {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  margin-top: .6rem;
}

.asst-item {
  display: flex;
  gap: .6rem;
  padding: .4rem;
  border: 1px solid var(--eeb-border);
  border-radius: 10px;
  color: var(--eeb-text);
  background: var(--eeb-bg);
  transition: border-color .15s;
}

.asst-item:hover {
  border-color: rgba(var(--eeb-accent-rgb), .5);
  color: var(--eeb-text);
}

.asst-item img {
  flex: 0 0 72px;
  width: 72px;
  height: 56px;
  border-radius: 7px;
  object-fit: cover;
}

.asst-item .t {
  display: block;
  overflow: hidden;
  font-size: .8rem;
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.asst-item .p {
  display: block;
  font-size: .82rem;
  font-weight: 800;
  color: var(--eeb-accent);
}

.asst-item .s {
  display: block;
  overflow: hidden;
  font-size: .7rem;
  color: var(--eeb-muted);
  white-space: nowrap;
  text-overflow: ellipsis;
}

.asst-all {
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  margin-top: .55rem;
  padding: .4rem .75rem;
  border-radius: 8px;
  font-size: .8rem;
  font-weight: 700;
  color: var(--eeb-on-accent);
  background: var(--eeb-accent);
}

.asst-all:hover {
  color: var(--eeb-on-accent);
  background: var(--eeb-accent-dark);
}

.asst-typing span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 2px;
  border-radius: 50%;
  background: var(--eeb-muted);
  animation: asstDot 1s infinite ease-in-out;
}

.asst-typing span:nth-child(2) {
  animation-delay: .15s;
}

.asst-typing span:nth-child(3) {
  animation-delay: .3s;
}

@keyframes asstDot {

  0%,
  80%,
  100% {
    opacity: .3;
    transform: translateY(0);
  }

  40% {
    opacity: 1;
    transform: translateY(-3px);
  }
}

.asst-chips {
  display: flex;
  gap: .4rem;
  overflow-x: auto;
  padding: .55rem .7rem;
  border-top: 1px solid var(--eeb-border);
  background: var(--eeb-surface);
  scrollbar-width: none;
}

.asst-chips:empty {
  display: none;
}

.asst-chips::-webkit-scrollbar {
  display: none;
}

.asst-chip {
  flex: 0 0 auto;
  padding: .35rem .75rem;
  border: 1px solid var(--eeb-border);
  border-radius: 999px;
  font-size: .78rem;
  font-weight: 600;
  white-space: nowrap;
  color: var(--eeb-heading);
  background: var(--eeb-surface);
}

.asst-chip:hover {
  border-color: var(--eeb-accent);
  color: var(--eeb-accent);
}

.asst-chip.wa {
  border-color: #25d366;
  color: #fff;
  background: #25d366;
}

.asst-form {
  display: flex;
  gap: .45rem;
  padding: .55rem .7rem;
  background: var(--eeb-surface);
}

.asst-form input {
  flex: 1 1 auto;
  min-width: 0;
  padding: .6rem .8rem;
  border: 1px solid var(--eeb-border);
  border-radius: 10px;
  font-size: .9rem;
  color: var(--eeb-text);
  background: var(--eeb-input-bg, var(--eeb-bg));
}

.asst-form input:focus {
  outline: 0;
  border-color: var(--eeb-accent);
  box-shadow: 0 0 0 3px rgba(var(--eeb-accent-rgb), .15);
}

.asst-form button {
  flex: 0 0 42px;
  width: 42px;
  border: 0;
  border-radius: 10px;
  color: var(--eeb-on-accent);
  background: var(--eeb-accent);
}

.asst-foot {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  padding: .35rem .8rem .55rem;
  font-size: .7rem;
  color: var(--eeb-muted);
  background: var(--eeb-surface);
}

.asst-foot a {
  font-weight: 600;
  color: #1da851;
}

@media (max-width: 991.98px) {
  .asst-btn {
    width: 54px;
    height: 54px;
  }

  .asst-hello {
    right: 62px;
    bottom: 4px;
    width: 210px;
  }

  /* Mobil: alt menünün üstünde, neredeyse tam ekran */
  .asst {
    left: 8px;
    right: 8px;
    bottom: calc(76px + env(safe-area-inset-bottom));
    width: auto;
    height: calc(100dvh - 150px);
    border-radius: 14px;
  }
}

@media print {

  .asst,
  .asst-launch {
    display: none !important;
  }
}

/* ==========================================================================
   Emlak Borsası: canlı teklif tablosu (ticaret borsası ekranı görünümü, her temada koyu)
   ========================================================================== */
.bx {
  --bx-bg: #05070d;
  --bx-row: #0c111c;
  --bx-row-2: #101726;
  --bx-line: #1e2636;
  --bx-name-bg: #0f1d3d;
  --bx-text: #e8ecf4;
  --bx-muted: #9aa5bb;
  --bx-yellow: #ffd23f;
  --bx-green: #34d27b;
  --bx-red: #ff5a5a;
  --bx-orange: #ff8a00;
  background: var(--bx-bg);
  color: var(--bx-text);
  border: 1px solid #1a2233;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: var(--eeb-shadow-lg);
  font-variant-numeric: tabular-nums;
}

.bx-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .7rem 1rem;
  background: linear-gradient(180deg, #141b2b, #0a0f1a);
}

.bx-brand {
  display: flex;
  align-items: center;
  gap: .6rem;
  min-width: 0;
}

.bx-brand img {
  flex: 0 0 auto;
  background: #fff;
  border-radius: 8px;
  padding: 3px;
}

.bx-brand strong {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1rem;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.bx-brand span {
  display: block;
  font-size: .7rem;
  color: var(--bx-muted);
  text-transform: uppercase;
  letter-spacing: .08em;
}

.bx-live {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .1em;
  color: var(--bx-red);
  white-space: nowrap;
}

.bx-live i,
.live-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff3b3b;
  animation: bx-pulse 1.6s infinite;
}

@keyframes bx-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 59, 59, .55);
  }

  70% {
    box-shadow: 0 0 0 7px rgba(255, 59, 59, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 59, 59, 0);
  }
}

.bx-tabs {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .45rem;
  padding: .75rem .6rem .55rem;
  background: #0a0f1a;
  border-top: 1px solid var(--bx-line);
}

.bx-tab {
  position: relative;
  border: 0;
  border-radius: 999px;
  padding: .55rem .35rem;
  background: #fff;
  color: #111;
  font-weight: 700;
  font-size: .8rem;
  line-height: 1.15;
  cursor: pointer;
  transition: background .15s, color .15s;
}

.bx-tab[aria-selected="true"] {
  background: var(--bx-orange);
  color: #fff;
}

.bx-tab:focus-visible {
  outline: 2px solid var(--bx-yellow);
  outline-offset: 2px;
}

.bx-badge {
  position: absolute;
  top: -8px;
  right: 8px;
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: .7rem;
  font-weight: 800;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .5);
}

.bx-badge.b-live {
  background: #1f9d55;
}

.bx-badge.b-sold {
  background: #e0312b;
}

.bx-badge.b-wait {
  background: #1d4ed8;
}

.bx-clock {
  text-align: center;
  padding: .5rem;
  font-weight: 700;
  font-size: 1.05rem;
  letter-spacing: .04em;
  color: #d7dbe4;
  background: #1a1f2b;
  border-top: 1px solid var(--bx-line);
  border-bottom: 1px solid var(--bx-line);
}

.bx-pane {
  display: none;
}

.bx[data-active="live"] [data-bx-pane="live"],
.bx[data-active="sold"] [data-bx-pane="sold"],
.bx[data-active="wait"] [data-bx-pane="wait"] {
  display: block;
}

.bx-head,
.bx-row {
  display: grid;
  grid-template-columns: 2.1rem minmax(0, 1fr);
  border-bottom: 1px solid var(--bx-line);
}

.bx-head {
  background: #0e1422;
  color: var(--bx-yellow);
  font-size: .66rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .03em;
}

.bx-head .bx-no,
.bx-head .bx-vals span,
.bx-head .bx-h-name {
  padding: .45rem .25rem;
  text-align: center;
}

.bx-head .bx-h-name {
  display: none;
}

.bx-row {
  background: var(--bx-row);
}

.bx-no {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: .85rem;
  color: var(--bx-yellow);
  background: #0e1422;
  border-right: 1px solid var(--bx-line);
}

.bx-main {
  min-width: 0;
}

.bx-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .1rem .5rem;
  padding: .4rem .6rem;
  background: var(--bx-name-bg);
  font-size: .82rem;
}

.bx-name b {
  color: #fff;
  font-weight: 800;
  letter-spacing: .02em;
}

.bx-place {
  color: #c9d3e8;
  font-size: .74rem;
  font-weight: 600;
  min-width: 0;
}

.bx-bid {
  margin-left: auto;
  font-size: .66rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #111;
  background: var(--bx-yellow);
  border-radius: 999px;
  padding: .18rem .6rem;
  text-decoration: none;
  white-space: nowrap;
}

.bx-bid:hover {
  color: #111;
  background: #ffe27a;
}

.bx-vals {
  display: grid;
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.8fr) minmax(0, 1fr) minmax(0, .65fr) minmax(0, .85fr);
  align-items: center;
}

.bx-row .bx-vals>span {
  padding: .45rem .25rem;
  text-align: center;
  font-weight: 700;
  font-size: .92rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-right: 1px solid var(--bx-line);
}

.bx-row .bx-vals>span:last-child {
  border-right: 0;
}

.bx-m2 {
  color: var(--bx-yellow);
}

.bx-row .bx-vals>.bx-price {
  color: var(--bx-green);
  font-size: 1rem;
}

.bx-row .bx-vals>.bx-price.sold {
  color: #7cc4ff;
}

.bx-chg.up {
  color: var(--bx-green);
}

.bx-chg.down {
  color: var(--bx-red);
}

.bx-row .bx-vals>.bx-chg.new {
  color: var(--bx-orange);
  font-size: .74rem;
  letter-spacing: .06em;
}

.bx-cnt {
  color: #fff;
}

.bx-row .bx-vals>.bx-time {
  color: var(--bx-muted);
  font-size: .82rem;
}

.bx-sold {
  display: inline-block;
  background: #e0312b;
  color: #fff;
  border-radius: 4px;
  padding: .1rem .35rem;
  font-size: .64rem;
  letter-spacing: .05em;
}

.bx-row .bx-vals>.bx-wait {
  grid-column: span 3;
  color: var(--bx-orange);
  font-size: .78rem;
}

.bx-note {
  padding: 0 .6rem .45rem;
  font-size: .72rem;
  color: var(--bx-muted);
}

.bx-empty {
  padding: 1.75rem 1rem;
  text-align: center;
  color: var(--bx-muted);
  font-size: .9rem;
}

.bx-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .4rem .75rem;
  padding: .6rem 1rem;
  font-size: .72rem;
  color: var(--bx-muted);
  background: #0a0f1a;
}

.bx-more {
  color: var(--bx-yellow);
  font-weight: 700;
  font-size: .8rem;
  text-decoration: none;
  white-space: nowrap;
}

.bx-more:hover {
  color: #ffe27a;
}

/* Teklif değişince satır kısa süre yanıp söner */
.bx-row.flash-up {
  animation: bx-flash-up 2.6s ease-out;
}

.bx-row.flash-new {
  animation: bx-flash-new 2.6s ease-out;
}

@keyframes bx-flash-up {

  0%,
  30% {
    background: rgba(52, 210, 123, .42);
  }

  100% {
    background: var(--bx-row);
  }
}

@keyframes bx-flash-new {

  0%,
  30% {
    background: rgba(255, 138, 0, .4);
  }

  100% {
    background: var(--bx-row);
  }
}

@media (min-width: 992px) {

  .bx-head .bx-main,
  .bx-row .bx-main {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.6fr);
    align-items: stretch;
  }

  .bx-head .bx-h-name {
    display: block;
    text-align: left;
    padding-left: .6rem;
  }

  .bx-row .bx-name {
    flex-wrap: nowrap;
    background: transparent;
    border-right: 1px solid var(--bx-line);
  }

  .bx-row:nth-child(odd) {
    background: var(--bx-row-2);
  }

  .bx-name b,
  .bx-place {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .bx-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 380px) {
  .bx-tab {
    font-size: .72rem;
  }

  .bx-row .bx-vals>span {
    font-size: .82rem;
  }

  .bx-row .bx-vals>.bx-price {
    font-size: .9rem;
  }
}

@media (prefers-reduced-motion: reduce) {

  .bx-live i,
  .live-dot,
  .bx-row.flash-up,
  .bx-row.flash-new {
    animation: none;
  }
}

.bx-steps {
  padding-left: 1.1rem;
  font-size: .88rem;
}

.bx-steps li {
  margin-bottom: .55rem;
}

/* Panel: "Satıldı" açılır formu */
.bx-sold-dd summary {
  list-style: none;
}

.bx-sold-dd summary::-webkit-details-marker {
  display: none;
}

.bx-sold-dd[open]>form {
  width: 210px;
  margin-top: .4rem;
  white-space: normal;
}

/* Menüdeki "Borsa" canlı noktası: yazıyla aynı satırda */
.site-header .nav-borsa {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.nav-borsa .live-dot {
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
}

.site-header .offcanvas .nav-borsa {
  justify-content: flex-start;
}

.mobile-nav .mn-ic .live-dot {
  position: absolute;
  top: 3px;
  right: 9px;
  width: 7px;
  height: 7px;
}

/* ==========================================================================
   Ücretsiz ilan vurgusu
   ========================================================================== */
.hero-free {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  max-width: 100%;
  margin-bottom: 1rem;
  padding: .35rem .9rem .35rem .35rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
  border: 1px solid rgba(255, 255, 255, .28);
  color: #fff;
  font-size: .85rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  backdrop-filter: blur(4px);
}

.hero-free:hover {
  color: #fff;
  background: rgba(255, 255, 255, .18);
}

.hero-free .tag {
  flex: 0 0 auto;
  background: #ffd23f;
  color: #111;
  font-weight: 800;
  font-size: .7rem;
  letter-spacing: .08em;
  border-radius: 999px;
  padding: .28rem .65rem;
}

.hero-actions .btn-free {
  font-size: .9rem;
  padding: .85rem 1.4rem;
  box-shadow: 0 10px 24px -8px rgba(var(--eeb-accent-rgb), .9);
}

.free-band {
  position: relative;
  z-index: 3;
  margin-top: -2.25rem;
}

.free-card {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  background: var(--eeb-surface);
  border: 1px solid var(--eeb-border);
  box-shadow: var(--eeb-shadow-lg);
  color: var(--eeb-text);
  text-decoration: none;
  transition: transform .15s, box-shadow .15s;
}

.free-card:hover {
  transform: translateY(-2px);
  color: var(--eeb-text);
}

/* Anasayfa şeridinde iki kart yan yana eşit boyda */
.free-band .free-card {
  height: 100%;
}

.free-ic {
  flex: 0 0 auto;
  width: 54px;
  height: 54px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  background: rgba(var(--eeb-accent-rgb), .1);
  color: var(--eeb-accent);
}

.free-txt {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.free-txt small {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--eeb-muted);
}

.free-txt strong {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  line-height: 1.2;
  color: var(--eeb-heading);
}

.free-txt>span {
  font-size: .82rem;
  color: var(--eeb-muted);
}

.free-go {
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--eeb-surface-2);
  color: var(--eeb-accent);
}

.free-card-main {
  background: var(--eeb-accent-grad);
  border-color: transparent;
  color: var(--eeb-on-accent);
}

.free-card-main:hover {
  color: var(--eeb-on-accent);
}

.free-card-main .free-ic {
  background: rgba(255, 255, 255, .18);
  color: var(--eeb-on-accent);
}

.free-card-main .free-txt small,
.free-card-main .free-txt>span {
  color: var(--eeb-on-accent);
  opacity: .88;
}

.free-card-main .free-txt strong {
  color: var(--eeb-on-accent);
}

.free-card-main .free-go {
  background: #fff;
  color: var(--eeb-accent);
}

/* "İlan Ver" butonlarındaki ÜCRETSİZ etiketi */
.btn-free-tag {
  position: relative;
  overflow: visible;
}

.free-tag {
  position: absolute;
  top: -9px;
  right: -6px;
  background: #ffd23f;
  color: #111;
  font-size: .56rem;
  font-weight: 800;
  font-style: normal;
  letter-spacing: .06em;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  border-radius: 999px;
  padding: .12rem .4rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  pointer-events: none;
}

.mobile-nav .plus {
  position: relative;
}

.mobile-nav .plus .free-tag {
  top: -10px;
  right: auto;
  left: 50%;
  transform: translateX(-50%) rotate(-5deg);
  z-index: 1;
}

@media (max-width: 575.98px) {
  .free-band {
    margin-top: -1.5rem;
  }

  .free-txt strong {
    font-size: 1.1rem;
  }

  .hero-free {
    font-size: .78rem;
  }
}

/* Borsa satırı tıklanabilir: bilgi kutusu + detay penceresi */
.bx-row {
  cursor: pointer;
  transition: background .12s;
}

.bx-row:hover,
.bx-row:focus-visible {
  background: #17213a;
}

.bx-row:focus-visible {
  outline: 2px solid var(--bx-yellow);
  outline-offset: -2px;
}

@media (min-width: 992px) {

  .bx-head .bx-main,
  .bx-row .bx-main {
    grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.5fr);
  }

  /* Gayrimenkul adı (DAİRE 3+1) kısalmasın; sığmazsa mahalle kısalır */
  .bx-row .bx-name b {
    flex-shrink: 0;
    overflow: visible;
  }

  .bx-row .bx-place {
    flex: 1 1 auto;
  }
}

.bx-tip {
  position: fixed;
  z-index: 1080;
  width: 280px;
  max-width: calc(100vw - 16px);
  padding: .75rem .85rem;
  border-radius: 12px;
  background: #0b1220;
  color: #e8ecf4;
  border: 1px solid #2a3550;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .7);
  font-size: .8rem;
  line-height: 1.35;
  pointer-events: none;
}

.bx-tip-img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: .5rem;
  background: #1a2233;
}

.bx-tip-name {
  font-weight: 800;
  font-size: .92rem;
  color: #fff;
}

.bx-tip-place {
  color: #c9d3e8;
  font-weight: 600;
}

.bx-tip-title {
  color: #9aa5bb;
  margin-top: .15rem;
}

.bx-tip-price {
  margin-top: .45rem;
  font-size: 1.1rem;
  font-weight: 800;
  color: #34d27b;
  font-variant-numeric: tabular-nums;
}

.bx-tip-price small {
  display: block;
  font-size: .66rem;
  font-weight: 700;
  color: #ffd23f;
  text-transform: uppercase;
  letter-spacing: .05em;
}

.bx-tip-sub {
  color: #c9d3e8;
}

.bx-tip-note {
  margin-top: .35rem;
  color: #9aa5bb;
  font-style: italic;
}

.bx-tip-hint {
  margin-top: .5rem;
  padding-top: .45rem;
  border-top: 1px solid #2a3550;
  color: #ffd23f;
  font-size: .7rem;
  font-weight: 700;
}

/* Detay penceresi */
.bxd-head {
  display: grid;
  grid-template-columns: minmax(0, 220px) minmax(0, 1fr);
  gap: 1rem;
  align-items: start;
}

.bxd-head.no-img {
  grid-template-columns: minmax(0, 1fr);
}

.bxd-img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: 12px;
}

.bxd-tab {
  font-size: .68rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.bxd-tab.t-live {
  background: #1f9d55;
}

.bxd-tab.t-sold {
  background: #e0312b;
}

.bxd-tab.t-wait {
  background: #1d4ed8;
}

.bxd-no {
  margin-top: .35rem;
  font-size: .75rem;
  color: var(--eeb-muted);
}

.bxd-name {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 1.35rem;
  color: var(--eeb-heading);
  line-height: 1.2;
}

.bxd-place {
  font-weight: 600;
  color: var(--eeb-text);
}

.bxd-title {
  margin-top: .25rem;
  font-size: .88rem;
  color: var(--eeb-muted);
}

.bxd-note {
  margin-top: .5rem;
  font-size: .85rem;
  color: var(--eeb-muted);
}

.bxd-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: .6rem;
  margin: 1rem 0;
}

.bxd-stat {
  padding: .6rem .75rem;
  border-radius: 10px;
  background: var(--eeb-surface-2);
  border: 1px solid var(--eeb-border);
  font-variant-numeric: tabular-nums;
}

.bxd-stat small {
  display: block;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: var(--eeb-muted);
}

.bxd-stat b {
  font-size: 1rem;
  color: var(--eeb-heading);
}

.bxd-stat.main {
  background: #05070d;
  border-color: #1a2233;
}

.bxd-stat.main small {
  color: #ffd23f;
}

.bxd-stat.main b {
  color: #34d27b;
  font-size: 1.25rem;
}

.bxd-chg {
  display: inline-block;
  margin-left: .35rem;
  font-size: .75rem;
  font-weight: 800;
}

.bxd-chg.up {
  color: #1f9d55;
}

.bxd-chg.down {
  color: #d64545;
}

.bxd-chg.new {
  color: #ff8a00;
}

.bxd-stat.main .bxd-chg.up {
  color: #34d27b;
}

.bxd-h {
  font-size: .95rem;
  font-weight: 800;
  margin: 1rem 0 .5rem;
  color: var(--eeb-heading);
}

.bxd-hist {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 220px;
  overflow: auto;
  border: 1px solid var(--eeb-border);
  border-radius: 10px;
  font-variant-numeric: tabular-nums;
}

.bxd-hist li {
  display: flex;
  align-items: center;
  gap: .6rem;
  padding: .45rem .75rem;
  border-bottom: 1px solid var(--eeb-border);
  font-size: .88rem;
}

.bxd-hist li:last-child {
  border-bottom: 0;
}

.bxd-hist .d {
  color: var(--eeb-muted);
  min-width: 9.5rem;
}

.bxd-empty {
  padding: .75rem;
  border-radius: 10px;
  background: var(--eeb-surface-2);
  color: var(--eeb-muted);
  font-size: .9rem;
}

.bxd-offer {
  margin-top: .5rem;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid rgba(var(--eeb-accent-rgb), .35);
  background: rgba(var(--eeb-accent-rgb), .05);
}

.bxd-offer .bxd-h {
  margin-top: 0;
}

.bxd-foot {
  margin-top: 1rem;
  font-size: .85rem;
}

@media (max-width: 575.98px) {
  .bxd-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .bxd-hist .d {
    min-width: 0;
  }
}

/* Detay penceresi: iki sütun, iç kaydırma çubuğu yok */
.bx-modal .modal-body {
  padding: 1rem 1.25rem 1.1rem;
}

.bxd-head {
  grid-template-columns: minmax(0, 180px) minmax(0, 1fr);
}

.bxd-grid {
  display: grid;
  gap: 1rem 1.25rem;
  margin-top: 1rem;
}

.bxd-stats {
  margin: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bxd-grid.single .bxd-stats {
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}

.bxd-left .bxd-h {
  margin-top: .9rem;
}

.bxd-left .bxd-empty {
  margin: .9rem 0 0;
}

.bxd-hist {
  max-height: none;
  overflow: visible;
}

.bxd-hist li.more {
  justify-content: center;
  font-size: .8rem;
  color: var(--eeb-muted);
}

.bxd-offer {
  margin-top: 0;
  height: 100%;
}

.bxd-right>.bxd-empty {
  margin: 0;
}

.bxd-foot {
  margin-top: .85rem;
}

@media (min-width: 992px) {
  .bxd-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .bxd-grid.single {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 575.98px) {
  .bxd-head {
    grid-template-columns: minmax(0, 1fr);
  }

  .bxd-img {
    aspect-ratio: 16 / 9;
  }
}
/* Mobil anasayfa: hero gizli, Emlak Borsası en üstte, ardından ücretsiz ilan/değerleme kartları */
@media (max-width: 991.98px) {
  .home-top {
    display: flex;
    flex-direction: column;
  }

  .home-top > #borsa {
    order: -1;
    padding-top: 1.25rem;
  }

  .home-top .free-band {
    margin-top: 0;
    padding-bottom: .5rem;
  }
}