/* ARTİEKRAN tema (2.0): lacivert + turuncu kurumsal görünüm. site.css'in üstüne biner. */
:root{--lac:#0F2A4A;--lac2:#17385E;--cizgi-k:#2B4A70;--vurgu:#E8590C;--vurgu-k:#FF7A3A;--vurgu-yazi:#C74A09;--soluk-k2:#9DB0C8;--soluk-k:#CBD7E6;--zemin:#F1F4F8;--cizgi:#DBE3EE;--cizgi2:#CBD6E4;--koyu2:#0A1D36}
.ustbar{background:var(--koyu2);color:var(--soluk-k2);font-size:13px}
.ustbar .kap{display:flex;justify-content:space-between;align-items:center;min-height:36px}
.ustbar a{color:var(--soluk-k2);text-decoration:none}.ustbar a:hover{color:#fff}
.ustbar-sol{display:flex;gap:22px}
.ustbar .diller a{color:var(--soluk-k2)}.ustbar .diller a[aria-current]{color:#fff;background:transparent;border:1px solid var(--cizgi-k)}
.ust{background:#fff;color:var(--lac);border-bottom:1px solid var(--cizgi)}
.ust .kap{min-height:78px}
.logo,.logo:hover{color:var(--lac)}
.menu a,.menu summary{color:#2A3B52;font-weight:600}
.menu a:hover,.menu summary:hover,.menu a[aria-current=page]{color:var(--vurgu)}
.dugme.koyu-dugme{background:var(--lac);color:#fff;border-color:var(--lac)}
.dugme.koyu-dugme:hover{background:var(--koyu2);color:#fff}
.kategori{background:var(--lac)}
.kategori .kap{display:flex;overflow-x:auto;scrollbar-width:none}
.kategori .kap::-webkit-scrollbar{display:none}
.kategori a{color:#fff;text-decoration:none;padding:15px 22px;font-size:14px;font-weight:600;display:flex;gap:10px;align-items:center;white-space:nowrap;border-right:1px solid rgba(255,255,255,.12)}
.kategori a:first-child{border-left:1px solid rgba(255,255,255,.12)}
.kategori a:hover,.kategori a[aria-current=page]{background:var(--lac2);color:#fff}
@media (max-width:900px){
  .ustbar-sol a:first-child{display:none}
  .mobil-ac summary{color:var(--lac);border-color:var(--cizgi2)}
  .mobil-panel{background:#fff;border-top:1px solid var(--cizgi);top:78px}
  .mobil-panel a{color:var(--lac);border-bottom-color:var(--cizgi)}
  .mobil-panel .alt{color:#2A3B52}.mobil-panel .grup{color:var(--soluk)}
  .ust .dugme.kucuk{display:none}
}
/* Ana sayfa: açılış */
.kahraman{position:relative;min-height:600px;background:var(--koyu2);overflow:hidden;color:#fff}
.kahraman>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.kahraman:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,54,.95) 0%,rgba(10,29,54,.75) 45%,rgba(10,29,54,.1) 100%);z-index:1}
.kahraman .kap{position:relative;z-index:2;min-height:600px;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:40px}
.kahraman .et{letter-spacing:.14em;font-size:13px;color:#FFAE80;font-weight:700;margin-bottom:18px;text-transform:uppercase}
.kahraman h1{font-size:clamp(36px,5.2vw,58px);line-height:1.06;max-width:11em;margin-bottom:22px;color:#fff}
.kahraman p.l{font-size:19px;max-width:30em;color:#D5E0EE;margin-bottom:32px}
.kahraman .dugmeler{display:flex;gap:14px;flex-wrap:wrap}
.dugme.hayalet{border:1.5px solid rgba(255,255,255,.7);color:#fff;background:transparent}
.dugme.hayalet:hover{background:rgba(255,255,255,.12);color:#fff}
/* sekmeli ürün listesi */
.urun-bolum{padding:88px 0}
.eti{font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--vurgu);margin-bottom:12px;text-transform:uppercase}
.urun-bolum h2,.dnm-bolum h2,.tk h2,.fark-bolum h2,.sekt-bolum h2{color:var(--lac)}
.urun-alt{color:#566475;font-size:17px;margin:8px 0 32px;max-width:40em}
.urun-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.urun-kart{border:1px solid var(--cizgi);display:flex;flex-direction:column;background:#fff;text-decoration:none;color:inherit;transition:.2s}
.urun-kart:hover{border-color:var(--lac);box-shadow:0 18px 30px -20px rgba(15,42,74,.5)}
.urun-kart img{aspect-ratio:4/3;object-fit:cover;width:100%;background:var(--zemin)}
.urun-kart b{padding:16px 18px 2px;color:var(--lac);font-size:17px}
.urun-kart span{padding:0 18px 12px;font-size:14px;color:#566475}
.urun-kart em{font-style:normal;padding:0 18px 18px;font-size:13px;font-weight:700;color:var(--vurgu);margin-top:auto}
.urun-kart.secim{background:var(--lac);color:#fff;justify-content:center;padding:26px}
.urun-kart.secim b{color:#fff;padding:0;font-size:21px}.urun-kart.secim span{color:#CBD7E6;padding:8px 0 16px}
/* donanım kutuları */
.dnm-bolum{background:var(--zemin);padding:88px 0}
.dnm-kutular{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px}
.dnm-kutu{position:relative;min-height:290px;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;text-decoration:none}
.dnm-kutu img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.4s}
.dnm-kutu:hover img{transform:scale(1.05)}
.dnm-kutu:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,29,54,.92),rgba(10,29,54,.05) 70%);z-index:1}
.dnm-kutu b,.dnm-kutu span{position:relative;z-index:2;color:#fff}.dnm-kutu b{font-size:22px}.dnm-kutu span{font-size:14px;color:#CFDCED}
/* teknik */
.tk{padding:88px 0}
.tk .iki{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tk img{background:#fff;border:1px solid var(--cizgi);width:100%;height:auto}
.ozel{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--cizgi);margin:26px 0 28px}
.ozel div{padding:16px 20px;border-bottom:1px solid var(--cizgi);font-size:15px}
.ozel div:nth-child(odd){border-right:1px solid var(--cizgi);color:#566475}
.ozel div:nth-last-child(-n+2){border-bottom:0}.ozel b{color:var(--lac)}
/* farklar */
.fark-bolum{padding:0 0 88px}
.fark{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.fark div{padding:34px 28px;border-right:1px solid var(--cizgi)}.fark div:last-child{border-right:0}
.fark svg{color:var(--vurgu);margin-bottom:14px}
.fark b{display:block;color:var(--lac);font-size:19px;margin-bottom:6px}.fark span{font-size:14px;color:#566475}
/* sektörler */
.sekt-bolum{background:var(--zemin);padding:88px 0}
.sekt{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.sekt a{background:#fff;border:1px solid var(--cizgi);padding:22px;font-weight:600;color:var(--lac);display:flex;justify-content:space-between;text-decoration:none}
.sekt a:after{content:"→";color:var(--vurgu)}.sekt a:hover{border-color:var(--lac)}
/* deneme bandı */
.deneme-bandi{background:var(--lac);color:#fff;padding:68px 0}
.deneme-bandi .kap{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.deneme-bandi h2{color:#fff;margin-bottom:6px}.deneme-bandi p{color:#CBD7E6;font-size:18px}
.dugme.buyuk{padding:17px 32px;font-size:16px}
@media (max-width:900px){
  .kahraman,.kahraman .kap{min-height:520px}
  .urun-grid,.fark{grid-template-columns:1fr 1fr}.dnm-kutular,.tk .iki{grid-template-columns:1fr}.sekt{grid-template-columns:1fr 1fr}
  .fark div{border-bottom:1px solid var(--cizgi)}
}
@media (max-width:560px){.urun-grid,.fark,.sekt{grid-template-columns:1fr}.fark div{border-right:0}}
.koyu .dnm-madde li{color:#E4ECF6}
.koyu .dnm-madde{border-color:rgba(255,255,255,.18)}
.koyu .dnm-madde li{border-color:rgba(255,255,255,.18)}