/* START OF CSS STYLE CODE BY NUSSUQ */

/* ====== GENERAL ====== */
.home-block-line, div.my-2.mx-auto.w-28.h-0.border-2.border-primary {display: none}
.s-block {margin-top:3rem}
.s-block h2 {padding-top: .5rem; line-height: 0;     margin-bottom: 2rem !important;}
.s-block h2:before, .s-block h2:after {
    display: block;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    right: 0;
    font-size: 4.5rem;
    -webkit-text-stroke: 1px #22305115;
    color: transparent;
    z-index: -9;font-family: sans-serif;}

.s-block h2:before, .s-block h2:after {position: static !important;}


.s-slider-wrapper .swiper-pagination-bullet {width: 100px; margin: 0 -3px !important; height:3px}
.s-slider-wrapper .swiper-pagination-bullet-active {width:20px}

@media (max-width:768px){
.s-block h2 {font-size: 1.3rem;line-height: .9rem;}
}

.s-block a.btn.btn--outline-primary {border:none; height: auto; font-size: .8rem; color:#444; font-weight: 500}
.s-block a.btn.btn--outline-primary i {display: none }

/* ====== HEADER ====== */
.animated-text, .promotion-banner {padding: 0}
.store-header .sicon-cart:before {content: "\ef36";}
.s-cart-summary-count {background-color: #ee4c58;}
  
/* ====== CATEGORIES ====== */
.s-block--square-links img.aspect-\[3\/4\] {aspect-ratio: unset;}
.group:hover .group-hover\:scale-110, .group:hover .group-hover\:scale-x-100 {transform: unset !important}

.s-block--square-links .container.mt-4 {
    margin-top: 1.5rem;
}
.s-block--square-links h2 {padding-top: .5rem}
.s-block--square-links h2:after {content: 'OFFSIDE';
}

@media (max-width:768px){
.s-block--square-links salla-slider .slide--one-fourth {max-width: 150px; padding: 0 !important}
}

/* ====== PRODUCTS ====== */
.fixed-products {margin-top: 2rem}
.fixed-products--2 h2:before {content:'NEW'}
.product-card__actions {
    right: 4px;
    top: 0px;
}
.product-card__actions div button {background: none}
.product-card__content {padding: 6px 6px 0 !important}
.product-card__title a {
        margin: 0 0 10px !important;
        text-align: right;
        font-weight: 500;
        color: #000;
    }
.product-card__price {
 justify-content: flex-start;
    width: fit-content;
    font-weight: 500;
}
.price_is_on_sale {gap:2px;flex-direction: row-reverse;}
.price_is_on_sale p, .price_is_on_sale span {line-height: 1; font-weight: 500;}
.product-card__price .total-price {top: 0}

body.products-has-border .product-card {border-radius: 6px}
.product-card__actions div.quickview-btn {display: none}

salla-button .s-button-btn:hover, salla-button .s-button-btn:focus {    background-color: transparent;
    color: var(--color-primary-light);}

@media (max-width: 991px) {
  .s-products-list-vertical-cards {gap:.7rem}
    .simplified-products .offer-slide .product-card--simplified .product-card__mini-cart button, .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__mini-cart button, .simplified-products .s-products-slider-card .product-card--simplified .product-card__mini-cart button {
        position: absolute;
        bottom: 0;
        left: 0;
        right: auto;
        width: auto;
        border: none;
        line-height: 2;
        height: 40px;
    }
  salla-add-product-button .s-button-text {font-size: 0 !important}
.simplified-products .offer-slide, .simplified-products .s-products-slider-card
 {
        width: 190px;
    }

}



@media (max-width: 767px) {
body:not(.free-images-height) .simplified-products .offer-slide .product-card--simplified .product-card__image, body:not(.free-images-height) .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__image, body:not(.free-images-height) .simplified-products .s-products-slider-card .product-card--simplified .product-card__image {max-height: 16rem; height:16rem;}
}

/* ====== SPECAIL ====== */
#best-offers-6-slider {padding-top:1.3rem}
#best-offers-6-slider h2:before {content: 'SPECIAL'}


/* ====== TABS ====== */
.s-block--tabs-produtcs {padding-top: 0rem;}
.s-block--tabs-produtcs .tabs {background: #22305110;
    width: fit-content;
    margin: 0 auto 1rem;
    padding: 0px 8px;
    border-radius: 25px;}
.s-block--tabs-produtcs .tab-trigger button {
    font-weight: 600;
    line-height: 1.75rem;
    padding: 6px 4px;
  font-size: .8rem;
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border: none;
    background-color: #ee4c58;
    border-radius: 25px;
    color: #fff !important;
    padding: 6px 10px;
}

/* ====== TIMER ====== */
.promo_with_countdown {margin-top: 1rem; margin-bottom: 1rem}
.promo_with_countdown .relative {background:none; padding-top:.6rem; padding-bottom: .3rem}
.promo_with_countdown .s-count-down-item {
    border: 1px solid #ee4c58;
    color: #ee4c58;border-radius:4px
}
.promo_with_countdown .s-count-down-list {margin-top:2rem}
.promo_with_countdown .s-count-down-item-label {color: #ee4c58;}
.promo_with_countdown h2 {margin-bottom:0 !important}
.promo_with_countdown h2 span {color:#223051}
.promo_with_countdown p {display: none}


/* ====== SLIDER ====== */
.s-block--photos-slider img {border-radius:20px}

/* ====== TITLE ====== */
.title {padding: 0; margin-bottom: 0; margin-top:2rem}
.title h2:after {content: 'BEST'}

/* ====== COMMUNITY ====== */
.s-block--videos-gallery h2 {margin-bottom: 1rem !important}
.s-block--videos-gallery h2:after {content: 'COMMUNITY'; font-size: 3.5rem;}

.s-block--videos-gallery .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        height: 2px;
        width: 50px;
        border-radius: 0;
  border: none !important;
    }
.s-block--videos-gallery .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {width:20px;height:2px !important}
.s-block--videos-gallery .videos-gallery-container salla-slider .swiper-wrapper {padding-bottom: 40px}


/* ====== REVIEW ====== */
.s-block--testimonials {padding-top: 2rem}
.s-block--custom-reviews.has-bg:before, .s-block--faq.has-bg:before, .s-block--testimonials.enhanced:before, .special-product.has-bg:before {display: none}
.s-block--testimonials h2 {margin-bottom: 1rem !important}
.s-block--testimonials h2:after {content: 'REVIEWS'}

.s-block--testimonials .flex.items-center.gap-8.mt-5 {margin-top: 0}

.review > .flex {box-shadow: none !important; background-color: #22305110}
.review .flex img {display: none}
.comment__rating {display: flex}
.comment__rating i {color:#ee4c58}

/* ====== OFFER ====== */
.offer-rm {margin-top: 2rem}
.offer-rm .product-card__content-wrapper {display: flex; flex-direction: column}
.offer-rm .product-card__title {order:2}
.offer-rm .product-card__subtitle {order: 3}
.offer-rm .product-card__price {order: 4}
.offer-rm salla-count-down {order: 1}

.offer-rm .s-count-down-list {margin-top: 0 !important; margin-bottom: 10px !important}
.product-card-countdown .s-count-down-list .s-count-down-item {    margin: 1px;
    background: none;
    border-color: #ee4c58;
    color: #ee4c58;}
.offer-rm h2 {margin-bottom: 15px !important}
.offer-rm p {opacity: .7; margin-bottom: 2rem}
.product-card__price .total-price {margin: 0}

/* ====== FOOTER ====== */
.footer-list a {font-size:.9rem}

@media (max-width:768px){
.store-footer__inner .grid {    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;}  
}

/* ====== CATEGORY ====== */
.breadcrumbs {padding-top: .5rem; padding-bottom: .5rem}
.product-index .cat-content {padding: 0}
.product-index h1 {font-size: 1.1rem}
.product-index button.s-infinite-scroll-btn {
    background: none;
    border: none;
    color: var(--main-color);
    font-size: .9rem;
    font-weight: 500;
    border-bottom: 1px solid;
    padding: 4px;
    border-radius: 0;
}

/* ====== PRODUCT PAGE ====== */
@media (max-width: 991px) {
.product-single salla-add-product-button .s-button-text {
        font-size: .8rem !important;
    }
}

/* ====== CHALLENGE PAGE ====== */
.content--single-page:has(.challenge) h1.font-bold.text-2xl.mb-6 {display: none}
.challenge h1 {text-align: center;font-size: 1.3rem;font-weight: 500 !important;background: #b6060620;width: fit-content;padding: 0 15px;margin: auto auto .8rem;line-height: 1.5; color:#223051}
.challenge p {text-align: center;font-size: 1.1rem;opacity: .7;margin: 0 auto 1.5rem;}
.content--single-page:has(.challenge) {padding: .5rem}
.challenge .grid {display: grid; grid-template-columns: repeat(7,1fr); gap:10px}
.challenge .grid img {margin: 0; border-radius: 8px;}
.challenge h5 {line-height: 2;margin: 2rem 0 1rem;font-size: 1.1rem;font-weight: 500;color: #223051;}
.challenge ul {margin: 1rem 1rem 1rem .5rem;}
.challenge ul li {text-align: justify;margin-bottom: 10px;opacity: .9;color: #000;}
@media (max-width:768px){
.challenge .grid {grid-template-columns: repeat(4,1fr); gap:5px}
}