/* V5.8 — Yalnızca ana içerik akışını tam genişliğe ölçekler.
   Mevcut tasarım, içerik, kart sırası ve etkileşimler korunur. */

/* Sol ve sağ ana bloklar artık sayfada aşağı doğru, tam genişlikte akar. */
.main-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr);
}
.left-col{
  border-right:0;
  border-bottom:1px solid var(--line);
}
.right-col{
  min-width:0;
  width:100%;
}
.main-grid > .left-col > .col-pad,
.main-grid > .right-col > .col-pad{
  width:min(1500px,92vw);
  margin-inline:auto;
  padding-inline:0;
}

/* Sağ taraftaki özgün masaüstü görünümü tam genişlikte orantılı biçimde koru. */
.right-col .workflow,
.right-col .why,
.right-col .insights{
  width:100%;
  min-width:0;
}
.right-col .flow{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2vw,34px);
}
.right-col .flow-item h3{
  font-size:clamp(12px,1vw,15px);
}
.right-col .flow-item p{
  font-size:clamp(10px,.85vw,13px);
}
.right-col .why-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(10px,1.2vw,18px);
}
.right-col .why-card{
  min-width:0;
  padding:clamp(12px,1.15vw,18px);
}
.right-col .why-card h3{
  font-size:clamp(11px,.9vw,14px);
}
.right-col .why-card p{
  font-size:clamp(9px,.78vw,12px);
}

/* İçgörü kartları özgün oranını korur; görseller kesilmez ve HD dosya bütünü görünür. */
.right-col .insights-carousel{
  width:100%;
}
.right-col .insight-card.carousel-card{
  width:clamp(290px,28vw,410px);
}
.right-col .insight-media{
  height:auto;
  aspect-ratio:16 / 9;
  display:grid;
  place-items:center;
  background:#071a38;
}
.right-col .insight-card.carousel-card img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
  image-rendering:auto;
}
.right-col .insight-card.carousel-card:hover img{
  transform:none;
}

/* Tablet: aynı görsel dil korunur, yalnızca oranlı küçülür. */
@media (max-width:900px){
  .main-grid > .left-col > .col-pad,
  .main-grid > .right-col > .col-pad{
    width:min(94vw,1500px);
  }
  .right-col .flow{
    gap:14px;
  }
  .right-col .flow:before{
    left:6%;
    right:6%;
  }
  .right-col .why-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .right-col .insight-card.carousel-card{
    width:clamp(280px,42vw,360px);
  }
}

/* Telefon: aşağı akan akış; kartların kendi oranı ve görsel bütünlüğü korunur. */
@media (max-width:680px){
  .main-grid > .left-col > .col-pad,
  .main-grid > .right-col > .col-pad{
    width:92vw;
  }
  .right-col .flow{
    grid-template-columns:1fr;
    gap:16px;
  }
  .right-col .flow:before{
    display:none;
  }
  .right-col .flow-item{
    min-height:0;
  }
  .right-col .why-grid{
    grid-template-columns:1fr;
  }
  .right-col .insights-head{
    align-items:flex-end;
  }
  .right-col .insight-card.carousel-card{
    width:min(86vw,380px);
  }
  .right-col .insight-media{
    aspect-ratio:16 / 9;
  }
}