/* ==================== GENEL STILLER ==================== */
:root {
  /* RENK - Aksiyon güçlü, büyük yüzeyler belirgin biçimde kırılmış (doygunluk az, soğuk) */
  --red-primary: #7A0000;        /* Header bordo ile uyumlu, daha koyu */
  --red-hover: #5a0001;
  --red-bg: #4f0a0c;             /* Büyük kırmızı bloklar: bordo/şarap, kurumsal */
  --green-trust: #115C19;        /* Durum/etiket – net kalsın */
  --green-hover: #0d4a14;
  --green-bg: #0a3512;           /* Büyük yeşil bloklar: orman yeşili, sakin */
  --green-border: #143d18;       /* Yeşil çizgiler: koyu, rafine, az dikkat */
  
  --navbar-red: #ac0202;
  --navbar-red-dark: #8B0101;
  --navbar-red-darker: #7A0000;
  
  --card-bg: #FFFFFF;
  --page-bg: #fafbfc;
  --border-neutral: #e8ebef;

  /* Gölge / radius ailesi – kartlarda tutarlı, yumuşak */
  --shadow-card: 0 2px 10px rgba(0, 0, 0, 0.05);
  --shadow-card-hover: 0 6px 22px rgba(0, 0, 0, 0.07);
  --radius-card: 12px;
  --radius-card-lg: 16px;
  
  /* METİN - Koyu gri, saf siyah yok */
  --text-title: #1e293b;
  --text-body: #334155;
  --text-muted: #64748b;
  --verified-tick-color: #55789a;
  --verified-tick-shadow: drop-shadow(0 1px 3px rgba(85, 120, 154, 0.18)) drop-shadow(0 4px 10px rgba(40, 64, 92, 0.12));
  --verified-tick-color-on-dark: #9fddff;
  --verified-tick-shadow-on-dark: drop-shadow(0 0 10px rgba(159, 221, 255, 0.48)) drop-shadow(0 4px 14px rgba(72, 130, 194, 0.32));
  --verified-tick-color-rank: #7a0000;
  --verified-tick-shadow-rank: drop-shadow(0 1px 2px rgba(122, 0, 0, 0.18)) drop-shadow(0 4px 10px rgba(90, 0, 1, 0.16));
  
  /* LEGACY (GERİYE UYUMLULUK) */
  --primary-color: #750001;
  --primary-dark: #5a0001;
  --secondary-color: #dc3545;
  --success-color: #115C19;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-gray: #f8f9fa;
  --border-gray: #e9ecef;
  --text-dark: #1A1A1A;
}

body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: var(--page-bg);
  color: var(--text-body);
}

.bi-patch-check-fill,
.verified-badge-icon,
.ilb-verified-icon,
.ilb-company-secondary-check,
.ilb-badge-icon-secondary,
.db5-verified-tick,
.db5-verified-tick i,
.ranked-side-card__verify,
.verify,
.tc__verify {
  color: var(--verified-tick-color) !important;
  filter: var(--verified-tick-shadow);
  text-shadow: 0 0 8px rgba(85, 120, 154, 0.12);
}

/* İlan resimleri: sabit oran, ortada; genişlik kısaysa yanlar dolgu (modern) */
.listing-image-container {
  aspect-ratio: 3 / 2;
  max-height: 400px;
  overflow: hidden;
  background: #f5f5f5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.listing-image-container .listing-image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.listing-image,
.listing-detail-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 120px;
  object-fit: contain;
  background: #f8f8f8;
}
/* İlan detay carousel: aynı oran, beyaz/yan dolgu */
.listing-detail-carousel .carousel-inner,
.listing-detail-carousel .carousel-item {
  height: auto;
}
.listing-detail-carousel-inner {
  width: 100%;
  aspect-ratio: 3 / 2;
  max-height: 420px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.listing-detail-carousel-inner .listing-detail-image {
  object-fit: contain;
}

.listing-watermark {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  z-index: 5;
}

.listing-watermark span {
  font-weight: 700;
  font-size: clamp(13px, 1.8vw, 22px);
  letter-spacing: 0.06em;
  text-transform: lowercase;
  color: rgba(255, 255, 255, 0.16);
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.35);
  transform: rotate(-25deg);
  user-select: none;
  white-space: nowrap;
}

/* Contact form toggle */
.contact-form-toggle {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 16px;
}

.contact-toggle-btn {
  min-width: 220px;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 1.05rem;
  border: 2px solid transparent;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  color: #fff;
}

.contact-toggle-btn .contact-toggle-title,
.contact-toggle-btn .contact-toggle-desc {
  color: inherit;
}

.contact-toggle-btn:not(.is-partnership) {
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%);
  box-shadow: 0 8px 20px rgba(122, 0, 0, 0.25);
}

.contact-toggle-btn.is-partnership {
  background: linear-gradient(135deg, #115C19 0%, #0d4a14 60%, #0a3512 100%);
  box-shadow: 0 8px 20px rgba(17, 92, 25, 0.22);
}

.contact-toggle-title {
  font-size: 1.05rem;
}

.contact-toggle-desc {
  font-size: 0.85rem;
  font-weight: 600;
  opacity: 0.85;
}

.contact-toggle-btn.is-active {
  color: #fff;
}

.contact-toggle-btn.is-partnership.is-active {
  color: #fff;
}

.contact-toggle-btn.is-inactive {
  background: #ffffff;
  color: #111111;
  border-color: rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

.contact-toggle-btn.is-inactive .contact-toggle-title,
.contact-toggle-btn.is-inactive .contact-toggle-desc {
  color: #111111;
}

.contact-toggle-btn:hover {
  transform: translateY(-1px);
}

.contact-toggle-btn:hover .contact-toggle-title,
.contact-toggle-btn:hover .contact-toggle-desc {
  color: inherit !important;
}

.contact-toggle-btn:not(.is-inactive):hover {
  color: #ffffff !important;
}

.contact-toggle-btn:not(.is-inactive):hover .contact-toggle-title,
.contact-toggle-btn:not(.is-inactive):hover .contact-toggle-desc {
  color: #ffffff !important;
}

.contact-toggle-btn.is-inactive:hover .contact-toggle-title,
.contact-toggle-btn.is-inactive:hover .contact-toggle-desc {
  color: #111111 !important;
}

.contact-panel {
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.contact-panel.d-none {
  display: none !important;
}

.contact-form-panel {
  display: flex;
  justify-content: center;
}

.contact-form-anchor {
  scroll-margin-top: 200px;
}

.contact-form-modern {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 20px;
}

.contact-form-modern .form-field.full {
  grid-column: 1 / -1;
}

.contact-form-modern .form-label {
  font-weight: 700;
  color: var(--text-title);
}

.contact-form-modern .form-control,
.contact-form-modern .form-select,
.contact-form-modern textarea {
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  padding: 12px 14px;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.05);
  background: #fff;
}

.contact-form-modern .form-control:focus,
.contact-form-modern .form-select:focus,
.contact-form-modern textarea:focus {
  border-color: rgba(122, 0, 0, 0.35);
  box-shadow: 0 0 0 0.2rem rgba(122, 0, 0, 0.12);
}

.contact-form-modern .form-check-input {
  width: 18px;
  height: 18px;
  margin-top: 0.2rem;
}

.contact-card {
  width: 100%;
  max-width: 1100px;
  border-radius: 18px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
  background: #fff;
}

@media (min-width: 1400px) {
  .contact-card {
    max-width: 1200px;
  }
}

.contact-info-card {
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 55%, #5a0001 100%);
  color: #ffffff;
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 14px;
}

.contact-info-card h6 {
  color: #ffffff;
}

.contact-info-card .small {
  color: rgba(255, 255, 255, 0.85);
}

.contact-card h4 {
  font-weight: 800;
}

.contact-card-general {
  border-color: rgba(122, 0, 0, 0.16);
}

.contact-card-general h4 {
  color: var(--red-primary);
}

.contact-card-partnership {
  border-color: rgba(17, 92, 25, 0.18);
}

.contact-card-partnership h4 {
  color: var(--green-trust);
}

.contact-submit {
  border-radius: 12px;
  font-size: 1.05rem;
  letter-spacing: 0.02em;
}

.contact-submit-general {
  color: #fff;
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%);
  box-shadow: 0 10px 18px rgba(122, 0, 0, 0.25);
}

.contact-submit-general:hover {
  color: #fff;
  transform: translateY(-1px);
}

.contact-submit-partnership {
  color: #fff;
  background: linear-gradient(135deg, #115C19 0%, #0d4a14 60%, #0a3512 100%);
  box-shadow: 0 10px 18px rgba(17, 92, 25, 0.22);
}

.contact-submit-partnership:hover {
  color: #fff;
  transform: translateY(-1px);
}

/* ==================== NAVBAR - Arka plan sakin ton ==================== */
.navbar-custom {
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
}

.navbar-custom .navbar-brand img {
  height: 40px;
}

.navbar-custom .nav-link {
  color: rgba(255, 255, 255, 0.92) !important;
  font-weight: 500;
  transition: color 0.25s ease;
}

.navbar-custom .nav-link:hover {
  color: #fff !important;
}

.navbar-custom .btn-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.85);
  color: #fff !important;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 600;
  padding: 6px 20px;
  transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.navbar-custom .btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.95);
  color: var(--red-primary) !important;
  border-color: #fff;
}

.navbar-custom .btn-outline-light * {
  color: inherit !important;
}

.navbar-custom .user-dropdown-link,
.navbar-custom .user-dropdown-link * {
  color: #ffffff !important;
}

.btn-modern-login {
  border: 1px solid rgba(255, 255, 255, 0.85);
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08);
  font-weight: 600;
}

.btn-modern-login * {
  color: #ffffff !important;
}

.btn-modern-login:hover {
  background: rgba(255, 255, 255, 0.95);
  border-color: #ffffff;
  color: var(--red-primary) !important;
}

.btn-modern-login:hover * {
  color: var(--red-primary) !important;
}

/* ==================== HERO SECTION ==================== */
.hero-section {
  background: linear-gradient(135deg, rgba(166, 7, 8, 0.95) 0%, rgba(138, 12, 35, 0.95) 100%);
  color: white;
  padding: 100px 0;
  position: relative;
}

.hero-section h1 {
  font-size: 3rem;
  font-weight: 800;
  margin-bottom: 20px;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.hero-section p {
  font-size: 1.3rem;
  margin-bottom: 30px;
  opacity: 0.95;
}

.hero-section .btn-light {
  padding: 15px 40px;
  font-size: 1.1rem;
  font-weight: 700;
  border-radius: 50px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
}

.hero-section .btn-light:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

/* ==================== STATS SECTION ==================== */
.stats-bar {
  background: white;
  border-radius: 15px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
  padding: 30px 20px;
  margin-top: -50px;
  position: relative;
  z-index: 10;
}

.stat-item {
  text-align: center;
  padding: 15px;
}

.stat-item i {
  font-size: 2.5rem;
  color: var(--primary-color);
  margin-bottom: 10px;
}

.stat-item h3 {
  font-size: 2rem;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 5px;
}

.stat-item p {
  color: var(--text-muted);
  margin: 0;
  font-size: 0.95rem;
}

/* ==================== PRICE CARDS ==================== */
.price-card {
  background: white;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  overflow: hidden;
  border: 2px solid transparent;
}

.price-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
  border-color: var(--primary-color);
}

.price-card-header {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  padding: 20px;
  text-align: center;
}

.price-card-header h5 {
  font-weight: 700;
  margin: 0;
  font-size: 1.2rem;
}

.price-card-body {
  padding: 25px 20px;
}

.price-main {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--primary-color);
  margin-bottom: 10px;
  text-align: center;
}

.price-unit {
  font-size: 1rem;
  color: var(--text-muted);
}

.price-change {
  text-align: center;
  font-weight: 600;
  padding: 8px;
  border-radius: 6px;
  margin-top: 10px;
}

.price-change.up {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
}

.price-change.down {
  background: rgba(220, 53, 69, 0.1);
  color: var(--secondary-color);
}

.price-details {
  list-style: none;
  padding: 0;
  margin: 15px 0;
}

.price-details li {
  padding: 8px 0;
  border-bottom: 1px solid var(--border-gray);
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
}

.price-details li:last-child {
  border-bottom: none;
}

/* ==================== SPONSOR CARD ==================== */
.sponsor-card {
  border: 3px solid var(--warning-color) !important;
  position: relative;
}

.sponsor-badge-card {
  position: absolute;
  top: -15px;
  right: 20px;
  background: var(--warning-color);
  color: var(--text-dark);
  padding: 8px 20px;
  border-radius: 20px;
  font-weight: 800;
  font-size: 0.85rem;
  box-shadow: 0 3px 10px rgba(255, 193, 7, 0.4);
  z-index: 5;
}

/* ==================== CHART CONTAINER ==================== */
.chart-container {
  background: white;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
  margin-bottom: 30px;
}

/* Sütun Grafik */
.column-chart {
  background: white;
  border: 1px solid var(--border-gray);
  border-radius: 8px;
  padding: 30px 20px;
  display: flex;
  gap: 15px;
}

.chart-y-labels {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 10px;
  padding-bottom: 100px;
  min-width: 80px;
  text-align: right;
  padding-right: 10px;
}

.chart-y-labels span {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-weight: 500;
}

.chart-grid-area {
  flex: 1;
  position: relative;
}

.grid-lines {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0;
  bottom: 100px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
}

.grid-lines span {
  height: 1px;
  background: var(--border-gray);
  display: block;
}

.chart-columns {
  display: flex;
  justify-content: space-around;
  align-items: flex-end;
  height: 100%;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 100px;
  position: relative;
}

.column-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 120px;
}

