/* ========== Temel Ayarlar ========== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap');

:root{
  --bg:#f4f4f4;
  --text:#434343;
  --muted:#595959;
  --muted-2:#5d5c5c;
  --line:#c5c5c5;
  --shadow:0 2px 6px 0 rgba(0,0,0,.12), inset 0 -1px 0 0 #dadce0;
  --brand:#d11b1b;
  --brand-dark:#970b0b;
  --info:#e8f0fe;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font:14px/1.5 'Poppins',system-ui,-apple-system,segoe ui,roboto,arial,sans-serif;
  color:var(--text);
  background:var(--bg) no-repeat 5px 300px;
  letter-spacing:.1px;
}
img{max-width:100%;border:0;display:block}

/* Yardımcılar */
.ort{margin-inline:auto}
.plr20{padding-inline:30px}
.golge{box-shadow:0 0 6px rgba(0,0,0,.24)}
.golge2{box-shadow:0 2px 2px rgba(0,0,0,.1)}
.cbot{clear:both} /* Eski kullanım kalırsa bozulmasın */
.ptfont{font-family:"PT Sans",sans-serif;color:var(--muted-2)}
.w990{max-width:950px}
.w9902{max-width:1300px}
.mtop30{margin-top:30px}
.mtop50{margin-top:50px}
.mtop80{margin-top:80px}
.fz20{font-size:20px}
.fz44{font-size:44px}
.tcenter{text-align:center}

/* ========== Üst Çubuk (Header) ========== */
.enust{
  position:fixed; inset:0 auto auto 0; height:70px; width:100%;
  background:#fff; box-shadow:var(--shadow); z-index:999; display:flex; align-items:center;
}
.header-inner{width:100%;max-width:1300px;margin:0 auto;display:flex;align-items:center;gap:16px;padding-inline:20px}
.logodv{
  display:flex; align-items:center; gap:8px; font-weight:700; font-size:19px; color:var(--muted);
  text-decoration:none; padding-block:8px;
}
.logodv img{width:auto;height:38px}

