body {
    background-color: #f9fafb
}
.top-navbar button.btn--rounded-gray {
    background-color:#F9FAFB
}
.top-navbar {
    background-color: #F9FAFB;
}
.navbar-brand img{
max-height: 3.7rem !important;
}
input.s-search-input {
    background-color:#eef0f2 !important;
}
.main-nav-container{
    background-color:#F9FAFB !important;
}
.main-menu li.root-level> a{
    color:#5b5950 !important
}
.main-menu li.root-level> a:hover{
    color:#084c3bbf !important
}
.main-menu li.root-level> .brands-link{
    display:none !important
} 
.header-btn__icon {
    color: #000000B2 !important;
    border: #E5E7EB 1px solid!important ;
    transition: transform 0.2s ease;
}
@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(-2px); }
    50% { transform: translateX(2px); }
    75% { transform: translateX(-2px); }
    100% { transform: translateX(0); }
}

.header-btn__icon:hover {
    animation: shake 0.5s ease;
    background-color:#67a29f52;
    color:#4e4e4e
}

.s-cart-summary-total{
    color:#000000B2
}

.header-buttons button {
    background-color:#eef0f2 !important;
}

p.s-cart-summary-content {
    width:90px
}
section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) {
    margin: 0
}

section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1) .container {
    max-width: 100%!important;
    padding: 0
}

section.s-block.s-block--fixed-banner.wide-placeholder .container img {
    background: transparent;
    border-radius:0;
}
section:has(img[src="https://cdn.files.salla.network/homepage/2051990559/3fd849dd-f922-4257-9624-d657b37a49dc.webp"]){
    width:35%;
    margin:auto;
}


.s-block.s-block--categories {
    margin-top: 0;
    background-color:#E5E7EB
}

a.slide--cat-entry {
    background: transparent; 
    border: none;
    height: 23rem;
}
a.slide--cat-entry h2{
    font-size:18px
}
.slide--cat-entry img {
    height: 15rem;
    width: 15rem;
    border-radius:0;
}

.swiper-slide.slide--one-sixth {
    width: 25%
}
.slide--cat-entry:hover {
    box-shadow: none
}

.s-block--categories .swiper-wrapper.s-slider-swiper-wrapper {
    justify-content:start
}
.s-block--best-offers .s-slider-nav-arrow {
    width: 50px;
    background-color:#80808057
}

.s-block--best-offers .s-slider-nav-arrow svg {
    fill: white
}
.s-slider-block__title-right h2{
    font-size:22px
}
.s-product-card-entry{
    background:transparent;
}
.s-product-card-content {
    text-align: center;
}

h4.s-product-card-price {
   color:#2B4B4E;
}

.s-product-card-content-sub {
    justify-content: center
}

salla-add-product-button.hydrated:has(button:disabled):hover {
    cursor: no-drop
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    border-radius: 0px;
    color: #003C44;
    border: 1.2px solid #003C44;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;
    
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover span {
    animation: shake .4s
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    animation: shake .4s;
    color:white;
    background-color:#003C44
}

.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover span {
    display: inline-block
}

@keyframes shake {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(-1px)
    }

    50% {
        transform: translateX(1px)
    }

    75% {
        transform: translateX(-1px)
    }

    100% {
        transform: translateX(0)
    }
}
.s-block--features::before {
  content: " ";
  display: block;
  width: 42rem;
  height: 140px;
  /* background:red; */
  background-image: url("https://i.ibb.co/5hkzpjhT/Group-2.webp");
  background-size:cover;
  margin:auto;
  margin-bottom:20px;
  background-repeat: no-repeat !important;
    
}

.s-product-card-entry {
    border: 1px solid #6C757D40
}

.s-block--features__item {
    background-color: white ;
    border:1px solid #115E66;
}

.feature-icon {
    background-color: #070C12!important
}

.feature-icon i {
    color: #D3D8DE!important
}

