/* kurucum-index.css — yalnızca index sayfası için. kurucum.css'ten SONRA yüklenir (slayt davranışı: kurucum-index.js).
   Tüm sınıflar kh- ile başlar; diğer sayfaları etkilemez. Geri dönmek için index'teki <link>'i silmek yeter. */

.kh{
  --kh-green:#0e5a2b;
  --kh-green-soft:#e4eed6;
  --kh-ink:#3b2f27;
  --kh-muted:#6b5d52;
  --kh-paper:#f6eed8;
  --kh-apricot:#e49b2f;
  --kh-line:#e3d8bd;
  color:var(--kh-ink);
  font-family:Tahoma,Verdana,Segoe,sans-serif;
  box-sizing:border-box;
}
.kh *,.kh *::before,.kh *::after{box-sizing:border-box}

/* ---------- Hero ---------- */
.kh-hero{background:#fffdf6}
.kh-hero-in{
  max-width:1120px;margin:0 auto;padding:40px 24px 20px;
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:stretch;
}
/* Başlık: sitedeki normal h1 (kurucum.css) kullanılır; boyut, renk, yazı tipi ve yaprak logolu çizgi oradan gelir.
   Burada yalnızca sütun genişliğine oturtuyoruz: çizgi (h1 + 2*--ext) metin sütununun tam genişliğini kaplar. */
.kh .kh-title{--ext:40px;width:calc(100% - 80px);max-width:none;min-width:0;margin:0 auto 6px}
.kh .kh-logo{display:block;width:auto;max-width:min(100%,300px);max-height:110px;height:auto;margin:0 auto;border:0;padding:0;border-radius:0}
.kh .kh-text{text-align:center}
.kh .kh-sub{
  --ext:40px;
  display:block;width:auto;max-width:none;min-width:0;margin:2px 0 0;text-align:center;text-transform:capitalize;
  /* sitedeki h1 ile aynı: Alex Brush, #007723 (kurucum.css) */
  font-family:"Alex Brush";font-weight:normal;font-size:clamp(24px,2.5vw,32px);line-height:1.3;letter-spacing:0;color:#007723;white-space:nowrap;
}
.kh .kh-sub::after{
  content:"";display:block;height:28px;width:100%;max-width:none;margin:8px 0 6px;
  background:url(images/kurucum-yaprak.webp) calc(50% + 3px) center/42px auto no-repeat,linear-gradient(90deg,rgba(169,201,124,0) 0,rgba(169,201,124,.06) calc(var(--ext) * .3),rgba(169,201,124,.3) calc(var(--ext) * .65),rgba(169,201,124,.85) var(--ext)) left center/calc(50% - 28px) 1px no-repeat,linear-gradient(270deg,rgba(169,201,124,0) 0,rgba(169,201,124,.06) calc(var(--ext) * .3),rgba(169,201,124,.3) calc(var(--ext) * .65),rgba(169,201,124,.85) var(--ext)) right center/calc(50% - 28px) 1px no-repeat;
}
.kh .kh-lead{
  font-size:17px;line-height:1.6;color:var(--kh-ink);text-align:justify;hyphens:auto;-webkit-hyphens:auto;
  width:auto;max-width:none;margin:0;
}
/* ---------- Fotoğraf slaytı (730 x 467 = 730/487 oranı) ---------- */
.kh-slider{position:relative;margin:0;min-width:0}
.kh-slides{
  display:flex;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  aspect-ratio:730/487;background:var(--kh-line);
  /* Yaprak köşe: karşılıklı iki köşe büyük yuvarlak, diğer ikisi sivri uç.
     Daha belirgin/yumuşak yapmak için yalnızca --kh-leaf değerini değiştirmek yeter. */
  --kh-leaf:110px;--kh-tip:6px;
  border-radius:var(--kh-leaf) var(--kh-tip) var(--kh-leaf) var(--kh-tip);
  box-shadow:0 18px 40px -18px rgba(59,47,39,.45);
}
.kh-slides::-webkit-scrollbar{display:none}
.kh-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;margin:0}
.kh-slide img{
  display:block;width:100%;height:100%;object-fit:cover;
  border:0;padding:0;margin:0;border-radius:0;
}

