/* ==========================================================================
   SEFLER.CSS — Şef listesi sayfası (v50 sistemi üstüne sayfa katmanı)
   Kurgu: bold hero · 11 şeflik editoryal karışık grid · koyu rakam bandı
   İmza: hover'da mutfak menşei bayrağı + animasyonlu rota çizgisi
   ========================================================================== */

/* ---------- 3D başlık gölgesi (eriyen katmanlar) ---------- */
.t3d{
  text-shadow:
    0 1px 0 rgba(26,18,7,.14),
    0 3px 6px rgba(26,18,7,.13),
    0 12px 26px rgba(26,18,7,.15),
    0 30px 60px rgba(26,18,7,.1);
}

/* ---------- HERO ---------- */
.chefs-hero{padding-top:clamp(118px,14vh,180px);padding-bottom:clamp(22px,3vw,46px)}
.chefs-hero .ch-grid{
  display:flex;align-items:flex-end;justify-content:space-between;
  gap:clamp(22px,4vw,64px);flex-wrap:wrap;
}
.chefs-hero .ch-copy{max-width:62ch}
.chefs-hero .h1{
  font-weight:800;letter-spacing:-.02em;
  font-size:clamp(44px,6.2vw,96px);line-height:1.02;
}
.chefs-hero .h1 em.tone{font-weight:600}
.chefs-hero .lead{margin-top:clamp(14px,1.6vw,22px)}
.chefs-hero .eyebrow{margin-bottom:clamp(10px,1.2vw,18px)}

/* şef ekibi avatar dizisi — hover'da hafifçe açılır */
.ch-crew{padding-bottom:6px}
.ch-crew .avs{display:flex;align-items:center}
.ch-crew .avs i{
  width:clamp(44px,4.4vw,62px);aspect-ratio:1;border-radius:50%;
  background-size:cover;background-position:center 22%;
  border:3px solid var(--paper);flex:0 0 auto;font-style:normal;
  box-shadow:0 1px 2px rgba(26,18,7,.08),0 8px 18px rgba(26,18,7,.14);
  margin-left:-16px;
  transition:margin 350ms var(--e-kagit),transform 350ms var(--e-kagit);
}
.ch-crew .avs i:first-child{margin-left:0}
.ch-crew .avs .plus{
  display:flex;align-items:center;justify-content:center;
  background:var(--esp);color:var(--brass2);
  font-weight:700;font-size:clamp(12px,1vw,14px);letter-spacing:.02em;
}
.ch-crew:hover .avs i{margin-left:-6px;transform:translateY(-3px)}
.ch-crew .crew-note{
  display:block;margin-top:12px;font-size:12.5px;color:var(--ink3);
  letter-spacing:.06em;
}

/* ---------- ŞEF GRIDİ — editoryal karışık ritim ---------- */
.chefsec{padding-top:clamp(18px,2.6vw,40px)}
.chef-grid{
  display:grid;grid-template-columns:repeat(12,1fr);
  gap:clamp(12px,1.4vw,20px);
}
.chef-card{
  position:relative;display:block;overflow:hidden;border-radius:var(--r-m);
  background:var(--esp2);isolation:isolate;
  box-shadow:0 1px 2px rgba(26,18,7,.06),0 10px 22px rgba(26,18,7,.09),0 32px 64px rgba(26,18,7,.12);
  transition:transform 450ms var(--e-manidar),box-shadow 450ms var(--e-manidar);
}
.chef-card:hover{
  transform:translateY(-5px);
  box-shadow:0 2px 4px rgba(26,18,7,.07),0 16px 34px rgba(26,18,7,.13),0 48px 90px rgba(26,18,7,.16);
}
.chef-card:focus-visible{outline:2px solid var(--brass);outline-offset:3px}

/* sütun genişlikleri (12'lik ritim: 5+4+3 / 3+4+5 / 4+4+4 / 6+6 → ölü boşluk yok) */
.chef-card.s3{grid-column:span 3}
.chef-card.s4{grid-column:span 4}
.chef-card.s5{grid-column:span 5}
.chef-card.s6{grid-column:span 6}
/* satır yükseklikleri — büyük/küçük ritim */
.chef-card.r1{min-height:clamp(340px,27vw,440px)}
.chef-card.r2{min-height:clamp(300px,23vw,390px)}
.chef-card.r3{min-height:clamp(280px,20vw,350px)}
.chef-card.r4{min-height:clamp(250px,17vw,320px)}

