/* Panelden gelen içerik: ilan ve makale kartları (ana sayfa + ilan.html + makale.html) */
.ilg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;row-gap:56px}
.ik{display:flex;flex-direction:column;color:inherit}
.ik .ph{position:relative;overflow:hidden;aspect-ratio:4/3;background:#e9e9e9}
.ik .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.ik:hover .ph img{transform:scale(1.05)}
.ik .tr{position:absolute;left:14px;top:14px;background:#fff;color:#000;font-size:12px;font-weight:500;text-transform:uppercase;padding:5px 10px}
.ik .dr{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:clamp(22px,2.4vw,34px);font-weight:600;text-transform:uppercase;letter-spacing:-.02em}
.ik .mt{margin-top:16px;font-size:13px;text-transform:uppercase;color:#7F7F7F}
.ik h3{font-size:clamp(17px,1.5vw,21px);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;line-height:1.25;margin-top:6px}
.ik .ft{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid #EAEAEA;margin-top:16px}
.ik .ft b{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.02em}
.ik .ft span{font-size:14px;color:#444;white-space:nowrap}
/* öne çıkan: tam genişlik, iki sütun */
.ik.oc{grid-column:1/-1;display:grid;grid-template-columns:1.6fr 1fr;gap:0;background:#000;color:#fff}
.ik.oc .ph{aspect-ratio:16/10}
.ik.oc .tx{padding:40px 36px;display:flex;flex-direction:column}
.ik.oc .mt{margin-top:0;color:#9a9a9a}
.ik.oc h3{font-size:clamp(26px,2.8vw,42px);font-weight:600;line-height:1.1;letter-spacing:-.024em;margin-top:14px}
.ik.oc .oz{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.ik.oc .oz i{font-style:normal;font-size:13px;background:#1c1c1c;padding:6px 10px}
.ik.oc .ft{border-color:#2a2a2a;margin-top:auto;padding-top:22px}
.ik.oc .ft b{font-size:clamp(24px,2.4vw,34px)}
.ik.oc .ft span{color:#bdbdbd}
.ik.oc .yz{display:inline-flex;align-items:center;gap:10px;margin-top:22px;font-size:14px;font-weight:500;text-transform:uppercase}
.ik.oc .yz svg{width:16px;height:16px}
/* makale kartı */
.ykg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.yk{display:flex;flex-direction:column;background:#fff;border:1px solid #f0f0f0;padding:12px;color:inherit}
.yk .ph{overflow:hidden;aspect-ratio:16/10;background:#e9e9e9}
.yk .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.yk:hover .ph img{transform:scale(1.05)}
.yk .tx{padding:20px 12px 12px;display:flex;flex-direction:column;flex:1}
.yk .mt{display:flex;gap:10px;align-items:center;font-size:12px;text-transform:uppercase;color:#7F7F7F}
.yk .mt i{width:5px;height:5px;background:#000}
.yk h3{font-size:clamp(17px,1.4vw,20px);font-weight:500;text-transform:uppercase;letter-spacing:-.01em;line-height:1.25;margin-top:14px}
.yk p{color:#444;font-size:15px;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.yk .dv{margin-top:auto;padding-top:20px;font-size:13px;font-weight:500;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}
.yk .dv svg{width:15px;height:15px;transition:transform .25s}
.yk:hover .dv svg{transform:translateX(4px)}
@media(max-width:1100px){
  .ilg,.ykg{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px}
  .ik.oc{grid-template-columns:1fr}
  .ik.oc .tx{padding:28px 24px}
}
@media(max-width:640px){
  .ilg,.ykg{grid-template-columns:1fr;row-gap:40px}
  .ik.oc .ph{aspect-ratio:4/3}
}