/* Kapıda Hizmet — tema (Plumer) üstüne minimum ek katman. */

.site-logo{
  height: 40px;
  width: auto;
  max-width: 220px;
}
.mobile-logo .site-logo{ height: 34px; }
.about-logo .site-logo{ height: 34px; }

/* Sektöre özel ikon görselleri orijinal illüstrasyonlardan daha küçük olabilir;
   kart içinde tutarlı görünmesi için kutu boyutu sabitleniyor. slick.css'in
   ".slick-slide img{display:block}" kuralı bu ikonları (carousel içindeyken)
   sola/yukarı yasladığı için display:inline-block + vertical-align:middle
   burada zorlanıyor, böylece ebeveynin text-align:center + line-height
   ortalama tekniği her koşulda çalışır. */
.service-card_icon img,
.service-block_icon .icon img,
.choose-feature_icon img{
  max-height: 60px;
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.brand-box .device-chip{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-family: 'Outfit', sans-serif;
  font-weight: 600;
  color: var(--title-color, #161921);
}
.brand-box .device-chip img{ height: 40px; width: auto; }

.notice-box{
  display: flex;
  gap: 16px;
  align-items: flex-start;
  background: #F4F6FB;
  border-radius: 14px;
  padding: 26px 30px;
  margin-top: 10px;
}
.notice-box i{ font-size: 22px; color: var(--theme-color, #0052DA); margin-top: 3px; }
.notice-box p{ margin: 0; font-size: 14.5px; }

/* Hizmetlerimiz sayfasında büyütülmüş ikon-fotoğraf alanını kaldırdık;
   üstteki dairesel rozet artık başlıkla çakışmasın diye boşluk ekliyoruz. */
.service-block .box-title{ margin-top: 28px; }

/* Sabit WhatsApp + Ara butonları — tüm sayfalarda sayfa kaydıkça sabit kalır. */
.floating-actions{
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.floating-action-btn{
  width: 54px;
  height: 54px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 22px;
  box-shadow: 0 8px 20px rgba(0,0,0,.25);
  transition: transform .2s ease;
}
.floating-action-btn:hover{ transform: scale(1.08); color: #fff; }
.floating-whatsapp{ background: #25D366; }
.floating-call{ background: var(--theme-color, #E83A15); }
@media (max-width: 575px){
  .floating-actions{ left: 16px; bottom: 16px; }
  .floating-action-btn{ width: 46px; height: 46px; font-size: 19px; }
}