:root {
  --main-color: #93D500;
  --second-color: #DEFFB3;
  --third-color: #96C254;
  --white-color: #fff;
  --black-color: #363636;
}

html.hydrated {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

/* color darkkkkkkkkkkkkkkk
#cats-dropdown .root-cats,
.bg-white,
.side-panel.is-opened,
.side-panel__top,
.mobile-menu-bar>ul,
.store-footer__inner,
.s-block--boxed,
.s-product-card-content,
.s-block--categories,
.inner.bg-inherit ,
.topnav-is-light .top-nav,
body{
  background:var(--black-color)!important;
}

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre,
h3,
h2,
h2.mb-8,
.flex.items-center,
.text-unicode,
p.ql-direction-rtl,
span,
h2.text-xl.font-medium,
.side-panel salla-contacts .s-contacts-item,
.mobile-menu .main-menu li li span,
.mobile-menu .main-menu li li,
.mobile-menu .main-menu li.root-level>a,
.side-panel__top,
.side-panel__top,
.mobile-menu-bar>ul,
.leading-none,
.text-gray-600,
.text-sm,
.store-footer__inner,
.transition-colors,
.s-product-card-entry .main-price,
.s-product-card-entry .s-product-card-content-title a,
.s-slider-block__title h2,
.s-block__title p,
.s-block__title h2,
.slide--cat-entry h2,
.s-cart-summary-wrapper .s-cart-summary-total:before,
.s-block__title h2,
.header-icon-button .text,
.top-nav-inner *,
.inner.bg-inherit * {
  color:var(--white-color) !important;
  opacity:1 !important;
}
.text-gray-500,
b,
button.close-side-panel.btn.btn--link.w-full.\!font-normal.\!py-2,
a.text-base,
strong,
a#btn-show-more,
b.block,
small.opacity-60,
.font-bold,
.menu-close,
.side-panel__widget li>a,
h2.side-panel__title,
.footer-items-wrapper .footer-title,
.copyright-text p,
.sm\:text-base,
.s-product-card-starting-price,
p.s-product-card-content-subtitle{
  color:var(--second-color) !important;
}
*/

.index .sm\:container:has(.s-block.s-block--fixed-banner),
section.s-block.s-block--fixed-banner.wide-placeholder .container,
salla-slider.photos-slider .swiper,
salla-slider.photos-slider .swiper-slide {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

.banner--fixed img {
  background-color: transparent !important;
}

.banner--fixed img {
  border-radius: 0 !important;
  border-radius: 0 !important;
}

a.banner.banner--fixed.overflow-hidden {
  border-radius: 0 !important;
}

.slide--cat-entry {
  background: var(--black-color) !important;
  color: var(--white-color) !important;
}

.inner.bg-inherit {
  color: var(--black-color) !important;
  background: #fff !important;
  }

section.s-block.s-block--boxed.s-block--logos-slider.overflow-hidden img {
  background: #EAF3DD !important;
  border-radius: 10px !important;
  padding: 5px !important;
}

section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry {
  height: 340px !important;
}

section.s-block.s-block--banners.container .md\:grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

section.s-block.s-block--banners.container .md\:grid-cols-3 :nth-child(1),
section.s-block.s-block--banners.container .md\:grid-cols-2 .banner-entry,
section.s-block.s-block--banners.container .md\:grid-cols-3 {
  height: 700px !important;
  background-color: #00000000 !important;
}

section.s-block.s-block--banners.container .md\:grid-cols-3 a.banner-entry.lazy.h-banner.entered.loaded,
section.s-block.s-block--banners.container .md\:grid-cols-2 .lazy__bg {
  background-repeat: no-repeat !important;
  background-size: contain !important;
}

@media (max-width: 992px) {
  section.s-block.s-block--banners.container .md\:grid-cols-2 .banner-entry {
    height: 240px !important;
  }
}

.s-product-card-entry {
  border-color: var(--black-color) !important;
}

a.banner-entry.lazy.h-banner.entered.loaded {
  background-size: contain !important;
}

.banner-entry {
  border: none !important;
}

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

  section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry:first-child {
    grid-column: span 1 / span 1 !important;
    grid-row: span 2 / span 2 !important;
  }

  section.s-block.s-block--banners.container .md\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  section.s-block.s-block--banners.container .md\:grid-cols-3 .banner-entry {
    height: 100px !important;
  }

  section.s-block.s-block--banners.container .md\:grid-cols-3 :nth-child(1),
  section.s-block.s-block--banners.container .md\:grid-cols-3 {
    height: 200px !important;
    background-color: transparent !important;
  }

  section.s-block.s-block--banners.container .md\:grid-cols-3 .two-row .banner-entry:first-child {
    grid-column: span 1 / span 1 !important;
    grid-row: span 2 / span 2 !important;
  }

  .side-panel.is-opened,
  .side-panel__top,
  .mobile-menu-bar>ul {
  color: var(--black-color) !important;
  background: #fff !important;  }

  .side-panel salla-contacts .s-contacts-item,
  .mobile-menu .main-menu li li span,
  .mobile-menu .main-menu li li,
  .mobile-menu .main-menu li.root-level>a,
  .side-panel__top,
  .side-panel__top,
  .mobile-menu-bar>ul,
  .inner.bg-inherit * {
    color: var(--black-color) !important;
    opacity: 1 !important;
  }

  .menu-close,
  .side-panel__widget li>a,
  h2.side-panel__title {
    color: var(--main-color) !important;
  }
}

.menu-close:before,
.menu-close:after,
.humb-icon span {
  background:  var(--main-color) !important;
  color:  var(--main-color) !important;
}

.mainbar-is-dark .header-mainbar .header-icon-button .icon {
  background-color: transparent !important;
}
.main-menu li.root-level>a,
.s-cart-summary-wrapper{

  color: var(--black-color) !important;

}
.sub-menu.w-56,
.store-footer__inner,
.footer-is-light .store-footer .store-footer__inner {
  color: var(--black-color) !important;
  background: #fff !important;
}

a.brands-link {
  display: none !important;
}
@media(max-width:992px){

.mobile-menu-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    border-top: 1px solid rgba(243, 244, 246, 1);
    background-color: #fff;
}

body {
    padding-bottom: 60px;
}
aside#cart-summary-panel {
    background: #f6f6f6 !important;
}
}
/*
@media(max-width:992px){

.mobile-menu-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 102;
    width: 100%;
    border-top: 1px solid rgba(243, 244, 246, 1);
    background-color: #fff;
}

body {
    padding-bottom: 60px;
}
aside#cart-summary-panel {
    background: #f6f6f6 !important;
}
}
.cats-dropdown-trigger,
.main-menu .has-children>a:after,
.main-menu li.root-level span,
.main-menu li.root-level>a,
.s-cart-summary-wrapper{

  color: var(--black-color) !important;

}
.menu-close:before, .menu-close:after, .humb-icon span{

  background: var(--black-color) !important;

}
*/
aside#cart-summary-panel,
#cats-dropdown .root-cats>li>.sub-menu .sub-menu a,
.side-panel salla-contacts .s-contacts-icon,
.side-panel salla-contacts .s-contacts-list,
.mobile-menu .main-menu li li span,
.mobile-menu .main-menu li.root-level>a,
.side-panel.is-opened, .side-panel__top, .mobile-menu-bar>ul,
#cats-dropdown a:hover, #cats-dropdown li.is-hovered>a, #cats-dropdown li:hover>a,
#cats-dropdown .root-cats,
div#cats-dropdown,.main-menu li.root-level>a, .s-cart-summary-wrapper,
.inner.bg-inherit,
.sub-menu.w-56, .store-footer__inner, .footer-is-light .store-footer .store-footer__inner {
    color: var(--white-color) !important;
    background: var(--black-color) !important;
}
.mobile-menu .has-children>a:after,
.inner.bg-inherit *{
    color: var(--white-color) !important;

}
#cats-dropdown a:hover, #cats-dropdown li.is-hovered>a, #cats-dropdown li:hover>a{
    background:#484947 !important;
}
.side-panel__widget span.unicode ,
.cats-dropdown-trigger,
.main-menu .has-children>a:after,
.main-menu li.root-level span,
.main-menu li.root-level>a,
.s-cart-summary-wrapper{

  color: var(--white-color) !important;

}
.side-panel__content section.cart-item.bg-white.p-2\.5.md\:p-5.rounded.mb-2\.5.md\:mb-5.relative.border.border-gray-100 {
    background:#484947 !important;

color:#93d500 !important
}

span.text-gray-500,
.side-panel__content a.text-base{

    color:#fff !important

}