:root {
    /* Temel renk paleti */
    --primary: #D4AF37;
    --secondary: #B58E1F;
    --light: #F6F2E7;
    --dark: #1A1A1A;
    --ff-rule: #e5e7eb;
    /* UI / Tipografi */
    --bg: #fff;
    --muted: #6b625a;
    --border: rgba(212,175,55,0.25);
    --shadow: rgba(0,0,0,0.15);
    /* reusable */
    --gold-gradient: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
    --card-shadow: 0 10px 24px rgba(0,0,0,.08);
    --ff-gold: var(--primary); 
}


body, html {
    padding: 0;
    margin: 0;
    max-width: 100%;
    width: 100%;
    height: 100%;
    background-color: var(--ff-bg);
    font-family: sans-serif;
    line-height: 1.8;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.modal {
    padding-right: 0px !important;
}
a{
  text-decoration: none;
}
p{
  font-size: 16px;
  font-weight: 400;
  color: black !important;
}
h1{
  font-size: 40px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;


}
h2 {

    color: #01295f;
}




main a{
  text-decoration: none;
  color: black;
}
/*.navbar .navbar-nav .nav-link {*/
  /*padding: 25px 15px;*/
  /*color: #555555;
  font-weight: 500;
  outline: none;
}
.navbar a{
  font-size: 20px;
  color: black !important;
}*/

.etiket {
    text-align: center;
    margin: 3px;
    background-color: #f15d30bd;
    padding: 0.5rem 1.5rem 0.5rem 1.5rem;
    border-radius: 3rem;
    font-weight: 400;
    color: white;
    align-content:center;
}

.etiketTarih{
  max-width: 100px;
 background-color:#00000056;
 padding:0.5rem 2rem 0.5rem 2rem;
 border-radius: 3rem;
 font-weight: 400;
 color: white;
}
.basvur{
  background-color: var(--primary);
  color: white;
  width:200px;
  font-size: 20px;
}
.basvur:hover{
  border:2px solid white;
}

.etkinlikH {
    font-weight: 600;
    font-size: 35px;
    color: var(--dark);
    font-weight: 600;
}
.altMenu{
  position: fixed;
  z-index: 9;
  bottom: 10px;
  width:100% !important;
}
    .altMenu .card {
        font-size: 20px;
        border: 2px solid white;
        border-radius: 15px;
        text-align: center;
        color: white;
        background-color: #D4AF37;
        backdrop-filter: blur(10px);
        -webkit-backdrop-filter: blur(10px);
        transition: 0.4s;
    }
.altMenu .card:hover{
  background: var(--secondary);
color: rgb(255, 255, 255);
backdrop-filter: blur(30.7px);
-webkit-backdrop-filter: blur(4.7px);
}

.carousel-control-prev-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
    border-radius: 3rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
    width: 3rem;
    height: 3rem;
    background-color: var(--primary);
    border: 10px solid var(--primary);
    border-radius: 3rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

@media (max-width: 576px) {

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 1.8rem; /* Küçültülmüş ikon */
        height: 1.8rem;
        border-width: 6px; /* Border’ı da küçült */
        border-radius: 2rem; /* Daha küçük yuvarlak */
        background-size: 70% 70%;
    }

    /* İstersen butonların dokunma alanını da küçültebilirsin */
    .carousel-control-prev,
    .carousel-control-next {
        width: 12%; /* varsayılan 15% civarı */
    }
}

.owlDiv {
    width: 80%;
    margin: 0 auto;
    padding: 0px !important;
}
 .owlDiv .owl-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: 100% !important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 20px;
  pointer-events: none;
  box-sizing: border-box;
}
.owlDiv .owl-nav .owl-prev,
.owlDiv .owl-nav .owl-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  font-family: Arial !important;
  font-size: 22px !important;
  line-height: 1 !important;
  box-sizing: border-box;
  background: white !important;
  color: black !important;
  pointer-events: all;
}
.owlDiv .owl-nav .owl-prev.disabled,
.owlDiv .owl-nav .owl-next.disabled{
  visibility: hidden;
}

.tumuBtn{
    position:absolute;
    right:20px;
    bottom:0px;
}

