/* === SAYFA: makina-parkuru ==============================
   Bu dosyayı iki şablon yüklüyor:
   - makina/index  → .machines-area > .head + .items (kart ızgarası)
   - makina/page   → .machines-area > .in           (tek makina detayı)
   Ortak sınıf adları (.item, .axes) iki şablonda farklı anlamda
   kullanıldığı için kurallar .items / .in altında ayrı tutuluyor.
   ======================================================== */
#page-makina-parkuru .machines-area{max-width:var(--wrap);margin:0 auto;padding:110px var(--gut) 120px}

/* --- makina/index: kart ızgarası ------------------------ */
#page-makina-parkuru .machines-area.grid{padding-bottom:40px}
#page-makina-parkuru .machines-area .head{margin-bottom:40px}
#page-makina-parkuru .machines-area .head .note{font-size:13px;color:var(--muted-2)}

#page-makina-parkuru .items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#page-makina-parkuru .items .item{display:flex;flex-direction:column}
#page-makina-parkuru .items .zoom-well{height:240px;flex:none;background:var(--bg-soft);border-bottom:1px solid var(--line)}
#page-makina-parkuru .items .zoom-well.empty{display:flex;align-items:center;justify-content:center}
#page-makina-parkuru .items .txt{display:flex;flex-direction:column;flex:1 1 auto;padding:26px 26px 28px}
#page-makina-parkuru .items .kicker{display:block;margin-bottom:14px}
#page-makina-parkuru .items .t{font-size:26px;font-weight:300;letter-spacing:-0.02em;margin-bottom:22px;text-wrap:balance}
#page-makina-parkuru .items .texts{margin:0 0 20px;font-size:15px}
#page-makina-parkuru .items .tags{margin-top:auto;gap:8px}
#page-makina-parkuru .items .tags span{padding:7px 14px;font-size:12px}

/* kart içi X / Y / Z */
#page-makina-parkuru .items .axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);margin-bottom:22px}
#page-makina-parkuru .items .axes .ax{padding:16px 12px 0;border-left:1px solid var(--line)}
#page-makina-parkuru .items .axes .ax:first-child{padding-left:0;border-left:0}
#page-makina-parkuru .items .axes .ax:last-child{padding-right:0}
#page-makina-parkuru .items .axes .d{font-size:10px;letter-spacing:0.14em;color:var(--muted-2);text-transform:uppercase;margin-bottom:8px}
#page-makina-parkuru .items .axes .v{font-size:19px;font-weight:400}

/* --- makina/index: kapasite tablosu --------------------- */
#page-makina-parkuru .table-area{max-width:var(--wrap);margin:0 auto;padding:70px var(--gut) 120px}
#page-makina-parkuru .table-area .kicker{display:block;margin-bottom:24px}
#page-makina-parkuru .table-area .row{grid-template-columns:minmax(0,3fr) minmax(0,3fr) minmax(0,2fr);gap:24px;padding:18px 0}
#page-makina-parkuru .table-area .row .t{font-size:17px;font-weight:400;letter-spacing:0}
#page-makina-parkuru .table-area .row .d{font-size:15px}
#page-makina-parkuru .table-area .row .size{font-size:15px;text-align:right}

/* --- makina/page: tek makina detayı --------------------- */
#page-makina-parkuru .machines-area .in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:64px;align-items:start}
#page-makina-parkuru .detail .kicker{display:block;margin-bottom:20px}
#page-makina-parkuru .detail h2{margin:0 0 40px;font-size:64px;line-height:1.02;font-weight:300;letter-spacing:-0.03em}
#page-makina-parkuru .detail .axes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink)}
#page-makina-parkuru .detail .axes .item{padding:24px}
#page-makina-parkuru .detail .axes .item:first-child{padding-left:0}
#page-makina-parkuru .detail .axes .item:last-child{padding-right:0}
#page-makina-parkuru .detail .axes .item + .item{border-left:1px solid var(--line)}
#page-makina-parkuru .detail .axes .d{font-size:11px;letter-spacing:0.12em;color:var(--muted-2);text-transform:uppercase;margin-bottom:12px}
#page-makina-parkuru .detail .axes .t{font-size:32px;font-weight:300;letter-spacing:-0.02em}
#page-makina-parkuru .detail .tags{margin-top:32px}
#page-makina-parkuru .detail .texts{margin-top:32px;max-width:480px}
#page-makina-parkuru .detail .link{margin-top:32px}
#page-makina-parkuru .list .cover{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:24px}
#page-makina-parkuru .list .cover img{width:100%;height:auto}
#page-makina-parkuru .list .texts p{margin:0 0 16px;font-size:16px;line-height:1.7;color:var(--muted)}

/* --- kalite kontrol — koyu paralaks bölge --------------- */
#page-makina-parkuru .quality-area{background:var(--dark-2);color:#fff}
#page-makina-parkuru .quality-area img{opacity:0.2}
#page-makina-parkuru .quality-area .txt{
  max-width:var(--wrap);margin:0 auto;min-height:100vh;padding:120px var(--gut);
  display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:80px;align-items:center;
}
#page-makina-parkuru .quality-area .kicker{display:block;margin-bottom:24px}

/* panelden gelen editör içeriği */
#page-makina-parkuru .quality-area .lead h2,
#page-makina-parkuru .quality-area .lead h3{margin:0 0 24px;font-size:44px;line-height:1.1;font-weight:300;letter-spacing:-0.025em}
#page-makina-parkuru .quality-area .lead p{margin:0;font-size:17px;line-height:1.75;color:#d4d4d4;text-wrap:pretty}

@media (max-width:1280px){
  #page-makina-parkuru .items{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1024px){
  #page-makina-parkuru .machines-area{padding:70px var(--gut) 90px}
  #page-makina-parkuru .machines-area.grid{padding-bottom:24px}
  #page-makina-parkuru .table-area{padding:56px var(--gut) 90px}
  #page-makina-parkuru .items .t{font-size:22px}
  #page-makina-parkuru .machines-area .in{grid-template-columns:minmax(0,1fr);gap:56px}
  #page-makina-parkuru .detail h2{font-size:44px;margin-bottom:28px}
  #page-makina-parkuru .detail .axes .t{font-size:24px}
  #page-makina-parkuru .quality-area .txt{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:90px var(--gut)}
  #page-makina-parkuru .quality-area .lead h2{font-size:30px}
}
@media (max-width:768px){
  #page-makina-parkuru .machines-area .head{flex-direction:column;align-items:flex-start;gap:10px}
  #page-makina-parkuru .table-area .row{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}
  #page-makina-parkuru .table-area .row .size{text-align:left}
}
@media (max-width:560px){
  #page-makina-parkuru .items{grid-template-columns:minmax(0,1fr)}
  #page-makina-parkuru .items .txt{padding:24px}
  #page-makina-parkuru .items .axes .v{font-size:17px}
  #page-makina-parkuru .detail h2{font-size:34px}
  #page-makina-parkuru .detail .axes .item{padding:16px 12px}
  #page-makina-parkuru .detail .axes .t{font-size:18px}
}