/* /css/style.css */

/* Плавний скрол */
html { scroll-behavior: smooth; }

/* Щоб при переході по #якорях контент не ховався під fixed header */
section[id] { scroll-margin-top: 96px; }

/* Анімація появи */
.fade-up {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeUp .8s forwards;
}
@keyframes fadeUp {
  to { opacity: 1; transform: translateY(0); }
}

/* Вимкнути можливу іконку перед tel: (інколи додають зовнішні стилі) */
header a[href^="tel"]::before {
  content: none !important;
  display: none !important;
}

/* Картки портфоліо: щоб фото не “пливли” */
.card-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}