/* =========================================================
   DANA BORSASI - İL BORSASI DETAY (RED + WHITE)
   - Stabil, göz yormaz
   - Kartlar bozulmaz
   - Sıra numaraları düşük vurgu (pill)
   - CANLI kırmızı pulsing dot
========================================================= */

:root{
  /* Ana renk değişkenleri main.css'den kullanılacak */
  --red: var(--red-primary, #750001);
  --red2: var(--red-hover, #5a0001);
  --bg: var(--card-bg, #ffffff);
  --soft: var(--page-bg, #F7F7F7);
  --text: var(--text-title, #1A1A1A);
  --muted: var(--text-muted, #6B6B6B);
  --line: var(--border-neutral, #E6E6E6);
  --shadow: 0 12px 30px rgba(0,0,0,.06);
}

.ex-shell{ max-width:1200px; margin:0 auto; }

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

/* ================= HERO (beyaz ağırlıklı, kırmızı vurgu) ================= */
.ex-hero{
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  background:
    radial-gradient(ellipse at 8% 0%, rgba(168, 21, 21, 0.06) 0%, rgba(168, 21, 21, 0) 36%),
    radial-gradient(ellipse at 100% 100%, rgba(168, 21, 21, 0.05) 0%, rgba(168, 21, 21, 0) 40%),
    linear-gradient(180deg, #ffffff 0%, #fff8f6 100%);
  border-bottom: 1px solid rgba(122, 15, 26, 0.10);
  color: var(--text);
  box-shadow: 0 2px 12px rgba(40, 0, 4, 0.04);
}

.ex-hero > *{ position:relative; z-index:1; }

.ex-breadcrumb{
  margin:0;
  padding:0;
  background:transparent;
}

.ex-breadcrumb .breadcrumb-item,
.ex-breadcrumb .breadcrumb-item + .breadcrumb-item::before{
  color: rgba(70, 30, 30, 0.55);
}

.ex-breadcrumb a{
  color: rgba(122, 15, 26, 0.80);
  text-decoration:none;
  transition:.15s ease;
  font-weight:700;
}

.ex-breadcrumb a:hover{
  color: var(--red);
  text-decoration: underline;
}

.ex-breadcrumb .breadcrumb-item.active{
  color: var(--text);
  font-weight:800;
}

.ex-title{
  font-weight:1000;
  letter-spacing:-.6px;
  font-size: 1.55rem;
  margin: 0 0 .3rem 0;
  color: var(--text);
  line-height: 1.15;
}

/* Hero ultra-kompakt — Dana/Kuzu seçimi hero altında ayrı bölüm */
.ex-hero .ex-shell.py-4,
.ex-hero .ex-shell.py-lg-5 {
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}
@media (min-width: 992px) {
  .ex-hero .ex-shell.py-lg-5 {
    padding-top: 0.7rem !important;
    padding-bottom: 0.7rem !important;
  }
}
.ex-hero .ex-breadcrumb {
  margin-bottom: 0.2rem !important;
  font-size: 0.78rem;
}
.ex-hero .ex-sub {
  margin-top: 0.25rem;
  font-size: 0.85rem;
}
.ex-hero .ex-hero-follow-btn {
  margin-top: 0.4rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 0.85rem;
}
.ex-hero .ex-title {
  font-size: 1.4rem !important;
  margin-bottom: 0.2rem !important;
}

/* Dana / Kuzu seçimi: hero altında yatay (ilborsasi sayfasındaki gibi) */
.ex-cut-switch-wrap {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background: linear-gradient(180deg, #fff8f6 0%, #ffffff 100%);
  border-bottom: 1px solid rgba(122, 15, 26, 0.08);
}

/* İl detay listeleme bölümü kompakt — 2. firma erken görünsün */
.ilborsasi-detay-page section.py-5,
section.py-5:has(.ex-section-head) {
  padding-top: 1rem !important;
  padding-bottom: 1.4rem !important;
}
.ex-section-head {
  margin-bottom: 0.7rem !important;
}
.ex-section-head .ex-h2 {
  font-size: 1.25rem !important;
  margin-bottom: 0.2rem !important;
}
.ex-section-head .ex-muted {
  font-size: 0.85rem;
}
/* Top company kartı kompakt — 2. firma erken görünsün */
.tc.rank-card-top {
  margin-bottom: 12px !important;
}
.tc.rank-card-top .tc__header {
  padding-top: 0.5rem !important;
  padding-bottom: 0.4rem !important;
}
.tc.rank-card-top .tc__main {
  padding-top: 0.5rem !important;
  padding-bottom: 0.6rem !important;
}
.tc.rank-card-top .tc__rank-side .rank-badge {
  width: 78px !important;
  height: 78px !important;
}
/* 1. sıra altın madalyası (kurdeleli, 90:116 oranlı) 78px kareye ezilmesin — büyük görünsün */
.tc.rank-card-top .tc__rank-side .rank-badge--1 {
  width: 100px !important;
  height: 128px !important;
}
.tc.rank-card-top .tc__lead {
  gap: 0.5rem;
}
/* ilborsasi sayfasındaki cut-switch görünümünü AYNEN koru —
   minimum override (sadece dış wrap padding); main.css default stilleri devrede. */
.ex-cut-switch-wrap .cut-switch-shell--hero {
  width: 100%;
}

.ex-title i{ color: var(--red); }

.ex-sub{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.6rem;
  color: var(--muted);
  font-weight:700;
}

.ex-sub .dot{
  width:4px; height:4px; border-radius:50%;
  background: rgba(122, 15, 26, 0.30);
  display:inline-block;
}

.ex-live{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding: .28rem .72rem;
  border-radius: 999px;
  background: #ffffff;
  border: 1px solid rgba(22, 163, 74, 0.30);
  color: #166534;
  font-weight:900;
  letter-spacing:.4px;
  box-shadow: 0 2px 8px rgba(22, 163, 74, 0.08);
}
.ex-live .live-dot{
  background: #16a34a;
  box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.18);
}

/* Hero — İli Takip Et butonu (mobil modalına açar) */
.ex-hero-follow-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 14px;
  padding: 12px 22px;
  border-radius: 14px;
  border: 1.5px solid rgba(122, 15, 26, 0.30);
  background: #ffffff;
  color: var(--red);
  font-weight: 800;
  font-size: 1rem;
  letter-spacing: 0.2px;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(122, 15, 26, 0.10);
  transition: transform 0.12s ease, background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}
.ex-hero-follow-btn:hover{
  background: linear-gradient(180deg, #ffffff 0%, #fff5f5 100%);
  border-color: rgba(122, 15, 26, 0.55);
  box-shadow: 0 10px 22px rgba(122, 15, 26, 0.16);
  transform: translateY(-1px);
}
.ex-hero-follow-btn:active{
  transform: translateY(0);
}
.ex-hero-follow-btn i{
  font-size: 1.05rem;
  color: var(--red);
}

/* Stat alanı */
.ex-hero-right{
  max-width:420px;
}

.ex-stat-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.ex-stat{
  background:var(--bg);
  border:1px solid var(--border-neutral);
  border-radius:16px;
  padding:14px;
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}

.ex-stat-label{
  color:var(--muted);
  font-weight:800;
  font-size:.85rem;
}

.ex-stat-value{
  margin-top:6px;
  font-size:1.4rem;
  font-weight:1000;
  color:var(--red);
  letter-spacing:-.4px;
}

.ex-hero-note{
  margin-top:10px;
  color: var(--muted);
  font-size:.9rem;
  font-weight:600;
}

/* Hero içindeki cut-switch (Dana/Kuzu) — sadece konteyner için hafif çerçeve, chip'ler orijinal */
.ex-hero .cut-switch-shell{
  background: #ffffff;
  border: 1px solid rgba(122, 15, 26, 0.12);
  border-radius: 16px;
  padding: 12px;
  box-shadow: 0 4px 14px rgba(40, 0, 4, 0.05);
}
.ex-hero .cut-switch-title{
  color: var(--muted);
  font-weight: 800;
  letter-spacing: .3px;
  font-size: .82rem;
  text-transform: uppercase;
  margin-bottom: 8px;
}

/* ================= CANLI DOT ================= */
.live-dot{
  width:9px; height:9px;
  border-radius:50%;
  background:var(--red);
  box-shadow:0 0 0 0 rgba(117, 0, 1, .35);
  animation:pulse 1.6s infinite;
  display:inline-block;
}

@keyframes pulse{
  0%{ box-shadow:0 0 0 0 rgba(117, 0, 1, .35); }
  70%{ box-shadow:0 0 0 10px rgba(117, 0, 1, 0); }
  100%{ box-shadow:0 0 0 0 rgba(117, 0, 1, 0); }
}

/* ================= SECTION HEAD ================= */
.ex-section-head{
  margin-bottom:16px;
}

.ex-h2{
  font-weight:1000;
  letter-spacing:-.4px;
  color:var(--text);
  margin:0;
}

.ex-h2 i{ color:var(--red); }

.ex-muted{
  color:var(--muted);
  font-weight:600;
  margin-top:6px;
}

/* ================= TOP CARD (1. SIRA) ================= */
.top-card{
  background: linear-gradient(180deg, #fffefd 0%, #fbf7f1 100%);
  border-radius:22px;
  border:1px solid rgba(204, 186, 152, 0.26);
  box-shadow:0 18px 34px rgba(83, 65, 34, .08);
  padding:12px 18px;
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap:16px;
  position:relative;
  overflow:hidden;
  align-items:center;
  color:var(--text);
}

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

.top-card .top-name,
.top-card .top-addr,
.top-card .top-addr i,
.top-card .price-label,
.top-card .price-big,
.top-card .price-big small,
.top-card .top-action,
.top-card .top-badge,
.top-card .badge-text,
.top-card .price-big span,
.top-card .price-big small,
.top-card .top-right,
.top-card .top-live {
  color: inherit !important;
}

.top-card::before{
  content:"";
  position:absolute;
  inset:-60px -60px auto auto;
  width:200px;
  height:200px;
  background: radial-gradient(circle, rgba(225, 205, 170, .14), transparent 60%);
  transform:rotate(15deg);
}

.top-card.rank-card-top{
  background:
    radial-gradient(circle at 14% 18%, rgba(226, 206, 173, .22) 0%, rgba(226, 206, 173, 0) 40%),
    linear-gradient(180deg, #fffdfa 0%, #f7efe3 100%);
  border-color: rgba(166, 125, 72, 0.26);
  box-shadow:0 20px 38px rgba(83, 65, 34, .10);
  color:var(--text);
}

.top-card.rank-card-top .top-name,
.top-card.rank-card-top .top-addr,
.top-card.rank-card-top .top-addr i,
.top-card.rank-card-top .price-label,
.top-card.rank-card-top .price-big,
.top-card.rank-card-top .price-big small,
.top-card.rank-card-top .top-action,
.top-card.rank-card-top .top-live,
.top-card.rank-card-top .top-update-text {
  color:inherit !important;
}

.top-card.rank-card-top .top-right{
  background:#fbf6ee;
  border-color:rgba(166, 125, 72, .18);
}

.top-card.rank-card-top .top-live{
  background:#fff7f1;
  border-color:rgba(127, 29, 29, .08);
}

.top-card.rank-card-top .live-dot-white{
  background:var(--red) !important;
  box-shadow:0 0 0 0 rgba(117, 0, 1, .35) !important;
}

.top-card.rank-card-top .top-action .arrow{
  background:#fff2ea;
  border-color:rgba(127, 29, 29, .12);
  color:var(--red);
}

.top-card.rank-card-second{
  background:
    radial-gradient(circle at 12% 24%, rgba(223, 205, 170, 0.12) 0%, rgba(223, 205, 170, 0) 40%),
    linear-gradient(180deg, #fffdfa 0%, #f8f3ea 100%);
  border-color: rgba(204, 186, 152, 0.38);
}

.top-card.rank-card-soft{
  background: linear-gradient(180deg, #ffffff 0%, #fbf7f1 100%);
  border-color: rgba(221, 205, 178, 0.58);
}

.top-left{ 
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.top-right{ 
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
}

.top-header-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
}

.top-card.no-logo .top-header-row{
  gap:8px;
}

.top-name-wrapper{
  flex:1;
  min-width:0;
}

.top-logo-box{
  width:80px;
  height:80px;
  border-radius:16px;
  background:linear-gradient(180deg, #fffefe 0%, #f7f3ec 100%);
  border:1px solid rgba(210, 193, 160, .24);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
  min-width:80px;
  min-height:80px;
  max-width:80px;
  max-height:80px;
}

.top-card.no-logo .top-name-wrapper{
  padding-left:2px;
}

.top-logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:10px;
  display:block;
}

.top-logo-box--fallback,
.logo-box--fallback{
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--red-primary);
  background:linear-gradient(180deg,#ffffff 0%,#fbf4f1 100%);
  padding:10px;
}

.top-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:.3rem .65rem;
  border-radius:999px;
  background:#fff2ea;
  border:1px solid rgba(127, 29, 29, .12);
  color:var(--red);
  font-weight:1000;
  letter-spacing:.5px;
  font-size:.78rem;
  margin-bottom:8px;
  width:fit-content;
  white-space:nowrap;
}

.badge-text{
  animation: pulse-text 2s ease-in-out infinite;
}

@keyframes pulse-text{
  0%, 100%{
    opacity:1;
  }
  50%{
    opacity:0.7;
  }
}

.top-name{
  color:var(--text);
  font-weight:1000;
  font-size:clamp(1.2rem, 2.1vw, 1.55rem);
  letter-spacing:-.4px;
  line-height:1.15;
  margin-bottom:6px;
}

.top-addr{
  margin-top:4px;
  color:var(--muted);
  font-weight:700;
  font-size:0.95rem;
}

.top-addr i{ color:var(--red); opacity:.9; }

.verify{
  color:var(--red);
  opacity:1;
}

/* Grid listesindeki kartlar için mavi tik */
.row-card .verify{
  color:#0d6efd;
  opacity:1;
}

.top-live{
  margin-top:3px;
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.25rem .55rem;
  border-radius:999px;
  background:#fff7f1;
  border:1px solid rgba(127, 29, 29, .08);
  color:var(--red);
  font-weight:1000;
  letter-spacing:.5px;
  font-size:.8rem;
  width:fit-content;
}

.live-dot-white{
  background:var(--red) !important;
  box-shadow:0 0 0 0 rgba(117, 0, 1, .35) !important;
}

@keyframes pulse-white{
  0%{ box-shadow:0 0 0 0 rgba(255,255,255,.5); }
  70%{ box-shadow:0 0 0 10px rgba(255,255,255,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,255,255,0); }
}

.live-dot-white{
  animation:pulse-white 1.6s infinite;
}

/* Fiyat kayma animasyonları */
@keyframes digitSlide1 {
  0% { 
    transform: translateY(0);
    opacity: 1;
  }
  8% { 
    transform: translateY(-0.4em);
    opacity: 0.95;
  }
  12% { 
    transform: translateY(-0.7em);
    opacity: 0.3;
  }
  14% { 
    transform: translateY(-0.9em);
    opacity: 0;
  }
  15% { 
    transform: translateY(0.9em);
    opacity: 0;
  }
  18% { 
    transform: translateY(0.5em);
    opacity: 0.8;
  }
  25% { 
    transform: translateY(0.2em);
    opacity: 0.95;
  }
  40% { 
    transform: translateY(0.05em);
    opacity: 0.98;
  }
  60% { 
    transform: translateY(0.01em);
    opacity: 0.99;
  }
  100% { 
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes digitSlide2 {
  0% { 
    transform: translateY(0);
    opacity: 1;
  }
  20% { 
    transform: translateY(-0.4em);
    opacity: 0.95;
  }
  24% { 
    transform: translateY(-0.7em);
    opacity: 0.3;
  }
  26% { 
    transform: translateY(-0.9em);
    opacity: 0;
  }
  27% { 
    transform: translateY(0.9em);
    opacity: 0;
  }
  30% { 
    transform: translateY(0.5em);
    opacity: 0.8;
  }
  37% { 
    transform: translateY(0.2em);
    opacity: 0.95;
  }
  52% { 
    transform: translateY(0.05em);
    opacity: 0.98;
  }
  72% { 
    transform: translateY(0.01em);
    opacity: 0.99;
  }
  100% { 
    transform: translateY(0);
    opacity: 1;
  }
}

.price-digit-1, .price-digit-2 {
  display: inline-block;
  position: relative;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  will-change: transform, opacity;
}

.price-digit-1 { 
  animation-name: digitSlide1; 
}

.price-digit-2 { 
  animation-name: digitSlide2; 
}

.price-digits-container {
  display: inline-flex;
  overflow: hidden;
  height: 1.2em;
  align-items: center;
  position: relative;
}

.price-digit-1 {
  animation-duration: var(--price-anim-duration, 3s);
  animation-delay: var(--price-anim-delay, 0s);
}

.price-digit-2 {
  animation-duration: var(--price-anim-duration, 3s);
  animation-delay: calc(var(--price-anim-delay, 0s) + 0.3s);
}

/* ==================== HIZLI ERİŞİM ==================== */
.ilb-quick-access-icon-wrapper {
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, var(--red-primary) 0%, var(--red-hover) 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 10px rgba(117, 0, 1, 0.25);
}

.ilb-quick-access-icon {
  color: white;
  font-size: 1.2rem;
}

.ilb-quick-access-title {
  color: var(--red-primary);
}

.ilb-quick-access-subtitle {
  font-size: 0.8rem;
}

.quick-access-cards {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}

.quick-city-card {
  background: linear-gradient(135deg, var(--card-bg) 0%, var(--page-bg) 100%);
  border: 2.5px solid var(--red-primary);
  border-radius: 12px;
  padding: 0.75rem 0.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 70px;
  box-shadow: 0 2px 8px rgba(117, 0, 1, 0.15);
}

.quick-city-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(117, 0, 1, 0.25);
  background: linear-gradient(135deg, var(--page-bg) 0%, var(--border-neutral) 100%);
}

.quick-city-card .city-name { 
  font-size: 0.8rem; 
  font-weight: 700; 
  color: var(--text-title); 
  margin-bottom: 0.35rem; 
}

.quick-city-card .city-icon { 
  display:flex; 
  align-items:center; 
  gap:.25rem; 
  font-size:.65rem; 
  color: var(--red-primary); 
  font-weight:600; 
}

.quick-city-card .city-icon i { 
  font-size: .75rem; 
}

@media (max-width: 991px) {
  .quick-access-cards { 
    grid-template-columns: repeat(5, 1fr); 
    gap: 0.4rem; 
  }
  
  .quick-city-card { 
    padding: 0.5rem 0.3rem; 
    min-height: 60px; 
  }
  
  .quick-city-card .city-name { 
    font-size: 0.7rem; 
  }
  
  .quick-city-card .city-icon { 
    font-size: 0.6rem; 
  }
  
  .quick-city-card .city-icon i { 
    font-size: 0.65rem; 
  }
}

/* Sağ fiyat paneli */
.top-right{
  background:#fbf6ee;
  border:1px solid rgba(166, 125, 72, .18);
  border-radius:18px;
  padding:8px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:3px;
}

.price-label{
  font-size:.78rem;
  font-weight:900;
  color:var(--muted);
  letter-spacing:.2px;
  margin-bottom:1px;
}

.price-big{
  color:var(--red);
  font-weight:1000;
  font-size:2.8rem;
  letter-spacing:-1.2px;
  line-height:1.2;
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
}

.price-big small{
  font-size:.45em;
  font-weight:800;
  opacity:.9;
}

.top-action{
  margin-top:3px;
  font-weight:900;
  color:var(--red);
  opacity:1;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  font-size:.85rem;
}

.top-action .arrow{
  display:inline-flex;
  width:34px;
  height:34px;
  border-radius:999px;
  align-items:center;
  justify-content:center;
  background:#fff2ea;
  border:1px solid rgba(127, 29, 29, .12);
  color:var(--red);
}

.db-link:hover .top-card{
  transform:translateY(-2px);
  transition:.18s ease;
}

/* ================= LIST WRAP ================= */
.list-wrap{
  margin-top:14px;
  display:flex;
  flex-direction:column;
  gap:14px;
}

/* ================= ROW CARD ================= */
.row-card{
  --row-card-bg: linear-gradient(180deg, #ffffff 0%, #fff8f6 100%);
  --row-card-border: rgba(122, 15, 26, 0.68);
  --row-card-shadow: 0 12px 28px rgba(122, 15, 26, 0.12);
  --row-card-padding: 16px 18px;
  --row-card-padding-mobile: 14px;
  --row-action-border: rgba(117, 0, 1, 0.1);
  --row-action-gap: 8px;
  --row-card-name-size: 1.7rem;
  --row-card-name-size-mobile: 1.32rem;
  --row-card-price-size: 2.1rem;
  --row-card-price-size-mobile: 1.6rem;
  --row-card-opacity: 1;
  --row-go-size: 54px;
  background:var(--row-card-bg);
  border:3px solid var(--row-card-border);
  border-radius:18px;
  box-shadow:var(--row-card-shadow);
  padding:var(--row-card-padding);
  display:block;
  position:relative;
  transition:.18s ease;
  opacity:var(--row-card-opacity);
  overflow:hidden;
  outline: 1px solid rgba(255,255,255,0.72);
  outline-offset: -6px;
}

.row-card.rank-visual-2,
.row-card.rank-row-second{
  --row-card-bg:
    radial-gradient(circle at 8% 22%, rgba(168, 21, 21, 0.09) 0%, rgba(168, 21, 21, 0) 40%),
    linear-gradient(180deg, #fff8f5 0%, #f5ece7 100%);
  --row-card-border: rgba(117, 0, 1, 0.56);
  --row-card-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 14px 28px rgba(117, 0, 1, .08);
  --row-card-padding: 18px 20px;
  --row-card-padding-mobile: 14px;
  --row-action-border: rgba(117, 0, 1, 0.14);
  --row-card-name-size: 1.92rem;
  --row-card-name-size-mobile: 1.46rem;
  --row-card-price-size: 2.3rem;
  --row-card-price-size-mobile: 1.74rem;
  --row-go-size: 54px;
}

.row-card.rank-visual-3,
.row-card.rank-row-third{
  --row-card-bg:
    radial-gradient(circle at 10% 30%, rgba(146, 71, 48, 0.08) 0%, rgba(146, 71, 48, 0) 40%),
    linear-gradient(180deg, #fffaf7 0%, #f3ece6 100%);
  --row-card-border: rgba(145, 72, 56, 0.44);
  --row-card-shadow:
    inset 0 1px 0 rgba(255,255,255,.88),
    0 11px 22px rgba(117, 0, 1, .05);
  --row-card-padding: 16px 18px;
  --row-card-padding-mobile: 13px;
  --row-action-border: rgba(145, 72, 56, 0.11);
  --row-card-name-size: 1.82rem;
  --row-card-name-size-mobile: 1.4rem;
  --row-card-price-size: 2rem;
  --row-card-price-size-mobile: 1.56rem;
  --row-card-opacity: .96;
  --row-go-size: 49px;
}

.row-card.rank-visual-4{
  --row-card-bg: linear-gradient(180deg, #fffaf8 0%, #f6efeb 100%);
  --row-card-border: rgba(122, 15, 26, 0.38);
  --row-card-shadow: 0 8px 16px rgba(117, 0, 1, .042);
  --row-card-padding: 10px 11px;
  --row-card-padding-mobile: 10px;
  --row-action-border: rgba(144, 95, 73, 0.09);
  --row-card-name-size: 1.48rem;
  --row-card-name-size-mobile: 1.24rem;
  --row-card-price-size: 1.4rem;
  --row-card-price-size-mobile: 1.22rem;
  --row-card-opacity: .91;
  --row-go-size: 48px;
}

.row-card.rank-visual-5,
.row-card.rank-row-soft{
  --row-card-bg: linear-gradient(180deg, #fffaf8 0%, #f4efec 100%);
  --row-card-border: rgba(122, 15, 26, 0.34);
  --row-card-shadow: 0 6px 12px rgba(117, 0, 1, .038);
  --row-card-padding: 9px 10px;
  --row-card-padding-mobile: 9px;
  --row-action-border: rgba(130, 95, 84, 0.08);
  --row-card-name-size: 1.42rem;
  --row-card-name-size-mobile: 1.22rem;
  --row-card-price-size: 1.28rem;
  --row-card-price-size-mobile: 1.14rem;
  --row-card-opacity: .87;
  --row-go-size: 46px;
}

.row-card.rank-visual-4 .price-box,
.row-card.rank-visual-5 .price-box{
  background:rgba(255,255,255,.9);
  border-color:rgba(117, 0, 1, 0.08);
}

.row-card.rank-visual-2 .price-box{
  background:linear-gradient(135deg, #fffdfa 0%, #f7eeea 100%);
  border-color:rgba(117, 0, 1, 0.13);
}

.row-card.rank-visual-3 .price-box{
  background:linear-gradient(135deg, #fffdfb 0%, #f6efe9 100%);
  border-color:rgba(145, 72, 56, 0.1);
}

.row-card.rank-visual-4 .price-box{
  background:linear-gradient(135deg, #fffefd 0%, #f5f0ec 100%);
  border-color:rgba(117, 0, 1, 0.07);
}

.row-card.rank-visual-4 .live-chip,
.row-card.rank-visual-5 .live-chip{
  background:rgba(247,247,247,.86);
}

.row-card.rank-visual-2 .live-chip{
  background:rgba(255, 243, 240, .96);
  border-color:rgba(117, 0, 1, 0.14);
  color:var(--red);
}

.row-card.rank-visual-3 .live-chip{
  background:rgba(252, 247, 243, .96);
  border-color:rgba(145, 72, 56, 0.12);
  color:#86563a;
}

.row-card.rank-visual-4 .live-chip{
  border-color:rgba(117, 0, 1, 0.09);
  color:#7b604d;
}

.row-card.rank-visual-5 .live-chip{
  border-color:rgba(117, 0, 1, 0.07);
  color:#75685f;
}

.row-card.rank-visual-2 .verify,
.row-card.rank-visual-2 .price-label,
.row-card.rank-visual-2 .mini-tag{
  color:var(--red);
}

.row-card .verify{
  color: var(--verified-tick-color-rank) !important;
  filter: var(--verified-tick-shadow-rank);
  text-shadow: none;
  font-size:.92rem;
  line-height:1;
  margin:0;
}

.row-card.rank-visual-3 .verify,
.row-card.rank-visual-3 .price-label,
.row-card.rank-visual-3 .mini-tag{
  color:#86563a;
}

.row-card.rank-visual-4 .verify,
.row-card.rank-visual-4 .price-label,
.row-card.rank-visual-4 .mini-tag{
  color:#8a6e45;
}

.row-card.rank-visual-5 .verify,
.row-card.rank-visual-5 .price-label,
.row-card.rank-visual-5 .mini-tag{
  color:#706961;
}

.row-card.rank-visual-5 .detail-rank-badge-svg{
  filter:drop-shadow(0 2px 6px rgba(113, 88, 45, .08));
}

.row-card.rank-visual-5 .detail-rank-badge--compact.detail-rank-badge--round{
  width:40px;
  height:40px;
}

.row-card.rank-visual-5 .go-btn{
  box-shadow:0 8px 18px rgba(117, 0, 1, .18);
}

.row-card.no-logo .row-left{
  gap:10px;
}

.db-link:hover .row-card,
.row-card:hover{
  transform:translateY(-2px);
  border-color:var(--red-primary);
  box-shadow:0 18px 40px rgba(0,0,0,.09);
}

.js-company-card-link{
  cursor:pointer;
}

/* Sol */
.row-card__main{
  display:grid;
  grid-template-columns:minmax(0, 1.14fr) minmax(176px, .62fr);
  align-items:center;
  gap:12px;
}

.row-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  flex:1;
}

.row-rank-badge{
  position:relative;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:64px;
}

/* Yeni partial rozetler (.rank-badge) blur halo'yu tetiklemez — SVG'nin kendi halo'su var */
.row-rank-badge:has(.rank-badge)::before{ display:none; }
.row-rank-badge .rank-badge{ position:relative; z-index:2; }

.row-rank-badge::before{
  content:"";
  position:absolute;
  width:56px;
  height:56px;
  border-radius:50%;
  z-index:0;
  opacity:.98;
  filter:blur(3.5px);
}

.row-card.rank-visual-2 .row-rank-badge::before{
  background:radial-gradient(circle, rgba(214, 223, 234, .82) 0%, rgba(182, 195, 211, .34) 58%, rgba(182, 195, 211, 0) 78%);
}

.row-card.rank-visual-3 .row-rank-badge::before{
  background:radial-gradient(circle, rgba(214, 169, 129, .72) 0%, rgba(176, 118, 74, .26) 58%, rgba(176, 118, 74, 0) 78%);
}

.row-card.rank-visual-4 .row-rank-badge::before{
  background:radial-gradient(circle, rgba(232, 212, 176, .72) 0%, rgba(195, 163, 103, .22) 58%, rgba(195, 163, 103, 0) 78%);
}

.row-card.rank-visual-5 .row-rank-badge::before{
  background:radial-gradient(circle, rgba(212, 205, 193, .62) 0%, rgba(154, 144, 129, .18) 58%, rgba(154, 144, 129, 0) 78%);
}

.row-rank-badge .detail-rank-badge{
  margin-top:0;
  transform:translateY(-1px);
  position:relative;
  z-index:1;
}

.row-rank-badge .detail-rank-badge-number{
  font-size:17.8px;
  stroke-width:.7px;
}

.row-card.rank-visual-2 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
  width:54px;
  height:54px;
}

.row-card.rank-visual-3 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
  width:50px;
  height:50px;
}

.row-card.rank-visual-4 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
  width:47px;
  height:47px;
}

.row-card.rank-visual-5 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
  width:45px;
  height:45px;
}

.row-card.rank-visual-2 .row-rank-badge .detail-rank-badge-svg{
  filter:
    drop-shadow(0 0 18px rgba(198, 207, 220, .72))
    drop-shadow(0 12px 24px rgba(111, 127, 146, .34));
}

.row-card.rank-visual-3 .row-rank-badge .detail-rank-badge-svg{
  filter:
    drop-shadow(0 0 16px rgba(199, 143, 96, .5))
    drop-shadow(0 11px 22px rgba(142, 94, 50, .3));
}

.row-card.rank-visual-4 .row-rank-badge .detail-rank-badge-svg{
  filter:
    drop-shadow(0 0 14px rgba(219, 194, 145, .42))
    drop-shadow(0 10px 20px rgba(162, 132, 76, .26));
}

.row-card.rank-visual-5 .row-rank-badge .detail-rank-badge-svg{
  filter:
    drop-shadow(0 0 12px rgba(173, 166, 154, .3))
    drop-shadow(0 8px 16px rgba(109, 102, 92, .2));
}

/* Sıra sistemi: 1 premium, 2 zarif, diğerleri sade */
.detail-rank-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:4px;
}

.detail-rank-badge--medal{
  width:64px;
  height:82px;
}

.detail-rank-badge--round{
  width:44px;
  height:44px;
}

.detail-rank-badge--compact.detail-rank-badge--medal{
  width:56px;
  height:72px;
  margin-top:0;
}

.detail-rank-badge--compact.detail-rank-badge--round{
  width:38px;
  height:38px;
  margin-top:0;
}

.detail-rank-badge-svg{
  display:block;
  width:100%;
  height:100%;
  filter:drop-shadow(0 5px 12px rgba(113, 88, 45, .14));
}

.detail-rank-badge-svg--medal{
  filter:drop-shadow(0 10px 18px rgba(113, 88, 45, .16));
}

.detail-rank-badge--gold .detail-rank-badge-svg{
  filter:drop-shadow(0 10px 22px rgba(150, 114, 38, .28));
}

.detail-rank-badge--silver .detail-rank-badge-svg{
  filter:drop-shadow(0 8px 18px rgba(111, 127, 146, .24));
}

.detail-rank-badge--bronze .detail-rank-badge-svg{
  filter:drop-shadow(0 7px 16px rgba(142, 94, 50, .22));
}

.detail-rank-badge--champagne .detail-rank-badge-svg{
  filter:drop-shadow(0 6px 14px rgba(162, 132, 76, .18));
}

.detail-rank-badge--stone .detail-rank-badge-svg{
  filter:drop-shadow(0 5px 12px rgba(109, 102, 92, .16));
}

.detail-rank-badge-number{
  fill:#6f5933;
  font-size:16px;
  font-weight:900;
  font-family:Georgia, "Times New Roman", serif;
  paint-order:stroke fill;
  stroke:rgba(255, 252, 241, .8);
  stroke-width:.6px;
}

.detail-rank-badge-number--medal{
  fill:#745a27;
  font-size:30px;
  stroke:rgba(255, 249, 234, .72);
  stroke-width:1px;
}

.detail-rank-badge--compact .detail-rank-badge-number--medal{
  font-size:24px;
}

/* Logo */
.logo-box{
  width:70px;
  height:70px;
  border-radius:14px;
  background:var(--soft);
  border:none;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  flex:0 0 auto;
  min-width:70px;
  min-height:70px;
  max-width:70px;
  max-height:70px;
}

.logo-box img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
  display:block;
}

/* Info */
.info{
  min-width:0;
  display:flex;
  align-items:center;
  min-height:2.22em;
  width:100%;
}

.row-card.no-logo .info{
  padding-left:2px;
}

.name{
  color:var(--text);
  font-weight:1000;
  font-size:var(--row-card-name-size);
  letter-spacing:-.3px;
  line-height:1.16;
  display:block;
  min-width:0;
  width:100%;
  max-height:2.35em;
  overflow:hidden;
  word-break:break-word;
}

.name__label{
  display:inline;
  min-width:0;
}

.name__meta{
  display:inline-flex;
  align-items:center;
  gap:4px;
  margin-left:.16em;
  white-space:nowrap;
  padding-top:0;
  vertical-align:baseline;
}

.name__meta .mini-tag{
  margin-left:0;
}

.fallback-logo-badge{
  position:relative;
  width:100%;
  height:100%;
  border-radius:inherit;
  display:flex;
  align-items:center;
  justify-content:center;
}

.fallback-logo-badge__inner{
  width:74%;
  height:74%;
  border-radius:20px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(255,255,255,.78);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45);
}

.fallback-logo-badge--large .fallback-logo-badge__inner{
  width:76%;
  height:76%;
  border-radius:24px;
}

.fallback-logo-badge__inner i{
  font-size:1rem;
  transform:translateY(-1px);
}

.fallback-logo-badge--large .fallback-logo-badge__inner i{
  font-size:1.18rem;
}

.fallback-logo-badge__inner--initial{
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1;
}

.fallback-logo-badge--large .fallback-logo-badge__inner--initial{
  font-size:1.3rem;
}

.fallback-logo-badge__bar{
  position:absolute;
  left:50%;
  bottom:4px;
  width:38%;
  height:4px;
  border-radius:999px;
  transform:translateX(-50%);
  opacity:.92;
}

.fallback-logo-badge--large .fallback-logo-badge__bar{
  bottom:6px;
  height:5px;
}

.fallback-logo-badge--copper{
  background:linear-gradient(145deg, #fff8ee 0%, #f3e5d0 100%);
}

.fallback-logo-badge--copper .fallback-logo-badge__inner,
.fallback-logo-badge--copper .fallback-logo-badge__bar{
  color:#8f4d18;
}

.fallback-logo-badge--copper .fallback-logo-badge__bar{ background:#8f4d18; }

.fallback-logo-badge--brick{
  background:linear-gradient(145deg, #fff6f2 0%, #f4dfd9 100%);
}

.fallback-logo-badge--brick .fallback-logo-badge__inner,
.fallback-logo-badge--brick .fallback-logo-badge__bar{
  color:#9a4831;
}

.fallback-logo-badge--brick .fallback-logo-badge__bar{ background:#9a4831; }

.fallback-logo-badge--olive{
  background:linear-gradient(145deg, #f8fbf3 0%, #e6edd8 100%);
}

.fallback-logo-badge--olive .fallback-logo-badge__inner,
.fallback-logo-badge--olive .fallback-logo-badge__bar{
  color:#617245;
}

.fallback-logo-badge--olive .fallback-logo-badge__bar{ background:#617245; }

.fallback-logo-badge--slate{
  background:linear-gradient(145deg, #f6f8fc 0%, #e1e7f2 100%);
}

.fallback-logo-badge--slate .fallback-logo-badge__inner,
.fallback-logo-badge--slate .fallback-logo-badge__bar{
  color:#586783;
}

.fallback-logo-badge--slate .fallback-logo-badge__bar{ background:#586783; }

.top-rank-slot{
  margin-bottom:6px;
}

.mini-tag{
  margin-left:8px;
  padding:.18rem .5rem;
  border-radius:999px;
  border:1px solid var(--border-neutral);
  background:var(--soft);
  color:var(--red);
  font-weight:1000;
  font-size:.72rem;
}

/* Sağ */
.row-right{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:8px;
  flex:0 0 auto;
  min-width:0;
}

.row-card__actions{
  margin-top:8px;
  padding-top:8px;
  border-top:1px solid var(--row-action-border);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:var(--row-action-gap);
}

.live-chip{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.32rem .58rem;
  border-radius:999px;
  background:var(--soft);
  border:1px solid var(--border-neutral);
  color:var(--red);
  font-weight:1000;
  font-size:.75rem;
  letter-spacing:.4px;
  align-self:flex-end;
}

.price-box{
  background:var(--card-bg);
  border:1px solid var(--border-neutral);
  border-radius:14px;
  padding:9px 11px 10px;
  min-width:196px;
  max-width:230px;
  width:100%;
  text-align:right;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 7px 16px rgba(117, 0, 1, .05);
}

.price-rank-slot{
  margin-bottom:6px;
  display:flex;
  justify-content:flex-end;
}

.price-box .price-label{
  color:rgba(17,18,20,.70);
  font-weight:900;
  font-size:.75rem;
}

.price{
  margin-top:3px;
  color:var(--text);
  font-weight:1000;
  font-size:var(--row-card-price-size);
  letter-spacing:-.6px;
  line-height:1.2;
  display:flex;
  align-items:baseline;
  gap:.05em;
  flex-wrap:wrap;
}

.price small{
  font-size:.55em;
  color:rgba(17,18,20,.55);
  font-weight:900;
}

.price .price-leading-inline,
.tc__price-val .price-leading-inline{
  display:inline-flex;
  align-items:baseline;
  gap:.06em;
  white-space:nowrap;
}

.price .price-currency,
.tc__price-val .price-currency{
  display:inline-block;
  flex-shrink:0;
}

.price .price-whole,
.tc__price-val .price-whole{
  display:inline-block;
  min-width:.14em;
}

/* OK butonu */
.go-btn{
  width:var(--row-go-size);
  height:var(--row-go-size);
  border-radius:50%;
  background:linear-gradient(135deg, var(--red) 0%, var(--red2) 70%);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 30px rgba(117, 0, 1, .25);
}

/* ================= OTHER CITIES ================= */
.other-cities{
  margin-top:28px;
}

.other-head{
  margin-bottom:14px;
}

.ex-h3{
  margin:0;
  font-size:1.25rem;
  font-weight:1000;
  color:var(--text);
  letter-spacing:-.3px;
}

.other-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}

.other-card{
  display:block;
  padding:16px 14px;
  border-radius:16px;
  background:var(--bg);
  border:1px solid var(--border-neutral);
  box-shadow:0 10px 24px rgba(0,0,0,.04);
  color:inherit;
  text-decoration:none;
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.other-card:hover{
  transform:translateY(-2px);
  border-color:var(--red-primary);
  box-shadow:0 16px 28px rgba(0,0,0,.08);
}

.other-name{
  font-size:1rem;
  font-weight:900;
  color:var(--text);
}

.other-sub{
  margin-top:6px;
  font-size:.82rem;
  font-weight:700;
  color:var(--muted);
}

.other-sub span{
  color:var(--red);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 991.98px){
  .ilborsadetay-page .ex-shell{
    padding-left:16px;
    padding-right:16px;
  }

  .ilborsadetay-page .ex-title{
    font-size:1.9rem;
  }

  .ilborsadetay-page .ex-hero-right{
    width:100%;
    max-width:none;
  }

  .ilborsadetay-page .top-card{
    grid-template-columns:1fr;
    padding:16px;
    gap:14px;
  }

  .ilborsadetay-page .top-right{
    width:100%;
    text-align:left;
  }

  .ilborsadetay-page .top-action{
    justify-content:space-between;
  }

  .ilborsadetay-page .row-card{
    padding:var(--row-card-padding-mobile, 14px);
  }

  .ilborsadetay-page .row-card__main{
    display:grid;
    grid-template-columns:minmax(0, 1.08fr) minmax(168px, .7fr);
    align-items:center;
    gap:12px;
  }

  .ilborsadetay-page .row-left,
  .ilborsadetay-page .row-right{
    width:auto;
  }

  .ilborsadetay-page .row-right{
    justify-content:flex-start;
    gap:10px;
    align-items:flex-end;
  }

  .ilborsadetay-page .name{
    max-width:none;
  }

  .ilborsadetay-page .price-box{
    min-width:0;
    text-align:right;
  }

  .ilborsadetay-page .other-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 575.98px){
  .ilborsadetay-page .row-card__main{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }

  .ilborsadetay-page .ex-shell{
    padding-left:14px;
    padding-right:14px;
  }

  .ilborsadetay-page .ex-title{
    font-size:1.45rem;
    line-height:1.2;
  }

  .ilborsadetay-page .ex-sub{
    gap:.45rem;
    font-size:.85rem;
  }

  .ilborsadetay-page .ex-stat-grid{
    grid-template-columns:1fr;
  }

  .ilborsadetay-page .top-header-row{
    gap:10px;
  }

  .ilborsadetay-page .top-logo-box{
    width:60px;
    height:60px;
    min-width:60px;
    min-height:60px;
    max-width:60px;
    max-height:60px;
  }

  .ilborsadetay-page .top-name{
    font-size:1.15rem;
  }

  .ilborsadetay-page .top-addr{
    font-size:.86rem;
  }

  .ilborsadetay-page .price-big{
    font-size:2.1rem;
  }

  .ilborsadetay-page .row-left{
    align-items:flex-start;
    gap:10px;
  }

  .ilborsadetay-page .rank-pill{
    align-self:flex-start;
  }

  .ilborsadetay-page .rank-pill.rank-1{
    width:40px;
    height:46px;
  }

  .ilborsadetay-page .rank-pill.rank-1 .rank-pill-inner{
    width:29px;
    height:29px;
    font-size:1.05rem;
  }

  .ilborsadetay-page .rank-pill.rank-1::before,
  .ilborsadetay-page .rank-pill.rank-1::after{
    width:13px;
    height:20px;
    bottom:-11px;
  }

  .ilborsadetay-page .rank-pill.rank-pill-top.rank-1{
    width:46px;
    height:52px;
  }

  .ilborsadetay-page .logo-box{
    width:58px;
    height:58px;
    min-width:58px;
    min-height:58px;
    max-width:58px;
    max-height:58px;
  }

  .ilborsadetay-page .name{
    font-size:var(--row-card-name-size-mobile, 1rem);
  }

  .ilborsadetay-page .row-right{
    display:grid;
    grid-template-columns:1fr auto;
    gap:10px;
    align-items:center;
  }

  .ilborsadetay-page .live-chip{
    grid-column:1 / -1;
    width:fit-content;
  }

  .ilborsadetay-page .price-box{
    min-width:0;
    width:100%;
  }

  .ilborsadetay-page .price{
    font-size:var(--row-card-price-size-mobile, 1.45rem);
  }

  .ilborsadetay-page .go-btn{
    width:var(--row-go-size);
    height:var(--row-go-size);
    min-width:46px;
    min-height:46px;
  }

  .ilborsadetay-page .other-grid{
    grid-template-columns:1fr;
  }
}

/* ===================================================
   MODERN TOP CARD — .tc
=================================================== */

.tc {
  background: #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(166, 125, 72, 0.2);
  box-shadow: 0 20px 44px rgba(83, 65, 34, 0.10);
  overflow: hidden;
  color: var(--text);
  margin-bottom: 20px;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.db-link:hover .tc,
.tc:hover {
  transform: translateY(-2px);
  box-shadow: 0 28px 56px rgba(83, 65, 34, 0.14);
}

.tc.rank-card-top {
  background:
    radial-gradient(ellipse at 18% 22%, rgba(255, 200, 100, 0.22) 0%, rgba(255, 200, 100, 0) 45%),
    radial-gradient(ellipse at 88% 88%, rgba(40, 0, 0, 0.55) 0%, rgba(40, 0, 0, 0) 55%),
    radial-gradient(ellipse at 72% 18%, rgba(220, 40, 50, 0.32) 0%, rgba(220, 40, 50, 0) 50%),
    linear-gradient(145deg, #a01215 0%, #7a0709 40%, #4f0205 100%);
  border: 1px solid rgba(255, 200, 130, 0.28);
  box-shadow:
    0 32px 64px rgba(60, 0, 4, 0.42),
    0 4px 14px rgba(40, 0, 4, 0.36),
    inset 0 1px 0 rgba(255, 220, 180, 0.22),
    inset 0 -2px 0 rgba(0, 0, 0, 0.28);
  color:#fff;
  border-radius: 22px;
  position: relative;
  overflow: hidden;
}

/* Hero — hafif desen overlay (yumuşak şerit deseni) */
.tc.rank-card-top::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(125deg, rgba(255, 230, 180, 0.025) 0 2px, transparent 2px 6px);
  pointer-events:none;
  opacity:0.6;
  z-index:0;
}
.tc.rank-card-top > *{ position:relative; z-index:1; }

.db-link:hover .tc.rank-card-top,
.tc.rank-card-top:hover {
  box-shadow:
    0 34px 70px rgba(68, 4, 7, 0.38),
    inset 0 1px 0 rgba(255, 220, 180, 0.14);
}

/* Hero — rozetin arkasında yumuşak sıcak ışık */
.tc.rank-card-top .tc__rank-side{
  position: relative;
}
.tc.rank-card-top .tc__rank-side::before{
  content:"";
  position:absolute;
  inset: -8px;
  background: radial-gradient(circle at 50% 50%, rgba(255, 215, 100, 0.32) 0%, rgba(255, 215, 100, 0.08) 45%, rgba(255, 215, 100, 0) 75%);
  filter: blur(6px);
  pointer-events:none;
  z-index:0;
}
.tc.rank-card-top .tc__rank-side > *{
  position:relative;
  z-index:1;
}

/* Hero — fiyat panelini biraz daha öne çıkar */
.tc.rank-card-top .tc__price-panel{
  background: linear-gradient(180deg, rgba(0,0,0,0.18) 0%, rgba(0,0,0,0.08) 100%);
  border: 1px solid rgba(255, 220, 180, 0.16);
  border-radius: 14px;
  padding: 12px 18px;
  backdrop-filter: blur(4px);
}
.tc.rank-card-top .tc__cut-chip{
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.6px;
  text-transform: uppercase;
  color: rgba(255, 220, 180, 0.85) !important;
  opacity: 0.95;
}
.tc.rank-card-top .tc__price-val{
  font-weight: 900;
  letter-spacing: -0.5px;
}

/* Hero — header chip'leri daha çerçeveli */
.tc.rank-card-top .tc__vitrin,
.tc.rank-card-top .tc__live-pill{
  padding: 0.32rem 0.72rem;
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 220, 180, 0.20);
  backdrop-filter: blur(4px);
}

/* Hero — Detay butonunu daha belirgin */
.tc.rank-card-top .tc__goto{
  background: linear-gradient(180deg, rgba(255, 235, 200, 0.16) 0%, rgba(255, 220, 180, 0.08) 100%);
  border: 1px solid rgba(255, 220, 180, 0.42);
  color: #ffffff;
  border-radius: 12px;
  padding: 10px 18px;
  font-weight: 800;
  letter-spacing: 0.2px;
  transition: background 0.18s ease, border-color 0.18s ease, transform 0.12s ease;
}
.tc.rank-card-top .tc__goto:hover{
  background: linear-gradient(180deg, rgba(255, 235, 200, 0.26) 0%, rgba(255, 220, 180, 0.14) 100%);
  border-color: rgba(255, 235, 200, 0.62);
  transform: translateY(-1px);
}

/* Header strip */
.tc__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  padding: 12px 20px;
  background: linear-gradient(90deg, #fff8f0 0%, #fffbf5 100%);
  border-bottom: 1px solid rgba(166, 125, 72, 0.14);
}

.tc.rank-card-top .tc__header{
  background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border-bottom: 1px solid rgba(255,255,255,.11);
}

.tc__vitrin {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--red);
  font-weight: 900;
  font-size: 0.77rem;
  letter-spacing: 0.55px;
}

.tc.rank-card-top .tc__vitrin,
.tc.rank-card-top .tc__live-pill,
.tc.rank-card-top .tc__name,
.tc.rank-card-top .tc__addr,
.tc.rank-card-top .tc__addr i,
.tc.rank-card-top .tc__cut-chip,
.tc.rank-card-top .tc__price-val,
.tc.rank-card-top .tc__follow-btn {
  color:#fff;
}

.tc__header-right {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left:auto;
}

.tc__live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0.28rem 0.65rem;
  border-radius: 999px;
  background: #fff7f1;
  border: 1px solid rgba(127, 29, 29, 0.1);
  color: var(--red);
  font-weight: 900;
  font-size: 0.77rem;
  letter-spacing: 0.4px;
}

.tc.rank-card-top .tc__live-pill{
  background: rgba(255,255,255,.08);
  border-color: rgba(255,255,255,.15);
}

.tc.rank-card-top .live-dot{
  background:#fff;
  box-shadow:0 0 0 0 rgba(255,255,255,.35);
}

/* Body: rank + logo + name */
.tc__body {
  padding: 0;
  min-width: 0;
}

.tc__main{
  display:grid;
  grid-template-columns:minmax(0, 1.6fr) minmax(250px, .72fr);
  gap:20px;
  padding:18px 20px 16px;
  align-items:center;
}

.tc__lead{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:26px;
  align-items:center;
  min-width:0;
}

.tc__rank-side{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:1;
}

.tc__rank-side::before{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  border-radius:50%;
  background:
    radial-gradient(circle, rgba(255, 226, 144, .55) 0%, rgba(255, 226, 144, .22) 38%, rgba(255, 226, 144, 0) 74%);
  filter:blur(3px);
  opacity:.95;
  z-index:-1;
}

.tc__rank-side .detail-rank-badge{
  margin:0;
}

.tc__rank-side .detail-rank-badge--medal{
  width:102px;
  height:130px;
}

.tc__rank-side .detail-rank-badge--round{
  width:58px;
  height:58px;
}

.tc__rank-side .detail-rank-badge--gold .detail-rank-badge-svg{
  filter:
    drop-shadow(0 0 10px rgba(255, 222, 120, .42))
    drop-shadow(0 14px 26px rgba(150, 114, 38, .34));
}

.tc__rank-side .detail-rank-badge-number--medal{
  font-size:39px;
  stroke-width:.9px;
}

.tc__identity{
  display:grid;
  grid-template-columns:92px minmax(0, 1fr);
  gap:8px;
  align-items:center;
  min-width:0;
}

.tc.no-logo .tc__identity{
  grid-template-columns:minmax(0, 1fr);
  gap:0;
}

.tc.no-logo .tc__body--featured{
  min-height:auto;
}

.tc__logo-box{
  position:relative;
  width:92px;
  height:92px;
  border-radius:26px;
  padding:4px;
  background:
    radial-gradient(circle at 30% 24%, rgba(255,255,255,.18) 0%, rgba(255,255,255,.06) 52%, rgba(255,255,255,.03) 100%),
    linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.04) 100%);
  border:2px solid rgba(255,255,255,.88);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 14px 26px rgba(31, 2, 3, .16);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.tc__logo-stage{
  width:100%;
  height:100%;
  border-radius:20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(252,250,248,1) 100%);
  border:1px solid rgba(255,255,255,.86);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 8px 18px rgba(31, 2, 3, .10);
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
}

.tc__logo-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:scale(1.14);
  transform-origin:center;
  background:#fff;
  padding:4px;
  image-rendering:-webkit-optimize-contrast;
}

.tc__body--featured{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  text-align:left;
  min-height:92px;
  width:auto;
  max-width:100%;
}

.tc__name-row {
  display:block;
  align-items:flex-start;
  justify-content:flex-start;
  width:auto;
  max-width:100%;
  margin-bottom: 0;
}

.tc__name {
  display:block;
  max-width:100%;
  font-size: clamp(2.08rem, 3.8vw, 2.9rem);
  font-weight: 1000;
  color: var(--text);
  letter-spacing: -1.05px;
  line-height: 1;
  text-shadow: 0 8px 18px rgba(31, 2, 3, .10);
  word-break:break-word;
  min-width:0;
}

.tc__name-text{
  display:inline;
  min-width:0;
}

.tc__name-meta{
  display:inline-flex;
  align-items:center;
  margin-left:.16em;
  padding-top:0;
  white-space:nowrap;
  vertical-align:baseline;
}

.tc__verify {
  display:inline-block;
  font-size: 1.38rem;
  flex-shrink: 0;
  line-height:1;
  margin-top:0;
  margin-left:0;
  vertical-align:top;
}

.tc.rank-card-top .tc__verify{
  color: var(--verified-tick-color-on-dark) !important;
  filter: var(--verified-tick-shadow-on-dark);
  text-shadow: 0 0 12px rgba(159, 221, 255, 0.24);
}

.tc__addr {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:4px;
  color: var(--muted);
  font-size: 0.96rem;
  font-weight: 700;
  text-align:center;
}

.tc__addr i { color: var(--red); opacity: 0.8; }

/* Price panel */
.tc__price-panel {
  margin: 0;
  padding: 14px 16px 15px;
  background: linear-gradient(135deg, #fff7f4 0%, #f8ebe6 100%);
  border-radius: 16px;
  border: 1px solid rgba(117, 0, 1, 0.10);
  min-width:0;
  width:100%;
  max-width:320px;
  justify-self:end;
}

.tc.rank-card-top .tc__price-panel{
  background: linear-gradient(180deg, rgba(58, 4, 5, .74) 0%, rgba(73, 6, 7, .82) 100%);
  border-color: rgba(255,255,255,.14);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 26px rgba(31, 2, 3, .16);
}

.tc__price-meta {
  margin-bottom: 10px;
}

.tc__cut-chip {
  display: inline-flex;
  align-items: center;
  justify-content:center;
  padding: 0.34rem 0.88rem;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(166, 125, 72, 0.2);
  color: var(--text);
  font-weight: 900;
  font-size: 0.82rem;
  letter-spacing: 0.18px;
  text-transform:uppercase;
}

.tc.rank-card-top .tc__cut-chip{
  background: rgba(255,255,255,.16);
  border-color: rgba(255,255,255,.24);
}

.tc.rank-card-top .tc__price-val small{
  color: rgba(255,255,255,.82);
}

.tc__price-val {
  font-size: 3.15rem;
  letter-spacing: -1.45px;
  line-height: 1.02;
  display: inline-flex;
  align-items: baseline;
  gap: 0.055em;
  flex-wrap: wrap;
}

/* Actions bar */
.tc__actions {
  padding: 10px 20px 14px;
  border-top: 1px solid rgba(166, 125, 72, 0.12);
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
}

.tc__actions--single{
  justify-content: flex-end;
}

.row-card__actions--single{
  justify-content: flex-end;
}

.tc.rank-card-top .tc__actions{
  border-top-color: rgba(255,255,255,.14);
}

.tc__follow-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0.72rem 1rem;
  border-radius: 14px;
  border: 1px solid rgba(117, 0, 1, 0.12);
  background: linear-gradient(135deg, #b81d1d 0%, #750001 100%);
  color: #fff;
  font-weight: 900;
  font-size: 0.86rem;
  cursor: pointer;
  transition: all 0.18s ease;
  white-space: nowrap;
  flex-shrink: 0;
  box-shadow: 0 12px 26px rgba(117, 0, 1, 0.22);
}

.tc.rank-card-top .tc__follow-btn{
  background: linear-gradient(135deg, rgba(255,255,255,.18) 0%, rgba(255,255,255,.10) 100%);
  border-color: rgba(255,255,255,.2);
  box-shadow: 0 12px 26px rgba(42, 6, 6, .18);
}

.tc__follow-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 16px 30px rgba(117, 0, 1, 0.28);
  color:#fff;
}

.tc.rank-card-top .tc__follow-btn:hover,
.tc.rank-card-top .tc__follow-btn.is-followed{
  background: linear-gradient(135deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.14) 100%);
  border-color: rgba(255,255,255,.34);
  color:#fff;
}

.tc__goto {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0.54rem 0.8rem;
  border-radius: 12px;
  background: rgba(117, 0, 1, 0.06);
  border: 1px solid rgba(117, 0, 1, 0.12);
  color: var(--red);
  font-weight: 900;
  font-size: 0.8rem;
  letter-spacing: 0.1px;
  margin-left: auto;
  flex: 0 0 auto;
  text-decoration:none;
}

.tc.rank-card-top .tc__goto{
  background: rgba(255,255,255,.1);
  border-color: rgba(255,255,255,.18);
  color: #fff;
}

/* ===== ROW CARD — follow button ===== */
.row-follow-btn {
  min-width: 130px;
  min-height: 39px;
  padding: 0.54rem 0.72rem;
  border-radius: 13px;
  border: 1px solid rgba(117, 0, 1, 0.14);
  background: linear-gradient(135deg, rgba(184, 29, 29, 0.08) 0%, rgba(117, 0, 1, 0.03) 100%);
  color: var(--red);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.18s ease;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 0.82rem;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.72),
    0 7px 16px rgba(117, 0, 1, 0.07);
}

.row-card.rank-visual-2 .row-follow-btn {
  border-color: rgba(117, 0, 1, 0.18);
  background: linear-gradient(135deg, rgba(184, 29, 29, 0.11) 0%, rgba(117, 0, 1, 0.05) 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.78),
    0 9px 18px rgba(117, 0, 1, 0.08);
}

.row-card.rank-visual-3 .row-follow-btn {
  border-color: rgba(145, 72, 56, 0.15);
  background: linear-gradient(135deg, rgba(146, 71, 48, 0.08) 0%, rgba(146, 71, 48, 0.03) 100%);
  color:#86563a;
}

.row-card.rank-visual-4 .row-follow-btn {
  border-color: rgba(144, 95, 73, 0.12);
  background: linear-gradient(135deg, rgba(195, 163, 103, 0.08) 0%, rgba(144, 95, 73, 0.03) 100%);
  color:#8a6e45;
}

.row-card.rank-visual-5 .row-follow-btn {
  border-color: rgba(130, 95, 84, 0.1);
  background: linear-gradient(135deg, rgba(154, 144, 129, 0.08) 0%, rgba(130, 95, 84, 0.03) 100%);
  color:#706961;
}

.row-follow-btn:hover {
  transform: translateY(-1px);
  color:inherit;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.82),
    0 10px 22px rgba(117, 0, 1, 0.09);
}

.row-detail-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:38px;
  padding:0.42rem 0.64rem;
  border-radius:12px;
  background:rgba(117, 0, 1, 0.06);
  border:1px solid rgba(117, 0, 1, 0.12);
  color:var(--red);
  font-weight:900;
  font-size:.78rem;
  letter-spacing:.02em;
  text-decoration:none;
  flex:0 0 auto;
}

.row-detail-link:hover{
  color:var(--red);
  transform:translateY(-1px);
}

.follow-btn-copy,
.row-follow-copy{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
}

.follow-btn-title,
.row-follow-title{
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.02em;
}

.follow-btn-sub,
.row-follow-sub{
  font-size:.68rem;
  font-weight:700;
  opacity:.88;
  margin-top:3px;
  display:none;
}

.row-follow-btn i,
.tc__follow-btn i{
  font-size:1rem;
}

.app-install-modal__content{
  border:1px solid rgba(117, 0, 1, 0.08);
  border-radius:22px;
  box-shadow:0 26px 60px rgba(15, 23, 42, 0.18);
}

.app-install-modal__eyebrow{
  color:var(--red);
  font-size:.72rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:4px;
}

.app-install-modal__hero{
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px 18px;
  border-radius:20px;
  background:linear-gradient(135deg, rgba(122,0,0,.08) 0%, rgba(177,15,46,.05) 100%);
  border:1px solid rgba(117, 0, 1, 0.12);
  margin-bottom:14px;
}

.app-install-modal__hero-title{
  color:var(--text);
  font-size:1.72rem;
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1.08;
  max-width:11ch;
}

.app-install-modal__stores{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

.app-install-modal__store-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px;
  border-radius:20px;
  text-decoration:none;
  background:#fff;
  border:1px solid rgba(117, 0, 1, 0.14);
  color:var(--text);
  box-shadow:0 12px 28px rgba(15, 23, 42, 0.08);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.app-install-modal__store-card:hover{
  transform:translateY(-2px);
  color:var(--text);
  border-color:rgba(117, 0, 1, 0.18);
  box-shadow:0 16px 28px rgba(15, 23, 42, 0.10);
}

.app-install-modal__store-card.is-recommended{
  border-color:rgba(117, 0, 1, 0.32);
  box-shadow:0 18px 34px rgba(117, 0, 1, 0.16);
}

.app-install-modal__store-logo{
  width:54px;
  height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  color:#fff;
  box-shadow:0 10px 22px rgba(15, 23, 42, 0.12);
}

.app-install-modal__store-card--play .app-install-modal__store-logo{
  background:linear-gradient(135deg, #16995b 0%, #0f6e41 100%);
}

.app-install-modal__store-card--appstore .app-install-modal__store-logo{
  background:linear-gradient(135deg, #111827 0%, #273449 100%);
}

.app-install-modal__store-logo i{
  font-size:1.35rem;
}

.app-install-modal__store-copy{
  display:flex;
  flex-direction:column;
  min-width:0;
  gap:2px;
}

.app-install-modal__store-eyebrow{
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.app-install-modal__store-title{
  color:var(--text);
  font-size:1.02rem;
  font-weight:900;
  letter-spacing:-0.02em;
  line-height:1.2;
}

.app-install-modal__stores{
  margin-top:2px;
}

.app-install-modal__primary{
  background:linear-gradient(135deg, #b81d1d 0%, #750001 100%);
  color:#fff;
  border:none;
  border-radius:14px;
  padding:.82rem 1rem;
  font-weight:900;
  box-shadow:0 14px 28px rgba(117, 0, 1, 0.18);
}

.app-install-modal__primary:hover{
  color:#fff;
}

.app-install-modal__store{
  background:#fff;
  border:1px solid rgba(117, 0, 1, 0.12);
  color:var(--text);
  border-radius:14px;
  padding:.82rem 1rem;
  font-weight:800;
}

.app-install-modal__store:hover{
  color:var(--red);
  border-color:rgba(117, 0, 1, 0.22);
}

/* ===== TC RESPONSIVE ===== */
@media (max-width: 767px) {
  .app-install-modal__stores{
    grid-template-columns:1fr;
  }
  .tc__header {
    padding: 10px 16px;
  }
  .tc__main{
    grid-template-columns:minmax(0, 1fr) 210px;
    gap:14px;
    padding:14px 16px 14px;
  }
  .tc__lead{
    gap:18px;
  }
  .tc__rank-side::before{
    width:76px;
    height:76px;
  }
  .tc__rank-side .detail-rank-badge--medal{
    width:82px;
    height:104px;
  }
  .tc__rank-side .detail-rank-badge-number--medal{
    font-size:34px;
  }
  .tc__rank-side .detail-rank-badge--round{
    width:48px;
    height:48px;
  }
  .tc__identity{
    grid-template-columns:68px minmax(0, 1fr);
    gap:8px;
  }
  .tc.no-logo .tc__identity{
    grid-template-columns:minmax(0, 1fr);
    gap:0;
  }
  .tc__logo-box{
    width:68px;
    height:68px;
    border-radius:18px;
    padding:3px;
  }
  .tc__logo-stage{
    border-radius:14px;
  }
  .tc__logo-image{
    padding:4px;
    transform:scale(1.1);
  }
  .tc__body--featured{
    align-items:flex-start;
    text-align:left;
    min-height:68px;
  }
  .tc__header-right {
    width:auto;
    justify-content:flex-end;
  }
  .tc__body {
    padding: 0;
  }
  .tc__price-panel {
    padding: 12px 14px 14px;
  }
  .tc__price-val {
    font-size: 2.5rem;
  }
  .tc__actions {
    padding: 10px 16px 14px;
    flex-wrap: wrap;
  }
  .tc__follow-btn{
    flex:1 1 220px;
  }
  .tc__goto {
    min-width: 0;
    margin-left:0;
  }
}

@media (max-width: 575px) {
  .tc__main{
    grid-template-columns:1fr;
    gap:12px;
  }
  .tc__lead{
    grid-template-columns:1fr;
    gap:12px;
  }
  .tc__rank-side{
    justify-content:flex-start;
  }
  .tc__rank-side::before{
    width:68px;
    height:68px;
  }
  .tc__rank-side .detail-rank-badge--medal{
    width:76px;
    height:96px;
  }
  .tc__identity{
    grid-template-columns:62px minmax(0, 1fr);
    gap:8px;
  }
  .tc__logo-box{
    width:62px;
    height:62px;
    border-radius:16px;
  }
  .tc__logo-stage{
    border-radius:12px;
  }
  .tc__logo-image{
    padding:4px;
    transform:scale(1.08);
  }
  .tc__body--featured{
    align-items:flex-start;
    text-align:left;
    min-height:62px;
  }
  .tc__name {
    font-size: 1.62rem;
  }
  .tc__rank-side .detail-rank-badge-number--medal{
    font-size:31px;
  }
  .tc__price-val {
    font-size: 2.2rem;
  }
  .tc__follow-btn {
    padding: 0.68rem 0.88rem;
    font-size: 0.82rem;
  }
  .row-rank-badge{
    min-width:50px;
  }
  .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
    width:40px;
    height:40px;
  }
  .row-card.rank-visual-2 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
    width:44px;
    height:44px;
  }
  .row-card.rank-visual-3 .row-rank-badge .detail-rank-badge--compact.detail-rank-badge--round{
    width:41px;
    height:41px;
  }
  .row-right{
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  .live-chip{
    align-self:flex-start;
  }
  .row-card__actions{
    display:flex;
    justify-content:space-between;
    gap:8px;
  }
  .row-follow-btn{
    min-width:0;
    width:auto;
    justify-content:center;
    flex:0 1 auto;
    padding:0.6rem 0.78rem;
  }
  .row-detail-link{
    width:auto;
    justify-content:center;
    padding:0.46rem 0.68rem;
  }
}

/* ── İl detay liste kartı: mobilde kompakt & hizalı (bomboş görünüm gider) ── */
@media (max-width: 575.98px){
  .ilborsadetay-page .list-wrap .row-card{ padding: 12px 13px !important; }
  .ilborsadetay-page .list-wrap .row-card__main{
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 11px !important;
  }
  .ilborsadetay-page .list-wrap .row-left{
    flex: 1 1 auto !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .ilborsadetay-page .list-wrap .row-right{
    flex: 0 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 5px !important;
    width: auto !important;
  }
  .ilborsadetay-page .list-wrap .live-chip{
    align-self: flex-end !important;
    width: auto !important;
    grid-column: auto !important;
  }
  .ilborsadetay-page .list-wrap .price-box{
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding: 6px 12px !important;
    text-align: right !important;
  }
  .ilborsadetay-page .list-wrap .price-box .price-label{ font-size: 0.68rem !important; }
  .ilborsadetay-page .list-wrap .name__label{ font-size: 1.1rem !important; line-height: 1.2 !important; }
  .ilborsadetay-page .list-wrap .row-card__actions{ margin-top: 8px !important; }
}

/* ===== Şehir detay — mobil boşluk sadeleştirme ===== */
@media (max-width: 991.98px) {
  /* Cut-switch sonrası büyük boşluğu kıs */
  .ilborsadetay-page section.py-5 { padding-top: 0.5rem !important; padding-bottom: 1.1rem !important; }
  .ilborsadetay-page .cut-switch-shell--hero { margin-bottom: 8px !important; }

  /* Kartlar arası boşluğu sıkılaştır */
  .ilborsadetay-page .row-card { margin-bottom: 9px !important; }
  .ilborsadetay-page .tc.rank-card-top { margin-bottom: 11px !important; }
}

/* ===== Rank-1 vitrin kartı — mobilde düzenli yerleşim (boşluk/çakışma giderildi) ===== */
@media (max-width: 991.98px) {
  /* Dikey akış: kimlik satırı → fiyat → buton */
  .ilborsadetay-page .tc.rank-card-top .tc__main {
    display: flex !important; flex-direction: column !important;
    align-items: stretch !important; gap: 14px !important;
  }
  /* Kimlik satırı: madalya + logo + isim TEK satırda (madalyanın yanındaki boşluk kapanır) */
  .ilborsadetay-page .tc.rank-card-top .tc__lead {
    display: flex !important; flex-direction: row !important;
    align-items: center !important; gap: 11px !important; width: 100% !important;
  }
  .ilborsadetay-page .tc.rank-card-top .tc__rank-side { flex: 0 0 auto !important; width: auto !important; }
  .ilborsadetay-page .tc.rank-card-top .tc__rank-side .detail-rank-badge { width: 58px !important; }
  .ilborsadetay-page .tc.rank-card-top .tc__identity {
    display: flex !important; flex-direction: row !important; align-items: center !important;
    gap: 10px !important; flex: 1 1 auto !important; min-width: 0 !important;
  }
  .ilborsadetay-page .tc.rank-card-top .tc__logo-box { flex: 0 0 auto !important; }
  .ilborsadetay-page .tc.rank-card-top .tc__body { flex: 1 1 auto !important; min-width: 0 !important; }
  .ilborsadetay-page .tc.rank-card-top .tc__name,
  .ilborsadetay-page .tc.rank-card-top .tc__name-row { min-width: 0 !important; }
  .ilborsadetay-page .tc.rank-card-top .tc__name-text {
    white-space: normal !important; overflow-wrap: anywhere !important;
    font-size: 1.04rem !important; line-height: 1.2 !important;
  }
  /* Fiyat paneli tam genişlik */
  .ilborsadetay-page .tc.rank-card-top .tc__price-panel { width: 100% !important; max-width: none !important; }
}