.bolge-main {background: linear-gradient(to right, #330a3c 0%, #050106 15%, #2f0538 25%, #130818 35%, #040103 65%, #460a53 75%, #050105 85%, #300738 100%);	border-radius: 1rem;}
/*.bolge-main {background: linear-gradient(to right, #7d0d93 0%, #000 50%, #830a9b 100%);	border-radius: 1rem;}*/
.bolge-baslik{font-size:1.3rem;letter-spacing:0.18em;text-transform:uppercase;color:#fcac19;font-weight:700;margin-bottom:0.6rem;}
.section-title{font-size:clamp(1.9rem, 3.5vw, 2.8rem);font-weight:700;letter-spacing:-0.025em;}
h2{padding:5px 15px;background-color:black;border-radius:6px;color:white !important;text-align:center;}

.kizapartbadge{color:#fff;background:linear-gradient(135deg, #e91e8c, #c2185b);border:none;}
.bolge-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(190px, 1fr));gap:1rem;margin-top:0.75rem;}
.bolge-btn{display:flex;align-items:center;justify-content:center;gap:0.3rem;background:rgba(255,255,255,0.18);color:#fff;border:1px solid rgba(255,255,255,0.4);backdrop-filter:blur(5px);text-decoration:none;border-radius:1rem;padding:0.35rem 0.6rem;font-size:0.82rem;font-weight:500;transition:all 0.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.bolge-btn:hover{background:rgba(255,255,255,0.32);color:#fff;}

.apart-card{transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0.05) !important;}
.apart-card:hover{transform:translateY(-8px);}
/* Kız Apart Stili */
.card-kiz{border-color:rgba(233, 30, 140, 0.3) !important;}
.card-kiz:hover{border:3px solid #e91e8c !important;}
/* Erkek Apart Stili */
.card-erkek{border-color:rgba(21, 101, 192, 0.3) !important;}
.card-erkek-apart{box-shadow:0 3px 0px rgba(21, 101, 192, 0.15) !important;}
.card-kiz-apart{box-shadow:0 3px 0px rgba(233, 30, 140, 0.15) !important;}
.card-erkek:hover{border:3px solid #1565C0 !important;}
/* Karışık/Özel Stili */
.card-karisik, .card-ozel{border-bottom:3px solid #f57c00 !important;}
.card-karisik:hover, .card-ozel:hover{box-shadow:0 15px 35px rgba(245, 124, 0, 0.12) !important;}
.carousel-indicators [data-bs-target]{width:20px !important;}

.stats-banner{background:#fff;border-bottom:1px solid #e9ecef;padding:0;box-shadow:0 4px 20px rgba(0,0,0,.06);}
.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;border-right:1px solid #f0f2f5;transition:background 0.2s;}
.stat-item:last-child{border-right:none;}
.stat-item:hover{background:#f8faff;}
.stat-number{font-size:2.4rem;font-weight:800;line-height:1;background:linear-gradient(135deg, #0d6efd, #0dcaf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.stat-label{font-size:0.82rem;color:#6b7280;font-weight:500;margin-top:0.3rem;text-align:center;}
.stat-icon{font-size:1.5rem;margin-bottom:0.4rem;opacity:0.8;}
.cta-section{background:linear-gradient(135deg, #0d6efd 0%, #0dcaf0 100%);border-radius:1.25rem;padding:3rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 60px rgba(13,110,253,.25);}
.cta-section::before{content:'';position:absolute;top:-60px;right:-60px;width:260px;height:260px;background:rgba(255,255,255,.08);border-radius:50%;}
.cta-section::after{content:'';position:absolute;bottom:-80px;left:-40px;width:220px;height:220px;background:rgba(255,255,255,.06);border-radius:50%;}
/* ── Mesafe Karşılaştırma Tablosu ── */
.nav-tabs-distance{border-bottom:none;gap:4px;}
.nav-tabs-distance .nav-link{background:#e9ecef;border:1px solid #dee2e6;border-bottom:none;color:#495057;font-weight:600;font-size:0.88rem;border-radius:0.6rem 0.6rem 0 0;padding:0.55rem 1.1rem;transition:all 0.2s;}
.nav-tabs-distance .nav-link:hover{background:#dee2e6;color:#0d6efd;}
.nav-tabs-distance .nav-link.active{background:#fff;color:#0d6efd;border-color:#dee2e6 #dee2e6 #fff;box-shadow:0 -2px 0 0 #0d6efd;}
.distance-tab-content{background:#fff;border:1px solid #dee2e6;border-top:none;border-radius:0 0.5rem 0.5rem 0.5rem;overflow:hidden;}
.distance-compare-table{border-collapse:separate;border-spacing:0;margin:0;font-size:0.83rem;}
.distance-compare-table thead th{background:#1a1d23;color:#fff;font-weight:600;padding:0.9rem 0.75rem;white-space:nowrap;border:none;vertical-align:middle;}
.distance-compare-table thead th .uni-name{font-size:0.78rem;line-height:1.3;}
.distance-compare-table thead th .campus-name{font-size:0.68rem;opacity:0.7;font-weight:400;margin-top:2px;}
.distance-compare-table tbody tr{transition:background 0.15s;}
.distance-compare-table tbody tr:hover{background:#f0f5ff;}
.distance-compare-table tbody td{padding:0.7rem 0.75rem;border-bottom:1px solid #f0f0f0;vertical-align:middle;}
.sticky-col{position:sticky;left:0;z-index:2;background:#fff;min-width:160px;max-width:200px;}
.distance-compare-table thead .sticky-col{background:#1a1d23;z-index:3;}
.distance-compare-table tbody tr:hover .sticky-col{background:#f0f5ff;}
.apart-col{min-width:160px;}
.type-col{min-width:70px;}
.data-col{min-width:130px;}
.no-data{background:#fafafa;}
.apart-link{color:#1a1d23;font-weight:600;text-decoration:none;font-size:0.82rem;display:block;line-height:1.3;}
.apart-link:hover{color:#0d6efd;text-decoration:underline;}
.apart-type-pill{display:inline-block;font-size:0.67rem;font-weight:700;padding:0.18rem 0.5rem;border-radius:50rem;text-transform:uppercase;letter-spacing:0.03em;white-space:nowrap;}
.badge-kiz { background: linear-gradient(135deg, #e91e8c, #c2185b); color: #fff; }
.badge-erkek   { background: linear-gradient(135deg, #1565c0, #0d47a1); color: #fff; }
.badge-karisik { background: linear-gradient(135deg, #f57c00, #e65100); color: #fff; }
.badge-ozel{ background: linear-gradient(135deg, #6a1b9a, #4a148c); color: #fff; }
/* Mesafe chip'leri */
.dist-chips { display: flex; flex-direction: column; gap: 3px; align-items: center; }
.dist-chip{display:inline-flex;align-items:center;gap:4px;font-size:0.72rem;font-weight:600;padding:0.15rem 0.5rem;border-radius:50rem;white-space:nowrap;}
.dist-chip.km  { background: #e3f2fd; color: #0d47a1; }
.dist-chip.walk{ background: #e8f5e9; color: #2e7d32; }
.dist-chip.tram{ background: #fce4ec; color: #880e4f; }
.distance-legend{display:flex;gap:0.75rem;flex-wrap:wrap;padding:0.75rem 1rem;background:#f8faff;border-top:1px solid #f0f0f0;font-size:0.75rem;}
.info {font-size:1.1rem; padding-left:1rem;}
.info h3 {font-size:1.4rem;}

.info-list{margin-bottom:0;}
.info-list li{margin-bottom:5px;}
.info-list a{display:block;padding:.5rem .9rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:50rem;text-decoration:none;color:#212529;font-size:.95rem;transition:.2s ease;}
.info-list a:hover{background:#0d6efd;border-color:#0d6efd;color:#fff;transform:translateY(-2px);}
.card-footer a {font-size:12px;}
@media (max-width: 768px){
.section-title{font-size:1.25rem;}
.info-list{padding-left:1rem;}
.nav-tabs-distance .nav-link { font-size: 0.78rem; padding: 0.45rem 0.1rem; }
.distance-compare-table { font-size: 0.75rem; }
.data-col { min-width: 110px; }
.sticky-col { min-width: 120px; max-width: 140px; }
}