/* ---------- Üç bilgilendirme kartı ---------- */
.kh-cards{
  max-width:1120px;margin:0 auto;padding:20px 24px 8px;
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;
}
.kh-card{
  display:flex;flex-direction:column;background:#fffdf6;border:1px solid var(--kh-line);
  border-radius:16px;overflow:hidden;
}
.kh-card-img{display:block;aspect-ratio:730/487;overflow:hidden;background:var(--kh-paper)} /* orijinal 336x224 (3:2) oranı: kırpma yok */
.kh-card-img img{width:100%;height:100%;object-fit:cover;display:block;border:0;padding:0;margin:0;border-radius:0}
.kh-card-body{display:flex;flex-direction:column;flex:1;padding:20px 22px 22px}
.kh .kh-card h2{
  /* sitedeki h2 ile aynı: Tahoma, kalın, #ff8000 (kurucum.css) */
  font-family:Tahoma,Verdana,Segoe,sans-serif;font-weight:bold;font-size:20px;line-height:1.25;color:#007723;
  text-align:center!important;text-transform:capitalize;margin:0 0 8px;padding:0;
}
.kh .kh-card p{
  flex:1;font-size:15px;line-height:1.6;color:var(--kh-ink);text-align:center;
  width:auto;margin:0 0 16px;min-height:0;
}
.kh .kh-card a.kh-more:link,.kh .kh-card a.kh-more:visited{
  align-self:center;font:700 15px/1 Tahoma,Verdana,Segoe,sans-serif;
  color:var(--kh-green);text-decoration:none;
  padding:10px 0;border-bottom:2px solid var(--kh-apricot);
}
.kh .kh-card a.kh-more:hover{color:#0b4722;text-decoration:none;border-bottom-color:var(--kh-green)}

/* ---------- Ürün bölüm başlıkları: eskiden h1'di, şimdi h2; görünüm birebir aynı (kh-section) ---------- */
h2.kh-section{
  display:block;font-size:2em;font-weight:normal;font-family:"Alex Brush";color:#007723;
  text-align:center!important;text-transform:capitalize;
  width:fit-content;max-width:calc(100% - 20px);min-width:min(190px,calc(100% - 20px));
  margin:0 auto 7px;padding:47px 0 0;border:0; /* üst boşluk padding: önceki galeri float olduğu için margin-top clear tarafından yutuluyordu */
}
@media (max-width:900px){h2.kh-section{margin:0 auto 7px;padding-top:33px}}
h2.kh-section::after{
  content:"";display:block;height:28px;width:calc(100% + 2 * var(--ext));max-width:none;
  margin:8px calc(-1 * var(--ext)) 0;
  background:url(images/kurucum-yaprak.webp) calc(50% + 3px) center/42px auto no-repeat,linear-gradient(90deg,rgba(169,201,124,0) 0,rgba(169,201,124,.06) calc(var(--ext) * .3),rgba(169,201,124,.3) calc(var(--ext) * .65),rgba(169,201,124,.85) var(--ext)) left center/calc(50% - 28px) 1px no-repeat,linear-gradient(270deg,rgba(169,201,124,0) 0,rgba(169,201,124,.06) calc(var(--ext) * .3),rgba(169,201,124,.3) calc(var(--ext) * .65),rgba(169,201,124,.85) var(--ext)) right center/calc(50% - 28px) 1px no-repeat;
}

/* ---------- Masaüstü: fotoğraf, metin sütununun üst (logo) ve alt (son satır) hizasına oturur ---------- */
@media (min-width:901px){
  .kh-slider{display:flex}
  .kh-slides{flex:1;aspect-ratio:auto;min-height:340px}
  .kh-slide{position:relative}
  .kh-slide img{position:absolute;top:0;left:0}
}

/* ---------- Dar ekran ---------- */
@media (max-width:900px){
  .kh-hero-in{grid-template-columns:1fr;gap:24px;padding:20px 16px 12px}
  .kh-slider{display:none} /* mobilde fotoğraf slaytı yok: logo menünün hemen altında açılır */
  .kh .kh-title{--ext:10px;width:calc(100% - 20px)}
  .kh .kh-sub{--ext:10px;font-size:clamp(22px,6.4vw,30px);margin-top:6px}
  .kh .kh-lead{font-size:16px}
  .kh-cards{grid-template-columns:1fr;padding:12px 16px 4px;gap:16px}
  .kh-card{max-width:520px;width:100%;margin:0 auto}
  .kh-card-body{padding:14px 16px}
  .kh .kh-card h2{font-size:16px}
  .kh .kh-card p{font-size:14px;margin-bottom:10px}
}
@media (prefers-reduced-motion:reduce){.kh *{transition:none!important}}