/* Add custom CSS styles below */
  
    body {
        background-color: #fff;
    }
    
    nav.text-\[var\(--header-textmain-color\)\] {
        padding: 0px;
    }
    
    nav .bg-\[var\(--header-main-color\)\] {
        padding: 1rem;
    }
    
    .navbar {
        justify-content: center;
        color: #000;
        background-color: #dedede;
    }
    
    section.olla-banner.s-block--fixed-banner.wide-placeholder:first-of-type {
        padding: 0 !important;
    }
    
    section.olla-banner.s-block--fixed-banner.wide-placeholder .container {
        max-width: 100%;
        padding: 0
    }
    
    section.olla-banner.s-block--fixed-banner.wide-placeholder .container img {
        border-radius: 0
    }
    
    .s-slider-block__title-right {
        margin: auto;
        padding: 0
    }
    
    .s-slider-block__title h2 {
        padding: 0;
        border-bottom: 1px solid;
    }
    
    .olla-card {
        border: 4px solid;
        border-radius: 10px;
        border-color:#8d8d8d
    }
[type='search'] {
    border-color:#8d8d8d
}
    
    .olla-card salla-add-product-button button span.add-to-cart {
        display: none
    }
    
    .olla-card salla-add-product-button button i {
        border-right: 2px solid;
        padding: 10px;
    }
    
    button.olla-background span:first-of-type {
        justify-content: end;
        width: 95%;
        height: 100%;
        background-color: transparent
    }
    
    .s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center {
        !i;!;
        margin: 0 !important;
        padding: 0;
        background-color: transparent !important;
    }
    
    .s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center span.s-button-text {
        width: 100%;
    }
    
    .s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center button.olla-background.text-white {
        width: 100%;
        border-radius: 0;
        padding: 0;
        background-color: transparent !important;
        border-top: 1px solid #8d8d8d !important;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    
    .olla-card div.w-full {
        padding: 0;
    }
    
    .olla-card div.w-full .flex.md\:gap-2 {
        position: absolute;
        bottom: 5px;
        z-index: 10;
        right: 5px;
    }
    
    .s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-light.s-button-disabled.s-button-loader-center {
        padding: 0;
    }
    
    section.olla-banner.py-10.s-block--fixed-banner.wide-placeholder {
        padding: 0;
        padding-top: 20px;
    }
    
    section.s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    
    .two-row .banner-entry:first-child {
        grid-row: span 1/span 2;
    }
    
    .banner-entry {
        background-color: transparent;
        height: 165px;
        transition: 1s;
    }
    
    .banner-entry:hover {
        transform: scale(0.9);
        transition: 1s
    }
    
    footer.bg-\[var\(--color-footer-main\)\] {
        background-color: #ebebeb;
    
    }
    
    footer .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        text-align: center
    }
    
    footer.bg-\[var\(--color-footer-main\)\] * {
        justify-content: center
    }
    
    .logo.w-32 {
        margin: auto;
    }
    
    
    .promotion {
        left: 1%;
        right: auto;
    }
    
    
    
    .content.content--single-page.w-full {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        padding: 20px;
        border-radius: 8px;
        margin-top: 20px;
    }
    
    
    
    
    section.cart-item.bg-white.p-5.xs\:p-7.rounded-md.mb-5.relative {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }
    [product-status="out"] {
        cursor:no-drop
    }
    [product-status="out"] span.s-button-text {
        width: 100%;
        left: 0;
        
    }
    
    [product-status="out"] button.olla-background.text-white.text-sm.w-auto.h-9.flex.justify-center.items-center.gap-2.px-3.mt-3.rounded-full.font-bold.hover\:shadow-lg.hover\:-translate-y-1.duration-300.hover\:bg-white.hover\:text-emerald-500 {
        width: 100%;
    }
    [product-status="out"] button.olla-background.text-white.text-sm.w-auto.h-9.flex.justify-center.items-center.gap-2.px-3.mt-3.rounded-full.font-bold.hover\:shadow-lg.hover\:-translate-y-1.duration-300.hover\:bg-white.hover\:text-emerald-500 {
        width: 100%;
        border:1px solid #000;
        border-radius:0;
        background-color:transparent !important;
        border-bottom-right-radius:8px;
        border-bottom-left-radius:8px
    }
    
    [product-status="out"] span.olla-text.w-6.h-6.bg-white.text-emerald-500.flex.justify-center.items-center.rounded-full {
        width: 100%;
        justify-content: left;
        background-color:transparent
    }
    [product-status="out"] .add-to-cart {
        display:none
    }
    
    [product-status="out"] span.olla-text.w-6.h-6.bg-white.text-emerald-500.flex.justify-center.items-center.rounded-full  i.sicon-shopping-bag {
        padding:5px;
        color:#0000ff2b;
        border-right:2px solid #000;
        padding:10px
    }
        custom-salla-product-card .olla-card h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
}
.product-single .w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar
 .s-add-product-button-main
 .s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center

 {padding: 0.8vw;}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
}
    @media(max-width:992px){
        section.s-block.s-block--banners.container .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
        .banner-entry {
        height: 27vw;
    }
        footer .grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
        .logo.w-32 + .info p {
            margin:auto
        }
    }
    @media(max-width:600px){
        .s-products-slider-card.swiper-slide {
        padding-right:0 !important
    }
        .olla-card h3.text-xl.font-bold.py-2.leading-tight {
        font-size: 13.5px;
    }
            custom-salla-product-card .olla-card h3 {
    overflow: visible;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 16px;
}
.product-single .w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar
 .s-add-product-button-main
 .s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center

 {padding: 4vw;}
 
 
 .s-product-card-sale-price {
    display: flex;
    flex-direction: column;
}

.olla-card:has(.s-product-card-sale-price) div.w-full .flex.md\:gap-2 {
    bottom:-3px;
}
.s-product-card-sale-price h4 {
    font-size:14px !important
}

.s-product-card-sale-price span {
    font-size: 13px;
}

    }
    
 
    .bg-\[var\(--header-main-color\)\]{background-color:#FFF;}
a.s-cart-summary-wrapper  {
    color: #000 !important;
}
.s-cart-summary-total , i.header-btn__icon.icon.sicon-shopping-bag{
    color:#222 !important
}
.navbar {
    background-color:#dedede 
}
.navbar>div>ul>li>a {
    color: #222 !important;!i;!;
}
    section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding:0
}

.product-single .w-full.sticky-product-bar__btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar .s-add-product-button-main {
    flex-direction: row !important;
}
.salla-advertisement[data-id="721159259"] {
    display: block !important;
}