/* ============================================================
   CraftFairİstanbul — Anasayfa (home.css)
   Çift kapı hero: dişli gibi dönen iki Selçuk yıldızı amblemi.
   ============================================================ */

.hero{
  position:relative;
  padding:clamp(2.5rem,6vw,5rem) 1rem 2rem;
  text-align:center;
  overflow:hidden;
}
/* Sıcak, yumuşak arka plan parıltıları (beyaz zemini bozmadan davet eder) */
.hero::before{
  content:"";position:absolute;inset:-10% -10% auto -10%;height:120%;z-index:-1;
  background:
    radial-gradient(60% 55% at 22% 18%, color-mix(in srgb,var(--renk-marka) 13%,transparent) 0%, transparent 60%),
    radial-gradient(60% 55% at 80% 22%, color-mix(in srgb,var(--renk-turuncu) 15%,transparent) 0%, transparent 60%),
    radial-gradient(80% 60% at 50% 100%, color-mix(in srgb,var(--renk-turuncu) 8%,transparent) 0%, transparent 70%);
  pointer-events:none;
}
.hero__ust{max-width:62ch;margin:0 auto 2.8rem;
           animation:hero-gir .7s cubic-bezier(.2,.7,.2,1) both}
.hero__slogan{
  font-family:var(--font-italik);font-style:italic;
  color:var(--renk-metin-acik);font-size:clamp(1rem,2.2vw,1.35rem);
  letter-spacing:.3px;margin-bottom:.4rem;
}
.hero__tarih{font-family:var(--font-baslik);color:var(--renk-marka);letter-spacing:.5px;white-space:nowrap}
.hero h1{margin:.3rem 0 .6rem;background:linear-gradient(120deg,var(--renk-bordo),var(--renk-marka) 45%,var(--renk-turuncu));
         -webkit-background-clip:text;background-clip:text;color:transparent}

/* İki kapı düzeni — El Sanatları hafif baskın (%60 mesajı), Tadım İstanbul YENİ */
.kapilar{
  display:grid;grid-template-columns:1.15fr 1fr;
  gap:clamp(1.5rem,5vw,4.5rem);
  align-items:start;max-width:1020px;margin:0 auto;
}

.kapi{position:relative;display:flex;flex-direction:column;align-items:center;gap:1rem}

/* "YENİ · 2026" köşe kurdelesi (Tadım kapısı) */
.kapi__ribbon{
  position:absolute;top:6%;right:4%;z-index:3;transform:rotate(12deg);
  padding:.32rem .85rem;border-radius:999px;
  background:var(--degrade-sicak);color:#fff;
  font-family:var(--font-baslik);font-weight:700;font-size:.72rem;letter-spacing:.8px;
  box-shadow:0 6px 18px color-mix(in srgb,var(--renk-turuncu) 45%,transparent);
  animation:ribbon-salla 3.2s ease-in-out infinite;
}
@keyframes ribbon-salla{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(9deg) scale(1.06)}}

/* Amblem (tıklanabilir daire) */
.amblem{
  position:relative;display:block;width:min(38vw,360px);aspect-ratio:1;
  border-radius:50%;
  transition:transform var(--gecis);
  outline:none;
}
.amblem__don{
  display:block;width:100%;height:100%;
  animation:amblem-don 55s linear infinite;
  will-change:transform;
}
.amblem--sag .amblem__don{animation-direction:reverse}
.amblem__don img{width:100%;height:100%;object-fit:contain;display:block;
                 -webkit-user-drag:none;user-select:none;
                 filter:drop-shadow(0 16px 28px rgba(0,0,0,.16))}
/* Amblem altında yumuşak zemin parıltısı (bölüm renginde) */
.amblem::before{
  content:"";position:absolute;inset:8% 8% auto 8%;height:84%;border-radius:50%;z-index:-1;
  background:radial-gradient(closest-side,color-mix(in srgb,var(--tema) 22%,transparent),transparent 75%);
  filter:blur(14px);opacity:.7;transition:opacity var(--gecis);
}
.amblem:hover::before{opacity:1}

/* Hover: büyüme + bölüm renginde halka parıltısı */
.amblem::after{
  content:"";position:absolute;inset:-6%;border-radius:50%;
  box-shadow:0 0 0 0 transparent;
  transition:box-shadow var(--gecis);pointer-events:none;
}
.amblem:hover,.amblem:focus-visible{transform:scale(1.05)}
.amblem:hover::after,.amblem:focus-visible::after{
  box-shadow:0 0 0 6px color-mix(in srgb,var(--tema) 35%,transparent),
             0 12px 40px color-mix(in srgb,var(--tema) 40%,transparent);
}

@keyframes amblem-don{to{transform:rotate(360deg)}}

/* Kapı başlığı (dönmeyen ayrı katman) */
.kapi__baslik{
  font-family:var(--font-baslik);line-height:1.1;
  font-size:clamp(1.1rem,2.6vw,1.7rem);color:var(--tema);letter-spacing:.5px;
}
.kapi__alt{color:var(--renk-metin-acik);max-width:34ch;font-size:.95rem}
.kapi__cta{
  display:inline-block;margin-top:.4rem;padding:.6rem 1.3rem;border-radius:var(--radius);
  font-family:var(--font-baslik);font-size:.85rem;letter-spacing:.4px;color:#fff;
  background:var(--tema);transition:transform var(--gecis),filter var(--gecis);
}
.kapi__cta:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.06)}

