/* Başlık */
.page-title{
  font-size: clamp(24px, 3.2vw, 36px);
  margin: 10px auto 14px;
  width: min(1120px, 92%);
}

/* Genel kart stilleri */
.card, .person-card, .mini-card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  overflow: hidden;
  box-shadow: var(--shadow);
}
.card img, .person-card img, .mini-card img{
  display:block; width:100%; height:auto; max-width:350px; margin-inline:auto;
}
.card figcaption, .person-card figcaption, .mini-card figcaption{
  color: var(--muted); font-size: 13px; padding: 8px 12px 12px;
}

/* 1) Hikâye & Değerler */
.about-split{ padding: 44px 0; }
.split-inner{
  display:grid; grid-template-columns: 1.15fr .85fr; gap: 20px; align-items: start;
}
.lede{ color: var(--muted); margin: 6px 0 10px; }
.values{ margin: 8px 0 0; padding-left: 18px; color: var(--muted); }
.values li{ margin: 4px 0; }
.media .card + .card{ margin-top: 12px; }
@media (max-width: 900px){
  .split-inner{ grid-template-columns: 1fr; }
}

/* 2) Ekip & Eğitim */
.team-plain{ padding: 46px 0; }
.section-head .sec-intro{ color: var(--muted); margin: 6px 0 12px; max-width: 68ch; }
.team-grid{
  display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; justify-items: center;
}
.person-card{ width: 100%; max-width: 350px; text-align: left; }
.note{ color: var(--muted); margin: 10px 0 0; }
@media (max-width: 900px){
  .team-grid{ grid-template-columns: 1fr; }
}

