/* page-uretim.php */

@import url("./_page-hero.css");

/* ── Video Grid ─────────────────────────────────────────────────────────────── */
.uretim-videos{background:var(--paper);color:var(--ink)}

/* 2 kolon — satır 1-3: 2'şer video, 7. video ortalı max-width */
.uretim-video-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
  margin-top:56px;
}
.uretim-video-item:last-child{
  grid-column:1 / -1;
  max-width:720px;
  width:100%;
  margin:0 auto;
}

.uretim-video-wrap{
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  border-radius:10px;
  background:var(--paper-3);
}

.uretim-video-el{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
}

.uretim-video-meta{
  display:flex;align-items:center;gap:10px;
  margin-top:10px;
}
.uretim-video-num{
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:11px;font-weight:600;letter-spacing:.16em;
  color:var(--olive-d);
  padding:3px 8px;
  border:1px solid var(--olive-d);border-radius:99px;
  flex:0 0 auto;
}

/* ── Üretim Adımları ─────────────────────────────────────────────────────────── */
.uretim-steps{background:var(--paper);color:var(--ink)}

.steps-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:48px;
}

.step-img{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:12px;
  margin-bottom:28px;
  background:var(--paper-3);
}
.step-img img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .5s cubic-bezier(.2,.7,.2,1);
}
.step:hover .step-img img{transform:scale(1.04)}

.step-num{
  display:inline-block;
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:12px;font-weight:600;letter-spacing:.18em;
  color:var(--olive-d);
  padding:4px 10px;
  border:1px solid var(--olive-d);
  border-radius:99px;
  margin-bottom:16px;
}
.step-title{
  font-size:clamp(22px,2.4vw,28px);
  font-weight:600;letter-spacing:-.015em;line-height:1.15;
  color:var(--ink);margin:0 0 10px;
}
.step-lede{
  font-size:15px;font-weight:500;
  color:var(--ink);margin:0 0 16px;
  letter-spacing:-.005em;
}
.step-body p:not(.step-lede){
  font-size:15px;line-height:1.75;
  color:var(--ink-2);margin:0;
}

/* ── Tanklarımız ─────────────────────────────────────────────────────────────── */
.uretim-tanks{background:var(--paper);color:var(--ink)}

.uretim-tanks-split{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);
  gap:64px;
  align-items:start;
}

/* Sol kolon — kaydırırken sabit kalan metin */
.uretim-tanks-text{
  position:sticky;
  top:96px;
  display:flex;flex-direction:column;
}
.uretim-tanks-text .eyebrow{margin-bottom:14px}
.uretim-tanks-title{
  font-size:clamp(28px,3.4vw,44px);
  font-weight:600;letter-spacing:-.02em;line-height:1.1;
  color:var(--ink);margin:0 0 18px;
}
.uretim-tanks-title i{font-style:normal;color:var(--olive-d);font-weight:inherit}
.uretim-tanks-lede{
  font-size:18px;font-weight:500;line-height:1.5;
  color:var(--ink);margin:0 0 24px;letter-spacing:-.005em;
}
.uretim-tanks-text p:not(.uretim-tanks-lede){
  font-size:16px;line-height:1.85;
  color:var(--ink-2);margin:0 0 18px;
}
.uretim-tanks-text p:last-child{margin-bottom:0}
.uretim-tanks-text strong{color:var(--ink)}

/* Sağ kolon — alt alta iki görsel */
.uretim-tanks-media{
  display:flex;flex-direction:column;gap:24px;
}
.uretim-tank-img{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:14px;
  background:var(--paper-3);
  box-shadow:0 22px 50px -28px rgba(0,0,0,.45);
}
.uretim-tank-img img{
  width:100%;height:100%;
  object-fit:cover;
  display:block;
  transition:transform .6s cubic-bezier(.2,.7,.2,1);
}
.uretim-tank-img:hover img{transform:scale(1.04)}

/* ── Blog / Erken Hasat Yazıları ─────────────────────────────────────────────── */
.uretim-blog{background:var(--paper-2);color:var(--ink)}

.uretim-blog-head{
  text-align:center;
  max-width:560px;margin:0 auto 72px;
  display:flex;flex-direction:column;align-items:center;gap:14px;
}
.uretim-blog-head .eyebrow{
  font-size:11px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--olive-d);font-weight:600;
}
.uretim-blog-title{
  font-size:clamp(32px,4vw,52px);
  font-weight:500;letter-spacing:-.025em;line-height:1.05;
  margin:0;color:var(--ink);
}
.uretim-blog-title i{font-style:normal;color:var(--olive-d);font-weight:inherit}
.uretim-blog-lede{
  font-size:16px;line-height:1.6;color:var(--ink-2);margin:0;
}

.uretim-articles{
  max-width:720px;margin:0 auto;
  display:flex;flex-direction:column;gap:64px;
}
.uretim-article{
  position:relative;
  padding-top:56px;
}
.uretim-article::before{
  content:"";position:absolute;left:0;right:0;top:0;
  height:1px;background:var(--line-d);
}
.uretim-article:first-child{padding-top:0}
.uretim-article:first-child::before{display:none}

.uretim-article-num{
  display:inline-block;
  font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  font-size:12px;font-weight:600;letter-spacing:.18em;
  color:var(--olive-d);
  padding:4px 10px;
  border:1px solid var(--olive-d);border-radius:99px;
  margin-bottom:18px;
}
.uretim-article h3{
  font-size:clamp(22px,2.6vw,30px);font-weight:600;
  line-height:1.15;letter-spacing:-.015em;
  color:var(--ink);margin:0 0 20px;
}
.uretim-article .lead{
  font-size:18px;line-height:1.55;font-weight:500;
  color:var(--ink);margin:0 0 18px;letter-spacing:-.005em;
}
.uretim-article > p:not(.lead){
  font-size:15.5px;line-height:1.85;color:var(--ink-2);margin:0 0 16px;
}
.uretim-article > p:last-child{margin-bottom:0}

/* ── CTA ─────────────────────────────────────────────────────────────────────── */
.uretim-cta{
  background:linear-gradient(180deg,#f8f7f0 0%,#f1ede0 100%);
  color:var(--ink);
  padding:70px 0;text-align:center;
}
.uretim-cta-inner{max-width:600px;margin:0 auto}
.uretim-cta .sec-title{
  font-size:clamp(22px,3vw,30px);font-weight:700;margin:0 auto 12px;color:var(--ink);
}
.uretim-cta p{font-size:15px;color:var(--ink-2);margin:0 0 24px;line-height:1.6}
.uretim-cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ── Responsive ──────────────────────────────────────────────────────────────── */
@media (max-width:960px){
  .steps-grid{grid-template-columns:1fr;gap:40px}
  .step-img{aspect-ratio:16/7}
  .uretim-video-grid{grid-template-columns:1fr;gap:14px}
  .uretim-video-item:last-child{max-width:100%}
  .uretim-tanks-split{grid-template-columns:1fr;gap:32px}
  .uretim-tanks-text{position:static;top:auto}
  .uretim-tanks-media{gap:16px}
}

@media (max-width:560px){
  .uretim-video-grid{gap:12px}
  .uretim-article h3{font-size:20px}
  .uretim-article .lead{font-size:16px}
  .uretim-blog-head{margin-bottom:48px}
}