/* fotoğraf: tam kaplama, yüz odağı yukarıda — kırpık his yok */
.chef-card .cph{
  position:absolute;inset:0;z-index:0;
  background-size:cover;background-position:center 18%;
  transition:transform 600ms var(--e-manidar),filter 600ms var(--e-manidar);
}
.chef-card:hover .cph{transform:scale(1.05);filter:saturate(1.06)}
/* okunabilirlik tülü */
.chef-card::after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(15,10,5,.16) 0%,transparent 32%,transparent 46%,rgba(15,10,5,.82) 100%);
  transition:opacity 350ms var(--e-manidar);
}

/* ---------- İMZA: mutfak menşei bayrağı + rota çizgisi ---------- */
.chef-card .route{
  position:absolute;top:clamp(12px,1.2vw,18px);left:clamp(12px,1.2vw,18px);right:clamp(12px,1.2vw,18px);
  z-index:3;display:flex;align-items:center;gap:10px;
  opacity:0;transform:translateY(-10px);
  transition:opacity 350ms var(--e-manidar),transform 450ms var(--e-kagit);
}
.chef-card:hover .route,.chef-card:focus-visible .route{opacity:1;transform:none}
.chef-card .route .flag{
  display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border-radius:50%;font-size:15px;font-weight:400;
  background:rgba(15,10,5,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(241,233,215,.22);flex:0 0 auto;
}
.chef-card .route .dash{
  flex:1;height:2px;position:relative;border-radius:2px;overflow:visible;
  background-image:repeating-linear-gradient(90deg,var(--brass2) 0 7px,transparent 7px 14px);
  animation:route-march 900ms linear infinite;
}
.chef-card .route .dash::after{
  content:"";position:absolute;top:50%;left:0;width:8px;height:8px;border-radius:50%;
  background:var(--brass2);box-shadow:0 0 0 4px rgba(216,172,92,.22);
  transform:translate(0,-50%);
  animation:route-dot 1.8s var(--e-manidar) infinite;
}
.chef-card .route .leg{
  font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  color:var(--cream);background:rgba(15,10,5,.6);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(241,233,215,.22);
  padding:7px 12px;border-radius:var(--r-pill);white-space:nowrap;
  max-width:70%;overflow:hidden;text-overflow:ellipsis;
}
@keyframes route-march{to{background-position:14px 0}}
@keyframes route-dot{0%{left:0;opacity:0}12%{opacity:1}88%{opacity:1}100%{left:calc(100% - 8px);opacity:0}}

/* ---------- alt bilgi çubuğu: isim + hover'da uzmanlık & profili gör ---------- */
.chef-card .cbar{
  position:absolute;left:0;right:0;bottom:0;z-index:2;
  display:block;padding:clamp(14px,1.6vw,24px);color:var(--cream);
}
.chef-card .cnum{
  display:block;font-style:normal;font-size:11px;font-weight:700;
  letter-spacing:.22em;color:var(--brass2);font-variant-numeric:tabular-nums;
  margin-bottom:6px;
}
.chef-card .cname{
  display:block;font-weight:800;letter-spacing:-.01em;line-height:1.12;
  font-size:clamp(17px,1.5vw,25px);text-wrap:balance;
}
.chef-card .cmore{
  display:block;max-height:0;overflow:hidden;opacity:0;transform:translateY(8px);
  transition:max-height 450ms var(--e-manidar),opacity 350ms var(--e-manidar),transform 450ms var(--e-manidar);
}
.chef-card:hover .cmore,.chef-card:focus-visible .cmore{max-height:130px;opacity:1;transform:none}
.chef-card .cspec{
  display:block;margin-top:7px;font-size:clamp(12px,1vw,14px);
  color:var(--cream2);line-height:1.45;
}
.chef-card .cgo{
  display:inline-flex;align-items:center;gap:8px;margin-top:11px;
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--brass2);
}
.chef-card .cgo i{
  font-style:normal;transition:transform 350ms var(--e-kagit);
}
.chef-card:hover .cgo i{transform:translateX(5px)}

/* ---------- KOYU BANT: şef kadrosu rakamlarla ---------- */
#rakamlar .csb{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(26px,3vw,44px)}
.csb-head{max-width:720px}
.csb-head .h2{margin-top:14px;font-weight:700}
.csb-head .lead{margin-top:14px}
.cstat-strip{
  display:grid;grid-template-columns:repeat(5,1fr);
  border-block:1px solid var(--lined);
}
.cstat{
  padding:clamp(22px,2.4vw,38px) clamp(16px,1.8vw,30px);
  border-left:1px solid var(--lined);
}
.cstat:first-child{border-left:none}
.cstat b{
  display:flex;align-items:baseline;gap:5px;
  font-weight:800;line-height:1;letter-spacing:-.02em;
  font-size:clamp(38px,4.2vw,62px);font-variant-numeric:tabular-nums;
}
.cstat b i{font-style:italic;font-weight:600;color:var(--brass2);font-size:.52em}
.cstat>span{display:block;margin-top:10px;font-size:13.5px;color:var(--cream3)}
.csb-hint{display:none}
.csb-cta{
  display:flex;align-items:center;justify-content:space-between;
  gap:clamp(18px,3vw,44px);flex-wrap:wrap;
}
.csb-cta p{max-width:52ch;color:var(--cream2);font-size:clamp(15px,1.2vw,17px)}