/* 3) Fırın & Teknik */
.craft-split{ padding: 48px 0 56px; }
.craft-inner{
  display:grid; grid-template-columns: 1.15fr .85fr; gap: 20px; align-items: start;
}
.principles{ margin: 8px 0; padding-left: 18px; color: var(--muted); }
.principles li{ margin: 4px 0; }
.craft-media{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
.mini-card{ width: 100%; max-width: 350px; }
@media (max-width: 900px){
  .craft-inner{ grid-template-columns: 1fr; }
}
/* ===== 4) Tedarik & Bölge Haritası ===== */
.supply-map{ padding: 46px 0; }
.supply-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.region-line{ position: relative; margin: 8px 0 0; padding: 0; list-style: none; }
.region-line .node{ position: relative; padding-left: 42px; margin: 0 0 14px; }
.region-line .node .dot{
  position: absolute; left: 14px; top: 6px; width: 14px; height: 14px; border-radius: 50%;
  background: radial-gradient(circle at 40% 40%, #fff, var(--accent-2) 50%, var(--accent) 80%);
  box-shadow: 0 0 10px rgba(255,193,59,.4);
}
.region-line .node .body b{ display:block; margin-bottom: 4px; }
.supply-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
.photo-card{
  background: var(--card); border: 1px solid var(--border); border-radius: var(--radius);
  overflow: hidden; box-shadow: var(--shadow); width: 100%; max-width: 350px;
}
.photo-card img{ display:block; width:100%; height:auto; max-width:350px; margin-inline:auto; }
.photo-card figcaption{ color: var(--muted); font-size: 13px; padding: 8px 12px 12px; }
@media (max-width: 920px){
  .supply-inner{ grid-template-columns: 1fr; }
}

/* ===== 5) Sürdürülebilirlik ===== */
.sustainability{ padding: 48px 0; }
.sust-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.kpi-bars{ display: grid; gap: 10px; margin: 8px 0 10px; }
.kpi-line{
  display:grid; grid-template-columns: 1.2fr 1fr 80px; gap: 8px; align-items: center;
  background: rgba(255,255,255,.03); border:1px solid var(--border); border-radius: 12px; padding: 8px 10px;
}
.kpi-line .label{ font-size:13px; color: var(--ink); }
.kpi-line em{ color: var(--muted); font-style: normal; font-size:12px; text-align:right; }
.kpi-line .bar{
  display:block; height: 10px; border-radius: 999px; border:1px solid var(--border); position: relative;
  background: linear-gradient(90deg, rgba(255,100,55,.25), rgba(255,193,59,.28));
  overflow:hidden;
}
.kpi-line .bar::after{
  content:""; position:absolute; left:0; top:0; bottom:0; width: 0%;
  background: linear-gradient(90deg, rgba(255,100,55,.6), rgba(255,193,59,.6));
  border-radius: 999px; box-shadow: 0 0 10px rgba(255,193,59,.35);
  animation: fill 1.2s ease forwards;
}
.kpi-line .bar.p80::after{ width: 80%; }
.kpi-line .bar.p65::after{ width: 65%; }
.kpi-line .bar.p70::after{ width: 70%; }

@keyframes fill{
  from{ width: 0%; } to{ /* hedef width sınıfta */ }
}

.sust-photos{ display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start; }
@media (max-width: 920px){
  .sust-inner{ grid-template-columns: 1fr; }
}

/* ===== 6) Topluluk & Etkinlikler ===== */
.community{ padding: 48px 0 56px; }
.community-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.event-list{ margin: 8px 0 0; padding: 0; list-style: none; display: grid; gap: 8px; }
.event-list li{
  border:1px solid var(--border); border-radius: 12px; padding: 8px 12px;
  background: rgba(255,255,255,.03);
}
.badge{
  display:inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 999px; font-size: 12px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2)); color: #121214; font-weight: 700;
}
.com-photos{ display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start; }
@media (max-width: 920px){
  .community-inner{ grid-template-columns: 1fr; }
}
/* ===== 7) Basın & Yorumlar ===== */
.press-reviews{ padding: 48px 0; }
.press-inner{
  display:grid; grid-template-columns: 1.2fr .8fr; gap: 20px; align-items: start;
}
.quote-grid{
  display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 8px;
}
.quote-card{
  border:1px solid var(--border); border-radius: 12px; background: var(--card);
  box-shadow: var(--shadow); padding: 12px;
  position: relative;
}
.quote-card::before{
  content:"“"; position:absolute; left: 10px; top: -12px; font-size: 44px; line-height: 1; color: rgba(255,255,255,.08);
}
.quote-card blockquote{ margin: 0 0 8px; color: var(--ink); }
.quote-card .byline{ margin: 0; color: var(--muted); font-size: 13px; }
.press-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
@media (max-width: 960px){
  .press-inner{ grid-template-columns: 1fr; }
  .quote-grid{ grid-template-columns: 1fr; }
}

/* ===== 8) SSS ===== */
.faq{ padding: 48px 0; }
.faq-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.qa{
  border:1px solid var(--border); border-radius: 12px; background: var(--card);
  margin: 8px 0; padding: 8px 10px;
}
.qa > summary{
  cursor: pointer; list-style: none; font-weight: 700;
}
.qa > summary::-webkit-details-marker{ display: none; }
.qa > summary::after{
  content:"▸"; float: right; transition: transform .2s ease; opacity: .8;
}
.qa[open] > summary::after{ transform: rotate(90deg); }
.qa .qa-body{ color: var(--muted); margin-top: 6px; }

.faq-photos{ display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start; }
@media (max-width: 920px){
  .faq-inner{ grid-template-columns: 1fr; }
}

/* ===== 9) İşe Alım & Başvuru ===== */
.hiring{ padding: 48px 0 56px; }
.hiring-inner{
  display:grid; grid-template-columns: 1.2fr .8fr; gap: 20px; align-items: start;
}
.positions .pos{ border:1px solid var(--border); border-radius: 12px; padding: 10px 12px; background: rgba(255,255,255,.03); margin-bottom: 10px; }
.positions h3{ margin: 0 0 4px; font-size: clamp(16px, 1.8vw, 18px); }
.apply{ color: var(--muted); margin-top: 6px; }
.hire-photos{ display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start; }
@media (max-width: 960px){
  .hiring-inner{ grid-template-columns: 1fr; }
}
/* ===== 10) Şeffaf Mutfak Notları ===== */
.kitchen-notes{ padding: 48px 0; }
.kitchen-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.note-list{ margin: 8px 0 10px; padding-left: 18px; color: var(--muted); }
.note-list li{ margin: 4px 0; }
.kn-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
@media (max-width: 920px){
  .kitchen-inner{ grid-template-columns: 1fr; }
}

