:root {
  --ad-primary: #331673;
  --ad-primary-rgb: 51, 22, 115;
  --ad-accent: #F28C0F;
  --ad-accent-rgb: 242, 140, 15;
  --ad-accent-hover: #E07E00;

  --bs-primary: #331673;
  --bs-primary-rgb: 51, 22, 115;
  --bs-secondary: #F28C0F;
  --bs-secondary-rgb: 242, 140, 15;
  --bs-danger: #F28C0F;
  --bs-danger-rgb: 242, 140, 15;
  --bs-success: #331673;
  --bs-success-rgb: 51, 22, 115;
  --bs-primary-bg-subtle: #F1ECFB;
  --bs-success-bg-subtle: #F1ECFB;
  --bs-warning-bg-subtle: #FEF3E4;
  --bs-link-color: #331673;
  --bs-link-hover-color: #E07E00;
}

.btn-primary {
  --bs-btn-hover-bg: #F28C0F;
  --bs-btn-hover-border-color: #F28C0F;
  --bs-btn-active-bg: #E07E00;
  --bs-btn-active-border-color: #E07E00;
}

.btn-outline-primary {
  --bs-btn-hover-bg: #331673;
  --bs-btn-hover-border-color: #331673;
  --bs-btn-active-bg: #331673;
  --bs-btn-active-border-color: #331673;
}

.btn-warning {
  --bs-btn-color: #fff;
  --bs-btn-bg: #F28C0F;
  --bs-btn-border-color: #F28C0F;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E07E00;
  --bs-btn-hover-border-color: #E07E00;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #E07E00;
  --bs-btn-active-border-color: #E07E00;
}

.btn-dark {
  --bs-btn-bg: #331673;
  --bs-btn-border-color: #331673;
  --bs-btn-hover-bg: #F28C0F;
  --bs-btn-hover-border-color: #F28C0F;
}

.btn-link,
a.btn-link {
  color: #fff;
}

.btn-link:hover,
a.btn-link:hover {
  color: #F28C0F;
}

.text-primary {
  color: #331673 !important;
}

.bg-secondary {
  background-color: #F28C0F !important;
}

a,
.page-link {
  color: #331673;
}

a:hover {
  color: #E07E00;
}

.product-thumb img,
.product-card:hover .product-thumb img {
  filter: none;
}

.legal-content h3 {
  color: #331673;
  font-size: 1.15rem;
  font-weight: 700;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.legal-content h3:first-child {
  margin-top: 0;
}

.legal-content p,
.legal-content li {
  color: #4a4a4a;
  line-height: 1.8;
}

.legal-content ul {
  padding-left: 1.25rem;
}

.legal-content a {
  color: #331673;
}

.legal-content a:hover {
  color: #E07E00;
}

.site-logo {
  height: 56px;
  width: auto;
}

.site-logo-footer {
  height: 60px;
  width: auto;
}

.category-carousel .swiper-slide img {
  width: 100px;
  height: 100px;
  object-fit: cover;
  display: block;
  margin: 0 auto;
}

.products-carousel .swiper-slide .tab-image {
  width: 100%;
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
}