/* ============================================================
   Anahtar Teslim Sistemler / Turnkey Systems
   Premium industrial layout - Himmet Usta
   Palette: Dark Blue #083B63, Teal #00A6A6, Green #8CC63F
   ============================================================ */
.ats-wrap{
  --ats-dark:#083B63; --ats-dark2:#0a4d80; --ats-teal:#00A6A6; --ats-green:#8CC63F;
  --ats-gray:#F5F7FA; --ats-line:#e6eaf0; --ats-text:#1f2a37; --ats-muted:#6b7684;
  background:var(--ats-gray); padding:52px 0 60px; color:var(--ats-text);
  font-family:'Jost',-apple-system,Segoe UI,Roboto,sans-serif;
}
.ats-wrap *{box-sizing:border-box;}
.ats-layout{display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:34px; align-items:start;}
@media(max-width:1100px){.ats-layout{grid-template-columns:minmax(0,1fr) 310px; gap:24px;}}
@media(max-width:991px){.ats-layout{grid-template-columns:1fr;}}

/* ---- Proje karti ---- */
.ats-project{
  display:grid; grid-template-columns:minmax(0,47%) 1fr; background:#fff;
  border:1px solid var(--ats-line); border-radius:18px; overflow:hidden;
  box-shadow:0 12px 34px rgba(8,59,99,.07); margin-bottom:32px; transition:.35s;
}
.ats-project:hover{box-shadow:0 20px 48px rgba(8,59,99,.13); transform:translateY(-3px);}
@media(max-width:680px){.ats-project{grid-template-columns:1fr;}}

.ats-project__media{position:relative; min-height:310px; overflow:hidden; background:var(--ats-dark);}
@media(max-width:680px){.ats-project__media{min-height:230px;}}
.ats-project__media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}

/* foto yoksa marka placeholder */
.ats-photo{position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:linear-gradient(135deg,#062f4f 0%,#0a4d80 52%,#00A6A6 130%); color:#fff; text-align:center; padding:24px;}
.ats-photo::before{content:""; position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
  background-size:26px 26px; opacity:.5;}
.ats-photo i{font-size:52px; opacity:.9; margin-bottom:12px; position:relative;}
.ats-photo span{font-size:13px; letter-spacing:2px; text-transform:uppercase; opacity:.75; position:relative;}

/* hotspots */
.ats-hotspot{position:absolute; width:30px; height:30px; border-radius:50%; background:var(--ats-teal); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; transform:translate(-50%,-50%);
  box-shadow:0 0 0 4px rgba(255,255,255,.5),0 5px 12px rgba(0,0,0,.35); cursor:pointer; z-index:3; transition:.25s;}
.ats-hotspot:hover{background:var(--ats-dark); transform:translate(-50%,-50%) scale(1.18);}
.ats-hotspot::after{content:""; position:absolute; inset:-4px; border-radius:50%; border:2px solid var(--ats-teal);
  opacity:.7; animation:atsPulse 2s ease-out infinite;}
@keyframes atsPulse{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.9);opacity:0}}

.ats-project__body{padding:28px 30px 26px;}
@media(max-width:480px){.ats-project__body{padding:22px;}}
.ats-project__title{font-size:23px; font-weight:700; color:var(--ats-dark); margin:0 0 8px; line-height:1.25;}
.ats-project__loc{display:inline-flex; align-items:center; gap:7px; font-size:14px; color:var(--ats-teal); font-weight:600; margin-bottom:12px;}
.ats-project__desc{font-size:14.5px; line-height:1.7; color:var(--ats-muted); margin:0 0 18px;}

/* stats */
.ats-stats{display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--ats-line); border-radius:12px; overflow:hidden; margin-bottom:22px;}
.ats-stat{padding:14px 8px; text-align:center; border-right:1px solid var(--ats-line);}
.ats-stat:last-child{border-right:0;}
.ats-stat i{color:var(--ats-teal); font-size:17px; margin-bottom:6px; display:block;}
.ats-stat__label{font-size:10.5px; text-transform:uppercase; letter-spacing:.5px; color:var(--ats-muted); margin-bottom:2px;}
.ats-stat__val{font-size:13.5px; font-weight:700; color:var(--ats-dark);}
@media(max-width:400px){.ats-stats{grid-template-columns:repeat(2,1fr);} .ats-stat:nth-child(2){border-right:0;} .ats-stat:nth-child(1),.ats-stat:nth-child(2){border-bottom:1px solid var(--ats-line);}}

