:root {
  --brand: #3f3e96;
  --sub-brand: #3f3e96;
  --grad-start: #3f3e96;
  --grad-end: #3f3e96;
}
body {
  background-color: #fff !important;
}
body.is-home-page div#mainnav {
  background: transparent;
}
body.is-home-page div#mainnav * {
  color: #fff;
  fill: #fff;
  border-color: #fff;
}

/* header */
nav#mobile-menu {
  display: none;
}
a.navbar-brand {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.top-navbar {
  background: var(--brand) !important;
  color: #fff;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
}

span.s-cart-summary-count {
  background: var(--brand);
}

a.navbar-brand {
  height: auto !important;
  width: 90px !important;
}
a.navbar-brand img {
  height: 100% !important;
  max-height: 100% !important;
  width: 100% !important;
}

custom-main-menu {
  display: flex;
  align-items: center;
}

ul.main-menu.mm-spn--open {
  color: var(--brand) !important;
}

/* header */
/* banner */

salla-slider.photos-slider .swiper-slide {
  padding: 0;
  margin: 0;
  width: 100%;
}

section.s-block--photos-slider .swiper.s-slider-container {
  padding: 0;
}

section.s-block--fixed-banner.wide-placeholder .container,
section.s-block--fixed-banner.wide-placeholder .container * {
  border-radius: 0;
}
section.s-block--fixed-banner.wide-placeholder .container {
  padding: 0;
  margin: 0;
  max-width: 100%;
}

section.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
  margin-top: 0px;
}

.grid.one-row.md\:grid-cols-3 * {
  border-radius: 0;
}
section.s-block.s-block--photos-slider {
  margin: 0;
}
.banner--fixed img {
  background-color: transparent !important;
}

/* banner */
/* sp-banners */
.grid.one-row.md\:grid-cols-3.grid-flow-row.gap-3.sm\:gap-8 {
  margin-top: 2rem;
}
/* sp-banners */
/* titles */
.s-block__title * {
  padding: 0 !important;
}
.s-slider-block__title .s-block__title {
  padding: 0;
  justify-content: end;
  position: relative;
}
.s-slider-block__title  .right-side {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  text-align: center;
}
.s-block__title h2 {
  font-size: 2.3rem !important;
  color: var(--brand);
}
@media (max-width: 600px) {
  .s-block__title h2 {
    font-size: 1.5rem !important;
  }
}
/* titles */

/* footer */
.store-footer__inner {
  background: var(--brand) !important;
  box-shadow: 0 -18px 23.1px 0 #00000014;
}
.store-footer__inner * {
  color: #f9f3e7 !important;
  border-color: #f9f3e7 !important;
}
.store-footer__inner a.flex.items-center.m-0 {
  position: relative;
  color: transparent !important;
  width: 123px;
  height: 77px;
  margin-bottom: 1rem;
}
.store-footer__inner a.flex.items-center.m-0::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(https://cdn.files.salla.network/other/1135124903/795a1d4c-e543-45d7-9303-f820b2237acf-original.webp)
    center / contain no-repeat;
}
/* footer */
.store-footer__inner a.flex.items-center.m-0 h3 {
  display: none;
}
.blog-single img.h-80.mb-10.w-full.object-cover.rounded-md,
a.post-entry__image.relative.overflow-hidden.hover\:opacity-90.w-full.h-56.bg-border-color.flex.items-center.justify-center {
  height: 100%;
}
.blog-single img.h-80.mb-10.w-full.object-cover.rounded-md,
a.post-entry__image.relative.overflow-hidden.hover\:opacity-90.w-full.h-56.bg-border-color.flex.items-center.justify-center {
  height: 100%;
}
/* ================== cat ================== */

a.slide--cat-entry {
  min-height: 160px;
  width: 255px;
  justify-content: center;
  border-radius: 16px;
  background: transparent;
  background: transparent;

  flex-direction: row;
  padding: 0px;
  position: relative;
  height: 110px;
  border: none;
  align-items: center !important;
}

.slide--one-sixth a.slide--cat-entry i {
  color: transparent !important;
  width: 100%;
  height: 100%;
  background: var(--cat-img) transparent center / contain no-repeat;
  margin-bottom: 16px;
  border-radius: 16px;
  max-height: 100% !important;
  margin: 0;
}