/* Orta ayraç "ve" */
.kapilar__ayrac{
  position:absolute;left:50%;top:38%;transform:translate(-50%,-50%);
  font-family:var(--font-italik);font-style:italic;color:var(--renk-metin-acik);
  background:#fff;padding:.2rem .6rem;border-radius:50%;display:none;
}

/* Responsive */
@media (max-width:760px){
  .kapilar{grid-template-columns:1fr;gap:2.5rem}
  .amblem{width:min(70vw,320px)}
}
@media (max-width:520px){
  .hero__slogan{font-size:.92rem;letter-spacing:.1px}
  .hero__ust{margin-bottom:2rem}
}

@keyframes hero-gir{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}

/* ---------- Ağaçkakan maskotu (inline SVG — Faz R.7) ----------
   Tüm figür yerine yalnızca kafa grubu gagalar (kafa-gagala main.css'te). */
.macot{
  position:absolute;left:clamp(.5rem,4vw,3.5rem);top:.5rem;z-index:2;
  width:clamp(52px,7.5vw,84px);height:auto;
  filter:drop-shadow(0 6px 10px rgba(0,0,0,.15));
}
/* 5sn'lik döngüde kısa çift gagalama, sonra dinginlik */
.macot .agackakan__kafa{animation:macot-gagala 5s ease-in-out infinite}
@keyframes macot-gagala{
  0%,16%,100%{transform:rotate(0)}
  3%{transform:rotate(16deg)}
  6.5%{transform:rotate(-1deg)}
  10%{transform:rotate(12deg)}
  13.5%{transform:rotate(0)}
}
@media (max-width:640px){ .macot{display:none} }
@media (prefers-reduced-motion: reduce){ .macot .agackakan__kafa{animation:none} }

/* Hareketi azalt: dönüşü ve girişleri durdur */
@media (prefers-reduced-motion: reduce){
  .amblem__don{animation:none}
  .hero__ust{animation:none}
  .kapi__ribbon{animation:none}
  .oran-bar__parca{transition:none;transform:scaleX(1) !important}
}

/* ============================================================
   Anasayfa bölümleri (Faz R.6)
   ============================================================ */
.anasayfa-bolum{padding:clamp(1.6rem,4vw,3rem) 0}
.bolum-baslik--sol{text-align:left;margin:0 0 1rem}

/* 2) Tanıtım bandı — iki sütun */
.tanitim__ic{display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(1.5rem,4vw,3rem);align-items:center}
.tanitim__metin{color:var(--renk-metin-acik);font-size:1.02rem;margin-bottom:.8rem}
.tanitim__kunye{padding:1.6rem 1.5rem;border-radius:var(--radius-l,14px);
                border:1px solid var(--renk-cizgi);background:#fff;box-shadow:var(--golge);
                text-align:center}
.tanitim__fuar-adi{font-family:var(--font-baslik);color:var(--renk-marka);font-size:1.02rem;
                   margin-bottom:.7rem;line-height:1.35}
.tanitim__kunye p{max-width:none;color:var(--renk-metin-acik);font-size:.95rem}
@media (max-width:760px){ .tanitim__ic{grid-template-columns:1fr} }

/* 3) Rakam şeridi */
.rakam-seridi{grid-template-columns:repeat(5,1fr)}
@media (max-width:880px){ .rakam-seridi{grid-template-columns:repeat(3,1fr)} }
@media (max-width:560px){ .rakam-seridi{grid-template-columns:repeat(2,1fr)} }

/* 4) BU YIL İLK: TADIM İSTANBUL bandı (tam genişlik) */
.yeni-band{background:var(--degrade-sicak);color:#fff;
           padding:clamp(2.2rem,5vw,4rem) 0;margin:clamp(1.5rem,4vw,3rem) 0;
           box-shadow:inset 0 8px 24px rgba(0,0,0,.08)}