.s-block--features__item:hover p,.s-block--features__item:hover h2 {
     color: #D3D8DE!important; 
}
.s-block--features__item:hover .feature-icon {
    background-color:#D3D8DE !important
}
.s-block--features__item:hover{
    background-color:#070c12db
}
.s-block--features__item:hover .feature-icon i {
    color:#070C17 !important
}
.s-reviews-header-wrapper h1{
    display:none !important;
}
.s-reviews-header-wrapper::after {
      content: " ";
  display: block;
  width: 55rem;
  height: 140px;
  /* background:red; */
  background-image: url("https://i.ibb.co/Z5mH8hp/Group-1.webp");
  background-size:cover;
  margin:auto;
  margin-bottom:20px;
  background-repeat: no-repeat !important;
}



.store-footer__inner {
    background-color: #E5E7EB!important;
    padding-bottom:0rem;
}

footer.store-footer {
    background-color: #f9fafb!important
}

.store-footer__inner .grid {
    grid-template-columns: repeat(3,minmax(0,1fr))
}

.store-footer__inner .grid div:nth-of-type(1) {
    grid-column: span 1 / span 2
}

.store-footer__inner .grid > div a h3 {
    display: none
}

.store-footer__inner .grid > div:nth-of-type(1) > a::after {
    content: " ";
    display: block;
    width: 170px;
    height:60px;
    /* background:red; */
    background-image: url("https://i.ibb.co/wr6BFJzT/image-1-1.png");
    background-size: cover;
    background-repeat: no-repeat!important;
    margin-bottom: 13px
}


.store-footer__inner > div * {
    text-align: center;
    justify-content: center;
}

.store-footer__inner .grid > div > div {
    margin: auto;
    padding: 10px
}

.store-footer__inner .grid div:nth-of-type(1) > div > h2 {
    font-size: 1rem!important
}

ol.s-breadcrumb-wrapper {
    font-size: 18px
}

.s-comments.s-comments-product,.s-user-menu-trigger {
    background: transparent!important
}

.product-single .main-content {
    padding: 15px;
}

.main-content .cart-item {
    box-shadow: 5px 10px 30px #2b2d341a
}

.content--single-page .content-entry h2 {
    font-weight: lighter
}

@media (max-width: 992px) {
.s-slider-container.swiper-initialized{
    padding-left:0;
}
    a.slide--cat-entry {
    height: 17rem;
}
.slide--cat-entry img {
    height: 9rem;
    width: 9rem;
}
.swiper-slide.slide--one-sixth {
    width: 25%
}
a.slide--cat-entry h2{
    font-size:16px
}
.s-slider-block__title-right h2{
    font-size:20px
}
section:has(img[src="https://cdn.files.salla.network/homepage/2051990559/3fd849dd-f922-4257-9624-d657b37a49dc.webp"]){
    width:40%;
}

.s-reviews-header-wrapper::after {
  width: 30rem;
  height: 70px;
}
.s-block--features::before {
  width: 25rem;
  height: 80px;
    
}

    .store-footer__inner .grid {
        grid-template-columns: repeat(1,minmax(0,1fr))
    }

    .contact-social {
        border: none;
    }
}
@media (max-width: 600px) {

    a.slide--cat-entry {
    height: 14rem;
}
.slide--cat-entry img {
    height: 8rem;
    width: 8rem;
}
.swiper-slide.slide--one-sixth {
    width: 43%
}
a.slide--cat-entry h2{
    font-size:14px
}
.s-slider-block__title-right h2{
    font-size:18px
}
section:has(img[src="https://cdn.files.salla.network/homepage/2051990559/3fd849dd-f922-4257-9624-d657b37a49dc.webp"]){
    width:60%;
}
.s-block--categories .swiper-wrapper.s-slider-swiper-wrapper {
    justify-content:start
}
.s-reviews-header-wrapper::after {
  width: 20rem;
  height: 50px;
}
.s-block--features::before {
  width: 17rem;
  height: 55px;

    
}
    .contact-social {
        border: none
    }
    .store-footer__inner .grid > div:nth-of-type(1) > a::after {
        width: 140px;
        height: 46px
    }
    .s-cart-summary-content {
        display: none
    }
}

@media (max-width: 320px) {
    .s-search-inline{
        min-width:190px !important;
    }
    .s-add-product-button-main button {
        font-size:12px
    }
    .s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
        padding: 8px 5px
    }
.swiper-slide.slide--one-sixth {
    width: 50%
}

.s-reviews-header-wrapper::after {
  width: 18rem;
  height: 45px;
}

}