/* Ana sayfa (revizyon v2): açılış + marka satırı, "Granülden poşete" üretim sahnesi, bölüm ritmi, poşet şeridi.
   Gizli başlangıç durumları yalnız .ana-canli (ana-sayfa.js ekler) altında; JS yoksa ya da hareket azaltılmışsa her şey açık. */

.ana{--ana-ust:72px}

/* Kinetik başlık: motor kelimeleri doğrudan h1 çocuğu <span> yapar; v1'in "h1>span" vurgu kuralı onlara uygulanmasın. */
.hero h1>span.hr-k{font-family:inherit;font-style:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit}

/* Kısa giriş anlatısı + bölüm dizini: tek ince bant (#yolculuk). Açılış ile sahne arasında büyük boşluk yok. */
.ana-yolculuk{border-top:1px solid var(--line)}
.ana-yolculuk-ic{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:16px clamp(32px,5vw,80px);align-items:baseline;padding-block:36px 28px}
.ana .ana-yolculuk h2{font-size:clamp(30px,2.8vw,40px);line-height:1.15;letter-spacing:-.01em;margin:0}
.ana .ana-yolculuk h2 em{font-family:var(--serif);font-weight:400;color:var(--accent)}
.ana-yolculuk-metin p{font-size:17px;line-height:1.65;color:var(--ink);margin:0;max-width:40em}
.ana-yolculuk .chapter-strip{border-bottom:0}
.ana-yolculuk .chapter-inner{flex-wrap:wrap;padding-block:16px;gap:8px 20px}
.ana-yolculuk .chapter-inner a{min-height:44px}

/* Bölüm ritmi: hizalar değişir, ince çizgiler korunur */
.ana .pg-hammadde-kartlar .pg-bolum-baslik .eyebrow{color:var(--accent)}
.ana .pg-hammadde-kartlar,.ana .pg-posetler,.ana .pg-yazilar{padding-block:84px}
.ana .faq{padding-top:84px;border-top:1px solid var(--line)}

/* Hammadde kartları: imleçle hafif eğilme. JS ayrı "rotate" özelliğini yazar; görünme dönüşümüyle (transform) çakışmaz. */
.ana .pg-kiyas{perspective:900px}
.ana .pg-kiyas-kart{transition:border-color .2s,translate .35s cubic-bezier(.2,.7,.2,1),rotate .4s cubic-bezier(.2,.7,.2,1)}