.column-bar {
  width: 100%;
  background: #4a90a4;
  position: relative;
  min-height: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-top: 10px;
  transition: all 0.3s ease;
}

.column-bar:hover {
  background: #3d7a8d;
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(74, 144, 164, 0.3);
}

.column-item:first-child .column-bar {
  background: #ff9800;
}

.column-item:first-child .column-bar:hover {
  background: #f57c00;
}

.column-value {
  color: white;
  font-weight: 700;
  font-size: 0.9rem;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.column-label {
  margin-top: 15px;
  text-align: center;
  width: 100%;
}

.sponsor-badge {
  background: #ff9800;
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 0.7rem;
  font-weight: 700;
  margin-bottom: 8px;
  display: inline-block;
}

.column-label strong {
  display: block;
  font-size: 0.9rem;
  color: var(--text-dark);
  margin-bottom: 3px;
}

.column-label small {
  font-size: 0.8rem;
  font-weight: 600;
}

/* Fiyat Sıralaması */
.price-list {
  background: white;
  border: 1px solid var(--border-gray);
  border-radius: 8px;
  overflow: hidden;
}

.price-item {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 20px;
  border-bottom: 1px solid #f0f0f0;
  transition: background 0.2s ease;
}

.price-item:last-child {
  border-bottom: none;
}

.price-item:hover {
  background: var(--light-gray);
}

.price-item.sponsored {
  background: #fffef7;
  border-left: 4px solid var(--warning-color);
}

.rank {
  min-width: 80px;
  text-align: center;
}

.rank .number {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: var(--light-gray);
  border: 2px solid var(--border-gray);
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.1rem;
  color: #495057;
}

.company-info {
  flex: 1;
}

.company-info strong {
  display: block;
  font-size: 1rem;
  color: var(--text-dark);
  margin-bottom: 5px;
}

.company-info small {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.price-info {
  text-align: right;
  min-width: 140px;
}

.price {
  font-size: 1.3rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 3px;
}

.price .unit {
  font-size: 0.85rem;
  font-weight: 400;
  color: var(--text-muted);
}

.price-info small {
  font-size: 0.85rem;
  font-weight: 600;
}

/* Özet Kutuları */
.summary-info {
  padding-top: 20px;
  border-top: 2px solid #f0f0f0;
}

.summary-box {
  background: var(--light-gray);
  padding: 15px;
  border-radius: 6px;
  text-align: center;
}

.summary-box small {
  display: block;
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 5px;
}

.summary-box strong {
  display: block;
  font-size: 1.1rem;
  color: var(--text-dark);
  font-weight: 700;
}

/* ==================== REGISTRATION / LOGIN PAGES ==================== */
.registration-section {
  min-height: 100vh;
  background: linear-gradient(135deg, var(--light-gray) 0%, var(--border-gray) 100%);
  padding: 60px 0;
  display: flex;
  align-items: center;
}

.registration-container {
  max-width: 500px;
  margin: 0 auto;
}

.auth-entry-page .registration-section {
  min-height: auto;
  padding: 48px 0;
}

.auth-entry-page .registration-container {
  max-width: 520px;
  display: block;
}

.auth-firma-switch {
  margin-top: 16px;
  padding: 14px 18px;
  background: #fff;
  border: 1px solid #ead7d7;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.05);
}

.auth-firma-switch span {
  color: #6b7280;
  font-size: 0.92rem;
  font-weight: 500;
}

.auth-firma-switch a {
  display: inline-flex;
  align-items: center;
  padding: 8px 14px;
  border-radius: 10px;
  background: linear-gradient(135deg, #8b0f0f 0%, #6f0909 100%);
  color: #fff;
  font-weight: 700;
  font-size: 0.92rem;
  text-decoration: none;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.auth-firma-switch a:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(122, 0, 0, 0.22);
  color: #fff;
}

.auth-firma-switch--ghost {
  background: transparent;
  border-style: dashed;
  border-color: #e5d4d4;
  box-shadow: none;
}

.auth-firma-switch--ghost a {
  background: #fff;
  color: #7a0000;
  border: 1px solid #ead7d7;
}

.auth-firma-switch--ghost a:hover {
  background: linear-gradient(135deg, #8b0f0f 0%, #6f0909 100%);
  color: #fff;
  border-color: transparent;
}

.auth-actions-stack {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}

.auth-actions-stack-entry {
  margin-top: 0;
  align-self: stretch;
}

.auth-side-panel {
  display: grid;
  gap: 14px;
  align-self: stretch;
}

.auth-side-hero {
  padding: 22px 20px;
  border-radius: 20px;
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.22), transparent 34%),
    linear-gradient(135deg, #8b0f0f 0%, #6f0909 100%);
  color: #fff;
  box-shadow: 0 14px 34px rgba(122, 0, 0, 0.18);
}

.auth-side-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.16);
  border: 1px solid rgba(255, 255, 255, 0.18);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.auth-side-hero h3 {
  margin: 14px 0 8px;
  font-size: 1.45rem;
  line-height: 1.18;
  font-weight: 800;
  color: #ffffff;
}

.auth-side-hero p {
  margin: 0;
  color: rgba(255, 255, 255, 0.92);
  font-size: 0.95rem;
  line-height: 1.55;
}

.auth-side-feature-list {
  display: grid;
  gap: 10px;
}

.auth-side-feature {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid #ecd7d7;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
}

.auth-side-feature i {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: rgba(122, 0, 0, 0.08);
  color: #7a0000;
  font-size: 1rem;
}

.auth-side-feature strong,
.auth-side-action-card strong {
  display: block;
  color: #1f2937;
  font-size: 1rem;
  font-weight: 800;
}

.auth-side-feature span,
.auth-side-action-card small {
  display: block;
  margin-top: 4px;
  color: #6b7280;
  font-size: 0.89rem;
  line-height: 1.5;
}

.auth-side-actions {
  display: grid;
  gap: 10px;
}

.auth-side-action-card {
  display: block;
  padding: 16px 18px;
  border-radius: 18px;
  text-decoration: none;
  background: #fff;
  border: 1px solid #ead7d7;
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.auth-side-action-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(122, 0, 0, 0.12);
  border-color: rgba(122, 0, 0, 0.24);
}

.auth-side-action-card-soft {
  background: linear-gradient(180deg, #fffaf7 0%, #fff 100%);
}

.auth-side-action-badge {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 10px;
  margin-bottom: 10px;
  border-radius: 999px;
  background: rgba(122, 0, 0, 0.08);
  color: #7a0000;
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.registration-card {
  background: white;
  border-radius: 16px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
  overflow: hidden;
  min-width: 0;
}

.registration-header {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  padding: 40px 30px;
  text-align: center;
}

.registration-header h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.registration-header p {
  opacity: 0.9;
  margin-bottom: 0;
  font-size: 0.95rem;
}

.registration-body {
  padding: 40px 30px;
}

.form-step {
  display: none;
}

.form-step.active {
  display: block;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

.step-indicator {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 30px;
}

.step-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--border-gray);
  transition: all 0.3s ease;
}

.step-dot.active {
  background: var(--primary-color);
  width: 30px;
  border-radius: 6px;
}

.form-label {
  font-weight: 600;
  color: #495057;
  margin-bottom: 8px;
  font-size: 0.95rem;
}

.form-control {
  border: 2px solid var(--border-gray);
  padding: 14px 16px;
  font-size: 1rem;
  border-radius: 8px;
  transition: all 0.3s ease;
}

.form-control:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(166, 7, 8, 0.1);
}

.input-icon {
  position: relative;
}

.input-icon > i {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  color: #7b8794;
  font-size: 1rem;
  line-height: 1;
  pointer-events: none;
}

.input-icon > i + .form-control {
  padding-left: 44px;
}

.phone-prefix {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 12px;
  background: #fff5f5;
  border: 1px solid #f3d3d3;
  color: var(--primary-color);
  font-weight: 700;
}

.phone-flag {
  width: 26px;
  height: 18px;
  border-radius: 3px;
  display: inline-block;
  box-shadow: 0 2px 6px rgba(227, 10, 23, 0.35), 0 0 0 1px rgba(0, 0, 0, 0.06);
  flex-shrink: 0;
}

.phone-code {
  font-size: 0.95rem;
}

.input-icon .form-control.phone-prefixed-input {
  padding-left: 118px;
}

.auth-help-card {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid #ead7d7;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
}

.auth-help-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #111827;
  font-weight: 700;
}

.auth-help-summary::-webkit-details-marker {
  display: none;
}

.auth-help-body {
  margin-top: 8px;
}

.auth-help-title {
  color: #7c2d12;
  font-weight: 700;
  margin-bottom: 4px;
}

.auth-help-link {
  color: var(--primary-color);
  font-weight: 700;
  text-decoration: none;
  font-size: 0.95rem;
}

.auth-help-link:hover {
  text-decoration: underline;
}

.auth-application-card {
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255, 248, 241, 0.92);
  border: 1px solid #f3ddc7;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.auth-application-card-entry {
  min-height: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  padding: 18px 16px;
  background: linear-gradient(180deg, rgba(255, 248, 241, 0.96), rgba(255, 243, 243, 0.94));
}

.auth-application-label {
  color: #7c2d12;
  font-weight: 700;
  font-size: 0.95rem;
}

.auth-application-link {
  color: var(--primary-color);
  font-weight: 700;
  text-decoration: none;
}

.auth-application-link:hover {
  color: var(--primary-color);
  text-decoration: underline;
}

.corporate-register-card {
  margin-top: 14px;
  border: 1px solid rgba(122, 0, 0, 0.18);
  border-radius: 14px;
  padding: 14px;
  background: linear-gradient(135deg, #fff9f9 0%, #fff4f4 100%);
}

.corporate-register-head p {
  margin: 8px 0 0;
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.45;
}

.corporate-register-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding: 5px 10px;
  background: rgba(122, 0, 0, 0.08);
  color: #7a0000;
  font-size: 0.78rem;
  font-weight: 800;
}

.corporate-register-actions {
  margin-top: 12px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

.corporate-register-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  min-height: 40px;
  text-decoration: none;
  font-size: 0.86rem;
  font-weight: 700;
  transition: all 0.2s ease;
}

.corporate-register-btn-primary {
  background: linear-gradient(135deg, var(--primary-color), var(--primary-dark));
  color: #fff;
}

.corporate-register-btn-primary:hover {
  color: #fff;
  transform: translateY(-1px);
}

.corporate-register-btn-secondary {
  border: 1px solid rgba(122, 0, 0, 0.24);
  background: #fff;
  color: #7a0000;
}

.corporate-register-btn-secondary:hover {
  color: #7a0000;
  background: #fff8f8;
}

.auth-entry-page .registration-header {
  padding: 34px 28px;
}

.auth-entry-page .registration-body {
  padding: 30px 28px;
}

.auth-entry-page .auth-help-card,
.auth-entry-page .auth-application-card-entry {
  border-radius: 16px;
}

.company-auth-container {
  max-width: 1120px;
  grid-template-columns: minmax(0, 560px) minmax(300px, 360px);
}

.company-login-card {
  border-radius: 20px;
  overflow: hidden;
}

.company-login-card--secure {
  box-shadow: 0 16px 42px rgba(15, 23, 42, 0.1);
}

.auth-side-panel-company .auth-side-hero {
  background:
    radial-gradient(circle at top right, rgba(255, 255, 255, 0.18), transparent 36%),
    linear-gradient(135deg, #111827 0%, #7a0000 100%);
}

.btn-next, .btn-verify, .btn-register, .btn-login {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  padding: 14px 30px;
  font-size: 1.05rem;
  font-weight: 700;
  border: none;
  border-radius: 8px;
  width: 100%;
  transition: all 0.3s ease;
  margin-top: 20px;
}

.btn-next:hover, .btn-verify:hover, .btn-register:hover, .btn-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(166, 7, 8, 0.3);
}

.btn-back {
  background: transparent;
  color: var(--text-muted);
  padding: 14px 30px;
  font-size: 1rem;
  font-weight: 600;
  border: 2px solid var(--border-gray);
  border-radius: 8px;
  width: 100%;
  transition: all 0.3s ease;
  margin-top: 10px;
}

.btn-back:hover {
  border-color: var(--primary-color);
  color: var(--primary-color);
}

.sms-code-inputs {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin: 30px 0;
}

.sms-code-input {
  width: 55px;
  height: 55px;
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  border: 2px solid var(--border-gray);
  border-radius: 8px;
  transition: all 0.3s ease;
}

.sms-code-input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 0.2rem rgba(166, 7, 8, 0.1);
  outline: none;
}

.sms-info {
  text-align: center;
  margin: 20px 0;
  padding: 15px;
  background: var(--light-gray);
  border-radius: 8px;
}

.sms-info i {
  color: var(--primary-color);
  font-size: 2rem;
  margin-bottom: 10px;
}

.sms-info p {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.9rem;
}

.sms-info .phone-number {
  font-weight: 700;
  color: var(--text-dark);
  font-size: 1.1rem;
  margin-top: 5px;
}