.yeni-band__ic{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.yeni-band__eyebrow{display:inline-block;font-family:var(--font-baslik);font-size:.78rem;
                    letter-spacing:1.5px;text-transform:uppercase;opacity:.95;
                    padding:.3rem .8rem;border:1px solid rgba(255,255,255,.5);border-radius:999px;
                    margin-bottom:.9rem}
.yeni-band h2{color:#fff;font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:1px;margin-bottom:.6rem}
.yeni-band p{color:#fff;opacity:.95;max-width:52ch}
.yeni-band__cta{display:inline-block;margin-top:1.2rem;padding:.7rem 1.6rem;border-radius:999px;
                background:#fff;color:var(--renk-turuncu-kirmizi,#ce442c);
                font-family:var(--font-baslik);font-weight:700;font-size:.92rem;letter-spacing:.4px;
                box-shadow:0 8px 24px rgba(0,0,0,.18);
                transition:transform var(--gecis),box-shadow var(--gecis)}
.yeni-band__cta:hover{color:var(--renk-turuncu-kirmizi,#ce442c);transform:translateY(-2px);
                      box-shadow:0 12px 30px rgba(0,0,0,.24)}
.yeni-band__oran-etiket{font-family:var(--font-baslik);font-size:.85rem;letter-spacing:.5px;
                        margin-bottom:.7rem;opacity:.95}
.yeni-band__not{font-size:.82rem;opacity:.85;margin-top:.7rem}
@media (max-width:760px){ .yeni-band__ic{grid-template-columns:1fr} }

/* %60/%40 oran çubuğu — ilk görünümde soldan büyür */
.oran-bar{display:flex;border-radius:12px;overflow:hidden;min-height:74px;
          box-shadow:0 10px 30px rgba(0,0,0,.2);background:rgba(255,255,255,.14)}
.oran-bar__parca{display:flex;flex-direction:column;justify-content:center;align-items:center;
                 gap:.15rem;padding:.8rem .4rem;text-align:center;
                 transform:scaleX(0);transform-origin:left center;
                 transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.oran-bar__parca strong{font-family:var(--font-baslik);font-size:.88rem;letter-spacing:.4px}
.oran-bar__parca span{font-size:1.05rem;font-family:var(--font-baslik);font-weight:700;opacity:.95}
.oran-bar__parca--es{background:rgba(255,255,255,.22);color:#fff}
.oran-bar__parca--tadim{background:#fff;color:var(--renk-turuncu-kirmizi,#ce442c);transition-delay:.25s}
.oran-bar.gorunur .oran-bar__parca{transform:scaleX(1)}

/* 5-6) Çip listeleri (Cİ ürünleri / el sanatı dalları) */
.cip-liste{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;
           gap:.55rem;justify-content:center}
.cip{display:inline-block;padding:.45rem 1rem;border-radius:999px;font-size:.88rem;
     font-family:var(--font-baslik);font-weight:500;letter-spacing:.2px;
     color:var(--tema,var(--renk-marka));
     background:color-mix(in srgb,var(--tema,var(--renk-marka)) 8%,#fff);
     border:1px solid color-mix(in srgb,var(--tema,var(--renk-marka)) 25%,transparent);
     transition:transform var(--gecis),background var(--gecis),color var(--gecis)}
a.cip:hover{transform:translateY(-2px);background:var(--tema,var(--renk-marka));color:#fff}
.cip--duz{cursor:default}

/* 7) Ödül kartları */
.odul-kart{text-align:center}
.odul-kart__ikon{display:block;font-size:1.8rem;margin-bottom:.5rem}

/* 8) Destek notu */
.destek-not{border-top:1px solid var(--renk-cizgi);border-bottom:1px solid var(--renk-cizgi);
            background:#faf8f6;padding:1.1rem 0;margin-top:1rem}
.destek-not p{max-width:none;text-align:center;color:var(--renk-metin-acik);font-size:.88rem}

/* 9) CTA bandı */
.cta-band{position:relative;text-align:center;padding:clamp(2rem,5vw,3.4rem) 1.5rem;
          border-radius:var(--radius-l,16px);background:var(--degrade-marka,linear-gradient(135deg,#ce2028,#991b2a));
          color:#fff;box-shadow:var(--golge-l);overflow:hidden}
.cta-band h2{color:#fff;margin-bottom:.4rem}
.cta-band p{color:#fff;opacity:.92;max-width:none}
.cta-band__butonlar{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-top:1.4rem}
.cta-band__btn{background:#fff;color:var(--renk-marka)}
.cta-band__btn:hover{background:#fff;color:var(--renk-bordo);transform:translateY(-2px)}
.cta-band__btn--acik{color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.cta-band__btn--acik:hover{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1.5px #fff}

/* 10) Destekleyenler ve Sponsorlar */
.destekciler{text-align:center}
/* Tek tek logolar — her biri EŞİT kutuya sığdırılır (contain), ortalı, esnek sarma.
   Böylece kare amblemler ile geniş yazılı logolar aynı alanı kaplar, dengeli görünür. */
.destekciler__izgara{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
                     gap:clamp(1rem,2.4vw,2rem);margin:1.8rem auto 0;max-width:1120px;padding:0}
.destekciler__oge{flex:0 0 auto;
                  width:clamp(155px,16vw,205px);height:clamp(92px,10vw,120px);
                  display:flex;align-items:center;justify-content:center}
.destekciler__oge a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.destekciler__oge img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;
                      mix-blend-mode:multiply;opacity:.92;
                      transition:opacity var(--gecis),transform var(--gecis)}
.destekciler__oge a:hover img,.destekciler__oge a:focus-visible img{opacity:1;transform:translateY(-3px)}
/* Yedek birleşik banner (henüz sponsor eklenmediyse) */
.destekciler__gorsel{max-width:1000px;width:100%;height:auto;margin:1.4rem auto 0;mix-blend-mode:multiply}
@media (max-width:640px){
  .destekciler__izgara{gap:1rem}
  .destekciler__oge{width:42vw;height:84px}
  .destekciler__oge img{opacity:1}
  .destekciler__gorsel{margin-top:1rem}
}