/* =========================================================
   Akersa — iç sayfa bileşenleri
   style.css'in üzerine yüklenir; yalnızca alt sayfalarda.
   ========================================================= */

.page{ padding-top:var(--hdr); }

/* ---------- sayfa başlığı ---------- */
.phero{
  position:relative; overflow:hidden;
  padding:clamp(56px,7vw,104px) 0 clamp(40px,5vw,64px);
  border-bottom:1px solid var(--line);
  background:radial-gradient(120% 140% at 18% 0%, #232323 0%, #171717 55%, #131313 100%);
}
.crumb{ display:flex; flex-wrap:wrap; gap:8px; font-size:12.5px; color:var(--muted-2); margin-bottom:22px; }
.crumb a{ transition:color .25s var(--ease); }
.crumb a:hover{ color:var(--fg); }
.crumb span{ color:#3f3f3f; }
.phero h1{ font-size:clamp(34px,5.2vw,72px); letter-spacing:-.04em; line-height:1; }
.phero__lead{ margin-top:24px; max-width:640px; font-size:clamp(15px,1.3vw,17px); line-height:1.75; color:var(--muted); }

/* ---------- metin ---------- */
.prose{ max-width:760px; }
.prose h2{ font-size:clamp(24px,2.6vw,36px); letter-spacing:-.03em; margin:clamp(46px,5vw,68px) 0 20px; }
.prose h2:first-child{ margin-top:0; }
.prose h3{ font-size:19px; margin:34px 0 12px; }
.prose p{ font-size:15.5px; line-height:1.8; color:var(--muted); margin-bottom:18px; }
.prose ul{ display:grid; gap:11px; margin:20px 0 26px; }
.prose li{ font-size:15px; color:var(--muted); padding-inline-start:20px; position:relative; line-height:1.7; }
.prose li::before{ content:""; position:absolute; inset-inline-start:0; top:.72em; width:7px; height:1px; background:var(--muted-2); }
.prose strong{ color:#dcdcdc; font-weight:600; }

.section{ padding:clamp(64px,8vw,120px) 0; }
.section--alt{ background:var(--bg-2); border-block:1px solid var(--line); }
.section__head{ max-width:720px; margin-bottom:clamp(36px,4vw,56px); }
.section__head p{ margin-top:20px; font-size:15px; line-height:1.8; color:var(--muted); }

/* ---------- kartlar ---------- */
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.cards--4{ grid-template-columns:repeat(4,1fr); }
.card{
  padding:clamp(26px,2.6vw,38px);
  border:1px solid var(--line); border-radius:14px; background:var(--bg-2);
  transition:border-color .3s var(--ease), background .3s var(--ease);
}
.card:hover{ border-color:var(--line-2); background:var(--bg-3); }
.card__n{ font-size:12px; font-weight:600; letter-spacing:.16em; color:var(--muted-2); margin-bottom:18px; }
.card h3{ font-size:19px; margin-bottom:12px; }
.card p{ font-size:14.5px; line-height:1.75; color:var(--muted); }

/* ---------- ürünler sayfası ---------- */
.catnav{
  position:sticky; top:var(--hdr); z-index:20;
  background:#131313; border-bottom:1px solid var(--line); padding:14px 0;
}
.catnav__in{ display:flex; gap:8px; overflow-x:auto; scrollbar-width:none; }
.catnav__in::-webkit-scrollbar{ display:none; }
.catnav a{
  flex:0 0 auto; padding:9px 16px; border-radius:999px;
  border:1px solid var(--line); font-size:13px; color:var(--muted);
  transition:color .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.catnav a:hover{ color:#e0e0e0; border-color:var(--line-2); }
.catnav a.is-active{ background:var(--fg); border-color:var(--fg); color:#111; }

.catblock{
  padding:clamp(56px,6vw,92px) 0; border-bottom:1px solid var(--line);
  scroll-margin-top:calc(var(--hdr) + 68px);
}
.catblock:last-of-type{ border-bottom:0; }
.catblock__head{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:20px; flex-wrap:wrap; margin-bottom:clamp(30px,3.4vw,46px);
}
.catblock__head h2{ font-size:clamp(26px,3.2vw,44px); letter-spacing:-.035em; }
.catblock__count{ font-size:13px; color:var(--muted-2); }
.catblock__desc{ max-width:600px; margin-top:14px; font-size:15px; line-height:1.75; color:var(--muted); }

/* ---------- ürün detay ---------- */
.pdetail{
  display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(30px,4.5vw,72px); align-items:start;
}
.pdetail__shot{ background:var(--card); border:1px solid #191919; border-radius:14px; overflow:hidden; position:relative; }
.pdetail__shot img{ width:100%; aspect-ratio:1/1; object-fit:contain; }
.pdetail__shot::after{
  content:""; position:absolute; inset-inline-end:20px; bottom:20px; width:92px; height:24px;
  background:url("../img/site-logo-light.png") right center / contain no-repeat; opacity:.3;
}
.pdetail__cat{ font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2); margin-bottom:16px; }
.pdetail h1{ font-size:clamp(30px,4vw,54px); letter-spacing:-.035em; line-height:1.04; }
.pdetail__desc{ margin-top:24px; font-size:15.5px; line-height:1.8; color:var(--muted); }
.pdetail__cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:34px; }

.spec{ width:100%; border-collapse:collapse; margin-top:clamp(34px,4vw,52px); }
.spec caption{
  text-align:start; font-size:12px; font-weight:600; letter-spacing:.16em;
  text-transform:uppercase; color:var(--muted-2); padding-bottom:16px;
}
.spec th,.spec td{ text-align:start; padding:14px 0; border-bottom:1px solid var(--line); font-size:14.5px; }
.spec th{ color:var(--muted); font-weight:500; width:46%; }
.spec td{ color:#dcdcdc; }
.spec__note{ margin-top:16px; font-size:12.5px; color:var(--muted-2); line-height:1.7; }

.related{ margin-top:clamp(64px,8vw,110px); }
.related h2{ font-size:clamp(22px,2.4vw,32px); letter-spacing:-.03em; margin-bottom:28px; }
.related .grid{ grid-template-columns:repeat(4,1fr); }

/* ---------- formlar ---------- */
.form{ display:grid; gap:18px; max-width:640px; }
.form__row{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field{ display:grid; gap:8px; }
.field label{ font-size:13px; color:var(--muted); }
.field input,.field select,.field textarea{
  width:100%; padding:13px 15px;
  background:var(--bg-2); border:1px solid var(--line); border-radius:10px;
  color:var(--fg); font:inherit; font-size:14.5px;
  transition:border-color .25s var(--ease), background .25s var(--ease);
}
.field textarea{ min-height:132px; resize:vertical; }
.field input:focus,.field select:focus,.field textarea:focus{ outline:none; border-color:#5a5a5a; background:var(--bg-3); }
.field input::placeholder,.field textarea::placeholder{ color:#5a5a5a; }
.form__note{ font-size:12.5px; color:var(--muted-2); line-height:1.7; }
.form button{ justify-self:start; }

/* ---------- iletişim ---------- */
.contact{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(34px,5vw,80px); align-items:start; }
.cinfo{ display:grid; gap:28px; }
.cinfo__item h3{ font-size:12px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:var(--muted-2); margin-bottom:12px; }
.cinfo__item p,.cinfo__item a{ font-size:15.5px; line-height:1.7; color:#dcdcdc; display:block; }
.cinfo__item a:hover{ color:#fff; }
.mapwrap{ margin-top:clamp(40px,5vw,64px); border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--bg-2); }
.mapwrap iframe{ width:100%; height:clamp(300px,42vw,460px); border:0; display:block; filter:grayscale(1) invert(.92) contrast(.86); }

/* ---------- referanslar ---------- */
.refrow{
  display:grid; grid-template-columns:1.5fr 1fr .8fr .7fr; gap:20px; align-items:center;
  padding:22px 0; border-bottom:1px solid var(--line);
}
.refrow--head{ border-bottom-color:var(--line-2); padding:0 0 14px; }
.refrow__t{ font-size:16.5px; font-weight:600; letter-spacing:-.02em; }
.refrow span{ font-size:14px; color:var(--muted); }
.refhead{ font-size:11.5px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--muted-2); }

/* ---------- kariyer ---------- */
.job{ padding:26px 0; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; }
.job:first-of-type{ border-top:1px solid var(--line); }
.job h3{ font-size:18px; margin-bottom:8px; }
.job p{ font-size:14px; color:var(--muted); }

/* ---------- katalog ---------- */
.dl{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.dlitem{
  display:grid; gap:12px; align-content:start; padding:28px;
  border:1px solid var(--line); border-radius:14px; background:var(--bg-2);
  transition:border-color .3s var(--ease), background .3s var(--ease);
}
.dlitem:hover{ border-color:var(--line-2); background:var(--bg-3); }
.dlitem h3{ font-size:17px; }
.dlitem span{ font-size:12.5px; color:var(--muted-2); }

/* ---------- üretim adımları ---------- */
.steps{ display:grid; gap:0; }
.step{ display:grid; grid-template-columns:80px 1fr; gap:clamp(20px,3vw,44px); padding:clamp(28px,3.4vw,44px) 0; border-bottom:1px solid var(--line); }
.step:first-child{ border-top:1px solid var(--line); }
.step__n{ font-size:clamp(28px,3.4vw,44px); font-weight:700; letter-spacing:-.04em; color:#3a3a3a; line-height:1; }
.step h3{ font-size:20px; margin-bottom:12px; }
.step p{ font-size:15px; line-height:1.8; color:var(--muted); max-width:640px; }

/* ---------- katalog kartı + PDF görüntüleyici ---------- */
.dl--files{ grid-template-columns:repeat(2,1fr); }
.dlitem--file{ gap:14px; }
.dlitem__ico svg{
  width:30px; height:30px; fill:none; stroke:var(--accent);
  stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round;
}
.dlitem--file p{ font-size:14.5px; line-height:1.75; color:var(--muted); }
.dlitem__cta{ display:flex; gap:10px; flex-wrap:wrap; margin-top:8px; }
.dlitem__cta .btn{ padding:11px 20px; font-size:13.5px; }

.pdfview{
  margin-top:clamp(30px,4vw,48px);
  border:1px solid var(--line); border-radius:14px; overflow:hidden; background:var(--bg-2);
}
.pdfview__bar{
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap;
  padding:16px 20px; border-bottom:1px solid var(--line);
}
.pdfview__title{ font-size:16px; letter-spacing:-.02em; }
.pdfview__act{ display:flex; gap:9px; flex-wrap:wrap; }
.pdfview__act .btn{ padding:9px 16px; font-size:13px; }
.pdfview__frame{ position:relative; background:#0e0e0e; }
.pdfview__frame iframe{
  width:100%; height:clamp(460px,78vh,900px); border:0; display:block; background:#0e0e0e;
}
.pdfview__fallback{
  padding:14px 20px; font-size:13px; color:var(--muted-2);
  border-top:1px solid var(--line);
}
.pdfview__fallback a{ color:#cfcfcf; text-decoration:underline; }

@media (max-width:1024px){
  .dl--files{ grid-template-columns:1fr; }
  .cards,.cards--4{ grid-template-columns:1fr 1fr; }
  .dl{ grid-template-columns:1fr 1fr; }
  .pdetail{ grid-template-columns:1fr; }
  .contact{ grid-template-columns:1fr; }
  .related .grid{ grid-template-columns:repeat(3,1fr); }
  .refrow{ grid-template-columns:1.4fr 1fr; row-gap:6px; }
  .refrow > *:nth-child(n+3){ display:none; }
}
@media (max-width:640px){
  .cards,.cards--4,.dl{ grid-template-columns:1fr; }
  .form__row{ grid-template-columns:1fr; }
  .refrow{ grid-template-columns:1fr; }
  .job{ grid-template-columns:1fr; }
  .step{ grid-template-columns:1fr; gap:10px; }
  .related .grid{ grid-template-columns:1fr 1fr; }
}