/* ============================================================
   ███ FEDERASYON MAXX — MODERN KURUMSAL TEMA ███
   Aydınlık/ferah · beyaz ağırlıklı · kırmızı vurgu
   ============================================================ */

:root {
    --mx-red: #e31e26;
    --mx-red-soft: #ff4a50;
    --mx-red-dark: #c5161d;
    --mx-navy: #14143a;
    --mx-navy-2: #232357;
    --mx-ink: #1d1d28;
    --mx-text: #4a4a58;
    --mx-muted: #9090a0;
    --mx-line: #eef0f5;
    --mx-bg: #ffffff;
    --mx-bg-soft: #f7f8fc;
    --mx-bg-tint: #fbfbfe;
    --mx-shadow-sm: 0 4px 16px rgba(20,20,55,0.06);
    --mx-shadow: 0 12px 34px rgba(20,20,55,0.09);
    --mx-shadow-lg: 0 24px 60px rgba(20,20,55,0.14);
    --mx-radius: 18px;
    --mx-radius-sm: 12px;
    --mx-gap: 28px;
}

/* ---------- Genel ritim ---------- */
.fed-section { padding: 40px 0; }
.fed-section--soft { background: var(--mx-bg-soft); }
.fed-section--tight { padding: 48px 0; }

/* ---------- Modern bölüm başlığı ---------- */
.mx-head {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 46px;
}
.mx-head__kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: var(--mx-red);
    margin-bottom: 14px;
}
.mx-head__kicker::before,
.mx-head__kicker::after {
    content: "";
    width: 26px; height: 2px;
    background: var(--mx-red);
    opacity: .5;
}
.mx-head__title {
    font-size: 38px;
    font-weight: 800;
    line-height: 1.15;
    color: var(--mx-navy);
    letter-spacing: -0.5px;
    margin: 0;
}
.mx-head__title span { color: var(--mx-red); }
.mx-head__sub {
    margin: 14px auto 0;
    font-size: 16px;
    color: var(--mx-text);
    line-height: 1.6;
}
.mx-head--left { text-align: left; margin-left: 0; }

/* ---------- Modern buton ---------- */
.mx-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 13px 28px;
    border-radius: 40px;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    border: none;
    transition: all .28s cubic-bezier(.2,.7,.3,1);
}
.mx-btn--primary {
    background: linear-gradient(135deg, var(--mx-red), var(--mx-red-soft));
    color: #fff;
    box-shadow: 0 8px 22px rgba(227,30,38,0.32);
}
.mx-btn--primary:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(227,30,38,0.42);
    color: #fff;
}
.mx-btn--ghost {
    background: #fff;
    color: var(--mx-navy);
    border: 1.5px solid var(--mx-line);
}
.mx-btn--ghost:hover {
    border-color: var(--mx-red);
    color: var(--mx-red);
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .fed-section { padding: 48px 0; }
    .mx-head { margin-bottom: 32px; }
    .mx-head__title { font-size: 28px; }
}

/* ============================================================
   STORY ÇEMBERLERİ — modern gradient ring
   ============================================================ */
.fedStoryArea { padding: 16px 60px; }
/* Story üstündeki boş beyaz boşluğu kaldır */
.main-slider-style1 { padding-top: 0 !important; margin-top: 0 !important; }
.main-slider-style1 > .fedStoryArea:first-of-type,
.fedStoryArea { margin-top: 0 !important; }
.fedStoryCircle {
    padding: 3px !important;
    background: linear-gradient(135deg, var(--mx-red), var(--mx-red-soft), var(--mx-navy)) !important;
    transition: transform .3s ease !important;
}
.fedStoryItem:hover .fedStoryCircle { transform: scale(1.06); }
.fedStoryLabel {
    font-weight: 600 !important;
    color: var(--mx-ink) !important;
}

/* ============================================================
   DUYURU CAROUSEL — modern kart
   ============================================================ */
.fed-ann-item a {
    border-radius: var(--mx-radius-sm) !important;
    overflow: hidden;
    box-shadow: var(--mx-shadow-sm);
    transition: transform .3s ease, box-shadow .3s ease !important;
    display: block;
}
.fed-ann-item:hover a {
    transform: translateY(-6px);
    box-shadow: var(--mx-shadow);
}
.fed-ann-title {
    font-weight: 600 !important;
    background: linear-gradient(to top, rgba(20,20,58,.92), rgba(20,20,58,.25), transparent) !important;
}
.fed-ann-nav {
    width: 46px !important; height: 46px !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: var(--mx-navy) !important;
    box-shadow: var(--mx-shadow-sm) !important;
    border: 1px solid var(--mx-line) !important;
    transition: all .25s ease !important;
}
.fed-ann-nav:hover {
    background: var(--mx-red) !important;
    color: #fff !important;
    transform: scale(1.1);
}

/* ============================================================
   SPONSOR ALANI — ferah
   ============================================================ */
.spn-item img {
    filter: grayscale(35%);
    opacity: .85;
    transition: filter .3s ease, opacity .3s ease, transform .3s ease;
}
.spn-item:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* ============================================================
   GENEL TİPOGRAFİ & HIZ
   ============================================================ */
body { color: var(--mx-text); }
img { max-width: 100%; }

/* İçerik görselleri yumuşak yüklensin (CLS azalt) */
.bdm-item img, .fed-ann-item img, .fedStoryMedia img {
    will-change: transform;
}

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Seçim rengi */
::selection { background: rgba(227,30,38,.18); color: var(--mx-navy); }

/* ============================================================
   SLIDER ALANI — sarmalayıcı ferahlık
   ============================================================ */
.main-slider-style1 .row[style*="background"] {
    background: #fff !important;
    padding: 10px 0;
    border-radius: var(--mx-radius);
}

/* ============================================================
   SCROLL-REVEAL (hafif, kurumsal)
   ============================================================ */
.mx-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease;
}
.mx-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

/* ============================================================
   HERO — max 600px, dengeli 3-6-3 düzen
   ============================================================ */
.main-slider-style1 .row[style*="background"] {
    background: #fff !important;
    padding: 16px 12px;
    border-radius: var(--mx-radius);
    margin: 0 !important;
    align-items: stretch;
}
.fed-leaders-col {
    padding-left: 4px;
    padding-right: 8px;
}
.main-slider-style1 .bdm-slider {
    max-height: 600px;
    height: 600px;
}
.main-slider-style1 .bdm-slider .bdm-item,
.main-slider-style1 #bdmOwl,
.main-slider-style1 .owl-stage-outer,
.main-slider-style1 .owl-stage,
.main-slider-style1 .owl-item,
.main-slider-style1 .bdm-item a,
.main-slider-style1 .bdm-item img {
    height: 600px !important;
    max-height: 600px;
}
.main-slider-style1 .bdm-item img { object-fit: cover; }

/* Sol lider kartları - col-3'e sığsın, toplam 600px */
.fed-leaders-col {
    max-height: 600px;
    gap: 12px;
}
.fed-leaders-col .fed-leader-card {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
.fed-leaders-col .fed-leader-photo {
    flex: 1;
    aspect-ratio: auto;
    min-height: 0;
}
.fed-leaders-col .fed-leader-info { flex-shrink: 0; }

/* Sponsor sütunu 600px */
.spn-wrap { max-height: 600px; }

@media (max-width: 991px) {
    .main-slider-style1 .bdm-slider,
    .main-slider-style1 .bdm-slider .bdm-item,
    .main-slider-style1 #bdmOwl,
    .main-slider-style1 .owl-stage-outer,
    .main-slider-style1 .owl-stage,
    .main-slider-style1 .owl-item,
    .main-slider-style1 .bdm-item a,
    .main-slider-style1 .bdm-item img {
        height: 380px !important;
        max-height: 380px;
    }
    .fed-leaders-col { max-height: none; }
}

/* ============================================================
   STANDART CAROUSEL BAŞLIĞI (başlık solda + oklar sağ üstte)
   Tüm bölümler bu sistemi kullanır (duyuru/galeri/sporcu/sayılar)
   ============================================================ */
.mx-head--row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    text-align: left;
    max-width: 100%;
    margin-bottom: 32px;
}
.mx-head--row .mx-head__left { text-align: left; }
.mx-head--row .mx-head__kicker { margin-bottom: 8px; }
.mx-head--row .mx-head__title { font-size: 30px; }