.ats-btn{display:inline-flex; align-items:center; gap:9px; background:linear-gradient(135deg,var(--ats-dark),var(--ats-dark2));
  color:#fff; padding:12px 26px; border-radius:10px; font-weight:600; font-size:14px; transition:.3s; border:0;}
.ats-btn:hover{background:linear-gradient(135deg,var(--ats-teal),#008f8f); color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,166,166,.32);}
.ats-btn i{transition:.3s;}
.ats-btn:hover i{transform:translateX(4px);}

/* ---- Sidebar ---- */
.ats-side{position:sticky; top:96px;}
@media(max-width:991px){.ats-side{position:static;}}
.ats-card{background:#fff; border:1px solid var(--ats-line); border-radius:18px; overflow:hidden; box-shadow:0 12px 34px rgba(8,59,99,.07); margin-bottom:24px;}
.ats-card__head{background:linear-gradient(135deg,var(--ats-dark),var(--ats-dark2)); color:#fff; padding:16px 20px; display:flex; align-items:center; gap:11px; font-weight:700; font-size:16px;}
.ats-card__head i{color:var(--ats-green);}
.ats-eqlist{padding:6px 0;}
.ats-eq{display:flex; align-items:center; gap:12px; padding:10px 16px; border-bottom:1px solid var(--ats-line); color:var(--ats-text); transition:.2s;}
.ats-eq:last-child{border-bottom:0;}
.ats-eq:hover{background:var(--ats-gray);}
.ats-eq__num{width:23px; height:23px; border-radius:50%; background:var(--ats-dark); color:#fff; font-size:12px; font-weight:700; display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.ats-eq__img{width:42px; height:42px; border-radius:8px; background:#fff; border:1px solid var(--ats-line); object-fit:scale-down; padding:3px; flex:0 0 auto;}
.ats-eq__ph{width:42px; height:42px; border-radius:8px; background:var(--ats-gray); border:1px solid var(--ats-line); display:flex; align-items:center; justify-content:center; color:var(--ats-muted); flex:0 0 auto;}
.ats-eq__name{flex:1; font-size:13.5px; font-weight:600; line-height:1.3;}
.ats-eq__arrow{color:var(--ats-muted); transition:.2s;}
.ats-eq:hover .ats-eq__arrow{color:var(--ats-teal); transform:translateX(3px);}
.ats-viewall{display:flex; align-items:center; justify-content:center; gap:8px; margin:12px 14px 16px; background:linear-gradient(135deg,var(--ats-green),#72ab2e);
  color:#fff; padding:13px; border-radius:10px; font-weight:700; font-size:14px; transition:.3s;}
.ats-viewall:hover{color:#fff; filter:brightness(1.06); transform:translateY(-2px); box-shadow:0 8px 20px rgba(140,198,63,.35);}

/* CTA card */
.ats-ctacard{background:linear-gradient(135deg,#fff,var(--ats-gray)); border:1px solid var(--ats-line); border-radius:18px; padding:26px 24px; box-shadow:0 12px 34px rgba(8,59,99,.06);}
.ats-ctacard__ico{width:52px; height:52px; border-radius:14px; background:linear-gradient(135deg,var(--ats-dark),var(--ats-teal)); color:#fff; display:flex; align-items:center; justify-content:center; font-size:23px; margin-bottom:14px;}
.ats-ctacard__title{font-size:19px; font-weight:700; color:var(--ats-dark); margin:0 0 8px;}
.ats-ctacard__text{font-size:14px; line-height:1.65; color:var(--ats-muted); margin:0 0 18px;}
.ats-ctacard__btn{display:inline-flex; align-items:center; gap:9px; background:var(--ats-dark); color:#fff; padding:12px 24px; border-radius:10px; font-weight:600; font-size:14px; transition:.3s;}
.ats-ctacard__btn:hover{background:var(--ats-teal); color:#fff; transform:translateY(-2px);}

/* features bar */
.ats-features{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:14px; padding:30px; background:#fff; border:1px solid var(--ats-line); border-radius:18px; box-shadow:0 12px 34px rgba(8,59,99,.06);}
@media(max-width:900px){.ats-features{grid-template-columns:repeat(2,1fr); gap:22px;}}
@media(max-width:480px){.ats-features{grid-template-columns:1fr;}}
.ats-feature{display:flex; gap:14px; align-items:flex-start;}
.ats-feature__ico{width:46px; height:46px; flex:0 0 auto; border-radius:12px; background:var(--ats-gray); color:var(--ats-teal); display:flex; align-items:center; justify-content:center; font-size:22px;}
.ats-feature__t{font-size:15px; font-weight:700; color:var(--ats-dark); margin:2px 0 4px;}
.ats-feature__x{font-size:13px; line-height:1.55; color:var(--ats-muted); margin:0;}

.ats-empty{background:#fff; border:1px dashed var(--ats-line); border-radius:16px; padding:50px; text-align:center; color:var(--ats-muted);}

/* ---- Detay sayfasi ekstra ---- */
.ats-back{display:inline-flex; align-items:center; gap:8px; color:var(--ats-teal); font-weight:600; font-size:14px; margin-bottom:18px;}
.ats-detail-hero{position:relative; border-radius:18px; overflow:hidden; min-height:380px; background:var(--ats-dark); box-shadow:0 14px 40px rgba(8,59,99,.12); margin-bottom:22px;}
@media(max-width:680px){.ats-detail-hero{min-height:240px;}}
.ats-detail-hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.ats-detail__title{font-size:28px; font-weight:700; color:var(--ats-dark); margin:0 0 8px;}
.ats-detail__desc{font-size:15px; line-height:1.8; color:#3d4756; margin:16px 0 0;}
.ats-gallery{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:22px;}
@media(max-width:560px){.ats-gallery{grid-template-columns:repeat(2,1fr);}}
.ats-gallery a{border-radius:12px; overflow:hidden; border:1px solid var(--ats-line); aspect-ratio:4/3; background:#fff;}
.ats-gallery img{width:100%; height:100%; object-fit:cover; transition:.4s;}
.ats-gallery a:hover img{transform:scale(1.08);}