.oyunCard {
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
    .oyunCard span {
        background-color: var(--secondary);
        padding:2px;
        width:30%;
        text-align:center;
        border-radius:3rem;
        color:white;
    }


/* Haber kartı hover animasyonu — daha yumuşak/smooth */
.hover-shadow {
    /* İnce ayar değişkenleri */
    --lift: -6px; /* hover’da ne kadar yükselecek */
    --scale: 1.01; /* çok hafif büyüsün */
    --easing: cubic-bezier(.22,.61,.36,1); /* spring-benzeri easing */

    transform: translateY(0) scale(1);
    box-shadow: 0 .25rem .75rem rgba(0,0,0,.08), 0 .75rem 1.5rem rgba(0,0,0,.10);
    transition: transform 420ms var(--easing), box-shadow 420ms var(--easing), filter 420ms var(--easing);
    will-change: transform, box-shadow;
    backface-visibility: hidden;
    transform: translateZ(0); /* jank azaltır */
    contain: paint; /* repaint izolasyonu */
}

    .hover-shadow:hover,
    .hover-shadow:focus-visible {
        transform: translateY(var(--lift)) scale(var(--scale));
        box-shadow: 0 .75rem 1.75rem rgba(0,0,0,.14), 0 .25rem .85rem rgba(0,0,0,.10);
        filter: saturate(1.02); /* çok hafif renk canlılığı */
    }

    /* Tıklarken “yumuşak basma” hissi */
    .hover-shadow:active {
        transform: translateY(calc(var(--lift) / 2)) scale(1.005);
        transition-duration: 220ms;
    }

/* Erişilebilirlik — hareketi azaltanlar için animasyonu kapat */
@media (prefers-reduced-motion: reduce) {
    .hover-shadow {
        transition: none;
    }
}
/* .hover-shadow var; sadece ek kurallar */
.hover-shadow {
    position: relative; /* glare için kapsayıcı */
    transform-style: preserve-3d; /* 3D tilt */
    backface-visibility: hidden;
    will-change: transform, box-shadow;
}

    /* Parıltı (glare) katmanı — JS ekleyecek */
    .hover-shadow .hover-glare {
        position: absolute;
        inset: -1px;
        border-radius: inherit;
        pointer-events: none;
        mix-blend-mode: screen;
        opacity: 0;
        transition: opacity .28s ease;
    }

    .hover-shadow.is-tilting .hover-glare {
        opacity: .55;
    }


/*--------------------------------------------------------------------------------*/

/* ---- Eco Heading (genel kullanım için yeniden kullanılabilir) ---- */
.eco-title{
  /* Tema değişkenleri (Bootstrap varsa otomatik uyar) */
  --eco: var(--bs-success, #16a34a);
  --eco-rgb: var(--bs-success-rgb, 22,163,74);
  --eco-ink: var(--bs-emphasis-color, #0f172a);

  display:grid;
  place-items:center;
  gap:.6rem;
  text-align:center;
  position:relative;
  margin-bottom:3rem !important;
}

/* Metin */
.eco-text{
  font-weight:800;
  letter-spacing:-.01em;
  line-height:1.1;
  font-size:clamp(1.65rem, 1.05rem + 1.6vw, 2.3rem);
  color: var(--eco-ink);
  animation: eco-fade 520ms cubic-bezier(.2,.8,.2,1) both;
}

/* İnce, merkezden büyüyen çizgi */
.eco-underline{
  display:block;
  width:clamp(140px, 24vw, 100px);
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg,
    rgba(var(--eco-rgb), .9) 0%,
    rgba(var(--eco-rgb), .55) 100%);
  transform-origin:center;
  transform:scaleX(0);
  animation: eco-line 800ms 120ms ease-out forwards;
}

/* Küçük "filiz" – iki yaprak, alttaki çizginin ortasında nazikçe belirir */
.eco-sprout{
  position:relative;
  width:1.2rem;      /* yaprak genişliği */
  height:.9rem;      /* yaprak yüksekliği */
  margin-top:-.15rem;/* çizgiye bir tık yaklaşsın */
  animation: eco-sprout 620ms 260ms cubic-bezier(.2,.8,.2,1) both;
}
.eco-sprout::before,
.eco-sprout::after{
  content:"";
  position:absolute;
  top:0;
  width:.55rem; 
  height:.9rem;
  background: var(--eco);
  border-radius: 60% 60% 40% 40% / 70% 70% 30% 30%; /* basit yaprak formu */
  opacity:.9;
}
.eco-sprout::before{
  left:0;
  transform-origin:bottom center;
  transform: rotate(-24deg);
}
.eco-sprout::after{
  right:0;
  transform-origin:bottom center;
  transform: rotate(24deg);
}

/* Hover/klavye odağı: çok hafif yeniden vurgu */
.eco-title:hover .eco-underline,
.eco-title:focus-within .eco-underline{
  filter: brightness(1.05);
}

/* Animasyonlar */
@keyframes eco-fade{
  from{ opacity:0; transform:translateY(8px); }
  to  { opacity:1; transform:translateY(0); }
}
@keyframes eco-line{
  to { transform:scaleX(1); }
}
@keyframes eco-sprout{
  0%  { transform: translateY(6px) scale(.9); opacity:0; }
  100%{ transform: translateY(0)   scale(1);   opacity:1; }
}

/* Hareketi azaltma tercihi */
@media (prefers-reduced-motion: reduce){
  .eco-text, .eco-underline, .eco-sprout{ animation:none; }
  .eco-underline{ transform:none; }
}

/* Karanlık mod uyumu */
@media (prefers-color-scheme: dark){
  .eco-text{ color: var(--bs-body-color, #e5e7eb); }
  .eco-underline{
    background: linear-gradient(90deg,
      rgba(var(--eco-rgb), .95) 0%,
      rgba(var(--eco-rgb), .6) 100%);
  }
}

/*--------------------------------------------------------------------------*/

/*haber detay için css*/
/* Makale genişliği ve genel yerleşim */
.news-article {
    max-width: 860px;
}

.news-title {
    display: grid;
    place-items: center;
    text-align: center;
    margin: 0;
    margin-top:80px;
}

.news-title-text {
    position: relative;
    font-weight: 800;
    letter-spacing: -.01em;
    line-height: 1.1;
    font-size: clamp(1.75rem, 1.15rem + 1.8vw, 2.6rem);
    color: var(--bs-emphasis-color);
    padding: .05rem .25rem;
}

    .news-title-text::after {
        content: "";
        position: absolute;
        left: -.35rem;
        right: -.35rem;
        bottom: .14rem;
        height: .6em;
        border-radius: .45em;
        background: linear-gradient(90deg, rgba(var(--bs-success-rgb), .28), rgba(var(--bs-success-rgb), .12) );
        transform-origin: left center;
        transform: scaleX(0);
        z-index: -1;
        animation: marker-sweep 760ms 140ms cubic-bezier(.2,.8,.2,1) forwards;
    }

/* Kapak görseli — yumuşak 3D kart hissi */
.news-cover {
    border-radius: 16px;
    overflow: hidden;
    background: var(--bs-body-bg);
    box-shadow: 0 .75rem 1.75rem rgba(0,0,0,.12), 0 .25rem .75rem rgba(0,0,0,.08);
}

    .news-cover img {
        display: block;
        width: 100%;
        height: auto;
        transform: scale(1.002);
        transition: transform 600ms cubic-bezier(.2,.8,.2,1), filter 600ms;
        will-change: transform;
    }

    .news-cover:hover img {
        transform: scale(1.02);
    }

/* İçerik tipografisi — okunabilir “prose” stili */
.prose {
    color: var(--bs-body-color);
    font-size: 1.05rem;
    line-height: 1.75;
}

    .prose p {
        margin: 0 0 1rem;
    }

    .prose h2, .prose h3, .prose h4 {
        margin-top: 2rem;
        margin-bottom: .75rem;
        font-weight: 800;
        letter-spacing: -.01em;
    }

    .prose h2 {
        font-size: clamp(1.35rem, 1.05rem + .8vw, 1.75rem);
    }

    .prose h3 {
        font-size: clamp(1.2rem, 1.02rem + .6vw, 1.45rem);
    }

    .prose ul, .prose ol {
        padding-left: 1.25rem;
        margin-bottom: 1rem;
    }

    .prose blockquote {
        margin: 1.25rem 0;
        padding: .9rem 1rem;
        border-left: 4px solid rgba(var(--bs-success-rgb), .6);
        background: rgba(var(--bs-success-rgb), .08);
        border-radius: .5rem;
    }

    .prose img {
        max-width: 100%;
        height: auto;
        border-radius: 12px;
    }

/* Geri butonu — ikonlu ve hafif hareketli */
.back-btn {
    position: relative;
    padding-left: 2.5rem; /* okunaklı ikon boşluğu */
    transition: transform 260ms ease, box-shadow 260ms ease;
}

    .back-btn::before {
        content: "←";
        position: absolute;
        left: 1rem;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1.1em;
    }

    .back-btn:hover {
        transform: translateY(-1px);
        box-shadow: 0 .5rem 1.25rem rgba(0,0,0,.08);
    }

/* Animasyonlar */
@keyframes title-in {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes marker-sweep {
    from {
        transform: scaleX(0);
    }

    to {
        transform: scaleX(1);
    }
}

/* Hareketi azaltmayı tercih edenler için */
@media (prefers-reduced-motion: reduce) {
    .news-title-text, .news-title-text::after,
    .news-cover img, .back-btn {
        animation: none;
        transition: none;
        transform: none;
    }
}

/* Karanlık mod dokunuşları */
@media (prefers-color-scheme: dark) {
    .news-cover {
        box-shadow: 0 .75rem 1.75rem rgba(0,0,0,.5), 0 .25rem .75rem rgba(0,0,0,.35);
    }

    .prose blockquote {
        background: rgba(var(--bs-success-rgb), .12);
        border-left-color: rgba(var(--bs-success-rgb), .75);
    }
}

/*-----------------------------------------------------------*/
/*slider*/
/* Yükseklik, görsel davranışı */
.modern-carousel {
    --carousel-h: clamp(320px, 55vh, 620px);
}

    .modern-carousel .carousel-item {
        /*height: var(--carousel-h);*/
    }

        .modern-carousel .carousel-item img {
            /*height: 100%;*/
            object-fit: fill; /* Görseli doldurur (istersen contain yapısını aşağıda anlattım) */
            transform: scale(1.01);
            transition: transform 900ms cubic-bezier(.2,.8,.2,1), filter 900ms;
            will-change: transform;
        }

        .modern-carousel .carousel-item.active img {
            /*transform: scale(1.04);*/
        }

    /* Alt-üst okunabilirlik için hafif degrade maske */
    .modern-carousel .carousel-gradient {
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, rgba(0,0,0,.15), rgba(0,0,0,0) 22%, rgba(0,0,0,0) 70%, rgba(0,0,0,.25));
        pointer-events: none;
    }

    /* Cam efektli, yuvarlak kontrol butonları */
    .modern-carousel .carousel-control-prev,
    .modern-carousel .carousel-control-next {
        width: 3rem;
        height: 3rem;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 999px;
        /*background: rgba(15,23,42,.35);*/
        backdrop-filter: blur(4px);
        transition: background 240ms ease, transform 240ms ease;
        margin: 10px;
    }

        .modern-carousel .carousel-control-prev:hover,
        .modern-carousel .carousel-control-next:hover {
            /*background: rgba(15,23,42,.55);*/
            transform: translateY(-50%) scale(1.04);
        }

    .modern-carousel .carousel-control-prev-icon,
    .modern-carousel .carousel-control-next-icon {
        /*filter: invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.35));*/
        background-size: 1rem 1rem;
    }

    /* Göstergeler (dots) */
    .modern-carousel .carousel-indicators {
        gap: .5rem;
        margin-bottom: .75rem;
    }

        .modern-carousel .carousel-indicators [data-bs-target] {
            width: .75rem;
            height: .75rem;
            border-radius: 50%;
            background-color: rgba(255,255,255,.6);
            border: 2px solid rgba(255,255,255,.9);
            opacity: 1;
        }

        .modern-carousel .carousel-indicators .active {
            background-color: #D4AF37; 
            border-color: rgba(255,255,255,1);
        }

    /* Alt ilerleme barı */
    .modern-carousel .carousel-progress {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 4px;
        background: #D4AF37;
    }

        .modern-carousel .carousel-progress .progress-bar {
            width: 0%;
            height: 100%;
            background: #D4AF37;
        }

/* Karanlık mod */
@media (prefers-color-scheme: dark) {
    .modern-carousel .carousel-progress {
        background: rgba(255,255,255,.15);
    }
}

/* Hareketi azaltma */
@media (prefers-reduced-motion: reduce) {
    .modern-carousel .carousel-item img {
        transition: none;
        transform: none;
    }
}

@media (max-width: 767px) { /* Mobil ekranlar için (Bootstrap'ın 'md' öncesi) */
    .modern-carousel {
        /* Mobil slayt yüksekliğini daha kısa yapabilirsiniz */
        --carousel-h: 400px;
    }

        .modern-carousel .carousel-item img {
            /* Mobil resmin dikey ise (portrait) alana daha iyi sığması için object-fit ayarı */
            object-fit: contain;
            background-color: black; /* Resim tam dolduramazsa arka plan rengi */
        }
}

/*------------------------------------------------*/
/*katılımcı kurumlar */
.partner-logo {
    max-height: 120px; /* Hepsini aynı yükseklikte tutar */
    object-fit: contain; /* Oranları bozmadan sığdırır */
    opacity: 0.75;
    transition: all 0.3s ease;
}

    .partner-logo:hover {
        opacity: 1;
        transform: scale(1.05); /* Hafif büyüme efekti */
    }



/*--------------------------------------------------------*/
/*twet div kısmı */

/* ----- CTA / Hero şerit ----- */
.cta-fluid {
    --overlay: rgba(17, 34, 64, .58); /* mavi-yeşil tonlu örtü */
    --overlay2: rgba(17, 34, 64, .35);
    position: relative;
    isolation: isolate; /* overlay katmanlarını izole et */
    overflow: hidden;
    min-height: clamp(320px, 48vh, 560px);
    display: flex;
    align-items: center;
    justify-content: center;
}

    /* Arka plan (Ken Burns) */
    .cta-fluid::before {
        content: "";
        position: absolute;
        inset: -2rem; /* kenarlarda taşma payı */
        background-image: var(--cta-bg);
        background-size: cover;
        background-position: center;
        filter: saturate(1.05) contrast(1.02);
        transform: scale(1.04);
        animation: kenburns 24s ease-in-out infinite alternate;
        z-index: -2;
    }

    /* Renkli overlay + hafif alt/üst degrade */
    .cta-fluid::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(180deg, var(--overlay) 0%, var(--overlay2) 100%);
        z-index: -1;
    }

/* Butona hafif “lift” etkisi */
.btn-lift {
    transition: transform .25s ease, box-shadow .25s ease;
}

    .btn-lift:hover, .btn-lift:focus-visible {
        transform: translateY(-2px);
        box-shadow: 0 .9rem 1.6rem rgba(0,0,0,.18);
    }

/* Metinler daha net dursun diye çok hafif gölge */
.cta-fluid h2, .cta-fluid p {
    text-shadow: 0 2px 6px rgba(0,0,0,.25);
}

/* Ken Burns animasyonu */
@keyframes kenburns {
    0% {
        transform: scale(1.04) translate3d(0, 0, 0);
    }

    100% {
        transform: scale(1.12) translate3d(0, -1.5%, 0);
    }
}

/* Hareketi azaltma tercihi */
@media (prefers-reduced-motion: reduce) {
    .cta-fluid::before {
        animation: none;
        transform: none;
    }

    .btn-lift {
        transition: none;
    }
}


/* --- Show All (CTA) Card --- */
.showall-card{
  --easing: cubic-bezier(.22,.61,.36,1);
  --mx: 50%; --my: 50%;
  position: relative;
  border-radius: 18px;
  padding: 2px; /* gradient kenar için */
  background:
    radial-gradient(60rem 60rem at var(--mx) var(--my),
      rgba(34,197,94,.22), rgba(34,197,94,0) 60%) border-box,
    linear-gradient(135deg,#16a34a,#22c55e 40%,#93d6a1) border-box;
  box-shadow: 0 .3rem .9rem rgba(0,0,0,.08);
  transition: transform .35s var(--easing), box-shadow .35s var(--easing);
}
.showall-card__inner{
  display: inline-flex;
  align-items: center;
  gap: .75rem;
  padding: .9rem 1.4rem;
  border-radius: 16px; /* dıştan 2px küçük */
  background: #fff;
  color: #14532d;
  font-weight: 700;
  letter-spacing: .1px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.02);
  transition: transform .35s var(--easing), box-shadow .35s var(--easing), background .35s var(--easing);
}
.showall-card__icon{ font-size: 1.15rem; }
.showall-card__arrow{
  display:inline-block;
  transition: transform .35s var(--easing), opacity .35s var(--easing);
  transform: translateX(0);
  opacity:.9;
}
.showall-card:hover{ box-shadow: 0 .9rem 1.6rem rgba(0,0,0,.12); }
.showall-card:hover .showall-card__inner{
  transform: translateY(-3px);
  box-shadow: inset 0 0 0 1px rgba(22,163,74,.08), 0 .6rem 1.1rem rgba(0,0,0,.07);
  background: #fefefe;
}
.showall-card:hover .showall-card__arrow{ transform: translateX(6px); opacity:1; }

/* Karanlık mod uyumu */
@media (prefers-color-scheme: dark){
  .showall-card__inner{ background: #0b1220; color: #e6ffed; }
}

/* Hareketi azaltma */
@media (prefers-reduced-motion: reduce){
  .showall-card, .showall-card__inner, .showall-card__arrow{ transition: none !important; }
}



.ff-about {
    max-width: 1280px;
    margin: 0 auto;
    padding: clamp(16px, 3vw, 32px);
    background: var(--ff-bg);
    color: var(--ff-ink);
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

.ff-about__head {
    margin-bottom: clamp(18px, 2.8vw, 28px);
}

.ff-overline {
    display: block;
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--ff-muted);
    margin-bottom: .35rem;
}

.ff-title {
    font-size: clamp(1.9rem, 1.2rem + 2.6vw, 3rem);
    line-height: 1.1;
    font-weight: 800;
    margin: 0;
}

/* Grid */
.ff-grid {
    display: grid;
    gap: clamp(18px, 2vw, 28px);
    grid-template-columns: repeat(2, 1fr);
}

@media (min-width: 700px) {
    .ff-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1100px) {
    .ff-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* Kart */
.ff-card {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: start;
    gap: .55rem;
    text-decoration: none;
    color: inherit;
    transform: translateZ(0);
}

    .ff-card:focus-visible {
        outline: 2px solid var(--ff-gold);
        outline-offset: 4px;
        border-radius: 12px;
    }

.ff-card__media {
    aspect-ratio: 3/ 2.5; /* görsel oranı */
    border-radius: 10px;
    overflow: hidden;
    margin: 0;
    box-shadow: var(--ff-shadow);
    background: #f4f2ef;
}

    .ff-card__media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
        transform: scale(1.01);
        transition: transform .6s cubic-bezier(.2,.8,.2,1), filter .6s;
    }

.ff-card__title {
    font-size: clamp(1rem, .9rem + .4vw, 1.25rem);
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    color: var(--primary);
    text-overflow: ellipsis;
}

/* Alt çizgi (sayfadaki ince gri çizgi görünümü) */
.ff-card__rule {
    display: block;
    height: 2px;
    width: 100%;
    background: var(--ff-rule);
    border-radius: 999px;
}

/* Hover animasyonu */
.ff-card:hover .ff-card__media img {
    transform: scale(1.04);
    filter: contrast(1.06) saturate(1.02);
}

.ff-card:hover .ff-card__title {
    color: var(--primary);
}

/* (Opsiyonel) “altın vurgu” efekti: hover’da alt çizgiyi renklendir */
.ff-card:hover .ff-card__rule {
    background: linear-gradient(90deg, var(--ff-gold), #f1df93, var(--ff-gold));
}

.btn-gold {
    background: linear-gradient(135deg, #d4af37, #b8860b);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(212,175,55,0.3);
}

    .btn-gold:hover {
        background: linear-gradient(135deg, #e8c14a, #c9990b);
        box-shadow: 0 10px 25px rgba(212,175,55,0.45);
        transform: translateY(-2px);
        color: #fff;
    }

    .btn-gold:active {
        transform: translateY(0);
        box-shadow: 0 6px 16px rgba(212,175,55,0.25);
    }


/* İkinci seviye (sağda açılan) menü */
.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-left: 0.1rem;
        margin-top: -0.25rem;
    }

    /* Hover ile açılması */
    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    .dropdown-submenu > .dropdown-toggle::after {
        transform: rotate(-90deg); /* aşağı oka göre 90° sola döner, sağa yönelir */
        margin-left: .3em;
        vertical-align: middle;
    }

/* Şerit */
.reg-hero {
    background: var(--primary);
    color: var(--text);
    width: 100%;
    /* Üst/alt boşluk: ekrana göre ölçeklenir */
    padding: clamp(2rem, 6vw, 5rem) 1rem;
    /* İsteğe bağlı: çok hafif doku/derinlik için yorum satırını açabilirsin */
    /* background: linear-gradient(#9f7f59,#9f7f59); */
}

/* İçerik genişliği */
.reg-hero__inner {
    max-width: 1200px;
    margin: 0 auto;
}

/* Üst küçük başlık (eyebrow) */
.reg-hero__eyebrow {
    font-size: clamp(.72rem, 1.2vw, .9rem);
    letter-spacing: .15em;
    text-transform: uppercase;
    font-weight: 700;
    opacity: .9;
    margin-bottom: .75rem;
}

/* Büyük başlık */
.reg-hero__title {
    font-weight: 800;
    line-height: 1.1;
    /* Ekrana göre büyüyen başlık boyutu */
    font-size: clamp(1.6rem, 5vw, 3.2rem);
    margin: 0;
    /* Harf aralığı hafif sıkı olabilir */
    letter-spacing: .01em;
}

/* Çok dar ekranlarda başlık satır sonlarını rahatlat */
@media (max-width: 420px) {
    .reg-hero__title {
        word-break: keep-all;
    }
}

:root {
    --bg: #f3f1e8; /* açık krem zemin */
    --title: #0f172a; /* koyu başlık rengi */
    --gap: clamp(1rem, 2vw, 2rem);
    --poster-radius: .4rem;
}

.film-section {
    background: var(--bg);
    padding: clamp(2rem, 6vw, 4rem) 1rem;
}

.film-container {
    max-width: 1200px;
    margin: 0 auto;
}

.film-grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: repeat(4, 1fr);
}

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

@media (max-width: 520px) {
    .film-grid {
        grid-template-columns: 1fr;
    }
}

/* Kart */
.film-card {
    display: block;
    text-decoration: none;
    color: inherit;
}

    /* Poster alanı: 2:3 oran, taşmaları kırpar */
    .film-card .poster {
        border-radius: var(--poster-radius);
        overflow: hidden;
        background: #e6e2d8;
        box-shadow: 0 8px 24px rgba(0,0,0,.08);
        transition: transform .25s ease, box-shadow .25s ease;
    }

        .film-card .poster img {
            width: 100%;
            height: auto;
            display: block;
            transform: translateZ(0);
        }

    /* Hover efekti */
    .film-card:hover .poster {
        transform: translateY(-4px);
        box-shadow: 0 16px 36px rgba(0,0,0,.14);
    }

    /* Başlık */
    .film-card .title {
        margin: .9rem 0 0;
        font-weight: 800;
        color: var(--title);
        font-size: clamp(1.05rem, 1.4vw, 1.4rem);
        line-height: 1.15;
    }



/* Grid hizası (yükseklik tutarlılığı için) */
.news-grid .col {
    display: flex;
}

.news-card {
    display: flex;
    flex-direction: column;
    transition: transform .25s ease, box-shadow .25s ease;
}

/* Görsel alan: 16:9 + overlay + ribbon */
.news-media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9; /* görsel oran sabit */
    background: #f2f2f2;
}

    .news-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .4s ease, filter .4s ease;
        display: block;
    }

.news-gradient {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 55%);
    pointer-events: none;
    opacity: .9;
}

.news-ribbon {
    position: absolute;
    left: .75rem;
    bottom: .75rem;
    background: rgba(0,0,0,.55);
    color: #fff;
    font-size: .75rem;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: .25rem .5rem;
    border-radius: .5rem;
    backdrop-filter: blur(2px);
}

/* Başlık ve özet: satır kısıtlaması (line-clamp) */
.news-title {
    margin: 0 0 .35rem 0;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* en fazla 2 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-excerpt {
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3; /* en fazla 3 satır */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Hover efekti (Altın Koza tadında hafif ve şık) */
.news-link:hover .news-card {
    transform: translateY(-4px);
    box-shadow: 0 14px 30px rgba(0,0,0,.12);
}

.news-link:hover .news-media img {
    transform: scale(1.05);
    filter: saturate(1.05);
}

/* Kart gövdesi aralığı */
.news-card .card-body {
    padding: 1rem 1rem 1.25rem;
}

/* “Tümünü Göster” butonu – altın vurgulu */
.btn-gold {
    background: var(--ak-gold);
    color: #111;
    border: none;
}

    .btn-gold:hover {
        filter: brightness(0.95);
        color: #111;
    }

/* Mobil dokunuşlar */
@media (max-width: 575.98px) {
    .news-card .card-body {
        padding: .9rem;
    }

    .news-ribbon {
        font-size: .7rem;
    }
}


.duyuru-list {
    overflow: hidden;
}

.duyuru-item {
    border: 0 !important;
    padding: 0 !important;
}

    .duyuru-item + .duyuru-item .duyuru-item-inner {
        border-top: 1px solid var(--ak-border);
    }

.duyuru-item-inner {
    display: grid;
    grid-template-columns: auto 1fr auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem 1.125rem;
    background: #fff;
    transition: transform .2s ease, box-shadow .2s ease, background-color .2s ease;
}

.duyuru-meta {
    min-width: 120px;
    display: flex;
    align-items: center;
}

.duyuru-date {
    font-size: .875rem;
    color: var(--ak-ink);
    background: #f7f7f7;
    border: 1px solid var(--ak-border);
    border-radius: .5rem;
    padding: .25rem .5rem;
    white-space: nowrap;
}

.duyuru-content {
    min-width: 0;
}

.duyuru-title {
    margin: 0 0 .25rem 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--ak-ink);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.duyuru-excerpt {
    margin: 0;
    color: var(--ak-muted);
    font-size: .9rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.duyuru-arrow {
    font-size: 1.25rem;
    opacity: .4;
    transition: transform .2s ease, opacity .2s ease;
}

.duyuru-item:hover .duyuru-item-inner {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.duyuru-item:hover .duyuru-arrow {
    transform: translateX(3px);
    opacity: .8;
}

/* Mobil */
@media (max-width: 575.98px) {
    .duyuru-item-inner {
        grid-template-columns: 1fr auto; /* meta'yı gizlediğimiz için 2 sütun */
    }

    .duyuru-meta {
        display: none;
    }
}

.ff-footer {
    background: #050509; /* istersen burayı kendi koyu zemin renginle değiştir */
    color: #f9fafb;
    font-size: 0.95rem;
}

    /* Başlıklar */
    .ff-footer .footer-title {
        letter-spacing: .08em;
        font-size: .8rem;
        text-transform: uppercase;
        color: rgba(249, 250, 251, .8);
    }

/* Bağlantı listesi */
.footer-links {
    margin: 0;
}

    .footer-links li + li {
        margin-top: .25rem;
    }

.footer-link {
    color: rgba(249, 250, 251, .8);
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    transition: color .2s ease, transform .2s ease;
}

    .footer-link::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: -2px;
        width: 0;
        height: 1px;
        background: var(--primary, #D4AF37);
        transition: width .2s ease;
    }

    .footer-link:hover {
        color: var(--primary, #D4AF37);
        transform: translateX(2px);
    }

        .footer-link:hover::after {
            width: 100%;
        }

/* İletişim satırları */
.footer-contact-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .4rem;
    opacity: .9;
    font-size: .95rem;
}

    .footer-contact-item i {
        min-width: 1.2rem;
    }

/* Tıklanabilir olanlar */
.footer-contact-link {
    color: rgba(249, 250, 251, .8);
    text-decoration: none;
    transition: color .2s ease, transform .2s ease, opacity .2s ease;
}

    .footer-contact-link:hover {
        color: var(--primary, #D4AF37);
        opacity: 1;
        transform: translateX(4px);
    }

/* Telif satırındaki inline link */
.inline-link {
    display: inline;
    transform: none !important;
}

/* Sosyal ikonlar */
.footer-social {
    display: flex;
    justify-content: center;
    justify-content: flex-end;
    gap: .4rem;
}

.footer-social-btn {
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(249, 250, 251, .4);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #f9fafb;
    text-decoration: none;
    font-size: 0.9rem;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

    .footer-social-btn:hover {
        background: var(--primary, #D4AF37);
        border-color: var(--primary, #D4AF37);
        color: #050509;
        transform: translateY(-1px);
        box-shadow: 0 6px 18px rgba(0, 0, 0, .35);
    }

/* Responsive düzenlemeler */
@media (max-width: 768px) {
    .ff-footer {
        text-align: center;
    }

    .footer-social {
        justify-content: center;
    }
}

.ff-muted {
    color: rgba(249, 250, 251, .8) !important;
}
.footer-contact-item {
    display: flex;
    align-items: center;
    gap: .5rem;
    /* justify-content: flex-start;  ← böyle bir şey varsa, kalsın; mobilde override ediyoruz */
}

@media (max-width: 576px) {
    .footer-contact-item {
        justify-content: center; /* ikon + yazı ortalanır */
        text-align: center; /* uzun yazılar için */
    }

        .footer-contact-item i {
            margin-right: .5rem; /* me-3 çok kaçıyorsa azaltabilirsin */
        }
}

/* Başlangıç hali: aşağıda ve saydam */
.reveal {   
    opacity: 0;
    transform: translateY(24px);
    transition: opacity .7s ease, transform .7s ease;
}

/* Görününce: yerine otursun */
.reveal-visible {
    opacity: 1;
    transform: translateY(0);
}

/* İstersen küçük gecikmeler için varyantlar */
.reveal.delay-1 {
    transition-delay: .15s;
}

.reveal.delay-2 {
    transition-delay: .3s;
}

/* === PRELOADER GENEL === */

#ff-preloader {
    position: fixed;
    inset: 0;
    z-index: 9999;
    background: #050601; /* Tamamen koyu, site görünmesin */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity .6s ease, visibility .6s ease;
}

/* Body'e .ff-loaded gelince gizle */
.ff-loaded #ff-preloader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ff-preloader-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    text-align: center;
    color: #f9fafb;
}

/* === KLAKET === */

.ff-klaket {
    position: relative;
    width: 120px;
    height: 100px;
}

/* Üst kapak (açılıp kapanan kısmı) */
.ff-klaket-top {
    position: absolute;
    left: 0;
    top: -30px;
    width: 120px;
    height: 32px;
    border-radius: 6px;
    background: #111;
    transform-origin: left bottom;
    /* BAŞLANGIÇ: AÇIK DURUM (eğimli) */
    transform: rotate(-25deg);
    box-shadow: 0 8px 20px rgba(0,0,0,0.6);
    overflow: hidden;
    /* 🔸 Animasyon sadece 1 kere çalışır */
    animation-name: ff-klaket-close-once;
    animation-duration: 0.8s; /* 0.8 sn’de kapansın (istersen 1s yap) */
    animation-timing-function: ease-out;
    animation-fill-mode: forwards; /* bittiğinde son pozisyonda kalsın */
    animation-iteration-count: 1; /* sadece 1 kez */
    animation-delay: 0.2s; /* istersen gecikme, istemezsen silebilirsin */
}


/* Siyah-beyaz çizgiler */
.ff-klaket-stripes {
    position: absolute;
    inset: 0;
    background-image: repeating-linear-gradient( 45deg, #fff 0, #fff 12px, #111 12px, #111 24px );
    opacity: .9;
}

/* Alt gövde */
.ff-klaket-bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 120px;
    height: 72px;
    border-radius: 10px;
    background: radial-gradient(circle at top, #222 0%, #050608 70%);
    box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 0 1px rgba(255,255,255,0.05);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Alt kısımdaki çizgiler / yazı alanı efekti */
.ff-klaket-lines {
    width: 80%;
    height: 60%;
    border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.14);
    position: relative;
}

    .ff-klaket-lines::before,
    .ff-klaket-lines::after {
        content: "";
        position: absolute;
        left: 10%;
        right: 10%;
        height: 1px;
        background: rgba(255,255,255,0.35);
    }

    .ff-klaket-lines::before {
        top: 35%;
    }

    .ff-klaket-lines::after {
        bottom: 25%;
    }

/* === YAZILAR === */

.ff-preloader-text {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.ff-preloader-title {
    font-size: 1rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 600;
    color: #fefce8;
}

.ff-preloader-sub {
    font-size: .9rem;
    color: rgba(248,250,252,0.75);
}

    /* Noktalı yükleniyor animasyonu */
    .ff-preloader-sub::after {
        content: "";
        animation: ff-preloader-dots 1.2s infinite steps(4, end);
    }

/* === ANİMASYONLAR === */

@keyframes ff-klaket-close {
    0% {
        transform: rotate(-25deg);
    }

    40% {
        transform: rotate(0deg); /* kapanma */
    }

    60% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-25deg); /* tekrar açıl */
    }
}

@keyframes ff-preloader-dots {
    0% {
        content: "";
    }

    25% {
        content: ".";
    }

    50% {
        content: "..";
    }

    75% {
        content: "...";
    }

    100% {
        content: "";
    }
}
@keyframes ff-klaket-close-once {
    0% {
        transform: rotate(-25deg); /* açık */
    }

    100% {
        transform: rotate(0deg); /* kapanmış */
    }
}


/* MOBİLDE BİRAZ KÜÇÜLT */

@media (max-width: 576px) {
    .ff-klaket {
        width: 96px;
        height: 82px;
    }

    .ff-klaket-top,
    .ff-klaket-bottom {
        width: 96px;
    }

    .ff-preloader-title {
        font-size: .9rem;
        letter-spacing: .14em;
    }

    .ff-preloader-sub {
        font-size: .8rem;
    }
}

.ff-preloader-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .3rem;
}

/* Başlık: gold gradient + hafif parlama */
.ff-preloader-title {
    position: relative;
    font-size: 1.05rem;
    letter-spacing: .22em;
    text-transform: uppercase;
    font-weight: 600;
    padding-inline: .4rem;
    background: linear-gradient(120deg, #fef9c3, #facc15, #d4af37);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: 0 0 12px rgba(0,0,0,0.85);
}

    /* Başlığın altında ince çizgi */
    .ff-preloader-title::after {
        content: "";
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: -0.45rem;
        width: 72%;
        height: 2px;
        border-radius: 999px;
        background: linear-gradient(90deg, transparent, rgba(250,204,21,0.9), transparent);
        box-shadow: 0 0 10px rgba(250,204,21,0.5);
    }

/* Alt yazı: daha sakin ama canlı */
.ff-preloader-sub {
    margin-top: .55rem;
    font-size: .9rem;
    color: rgba(248,250,252,0.85);
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: 400;
    opacity: .9;
}

    /* Noktalı yükleniyor animasyonu varsa bu kalsın */
    .ff-preloader-sub::after {
        content: "";
        animation: ff-preloader-dots 1.2s infinite steps(4, end);
    }


/* Gold buton (genel kullanıma da uygun) */
.btn-gold {
    background: linear-gradient(135deg, var(--primary), var(--secondary));
    border: none;
    color: #111;
    font-weight: 600;
    letter-spacing: .03em;
    box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}

    .btn-gold:hover,
    .btn-gold:focus {
        background: linear-gradient(135deg, var(--secondary), var(--primary));
        color: #111;
        box-shadow: 0 12px 30px rgba(0,0,0,0.28);
    }

    /* Beyaz Gold Buton */
.btn-gold-white {
    background: #fff;
    border: 1px solid rgba(212,175,55,0.4);  /* gold hafif çerçeve */
    color: dimgrey;                  /* altın yazı rengi */
    font-weight: 600;
    letter-spacing: .03em;
    box-shadow: 0 10px 24px rgba(0,0,0,0.12);
    transition: all .25s ease;
}

/* Hover – hafif gold glow + çok açık gri fon */
.btn-gold-white:hover,
.btn-gold-white:focus {
    background: #f9f9f9;
    border-color: rgba(212,175,55,0.7);
    color: black;
    box-shadow: 0 14px 32px rgba(0,0,0,0.18),
                0 0 18px rgba(212,175,55,0.3);
}


/* === MODERN TIMER === */

/* Arka planlı şerit */
.ff-countdown-band {
    position: relative;
    overflow: hidden;
    border-radius: 24px; /* isteğe bağlı: köşeler yuvarlak */
    padding: 3rem 2rem;
    background-image: url('/img/Galeri/7.png'); /* KENDİ RESİM YOLUNU YAZ */
    background-size:cover;
    background-position: center;
    color: #fff;
}
    /* Siyah gölge (overlay) */
    .ff-countdown-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.25); /* gölge yoğunluğu */
        z-index: 0;
    }
    /* Siyah gölge (overlay) */
    .ff-countdown-band::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.25); /* gölge yoğunluğu */
        z-index: 0;
    }


/* Daha geniş görünmesi için container içinde tam dursun istersen: */
/* .ff-countdown-band { margin-inline: -0.5rem; } gibi küçük oynarız */

.ff-countdown-label {
    font-weight: 600;
    letter-spacing: .08em;
}

/* Rakam satırı */
.ff-countdown-box {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 3rem;
    margin-top: 0.5rem;
}

/* Bloklar */
.ff-timebox {
    position: relative;
    text-align: center;
    padding-inline: .25rem;
}

    /* Büyük rakamlar – sade, beyaz */
    .ff-timebox span {
        display: block;
        font-size: 3rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: .04em;
        color: #fff;
    }

    /* Etiketler */
    .ff-timebox small {
        display: block;
        margin-top: .5rem;
        font-size: .9rem;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: .12em;
        color: #fff;
    }

    /* Aradaki iki nokta */
    .ff-timebox:not(:last-child)::after {
        content: ":";
        position: absolute;
        right: -1.8rem;
        top: .05rem;
        font-size: 2.8rem;
        font-weight: 700;
        color: rgba(255,255,255,0.7);
    }

/* Responsive ayar */
@media (max-width: 768px) {
    .ff-countdown-box {
        gap: 1.8rem;
    }

    .ff-timebox span {
        font-size: 2.4rem;
    }

    .ff-timebox:not(:last-child)::after {
        right: -1.3rem;
        font-size: 2.2rem;
    }
}

@media (max-width: 576px) {
    .ff-countdown-box {
        flex-wrap: wrap;
        row-gap: 1rem;
    }

    .ff-timebox {
        flex: 0 0 calc(50% - 1rem);
    }

        .ff-timebox:not(:last-child)::after {
            display: none; /* mobilde :’lar karışmasın */
        }
}

/* FESTİVAL EKİBİ BLOĞU
   ---------------------- */

.ff-team {
    /* istersen çok hafif bir arka plan verebilirsin
    background: #fafafa;
    border-radius: 16px;
    */
}

/* Başlıkları görsel olarak ayır (sol şerit + biraz vurgu) */
.ff-team-section-title {
    position: relative;
    padding-left: 0.85rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .95rem;
    color: #555;
}

    .ff-team-section-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 70%;
        border-radius: 999px;
        background: var(--ak-gold);
    }

/* Kişi kartları */
.ff-team-card {
    border-radius: 12px;
    border: 1px solid var(--ak-divider);
    background: #fcfcfc;
    padding: 1.1rem 1.3rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

    .ff-team-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(0,0,0,.03);
        border-color: var(--ak-gold-soft);
        background: #ffffff;
    }

/* İsim stili */
.ff-team-name {
    font-weight: 600;
    font-size: 0.98rem;
    color: var(--ak-ink);
}

/* Küçük ekranlarda bloklar arası biraz daha nefes alsın */
@media (max-width: 576px) {
    .ff-team-section-title {
        margin-bottom: 1.25rem;
    }

    .ff-team-card {
        padding: 1rem 1.1rem;
    }
}


/* =========================
   FESTİVAL YÖNETİM / KURUL
   ========================= */

.ff-board {
    /* istersen çok hafif arka plan verilebilir */
    /* background: #fafafa; border-radius: 16px; */
}

/* Bölüm başlıkları */
.ff-board-section-title {
    position: relative;
    padding-left: 0.9rem;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-size: .95rem;
    color: #555;
}

    .ff-board-section-title::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3px;
        height: 70%;
        border-radius: 999px;
        background: var(--ak-gold);
    }

/* Kart yapısı */
.ff-board-card {
    border-radius: 12px;
    border: 1px solid var(--ak-divider);
    background: #fcfcfc;
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease, background-color .15s ease;
}

.ff-board-card-body {
    padding: 1rem 1.2rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

/* Onursal kartı hafif vurgulu */
.ff-board-card--honor {
    background: #fffaf0;
    border-color: rgba(212,175,55,0.5);
}

/* Hover */
.ff-board-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(0,0,0,.03);
    border-color: var(--ak-gold-soft);
    background: #ffffff;
}

/* İsim / alt açıklama */
.ff-board-name {
    font-weight: 600;
    font-size: 0.98rem;
    color: var(--ak-ink);
}

.ff-board-sub {
    color: #6b7280; /* soft gri */
}

/* Rol rozetleri */
.ff-board-role {
    white-space: nowrap;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 999px;
    padding: 0.2rem 0.7rem;
    border: 1px solid transparent;
}

.ff-board-role--honor {
    background: var(--ak-gold-soft);
    color: #3b2c02;
    border-color: rgba(212,175,55,0.6);
}

.ff-board-role--chair {
    background: #111;
    color: #f9fafb;
}

/* Küçük ekranlarda sıkılaştır */
@media (max-width: 576px) {
    .ff-board-card-body {
        padding: 0.9rem 1rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .ff-board-role {
        margin-top: 0.25rem;
    }
}

/* ===================================
   Jüri Üyeleri Bölümü
   =================================== */

.jury-section {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}

.jury-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.jury-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 40px;
}

.jury-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: inherit;
    padding: 30px;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.jury-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
}

.jury-photo {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 20px;
    border: 4px solid #f0f0f0;
    transition: all 0.3s ease;
}

.jury-card:hover .jury-photo {
    border-color: #007bff;
    transform: scale(1.05);
}

.jury-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.jury-name {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
    margin: 0;
    line-height: 1.4;
    word-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
}

.jury-title {
    font-size: 0.95rem;
    color: #6c757d;
    margin-top: 8px;
    font-weight: 400;
}

/* Responsive Düzenlemeler */
@media (max-width: 768px) {
    .jury-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 30px;
    }

    .jury-photo {
        width: 150px;
        height: 150px;
    }

    .jury-card {
        padding: 20px;
    }

    .jury-name {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .jury-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .jury-section {
        padding: 50px 0;
    }
}