#offers,
.toggle-chat22930,
.AiBoot-modal-overlay22940 {
  display: none !important;
}

.sub-menu {
  overflow-y: visible;
}

.navbar-brand img:not(.index img),
footer img,
.fixed-header .navbar-brand img {
  filter: drop-shadow(1px 1px 1px #000);
}

button.header-btn {
  background: var(--f-color);
  color: #000;
  border: 1px solid #000;
}


@media (min-width: 992px) {
  .index .main-menu > * {
    color: #000;
    font-size: 16px;
    transition: color 0.3s;
  }

  .index .main-menu > *:hover {
    color: var(--f-color);
  }

  .index .main-nav-container * {
    stroke: #fff;
  }

  .index .animated.fixed-header .main-menu > * {
    color: #000;
  }

  .index .animated.fixed-header * {
    stroke: #000;
  }
}


@media (max-width: 600px) {
  .marquee .text-\[18px\] {
    font-size: 16px;
  }

  .index i.text-2xl.sicon-menu.text-primary:not(.fixed-header i.text-2xl.sicon-menu.text-primary) {
    filter: drop-shadow(1px 2px 2px #000);
  }

  .index .navbar-brand img {
    max-width: 70px !important;
    width: 70px !important;
  }

  .index .search-btn {
    padding: 7px;
    margin-right: 0;
  }

  .index .search-btn svg {
    width: 15px;
    height: 15px;
  }

  .lang-icone {
    font-size: 15px;
    padding: 7px;
  }
}


section.landing-page-first-bannar button {
  background-color: #353c3c;
}


@media (min-width: 767px) {
  section.landing-page-first-bannar .md\:h-screen {
    height: 92vh;
  }

  section.landing-page-first-bannar:nth-child(2),
  section.landing-page-first-bannar:nth-child(3) .md\:h-screen {
    height: 60vh;
    background-size: contain;
  }

  h1.animate__animated {
    font-size: 60px;
  }

  p.animate__animated {
    font-size: 30px;
    line-height: 2.5rem;
    margin-top: 1rem;
  }

  section.landing-page-first-bannar .txt.w-full {
    width: 50%;
    margin-top: 5rem;
    margin-right: 8rem;
  }
}

@media (max-width: 767px) {
  section.landing-page-first-bannar .md\:h-screen {
    height: 50vh;
  }

  section.landing-page-first-bannar:nth-child(2),
  section.landing-page-first-bannar:nth-child(3) .md\:h-screen {
    height: 40vh;
  }

  h1.animate__animated,
  .landing-page-first-bannar * {
    text-align: center;
  }

  h1.animate__animated {
    width: 100%;
    font-size: 30px;
  }

  section.landing-page-first-bannar .txt.w-full {
    align-self: flex-end;
    margin-bottom: 2rem;
  }
}


.g_cat .flex.sal-animate {
  align-self: baseline;
}

@media (max-width: 767px) {
  .g_cat .s-slider-swiper-wrapper {
    justify-content: flex-start;
  }

  h3.mt-\[15px\] {
    font-size: 14px;
    width: 135px;
    font-weight: bold;
  }
}

.product_deadline .data h2 {
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.product_deadline button {
  color: #fff;
}

.product_deadline.w-\[90\%\].cuxl\:w-auto.sal-animate {
  background: #fff;
}


.ads .img .over {
  background: rgba(0, 0, 0, 0.39);
}

p.ltr\:text-left {
  color: #fff;
}

@media (max-width: 767px) {
  .ads .img .over {
    justify-content: center;
  }

  .ads .img .over .text {
    align-items: center !important;
    text-align: center;
  }
}


.s-block--best-offers {
  margin-bottom: 3rem;
}

.outof-stock {
  color: #000;
}

custom-salla-product-card,
.s-product-card-vertical {
  border: 2px solid var(--f-color);
}

h1.title-heade {
  background: none !important;
}

.s-slider-block__title-left {
  display: none;
}

.s-product-card-image-full {
  max-height: 290px;
}

@media (max-width: 767px) {
  custom-salla-product-card,
  .s-product-card-vertical {
    border-width: 1px;
  }

  .s-product-card-image-full {
    max-height: 215px;
  }

  .s-products-slider-card {
    max-width: 215px !important;
  }
}


.text-\[\#636363\],
.footer-is-light .store-footer,
.copyright-text * {
  color: #fff !important;
}

@media (max-width: 767px) {
  .pb-\[100px\] {
    padding-bottom: 0;
  }
}

@media (max-width: 991px) {
  footer salla-menu.flex.gap-2.hydrated {
    justify-content: center;
  }
}

@media (min-width: 1500px) {
  footer .justify-center.rtl\:lg\:pl-20 {
    justify-self: flex-end;
  }
}


.announcement-bar {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}


@media (max-width: 1199px) {
  a#cart-button,
  a.hidden.lg\:block.cursor-pointer {
    display: block;
    padding: 12px;
    margin: 0 10px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    stroke: #000;
  }
}


@media (max-width: 500px) {
  [id^="gb-widget"] {
    bottom: 77px !important;
  }
}