/* ============================================================================
   Sagrosa — sayfa-faaliyet.css  (iş kolu sayfaları: Teknoloji / Gıda; şablon sablonlar/sayfalar/faaliyet.njk)
   site.css'in üstüne gelir; temel.njk şablon adına göre otomatik bağlar. Aynı tasarım dili: tek yazı ailesi,
   0px köşe, düz kartlar, altın yalnız ince çizgi, bordo yalnız Gıda. Yön özellikleri MANTIKSAL; fiziksel
   istisnalar: object-position ve [dir="rtl"] altında çevrilen fotoğraf üstü degrade.
   Ortak kalıplar site.css'tedir: koyu bant sayfa başı (.s-page-head--dark), liste türleri (.s-sec--steps / --columns),
   tek ürün kartı (.s-cards--feature), kol renginde iletişim bandı (.s-band--contact) ve gri form bandı (.s-band--form).
   Bölümler: 1 sayfa başı (fotoğraf bandı) · 2 ürün alt menü şeridi · 3 bölüm ritmi · 4 iki sütunlu metin/liste
   · 5 kart bandı · 6 duyarlı · 7 yazdırma
   ========================================================================== */

/* 1. SAYFA BAŞI — fotoğraf bandı; renkler site.css .s-page-head--dark (faaliyet.njk headDark=true) --- */
.s-body--faaliyet .s-page-head{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:500px;padding-block:28px 64px;overflow:hidden}
.s-body--faaliyet .s-page-head>.s-container{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;width:100%}
.s-body--faaliyet .s-page-head .s-breadcrumb{margin-block-end:auto;padding-block-end:56px}
.s-body--faaliyet .s-page-head__title{font-size:48px;margin-block-start:14px;max-width:760px;text-wrap:pretty}
.s-body--faaliyet .s-page-head__lead{max-width:620px;margin-block-start:16px}
.s-body--faaliyet .s-page-head .s-btn{margin-block-start:28px;align-self:flex-start}
.s-body--faaliyet .s-page-head__figure{position:absolute;inset:0;z-index:0;margin:0;padding:0;max-width:none;height:auto;background:transparent}
.s-body--faaliyet .s-page-head__img{width:100%;height:100%;aspect-ratio:auto;max-height:none;object-fit:cover;object-position:50% 40%}
.s-body--faaliyet .s-page-head__figure::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,41,74,.9) 0%,rgba(23,41,74,.68) 50%,rgba(23,41,74,.46) 100%)}
.s-body--faaliyet .s-page-head--gida .s-page-head__figure::after{background:linear-gradient(90deg,rgba(58,16,16,.9) 0%,rgba(58,16,16,.68) 50%,rgba(58,16,16,.48) 100%)}
[dir="rtl"] .s-body--faaliyet .s-page-head__figure::after{background:linear-gradient(270deg,rgba(23,41,74,.9) 0%,rgba(23,41,74,.68) 50%,rgba(23,41,74,.46) 100%)}
[dir="rtl"] .s-body--faaliyet .s-page-head--gida .s-page-head__figure::after{background:linear-gradient(270deg,rgba(58,16,16,.9) 0%,rgba(58,16,16,.68) 50%,rgba(58,16,16,.48) 100%)}
.s-body--faaliyet .s-page-head__figure--ph{display:flex;align-items:flex-end;justify-content:flex-end;color:rgba(255,255,255,.7)}
.s-body--faaliyet .s-page-head__figure--ph::after{content:none}
.s-body--faaliyet .s-page-head__figure--ph .s-ph-note{color:inherit;position:relative;z-index:1}

/* 2. ÜRÜN ALT MENÜ ŞERİDİ (kayıt defterinden) ----------------------------- */
.s-subnav{background:#fff;border-block-end:1px solid var(--s-hair)}
.s-subnav__inner{display:flex;align-items:center;gap:8px 28px;min-height:60px}
.s-subnav__label{flex:none;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--s-body);white-space:nowrap}
.s-subnav__list{display:flex;flex-wrap:wrap;gap:0 4px;min-width:0}
.s-subnav__link{position:relative;display:inline-block;padding:18px 12px;font-size:15px;font-weight:500;color:var(--s-navy);white-space:nowrap}
.s-subnav__link::after{content:"";position:absolute;inset-inline:12px;inset-block-end:14px;height:2px;background:var(--s-gold);transform:scaleX(0);transform-origin:0 50%;transition:transform .25s}
[dir="rtl"] .s-subnav__link::after{transform-origin:100% 50%}
.s-subnav__link:hover::after,.s-subnav__link:focus-visible::after{transform:scaleX(1)}
.s-branch--gida .s-subnav__link{color:var(--s-bordo)}
:lang(ar) .s-subnav__label{text-transform:none}