/* Ok grubu */
.mx-carousel-nav { display: flex; gap: 10px; flex-shrink: 0; }
.mx-carousel-btn {
    width: 48px; height: 48px;
    border-radius: 50%;
    border: 1.5px solid var(--mx-line, #ebecf2);
    background: #fff;
    color: var(--mx-navy, #14143a);
    font-size: 16px;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: all .25s ease;
    box-shadow: 0 4px 14px rgba(20,20,55,.06);
}
.mx-carousel-btn:hover {
    background: var(--mx-red, #e31e26);
    border-color: var(--mx-red, #e31e26);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(227,30,38,.25);
}

@media (max-width: 600px) {
    .mx-head--row { flex-direction: column; align-items: flex-start; }
    .mx-head--row .mx-head__title { font-size: 24px; }
    .mx-carousel-btn { width: 42px; height: 42px; }
}

/* ============================================================
   SPORCULAR — modern izole kart (mxath)
   ============================================================ */
.fedAthletesSection { padding: 70px 0 !important; background: #fff; }
.mxath .fedAthleteViewport { overflow: hidden; }
.mxath .fedAthleteTrack {
    display: flex;
    transition: transform .6s cubic-bezier(.4,0,.2,1);
}
.mxath__cell {
    min-width: 25%;
    padding: 0 12px;
    box-sizing: border-box;
}
.mxath__card {
    display: block;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    border: 1px solid #eef0f5;
    transition: transform .3s ease, box-shadow .3s ease;
    text-decoration: none;
}
.mxath__card:hover { transform: translateY(-8px); box-shadow: 0 20px 44px rgba(20,20,55,.14); }
.mxath__photo {
    position: relative;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: linear-gradient(135deg, #14143a, #232357);
}
.mxath__photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mxath__card:hover .mxath__photo img { transform: scale(1.07); }
.mxath__ph {
    position: absolute; inset: 0;
    display: flex; align-items: center; justify-content: center;
    font-size: 60px; font-weight: 800; color: rgba(255,255,255,.25);
}
.mxath__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(to top, rgba(20,20,58,.5), transparent 50%);
    opacity: 0; transition: opacity .3s ease;
}
.mxath__card:hover .mxath__overlay { opacity: 1; }
.mxath__body { padding: 18px 20px 22px; text-align: center; }
.mxath__name {
    margin: 0 0 4px; font-size: 16px; font-weight: 700; color: var(--mx-navy, #14143a);
    text-transform: uppercase; letter-spacing: .3px; line-height: 1.3;
}
.mxath__sub { margin: 0 0 12px; font-size: 13px; color: var(--mx-muted, #9090a0); }
.mxath__link {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13px; font-weight: 700; color: var(--mx-red, #e31e26);
    transition: gap .25s ease;
}
.mxath__card:hover .mxath__link { gap: 12px; }

@media (max-width: 992px) { .mxath__cell { min-width: 50%; } }
@media (max-width: 576px) { .mxath__cell { min-width: 100%; } }

/* ============================================================
   FAALİYET TAKVİMİ — TAB + modern
   ============================================================ */
.fed-faaliyet-section { padding: 70px 0 !important; }
.fed-fa-tabs {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 30px;
}
.fed-fa-tab {
    padding: 10px 24px;
    border-radius: 30px;
    border: 1.5px solid var(--mx-line, #ebecf2);
    background: #fff;
    color: var(--mx-navy, #14143a);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all .25s ease;
}
.fed-fa-tab:hover { border-color: var(--mx-red, #e31e26); color: var(--mx-red, #e31e26); }
.fed-fa-tab.is-active {
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    border-color: transparent;
    color: #fff;
    box-shadow: 0 6px 16px rgba(227,30,38,.28);
}
/* Eski timeline çizgilerini/noktalarını TAMAMEN iptal et */
.fed-faaliyet-section .timeline ul:before,
.fed-faaliyet-section .timeline ul:after,
.fed-faaliyet-section .timeline ul li:before,
.fed-faaliyet-section .timeline ul li:after,
.fed-faaliyet-section #timelineTrack:before,
.fed-faaliyet-section #timelineTrack:after,
.fed-faaliyet-section #timelineTrack li:before,
.fed-faaliyet-section #timelineTrack li:after {
    display: none !important;
    content: none !important;
    border: none !important;
    background: none !important;
}

/* Timeline kart modernizasyonu */
.fed-faaliyet-section .timeline { padding: 0 !important; }
.fed-faaliyet-section .timeline-viewport { overflow: hidden; }
.fed-faaliyet-section #timelineTrack {
    display: flex !important;
    gap: 20px !important;
    transition: transform .5s cubic-bezier(.4,0,.2,1);
    list-style: none;
    padding: 6px 0 !important; margin: 0 !important;
}
.fed-faaliyet-section #timelineTrack li {
    min-width: 320px;
    max-width: 320px;
    background: #fff !important;
    border: 1px solid #eef0f5 !important;
    border-radius: 18px !important;
    padding: 24px !important;
    box-shadow: 0 8px 24px rgba(20,20,55,.06) !important;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    position: relative;
    overflow: hidden;
    display: flex !important;
    flex-direction: column;
    list-style: none !important;
    margin: 0 !important;
    height: auto !important;
}
.fed-faaliyet-section #timelineTrack li:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 40px rgba(20,20,55,.13) !important;
    border-color: rgba(227,30,38,.25) !important;
}
.timeline #timelineTrack li.tl-hidden { display: none !important; }
.fed-faaliyet-section .tl-month {
    align-self: flex-start;
    background: rgba(227,30,38,.1);
    color: var(--mx-red, #e31e26);
    font-size: 11px; font-weight: 700;
    padding: 5px 13px; border-radius: 20px;
    text-transform: uppercase; letter-spacing: .5px;
    margin-bottom: 14px;
}
.fed-faaliyet-section #timelineTrack li h3 {
    font-size: 17px; font-weight: 800;
    color: var(--mx-navy, #14143a); margin: 0 0 10px;
}
.fed-faaliyet-section .tl-name {
    font-size: 14px; color: var(--mx-text, #555); line-height: 1.5;
    margin: 0 0 12px; font-weight: 600;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.fed-faaliyet-section .tl-place {
    font-size: 13px; color: var(--mx-muted, #9090a0);
    margin: 0 0 12px; display: flex; align-items: center; gap: 6px;
}
.fed-faaliyet-section .tl-place i { color: var(--mx-red, #e31e26); }
.fed-faaliyet-section .tl-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.fed-faaliyet-section .tl-tag {
    font-size: 11px; font-weight: 600;
    background: #f3f4f8; color: #555;
    padding: 4px 10px; border-radius: 6px;
}
@media (max-width: 568px) {
    .fed-faaliyet-section #timelineTrack li { min-width: 100%; max-width: 100%; }
}

/* Sporcular okları başlıkta normal aksın (eski absolute konumu iptal) */
.mx-head--row .fedPrev,
.mx-head--row .fedNext,
.mx-head--row .fedAthleteNav {
    position: static !important;
    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    margin: 0 !important;
}

/* ============================================================
   RAKAMLARLA FEDERASYON — modern izole (mxnum) 4'lü grid
   ============================================================ */
.fedNumbersSection { padding: 84px 0 !important; background: var(--mx-navy, #14143a); }
.fedNumbersSection .container { max-width: 1320px; margin: 0 auto; padding: 0 24px; }
.fedNumbersSection .mx-head__title,
.fedNumbersSection .mx-head__title span { color: #fff; }
.fedNumbersSection .mx-head__kicker { color: #ff6b6e; }
.fedNumbersSection .mx-head__kicker::before,
.fedNumbersSection .mx-head__kicker::after { background: #ff6b6e; }
.fedNumbersSection .mx-carousel-btn {
    background: rgba(255,255,255,.1);
    border-color: rgba(255,255,255,.2);
    color: #fff;
}
.fedNumbersSection .mx-carousel-btn:hover {
    background: var(--mx-red, #e31e26);
    border-color: var(--mx-red, #e31e26);
}

.mxnum .fedNumbersViewport { overflow: hidden; }
.mxnum .fedNumbersTrack {
    display: flex;
    transition: transform .6s cubic-bezier(.4,0,.2,1);
}
.mxnum__cell {
    min-width: 25%;
    max-width: 25%;
    padding: 0 12px;
    box-sizing: border-box;
}
.mxnum__card {
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 18px;
    padding: 44px 28px;
    text-align: center;
    transition: all .3s ease;
    height: 100%;
}
.mxnum__card:hover {
    background: rgba(255,255,255,.09);
    transform: translateY(-6px);
    border-color: rgba(227,30,38,.4);
}
.mxnum__icon {
    width: 82px; height: 82px;
    margin: 0 auto 22px;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    border-radius: 20px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 10px 24px rgba(227,30,38,.3);
}
.mxnum__icon img { width: 44px; height: 44px; object-fit: contain; filter: brightness(0) invert(1); }
.mxnum__num {
    font-size: 54px; font-weight: 800; color: #fff; line-height: 1;
    margin-bottom: 10px;
}
.mxnum__desc {
    font-size: 15px; font-weight: 500; color: rgba(255,255,255,.6);
    text-transform: uppercase; letter-spacing: .5px;
}
@media (max-width: 768px) {
    .mxnum__cell { min-width: 100%; max-width: 100%; }
}

/* ============================================================
   OLİMPİYAT — sade modern (mxoly)
   ============================================================ */
.mxoly {
    position: relative;
    padding: 70px 0;
    background: var(--mxoly-bg) no-repeat center center;
    background-size: cover;
    overflow: hidden;
}
.mxoly__overlay {
    position: absolute; inset: 0;
    background: linear-gradient(135deg, rgba(10,12,40,.95), rgba(10,12,40,.85));
}
.mxoly__container { position: relative; z-index: 2; }
.mxoly__head { text-align: center; margin-bottom: 30px; }
.mxoly__kicker {
    display: inline-flex; align-items: center; gap: 8px;
    color: #ffd34e; font-size: 13px; font-weight: 700;
    letter-spacing: 1.5px; text-transform: uppercase; margin-bottom: 14px;
}
.mxoly__title {
    font-size: 34px; font-weight: 800; color: #fff;
    line-height: 1.15; margin: 0; letter-spacing: -.5px;
}

/* Geri sayım - merkezi, öne çıkan */
.mxoly__countdown {
    display: flex; align-items: center; justify-content: center;
    gap: 12px; margin-bottom: 44px;
}
.mxoly__cd-box {
    background: rgba(255,255,255,.07);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    padding: 16px 12px;
    min-width: 92px;
    text-align: center;
}
.mxoly__cd-box .number {
    display: block; font-size: 42px; font-weight: 800; color: #fff; line-height: 1;
}
.mxoly__cd-box .label {
    display: block; margin-top: 6px;
    font-size: 12px; font-weight: 600; text-transform: uppercase;
    letter-spacing: 1px; color: rgba(255,255,255,.55);
}
.mxoly__cd-sep { font-size: 30px; font-weight: 800; color: rgba(255,255,255,.25); }

/* Bilgi kartları - 3'lü yatay, sade (logo yok) */
.mxoly__grid { display: block; }
.mxoly__visual { display: none; } /* logo öne çıkmasın - gizle */
.mxoly__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    max-width: 1000px;
    margin: 0 auto;
}
.mxoly__card {
    display: flex; align-items: center; gap: 16px;
    background: rgba(255,255,255,.06);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 16px;
    padding: 22px;
    transition: all .3s ease;
}
.mxoly__card:hover {
    background: rgba(255,255,255,.11);
    transform: translateY(-5px);
    border-color: rgba(255,211,78,.4);
}
.mxoly__card-ico {
    width: 50px; height: 50px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 20px;
    box-shadow: 0 8px 20px rgba(227,30,38,.3);
}
.mxoly__card-body h3 { margin: 0 0 4px; font-size: 15px; font-weight: 700; color: #fff; }
.mxoly__card-body p { margin: 0; font-size: 14px; color: rgba(255,255,255,.7); }

@media (max-width: 900px) {
    .mxoly__cards { grid-template-columns: 1fr; gap: 14px; }
}
@media (max-width: 600px) {
    .mxoly__title { font-size: 24px; }
    .mxoly__countdown { gap: 6px; }
    .mxoly__cd-box { min-width: 64px; padding: 12px 6px; }
    .mxoly__cd-box .number { font-size: 28px; }
    .mxoly__cd-box .label { font-size: 10px; }
    .mxoly__cd-sep { font-size: 20px; }
}

/* ============================================================
   BANNER (breadcrumb) — modern, menü ile boşluksuz
   ============================================================ */
/* Header sonrası boşluğu kaldır */
.page-wrapper > .breadcrumb-style1:first-child,
.breadcrumb-style1 { margin-top: 0 !important; }

.breadcrumb-style1 {
    position: relative;
    padding: 0 !important;
    background: none !important;
    overflow: hidden;
}
.breadcrumb-style1__inner {
    position: relative;
    padding: 0px 0;
    background: linear-gradient(120deg, #14143a 0%, #232357 55%, #2d2d6b 100%);
    overflow: hidden;
}
/* Dekoratif desen */
.breadcrumb-style1__inner::before {
    content: "";
    position: absolute; top: 0; right: 0; bottom: 0;
    width: 45%;
    background:
        radial-gradient(circle at 80% 20%, rgba(227,30,38,.25), transparent 60%),
        radial-gradient(circle at 60% 90%, rgba(227,30,38,.15), transparent 55%);
}
.breadcrumb-style1__inner::after {
    content: "";
    position: absolute; right: -40px; top: 50%; transform: translateY(-50%);
    width: 200px; height: 200px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="48" fill="none" stroke="rgba(255,255,255,0.06)" stroke-width="2"/><circle cx="50" cy="50" r="34" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="2"/></svg>');
    background-size: contain;
    opacity: .6;
}
.breadcrumb-style1-bg { display: none !important; }
.breadcrumb-style1 .inner-content {
    position: relative;
    z-index: 2;
    min-height: 120px;
    display: flex;
    align-items: center;
}
.breadcrumb-style1 .inner-content::before {
    content: attr(data-title);
}
/* Sayfa başlığı (aktif breadcrumb büyük göster) */
.breadcrumb-style1 .breadcrumb-menu { position: relative; }
.breadcrumb-style1 .breadcrumb-menu ul {
    display: flex; align-items: center; gap: 10px;
    margin: 0; padding: 0; list-style: none;
}
.breadcrumb-style1 .breadcrumb-menu li { display: inline-flex; align-items: center; }
.breadcrumb-style1 .breadcrumb-menu li a {
    color: rgba(255,255,255,.7);
    font-size: 14px; font-weight: 500;
    transition: color .2s;
}
.breadcrumb-style1 .breadcrumb-menu li a:hover { color: #fff; }
.breadcrumb-style1 .breadcrumb-menu li.active {
    color: #fff; font-weight: 700; font-size: 14px;
}
.breadcrumb-style1 .breadcrumb-menu .icon-right-arrow {
    color: rgba(255,255,255,.4);
    font-size: 0 !important;
    font-family: 'Poppins', sans-serif !important;
    speak: none;
}
.breadcrumb-style1 .breadcrumb-menu li .icon-right-arrow::before,
.breadcrumb-style1 .breadcrumb-menu .icon-right-arrow::before {
    content: "›" !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
    color: rgba(255,255,255,.45) !important;
    speak: none;
}

/* Banner sonrası içerik boşluğu düzelt */
.breadcrumb-style1 + .container,
.breadcrumb-style1 + br { margin-top: 0; }
.breadcrumb-style1 + .container > .row > br:first-child { display: none; }

@media (max-width: 600px) {
    .breadcrumb-style1__inner { padding: 32px 0; }
    .breadcrumb-style1 .breadcrumb-menu li.active { font-size: 13px; }
}

/* ============================================================
   TABLOLAR — MOBİLDE DE TABLO (kart değil, yatay scroll)
   ============================================================ */
@media (max-width: 768px) {
    /* Kartlaşmayı iptal et, normal tablo + yatay scroll */
    .sporcu-table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        background: #fff !important;
        border: 1px solid var(--mx-line, #ebecf2) !important;
        border-radius: 14px !important;
        box-shadow: 0 8px 24px rgba(20,20,55,.06) !important;
    }
    .sporcu-table,
    .sporcu-table thead,
    .sporcu-table tbody,
    .sporcu-table tr,
    .sporcu-table th,
    .sporcu-table td {
        display: revert !important;
        width: auto !important;
    }
    .sporcu-table { display: table !important; width: 100% !important; min-width: 640px; }
    .sporcu-table thead { display: table-header-group !important; }
    .sporcu-table tbody { display: table-row-group !important; }
    .sporcu-table tr { display: table-row !important; margin: 0 !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; }
    .sporcu-table th { display: table-cell !important; }
    .sporcu-table td {
        display: table-cell !important;
        padding: 13px 14px !important;
        text-align: left !important;
        background: #fff !important;
        color: var(--mx-ink, #1d1d28) !important;
        border-bottom: 1px solid var(--mx-line, #ebecf2) !important;
    }
    /* data-label etiketlerini gizle (tablo başlığı zaten var) */
    .sporcu-table td::before { display: none !important; content: none !important; }
    .sporcu-table td:first-child { background: #fff !important; color: var(--mx-navy, #14143a) !important; font-weight: 700; }

    /* Kaydırma ipucu */
    .sporcu-table-wrap::-webkit-scrollbar { height: 6px; }
    .sporcu-table-wrap::-webkit-scrollbar-thumb { background: rgba(20,20,55,.2); border-radius: 3px; }
}

/* ============================================================
   KURULLAR / YÖNETİM — başkan üstte ortada + tıklanabilir
   ============================================================ */
.kurullar-section .mx-head { margin-bottom: 30px; }
.kurullar-wrap { margin-top: 10px; }

/* Başkan kartı - üstte ortada (özel border/shadow yok, üyelerle aynı) */
.kurul-president-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 36px;
}
.kurul-card--president {
    width: 240px;
    max-width: 240px;
}

/* Kartlar tıklanabilir link */
a.kurul-card {
    text-decoration: none;
    display: block;
    cursor: pointer;
}
a.kurul-card:hover {
    box-shadow: 0 12px 30px rgba(20,20,55,.14) !important;
    transform: translateY(-4px);
}

/* Tab biraz aşağıda */
.kurullar-tabs { margin-top: 6px; }
/* kurullar-title gizle (başlık zaten mx-head'de) */
.kurullar-title { display: none !important; }

/* ============================================================
   SPONSOR — slider ile eşit 600px, 2 logo net, oklar üst/alt
   ============================================================ */
.main-slider-style1 .spn-wrap {
    height: 600px !important;
    max-height: 600px !important;
    margin: 0 !important;
    border-radius: 18px !important;
    box-shadow: 0 12px 34px rgba(20,20,55,.10) !important;
    background: #fff !important;
    display: flex !important;
    flex-direction: column;
    padding: 8px !important;
    overflow: hidden;
    align-items: center;
}
.main-slider-style1 .spn-viewport {
    flex: 1;
    width: 100%;
    height: auto !important;
    overflow: hidden;
    position: relative;
}
.main-slider-style1 .spn-track {
    display: flex !important;
    flex-direction: column;
}
.main-slider-style1 .spn-item {
    height: 268px !important;       /* 2 logo (2x268 ≈ 536 + 2 ok) */
    width: 100% !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 24px !important;
    box-sizing: border-box;
}
.main-slider-style1 .spn-item img {
    max-width: 100% !important;
    max-height: 260px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}
/* Oklar: üst ve alt ortada, küçük */
.main-slider-style1 .spn-btn {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: #f4f5f9;
    border: 1px solid #e8eaf0;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer;
    margin: 2px auto;
    transition: all .25s ease;
    flex-shrink: 0;
    position: relative;
    z-index: 5;
}
.main-slider-style1 .spn-btn:hover { background: #e31e26; border-color: #e31e26; }
.main-slider-style1 .spn-btn:hover svg { stroke: #fff; }
.main-slider-style1 .spn-btn svg { width: 14px; height: 14px; stroke: #14143a; fill: none; stroke-width: 2.5; }

@media (max-width: 991px) {
    .main-slider-style1 .spn-wrap { height: auto !important; max-height: none !important; flex-direction: column !important; }
    .main-slider-style1 .spn-viewport { width: 100%; }
    .main-slider-style1 .spn-track { flex-direction: row; }
    .main-slider-style1 .spn-item { height: 110px !important; min-width: 33.333%; max-width: 33.333%; padding: 12px !important; }
    .main-slider-style1 .spn-item img { max-height: 80px !important; }
    .main-slider-style1 .spn-btn { display: none; }
}

/* ============================================================
   FAALİYET — eski timeline grid/çizgileri TAMAMEN ez, 3'lü flex
   ============================================================ */
.fed-faaliyet-section .timeline ul {
    display: flex !important;
    grid-template-columns: none !important;
    grid-template-rows: none !important;
    grid-auto-flow: unset !important;
    gap: 24px !important;
    min-width: 0 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
}
.fed-faaliyet-section .timeline ul:before,
.fed-faaliyet-section .timeline ul:after,
.fed-faaliyet-section .timeline ul li:before,
.fed-faaliyet-section .timeline ul li:after {
    content: none !important;
    display: none !important;
    border: none !important;
    background: none !important;
}
.fed-faaliyet-section .timeline ul li {
    grid-column: auto !important;
    height: auto !important;
    --circle-size: 0 !important;
    /* 3'lü görünüm: viewport genişliğine göre */
    flex: 0 0 calc((100% - 48px) / 3) !important;
    min-width: calc((100% - 48px) / 3) !important;
    max-width: calc((100% - 48px) / 3) !important;
    overflow: visible !important;
}
@media (max-width: 992px) {
    .fed-faaliyet-section .timeline ul li {
        flex: 0 0 calc((100% - 24px) / 2) !important;
        min-width: calc((100% - 24px) / 2) !important;
        max-width: calc((100% - 24px) / 2) !important;
    }
}
@media (max-width: 600px) {
    .fed-faaliyet-section .timeline ul li {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/* ============================================================
   LİSTE SAYFALARI — banner ile filtre arası boşluk
   ============================================================ */
.sporcu-list-section { padding-top: 40px !important; }
.kurullar-section.fed-section { padding-top: 40px !important; }
.breadcrumb-style1 + .container,
.breadcrumb-style1 + div { padding-top: 10px; }

/* ============================================================
   FAALİYET TAKVİMİ — modern LİSTE (referans tarzı)
   ============================================================ */
.mxfa { padding: 70px 0 !important; background: #fff; }
.mxfa__all {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--mx-red, #e31e26); font-size: 14px; font-weight: 700;
    text-decoration: none; transition: gap .25s ease;
}
.mxfa__all:hover { gap: 13px; }

.mxfa__list { display: flex; flex-direction: column; gap: 8px; }
.mxfa__row {
    display: grid;
    grid-template-columns: 130px 1fr 150px;
    align-items: center;
    gap: 24px;
    padding: 20px 26px;
    border-radius: 14px;
    border: 1px solid #eef0f5;
    background: #fff;
    transition: all .25s ease;
}
/* 2. ve 4. satır hafif gri (zebra) */
.mxfa__row[data-idx="2"],
.mxfa__row[data-idx="4"] {
    background: #f6f7fb;
}
/* Hover: tüm satır lacivert */
.mxfa__row:hover {
    background: linear-gradient(135deg, #14143a, #232357) !important;
    border-color: transparent;
    box-shadow: 0 10px 28px rgba(20,20,55,.14);
}
.mxfa__row:hover .mxfa__day,
.mxfa__row:hover .mxfa__name { color: #fff; }
.mxfa__row:hover .mxfa__mon,
.mxfa__row:hover .mxfa__cat,
.mxfa__row:hover .mxfa__place { color: rgba(255,255,255,.7); }
.mxfa__row:hover .mxfa__place i { color: #ff6b6e; }

/* Sol tarih - başlangıç – bitiş */
.mxfa__date {
    display: flex; flex-direction: column; align-items: center;
    justify-content: center; text-align: center;
    border-right: 2px solid #eef0f5;
    padding-right: 20px;
}
.mxfa__row:hover .mxfa__date { border-right-color: rgba(255,255,255,.15); }
.mxfa__date-block { display: block; }
.mxfa__dash { display: block; font-size: 13px; color: #c4c8d4; line-height: 1; margin: 2px 0; transition: color .25s; }
.mxfa__row:hover .mxfa__dash { color: rgba(255,255,255,.45); }
.mxfa__day {
    font-size: 22px; font-weight: 800; color: var(--mx-navy, #14143a);
    line-height: 1.1; transition: color .25s;
}
.mxfa__mon { display: block; font-size: 11px; color: var(--mx-muted, #9090a0); margin-top: 2px; transition: color .25s; }

/* Orta içerik */
.mxfa__top { display: flex; align-items: center; gap: 10px; margin-bottom: 7px; }
.mxfa__type {
    font-size: 11px; font-weight: 700; color: #fff;
    padding: 4px 12px; border-radius: 20px; letter-spacing: .3px;
    background: var(--mx-red, #e31e26);
}
.mxfa__type--kamp { background: #2d7d46; }
.mxfa__type--kurs { background: #8a4fc4; }
.mxfa__type--yarisma { background: var(--mx-red, #e31e26); }
.mxfa__cat { display: none; } /* sade: kategoriyi orta satırdan kaldır */
.mxfa__name { font-size: 16px; font-weight: 700; color: var(--mx-navy, #14143a); margin: 0 0 6px; line-height: 1.35; transition: color .25s; }
.mxfa__meta { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.mxfa__place { font-size: 13px; color: var(--mx-muted, #9090a0); display: inline-flex; align-items: center; gap: 6px; transition: color .25s; }
.mxfa__place i { color: var(--mx-red, #e31e26); transition: color .25s; }
.mxfa__style { display: none; } /* sade */

/* Sağ ay */
.mxfa__right { text-align: right; }
.mxfa__month {
    font-size: 11px; font-weight: 700; color: var(--mx-red, #e31e26);
    text-transform: uppercase; letter-spacing: .5px;
    background: rgba(227,30,38,.08); padding: 6px 14px; border-radius: 20px;
    transition: all .25s;
}
.mxfa__row:hover .mxfa__month { background: rgba(255,255,255,.15); color: #fff; }

/* Alt Tümü butonu */
.mxfa__more { text-align: center; margin-top: 26px; }
.mxfa__more-btn {
    display: inline-flex; align-items: center; gap: 9px;
    padding: 13px 32px; border-radius: 40px;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    color: #fff; font-size: 14.5px; font-weight: 700;
    text-decoration: none;
    box-shadow: 0 8px 22px rgba(227,30,38,.3);
    transition: all .28s ease;
}
.mxfa__more-btn:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(227,30,38,.42); color: #fff; gap: 13px; }

@media (max-width: 768px) {
    .mxfa__row { grid-template-columns: 90px 1fr; gap: 16px; padding: 16px; }
    .mxfa__right { display: none; }
    .mxfa__date { padding-right: 14px; }
    .mxfa__day { font-size: 20px; }
}

/* ============================================================
   MOBİL hero: bakan/başkan slider'dan SONRA + ünvan kısalt
   ============================================================ */
.fed-leader-title-short { display: none; }
@media (max-width: 991px) {
    /* Row'u flex yapıp order ile sırala */
    .main-slider-style1 .row[style*="background"] {
        display: flex !important;
        flex-direction: column;
    }
    .main-slider-style1 .col-md-8 { order: 1; }      /* slider önce */
    .fed-leaders-col { order: 2; }                    /* liderler sonra */
    .main-slider-style1 .col-md-2:last-child { order: 3; } /* sponsorlar en son */

    /* Ünvan kısa */
    .fed-leader-title-full { display: none; }
    .fed-leader-title-short { display: inline; }
}

/* ============================================================
   BELGE/DÖKÜMAN KARTLARI (antrenör kursları vb.)
   ============================================================ */
.mxdoc-section { padding-top: 40px !important; }
.mxdoc-group { margin-bottom: 50px; }
.mxdoc-group .mx-head--row { margin-bottom: 24px; }
.mxdoc-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
.mxdoc-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid #eef0f5;
    border-radius: 16px;
    padding: 20px;
    text-decoration: none;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
}
.mxdoc-card::before {
    content: "";
    position: absolute; top: 0; left: 0;
    width: 4px; height: 100%;
    background: var(--mx-red, #e31e26);
    transform: scaleY(0);
    transform-origin: top;
    transition: transform .3s ease;
}
.mxdoc-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 38px rgba(20,20,55,.12);
    border-color: transparent;
}
.mxdoc-card:hover::before { transform: scaleY(1); }
.mxdoc-card__icon {
    width: 54px; height: 54px; flex-shrink: 0;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    font-size: 24px; color: #fff;
}
.mxdoc-card--pdf .mxdoc-card__icon { background: linear-gradient(135deg, #e31e26, #ff4a50); }
.mxdoc-card--doc .mxdoc-card__icon { background: linear-gradient(135deg, #2b5797, #4a78c4); }
.mxdoc-card__body { flex: 1; min-width: 0; }
.mxdoc-card__type {
    font-size: 11px; font-weight: 700; letter-spacing: .5px;
    color: var(--mx-muted, #9090a0); text-transform: uppercase;
}
.mxdoc-card__title {
    font-size: 14.5px; font-weight: 700; color: var(--mx-navy, #14143a);
    margin: 4px 0 0; line-height: 1.35;
}
.mxdoc-card__dl {
    width: 38px; height: 38px; flex-shrink: 0;
    border-radius: 50%;
    background: #f4f5f9;
    display: flex; align-items: center; justify-content: center;
    color: var(--mx-navy, #14143a);
    font-size: 14px;
    transition: all .3s ease;
}
.mxdoc-card:hover .mxdoc-card__dl { background: var(--mx-red, #e31e26); color: #fff; }
.mxdoc-content { margin-top: 30px; line-height: 1.7; color: var(--mx-text, #555); }

@media (max-width: 992px) { .mxdoc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .mxdoc-grid { grid-template-columns: 1fr; } }

/* ============================================================
   MİLLİ TAKIM KAMP — detay butonu + satır link
   ============================================================ */
.sporcu-detail-btn {
    display: inline-flex; align-items: center; gap: 7px;
    padding: 8px 18px; border-radius: 30px;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    color: #fff !important; font-size: 13px; font-weight: 700;
    text-decoration: none;
    transition: all .25s ease;
}
.sporcu-detail-btn:hover { transform: translateX(3px); box-shadow: 0 6px 16px rgba(227,30,38,.32); gap: 11px; }
.sporcu-row-link { transition: background .2s ease; }
.sporcu-row-link:hover { background: #f6f7fb !important; }
.sporcu-row-link:hover td:first-child strong { color: var(--mx-red, #e31e26); }

/* Kamp detay başlık alt bilgi */
#kampInfo { margin-top: 10px; font-size: 15px; color: var(--mx-muted, #9090a0); }
#kampInfo i { color: var(--mx-red, #e31e26); margin-right: 4px; }

/* Mobilde story okları kesin gizle (el ile kaydır) */
@media (max-width: 768px) {
    .fedNavBtn, .fedNavPrev, .fedNavNext { display: none !important; }
}

/* ============================================================
   MİNİ SAYFALAMA (kulüp detay tabloları vb.)
   ============================================================ */
.mini-pag {
    display: flex; align-items: center; justify-content: center;
    gap: 12px; margin-top: 14px;
}
.mini-pag-btn {
    width: 34px; height: 34px; border-radius: 8px;
    border: 1px solid #e4e6ee; background: #fff;
    color: var(--mx-navy, #14143a); font-size: 16px; font-weight: 700;
    cursor: pointer; transition: all .2s ease;
    display: flex; align-items: center; justify-content: center;
}
.mini-pag-btn:hover:not(:disabled) { background: var(--mx-red, #e31e26); border-color: var(--mx-red, #e31e26); color: #fff; }
.mini-pag-btn:disabled { opacity: .4; cursor: not-allowed; }
.mini-pag-info { font-size: 13px; font-weight: 600; color: var(--mx-muted, #9090a0); }

/* ============================================================
   FİLTRELER — buton en sağa + dropdown görünürlük
   ============================================================ */
/* Ara/Temizle butonları en sağa */
.sporcu-filter-btns { margin-left: auto !important; }

/* Filtre alanı overflow kesmesin (dropdown görünsün) */
.sporcu-filters { overflow: visible !important; position: relative; z-index: 20; }
.sporcu-list-section, .fed-section { overflow: visible !important; }
.sporcu-filter-item { position: relative; }
.sporcu-filter-item select { position: relative; z-index: 30; }

@media (max-width: 768px) {
    .sporcu-filter-btns { margin-left: 0 !important; width: 100%; }
    .sporcu-filter-btns .sporcu-btn { flex: 1; }
}

/* ============================================================
   BANKA HESAPLARI — modern kart
   ============================================================ */
.mxbank-section { padding-top: 40px !important; }
.mxbank-group { margin-bottom: 46px; }
.mxbank-group__head {
    display: flex; align-items: center; gap: 14px;
    margin-bottom: 22px; padding-bottom: 16px;
    border-bottom: 2px solid #eef0f5;
}
.mxbank-group__icon {
    width: 48px; height: 48px; border-radius: 12px;
    background: linear-gradient(135deg, var(--mx-navy, #14143a), #232357);
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-size: 20px;
}
.mxbank-group__title { font-size: 20px; font-weight: 700; color: var(--mx-navy, #14143a); margin: 0; }

.mxbank-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.mxbank-card {
    display: flex; align-items: center; gap: 18px;
    background: #fff; border: 1px solid #eef0f5;
    border-radius: 16px; padding: 20px 22px;
    transition: all .3s ease;
}
.mxbank-card:hover {
    box-shadow: 0 14px 34px rgba(20,20,55,.1);
    border-color: transparent; transform: translateY(-3px);
}
.mxbank-card__no {
    width: 40px; height: 40px; flex-shrink: 0;
    background: rgba(227,30,38,.08); color: var(--mx-red, #e31e26);
    border-radius: 10px; display: flex; align-items: center; justify-content: center;
    font-weight: 800; font-size: 16px;
}
.mxbank-card__body { flex: 1; min-width: 0; }
.mxbank-card__label { font-size: 11px; font-weight: 600; color: var(--mx-muted, #9090a0); text-transform: uppercase; letter-spacing: .5px; }
.mxbank-card__name { font-size: 16px; font-weight: 700; color: var(--mx-navy, #14143a); margin: 3px 0 8px; }
.mxbank-card__iban {
    display: flex; align-items: center; gap: 10px;
    background: #f7f8fc; border-radius: 8px; padding: 8px 12px;
}
.mxbank-iban-text { font-size: 13px; font-family: monospace; color: #444; letter-spacing: .5px; flex: 1; word-break: break-all; }
.mxbank-copy {
    width: 30px; height: 30px; flex-shrink: 0; border: none;
    background: #fff; border-radius: 6px; cursor: pointer;
    color: var(--mx-navy, #14143a); transition: all .2s;
    display: flex; align-items: center; justify-content: center;
}
.mxbank-copy:hover { background: var(--mx-red, #e31e26); color: #fff; }
.mxbank-copy.is-copied { background: #2d7d46; color: #fff; }
.mxbank-pay {
    display: inline-flex; align-items: center; gap: 8px; flex-shrink: 0;
    padding: 11px 20px; border-radius: 30px;
    background: linear-gradient(135deg, var(--mx-navy, #14143a), #232357);
    color: #fff !important; font-size: 13px; font-weight: 700;
    text-decoration: none; transition: all .28s ease;
}
.mxbank-pay:hover { transform: translateX(3px); box-shadow: 0 8px 20px rgba(20,20,55,.28); gap: 12px; background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50); }

@media (max-width: 900px) { .mxbank-grid { grid-template-columns: 1fr; } }
@media (max-width: 560px) {
    .mxbank-card { flex-direction: column; align-items: stretch; text-align: center; }
    .mxbank-card__no { margin: 0 auto; }
    .mxbank-pay { justify-content: center; }
}

/* Lider kartları link */
a.fed-leader-card { text-decoration: none; cursor: pointer; display: block; }
a.fed-leader-card:hover { transform: translateY(-3px); }
a.fed-leader-card .fed-leader-info h6,
a.fed-leader-card .fed-leader-info p { color: inherit; }

/* Olimpiyat kart butonu */
.mxoly__btn {
    display: inline-flex; align-items: center; gap: 7px;
    margin-top: 12px; padding: 8px 16px;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    color: #fff !important; font-size: 12.5px; font-weight: 700;
    border-radius: 30px; text-decoration: none;
    transition: all .25s ease;
}
.mxoly__btn:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(227,30,38,.35); gap: 10px; }

/* Faaliyet alt sekme (yurtiçi/yurtdışı) */
.fed-fa-subtabs {
    display: flex; gap: 8px; margin: -10px 0 24px; flex-wrap: wrap;
    padding-left: 4px;
}
.fed-fa-subtab {
    padding: 7px 18px; border-radius: 20px;
    border: 1px solid var(--mx-line, #ebecf2); background: #fff;
    color: var(--mx-muted, #9090a0); font-size: 13px; font-weight: 600;
    cursor: pointer; transition: all .2s ease;
}
.fed-fa-subtab:hover { border-color: var(--mx-red, #e31e26); color: var(--mx-red, #e31e26); }
.fed-fa-subtab.is-active { background: var(--mx-navy, #14143a); border-color: var(--mx-navy, #14143a); color: #fff; }

/* Antrenör liste avatar */
.coach-name-cell { display: flex; align-items: center; gap: 12px; }
.coach-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; background: #f3f3f6; flex-shrink: 0; }

/* ============================================================
   HABER/DUYURU KARTLARI — modern grid
   ============================================================ */
.mxnews-section { padding-top: 40px !important; }
.mxnews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.mxnews-card {
    display: flex; flex-direction: column;
    background: #fff; border: 1px solid #eef0f5;
    border-radius: 18px; overflow: hidden;
    text-decoration: none;
    transition: all .3s ease;
}
.mxnews-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 44px rgba(20,20,55,.13);
    border-color: transparent;
}
.mxnews-card__img {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
}
.mxnews-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mxnews-card:hover .mxnews-card__img img { transform: scale(1.06); }
.mxnews-card__date {
    position: absolute; bottom: 12px; left: 12px;
    background: rgba(20,20,58,.85); backdrop-filter: blur(6px);
    color: #fff; font-size: 12px; font-weight: 600;
    padding: 6px 12px; border-radius: 20px;
    display: inline-flex; align-items: center; gap: 6px;
}
.mxnews-card__date i { color: #ff6b6e; font-size: 11px; }
.mxnews-card__body {
    padding: 20px 22px 22px;
    display: flex; flex-direction: column; flex: 1;
}
.mxnews-card__title {
    font-size: 17px; font-weight: 700; color: var(--mx-navy, #14143a);
    line-height: 1.4; margin: 0 0 16px; flex: 1;
    display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    transition: color .25s;
}
.mxnews-card:hover .mxnews-card__title { color: var(--mx-red, #e31e26); }
.mxnews-card__more {
    display: inline-flex; align-items: center; gap: 7px;
    font-size: 13.5px; font-weight: 700; color: var(--mx-red, #e31e26);
    transition: gap .25s ease;
}
.mxnews-card:hover .mxnews-card__more { gap: 12px; }

/* Sayfalama modern */
.mxnews-pagination { margin-top: 40px; }
.mxnews-pagination .page-numbers {
    display: flex; justify-content: center; gap: 8px;
    list-style: none; padding: 0; flex-wrap: wrap;
}
.mxnews-pagination .page-numbers li { list-style: none; }
.mxnews-pagination .page-numbers a,
.mxnews-pagination .page-numbers .current {
    display: flex; align-items: center; justify-content: center;
    min-width: 42px; height: 42px; padding: 0 12px;
    border-radius: 10px; border: 1px solid #e4e6ee;
    background: #fff; color: var(--mx-navy, #14143a);
    font-weight: 700; font-size: 14px; text-decoration: none;
    transition: all .2s ease;
}
.mxnews-pagination .page-numbers a:hover {
    background: var(--mx-navy, #14143a); border-color: var(--mx-navy, #14143a); color: #fff;
}
.mxnews-pagination .page-numbers .current {
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    border-color: transparent; color: #fff;
}

@media (max-width: 992px) { .mxnews-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .mxnews-grid { grid-template-columns: 1fr; } }

/* ============================================================
   GLOBAL FONT — tüm site Poppins (tutarlılık)
   ============================================================ */
:root {
    --thm-font: 'Poppins', sans-serif;
    --thm-font-2: 'Poppins', sans-serif;
    --thm-font-3: 'Poppins', sans-serif;
}
body,
h1, h2, h3, h4, h5, h6,
p, a, span, div, li, ul, ol,
input, textarea, select, button,
table, th, td,
.sec-title, .sec-title h2, .sec-title .text,
[class*="single-"], [class*="__title"], [class*="__text"],
.mx-head__title, .mxfa__name, .mxnews-card__title,
.sporcu-table, .kurul-card-name, .yarisma-title {
    font-family: 'Poppins', sans-serif !important;
}
/* İkon fontları hariç tut */
i[class*="fa-"], .fa, .fas, .fab, .far,
[class*="icon-"]::before, [class^="icon-"],
[class*="flaticon-"]::before, [class^="flaticon-"] {
    font-family: inherit;
}
i.fas, i.fab, i.far, i.fa { font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands" !important; }
i.fab { font-family: "Font Awesome 5 Brands" !important; }

/* ============================================================
   KURUL ÜYE DETAY — CV içeriği
   ============================================================ */
.uye-cv {
    margin-top: 30px;
    background: #fff;
    border: 1px solid #eef0f5;
    border-radius: 18px;
    padding: 36px 40px;
    line-height: 1.8;
    color: #444;
    box-shadow: 0 8px 24px rgba(20,20,55,.05);
}
.uye-cv p { margin: 0 0 16px; font-size: 15px; }
.uye-cv strong { color: var(--mx-navy, #14143a); }
.uye-cv h4, .uye-cv h5 {
    color: var(--mx-navy, #14143a);
    font-weight: 700;
    margin: 24px 0 12px;
    line-height: 1.4;
}
.uye-cv h4 { font-size: 20px; }
.uye-cv h5 { font-size: 17px; }
.uye-cv blockquote {
    border-left: 4px solid var(--mx-red, #e31e26);
    background: #f7f8fc;
    margin: 24px 0 0;
    padding: 16px 24px;
    border-radius: 0 10px 10px 0;
}
.uye-cv blockquote strong { display: block; font-size: 16px; }
.uye-cv blockquote small { color: var(--mx-muted, #9090a0); }
.uye-cv-empty {
    margin-top: 30px; padding: 40px;
    background: #f7f8fc; border-radius: 18px; text-align: center;
    color: var(--mx-muted, #9090a0);
}


/* ============================================================
   MİLLİ TAKIMLAR / KAMPLAR — kartlar + detay
   ============================================================ */
.mxnt-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
.mxnt-card {
    display: flex; align-items: center; gap: 18px;
    background: #fff; border: 1px solid #eef0f5;
    border-radius: 16px; padding: 22px 24px;
    cursor: pointer; transition: all .3s ease;
}
.mxnt-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 38px rgba(20,20,55,.12);
    border-color: transparent;
}
.mxnt-card:hover .mxnt-card__arrow { background: var(--mx-red, #e31e26); color: #fff; transform: translateX(3px); }
.mxnt-card__icon {
    width: 56px; height: 56px; flex-shrink: 0;
    background: linear-gradient(135deg, var(--mx-navy, #14143a), #232357);
    border-radius: 14px; color: #fff; font-size: 22px;
    display: flex; align-items: center; justify-content: center;
}
.mxnt-card__body { flex: 1; min-width: 0; }
.mxnt-card__title { font-size: 17px; font-weight: 700; color: var(--mx-navy, #14143a); margin: 0 0 8px; }
.mxnt-card__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.mxnt-card__tags span {
    font-size: 12px; font-weight: 600; color: #555;
    background: #f3f4f8; padding: 4px 11px; border-radius: 20px;
}
.mxnt-card__arrow {
    width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%;
    background: #f4f5f9; color: var(--mx-navy, #14143a);
    display: flex; align-items: center; justify-content: center;
    transition: all .3s ease;
}

/* Detay başlık */
.mxnt-detail-head {
    background: linear-gradient(135deg, var(--mx-navy, #14143a), #232357);
    border-radius: 18px; padding: 30px 34px; margin-bottom: 30px;
}
.mxnt-detail-badge {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(255,255,255,.12); color: #fff;
    font-size: 12px; font-weight: 700; letter-spacing: .5px;
    padding: 6px 14px; border-radius: 20px; margin-bottom: 14px;
}
.mxnt-detail-badge i { color: #ff6b6e; }
.mxnt-detail-head h2,
.mxnt-detail-head h3 { color: #fff; font-size: 24px; font-weight: 800; margin: 0 0 14px; }
.mxnt-detail-meta { display: flex; flex-wrap: wrap; gap: 20px; }
.mxnt-detail-meta span {
    color: rgba(255,255,255,.85); font-size: 14px; font-weight: 500;
    display: inline-flex; align-items: center; gap: 8px;
}
.mxnt-detail-meta i { color: #ff6b6e; }

@media (max-width: 768px) {
    .mxnt-grid { grid-template-columns: 1fr; }
    .mxnt-detail-head { padding: 24px; }
    .mxnt-detail-head h3 { font-size: 20px; }
}

/* ============================================================
   CUSTOM ŞEHİR DROPDOWN (8 öğe + scroll + arama)
   ============================================================ */
.mxsel { position: relative; }
.mxsel select { display: none; } /* native gizle */
.mxsel__trigger {
    height: 42px; min-width: 200px;
    padding: 0 36px 0 12px;
    border: 1px solid #d5d5dd; border-radius: 8px;
    background: #fff; font-size: 14px; color: #333;
    display: flex; align-items: center; cursor: pointer;
    position: relative; user-select: none;
    font-family: 'Poppins', sans-serif;
}
.mxsel__trigger::after {
    content: ""; position: absolute; right: 14px; top: 50%;
    width: 8px; height: 8px; border-right: 2px solid #888; border-bottom: 2px solid #888;
    transform: translateY(-70%) rotate(45deg); transition: transform .2s;
}
.mxsel.is-open .mxsel__trigger::after { transform: translateY(-30%) rotate(-135deg); }
.mxsel.is-open .mxsel__trigger { border-color: #e31e26; }
.mxsel__panel {
    position: absolute; top: calc(100% + 4px); left: 0; right: 0;
    background: #fff; border: 1px solid #e4e6ee; border-radius: 10px;
    box-shadow: 0 12px 30px rgba(20,20,55,.15);
    z-index: 100; display: none; overflow: hidden;
}
.mxsel.is-open .mxsel__panel { display: block; }
.mxsel__search {
    width: 100%; height: 38px; padding: 0 12px; border: none;
    border-bottom: 1px solid #eef0f5; font-size: 13px; outline: none;
    font-family: 'Poppins', sans-serif;
}
.mxsel__list {
    max-height: 320px; /* ~8 öğe (8 x 40px) */
    overflow-y: auto;
}
.mxsel__list::-webkit-scrollbar { width: 6px; }
.mxsel__list::-webkit-scrollbar-thumb { background: rgba(20,20,55,.2); border-radius: 3px; }
.mxsel__opt {
    height: 40px; padding: 0 14px; display: flex; align-items: center;
    font-size: 14px; color: #333; cursor: pointer; transition: background .15s;
}
.mxsel__opt:hover { background: #f6f7fb; }
.mxsel__opt.is-active { background: rgba(227,30,38,.08); color: #e31e26; font-weight: 600; }
.mxsel__opt--empty { color: #999; cursor: default; font-style: italic; }

/* mxnt-card link olarak */
a.mxnt-card { text-decoration: none; }
a.mxnt-card .mxnt-card__title { color: var(--mx-navy, #14143a); }

/* ============================================================
   HAKEM EĞİTİM — modern accordion + indirme kartı
   ============================================================ */
.mxedu-item {
    background: #fff; border: 1px solid #eef0f5;
    border-radius: 16px; margin-bottom: 14px; overflow: hidden;
    transition: box-shadow .3s ease, border-color .3s ease;
}
.mxedu-item.is-open { box-shadow: 0 12px 30px rgba(20,20,55,.08); border-color: transparent; }
.mxedu-item__head {
    width: 100%; border: none; background: transparent;
    display: flex; align-items: center; gap: 16px;
    padding: 20px 24px; cursor: pointer; text-align: left;
    font-family: 'Poppins', sans-serif;
}
.mxedu-item__icon {
    width: 46px; height: 46px; flex-shrink: 0; border-radius: 12px;
    background: linear-gradient(135deg, var(--mx-red, #e31e26), #ff4a50);
    color: #fff; font-size: 18px;
    display: flex; align-items: center; justify-content: center;
}
.mxedu-item__title { flex: 1; margin: 0; font-size: 17px; font-weight: 700; color: var(--mx-navy, #14143a); }
.mxedu-item__chevron {
    width: 32px; height: 32px; flex-shrink: 0; border-radius: 50%;
    background: #f4f5f9; color: var(--mx-navy, #14143a);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; transition: all .3s ease;
}
.mxedu-item.is-open .mxedu-item__chevron { background: var(--mx-navy, #14143a); color: #fff; transform: rotate(180deg); }
.mxedu-item__body {
    max-height: 0; overflow: hidden;
    transition: max-height .35s ease;
}
.mxedu-item.is-open .mxedu-item__body { max-height: 400px; }
.mxedu-item__content { padding: 0 24px 24px 86px; }
.mxedu-item__content p { margin: 0 0 18px; color: #555; line-height: 1.7; }

.mxedu-dl {
    display: inline-flex; align-items: center; gap: 16px;
    background: #f7f8fc; border: 1px solid #eef0f5;
    border-radius: 14px; padding: 16px 22px;
    text-decoration: none; transition: all .3s ease;
}
.mxedu-dl:hover { background: #fff; box-shadow: 0 12px 28px rgba(20,20,55,.1); transform: translateY(-3px); border-color: transparent; }
.mxedu-dl__icon {
    width: 48px; height: 48px; flex-shrink: 0; border-radius: 12px;
    background: linear-gradient(135deg, #d24625, #e8622f); /* PowerPoint turuncu */
    color: #fff; font-size: 22px;
    display: flex; align-items: center; justify-content: center;
}
.mxedu-dl__text { display: flex; flex-direction: column; }
.mxedu-dl__type { font-size: 12px; font-weight: 600; color: var(--mx-muted, #9090a0); text-transform: uppercase; letter-spacing: .5px; }
.mxedu-dl__label { font-size: 15px; font-weight: 700; color: var(--mx-navy, #14143a); }
.mxedu-dl__arrow {
    width: 38px; height: 38px; flex-shrink: 0; border-radius: 50%;
    background: #fff; color: var(--mx-navy, #14143a);
    display: flex; align-items: center; justify-content: center;
    transition: all .3s ease;
}
.mxedu-dl:hover .mxedu-dl__arrow { background: var(--mx-red, #e31e26); color: #fff; }

@media (max-width: 600px) {
    .mxedu-item__content { padding: 0 20px 20px 20px; }
    .mxedu-dl { width: 100%; }
}