/* hover для ссылок навигации */
.header-nav-link, .footer-nav-link {
  position: relative;
  display: inline-block;
  color: #004332; /* базовый цвет текста */
  cursor: pointer;
  transition: color 0.3s ease;
}

.header-nav-link::after, .footer-nav-link::after, .breadcrumbs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #004332;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  cursor: pointer;
}

.header-nav-link:hover::after, .footer-nav-link:hover::after {
  transform: scaleX(1);
}

.breadcrumbs:hover::after {
  transform: scaleX(0.87);
}

.header-contact, .footer-contact, .contact {
    cursor: pointer !important;
}

/* hover для ссылок в контактах */
.header-contact:hover .header-nav-contact-link, .footer-contact:hover .footer-nav-contact-link, .contact:hover .contact-link {
  position: relative;
  cursor: pointer;
  font-weight: 600;
}

.header-contact:hover .header-nav-contact-link::after, .footer-contact:hover .footer-nav-contact-link::after, .contact:hover .contact-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #004332;
  transform: scaleX(1);
  transform-origin: left;
  transition: transform 0.3s ease;
}

.header-nav-contact-link::after, .footer-nav-contact-link::after, .contact-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background-color: #004332;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
} 

/* контейнер для меню */
.nav-menu-wrap {
  border-top: 1px solid #004332;
  border-left: none;
  border-right: none;
}


/* кнопка закрытия попапа */
.close-popup-btn {
  position: absolute;   /* фиксируем в углу */
  top: 40px;
  right: 40px;
  cursor: pointer !important;
  transition: transform 0.25s ease, fill 0.25s ease;
}

.close-popup-btn svg {
  transition: fill 0.25s ease;
}

.close-burger {
    cursor: pointer !important;
    transition: transform 0.25s ease, fill 0.25s ease;
}

.close-burger:hover {
  transform: scale(1.15) rotate(90deg);  /* лёгкое увеличение + поворот */
}



/* эффект при наведении */
.close-popup-btn:hover {
  transform: scale(1.15) rotate(90deg);  /* лёгкое увеличение + поворот */
}



/* footer */

*/

/* тень для текста */
.hero-text {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
}






/* Контейнер с карточками */


/* Карточка */
.service-card {
  position: relative; /* чтобы можно было накладывать слой для кликабельности */
  height: 420px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease !important;
  /*transition: background-color 0.2s ease !important; */
}

.service-card {
    background-color: #004332 !important;
    border-radius: 5px;
}

.service-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  background-color: #0D4C3B !important;
  border-radius: 5px;
  
}



.service-card {
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease; /* плавный переход */
}

.map-container {
  position: relative;
  width: 100%;
  aspect-ratio: 4 / 3; /* пропорции 4:3 */
  border: 1px solid #004332;  /* рамка вокруг контейнера */
  border-radius: 5px;
  overflow: hidden; /* чтобы углы iframe тоже скруглялись */
}

.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; /* убираем у iframe рамку */
}

html {
  scroll-behavior: smooth;
}