/* === БРЕНДОВІ КОЛЬОРИ === */
:root {
  --brand-bg: #B867A5;
  --brand-orange: #F7941D;
  --brand-orange-dark: #d97d0e;
  --brand-light: #f6f6f6;
  --brand-accent: #3BB3E4;
  --brand-gray: #a5a3a5;
  --brand-footer-title: #d3cad2;
  --brand-footer-link: #f1a450;
  --brand-submenu-text: #4B004B;
}

/* === ФОН І ТЕКСТ САЙТУ === */
body {
  background-color: var(--brand-bg);
  color: #ffffff;
  font-family: "Manrope", sans-serif;
}

/* === ВЕРХНІЙ КОНТЕЙНЕР (телефон, валюта, кошик, вхід) === */
.header-nav {
  background-color: #ffffff !important;
  color: var(--brand-submenu-text) !important;
}
.header-nav a {
  color: var(--brand-submenu-text) !important;
}
.header-nav a:hover {
  color: var(--brand-accent) !important;
}

/* === ГОЛОВНЕ МЕНЮ (логотип + категорії) === */
.header-top {
  background-color: var(--brand-bg) !important;
}
.header-top a {
  color: var(--brand-light) !important;
}
.header-top a:hover {
  color: var(--brand-accent) !important;
}

/* === ПІДМЕНЮ (випадаюче меню при наведенні) === */
.popover.sub-menu {
  background-color: var(--brand-bg) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}
.popover.sub-menu a.dropdown-item {
  color: var(--brand-light) !important;
}
.popover.sub-menu a.dropdown-item:hover {
  color: var(--brand-accent) !important;
}
.popover.sub-menu {
  width: 50% !important; /* або 70%, залежно від того, скільки місця треба */
  left: auto !important;
  right: 0 !important; /* щоб не ліз на логотип зліва */
}

/* === КНОПКИ === */
.btn-primary,
.btn-primary:focus,
button[type="submit"] {
  background-color: var(--brand-orange);
  border-color: var(--brand-orange);
  color: #ffffff;
}
.btn-primary:hover,
button[type="submit"]:hover {
  background-color: var(--brand-orange-dark);
  border-color: var(--brand-orange-dark);
}

/* === ЗАГОЛОВКИ === */
h1, h2, h3, h4, h5, h6 {
  color: var(--brand-orange);
}

/* === ПОСИЛАННЯ === */
a {
  color: var(--brand-orange);
}
a:hover {
  color: var(--brand-light);
}

/* === ТОВАРИ === */
.product-miniature {
  border: 1px solid var(--brand-orange);
}
.product-miniature:hover {
  border-color: #ffffff;
}

/* === ЦІНИ === */
.price {
  color: var(--brand-orange);
  font-weight: bold;
}

/* === ФУТЕР === */
.footer-container {
  background-color: var(--brand-bg) !important;
  color: var(--brand-light) !important;
}
.footer-container h4,
.footer-container h4 a,
.footer-container .block .title,
.footer-container .title_block {
  color: var(--brand-footer-title) !important;
}
.footer-container a,
.footer-container li a {
  color: var(--brand-footer-link) !important;
}
.footer-container a:hover,
.footer-container li a:hover {
  color: var(--brand-accent) !important;
}
.footer-container .block-contact,
.footer-container .block-contact p {
  color: #f3d5ec !important;
}
.footer-container .block-contact h4 {
  color: var(--brand-gray) !important;
}

/* === МОДУЛЬ ПІДПИСКИ === */
#footer .block_newsletter {
  background-color: var(--brand-bg) !important;
  border: none !important;
}
#footer .block_newsletter p,
#