.auth-human-check {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.auth-human-check-label {
  margin-bottom: 0;
}

.auth-human-check-box {
  border: 1px solid var(--border-gray);
  border-radius: 14px;
  background: #fafafa;
  padding: 14px 16px;
}

.auth-human-check-box--captcha {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
}

.auth-human-check-fallback {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.auth-human-check-fallback .form-check-input {
  float: none;
  margin: 0;
}

.auth-human-check-fallback .form-check-label {
  font-weight: 600;
  color: var(--text-dark);
}

.resend-code {
  margin-top: 22px;
  padding-top: 22px;
  border-top: 1px solid var(--border-gray);
}

.resend-code button {
  width: 100%;
  background: #fff6f6;
  border: 1px solid #f0c9cb;
  color: var(--primary-dark);
  font-weight: 600;
  cursor: pointer;
  padding: 12px 16px;
  border-radius: 12px;
  transition: all 0.2s ease;
}

.resend-code button:disabled {
  color: var(--text-muted);
  cursor: not-allowed;
  background: #f7f7f7;
  border-color: #e7e7e7;
}

.timer {
  color: var(--text-muted);
  font-size: 0.9rem;
  margin-top: 10px;
  text-align: center;
}

.login-link, .register-link {
  text-align: center;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid var(--border-gray);
}

.login-link a, .register-link a {
  color: var(--primary-color);
  font-weight: 600;
  text-decoration: none;
}

.login-link a:hover, .register-link a:hover {
  text-decoration: underline;
}

.success-message {
  text-align: center;
  padding: 40px 20px;
}

.success-icon {
  width: 80px;
  height: 80px;
  background: var(--success-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  animation: scaleIn 0.5s ease;
}

.success-icon i {
  color: white;
  font-size: 3rem;
}

@keyframes scaleIn {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

.success-message h4 {
  color: var(--success-color);
  font-weight: 700;
  margin-bottom: 15px;
}

.success-message p {
  color: var(--text-muted);
  margin-bottom: 30px;
}

/* ==================== FOOTER ==================== */
footer {
  background-color: var(--light-gray) !important;
  border-top: 3px solid var(--primary-color);
}

footer h6 {
  color: var(--primary-color);
}

footer a {
  color: var(--text-muted);
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: var(--primary-color);
}

/* ==================== İLANLAR SAYFASI ==================== */
/* Listing Badge Stilleri */
.listing-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.listing-card .card-body {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.listing-card .card-title {
  flex-grow: 1;
  margin-bottom: 0.5rem;
}

.listing-card .badge-container {
  margin-top: auto;
  padding-top: 0.5rem;
}

.listing-card .badge {
  font-size: 0.65rem;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 4px;
  white-space: nowrap;
  transition: all 0.3s ease;
  background-color: var(--light-gray) !important;
  color: #495057 !important;
  border: 1px solid #dee2e6;
}

.listing-card .badge.badge-primary {
  background-color: var(--primary-color) !important;
  color: white !important;
  border-color: var(--primary-color);
}

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

/* Filter Sidebar */
.filter-sidebar {
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 20px;
  border: 2px solid var(--light-gray);
}

.filter-sidebar h5 {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0.75rem;
  border-bottom: 3px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 700;
}

.filter-section {
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--border-gray);
}

.filter-section:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.filter-section-title {
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.filter-section-title i {
  color: var(--primary-color);
  font-size: 1.1rem;
}

/* Bölge Listesi */
.region-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.region-list li {
  margin-bottom: 0.5rem;
}

.region-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1rem;
  background: var(--light-gray);
  border-radius: 8px;
  text-decoration: none;
  color: #495057;
  font-weight: 500;
  transition: all 0.3s ease;
  border: 2px solid transparent;
  font-size: 0.9rem;
}

.region-list a:hover {
  background: linear-gradient(135deg, #fff3f3 0%, #ffe9e9 100%);
  color: var(--primary-color);
  transform: translateX(5px);
  border-color: var(--primary-color);
}

.region-list a.active {
  background: linear-gradient(135deg, var(--primary-color) 0%, #7d0506 100%);
  color: white;
  border-color: var(--primary-color);
  box-shadow: 0 4px 12px rgba(166, 7, 8, 0.3);
}

.region-badge {
  background: rgba(255, 255, 255, 0.2);
  padding: 3px 10px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 700;
}

.region-list a:not(.active) .region-badge {
  background: white;
  color: var(--text-muted);
}

/* Fiyat Aralığı Slider */
.price-range-inputs {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
}

.price-range-input {
  flex: 1;
}

.price-range-input label {
  font-size: 0.75rem;
  color: var(--text-muted);
  margin-bottom: 0.25rem;
  display: block;
}

.price-range-input input {
  width: 100%;
  padding: 0.5rem;
  border: 2px solid var(--border-gray);
  border-radius: 6px;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}

.price-range-input input:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(166, 7, 8, 0.15);
}

/* Checkbox Filtreleri */
.filter-checkbox-group {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.filter-checkbox {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.75rem;
  background: var(--light-gray);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
}

.filter-checkbox:hover {
  background: var(--border-gray);
}

.filter-checkbox input[type="checkbox"] {
  width: 18px;
  height: 18px;
  margin-right: 0.75rem;
  cursor: pointer;
  accent-color: var(--primary-color);
}

.filter-checkbox label {
  margin: 0;
  font-size: 0.85rem;
  font-weight: 500;
  color: #495057;
  cursor: pointer;
  flex: 1;
}

/* Sıralama Seçeneği */
.sort-select-custom {
  width: 100%;
  padding: 0.75rem;
  border: 2px solid var(--border-gray);
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 500;
  background: white;
  cursor: pointer;
  transition: all 0.3s ease;
}

.sort-select-custom:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(166, 7, 8, 0.15);
}

/* Filtre Temizleme Butonu */
.clear-filters-btn {
  width: 100%;
  padding: 0.75rem;
  background: var(--text-muted);
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-top: 1rem;
}

.clear-filters-btn:hover {
  background: #5a6268;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* ===== İL FİYAT KARTLARI ===== */
.city-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.25rem;
}

.city-card {
  background: white;
  border-radius: 16px;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  border: 2px solid transparent;
  overflow: hidden;
  position: relative;
}

.city-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 5px;
  background: linear-gradient(90deg, var(--primary-color) 0%, #d84315 100%);
}

.city-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 24px rgba(166, 7, 8, 0.2);
  border-color: var(--primary-color);
}

.city-card-header {
  background: linear-gradient(135deg, var(--light-gray) 0%, var(--border-gray) 100%);
  padding: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.city-name {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.3rem;
  font-weight: 800;
  color: var(--text-dark);
}

.city-name i {
  color: var(--primary-color);
  font-size: 1.5rem;
}

.city-region {
  background: white;
  color: var(--text-muted);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  border: 1px solid #dee2e6;
}

.city-card-body {
  padding: 1.5rem;
}

.price-display {
  background: linear-gradient(135deg, #fff3f3 0%, #ffe9e9 100%);
  padding: 1.5rem;
  border-radius: 12px;
  text-align: center;
  margin-bottom: 1.25rem;
  border: 2px dashed #ffc1c1;
}

.price-value {
  font-size: 2.5rem;
  font-weight: 900;
  color: var(--primary-color);
  margin-bottom: 0.25rem;
  line-height: 1;
}

.price-unit {
  font-size: 1rem;
  color: var(--text-muted);
}

.price-label {
  font-size: 0.85rem;
  color: var(--text-muted);
  font-weight: 500;
  margin-top: 0.5rem;
}

.company-info {
  background: var(--light-gray);
  padding: 1rem;
  border-radius: 10px;
  margin-bottom: 1rem;
}

.company-name-display {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.company-name-display i {
  color: var(--primary-color);
}

.company-meta {
  display: flex;
  gap: 1rem;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.company-meta-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.view-companies-btn {
  width: 100%;
  padding: 1rem;
  background: linear-gradient(135deg, var(--primary-color) 0%, #7d0506 100%);
  color: white;
  border: none;
  border-radius: 10px;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.view-companies-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 16px rgba(166, 7, 8, 0.3);
  background: linear-gradient(135deg, #8a0506 0%, #6d0405 100%);
}

.view-companies-btn i {
  font-size: 1.1rem;
}

/* ===== REKLAM BANNER ===== */
.ad-banner {
  background: linear-gradient(135deg, #1b5e20 0%, #155817 100%);
  border-radius: 16px;
  padding: 2.5rem;
  text-align: center;
  color: #FFFFFF !important;
  margin-bottom: 2rem;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  position: relative;
  overflow: hidden;
}

.ad-banner * {
  color: #FFFFFF !important;
}

.ad-banner::before {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
  animation: pulse 3s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.1); opacity: 0.8; }
}

.ad-banner-content {
  position: relative;
  z-index: 1;
}

.ad-banner h4 {
  margin-bottom: 1rem;
  font-weight: 800;
  font-size: 1.5rem;
}

.ad-banner p {
  margin-bottom: 1.5rem;
  opacity: 0.95;
  font-size: 1.05rem;
}

.ad-banner-btn {
  background: white;
  color: #1b5e20;
  padding: 1rem 2rem;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.ad-banner-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
  color: #1b5e20;
}

/* ===== İSTATİSTİK KARTLARI ===== */
.stats-card {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  text-align: center;
  border: 2px solid var(--border-gray);
  transition: all 0.3s ease;
}

.stats-card:hover {
  border-color: var(--primary-color);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(166, 7, 8, 0.15);
}

.stats-icon {
  font-size: 2.5rem;
  color: var(--primary-color);
  margin-bottom: 0.5rem;
}

.stats-value {
  font-size: 2rem;
  font-weight: 800;
  color: var(--text-dark);
  margin-bottom: 0.25rem;
}

.stats-label {
  font-size: 0.9rem;
  color: var(--text-muted);
  font-weight: 500;
}

/* ===== ARAMA VE SIRALAMA ===== */
.search-sort-bar {
  background: white;
  padding: 1.25rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
  border: 2px solid var(--light-gray);
}

.search-input {
  padding: 0.75rem 1rem;
  border: 2px solid var(--border-gray);
  border-radius: 10px;
  font-size: 0.95rem;
  transition: all 0.3s ease;
  width: 100%;
}

.search-input:focus {
  border-color: var(--primary-color);
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(166, 7, 8, 0.15);
}

/* ==================== İLAN DETAY SAYFASI ==================== */
.detail-section {
  background: white;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 20px;
}

.detail-section h5 {
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 2px solid #f0f0f0;
}

.info-row {
  display: flex;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: 1px solid #f5f5f5;
}

.info-row:last-child {
  border-bottom: none;
}

.info-label {
  font-weight: 600;
  color: var(--text-muted);
  font-size: 0.95rem;
}

.info-value {
  font-weight: 600;
  color: var(--text-dark);
  font-size: 0.95rem;
}

.price-box {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 4px 15px rgba(166, 7, 8, 0.3);
}

.price-box .price {
  font-size: 3rem;
  font-weight: 800;
  margin: 15px 0;
}

.price-box .price-label {
  font-size: 1rem;
  opacity: 0.9;
  font-weight: 500;
}

/* Hayvan ilanı detay: koyu yeşil arka plan, beyaz fiyat (kırmızıda kaybolmaz) */
.price-box-ilan {
  background: linear-gradient(135deg, #0f4d2a 0%, #135f36 50%, #0d3d24 100%);
  color: #fff;
  box-shadow: 0 4px 15px rgba(15, 77, 42, 0.35);
}

.price-box-ilan .price {
  color: #fff !important;
}

.price-box-ilan .price-label {
  color: rgba(255, 255, 255, 0.92);
  opacity: 1;
}

.contact-box {
  background: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);
  color: #FFFFFF !important;
  border-radius: 12px;
  padding: 25px;
  margin-top: 20px;
}

.contact-box * {
  color: #FFFFFF !important;
}

.contact-box .btn {
  width: 100%;
  padding: 15px;
  font-weight: 700;
  font-size: 1.1rem;
  border-radius: 8px;
  margin-bottom: 10px;
}

.badge-custom {
  display: inline-block;
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 0.85rem;
  margin-right: 8px;
  margin-bottom: 8px;
}

.badge-urgent {
  background: linear-gradient(135deg, #8B0000 0%, #A52A2A 50%, #8B0000 100%);
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(139, 0, 0, 0.3);
}

.badge-urgent i {
  color: #ffffff;
}

.badge-verified {
  background: var(--success-color);
  color: white;
}

.badge-featured {
  background: var(--warning-color);
  color: var(--text-title);
}

.description-box {
  background: var(--light-gray);
  border-radius: 8px;
  padding: 20px;
  line-height: 1.8;
  color: #495057;
}

.seller-info {
  display: flex;
  align-items: center;
  padding: 20px;
  background: var(--light-gray);
  border-radius: 12px;
  margin-top: 20px;
}

.seller-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 2rem;
  font-weight: 700;
  margin-right: 20px;
  flex-shrink: 0;
}

.seller-details h6 {
  font-weight: 700;
  margin-bottom: 5px;
}

.seller-details small {
  color: var(--text-muted);
}

.breadcrumb-custom {
  background: white;
  padding: 15px 0;
  margin-bottom: 20px;
}

.breadcrumb-custom a {
  color: var(--text-muted);
  text-decoration: none;
  font-size: 0.9rem;
}

.breadcrumb-custom a:hover {
  color: var(--primary-color);
}

.share-buttons .btn {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

/* ==================== İLETİŞİM MODERN HERO ==================== */
.contact-modern-hero {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 80px 0;
  margin-bottom: 50px;
  border-bottom: 3px solid var(--primary-color);
}

.contact-stat {
  background: white;
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  text-align: center;
  min-width: 140px;
}

.contact-stat h3 {
  color: var(--primary-color);
  font-size: 2rem;
}

.hero-contact-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

.hero-card {
  background: white;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hero-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.contact-social-row {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 4px;
}

.contact-social-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #f1f3f5;
  color: var(--primary-color);
  font-size: 1.2rem;
  text-decoration: none;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.contact-social-icon:hover {
  background: var(--primary-color);
  color: #fff;
  transform: translateY(-2px);
}

/* ==================== RESPONSIVE - İLETİŞİM MODERN ==================== */
@media (max-width: 767.98px) {
  .contact-modern-hero {
    padding: 36px 0 32px;
    margin-bottom: 28px;
  }
  .contact-modern-hero h1.display-3 {
    font-size: 2rem;
  }
  .contact-modern-hero .lead {
    font-size: 1rem;
  }
  .hero-contact-cards {
    margin-top: 24px;
    gap: 14px;
  }
  .hero-card {
    padding: 18px;
  }
  .hero-card .fs-4 {
    font-size: 1.15rem !important;
  }
}

/* ==================== HABERLER MODERN TASARIM ==================== */
.news-modern-hero {
  background: linear-gradient(135deg, #ac0202 0%, #8B0101 50%, #7A0000 100%);
  padding: 80px 0;
  margin-bottom: 50px;
  border-bottom: 3px solid #1b5e20;
  color: white;
}

.news-modern-hero h1 {
  color: white;
}

.news-modern-hero p {
  color: rgba(255, 255, 255, 0.9);
}

.news-stat {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
  padding: 20px 30px;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(27, 94, 32, 0.2);
  text-align: center;
  min-width: 120px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.news-stat h3 {
  background: linear-gradient(135deg, #ac0202 0%, #8B0101 50%, #7A0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 2rem;
}

.news-stat small {
  color: #1b5e20;
  font-size: 0.85rem;
  font-weight: 600;
}

.news-filter-modern {
  background: white;
  border-radius: 12px;
  padding: 25px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 20px;
}

.category-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.category-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-radius: 8px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  cursor: pointer;
  transition: all 0.3s ease;
  border: 1px solid rgba(172, 2, 2, 0.1);
  color: var(--text-body);
}

.category-item:hover {
  background: linear-gradient(135deg, rgba(172, 2, 2, 0.05) 0%, rgba(172, 2, 2, 0.1) 100%);
  transform: translateX(5px);
  border-color: rgba(172, 2, 2, 0.3);
  color: var(--text-body);
}

.category-item.active {
  background: linear-gradient(135deg, #ac0202 0%, #8B0101 50%, #7A0000 100%);
  color: white; /* Active durumda beyaz */
  box-shadow: 0 4px 12px rgba(172, 2, 2, 0.3);
}

.category-name {
  font-weight: 600;
  font-size: 0.95rem;
  color: inherit; /* Parent'tan renk al (siyah veya active'de beyaz) */
}

.category-badge {
  background: rgba(0, 0, 0, 0.1);
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 700;
}

.category-item.active .category-badge {
  background: rgba(255, 255, 255, 0.3);
}

.search-news-input {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid rgba(172, 2, 2, 0.2);
  border-radius: 8px;
  transition: all 0.3s ease;
  background: white;
}

.search-news-input:focus {
  border-color: #ac0202;
  outline: none;
  box-shadow: 0 0 0 0.2rem rgba(172, 2, 2, 0.15);
  background: linear-gradient(135deg, rgba(255, 255, 255, 1) 0%, rgba(248, 249, 250, 1) 100%);
}

.featured-news-modern {
  background: linear-gradient(135deg, rgba(172, 2, 2, 0.05) 0%, rgba(172, 2, 2, 0.1) 50%, rgba(27, 94, 32, 0.05) 100%);
  border-left: 4px solid #ac0202;
  border-radius: 12px;
  padding: 35px;
  box-shadow: 0 4px 16px rgba(172, 2, 2, 0.15);
  border-top: 1px solid rgba(172, 2, 2, 0.2);
  border-right: 1px solid rgba(172, 2, 2, 0.2);
  border-bottom: 1px solid rgba(172, 2, 2, 0.2);
}

.featured-label {
  display: inline-block;
  background: linear-gradient(135deg, #ac0202 0%, #8B0101 50%, #7A0000 100%);
  color: white;
  padding: 6px 16px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
  box-shadow: 0 2px 8px rgba(172, 2, 2, 0.3);
}

.news-card-modern {
  border: 1px solid rgba(172, 2, 2, 0.1);
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(172, 2, 2, 0.1);
  transition: all 0.3s ease;
  height: 100%;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
}

.news-card-modern:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 24px rgba(172, 2, 2, 0.2);
  border-color: rgba(172, 2, 2, 0.3);
  background: linear-gradient(135deg, #ffffff 0%, rgba(172, 2, 2, 0.02) 100%);
}

.news-card-modern .card-body {
  padding: 25px;
}

.news-category {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.news-category.news {
  background: linear-gradient(135deg, rgba(172, 2, 2, 0.1) 0%, rgba(172, 2, 2, 0.15) 100%);
  color: #ac0202;
  border: 1px solid rgba(172, 2, 2, 0.2);
}

.news-category.guide {
  background: linear-gradient(135deg, rgba(27, 94, 32, 0.1) 0%, rgba(27, 94, 32, 0.15) 100%);
  color: #1b5e20;
  border: 1px solid rgba(27, 94, 32, 0.2);
}

.news-category.ministry {
  background: linear-gradient(135deg, rgba(45, 122, 46, 0.1) 0%, rgba(27, 94, 32, 0.15) 100%);
  color: #2d7a2e;
  border: 1px solid rgba(27, 94, 32, 0.2);
}

.news-title {
  font-size: 1.15rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 15px;
  color: #212529;
}

.news-title:hover {
  color: #ac0202;
  transition: color 0.3s ease;
}

.news-excerpt {
  font-size: 0.9rem;
  line-height: 1.6;
  color: var(--text-muted);
  margin-bottom: 15px;
}

.news-meta-modern {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 15px;
}

.meta-item {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.meta-divider {
  color: var(--border-gray);
}

.news-link {
  color: #ac0202;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.news-link:hover {
  color: #8B0101;
  text-decoration: underline;
}

.news-link::after {
  content: '→';
  transition: transform 0.3s ease;
}

.news-link:hover::after {
  transform: translateX(3px);
}

/* ==================== RESPONSIVE - HABERLER MODERN ==================== */
/* ==================== HABER KAYNAK ETIKETI ==================== */
.news-source {
  display: inline-block;
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 0.8rem;
  font-weight: 600;
  margin-bottom: 15px;
  background: linear-gradient(135deg, rgba(27, 94, 32, 0.1) 0%, rgba(27, 94, 32, 0.15) 100%);
  color: #1b5e20;
  border: 1px solid rgba(27, 94, 32, 0.2);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: var(--text-dark);
  border-left: 3px solid var(--primary-color);
}

/* ==================== MARQUEE FIX ==================== */
.marquee-provinces-section-fixed {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  padding: 12px 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

/* ==================== MODERN PAGINATION (GENEL - HABERLER İÇİN) ==================== */
.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern {
  margin: 0;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern a,
.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern span.pagination-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 45px;
  height: 45px;
  padding: 0 16px;
  border-radius: 12px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
  color: #212529;
  border: 2px solid #e9ecef;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern a:hover {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  border-color: var(--primary-color);
  transform: translateY(-3px) scale(1.05);
  box-shadow: 0 6px 20px rgba(166, 7, 8, 0.3);
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.active a {
  background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);
  color: white;
  border-color: var(--primary-color);
  box-shadow: 0 6px 20px rgba(166, 7, 8, 0.4);
  transform: scale(1.05);
  animation: paginationPulse 2s ease-in-out infinite;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.disabled a,
.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.disabled span.pagination-nav {
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: #adb5bd;
  border-color: #dee2e6;
  cursor: not-allowed;
  opacity: 0.6;
  transform: none;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.disabled a:hover {
  transform: none;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  color: #adb5bd;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.dots span {
  border: none;
  background: transparent;
  cursor: default;
  font-weight: 700;
  color: #6c757d;
  box-shadow: none;
}

.pagination-modern:not(.pagination-listings):not(.pagination-ilborsasi) .page-modern.dots span:hover {
  transform: none;
}

@keyframes paginationPulse {
  0%, 100% {
    box-shadow: 0 6px 20px rgba(166, 7, 8, 0.4);
  }
  50% {
    box-shadow: 0 8px 25px rgba(166, 7, 8, 0.6);
  }
}

/* ==================== RESPONSIVE - PAGINATION ==================== */
/* ==================== ÜYE PANELİ UTILITY CLASSES ==================== */
.panel-header {
  margin-bottom: 2rem;
}

.panel-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
}

.panel-description {
  color: var(--text-muted);
  margin-bottom: 0;
}

.stat-card {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
  text-align: center;
  transition: transform 0.2s;
}

.stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.content-card {
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.content-card-header {
  background: var(--light-gray);
  border-bottom: 1px solid var(--border-gray);
  padding: 1rem 1.5rem;
}

.content-card-body {
  padding: 0;
}

.content-card-body.p-4,
.content-card-body.p-5 {
  padding: inherit;
}

/* ==================== SİTE PALET BUTONU VE BADGE'LER ==================== */
.btn-primary-site {
  background: linear-gradient(135deg, var(--red-primary) 0%, var(--red-hover) 100%);
  border: 2px solid var(--red-primary);
  color: #FFFFFF !important;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-primary-site * {
  color: #FFFFFF !important;
}

.btn-primary-site:hover {
  background: linear-gradient(135deg, var(--red-hover) 0%, var(--red-primary) 100%);
  border-color: var(--red-hover);
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(117, 0, 1, 0.2);
}

.btn-primary-site:hover * {
  color: #FFFFFF !important;
}

.btn-success-site {
  background: linear-gradient(135deg, var(--green-trust) 0%, var(--green-hover) 100%);
  border: 2px solid var(--green-trust);
  color: #FFFFFF !important;
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-success-site * {
  color: #FFFFFF !important;
}

.btn-success-site:hover {
  background: linear-gradient(135deg, var(--green-hover) 0%, var(--green-trust) 100%);
  border-color: var(--green-hover);
  color: #FFFFFF !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(17, 92, 25, 0.2);
}

.btn-success-site:hover * {
  color: #FFFFFF !important;
}

.btn-outline-site {
  background: transparent;
  border: 2px solid var(--primary-color);
  color: var(--primary-color);
  font-weight: 600;
  transition: all 0.3s ease;
}

.btn-outline-site:hover {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: white;
  transform: translateY(-2px);
}

.panel-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
}

.panel-icon.icon-success {
  background: rgba(40, 167, 69, 0.1);
}

.panel-icon.icon-success i {
  color: var(--success-color);
  font-size: 2rem;
}

.panel-icon.icon-danger {
  background: rgba(166, 7, 8, 0.1);
}

.panel-icon.icon-danger i {
  color: var(--primary-color);
  font-size: 2rem;
}

.panel-icon.icon-neutral {
  background: rgba(108, 117, 125, 0.1);
}

.panel-icon.icon-neutral i {
  color: var(--text-muted);
  font-size: 2rem;
}

.badge-pending {
  background: #f0ad4e;
  color: #fff;
}

.text-site-primary {
  color: var(--primary-color) !important;
}

.spinner-site {
  color: var(--primary-color);
}

/* ==================== ÜYE PANELİ MODERN KIRMIZI-BEYAZ ==================== */
:root {
  --db-red: #9C1E2A; /* biraz daha açık, site rengine uyumlu */
  --db-red-2: #7F1720; /* ikincil ton da hafifçe açıldı */
  --db-bg: #ffffff;
  --db-muted: #6c757d;
  --db-border: #dee2e6;
}

.uye-page-header {
  border-bottom: 2px solid var(--db-red);
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.uye-kpi-card {
  background: var(--db-bg);
  border: 1px solid var(--db-border);
  border-radius: 8px;
  padding: 1.5rem;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.uye-kpi-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 4px 10px rgba(139, 25, 35, 0.12);
}

.uye-btn-primary {
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  border: none;
  color: white;
  font-weight: 600;
  padding: 0.6rem 1.5rem;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.uye-btn-primary:hover {
  background: linear-gradient(135deg, var(--db-red-2) 0%, #5A0F13 100%);
  color: white;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 25, 35, 0.3);
}

.uye-btn-outline {
  background: transparent;
  border: 2px solid var(--db-red);
  color: var(--db-red);
  font-weight: 600;
  padding: 0.5rem 1.5rem;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.uye-btn-outline:hover {
  background: var(--db-red);
  border-color: var(--db-red);
  color: white;
  transform: translateY(-2px);
}

.uye-badge-live {
  background: linear-gradient(135deg, #8B1923 0%, #A61F2D 100%);
  color: white;
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
}

.uye-badge-pending {
  background: #E8B4B8;
  color: #6D1419;
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
}

.uye-badge-rejected {
  background: #4A0E14;
  color: white;
  padding: 0.35rem 0.75rem;
  border-radius: 4px;
  font-size: 0.85rem;
  font-weight: 600;
}

.uye-action-btn {
  border: 1px solid var(--db-border);
  background: transparent;
  color: var(--db-muted);
  padding: 0.4rem 0.7rem;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.uye-action-btn:hover {
  border-color: var(--db-red);
  color: var(--db-red);
  background: rgba(139, 25, 35, 0.05);
}

.uye-action-btn.danger:hover {
  border-color: #dc3545;
  color: #dc3545;
  background: rgba(220, 53, 69, 0.05);
}

/* İlanlarım: satıldı satırı – pasif görünüm */
.ilan-row-sold {
  background: rgba(108, 117, 125, 0.06);
}
.ilan-row-sold td {
  color: var(--text-muted, #64748b);
}

/* İlanlarım: sayfalama – site ile uyumlu */
.uye-pagination-wrap {
  display: flex;
  justify-content: center;
}
.uye-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.uye-page-item {
  display: inline-flex;
}
.uye-page-item.disabled .uye-page-link {
  pointer-events: none;
  opacity: 0.6;
  cursor: default;
}
.uye-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  height: 2.25rem;
  padding: 0 0.5rem;
  font-size: 0.9rem;
  font-weight: 500;
  color: var(--red-primary, #7A0000);
  background: #fff;
  border: 1px solid var(--border-neutral, #e8ebef);
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.uye-page-link:hover {
  background: rgba(122, 0, 0, 0.06);
  border-color: var(--red-primary, #7A0000);
  color: var(--red-primary, #7A0000);
}
.uye-page-item.active .uye-page-link {
  background: var(--red-primary, #7A0000);
  border-color: var(--red-primary, #7A0000);
  color: #fff;
}
.uye-page-item.uye-page-ellipsis span {
  padding: 0 0.5rem;
  color: var(--text-muted, #64748b);
  font-size: 0.9rem;
}

/* ==================== ÜYE PANELİ SIDEBAR + CONTAINED LAYOUT ==================== */
.uye-shell {
  display: flex;
  gap: 1.5rem;
  max-width: 1400px;
  margin: 0 auto;
}

.uye-sidebar {
  width: 260px;
  background: white;
  border: 1px solid var(--db-border);
  border-radius: 8px;
  padding: 1.5rem 0;
  height: fit-content;
  position: sticky;
  top: 80px;
}

.uye-sidebar .nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

.uye-sidebar .nav-item {
  margin-bottom: 0.25rem;
}

.uye-sidebar .nav-link {
  display: flex;
  align-items: center;
  padding: 0.75rem 1.5rem;
  color: var(--text-dark);
  text-decoration: none;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
}

.uye-sidebar .nav-link:hover {
  background: rgba(139, 25, 35, 0.05);
  color: var(--db-red);
}

.uye-sidebar .nav-link.active {
  background: rgba(139, 25, 35, 0.08);
  color: var(--db-red);
  border-left-color: var(--db-red);
  font-weight: 600;
}

.uye-sidebar .sidebar-cta {
  margin: 1rem 1rem 0;
  padding-top: 1rem;
  border-top: 1px solid var(--db-border);
}

.uye-content {
  flex: 1;
  min-width: 0;
}

.uye-widget {
  background: white;
  border: 1px solid var(--db-border);
  border-radius: 8px;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  font-size: 0.9rem;
  color: var(--db-muted);
}

.uye-widget strong {
  color: var(--text-dark);
}

/* Üye panel toolbar (admin panel benzeri) */
.uye-toolbar-card {
  border: 1px solid var(--db-border);
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.uye-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  flex-wrap: wrap;
}
.uye-toolbar-left {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.uye-toolbar-right {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.uye-filter-select {
  min-width: 140px;
  max-width: 180px;
}
.uye-content .content-card {
  border: 1px solid var(--db-border);
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);
}
.uye-content .content-card-header {
  border-bottom: 1px solid var(--db-border);
  padding: 1rem 1.25rem;
  font-weight: 600;
  color: var(--text-dark);
}
.uye-content .content-card-body {
  padding: 1.25rem;
}
.uye-content .table th {
  font-weight: 600;
  color: var(--text-dark);
  border-bottom: 1px solid var(--db-border);
}
.uye-content .table td {
  vertical-align: middle;
}

/* ==================== FİRMA PANELİ LAYOUT ==================== */
.panel-shell {
  display: flex;
  gap: 2rem;
  min-height: 60vh;
}

.panel-sidebar {
  width: 280px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  position: sticky;
  top: 90px;
  height: fit-content;
  overflow: hidden;
}

.panel-content {
  flex: 1;
  min-width: 0;
}

.firma-sidebar-header {
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  color: white;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 700;
  font-size: 1.1rem;
}

.firma-sidebar-header i {
  font-size: 1.6rem;
}

.firma-sidebar-nav {
  padding: 1rem 0;
}

.firma-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.5rem;
  color: var(--text-dark);
  text-decoration: none;
  transition: all 0.2s ease;
  border-left: 3px solid transparent;
  font-weight: 500;
}

.firma-nav-item i {
  font-size: 1.2rem;
  width: 24px;
}

.firma-nav-item:hover {
  background: rgba(139, 25, 35, 0.05);
  color: var(--db-red);
}

.firma-nav-item.active {
  background: rgba(139, 25, 35, 0.08);
  color: var(--db-red);
  border-left-color: var(--db-red);
  font-weight: 700;
}

.firma-sidebar-footer {
  border-top: 1px solid var(--db-border);
  padding: 1rem 0;
}

/* Admin sidebar info (moved from inline styles) */
.firma-sidebar-info {
  padding: 0.75rem 1.5rem;
  border-top: 1px solid var(--db-border);
}

.firma-sidebar-logout {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0;
}

.firma-nav-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.95rem 1.25rem;
  color: var(--text-dark);
  text-decoration: none;
  transition: background 0.18s ease, color 0.18s ease, transform 0.12s ease;
  border-left: 3px solid transparent;
  font-weight: 500;
}
.firma-nav-item i {
  font-size: 1.25rem;
  width: 28px;
  display: inline-flex;
  justify-content: center;
}
.firma-nav-item:hover {
  background: rgba(156, 30, 42, 0.06);
  color: var(--text-dark);
  transform: translateX(2px);
}
.firma-nav-item.active {
  background: linear-gradient(135deg, rgba(156,30,42,0.95) 0%, rgba(127,23,32,0.95) 100%);
  color: #ffffff;
  border-left-color: rgba(255,255,255,0.12);
  font-weight: 700;
}


/* Slight spacing tweak for stat-cards to align with firma theme */
.stat-card {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 16px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,0.04);
}

.stat-details h3 {
  margin: 0;
  font-size: 1.25rem;
}

.stat-details p {
  margin: 0;
  color: #6b7280; /* muted text */
  font-size: 0.9rem;
}

/* Notifications / Tasks styles for firma dashboard */
.firma-notifications .list-group-item {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.firma-notifications .list-group-item .fw-bold {
  font-size: 0.95rem;
}

.firma-notifications .list-group-item .small {
  font-size: 0.8rem;
}

/* Homepage/site notifications styling */
.site-notifications-card {
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
}

.site-notifications-card .list-group-item {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.site-notifications-card .fw-bold {
  font-size: 0.95rem;
}

/* Buttons and badges for admin notifications: use site colors only */
.btn-site-primary {
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  border: none;
  color: #fff;
}
.btn-site-primary:hover {
  filter: brightness(0.95);
}
.btn-site-outline {
  background: transparent;
  border: 1px solid rgba(139,25,35,0.12);
  color: var(--db-red);
}
.btn-site-outline:hover {
  background: rgba(139,25,35,0.04);
}
.btn-site-secondary {
  background: #f5f5f5;
  border: 1px solid #e6e6e6;
  color: #6b7280;
}

/* Site badge styles - use site red palette or muted neutral */
.badge-site {
  display: inline-block;
  padding: 0.25rem 0.6rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  color: #fff;
  font-weight: 700;
  font-size: 0.8rem;
}

.badge-muted {
  display: inline-block;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: #f3f4f6;
  color: #374151;
  font-weight: 600;
  font-size: 0.8rem;
}

/* Alert variant using site neutral / subtle color instead of bootstrap info (blue) */
.alert-site-info {
  background: rgba(139,25,35,0.05);
  border: 1px solid rgba(139,25,35,0.08);
  color: #4b2a2a;
}

.task-badge {
  display: inline-block;
  padding: 0.18rem 0.5rem;
  border-radius: 999px;
  background: rgba(0,0,0,0.04);
  color: #374151;
  font-size: 0.75rem;
  font-weight: 600;
}

.task-priority {
  display: inline-block;
  padding: 0.12rem 0.45rem;
  border-radius: 6px;
  background: rgba(0,0,0,0.03);
  color: #374151;
  font-size: 0.72rem;
  font-weight: 600;
  border: 1px solid rgba(0,0,0,0.04);
}

.firma-page-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}

.firma-page-header h2 i {
  color: var(--db-red);
}

.firma-page-header p {
  margin: 0.25rem 0 0 0;
}

.firma-btn-primary {
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  color: white;
  border: none;
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  transition: all 0.2s ease;
}

.firma-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(139, 25, 35, 0.3);
}

.firma-btn-outline {
  background: white;
  color: var(--db-red);
  border: 2px solid var(--db-red);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.firma-btn-outline:hover {
  background: var(--db-red);
  color: white;
}

.firma-stats-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1.25rem;
  margin-bottom: 2rem;
}

.firma-stat-card {
  background: white;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  align-items: center;
  gap: 1rem;
  transition: transform 0.2s ease;
}

.firma-stat-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.firma-stat-icon {
  width: 60px;
  height: 60px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
}

.firma-stat-icon.live {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
}

.firma-stat-icon.draft {
  background: rgba(255, 193, 7, 0.1);
  color: var(--warning-color);
}

.firma-stat-icon.empty {
  background: rgba(108, 117, 125, 0.1);
  color: var(--text-muted);
}

.firma-stat-body {
  flex: 1;
}

.firma-stat-value {
  font-size: 2rem;
  font-weight: 800;
  color: var(--text-dark);
  line-height: 1;
  margin-bottom: 0.25rem;
}

.firma-stat-label {
  font-size: 0.875rem;
  color: var(--text-muted);
  font-weight: 500;
}

.firma-price-table-wrapper {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.firma-price-table {
  width: 100%;
  border-collapse: collapse;
}

.firma-price-table thead {
  background: var(--light-gray);
}

.firma-price-table th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 700;
  color: var(--text-dark);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--db-border);
}

.firma-price-table tbody tr {
  border-bottom: 1px solid var(--db-border);
  transition: background 0.15s ease;
}

.firma-price-table tbody tr:hover {
  background: rgba(139, 25, 35, 0.02);
}

.firma-price-table tbody tr:last-child {
  border-bottom: none;
}

.firma-price-table td {
  padding: 1.25rem 1.5rem;
}

.firma-city-cell {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--text-dark);
}

.firma-city-cell i {
  color: var(--db-red);
  font-size: 1.1rem;
}

.firma-price-cell {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--db-red);
}

.firma-price-cell.empty {
  color: var(--text-muted);
  font-weight: 400;
}

.firma-date-cell {
  font-size: 0.875rem;
  color: var(--text-muted);
}

.firma-badge-live {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}

.firma-badge-live::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--success-color);
  border-radius: 50%;
  animation: pulse-dot 2s infinite;
}

.firma-badge-draft {
  background: rgba(255, 193, 7, 0.1);
  color: var(--warning-color);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
}

.firma-badge-empty {
  background: rgba(108, 117, 125, 0.1);
  color: var(--text-muted);
  padding: 6px 12px;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 700;
}

@keyframes pulse-dot {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.4; }
}

.firma-action-btns {
  display: flex;
  gap: 0.5rem;
}

.firma-action-btn {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  border: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 1rem;
}

.firma-action-btn.edit {
  background: rgba(13, 110, 253, 0.1);
  color: #0d6efd;
}

.firma-action-btn.edit:hover {
  background: #0d6efd;
  color: white;
}

.firma-action-btn.add {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
}

.firma-action-btn.add:hover {
  background: var(--success-color);
  color: white;
}

.firma-action-btn.publish {
  background: rgba(255, 193, 7, 0.1);
  color: var(--warning-color);
}

.firma-action-btn.publish:hover {
  background: var(--warning-color);
  color: white;
}

.firma-modal .modal-content {
  border: none;
  border-radius: 12px;
  overflow: hidden;
}

.firma-modal-header {
  background: linear-gradient(135deg, var(--db-red) 0%, var(--db-red-2) 100%);
  color: white;
  padding: 1.5rem;
  border: none;
}

.firma-modal-header .modal-title {
  font-weight: 700;
  display: flex;
  align-items: center;
}

.firma-modal-city-info {
  background: var(--light-gray);
  padding: 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 1.1rem;
  color: var(--text-dark);
  margin-bottom: 1.5rem;
}

.firma-modal-city-info i {
  color: var(--db-red);
  font-size: 1.25rem;
}

.firma-form-label {
  display: block;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.firma-price-input-group {
  position: relative;
}

.firma-form-control {
  width: 100%;
  padding: 1rem 3rem 1rem 1rem;
  border: 2px solid var(--db-border);
  border-radius: 8px;
  font-size: 1.25rem;
  font-weight: 600;
  transition: all 0.2s ease;
}

.firma-form-control:focus {
  border-color: var(--db-red);
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 25, 35, 0.1);
}

.firma-form-control-sm {
  padding: 0.75rem 1rem;
  font-size: 1rem;
  font-weight: 600;
}

.firma-input-suffix {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-muted);
  pointer-events: none;
}

.firma-form-hint {
  display: block;
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: var(--text-muted);
}

.firma-modal-footer {
  padding: 1rem 1.5rem;
  border-top: 1px solid var(--db-border);
  display: flex;
  gap: 0.75rem;
  justify-content: flex-end;
}

.firma-modal-info {
  background: rgba(13, 110, 253, 0.1);
  color: #0d6efd;
  padding: 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

.firma-publish-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.firma-publish-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background: var(--light-gray);
  border-radius: 8px;
}

.firma-publish-city {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  color: var(--text-dark);
}

.firma-publish-city i {
  color: var(--db-red);
}

.firma-publish-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--db-red);
}

.firma-quick-action-card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
  overflow: hidden;
}

.firma-quick-header {
  background: var(--light-gray);
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--db-border);
}

.firma-quick-header h5 {
  margin: 0;
  font-weight: 700;
  color: var(--text-dark);
  display: flex;
  align-items: center;
}

.firma-quick-body {
  padding: 1.5rem;
}

.firma-quick-form {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  gap: 1.25rem;
  align-items: end;
}

.firma-form-group {
  display: flex;
  flex-direction: column;
}

.firma-recent-card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.firma-recent-header {
  background: var(--light-gray);
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--db-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.firma-recent-header h5 {
  margin: 0;
  font-weight: 700;
  color: var(--text-dark);
  display: flex;
  align-items: center;
}

.firma-link {
  color: var(--db-red);
  text-decoration: none;
  font-weight: 600;
  font-size: 0.9rem;
  transition: opacity 0.2s ease;
}

.firma-link:hover {
  opacity: 0.8;
}

.firma-recent-list {
  padding: 1rem;
}

.firma-recent-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
  transition: background 0.15s ease;
}

.firma-recent-item:hover {
  background: var(--light-gray);
}

.firma-recent-icon {
  width: 45px;
  height: 45px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
}

.firma-recent-icon.live {
  background: rgba(40, 167, 69, 0.1);
  color: var(--success-color);
}

.firma-recent-content {
  flex: 1;
}

.firma-recent-title {
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 0.25rem;
}

.firma-recent-meta {
  font-size: 0.85rem;
  color: var(--text-muted);
}

.firma-recent-price {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--db-red);
}

.firma-filter-bar {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  padding: 1.5rem;
  margin-bottom: 2rem;
  display: flex;
  gap: 1.25rem;
  align-items: end;
}

.firma-filter-group {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.firma-filter-label {
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 0.5rem;
  font-size: 0.9rem;
}

.firma-filter-select {
  padding: 0.75rem 1rem;
  border: 2px solid var(--db-border);
  border-radius: 8px;
  font-size: 0.95rem;
  transition: all 0.2s ease;
  background: white;
}

.firma-filter-select:focus {
  border-color: var(--db-red);
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 25, 35, 0.1);
}

.firma-filter-input {
  padding: 0.75rem 1rem;
  border: 2px solid var(--db-border);
  border-radius: 8px;
  font-size: 0.95rem;
  transition: all 0.2s ease;
}

.firma-filter-input:focus {
  border-color: var(--db-red);
  outline: none;
  box-shadow: 0 0 0 3px rgba(139, 25, 35, 0.1);
}

.firma-history-table-wrapper {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  margin-bottom: 2rem;
}

.firma-history-table {
  width: 100%;
  border-collapse: collapse;
}

.firma-history-table thead {
  background: var(--light-gray);
}

.firma-history-table th {
  padding: 1rem 1.5rem;
  text-align: left;
  font-weight: 700;
  color: var(--text-dark);
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: 2px solid var(--db-border);
}

.firma-history-table tbody tr {
  border-bottom: 1px solid var(--db-border);
  transition: background 0.15s ease;
}

.firma-history-table tbody tr:hover {
  background: rgba(139, 25, 35, 0.02);
}

.firma-history-table tbody tr:last-child {
  border-bottom: none;
}

.firma-history-table td {
  padding: 1.25rem 1.5rem;
}

.firma-user-cell {
  font-size: 0.9rem;
  color: var(--text-dark);
  font-weight: 500;
}

.firma-action-btn.view {
  background: rgba(108, 117, 125, 0.1);
  color: var(--text-muted);
}

.firma-action-btn.view:hover {
  background: var(--text-muted);
  color: white;
}

.firma-pagination {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}

.firma-page-btn {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 2px solid var(--db-border);
  background: white;
  color: var(--text-dark);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.firma-page-btn:hover:not(:disabled) {
  border-color: var(--db-red);
  color: var(--db-red);
}

.firma-page-btn.active {
  background: var(--db-red);
  border-color: var(--db-red);
  color: white;
}

.firma-page-btn:disabled {
  opacity: 0.4;
  cursor: not-allowed;
}

.firma-profile-card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  margin-bottom: 2rem;
  overflow: hidden;
}

.firma-profile-header {
  background: var(--light-gray);
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--db-border);
}

.firma-profile-header h5 {
  margin: 0;
  font-weight: 700;
  color: var(--text-dark);
  display: flex;
  align-items: center;
}

.firma-profile-body {
  padding: 2rem;
}

.firma-form-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.firma-form-actions {
  display: flex;
  justify-content: flex-end;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid var(--db-border);
}

/* ==================== FİRMA DESTEK ==================== */
.firma-support-grid {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}

.firma-support-card {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  overflow: hidden;
}

.firma-support-card-header {
  background: var(--light-gray);
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--db-border);
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.firma-support-card-header i {
  color: var(--db-red);
  font-size: 1.25rem;
}

.firma-support-card-header h5 {
  margin: 0;
  font-weight: 800;
  color: var(--text-dark);
}

.firma-support-card-body {
  padding: 1.5rem;
}

.firma-support-faq {
  border: 1px solid var(--db-border);
  border-radius: 10px;
  padding: 0.85rem 1rem;
  margin-bottom: 0.75rem;
  background: #fff;
}

.firma-support-faq summary {
  cursor: pointer;
  font-weight: 700;
  color: var(--text-dark);
}

.firma-support-faq-body {
  margin-top: 0.75rem;
  color: var(--text-muted);
  font-size: 0.95rem;
}

.firma-support-banner {
  background: linear-gradient(135deg, rgba(139, 25, 35, 0.10) 0%, rgba(139, 25, 35, 0.04) 100%);
  border: 1px solid rgba(139, 25, 35, 0.18);
  border-radius: 12px;
  padding: 1.25rem 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.firma-support-banner-title {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-weight: 900;
  color: var(--text-dark);
}

.firma-support-banner-title i {
  color: var(--db-red);
}

.firma-support-banner-text {
  color: var(--text-muted);
  margin-top: 0.25rem;
}

/* Mini Toast */
.db-toast-host {
  position: fixed;
  right: 16px;
  bottom: 90px;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.db-toast {
  background: #111827;
  color: #fff;
  padding: 12px 14px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
  font-weight: 700;
  max-width: 320px;
  opacity: 0;
  transform: translateY(10px);
  transition: all 0.2s ease;
}

.db-toast.show {
  opacity: 1;
  transform: translateY(0);
}

.db-toast-success {
  background: linear-gradient(135deg, #16a34a 0%, #15803d 100%);
}

.db-toast-info {
  background: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);
}

.db-toast-error {
  background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
}

.firma-dashboard-header {
  margin-bottom: 32px;
}

.firma-dashboard-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.65fr) minmax(260px, 0.85fr);
  gap: 1rem;
  padding: 1.25rem;
  border-radius: 22px;
  border: 1px solid rgba(139, 25, 35, 0.14);
  background: linear-gradient(135deg, #fffdfd 0%, #fff3f3 100%);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.08);
}

.firma-dashboard-hero-copy {
  display: flex;
  flex-direction: column;
  gap: 0.85rem;
}

.firma-dashboard-badge {
  align-self: flex-start;
  padding: 0.38rem 0.8rem;
  border-radius: 999px;
  background: rgba(139, 25, 35, 0.08);
  color: var(--db-red);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.firma-dashboard-title {
  font-size: 28px;
  font-weight: 700;
  color: #212529;
  margin: 0;
}

.firma-dashboard-subtitle {
  font-size: 15px;
  color: #6c757d;
  margin: 0;
  line-height: 1.6;
}

.firma-dashboard-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

.firma-dashboard-light-btn {
  border: 1px solid rgba(139, 25, 35, 0.12);
  color: #7a1720;
}

.firma-dashboard-light-btn:hover {
  color: #7a1720;
  border-color: rgba(139, 25, 35, 0.22);
  background: #fff7f7;
}

.firma-dashboard-highlight {
  display: grid;
  gap: 0.85rem;
}

.firma-dashboard-highlight-item {
  padding: 1rem;
  border-radius: 18px;
  border: 1px solid rgba(139, 25, 35, 0.12);
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.firma-dashboard-highlight-label {
  display: block;
  margin-bottom: 0.35rem;
  color: #8a8f98;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.firma-dashboard-highlight-item strong {
  color: #111827;
  font-size: 0.98rem;
}

.cut-switch-shell {
  padding: 1rem;
  border-radius: 22px;
  border: 1px solid rgba(139, 25, 35, 0.14);
  background: linear-gradient(135deg, #fffefe 0%, #fff6f6 100%);
  box-shadow: 0 14px 30px rgba(15, 23, 42, 0.05);
}

.cut-switch-shell--hero {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid rgba(117, 0, 1, 0.22);
  background:
    radial-gradient(circle at top right, rgba(17, 92, 25, 0.08), transparent 30%),
    radial-gradient(circle at bottom left, rgba(117, 0, 1, 0.1), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #fff8f8 100%);
  box-shadow: 0 16px 34px rgba(15, 23, 42, 0.07);
}

.cut-switch-shell--hero::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(110deg, #5a0001 0%, #750001 12%, #8b0101 20%, #b6b7bc 32%, #f3f4f6 40%, #8f949c 48%, #2d4a2f 58%, #166b20 68%, #115c19 78%, #5a0001 90%, #5a0001 100%);
  background-size: 300% 100%;
  background-position: 0% 50%;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  animation: cutSwitchBorderFlow 4.4s linear infinite;
  opacity: 1;
  z-index: 0;
  pointer-events: none;
}

.cut-switch-shell--hero::after {
  content: '';
  position: absolute;
  inset: 12px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(255,255,255,0));
  opacity: 0.55;
  z-index: 0;
  pointer-events: none;
}

.cut-switch-shell--hero > * {
  position: relative;
  z-index: 1;
}

.cut-switch-shell-filter {
  padding: 0.75rem;
  border-radius: 18px;
  background: #fff;
  box-shadow: none;
}

.cut-switch-title {
  margin-bottom: 0.7rem;
  color: #111827;
  font-size: 0.96rem;
  font-weight: 800;
}

.cut-switch-shell--hero .cut-switch-title {
  margin-bottom: 0.82rem;
  font-size: 1rem;
  font-weight: 900;
  letter-spacing: -0.015em;
}

.cut-switch-title-filter {
  font-size: 0.88rem;
}

.cut-switch-shell-compact {
  padding: 0.72rem;
  border-radius: 18px;
}

.cut-switch-shell-compact .cut-switch-title {
  margin-bottom: 0.55rem;
  font-size: 0.84rem;
}

.cut-switch-shell-compact .cut-switch-row {
  flex-direction: column;
  gap: 0.55rem;
}

.cut-switch-shell-compact .cut-switch-chip,
.cut-switch-shell-compact .cut-switch-chip-dana,
.cut-switch-shell-compact .cut-switch-chip-kuzu {
  width: 100%;
  flex: none;
  padding: 0.78rem 0.8rem;
  border-radius: 16px;
}

.cut-switch-shell-compact .cut-switch-chip-head {
  display: grid;
  grid-template-columns: 2.3rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
}

.cut-switch-shell-compact .cut-switch-chip-icon {
  width: 2.3rem;
  height: 2.3rem;
  padding: 0.2rem;
  grid-row: 1 / span 2;
}

.cut-switch-shell-compact .cut-switch-chip-copy {
  min-width: 0;
}

.cut-switch-shell-compact .cut-switch-chip-label {
  font-size: 0.88rem;
  line-height: 1.15;
}

.cut-switch-shell-compact .cut-switch-chip-indicator {
  grid-column: 2;
  justify-content: flex-start;
}

.cut-switch-shell-compact .cut-switch-chip-indicator-label {
  width: 28px;
  height: 28px;
  min-height: 28px;
  padding: 0;
  font-size: 0.72rem;
  white-space: nowrap;
}

.cut-switch-row {
  display: flex;
  gap: 0.85rem;
}

.cut-switch-chip {
  flex: 1;
  min-width: 0;
  position: relative;
  overflow: hidden;
  padding: 0.96rem 1.02rem;
  border-radius: 20px;
  border: 1px solid rgba(127, 29, 29, 0.14);
  background: linear-gradient(180deg, #ffffff 0%, #fff9f7 100%);
  color: #111827;
  text-decoration: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.92),
    0 10px 22px rgba(122, 18, 18, 0.06);
  transition: border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, background-color 0.18s ease;
}

.cut-switch-shell--hero .cut-switch-chip {
  border: 1px solid rgba(117, 0, 1, 0.16);
  background: linear-gradient(180deg, #ffffff 0%, #fffafa 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.96),
    0 12px 24px rgba(122, 18, 18, 0.07);
}

.cut-switch-shell--hero .cut-switch-chip:not(.is-active) {
  opacity: 0.86;
  filter: saturate(0.92);
}

.cut-switch-chip::before {
  display: none;
}

.cut-switch-chip:hover {
  color: #111827;
  border-color: rgba(139, 25, 35, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.94),
    0 14px 28px rgba(122, 18, 18, 0.08);
  transform: translateY(-1px);
}

.cut-switch-shell--hero .cut-switch-chip:hover {
  border-color: rgba(117, 0, 1, 0.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.98),
    0 14px 30px rgba(122, 18, 18, 0.1);
  transform: translateY(-2px);
}

.cut-switch-chip.is-active {
  border-color: rgba(127, 29, 29, 0.6);
  background: linear-gradient(135deg, #8f121c 0%, #6d0a11 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 16px 32px rgba(139, 25, 35, 0.18);
}

.cut-switch-shell--hero .cut-switch-chip.is-active {
  border-color: rgba(117, 0, 1, 0.52);
  background: linear-gradient(135deg, #8f121c 0%, #6d0a11 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 18px 34px rgba(117, 0, 1, 0.2);
  transform: translateY(-2px) scale(1.02);
}

.cut-switch-chip-dana {
  flex: 1.45;
}

.cut-switch-chip-kuzu {
  flex: 1;
}

.cut-switch-chip-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.85rem;
  margin-bottom: 0;
  position: relative;
  z-index: 1;
}

.cut-switch-chip-icon {
  width: 2.85rem;
  height: 2.85rem;
  padding: 0;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  overflow: visible;
  background: transparent;
  border: none;
  box-shadow: none;
}

.cut-switch-chip.is-active .cut-switch-chip-icon {
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}

.cut-switch-chip-icon img,
.cut-switch-chip-icon svg {
  width: 82%;
  height: 82%;
  display: block;
  object-fit: contain;
  object-position: center;
  margin: auto;
}

.cut-switch-chip-icon-dana img {
  width: 108%;
  height: 108%;
  object-fit: contain;
  transform: scale(1.04) translateX(1%);
  filter: brightness(0) saturate(100%);
}

.cut-switch-chip-icon-kuzu img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  transform: none;
  filter: brightness(0) saturate(100%);
}

@media (min-width: 992px) {
  .cut-switch-chip.is-active .cut-switch-chip-icon-dana img,
  .cut-switch-chip.is-active .cut-switch-chip-icon-kuzu img {
    filter: brightness(0) saturate(100%) invert(100%) !important;
  }
}

.cut-switch-chip-copy {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.14rem;
}

.cut-switch-chip-label {
  font-size: 1rem;
  font-weight: 800;
  color: #5a1117;
  line-height: 1.2;
}

.cut-switch-shell--hero .cut-switch-chip-label {
  font-size: 1.02rem;
}

.cut-switch-chip-sub {
  color: #7c6666;
  font-size: 0.74rem;
  font-weight: 700;
  line-height: 1.2;
}

.cut-switch-chip.is-active .cut-switch-chip-label,
.cut-switch-chip.is-active .cut-switch-chip-indicator,
.cut-switch-chip.is-active .cut-switch-chip-sub {
  color: #fff8f4;
}

.cut-switch-shell--hero .cut-switch-chip:not(.is-active) .cut-switch-chip-label {
  color: #7a2f36;
}

.cut-switch-shell--hero .cut-switch-chip.is-active .cut-switch-chip-label {
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.16);
}

.cut-switch-chip-indicator {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b12b37;
  font-size: 0.94rem;
}

.cut-switch-chip-dot {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 999px;
  border: 1.5px solid #d6c6c6;
  background: rgba(255,255,255,0.85);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
}

.cut-switch-chip-indicator-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 800;
}

.cut-switch-chip-indicator-label.is-active {
  color: #7f1d1d;
  background: #ffffff;
  border: 1px solid rgba(255,255,255,0.88);
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.14);
}

.cut-switch-chip-indicator-label.is-passive {
  color: #7f1d1d;
  background: rgba(127, 29, 29, 0.08);
  border: 1px solid rgba(127, 29, 29, 0.14);
}

.cut-switch-shell--hero .cut-switch-chip:not(.is-active) .cut-switch-chip-indicator-label.is-passive {
  background: rgba(127, 29, 29, 0.06);
  border-color: rgba(127, 29, 29, 0.1);
}

@keyframes cutSwitchBorderFlow {
  from { background-position: 0% 50%; }
  to { background-position: 300% 50%; }
}

/* Premium Segmented Control tabs for mobile */
@media (max-width: 991.98px) {
  .cut-switch-shell--hero {
    margin-bottom: 20px !important;
  }
  .cut-switch-shell--hero .cut-switch-title {
    font-size: 0.9rem !important;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #4b5563;
    margin-bottom: 8px;
    text-align: center;
  }
  .cut-switch-shell--hero .cut-switch-row {
    background: rgba(122, 15, 26, 0.05) !important;
    border: 1px solid rgba(122, 15, 26, 0.08) !important;
    padding: 4px !important;
    border-radius: 14px !important;
    gap: 4px !important;
    display: flex !important;
  }
  .cut-switch-shell--hero .cut-switch-chip {
    padding: 10px 8px !important;
    border-radius: 10px !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 !important;
  }
  .cut-switch-shell--hero .cut-switch-chip:hover {
    transform: none !important;
    border: none !important;
    box-shadow: none !important;
  }
  .cut-switch-shell--hero .cut-switch-chip.is-active {
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(122, 15, 26, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02) !important;
  }
  .cut-switch-shell--hero .cut-switch-chip-icon {
    width: 22px !important;
    height: 22px !important;
    border-radius: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .cut-switch-shell--hero .cut-switch-chip-icon img {
    width: 100% !important;
    height: 100% !important;
    filter: brightness(0) saturate(100%) invert(14%) sepia(95%) saturate(3662%) hue-rotate(349deg) brightness(85%) contrast(108%) !important; /* Brand red color `#720102` */
  }
  .cut-switch-shell--hero .cut-switch-chip:not(.is-active) .cut-switch-chip-icon img {
    filter: grayscale(1) opacity(0.5) !important;
  }
  .cut-switch-shell--hero .cut-switch-chip-label {
    font-size: 0.82rem !important;
    font-weight: 800 !important;
    color: #4b5563 !important;
  }
  .cut-switch-shell--hero .cut-switch-chip.is-active .cut-switch-chip-label {
    color: #720102 !important;
  }
  .cut-switch-shell--hero .cut-switch-chip-indicator {
    display: none !important; /* Hide indicator checkmark/arrows to keep it minimalist */
  }
}

/* Empty price circle design */
.ilb-price-circle-wrapper.is-empty {
  border: 2.5px dashed #cbd5e1 !important;
  background: #fafbfc !important;
  box-shadow: none !important;
}
.ilb-price-circle-wrapper.is-empty .ilb-price-text {
  color: #94a3b8 !important;
}
.ilb-price-circle-wrapper.is-empty .ilb-price-unit {
  color: #94a3b8 !important;
  opacity: 0.65;
}

.firma-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}

.firma-quick-card {
  display: flex;
  gap: 0.9rem;
  align-items: flex-start;
  padding: 1rem 1.1rem;
  border-radius: 16px;
  border: 1px solid rgba(139, 25, 35, 0.16);
  background: linear-gradient(145deg, #ffffff 0%, #fff7f7 100%);
  text-decoration: none;
  box-shadow: 0 12px 26px rgba(15, 23, 42, 0.08);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.firma-quick-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 16px 30px rgba(15, 23, 42, 0.12);
  border-color: rgba(139, 25, 35, 0.28);
}

.firma-quick-icon {
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(139, 25, 35, 0.08);
  color: var(--db-red);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  flex: 0 0 48px;
}

.firma-quick-title {
  display: block;
  color: #111827;
  font-weight: 800;
  font-size: 1rem;
}

.firma-quick-sub {
  display: block;
  margin-top: 0.22rem;
  color: #6b7280;
  font-size: 0.88rem;
  line-height: 1.45;
}

.firma-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 40px;
}

.firma-stat-card {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 24px;
}

.firma-stat-label {
  font-size: 13px;
  font-weight: 500;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;
}

.firma-stat-value {
  font-size: 32px;
  font-weight: 700;
  color: #a60708;
}

.firma-stat-value-small {
  font-size: 20px;
}

.firma-activity-section {
  background: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 24px;
}

.firma-activity-title {
  font-size: 18px;
  font-weight: 600;
  color: #212529;
  margin: 0 0 20px 0;
}

.firma-activity-list {
  min-height: 120px;
}

.firma-activity-empty {
  text-align: center;
  color: #6c757d;
  padding: 40px 0;
  font-size: 14px;
}

/* ==================== ANLIK FIYAT KARTI VE MODAL ==================== */
.anlik-card {
  background: #fff;
  border-radius: 10px;
  padding: 1rem;
  box-shadow: 0 6px 18px rgba(0,0,0,0.06);
  border: 1px solid rgba(0,0,0,0.04);
}
.anlik-card-title {
  font-size: 1rem;
  font-weight: 700;
}
.anlik-price-value {
  font-size: 1.5rem;
  font-weight: 800;
  color: #1b5e20; /* güven veren ton */
}

/* Modal küçük düzenlemeler (firma paneline uyumlu) */
.modal-content { border-radius: 10px; }

/* Card header / corporate styling */
.anlik-card-header { padding-bottom: 0.25rem; border-bottom: 1px solid rgba(0,0,0,0.03); }
.anlik-card-heading { font-size: 1rem; font-weight: 800; }
.anlik-card-subtitle { font-size: 0.9rem; }
.anlik-last-update { color: #6c757d; font-size: 0.85rem; }

/* Slight spacing adjustments for modal form */
.modal-body .form-label { font-weight: 600; }
.modal-body .form-text { color: #6c757d; }

.anlik-card .firma-btn-primary { padding: 0.5rem 0.75rem; }

/* temporary highlight when price updated via modal */
.price-updated {
  background-color: rgba(27,94,32,0.06);
  border-radius: 6px;
  padding: 0.15rem 0.4rem;
  transition: background-color 0.8s ease;
}
.modal-sm .modal-content { padding: 0; }

.anlik-card .firma-btn-primary { padding: 0.5rem 0.75rem; }

/* responsive */
/* ==================== ORTAK RENK SİSTEMİ - TUTARLI TASARIM ==================== */
/* NOT: Layout (spacing, grid, flex, position, width/height) değişmeyecek. */
/* Sadece renk, arkaplan, border, shadow, hover/active durumları standardize edildi. */

/* =========================
   BUTONLAR - RENK ROLLERİ
   ========================= */
/* KIRMIZI: Ana CTA butonlar */
.btn-primary,
.btn-danger,
.btn-primary-site,
.btn-modern-register,
.btn-site-primary,
.firma-btn-primary {
  background: linear-gradient(135deg, var(--red-primary) 0%, var(--red-hover) 100%);
  border-color: var(--red-primary);
  color: #FFFFFF !important;
}

.btn-primary *,
.btn-danger *,
.btn-primary-site *,
.btn-modern-register *,
.btn-site-primary *,
.firma-btn-primary * {
  color: #FFFFFF !important;
}

.btn-primary:hover,
.btn-danger:hover,
.btn-primary-site:hover,
.btn-modern-register:hover,
.btn-site-primary:hover,
.firma-btn-primary:hover {
  background: linear-gradient(135deg, var(--red-hover) 0%, var(--red-primary) 100%);
  border-color: var(--red-hover);
  color: #FFFFFF !important;
}

.btn-primary:hover *,
.btn-danger:hover *,
.btn-primary-site:hover *,
.btn-modern-register:hover *,
.btn-site-primary:hover *,
.firma-btn-primary:hover * {
  color: #FFFFFF !important;
}

.btn-outline-primary,
.btn-outline-site {
  border-color: var(--red-primary);
  color: var(--red-primary);
  background-color: transparent;
}

.btn-outline-primary:hover,
.btn-outline-site:hover {
  background-color: var(--red-primary);
  border-color: var(--red-primary);
  color: #FFFFFF;
}

/* YEŞİL: Güven/Doğrulama butonları */
.btn-success,
.btn-success-site {
  background: linear-gradient(135deg, var(--green-trust) 0%, var(--green-hover) 100%);
  border-color: var(--green-trust);
  color: #FFFFFF !important;
}

.btn-success *,
.btn-success-site * {
  color: #FFFFFF !important;
}

.btn-success:hover,
.btn-success-site:hover {
  background: linear-gradient(135deg, var(--green-hover) 0%, var(--green-trust) 100%);
  border-color: var(--green-hover);
  color: #FFFFFF !important;
}

.btn-success:hover *,
.btn-success-site:hover * {
  color: #FFFFFF !important;
}

/* =========================
   KARTLAR - BEYAZ YÜZEYLER
   ========================= */
.card,
.price-card,
.modern-card,
.company-card,
.listing-card,
.section-card,
.modern-company-card,
.ilb-company-card-relative,
.content-card,
.stat-card,
.anlik-card {
  background-color: var(--card-bg);
  border-color: var(--border-neutral);
  color: var(--text-body);
}

.card-body,
.section-card-body,
.content-card-body,
.price-card-body {
  background-color: var(--card-bg);
  color: var(--text-body);
}

/* Kart hover - sadece shadow artışı, renk değişmez */
.card:hover,
.price-card:hover,
.modern-card:hover,
.company-card:hover,
.listing-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* =========================
   ROZETLER - RENK ROLLERİ
   ========================= */
/* KIRMIZI: Öne Çıkan, Özel Fiyat */
.ilb-badge-featured,
.db5-lockpill,
.badge-primary,
.badge-danger,
.badge-site {
  background-color: var(--red-primary);
  color: #FFFFFF;
  border-color: var(--red-primary);
}

/* YEŞİL: Doğrulama, Canlı, Güvenli */
.badge-success,
.ilb-badge-live-price,
.db5-verified,
.db5-safe,
.verified,
.trust {
  background-color: var(--green-trust);
  color: #FFFFFF;
  border-color: var(--green-trust);
}

.badge-secondary,
.badge-muted {
  background-color: var(--text-muted);
  color: #FFFFFF;
}

/* =========================
   FİYATLAR - KIRMIZI
   ========================= */
.price,
.price-text,
.ilb-price-text,
.price-main,
.price-value,
.karkas-price,
.price-number,
.anlik-price-value {
  color: var(--red-primary);
  font-weight: 700;
}

.price-unit,
.price-kg-label {
  color: var(--text-muted);
}

/* =========================
   METİN RENKLERİ - KURUMSAL TONLAR
   ========================= */
h1, h2, h3, h4, h5, h6,
.title,
.section-title,
.db5-title,
.db5-name,
.page-header h1 {
  color: var(--text-title);
}

.body-text,
.db5-subtitle,
.db5-type,
.db5-foottext,
.page-header .lead {
  color: var(--text-body);
}

.text-muted,
.muted,
.db5-note,
.db5-description,
.section-description,
.anlik-last-update {
  color: var(--text-muted);
}

/* =========================
   KOYU/KIRMIZI ZEMINLERDE METIN SABITLEME
   ========================= */
.registration-header,
.registration-header * {
  color: #ffffff !important;
}

.registration-header p {
  opacity: 0.92;
}

.firma-sidebar-header,
.firma-sidebar-header * {
  color: #ffffff !important;
}

.card-header-red,
.card-header-red *,
.card-header-green,
.card-header-green * {
  color: #ffffff !important;
}

/* =========================
   BORDER & SHADOW - NÖTR
   ========================= */
.border,
.border-top,
.border-bottom,
.border-start,
.border-end {
  border-color: var(--border-neutral);
}

.card,
.price-card,
.modern-card,
.company-card {
  border: 1px solid var(--border-neutral);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

/* =========================
   UTILITY CLASSES
   ========================= */
.text-danger {
  color: var(--red-primary);
}

.text-success {
  color: var(--green-trust);
}

.bg-light,
.bg-white {
  background-color: var(--card-bg);
}

.bg-danger,
.bg-primary {
  background-color: var(--red-primary);
  color: #FFFFFF;
}

.bg-success {
  background-color: var(--green-trust);
  color: #FFFFFF;
}

/* =========================
   KURUMSAL SAYFASI
   ========================= */
.corporate-hero {
  background: linear-gradient(135deg, #fff5f5 0%, #f8fafc 60%, #ffffff 100%);
  border-bottom: 1px solid var(--border-neutral);
  padding: 48px 0 56px;
}

.corporate-hero-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(117, 0, 1, 0.08);
  color: var(--red-primary);
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: 0.4px;
  font-size: 0.85rem;
  margin-bottom: 14px;
}

.corporate-hero-text {
  color: var(--text-body);
  max-width: 620px;
}

.corporate-hero-badges {
  margin-top: 10px;
}

.corporate-quick-links .corporate-quick-btn {
  border-radius: 999px;
  font-weight: 700;
  padding: 10px 20px;
  border: 1px solid transparent;
  box-shadow: 0 10px 22px rgba(15, 23, 42, 0.12);
  letter-spacing: 0.2px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, border-color 0.2s ease;
}

.corporate-quick-links .corporate-quick-btn-primary {
  background: linear-gradient(135deg, #7a0203 0%, #8f0d0d 50%, var(--red-hover) 100%);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.16);
}

.corporate-quick-links .corporate-quick-btn-secondary {
  background: linear-gradient(135deg, #0f7a4d 0%, #159a5b 50%, #0f7a4d 100%);
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.18);
}

.corporate-quick-links .corporate-quick-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.16);
  filter: brightness(1.05);
}

.corporate-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid var(--border-neutral);
  font-weight: 600;
  color: var(--text-body);
  box-shadow: var(--shadow-card);
}

.corporate-badge i {
  color: var(--red-primary);
}

.corporate-hero-card {
  background: #ffffff;
  border: 1px solid var(--border-neutral);
  border-radius: 18px;
  padding: 28px;
  box-shadow: var(--shadow-card-hover);
}

.corporate-cta,
.corporate-cta.btn,
.corporate-cta.btn-danger {
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%) !important;
  border: 1px solid var(--red-hover) !important;
  color: #ffffff !important;
}

.corporate-cta:hover,
.corporate-cta.btn:hover,
.corporate-cta.btn-danger:hover {
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%) !important;
  border-color: var(--red-hover) !important;
  color: #ffffff !important;
}

.corporate-highlight {
  margin-top: 12px;
}

.corporate-info-card {
  background: #ffffff;
  border: 1px solid var(--border-neutral);
  border-radius: 16px;
  padding: 22px;
  height: 100%;
  box-shadow: var(--shadow-card);
}

.corporate-info-icon {
  font-size: 1.6rem;
  color: var(--red-primary);
  margin-bottom: 12px;
}

.corporate-directory {
  margin-bottom: 40px;
}

.corporate-section-header h2 {
  color: var(--text-title);
}

.corporate-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.corporate-card {
  background: #ffffff;
  border: 1px solid var(--border-neutral);
  border-radius: 18px;
  padding: 22px;
  box-shadow: var(--shadow-card);
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
}

.corporate-logo {
  background: #f8fafc;
  border: 1px solid var(--border-neutral);
  border-radius: 12px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 78px;
}

.corporate-logo img {
  max-height: 54px;
  max-width: 180px;
  object-fit: contain;
}

.corporate-company-name {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-title);
  margin: 0;
}

.corporate-company-type {
  font-weight: 600;
  color: var(--text-muted);
  margin: 0;
}

.corporate-company-desc {
  color: var(--text-body);
  margin: 0;
}

.corporate-company-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  font-size: 0.85rem;
  color: var(--text-muted);
  margin-top: auto;
}

.corporate-company-meta i {
  color: var(--red-primary);
  margin-right: 6px;
}

/* Kurumsal sayfa kart eşitliği */
#db5Top5 .db5-card {
  min-height: 360px;
}

#db5Top5 .db5-logo-box {
  min-height: 84px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Beyaz/açık logolar beyaz zeminde kaybolmasın diye koyu zemin (logoBg='dark') */
.db5-logo-box.db5-logo-box--dark {
  background: linear-gradient(145deg, #1f2937 0%, #111827 100%) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 10px 24px rgba(15, 23, 42, 0.18) !important;
}

/* Kurumsal sayfada SEO metni */
.corporate-seo-list {
  font-size: 0.85rem;
  color: var(--text-muted);
  margin: 12px auto 0;
  max-width: 820px;
}

/* Kurumsal sayfada animasyonları azalt */
.corporate-page #db5Top5 .db5-card:not(.db5-cta-card)::before {
  animation: none;
}

.corporate-page #db5Top5 .db5-card,
.corporate-page #db5Top5 .db5-card:hover {
  transform: none;
}

.corporate-page #db5Top5 .db5-grid {
  content-visibility: auto;
  contain-intrinsic-size: 1200px;
}

.db5-card-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.db5-card-link:hover {
  text-decoration: none;
  color: inherit;
}

.corporate-back-link {
  color: #1f2937;
  font-weight: 600;
}

.corporate-back-link:hover {
  color: var(--red-hover);
}

.corporate-page .corporate-hero-card .db5-logo-box img {
  filter: contrast(1.05) saturate(1.05)
    drop-shadow(0 0 2px rgba(0, 0, 0, 0.45))
    drop-shadow(0 6px 14px rgba(0, 0, 0, 0.22))
    drop-shadow(0 0 12px rgba(255, 255, 255, 0.35)) !important;
}

.corporate-detail-logo-box {
  min-height: 80px;
  width: 100%;
}

.corporate-detail-logo-box img {
  width: auto !important;
  height: auto !important;
  max-width: 160px;
  max-height: 80px;
}

.blur-placeholder {
  color: #0f172a;
  font-weight: 700;
  letter-spacing: 0.4px;
  padding: 8px 12px;
  border-radius: 10px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  filter: blur(6px);
  user-select: none;
}

/* =========================
   FIRMA LOGIN SAYFASI
   ========================= */
.company-login-page {
  background: radial-gradient(circle at top, rgba(122, 0, 0, 0.08), transparent 55%),
    linear-gradient(180deg, #ffffff 0%, #f8fafc 60%, #ffffff 100%);
  color: var(--text-body);
}

.company-login-wrapper {
  padding: 64px 0 90px;
}

.company-login-card {
  background: #ffffff;
  border-radius: 18px;
  padding: 42px 32px 28px;
  border: 1px solid rgba(122, 0, 0, 0.12);
  box-shadow: 0 18px 50px rgba(15, 23, 42, 0.12);
  text-align: center;
  position: relative;
  overflow: hidden;
}

.company-login-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(120deg, rgba(122, 0, 0, 0.06), transparent 45%);
  pointer-events: none;
}

.company-login-card--secure::after {
  content: "";
  position: absolute;
  inset: 14px;
  border-radius: 14px;
  border: 1px dashed rgba(122, 0, 0, 0.12);
  pointer-events: none;
}

.company-login-lock {
  width: 60px;
  height: 60px;
  border-radius: 18px;
  background: linear-gradient(150deg, var(--red-primary), var(--red-hover));
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin: 0 auto 18px;
  box-shadow: 0 12px 24px rgba(122, 0, 0, 0.25);
}

.company-login-tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  background: rgba(122, 0, 0, 0.08);
  color: var(--red-primary);
  font-weight: 700;
  font-size: 0.8rem;
  padding: 6px 14px;
  margin-bottom: 14px;
}

.company-login-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: var(--text-title);
  margin-bottom: 8px;
}

.company-login-subtitle {
  font-size: 0.95rem;
  color: var(--text-muted);
  margin-bottom: 24px;
}

.company-login-status {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.82rem;
  font-weight: 600;
  color: var(--text-muted);
  margin-bottom: 20px;
}

.company-login-live {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  border-radius: 999px;
  background: rgba(122, 0, 0, 0.08);
  color: var(--red-primary);
}

.company-login-live-dot {
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--red-primary);
  box-shadow: 0 0 0 6px rgba(122, 0, 0, 0.1);
  animation: companyPulse 1.6s ease-in-out infinite;
}

.company-login-live-text {
  color: var(--text-body);
}

@keyframes companyPulse {
  0% {
    transform: scale(0.9);
    opacity: 0.6;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.9);
    opacity: 0.6;
  }
}

.company-login-form {
  text-align: left;
}

.company-login-field {
  position: relative;
}

.company-login-field .auth-human-check-box {
  background: rgba(248, 250, 252, 0.88);
  border-color: rgba(15, 23, 42, 0.14);
}

.company-login-input-wrap {
  position: relative;
}

.company-login-field-icon {
  position: absolute;
  left: 14px;
  top: 50%;
  transform: translateY(-50%);
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(122, 0, 0, 0.08);
  color: var(--red-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

.company-login-input {
  border-radius: 12px;
  border: 1px solid rgba(15, 23, 42, 0.14);
  padding: 12px 14px;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
  padding-left: 58px;
  padding-right: 48px;
}

.company-login-input:focus {
  border-color: rgba(122, 0, 0, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(122, 0, 0, 0.15);
}

.company-login-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  border: 1px solid transparent;
  background: rgba(15, 23, 42, 0.04);
  color: var(--text-muted);
  width: 34px;
  height: 34px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
}

.company-login-toggle:hover {
  color: var(--red-primary);
  background: rgba(122, 0, 0, 0.08);
}

.company-login-toggle:focus-visible {
  outline: none;
  border-color: rgba(122, 0, 0, 0.45);
  box-shadow: 0 0 0 0.2rem rgba(122, 0, 0, 0.12);
}

.company-login-hint {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 8px;
  color: var(--text-muted);
  font-size: 0.82rem;
}

.company-login-hint::before {
  content: "• • •";
  letter-spacing: 2px;
  color: rgba(122, 0, 0, 0.6);
}

.company-login-submit {
  border-radius: 12px;
  font-weight: 700;
  letter-spacing: 0.2px;
  padding: 12px 16px;
  background: linear-gradient(165deg, #720102 0%, var(--red-bg) 50%, var(--red-hover) 100%);
  border: 1px solid var(--red-hover);
}

.company-login-submit:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 26px rgba(122, 0, 0, 0.25);
}

.company-login-footer {
  text-align: center;
  margin-top: 22px;
  padding-top: 18px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
  font-size: 0.9rem;
}

.company-login-seal {
  margin-top: 16px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.04);
  color: var(--text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  width: 100%;
}

.company-login-seal-dot {
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: var(--red-primary);
  box-shadow: 0 0 6px rgba(122, 0, 0, 0.4);
}

.company-login-footnote {
  margin-top: 16px;
  font-size: 0.78rem;
  color: var(--text-muted);
}

.company-login-footer a {
  color: var(--red-primary);
  text-decoration: none;
  font-weight: 600;
}

.company-login-footer a:hover {
  color: var(--red-hover);
}

/* ==================== FİRMA LOGO YÖNETİMİ ==================== */
.firma-logo-preview-shell {
  height: 148px;
  border-radius: 24px;
  border: 1px solid rgba(120, 18, 18, 0.14);
  background: linear-gradient(135deg, #fffdf8 0%, #f8f1ea 100%);
  box-shadow: 0 18px 38px rgba(120, 18, 18, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  overflow: hidden;
}

.firma-logo-preview-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

.firma-logo-fallback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.firma-logo-fallback-icon {
  width: 72px;
  height: 72px;
  border-radius: 22px;
  background: linear-gradient(135deg, #7a1d1d 0%, #b43728 100%);
  color: #fff8ef;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  box-shadow: 0 12px 28px rgba(122, 29, 29, 0.18);
}

.firma-logo-fallback-initials {
  width: 96px;
  height: 96px;
  border-radius: 24px;
  background: linear-gradient(135deg, #7A0000 0%, #4f0a0c 100%);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0 12px 28px rgba(122, 0, 0, 0.18);
  user-select: none;
}

/* ── İlan vitrin/acil etiketleri kullanıcıdan gizli, sadece admin görür.
   .ilb-badge-featured (firma badge'i) ve "İLDE ÖNCELİKLİ KONUM" rozeti
   firmaya ait olduğu için gizlenmez — onlar görünmeye devam eder. ── */
.badge-urgent,
.badge-featured,
.featured-mobile-scroll,
.featured-container {
  display: none !important;
}
.admin-page .badge-urgent,
.admin-page .badge-featured {
  display: inline-flex !important;
}

/* Eski tekil .badge-urgent stili korunsun — yukarı kuralla yer değiştirildi */
.badge-urgent-legacy,
.badge-vitrin,
.badge-featured-listing,
.listing-card .badge-urgent,
.listing-card .badge-vitrin,
.urgent-badge,
.vitrin-badge,
.featured-card-wrapper .featured-strip,
.featured-card-wrapper .listing-status-badge,
.ilanlar-page .vitrin-section,
.ilanlar-page .featured-listings-section{
  display: none !important;
}

/* Hayvan Pazarı sayfasında vitrin ilanları bölümlerini gizle */
.featured-mobile-scroll,
.featured-listings-grid,
.featured-section-title{
  display: none !important;
}