/* Poşet türleri: yatay şerit */
.ana-serit-ust{display:flex;justify-content:space-between;align-items:end;gap:24px}
.ana-serit-dugmeler{display:flex;gap:8px;margin-bottom:28px;flex-shrink:0}
.ana-serit-dugme{width:46px;height:46px;display:grid;place-items:center;border:1px solid #b5beb0;border-radius:4px;background:transparent;color:var(--ink);font-size:18px;transition:background .2s,color .2s,opacity .2s}
.ana-serit-dugme:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}
.ana-serit-dugme:disabled{opacity:.35;cursor:default}
html:not(.js) .ana-serit-dugmeler{display:none}
.ana-poset-serit{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:10px 2px 18px;margin-bottom:14px;scrollbar-width:thin;scrollbar-color:#b5beb0 transparent}
.ana-poset-serit::-webkit-scrollbar{height:4px}
.ana-poset-serit::-webkit-scrollbar-thumb{background:#b5beb0;border-radius:3px}
.ana-poset-serit:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.ana-poset-serit>.pg-poset-kart{flex:0 0 calc((100% - 56px) / 3.15);scroll-snap-align:start}
.ana-poset-serit .pg-poset-gorsel{aspect-ratio:4/3}
.ana-poset-serit.ana-surukle{scroll-snap-type:none;cursor:grabbing;user-select:none}
.ana-poset-serit.ana-surukle a{pointer-events:none}
@media(hover:hover){.ana-poset-serit{cursor:grab}}

/* ——— Açılış (v3): ilk ekranı dolduran iki kolon. Solda metin + marka satırı, sağda görselin zeminine uyan ve sağ kenara
   taşan panel (zemin border-image ile taşar, yatay kaydırma oluşturmaz). Görsel kırpılmaz (contain); altyazı panelin içinde. ——— */
.ana{--ana-gorsel-zemin:#f1eee8}
.ana .ana-acilis{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"metin gorsel" "marka gorsel";grid-template-rows:1fr auto;column-gap:clamp(40px,5vw,88px);row-gap:0;min-height:clamp(560px,calc(100svh - 128px),820px);padding-block:0}
.ana-acilis-metin{grid-area:metin;align-self:center;min-width:0;padding-block:48px 32px}
.ana .ana-acilis .eyebrow{margin-bottom:20px}
.ana .ana-acilis h1{font-size:clamp(40px,4.2vw,64px);line-height:1.06;letter-spacing:-.022em;font-weight:650;margin-bottom:22px}
.ana .ana-acilis h1>span{letter-spacing:-.01em}
.ana .ana-acilis .hero-description{font-size:clamp(16px,1.15vw,18px);line-height:1.65;color:var(--ink);max-width:31em;margin-bottom:30px}
.ana-acilis-cagri{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px}
.ana-acilis-cagri .button{font-size:15px}
.ana-acilis-cagri .text-link{font-size:15px;gap:16px}
.ana-acilis-gorsel{grid-area:gorsel;position:relative;margin:0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:40px 0 22px clamp(20px,2.4vw,40px);border-image:linear-gradient(var(--ana-gorsel-zemin),var(--ana-gorsel-zemin)) fill 0//0 100vmax 0 0}
.ana-acilis-cerceve{margin-block:auto}
.ana-acilis-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
/* Görselin kenarları panel zeminine yumuşakça karışır (renk ve içerik değişmez; yalnız kenar saydamlığı). */
.ana-acilis-cerceve .ana-acilis-img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.ana-acilis-gorsel figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:14px;border-top:1px solid #dcd8cf;font-size:13px;line-height:1.5;color:var(--muted)}
.ana-acilis-akis{font-size:12px;font-weight:600;letter-spacing:1.4px;white-space:nowrap;color:var(--ink)}
.ana-marka-satiri{grid-area:marka;align-self:end;min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;padding-block:20px 40px;border-top:1px solid var(--line)}
.ana .ana-marka-etiket{flex:1 1 140px;max-width:200px;font-size:12px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0;line-height:1.5}
.ana-marka-logolar{list-style:none;margin:0;padding:0;display:flex;gap:10px}
.ana-marka>a,.ana-marka>img{display:flex;align-items:center;justify-content:center;width:132px;height:72px;padding:0 10px;background:#fff;border:1px solid var(--line);border-radius:4px;transition:border-color .2s,transform .25s cubic-bezier(.2,.7,.2,1)}
.ana-marka>a:hover{border-color:var(--ink);transform:translateY(-2px)}
.ana-marka-logo{display:block;width:auto;max-width:100%}
.ana-marka-hopan .ana-marka-logo{height:56px}
.ana-marka-ozmak .ana-marka-logo{height:58px}
/* Açılış hareketi: görsel yüklenişte hafifçe yakınlaşarak yerine oturur (yalnız transform; saydamlık yok, LCP gecikmez);
   altyazı çizgisi boyunca turuncu bir "süreç ışığı" PE → film → poşet yönünde akar. Azaltılmış harekette ikisi de yok. */
.ana-acilis-gorsel figcaption{position:relative}
@media(prefers-reduced-motion:no-preference){
	html.js .ana-acilis-img{animation:ana-yakinlas 1.9s cubic-bezier(.2,.7,.2,1) both}
	.ana-acilis-gorsel figcaption:before{content:'';position:absolute;left:0;top:-1px;width:28%;height:2px;background:linear-gradient(90deg,rgba(223,97,62,0),var(--accent));transform:translateX(-100%);animation:ana-akis 5.5s cubic-bezier(.45,0,.25,1) 1.2s infinite;pointer-events:none}
	.ana-acilis-gorsel{overflow-x:clip}
}
@keyframes ana-yakinlas{from{transform:scale(1.07) translate3d(0,14px,0)}to{transform:none}}
@keyframes ana-akis{0%{transform:translateX(-100%)}70%,100%{transform:translateX(358%)}}

/* ——— Granülden poşete: üretim sahnesi (#uretim), tam genişlik koyu bant ——— */
.ana-atlas{--ana-ara:clamp(32px,4.4vw,64px);position:relative;background:var(--ink);color:var(--paper);border-top:0;padding-block:96px 64px;clip-path:inset(0 calc((1 - clamp(0, var(--hr-p,1) * 7, 1)) * 5vw) round calc((1 - clamp(0, var(--hr-p,1) * 7, 1)) * 28px))}
.ana-atlas .pg-bolum-baslik h2{color:var(--paper);font-size:clamp(34px,3.6vw,52px);letter-spacing:-.02em;max-width:820px}
.ana-atlas .eyebrow{color:var(--sage)}
.ana-atlas-baslik{margin-bottom:28px}
.ana-atlas-pin{position:relative}
.ana-atlas-son{display:block;height:0;outline:0}

/* Statik düzen (JS yok, hareket azaltılmış, telefon): aşamalar art arda, ray üstte küçük dizin. */
.ana-atlas-sahne{display:flex;flex-direction:column;gap:32px}
.ana-atla{align-self:flex-end;order:-2;display:inline-flex;gap:10px;align-items:center;font-size:13px;font-weight:600;color:var(--sage);border-bottom:1px solid rgba(233,237,223,.35);padding-block:8px}
.ana-atla:hover{color:var(--paper);border-bottom-color:var(--paper)}
.ana-asamalar{display:grid;gap:80px}
.ana-asama{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--ana-ara);row-gap:24px;align-items:center;scroll-margin-top:calc(var(--ana-ust) + 24px)}
.ana-kare{margin:0;min-width:0}
.ana-kare-pencere{position:relative;background:var(--paper);border-radius:5px;aspect-ratio:3/2;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ana-kare-img{display:block;width:100%;height:100%;object-fit:contain}
/* Sabitlenmeyen sahnede görsel penceresi ekrandan uzun olmaz (telefon yatay): pencere genişler, görsel ortada sığar. */
.ana-atlas:not(.ana-canli) .ana-asama{align-items:start}
.ana-atlas:not(.ana-canli) .ana-kare-pencere{max-height:calc(100vh - 96px);max-height:calc(100svh - 96px)}
.ana-kare-cizim{width:min(62%,420px)}
.ana-kare-cizim svg{display:block;width:100%;height:auto}
.ana-kare figcaption{font-size:12px;line-height:1.5;color:#C9D2C3;margin-top:10px}
.ana-asama-metin{min-width:0}
.ana .ana-asama-no{font-family:Manrope,Arial,sans-serif;font-weight:700;font-size:clamp(64px,6.6vw,104px);line-height:.9;letter-spacing:-.03em;color:var(--accent);margin:0 0 18px}
.ana .ana-asama-etiket{font-size:12px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--sage);margin:0 0 10px;line-height:1.5}
.ana .ana-asama-metin h3{font-size:clamp(30px,2.9vw,44px);letter-spacing:-.02em;line-height:1.1;font-weight:650;color:var(--paper);margin-bottom:16px}
.ana .ana-asama-aciklama{font-size:17px;line-height:1.65;color:var(--sage);max-width:34em;margin-bottom:18px}
.ana-asama-satirlar{margin:0 0 8px;max-width:34em}
.ana-asama-satirlar>div{border-top:1px solid rgba(248,247,242,.16);padding-block:10px}
.ana-asama-satirlar dt{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#F2B6A2;margin-bottom:3px}
.ana-asama-satirlar dd{margin:0;font-size:16px;line-height:1.55;color:var(--paper)}
.ana-atlas .text-link{color:var(--paper);border-bottom-color:rgba(248,247,242,.4);font-size:14px}
.ana-atlas .text-link:hover{color:var(--accent)}

/* Ray: 01–05, her öğe kendi aşamasına bağlantı */
.ana-ray{order:-1;position:relative;border-top:1px solid rgba(248,247,242,.14);padding:16px 0 4px;min-width:0}
.ana-ray ol{list-style:none;margin:0;padding:0;display:flex;position:relative}
.ana-ray li{flex:1;text-align:center}
.ana-ray a{display:inline-flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--paper)}
.ana-ray b{display:block;width:40px;height:40px;line-height:38px;text-align:center;border:1px solid var(--paper);border-radius:50%;background:var(--ink);color:var(--paper);font-family:Manrope,Arial,sans-serif;font-size:12px;transition:background .3s,color .3s,border-color .3s}
.ana-ray a:hover b,.ana-ray a:focus-visible b{background:var(--paper);color:var(--ink)}
.ana-ray a:focus-visible{outline-color:var(--accent)}
.ana-ray-iz{position:absolute;left:10%;right:10%;top:36px;height:1px;background:rgba(248,247,242,.25)}
.ana-ray-dolu{position:absolute;inset:-1px 0;background:var(--accent);transform:scaleX(0);transform-origin:left center}

/* Canlı (sabitlenen) sahne: yalnız ana-sayfa.js etkinleştirir (≥1025×680, hareket azaltılmamış). Başlık otomatik gizlenince üst pay küçülür. */
.ana-canli .ana-atlas-pin{height:350vh;height:350svh}
.ana-canli .ana-atlas-sahne{position:sticky;top:0;height:100vh;height:100svh;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:minmax(0,max-content) auto;align-content:center;column-gap:var(--ana-ara);row-gap:20px;padding-top:calc(var(--ana-ust) + 16px);padding-bottom:14px;transition:padding-top .5s var(--hr-e,ease)}
body.hr-gizli .ana-canli .ana-atlas-sahne{padding-top:28px}
.ana-canli .ana-asamalar{grid-column:1/-1;grid-row:1;gap:0;min-height:0}
.ana-canli .ana-asama{grid-area:1/1;height:100%;min-height:0;visibility:hidden;transition:visibility 0s linear .95s}
.ana-canli .ana-asama.is-aktif{visibility:visible;transition-delay:0s;z-index:2}
.ana-canli .ana-kare{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transition:opacity .45s ease .45s}
.ana-canli .ana-kare-pencere{flex:0 1 auto;min-height:0;width:100%}
.ana-canli .is-aktif .ana-kare{opacity:1;transition:opacity .5s cubic-bezier(.2,.7,.2,1) 0s}
.ana-canli .ana-kare-img,.ana-canli .ana-kare-cizim{transform:translate3d(28px,0,0);transition:transform .8s cubic-bezier(.2,.7,.2,1) .45s}
.ana-canli .is-aktif .ana-kare-img,.ana-canli .is-aktif .ana-kare-cizim{transform:none;transition-delay:0s}
.ana-canli .ana-asama-metin{align-self:center;opacity:0;transform:translate3d(0,18px,0);transition:opacity .25s,transform .3s}
.ana-canli .is-aktif .ana-asama-metin{opacity:1;transform:none;transition:opacity .5s cubic-bezier(.2,.7,.2,1) .25s,transform .6s cubic-bezier(.2,.7,.2,1) .25s}
.ana-canli .ana-asama-no{font-size:clamp(56px,min(6.6vw,11vh),104px);margin-bottom:min(18px,2vh)}
.ana-canli .ana-ray{grid-column:1;grid-row:2;order:0;padding-top:12px}
.ana-canli .ana-atla{grid-column:2;grid-row:2;justify-self:end;align-self:center;opacity:.75}
.ana-canli .ana-atla:hover,.ana-canli .ana-atla:focus-visible{opacity:1}
.ana-canli .ana-ray .is-aktif b{background:var(--accent);border-color:var(--accent);color:#fff}
@media(max-height:760px){
	.ana-canli .ana-asama-aciklama{font-size:16px;margin-bottom:10px}
	.ana-canli .ana-asama-satirlar>div{padding-block:7px}
	.ana-canli .ana-asama-metin h3{margin-bottom:10px}
}

@media(max-width:1024px) and (orientation:portrait){
	/* Sabitlenmeyen sahne, dikey tablet: görsel tam genişlik, metin altında. Yatay tablet/telefon yatay: 60/40 yan yana (pencere ekran yüksekliğine sığar). */
	.ana-asama{grid-template-columns:minmax(0,1fr);row-gap:28px}
	.ana-asama-metin{max-width:44em}
	.ana-asamalar{gap:72px}
}

@media(max-width:1100px){
	.ana .ana-acilis{grid-template-columns:minmax(0,1fr);grid-template-areas:"metin" "gorsel" "marka";grid-template-rows:auto;min-height:0}
	.ana-acilis-metin{align-self:start;padding-block:40px 36px}
	.ana .ana-acilis h1{font-size:clamp(38px,6vw,56px)}
	/* Panel iki yana taşar; görsel tam genişlik. */
	.ana-acilis-gorsel{padding:28px 0 18px;border-image:linear-gradient(var(--ana-gorsel-zemin),var(--ana-gorsel-zemin)) fill 0//0 100vmax}
	.ana-acilis-cerceve{margin-block:0}
	.ana-marka-satiri{border-top:0;padding-block:24px 48px}
	.ana-poset-serit>.pg-poset-kart{flex-basis:calc((100% - 28px) / 2.2)}
}

@media(max-width:760px){
	.ana{--ana-ust:64px}
	.ana-acilis-metin{padding-block:28px 32px}
	.ana .ana-acilis .eyebrow{margin-bottom:16px}
	.ana .ana-acilis h1{font-size:clamp(34px,10.4vw,44px);line-height:1.08;margin-bottom:16px}
	.ana .ana-acilis .hero-description{font-size:16px;margin-bottom:24px}
	.ana-acilis-cagri{gap:4px 24px}
	.ana-acilis-cagri .button{width:100%}
	.ana-acilis-gorsel{padding:20px 0 14px;gap:12px}
	.ana-acilis-gorsel figcaption{flex-direction:column;gap:2px;padding-top:10px}
	.ana-marka-satiri{padding-block:20px 40px}
	.ana .ana-marka-etiket{max-width:none;flex-basis:100%}
	.ana-marka-logolar{width:100%}
	.ana-marka{flex:1}
	.ana-marka>a,.ana-marka>img{width:100%}

	.ana-yolculuk-ic{grid-template-columns:minmax(0,1fr);padding-block:28px 12px;gap:10px}
	.ana-yolculuk-metin p{font-size:16px}
	.ana-yolculuk .chapter-inner{padding-block:8px 16px;gap:0 16px}
	.ana-yolculuk .chapter-inner a{justify-content:flex-start;gap:8px;white-space:normal;min-width:0}
	.ana-yolculuk .chapter-inner a b{margin-right:0}
	.ana .pg-hammadde-kartlar,.ana .pg-posetler,.ana .pg-yazilar{padding-block:52px}
	.ana .faq{padding-top:52px}
	.ana-serit-ust{flex-wrap:wrap;align-items:center}
	.ana-serit-dugmeler{margin-bottom:20px}
	.ana-poset-serit{gap:14px}
	.ana-poset-serit>.pg-poset-kart{flex-basis:84%}

	/* Telefonda sabitleme yok: aşamalar normal akışta (görsel → metin), ray gizli. */
	.ana-atlas{padding-block:64px 48px}
	.ana-atlas .pg-bolum-baslik h2{font-size:clamp(30px,8vw,34px)}
	.ana-atlas-baslik{margin-bottom:12px}
	.ana-atlas-sahne{gap:20px}
	.ana-ray{display:none}
	.ana-asamalar{gap:56px}
	.ana-asama{grid-template-columns:minmax(0,1fr);row-gap:20px}
	.ana-kare-pencere{border-radius:4px}
	.ana .ana-asama-no{font-size:56px;margin-bottom:12px}
	.ana .ana-asama-metin h3{font-size:clamp(26px,7.5vw,32px)}
	.ana .ana-asama-aciklama{font-size:16px}
}

/* Hareket azaltılmışsa: sahne sabitlenmez (JS de etkinleştirmez; bu güvenlik ağı). */
@media(prefers-reduced-motion:reduce){
	.ana-atlas{clip-path:none}
	.ana-canli .ana-atlas-pin{height:auto}
	.ana-canli .ana-atlas-sahne{position:static;height:auto;display:flex}
	.ana-canli .ana-asama{grid-area:auto;visibility:visible;height:auto}
	.ana-canli .ana-kare,.ana-canli .ana-asama-metin{opacity:1;transform:none}
	.ana-canli .ana-kare-img,.ana-canli .ana-kare-cizim{transform:none}
	.ana .pg-kiyas-kart{rotate:none!important}
}

/* ——— Sahne sonrası (revizyon v2, R2): markalar, hammadde, geri dönüşüm, şerit, yazılar, terim, kapanış ——— */

/* Markalar (#markalar): iki eşit editoryal alan; Hopan = hammadde, Özmak = makine. Logolar açık zeminde, filtresiz. */
.ana-markalar{padding-block:96px 84px;scroll-margin-top:24px}
.ana-markalar-ust{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:12px clamp(32px,5vw,80px);align-items:end;margin-bottom:44px}
.ana-markalar-ust .eyebrow{grid-column:1/-1;color:var(--accent);margin-bottom:0}
.ana .ana-markalar-ust h2{margin:0}
.ana .ana-markalar-not{font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 6px;padding-left:16px;border-left:2px solid var(--accent)}
.ana-markalar-izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid var(--ink)}
.ana-marka-alan{display:flex;flex-direction:column;min-width:0;padding:32px clamp(24px,3vw,48px) 8px 0}
.ana-marka-alan+.ana-marka-alan{padding-left:clamp(24px,3vw,48px);padding-right:0;border-left:1px solid var(--line)}
.ana-marka-alan-gorsel{margin:0 0 28px}
.ana-marka-alan-cerceve{background:var(--sage);border-radius:5px;padding:clamp(10px,1.2vw,18px)}
.ana-marka-alan-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:3px}
.ana-marka-alan-gorsel figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.ana-marka-alan-metin{display:flex;flex-direction:column;flex:1}
.ana-marka-alan-kimlik{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-bottom:20px}
.ana-marka-alan-kimlik .eyebrow{margin:0;font-size:12px;color:var(--muted)}
.ana-marka-alan-logokap{display:flex;align-items:center;justify-content:center;height:96px;width:176px;padding:0 14px;background:#fff;border:1px solid var(--line);border-radius:4px;transition:border-color .2s}
a.ana-marka-alan-logokap:hover{border-color:var(--ink)}
.ana-marka-alan-logo{display:block;width:auto}
.ana-marka-alan-hopan .ana-marka-alan-logo{height:76px}
.ana-marka-alan-ozmak .ana-marka-alan-logo{height:80px}
.ana .ana-marka-alan h3{font-size:clamp(28px,2.6vw,38px);line-height:1.12;letter-spacing:-.015em;font-weight:650;margin:0 0 12px}
.ana .ana-marka-alan-rol{display:inline-block;align-self:flex-start;font-size:14px;font-weight:600;line-height:1.5;color:var(--ink);background:var(--sage);border-radius:3px;padding:6px 12px;margin:0 0 16px}
.ana .ana-marka-alan-aciklama{font-size:17px;line-height:1.7;color:var(--ink);max-width:36em;margin:0 0 24px}
.ana-marka-alan-cagri{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:auto;padding-bottom:24px}
.ana-marka-alan-cagri .button{font-size:14px;gap:28px}
.ana-video{margin:0 0 24px}
.ana-video iframe,.ana-video video,.ana-video .wp-video{display:block;width:100%!important;max-width:100%;height:auto;aspect-ratio:16/9;border:0;border-radius:4px}
.ana-wa-baglanti{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:600;color:#1f6a44;border:1px solid #9cc3ad;border-radius:3px;transition:background .2s,color .2s}
.ana-wa-baglanti:hover{background:#1f7a4d;border-color:#1f7a4d;color:#fff}
.ana-wa-baglanti svg{display:block}

/* Hammadde: ana üçlü dengeli kolonlar; geri dönüştürülmüş seçenek ayrı satır. Kartlar tipografik (görsel tekrarı yok). */
.ana .pg-hammadde-kartlar>.pg-kiyas{grid-template-columns:repeat(3,minmax(0,1fr))}
.ana-hammadde-ikincil{margin-top:32px;padding-top:24px;border-top:1px dashed #b5beb0}
.ana .ana-hammadde-ikincil-etiket{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.ana .ana-hammadde-ikincil .pg-kiyas{grid-template-columns:minmax(0,1fr)}
.ana .ana-hammadde-ikincil .pg-kiyas-kart{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 28px;background:var(--sage);border-color:transparent}
.ana .ana-hammadde-ikincil .pg-kiyas-ad{font-size:28px}
.ana .ana-hammadde-ikincil .pg-kiyas-ozet{flex:1 1 320px;-webkit-line-clamp:2}
.ana .ana-hammadde-ikincil .pg-kiyas-incele{margin-top:0}
.ana .ana-hammadde-ikincil .pg-chip{background:#fff}

/* Geri dönüşüm (#geri-donusum): geniş açık sahne, görsel ~%60 (contain), ölçülü metin, hammaddeye dönüş çizgisi. */
.ana-geri-donusum{background:var(--sage);padding-block:96px 56px;scroll-margin-top:0}
.ana-gd-izgara{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:32px clamp(32px,4.4vw,64px);align-items:center}
.ana-gd-gorsel{margin:0;min-width:0}
.ana-gd-cerceve{background:var(--paper);border-radius:5px;padding:clamp(10px,1.2vw,18px)}
.ana-gd-img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;border-radius:3px}
.ana-gd-gorsel figcaption{font-size:12px;line-height:1.5;color:var(--muted);margin-top:8px}
.ana-gd-metin{min-width:0}
.ana-gd-metin .eyebrow{color:var(--accent)}
.ana .ana-gd-metin h2{margin-bottom:20px}
.ana .ana-gd-metin p:not(.eyebrow){font-size:17px;line-height:1.7;color:var(--ink);margin:0 0 16px;max-width:34em}
.ana-gd-baglantilar{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.ana-gd-etiket{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin-right:8px}
.ana-gd-terim{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--serif);font-style:italic;font-size:20px;color:var(--ink);border-bottom:1px solid #b5beb0}
.ana-gd-terim:hover{color:var(--accent)}
.ana-gd-baglantilar .text-link{font-size:14px}
.ana-gd-donus{display:flex;align-items:flex-end;gap:14px;margin-top:40px;color:#7f8b78}
.ana-gd-donus-etiket{flex:none;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;line-height:1}
.ana-gd-donus-etiket>span{color:var(--accent)}
.ana-gd-donus-cizgi{flex:1;height:28px;border-bottom:1px solid currentColor;border-right:1px solid currentColor;border-bottom-right-radius:6px;margin-bottom:5px}

/* Son yazılar: üç eşit kolon, tipografik kartlar, sola hizalı başlık. */
.ana .pg-yazi-izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.ana .pg-yazi-kart{gap:12px;padding:24px 24px 28px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink);border-radius:4px;min-height:200px}
.ana .pg-yazi-kart .pg-yazi-sure{margin-top:auto}

/* Günün terimi: tek satırlık sade şerit. */
.ana .ana-terim{padding-block:0;border-top:0}
.ana .ana-terim-serit{max-width:none;display:flex;align-items:baseline;gap:8px 20px;margin:0;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:16px;line-height:1.5;color:var(--ink)}
.ana-terim-etiket{flex:none;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent)}
.ana-terim-ad{flex:none;font-family:Manrope,Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.01em}
.ana-terim-tanim{flex:1;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ana-terim-baglanti{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:600;border-bottom:1px solid #b5beb0}
.ana-terim-baglanti:hover{color:var(--accent)}
.ana .ana-terim+.faq{border-top:0}

/* Kapanış (#iletisim): tek ana iletişim çağrısı; logolar koyu panelde değil, açık iç panelde. */
.ana-kapanis{padding-block:24px 80px;scroll-margin-top:24px}
.ana-kapanis-ic{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px clamp(32px,4vw,64px);align-items:center;background:var(--ink);color:var(--paper);border-radius:5px;padding:clamp(32px,4.4vw,64px)}
.ana-kapanis .eyebrow{color:#c5d2bc;font-size:12px;margin-bottom:18px}
.ana .ana-kapanis h2{color:var(--paper);font-size:clamp(32px,3.6vw,48px);line-height:1.12;letter-spacing:-.015em;margin-bottom:18px}
.ana .ana-kapanis-aciklama{font-size:17px;line-height:1.7;color:#d3dbcf;max-width:34em;margin:0 0 28px}
.ana-kapanis-cagri{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.ana-kapanis-cagri .button{margin-top:0;font-size:15px;gap:28px}
.ana-kapanis .ana-wa-acik{color:var(--paper);border-color:rgba(248,247,242,.4)}
.ana-kapanis .ana-wa-acik:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.ana .ana-kapanis-eposta{margin:18px 0 0;font-size:15px;color:#c5d2bc}
.ana-kapanis-eposta a{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid rgba(248,247,242,.35)}
.ana-kapanis-eposta a:hover{color:var(--paper)}
.ana-kapanis-markalar{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.ana-kapanis-markalar a{display:flex;align-items:center;gap:20px;padding:14px 20px 14px 14px;background:var(--paper);color:var(--ink);border-radius:4px;transition:background .2s}
.ana-kapanis-markalar a:hover{background:#fff}
.ana-kapanis-logo{flex:none;display:flex;align-items:center;justify-content:center;width:140px;height:88px;background:#fff;border:1px solid var(--line);border-radius:3px}
.ana-kapanis-logo-img{display:block;width:auto;max-width:128px;height:auto;max-height:66px}
.ana-kapanis-logo-img.ppu-marka-logo-ozmak{max-height:80px}
.ana-kapanis-site{font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:8px}

@media(max-width:1100px){
	.ana-markalar-ust{grid-template-columns:minmax(0,1fr)}
	.ana .ana-marka-alan-rol{font-size:16px}
	.ana-marka-alan-kimlik{flex-direction:column;align-items:flex-start}
	.ana-gd-izgara{grid-template-columns:minmax(0,1fr)}
	.ana-kapanis-ic{grid-template-columns:minmax(0,1fr)}
	.ana-kapanis-markalar{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
	.ana-markalar{padding-block:56px 40px}
	.ana-markalar-ust{margin-bottom:28px}
	.ana-markalar-izgara{grid-template-columns:minmax(0,1fr)}
	.ana-marka-alan,.ana-marka-alan+.ana-marka-alan{padding:28px 0 16px;border-left:0}
	.ana-marka-alan+.ana-marka-alan{border-top:1px solid var(--line)}
	.ana-marka-alan-gorsel{margin-bottom:22px}
	.ana-marka-alan-logokap{height:88px;width:160px}
	.ana-marka-alan-hopan .ana-marka-alan-logo{height:68px}
	.ana-marka-alan-ozmak .ana-marka-alan-logo{height:74px}
	.ana .ana-marka-alan h3{font-size:clamp(26px,7.5vw,30px)}
	.ana .ana-marka-alan-aciklama{font-size:16px}
	.ana .pg-hammadde-kartlar>.pg-kiyas{grid-template-columns:minmax(0,1fr)}
	.ana .ana-hammadde-ikincil .pg-kiyas-kart{flex-direction:column;align-items:flex-start}
	.ana .ana-hammadde-ikincil .pg-kiyas-ozet{flex-basis:auto}
	.ana-geri-donusum{padding-block:56px 40px}
	.ana .ana-gd-metin p:not(.eyebrow){font-size:16px}
	.ana-gd-donus{margin-top:28px}
	.ana .pg-yazi-izgara{grid-template-columns:minmax(0,1fr);gap:16px}
	.ana .pg-yazi-kart{min-height:0}
	.ana .ana-terim-serit{flex-wrap:wrap;padding-block:16px}
	.ana-terim-tanim{flex-basis:100%;white-space:normal;order:3}
	.ana-terim-baglanti{order:4}
	.ana-kapanis{padding-block:16px 56px}
	.ana-kapanis-ic{padding:32px 22px}
	.ana .ana-kapanis h2{font-size:32px}
	.ana .ana-kapanis-aciklama{font-size:16px}
	.ana-kapanis-markalar{grid-template-columns:minmax(0,1fr)}
	.ana-kapanis-logo{width:112px;height:76px}
	.ana-kapanis-logo-img{max-width:100px;max-height:56px}
	.ana-kapanis-logo-img.ppu-marka-logo-ozmak{max-height:68px}
}