/* Add custom CSS styles below */ 
.product__description article img {
    border-radius: 15px;
}

.navbar-brand img {
    max-width: 130px !important;
    height: auto !important;
}

.top-navbar {
    display: none !important;
}

.s-block.container .s-products-list-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 20px !important;
}

.s-products-list-wrapper custom-salla-product-card {
    width: 280px !important;
    max-width: 100% !important;
}

.s-block--features__item .feature-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    height: 70px;
}

.s-block--features__item .feature-icon i[class^="sicon-"] {
    display: inline-block;
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0 !important;
    color: transparent !important;
    vertical-align: middle;
}

.s-block--features__item .feature-icon i[class^="sicon-"]::before {
    content: "" !important;
    display: none !important;
}

.s-block--features__item .feature-icon .sicon-store2 {
    background-image: url('https://cdn.salla.sa/BrROga/Ks69uLOGjwy3SC14IHdWWruzyCnHL0y9sn7OkY7y.png');
}

.s-block--features__item .feature-icon .sicon-shipping-fast {
    background-image: url('https://cdn.salla.sa/BrROga/DjaVJStYPxi0m0BPskonjhJlUPwN4inMvEorELM7.png');
}

.s-block--features__item .feature-icon .sicon-fire {
    background-image: url('https://cdn.salla.sa/BrROga/5Ln8xT8bgUGyRy0Zv7PJ95Td2PAYVHQPw2tuuUcU.png');
}

.s-block--hero-slider .swiper-slide.bg-dark {
    background-color: transparent !important;
}

.s-block--hero-slider .overlay-bg::before,
.s-block--hero-slider .overlay-bg::after {
    display: none !important;
}

.s-slider-block__title-nav,
.s-slider-nav-arrow,
.s-slider-prev,
.s-slider-next {
    display: none !important;
    pointer-events: none !important;
}

.s-block--hero-slider .swiper-slide {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2000 / 935 !important;
}

.s-block--hero-slider .overlay-bg {
    background-size: cover !important;
    background-position: center center !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 1 !important;
    filter: none !important;
    position: absolute !important;
    inset: 0 !important;
}

a[href*="eauthenticate.saudibusiness.gov.sa"] {
    pointer-events: none !important;
    cursor: default !important;
    text-decoration: none !important;
}

salla-contacts.s-contacts {
    display: none !important;
}

.s-social-link a .s-social-icon svg {
    display: none !important;
}

.s-social-link a .s-social-icon {
    display: inline-block !important;
    width: 50px !important;
    height: 50px !important;
    min-height: auto !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.s-social-link a[href*="snapchat"] .s-social-icon {
    background-image: url('https://www.svgrepo.com/show/382734/snapchat-snap-chat.svg') !important;
}

.s-social-link a[href*="instagram"] .s-social-icon {
    background-image: url('https://www.svgrepo.com/show/452229/instagram-1.svg') !important;
}
.s-social-link a[href*="tiktok"] .s-social-icon {
    background-image: url('https://uxwing.com/wp-content/themes/uxwing/download/brands-and-social-media/tiktok-circle-icon.png') !important;
}
.s-social-link a[href*="x"] .s-social-icon {
    background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/c/cc/X_icon.svg/960px-X_icon.svg.png') !important;
}

.s-social-list {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 15px !important;
}

.store-footer__inner .lg\:col-span-2,
.store-footer__inner .grid>div {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
}

.store-footer__inner a.flex.items-center {
    justify-content: center !important;
    width: 100% !important;
}

.store-footer__inner .max-w-sm {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
}

.store-footer__inner salla-social .s-social-list {
    justify-content: center !important;
    padding: 0 !important;
}

.store-footer__inner .flex.gap-4,
.store-footer__inner .flex.items-end {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    flex-wrap: wrap !important;
}

.s-menu-footer-list,
.s-contacts-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

salla-apps-icons {
    display: flex !important;
    justify-content: center !important;
    padding: 0 !important;
}

@media (min-width: 1024px) {
    .store-footer__inner .container.grid {
        justify-content: center !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 40px !important;
    }
}



.s-reviews-testimonial__inner {
    background: rgba(255, 255, 255, 0.4) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.05) !important;
    padding: 25px !important;
    transition: all 0.3s ease-in-out !important;
}

.s-reviews-testimonial:hover .s-reviews-testimonial__inner {
    transform: translateY(-5px) !important;
    background: rgba(255, 255, 255, 0.6) !important;
    box-shadow: 0 12px 40px 0 rgba(0, 0, 0, 0.08) !important;
}

.s-reviews-testimonial__avatar img {
    border-radius: 50% !important;
    border: 2px solid #fff !important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.s-reviews-testimonial__icon svg {
    fill: rgba(0, 0, 0, 0.1) !important;
}

.s-block--testimonials {
    background-color: #f5f5f7 !important;
    padding: 60px 0 !important;
}

.s-reviews-testimonial__inner {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
}

.s-reviews-testimonial {
    background: transparent !important;
    box-shadow: none !important;
}

.s-block--testimonials,
.s-block--custom-testimonials,
.s-reviews-container {
    background: transparent !important;
    background-color: transparent !important;
    padding: 40px 0 !important;
}

.s-reviews-testimonial__inner {
    background: rgba(255, 255, 255, 0.45) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    transform: translateY(-8px) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07) !important;
    padding: 25px !important;
    transition: all 0.4s ease !important;
}

.s-reviews-testimonial__text p {
    color: #333 !important;
    font-weight: 500 !important;
}

.s-reviews-swiper-slide {
    padding: 15px 10px !important;
}

.navbar-brand {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

@media (max-width: 767px) {
    .navbar-brand {
        position: absolute !important;
        left: 60% !important; 
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }

   
    .header__inner .flex.items-center {
        position: relative !important;
        width: 100% !important;
    }
}

.s-product-card-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.s-product-card-content-main,
.s-product-card-content-title,
.s-product-card-content-subtitle {
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
}

.s-product-card-sale-price {
    justify-content: center !important;
    width: 100% !important;
    display: flex !important;
    gap: 10px !important;
}

.s-product-card-content-footer {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

.custom-rating-row {
    width: 100% !important;
    justify-content: center !important;
}










@media (max-width: 767px) {
    custom-salla-product-card.s-product-card-entry {
        max-width: 180px !important; 
        margin: 5px !important;
    }

 
    .s-product-card-content {
        padding: 8px !important;
    }


    .s-product-card-content-title a {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

  
    .custom-rating-row {
        font-size: 10px !important;
        gap: 2px !important;
    }

    .custom-rating-row svg {
        width: 10px !important;
        height: 10px !important;
    }

    .s-product-card-sale-price h4 {
        font-size: 14px !important;
    }
    
    .s-product-card-sale-price span {
        font-size: 11px !important;
    }

  
    .s-button-element.s-button-btn {
        height: 32px !important;
        font-size: 11px !important;
        padding: 0 5px !important;
    }
    
    
    .s-button-element .sicon-shopping-bag {
        font-size: 14px !important;
    }
}