/* ==================== Main ==================== */
:root {
    --sec-color: #7f00c3;
}
.nav-header {
    background-color: hsl(0deg 0% 100% / 60%);
}
/* ========== Products ========== */
.s-slider-block__title h2 {
    color: var(--sec-color);
    font-size: 1.35rem;
}
.s-slider-block__display-all::after, .s-block__display-all::after {
    background-color: #414042;
}
salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg,
salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    fill: var(--sec-color) !important;
}
salla-slider .s-slider-block__title-nav button.swiper-button-disabled svg {
    opacity: .5;
}
.s-product-card-image {
    margin: 5px;
}
.s-product-card-image img {
    border: 2px solid var(--color-primary);
    border-radius: 6px !important;
}
.s-product-card-category {
    background-color: #570086;
    color: var(--color-primary);
}
.s-product-card-content-title {
    color: var(--color-primary);
}
.s-product-card-price {
    color: #fff;
}
.s-product-card-wishlist-btn {
    color: var(--color-primary);
    opacity: 1 !important;
}
@media (min-width: 768px) {
  .s-slider-block__title h2 {
      font-size: 1.5rem;
  }
  .s-slider-block__display-all {
    font-size: 1rem;
  }
}
/* ========== Header ========== */
.mm-ocd--open {
    background: rgba(0,0,0 .1);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
}
.mm-spn.mm-spn--navbar.mm-spn--main,
.mm-spn.mm-spn--navbar.mm-spn--main *,
.mm-spn.mm-spn--navbar:after,
.mm-spn a,
.mm-spn .sicon-cancel:before,
.mm-spn.mm-spn--navbar:before {
    color: var(--color-primary) !important;
}
.mm-spn li:after {
    border-color: var(--color-primary) !important;
    opacity: 1;
}
.mm-spn.mm-spn--navbar.mm-spn--main li::before {
    opacity: 1;
}
header .sicon-menu + p,
header .search-btn i,
header .sicon-user,
header .sicon-add,
.s-cart-summary-total {
    color: var(--color-primary);
}
/* ========== Footer ========== */
.store-footer a:hover {
    color: #000 !important;
}
.store-footer .footer-container {
    border-color: #000;
}
.footer-newsletter input {
    margin-inline-start: 1rem;
}
.footer-newsletter input::placeholder {
    color: #000;
}
.footer-newsletter button {
    color: #fff;
    background-image: linear-gradient(90deg, var(--sec-color), #bc00fa);
    border: none;
    height: 100%;
    opacity: 1 !important;
}
footer .social-links i {
    color: var(--sec-color);
}
.store-footer h3 {
    color: #000;
}
footer .contact-links a {
    background-image: linear-gradient(180deg, var(--sec-color), #bc00fa);
    color: #fff;
}
.store-footer .contact-links a:hover {
    color: #fff !important;
}
footer .copyrights p {
    color: #000;
}
/* ==================== Home Page ==================== */
/* ========== Hero Banner ========== */
header + .s-block--fixed-banner {
    padding-top: 0;
}
header + .s-block--fixed-banner .container {
    max-width: initial;
    padding: 0;
}
/* ========== Banners ========== */
.s-block--banners + .s-block--banners {
    padding-top: 0;
}
.s-block--banners .s-block__title {
    justify-content: center;
    color: var(--sec-color);
    position: relative;
    width: 100%;
}
.s-block--banners .s-block__title::before,
.s-block--banners .s-block__title::after {
    content: '';
    position: absolute;
    width: 35%;
    height: 2px;
    background-color: var(--sec-color);
}
.s-block--banners .s-block__title::before {
    right: 0;
}
.s-block--banners .s-block__title::after {
    left: 0;
}
.s-block--banners h2 {
    font-size: 1.35rem;
}
@media (min-width: 768px) {
  .s-block--banners h2 {
      font-size: 1.75rem;
  }
  .s-block--banners .s-block__title::before,
  .s-block--banners .s-block__title::after {
      height: 4px;
  }
}
/* ========== Features ========== */
.s-block--features {
    mask-image: none;
    padding-right: 10px;
    padding-left: 10px;
}
.s-block--features .container {
    background-color: #ffb400;
    padding: 3rem;
    border-radius: 2rem;
}
.s-block--features h2,
.s-block--features i {
    color: var(--sec-color)
}
.s-block--features h2 + p {
    color: #fff;
}