.menu{margin-left:auto}
.menu ul{display:flex;gap:35px;list-style:none;margin:0;padding:0}
.menu a{
  display:block; padding:27px 0 23px; color:var(--muted); text-decoration:none; font-size:16px;
}
.menu a:hover{color:#000}

/* Butonlar */
.ustbtn, .ustbtnbeyaz{
  border-radius:3px; cursor:pointer; user-select:none; display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding-inline:28px; font-weight:600; text-decoration:none;
}
.ustbtn{background:var(--brand); color:#fff}
.ustbtn:hover{background:var(--brand-dark); transition:.2s}
.ustbtnbeyaz{
  background:#fff; color:gray; border:1px solid var(--line)
}
.ustbtnbeyaz:hover{background:#fff}

/* Mobil menü butonu */
.mobilmenu{
  margin-left:auto; font-size:28px; color:var(--muted); display:none; text-decoration:none;
}

/* ========== Banner ========== */
.banner{
  margin-top:70px; height:550px; position:relative; color:#fff;
  background:#f8f9fa center/auto no-repeat url(../images/banner3a.png);
  border-bottom:1px solid #dfe2e4;
}
.banner1{position:absolute; inset:1px 21px; padding:20px}
.banner1 h1{margin:10px 0 0; font-size:60px; color:#fff}
.bannerslo{margin:20px 0; font-size:20px}
.bannerok0{margin-top:-25px; position:relative; z-index:998}
.bannerok{
  width:50px;height:50px;border-radius:50%;background:#fff;border-top:2px solid #dfe2e4;
  display:grid;place-items:center; font-size:50px; color:#000;
}

/* ========== Kart/Alanlar ========== */
.anab1,.anab2{
  background:#fff; padding:15px; min-height:250px; border-radius:4px; margin-top:10px; width:350px; border:1px solid gray;
}
.anab1{float:left} .anab2{float:right}
.anab3{clear:both;margin-top:10px;background:#eaf2ff;padding:15px;min-height:250px;border-radius:4px}
.anab1a{padding:50px;min-height:250px;border-radius:4px;margin-top:10px;border:0;font-size:16px}
.anab1v{background:#fff;margin-top:-45px;padding-top:45px}

/* Check maddeleri */
.check{margin:10px;width:270px}
.check i{
  margin-right:10px; font-size:20px; width:20px; height:20px; line-height:20px; border-radius:50%;
  background:#6db3f8; color:#fff; text-align:center; float:left;
}

/* Cihaz kutuları */
.cihaz1{
  width:300px;height:270px;margin:7px;border-radius:5px;font-size:16px;margin-top:25px;background:#fff;border:1px solid #c5c5c5;
}
.cihaz1 a{color:var(--text);text-decoration:none}
.cihaz1 a:hover{text-decoration:underline}
.cihaz1a{width:289px;height:200px;background:#fff;margin:6px 6px 10px}
.cihaz1b{padding:10px}

/* İçerik Alanları */
.gmasterbg{background:url(../images/abg.jpg) repeat-x;margin-top:70px}
.icsayfabg{min-height:500px;background:#fff;padding:40px}
.icsayfabg h1{font-size:40px;color:#000;text-align:center}
.altbaslikP{font-size:18px;text-align:center}
.ic900{max-width:900px;margin-inline:auto}
.ic900 h1{text-align:left}
.ic900 p{text-align:justify;padding-right:25px;overflow:hidden;padding-bottom:30px}
.ic900img{float:right}

/* Listeler / markalar */
.markalst842{list-style:circle;margin:0 0 0 15px;padding:0}
.markalst842 li{float:left;width:260px;height:40px;line-height:19px}
.markalst842 li a{display:block;color:#595959;padding:4px 24px 4px 4px;text-decoration:none;text-align:center}
.markalst842 li a:hover{color:red}

/* Alt bilgi */
.alt{background:#191919;color:#898989;padding:50px}
.altm1{width:230px;margin-right:15px}
.altm1 a{display:block;color:#898989;text-decoration:none;padding:10px 0}
.altm1 a:hover{color:#fff}
.copy{border-top:1px solid gray;padding-top:15px;margin-top:15px}
.copy2{float:left;margin-right:10px}
.altmedya{border-bottom:1px solid gray;padding-bottom:15px;margin-bottom:15px}
.altmedya2{float:left;padding-right:20px;font-weight:700}

/* Sabit mobil arama barı */
#altSabitTelMbl{
  position:fixed;left:0;right:0;bottom:0;height:50px;background:#cd291f;color:#fff;display:none;
}
.altSabitTelMblRlt{position:relative;width:190px;margin:0 auto}
.altSAyfaAltTel2m{
  position:absolute;right:0;top:-20px;width:130px;border-radius:30px;
  background:#cd291f;color:#fff;padding:15px 15px 15px 45px;
  background-image:url(../images/alttel.png); background-repeat:no-repeat; background-position:20px 15px;
  font-size:20px;font-weight:700;
}
.altSabitTelMblspn{font-size:11px;position:absolute;left:75px;bottom:0}
.altSAyfaAltTel2m a{color:#fff;text-decoration:none}

/* Formlar */
.input,.btn,.talepFormCs input,.talepFormCs textarea,.talepFormCs select{
  width:100%; border:1px solid var(--line); border-radius:3px; font:14px Arial, sans-serif;
}
.input{padding:8px;margin:10px}
.btn{padding:15px;margin:10px;cursor:pointer;background:#fff}
.iletisimform,.talepFormCs{
  max-width:600px;margin:0 auto;background:#f5f5f5;border-radius:4px;padding:10px
}
.iletisimform b,.talepFormCs b{font-size:15px}
.iletisimform span{font-size:12px;display:block}
.iletisimbg{background:url(../images/iletisimbg.png) no-repeat left top}
.iletisimtel{
  max-width:500px;margin:0 auto;background:var(--info);border-radius:5px;padding:10px;font-size:25px;
  display:flex;align-items:flex-start;gap:20px
}
.iletisimtel i{font-size:30px;color:var(--brand);padding-top:3px}
.iletisimtel a{color:var(--text);text-decoration:none}
.iletisimtel a:hover{text-decoration:underline}
.iletisimtel div{flex:1;font-size:15px}
.iletisimtel b{font-size:15px}

/* Diğer */
hr{height:1px;border:0;background:var(--line)}

/* ========== Responsive ========== */
@media (max-width: 992px){
  .menu ul{gap:20px}
  .banner1 h1{font-size:42px}
  .anab1,.anab2{width:100%;float:none}
  .ic900img{float:none;margin:0 auto 15px}
}
@media (max-width: 768px){
  .mobilmenu{display:block}
  .menu{display:none} /* basit kapat/aç – JS ile toggle edebilirsin */
  .banner{height:440px}
  .banner1 h1{font-size:34px}
  #altSabitTelMbl{display:block}
}
@media (max-width: 480px){
  .banner{height:380px}
  .banner1 h1{font-size:28px}
}