/* ==========================================================================
   KIRILIMLAR
   ========================================================================== */

/* ---------- ≤1020: tablet — 2 sütun, dokunma modu (hover yok) ---------- */
@media (max-width:1020px){
  .chefs-hero{padding-top:clamp(104px,13vh,150px)}
  .chefs-hero .ch-grid{align-items:flex-start}
  .ch-crew{padding-bottom:0}

  .chef-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .chef-card.s3,.chef-card.s4,.chef-card.s5,.chef-card.s6{grid-column:span 1}
  .chef-card:last-child{grid-column:span 2}
  .chef-card.r1,.chef-card.r2,.chef-card.r3{min-height:clamp(250px,38vw,340px)}
  .chef-card.r4{min-height:clamp(230px,34vw,320px)}
  .chef-card:last-child{min-height:clamp(210px,30vw,300px)}

  /* dokunmada gizli içerik olmaz: uzmanlık + ok hep açık, rota çipi sakin ve sabit */
  .chef-card .cmore{max-height:none;opacity:1;transform:none}
  .chef-card .route{opacity:1;transform:none}
  .chef-card .route .dash{animation:none}
  .chef-card .route .dash::after{animation:none;left:calc(100% - 8px)}

  .cstat-strip{grid-template-columns:repeat(3,1fr)}
  .cstat:nth-child(4){border-left:none}
  .cstat{border-top:1px solid var(--lined)}
  .cstat:nth-child(-n+3){border-top:none}
}

/* ---------- ≤640: mobil — 2 sütun kompakt grid + snap şerit ---------- */
@media (max-width:640px){
  .chefs-hero{padding-top:96px;padding-bottom:18px}
  .chefs-hero .h1{font-size:clamp(38px,11.5vw,48px)}
  .chefs-hero .lead{font-size:16px}
  .ch-crew .avs i{width:40px;border-width:2px;margin-left:-12px}
  .ch-crew:hover .avs i{margin-left:-12px;transform:none}
  .ch-crew .crew-note{margin-top:8px;font-size:11.5px}

  .chefsec{padding-top:10px}
  .chef-grid{gap:10px}
  .chef-card{border-radius:12px}
  .chef-card.r1,.chef-card.r2,.chef-card.r3,.chef-card.r4{min-height:clamp(190px,56vw,240px)}
  .chef-card:last-child{min-height:clamp(170px,46vw,220px)}
  .chef-card .cbar{padding:12px}
  .chef-card .cnum{font-size:9.5px;margin-bottom:4px}
  .chef-card .cname{font-size:15.5px}
  .chef-card .cspec{margin-top:5px;font-size:11.5px;line-height:1.4;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .chef-card .cgo{margin-top:8px;font-size:10.5px;min-height:22px}
  /* kompakt: yalnız menşe bayrağı kalır */
  .chef-card .route{top:10px;left:10px;right:10px}
  .chef-card .route .dash,.chef-card .route .leg{display:none}
  .chef-card .route .flag{width:30px;height:30px;font-size:13px}

  /* rakam şeridi → yatay snap carousel + kaydırma ipucu */
  .cstat-strip{
    display:flex;overflow-x:auto;scroll-snap-type:x mandatory;
    scrollbar-width:none;-webkit-overflow-scrolling:touch;
    border-block:1px solid var(--lined);
    margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut);
  }
  .cstat-strip::-webkit-scrollbar{display:none}
  .cstat{
    flex:0 0 46%;scroll-snap-align:center;border-top:none!important;
    padding:20px 16px;min-height:44px;
  }
  .cstat:nth-child(4){border-left:1px solid var(--lined)}
  .csb-hint{
    display:flex;align-items:center;gap:8px;margin-top:-14px;
    font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--cream3);
  }
  .csb-hint span{display:inline-block;animation:hint-nudge 1.4s var(--e-kagit) infinite}
  .csb-cta{flex-direction:column;align-items:flex-start}
  .csb-cta .btn{width:100%;justify-content:center;min-height:48px}
}
@keyframes hint-nudge{0%,100%{transform:translateX(0)}50%{transform:translateX(7px)}}