/* ===== 11) Ziyaretçi Kuralları ===== */
.visitor-rules{ padding: 48px 0; }
.vr-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.rule-list{ margin: 8px 0 10px; padding-left: 18px; }
.rule-list li{ margin: 4px 0; }
.vr-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
.vr-text .note{ color: var(--muted); margin: 6px 0 0; }
@media (max-width: 920px){
  .vr-inner{ grid-template-columns: 1fr; }
}

/* ===== 12) İş Ortaklarımız ===== */
.partners{ padding: 48px 0 56px; }
.partners-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.partners-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
@media (max-width: 920px){
  .partners-inner{ grid-template-columns: 1fr; }
}
/* ===== 13) Ziyaretçi Defteri ===== */
.guestbook{ padding: 48px 0; }
.guest-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.gb-notes{
  background:
    repeating-linear-gradient(to bottom,
      rgba(255,255,255,.05) 0 1px,
      transparent 1px 26px);
  border:1px solid var(--border);
  border-radius: 14px; padding: 12px; position: relative;
}
.gb-notes::before{
  /* sol kenarda ince kırmızı defter çizgisi */
  content:""; position:absolute; top:0; bottom:0; left: 22px; width: 2px;
  background: linear-gradient(var(--accent), var(--accent-2));
  opacity:.6;
}
.gb-list{ display:grid; gap: 10px; margin-top: 8px; }
.note{
  background: var(--card); border:1px solid var(--border); border-radius: 12px; padding: 10px 12px;
  box-shadow: var(--shadow);
}
.note h3{ margin: 0 0 4px; font-size: clamp(16px,1.8vw,18px); }
.note p{ margin: 0 0 6px; color: var(--muted); }
.note .who{ font-size: 12px; color: var(--muted); }
.gb-photos{
  display:grid; grid-template-columns: 1fr; gap: 12px; justify-items: start;
}
@media (max-width: 900px){
  .guest-inner{ grid-template-columns: 1fr; }
}

/* ===== 14) Çalışma Saatleri & İletişim ===== */
.closing-info{ padding: 48px 0 56px; }
.closing-inner{
  display:grid; grid-template-columns: 1.1fr .9fr; gap: 20px; align-items: start;
}
.hours{
  display:grid; grid-template-columns: 1fr 160px; gap: 0;
  border:1px solid var(--border); border-radius: 14px; overflow:hidden; margin: 8px 0 10px;
}
.hr.row{ display: contents; }
.hr.row > *{ padding: 10px 12px; border-bottom: 1px solid var(--border); }
.hr.row:nth-child(odd) > *{ background: rgba(255,255,255,.03); }
.hr.row.head > *{ font-weight: 700; background: rgba(255,255,255,.06); }
.cl-contact{ margin: 8px 0 10px; }
.cl-photos{
  display:grid; grid-template-columns: 1fr 1fr 1fr; gap: 12px;
}
@media (max-width: 980px){
  .closing-inner{ grid-template-columns: 1fr; }
  .cl-photos{ grid-template-columns: 1fr; }
}

/* CTA (локально, чтобы не тянуть из других страниц) */
.contact-inline{ display:flex; flex-wrap:wrap; gap:10px; }
.cta{
  display:inline-block; padding:10px 14px; border-radius:12px; font-weight:700; text-decoration:none;
  background: linear-gradient(135deg, var(--accent), var(--accent-2)); color:#121214; border:0;
}
.cta.ghost{
  background: transparent; color: var(--ink);
  border:1px solid var(--border);
}