:root {
  --color-bg-footer: #414549;
  --color-text-footer: #bbb;
  --color-orange: #e74c3c;
  --color-bg-baner: #007bff;
  --color-btn-go: green;
}

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

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

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

/* banner */
.banner {
  background: linear-gradient(135deg, var(--color-bg-baner), black);
  color: white;
  padding: 20px 0;
  text-align: center;
}
.banner h1 {
  text-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}

.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-baner);
  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(--bs-primary);
  color: #fff;
  border-radius: 50rem;
  box-shadow: var(--bs-box-shadow);
  border: none;
  padding: 0.5rem 1.25rem;
}
.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;
}