/* ---------- geniş ekran güvenliği (1280–1920: taşma yok) ---------- */
@media (min-width:1700px){
  .chef-card.r1{min-height:460px}
  .chef-card.r2{min-height:400px}
}

/* ---------- hareket azaltma: tüm sonsuz animasyonlar kapalı ---------- */
@media (prefers-reduced-motion:reduce){
  .chef-card,.chef-card .cph,.chef-card .cmore,.chef-card .route,
  .chef-card .cgo i,.ch-crew .avs i{transition:none}
  .chef-card .route .dash{animation:none}
  .chef-card .route .dash::after{animation:none;left:calc(100% - 8px)}
  .csb-hint span{animation:none}
  .chef-card:hover{transform:none}
  .chef-card:hover .cph{transform:none}
}

/* emoji yasağı: bayrak yerine iki harfli menşe kodu rozeti */
.route .flag{
  font-style:normal;font-weight:800;font-size:9.5px;letter-spacing:.14em;
  color:var(--brass2,#D8AC5C);border:1px solid rgba(216,172,92,.45);
  border-radius:999px;padding:2px 7px;line-height:1;
}

/* rota etiketi kart genişliğine sığsın — üç nokta ile kesilmesin */
.chef-card .route{gap:8px}
.chef-card .route .dash{flex:1 1 10px;min-width:8px}
.chef-card .route .leg{
  max-width:none;flex:0 1 auto;min-width:0;
  font-size:9.5px;letter-spacing:.05em;padding:6px 10px;
  white-space:normal;line-height:1.3;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
}
@media (max-width:760px){
  .chef-card .route .leg{font-size:9px;padding:5px 9px}
}

/* V92 — şefler sayfası üst boşluğu azaltıldı (180px başlıkla ekranı aşağı itiyordu) */
.chefs-hero{padding-top:clamp(64px,7vh,96px)}
@media (max-width:1020px){.chefs-hero{padding-top:clamp(56px,6.5vh,80px)}}
@media (max-width:760px){.chefs-hero{padding-top:52px}}

/* ==========================================================================
   V86 — ŞEF RAKAM BANDI ANA SAYFADAKİ HALE GETİRİLDİ
   Dalga kenarlar, ocak parıltısı ve rakam rayı ana sayfadaki .numband ile
   aynı dile getirildi. Bileşenlerin kendisi style.css'te (V80/V82);
   burada sadece bu bölüme uygulanır ve içerik hizası eşitlenir.
   ========================================================================== */
#rakamlar{position:relative;overflow:hidden;background:#0C0805}
#rakamlar .csb{align-items:center;text-align:center}
.csb-head{max-width:64ch}

/* rakam rayı: kutu/kalın ayraç yok, ince altın gradyan çizgiler */
.cstat-strip{border:0;background:none}
.cstat{
  border:0;padding:0 clamp(10px,1.6vw,26px);position:relative;
  display:flex;flex-direction:column;align-items:center;
}
.cstat + .cstat::before{
  content:"";position:absolute;left:0;top:12%;bottom:12%;width:1px;
  background:linear-gradient(180deg,transparent,rgba(216,172,92,.34),transparent);
}
.cstat b{
  font-size:clamp(40px,4.6vw,68px);line-height:1;
  display:flex;align-items:flex-start;justify-content:center;gap:2px;
  transition:transform 420ms var(--e-kagit);
}
.cstat>span{
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  margin-top:12px;color:var(--cream3);transition:color 320ms var(--ease);
}
.cstat:hover b{transform:translateY(-6px)}
.cstat:hover>span{color:var(--brass2)}

/* alt CTA satırı ortalanır */
.csb-cta{justify-content:center;text-align:center}
.csb-cta p{margin-inline:auto}

@media (max-width:900px){
  .cstat:nth-child(4)::before{content:none}
}
@media (prefers-reduced-motion:reduce){
  .cstat b,.cstat>span{transition:none}
  .cstat:hover b{transform:none}
}

/* --- V68: 480 altı tek sütun — 176px'lik karta rota metni sığmıyordu --- */
@media (max-width:480px){
  .chef-grid{grid-template-columns:minmax(0,1fr)}
  .chef-card,.chef-card.s3,.chef-card.s4,.chef-card.s5,.chef-card.s6,
  .chef-card:last-child{grid-column:span 1}
  .chef-card.r1,.chef-card.r2,.chef-card.r3,.chef-card.r4,
  .chef-card:last-child{min-height:clamp(210px,52vw,260px)}
}