.slide--one-sixth .slide--cat-entry h2 {
  display: none;
}

.slide--one-sixth:nth-of-type(1) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/11c670ef-17c7-4bf3-9076-42ab2c05fdf1-original.webp");
}
.slide--one-sixth:nth-of-type(2) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/2b1f726a-18b1-4c32-a412-9f81be5bc3cc-original.webp");
}
.slide--one-sixth:nth-of-type(3) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/0376ee9f-b1a2-4d23-9fcf-fa6a78f4fd96-original.webp");
}

.slide--one-sixth:nth-of-type(4) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/c3680d66-fb36-4572-b4d2-6c4a1bde49a7-original.webp");
}
.slide--one-sixth:nth-of-type(5) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/28d0a4e4-3ad7-4ea9-a9b4-dd904defa74a-original.webp");
}
.slide--one-sixth:nth-of-type(6) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/42ade68b-44a4-428f-bdb0-c9a01d53245a-original.webp");
}
.slide--one-sixth:nth-of-type(7) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/dea5e078-5a58-40a1-8ea2-fffb32fca23b-original.webp");
}
.slide--one-sixth:nth-of-type(8) {
  --cat-img: url("https://cdn.files.salla.network/other/1135124903/0c5d33cd-848a-4959-8702-19101c6f43ff-original.webp");
}

section.s-block.s-block--categories .swiper-wrapper {
  gap: 0px;
  padding: 30px 0;
}
.swiper-slide.slide--one-sixth {
  width: fit-content;
}
a.slide--cat-entry:after,
a.slide--cat-entry:before {
  z-index: -1;
}
@media (max-width: 600px) {
  a.slide--cat-entry {
    height: 130px;
    width: 170px;
    min-height: 0;
    border-radius: 8px;
  }

  section.s-block.s-block--categories .swiper-wrapper {
    gap: 0px;
    margin-top: 2rem;
    padding: 0px 0;
  }

  .slide--one-sixth a.slide--cat-entry i {
    background: var(--cat-img) transparent center / contain no-repeat;

    max-height: 100% !important;
  }
}

@media (min-width: 992px) {
  #main-links-1 .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    transform: none !important; /* kills the swiper drag transform */
    gap: 10px; /* adjust spacing as you like */
  }

  #main-links-1 .swiper-slide {
    flex: 0 0 calc(20% - 10px) !important; /* 5 items per row, adjust 10px to match gap */
    max-width: calc(20% - 10px) !important;
  }

  /* Hide slider controls/arrows on desktop since sliding is disabled */
  #main-links-1 .s-slider-controls,
  #main-links-1 .swiper-button-next,
  #main-links-1 .swiper-button-prev,
  #main-links-1 .swiper-pagination {
    display: none !important;
  }
}
/* ================== /cat ================== */
/* product */

.s-block__title {
  justify-content: center;
  margin-top: 2em;
  overflow: hidden;
}
.s-block__title .right-side {
  padding: 0;
}
.s-slider-block__title {
  margin-top: 2rem;
  justify-content: end;
}
s-slider-block__title * {
  overflow: visible;
}
.s-slider-block__title .s-slider-block__title-right {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: var(--brand);
  width: fit-content;
  padding: 0;
  text-align: center;
}

/* heading text + gradient lines before/after */
.s-slider-block__title .s-slider-block__title-right h2,
.s-block__title .right-side h2 {
  font-size: 36px !important;
  padding: 0;
  color: var(--brand);

  /* layout for the lines */
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  white-space: nowrap;
  font-weight: 400;
}

@media (max-width: 600px) {
  .s-slider-block__title .s-slider-block__title-right h2,
  .s-block__title .right-side h2 {
    font-size: 22px !important;
    text-align: center;
    -webkit-text-stroke-width: 1px;
    gap: 10px;
  }
  .s-block--best-offers {
    padding-top: 5rem;
  }
  .s-slider-block__title .s-slider-block__title-right {
    top: -17%;
  }
}
.s-product-card-content a,
.s-product-card-content h4 {
  color: #1c1b1b;
}
.s-product-card-vertical {
  border-radius: 25px;
  border: 1px solid #ddd;
  overflow: hidden;
}
.s-button-primary-outline:hover {
  background-color: var(--sub-brand);
  color: #fff;
}
.s-product-card-content {
  background-color: #ffff;
}
/* product */