/* 3. BÖLÜM RİTMİ — beyaz bloklar üstten 80px; bantlar kendi boşluğunu taşır */
.s-branch>.s-branch__block .s-sec{padding-block:80px 0}
.s-branch>.s-branch__block:last-child .s-sec{padding-block-end:96px}
.s-branch>.s-branch__block+.s-branch__band{margin-block-start:80px}
.s-branch .s-sec__title{font-size:36px;font-weight:400;line-height:1.15;margin-block:0}
.s-branch .s-eyebrow+.s-sec__title{margin-block-start:12px}
.s-branch .s-sec__intro{margin-block-end:16px}
.s-branch .s-sec__note{margin-block-start:20px}
.s-branch .s-list__item{color:var(--s-txt)}
.s-branch .s-cta{margin-block-start:0}

/* 4. İKİ SÜTUNLU METİN VE LİSTE BLOKLARI — başlık solda (4/12), içerik sağda (8/12) */
.s-branch .s-sec--text .s-sec__body,.s-branch .s-sec--list{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:64px;align-items:start}
.s-branch .s-sec--text .s-sec__body>*,.s-branch .s-sec--list>*{grid-column:2}
.s-branch .s-sec--text .s-sec__body>.s-eyebrow,.s-branch .s-sec--text .s-sec__body>.s-sec__title,.s-branch .s-sec--list>.s-eyebrow,.s-branch .s-sec--list>.s-sec__title{grid-column:1;padding-inline-end:24px}
.s-branch .s-sec--text .s-sec__body>.s-eyebrow,.s-branch .s-sec--list>.s-eyebrow{align-self:start}
.s-branch .s-sec--text .s-sec__body>.s-eyebrow{margin-block-end:4px}
.s-branch .s-prose{max-width:none}
.s-branch .s-sec--text .s-sec__body+.s-stats{margin-block-start:48px}
.s-branch .s-sec--text .s-tlink,.s-branch .s-sec--list .s-tlink{margin-block-start:24px}

/* 5. KART BANDI (gri) — tek ürün kartı (variant "feature") site.css'te */
.s-branch__band--cards{background:var(--s-band)}
.s-branch__band--cards .s-sec{padding-block:80px 88px}
.s-branch .s-sec--cards .s-cards{margin-block-start:44px}
.s-branch .s-sec--cards .s-sec__intro{margin-block:16px 0;max-width:720px}

/* 6. DUYARLI ---------------------------------------------------------------- */
@media (max-width:1100px){
  .s-body--faaliyet .s-page-head{min-height:440px}
  .s-body--faaliyet .s-page-head__title{font-size:42px}
  .s-branch .s-sec--text .s-sec__body,.s-branch .s-sec--list{column-gap:40px}
}
@media (max-width:900px){
  .s-branch .s-sec--text .s-sec__body,.s-branch .s-sec--list{grid-template-columns:minmax(0,1fr)}
  .s-branch .s-sec--text .s-sec__body>*,.s-branch .s-sec--list>*,
  .s-branch .s-sec--text .s-sec__body>.s-eyebrow,.s-branch .s-sec--text .s-sec__body>.s-sec__title,.s-branch .s-sec--list>.s-eyebrow,.s-branch .s-sec--list>.s-sec__title{grid-column:1;padding-inline-end:0}
  .s-branch .s-sec--text .s-sec__title,.s-branch .s-sec--list .s-sec__title{margin-block-end:20px}
}
@media (max-width:768px){
  .s-body--faaliyet .s-page-head{min-height:380px;padding-block:20px 40px}
  .s-body--faaliyet .s-page-head .s-breadcrumb{padding-block-end:36px}
  .s-body--faaliyet .s-page-head__title{font-size:32px}
  .s-body--faaliyet .s-page-head__lead{font-size:16px;margin-block-start:12px}
  .s-subnav__inner{gap:16px;min-height:52px}
  .s-subnav__list{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .s-subnav__list::-webkit-scrollbar{display:none}
  .s-subnav__link{padding:15px 8px;font-size:14px}
  .s-subnav__link::after{inset-inline:8px;inset-block-end:11px}
  .s-branch>.s-branch__block .s-sec{padding-block:56px 0}
  .s-branch>.s-branch__block:last-child .s-sec{padding-block-end:64px}
  .s-branch>.s-branch__block+.s-branch__band{margin-block-start:56px}
  .s-branch__band--cards .s-sec{padding-block:56px 64px}
  .s-branch .s-sec__title{font-size:28px}
  .s-branch .s-sec--cards .s-cards{margin-block-start:32px}
}

/* 7. YAZDIRMA -------------------------------------------------------------- */
@media print{
  .s-body--faaliyet .s-page-head{min-height:0}
  .s-body--faaliyet .s-page-head__figure{display:none}
  .s-subnav{display:none}
}