:root {
  --color-bg-footer: white;
  --color-text-footer: #bbb;
  --color-orange: #e74c3c;
  --color-bg-baner1: #dd9f00;
  --color-bg-baner2: #45ac38;
  --color-btn-go: #dd9f00;
}

.color2 {
  color: var(--color-bg-baner2) !important;
}

.bg-color2{
  background-color: var(--color-bg-baner2);
}

.footer {
  background: black;
  color:  var(--color-text-footer);
  padding: 0px 0;
}
.footer a {
  color: var(--color-text-footer);
  text-decoration: none;
}

.bg-footer {
  background-color: black;
}

/* menu */
.menu {
  background-color: black;
  gap: 10px;
}
.menu a {
  color: white;
}
.menu :hover {
  color: white;
  font-weight: 600;
}

/* banner */
.banner {
  position: relative;
  background: linear-gradient(to bottom, lightgrey 0%, #white 100%);
  padding: 40px;
}
.banner-image {
  display: block;
  width: 100%;
}
.banner h1 {
  color: var(--color-bg-baner2);
  text-shadow:
    3px 3px 4px #fff,
    2px 2px 5px rgba(0, 0, 0, 0.4);
}

@media (max-width: 767.98px) {
  .banner {
    background-image:
      url("/assets/img/banner2.jpg"),
      linear-gradient(to bottom, #white, #006b3c);
  }
}

/* misc */
.advantage-box {
  text-align: center;
  padding: 20px;
}

/* product */
.card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease;
}

/* phone */
.phone-link {
  display: inline-block;
  color: white;
  border: 2px solid white;
  padding: 3px 6px;
  border-radius: 15px;
  text-decoration: none;
}
.phone-link:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.4);
  transition: all 0.4s ease;
}

/* social */
.social-links a {
  color: var(--color-bg-baner1);
  font-size: 2.0rem;
  transition: color 0.2s;
  text-decoration: none;
}
.social-links a:hover {
  color: #0056b3;
}

/* замов консультацію */
.btn-orange {
  background-color: var(--color-orange);
  border-color: var(--color-orange);
  color: white;
}
.btn-orange:hover {
  background-color: var(--color-btn-go);
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(255, 255, 255, 0.5);
  transition: all 0.4s ease;
}

/* кнопка замовлення */
.btn-order {
  background-color: var(--color-bg-baner2);
  color: #fff;
  border-radius: 50rem;
  box-shadow: var(--bs-box-shadow);
  border: none;
  padding: 0.8rem 1.5rem;
}
.btn-order:hover {
  background-color: var(--color-btn-go);
}

.old-price {
  border: 2px solid var(--color-orange);
  color: var(--color-orange);
  border-radius: 10px;
  padding: 0px 4px;
  text-decoration: line-through;
  display: inline-block;
}

/* прибираємо фон кнопки */
.accordion-button.no-bg {
  background-color: transparent;
  color: inherit;
  box-shadow: none;
}

/* перенос каретки */
.line-break {
  white-space: pre-line;
}