.fixed_promotion:not(.promotion-banner-hidden) .main-nav-container.fixed-header .inner {
    top: 46px !important;
}


.hide-banner {
    display: none !important;
}

/*  Testimonial category  */
/* Testimonials Section - Matches Reference Design */

/* Container for testimonials section */
.testimonials-section {
    width: 100%;
    padding: 60px 20px;
    background-color: #f2effb;
    margin: 40px 0;
}

.testimonials-container {
    max-width: 1200px;
    margin: 0 auto;
}

.testimonials-title {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
    color: #2d2d2d;
    margin-bottom: 50px;
    font-family: 'Ping AR LT', 'PingARLT', 'Tajawal', sans-serif;
}

/* Desktop: 3 cards in a row */
.testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    padding: 0 20px;
    align-items: start;
}

/* Individual testimonial card */
.testimonial-card {
    background: white;
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    align-self: start;
    margin: 0;
}

.testimonial-card:hover {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}

/* Quote icon - hidden */
.testimonial-quote {
    display: none !important;
}

/* Testimonial text */
.testimonial-text {
    color: #666;
    font-size: 15px;
    line-height: 1.8;
    margin-bottom: 25px;
    min-height: 80px;
    font-family: 'Tajawal', sans-serif;
}

/* Star rating */
.testimonial-rating {
    display: flex;
    gap: 4px;
    margin-bottom: 25px;
}

.testimonial-rating .star {
    color: #fbbf24;
    font-size: 20px;
}

/* Customer info */
.testimonial-customer {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.testimonial-avatar {
    display: none !important;
}

.testimonial-name {
    font-weight: 600;
    color: #2d2d2d;
    font-size: 16px;
    display: none !important;
}

/* Mobile: Slider with 1 card per view */
@media (max-width: 768px) {
    .testimonials-section {
        padding: 40px 0;
    }

    .testimonials-title {
        font-size: 24px;
        margin-bottom: 30px;
        padding: 0 20px;
    }

    .testimonials-grid {
        display: flex !important;
        flex-direction: row !important;
        grid-template-columns: none !important;
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        scroll-behavior: smooth;
        gap: 15px;
        padding: 0 20px 20px 20px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .testimonials-grid::-webkit-scrollbar {
        display: none;
    }

    .testimonial-card {
        min-width: 85%;
        max-width: 85%;
        width: 85%;
        scroll-snap-align: center;
        flex-shrink: 0;
        padding: 25px;
        margin: 0;
    }

    .testimonial-quote {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .testimonial-text {
        min-height: auto !important;
        max-height: none !important;
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 20px;
    }

    .testimonial-rating {
        margin-bottom: 20px;
    }

    .testimonial-rating .star {
        font-size: 18px;
    }

    .testimonial-avatar {
        width: 45px;
        height: 45px;
    }

    .testimonial-name {
        font-size: 15px;
    }

    /* Slider dots indicator - hidden */
    .testimonials-dots {
        display: none !important;
    }
}

/* Hide dots on desktop */
@media (min-width: 769px) {
    .testimonials-dots {
        display: none;
    }
}

/* =========================================
   1. HEADER & NAVIGATION
   ========================================= */
.top-navbar,
.main-nav-container,
.products-index {
    background-color: rgb(221, 212, 244, .2) !important;
}

.products-index {
    margin-bottom: -65px;
}

.main-nav-container a:hover {
    color: white !important;
}

/* =========================================
   2. FOOTER STYLING
   ========================================= */
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__newsletter {
    background-color: rgb(221, 212, 244, .2) !important;
}

.store-footer__curve {
    color: rgb(221, 212, 244, .2) !important;
}

/* =========================================
   3. GLOBAL IMAGE SETTINGS
   ========================================= */
.product-card .product-card__image,
.s-products-slider-card .product-card__image {
    padding: 0 !important;
    background-color: transparent !important;
    overflow: hidden !important;
}

.product-card .product-card__image img,
.s-products-slider-card .product-card__image img {
    object-fit: cover !important;
    background-color: #fff !important;
    padding: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

/* =========================================
   4. PROBLEM SECTION TEXT (Square Links)
   ========================================= */
.square-links-1>div::before {
    content: "ما هي مشاكل الشعر التي تعانين منها ؟";
    display: block;
    text-align: center;
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;

    margin-bottom: 60px;

    font-family: "PingARLT", sans-serif;
}

@media (max-width: 790px) {
    .square-links-1>div::before {
        content: "ما هي مشاكل الشعر التي تعانين منها ؟";
        display: block;
        text-align: center;
        font-size: 1.5rem;
        font-weight: bold;
        color: #333;

        margin-bottom: 60px;

        font-family: "PingARLT", sans-serif;
        margin-top: 24px !important;
    }
}

/* =========================================
   6. SPECIAL PRODUCTS SLIDERS (3, 6 & 8)
   ========================================= */

.advanced-slider__caption__inner__content__button {
    position: absolute;
    bottom: 24px;
    border-radius: 8px;
}

/* --- DESKTOP LAYOUT --- */
@media (min-width: 1024px) {

    .s-block--special-products-slider--3 .min-h-\[600px\],
    .s-block--special-products-slider--6 .min-h-\[600px\],
    .s-block--special-products-slider--8 .min-h-\[600px\] {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-bottom: 50px !important;
    }

    /* Banner Image (Left) */
    .s-block--special-products-slider--3 .min-h-\[600px\]>.lg\:w-1\/3,
    .s-block--special-products-slider--6 .min-h-\[600px\]>.lg\:w-1\/3,
    .s-block--special-products-slider--8 .min-h-\[600px\]>.lg\:w-1\/3 {
        order: 2 !important;
        width: 35% !important;
        max-width: 35% !important;
        background-color: transparent !important;
        flex-shrink: 0 !important;
    }

    /* Slider Wrapper (Right) */
    .s-block--special-products-slider--3 .min-h-\[600px\]>.slider-wrap,
    .s-block--special-products-slider--6 .min-h-\[600px\]>.slider-wrap,
    .s-block--special-products-slider--8 .min-h-\[600px\]>.slider-wrap {
        order: 1 !important;
        width: 65% !important;
        max-width: 65% !important;
        padding: 0 40px 0 20px !important;
        overflow: visible !important;
    }

    .s-block--special-products-slider--3 .lg\:w-1\/3 img,
    .s-block--special-products-slider--6 .lg\:w-1\/3 img,
    .s-block--special-products-slider--8 .lg\:w-1\/3 img {
        object-fit: contain !important;
        height: 100% !important;
        min-height: 500px !important;
    }
}

/* --- MOBILE LAYOUT --- */
@media (max-width: 1023px) {

    .s-block--special-products-slider--3 .min-h-\[600px\],
    .s-block--special-products-slider--6 .min-h-\[600px\],
    .s-block--special-products-slider--8 .min-h-\[600px\] {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: auto !important;
        padding-bottom: 20px !important;
    }

    /* Fix Banner Container Height */
    .s-block--special-products-slider--3 .min-h-\[600px\]>.lg\:w-1\/3,
    .s-block--special-products-slider--6 .min-h-\[600px\]>.lg\:w-1\/3,
    .s-block--special-products-slider--8 .min-h-\[600px\]>.lg\:w-1\/3 {
        width: 100% !important;
        order: 1 !important;
        margin-bottom: 30px !important;
        height: 600px !important;
        min-height: 600px !important;
        max-height: none !important;
    }

    .s-block--special-products-slider--3 .lg\:w-1\/3 img,
    .s-block--special-products-slider--6 .lg\:w-1\/3 img,
    .s-block--special-products-slider--8 .lg\:w-1\/3 img {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;
        max-height: none !important;
        object-fit: cover !important;
    }

    .s-block--special-products-slider--3 .min-h-\[600px\]>.slider-wrap,
    .s-block--special-products-slider--6 .min-h-\[600px\]>.slider-wrap,
    .s-block--special-products-slider--8 .min-h-\[600px\]>.slider-wrap {
        width: 100% !important;
        order: 2 !important;
        padding: 0 !important;
    }
}

/* =========================================
   7. SLIDER CONTROLS & ITEMS
   (REMOVED #slider-with-bg-6 from this section so it behaves normally)
   ========================================= */
#slider-with-bg-3,
#slider-with-bg-6,
#slider-with-bg-8 {
    display: flex !important;
    flex-direction: column !important;
    position: relative;
    width: 100% !important;
}

#slider-with-bg-3 .swiper,
#slider-with-bg-6 .swiper,
#slider-with-bg-8 .swiper {
    order: 1 !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 !important;
}

#slider-with-bg-3 .s-slider-block__title,
#slider-with-bg-6 .s-slider-block__title,
#slider-with-bg-8 .s-slider-block__title {
    order: 2 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin-top: 25px !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
}

#slider-with-bg-3 .s-slider-block__title-nav,
#slider-with-bg-6 .s-slider-block__title-nav,
#slider-with-bg-8 .s-slider-block__title-nav {
    display: flex !important;
    gap: 15px !important;
}

/* Force 2 items Desktop / 1 item Mobile */
@media (min-width: 1024px) {

    #slider-with-bg-3 .swiper-slide,
    #slider-with-bg-6 .swiper-slide,
    #slider-with-bg-8 .swiper-slide {
        width: 50% !important;
        max-width: 50% !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
        display: block !important;
    }
}

@media (max-width: 1023px) {

    #slider-with-bg-3 .swiper-slide,
    #slider-with-bg-6 .swiper-slide,
    #slider-with-bg-8 .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 5px !important;
    }
}

#slider-with-bg-3 custom-salla-product-card,
#slider-with-bg-6 custom-salla-product-card,
#slider-with-bg-8 custom-salla-product-card {
    width: 100% !important;
    display: block !important;
    padding: 0 !important;
}

/* =========================================
   8. CATEGORY CIRCLE LINKS
   ========================================= */
.s-block--circle-links ul {
    max-width: 100% !important;
    width: 100% !important;
    padding: 0 20px !important;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)) !important;
    gap: 20px !important;
    justify-content: center !important;
}

.s-block--circle-links .rounded-full {
    width: 100% !important;
    display: block !important;
    border-radius: 12px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    margin: 0 !important;
}

.s-block--circle-links img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    transform: none !important;
}

.s-block--circle-links h3 {
    margin-top: 15px !important;
    font-size: 1.2rem !important;
    font-weight: bold !important;
}

@media (max-width: 768px) {

    .s-block--circle-links ul,
    .circle-links-5 ul.auto-fit-grid {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
}

/* 1. Make the section container full width */

section.s-block--circle-links .mx-auto.max-w-7xl {

    max-width: 100% !important;

    padding-left: 0 !important;

    padding-right: 0 !important;

}



/* 2. Adjust the grid to utilize the full width */

section.s-block--circle-links ul.grid {

    max-width: 100% !important;

    margin-left: 0 !important;

    margin-right: 0 !important;

    padding: 0 20px;
    /* Optional: adds a small side padding */

    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* Makes items bigger */

}



/* 3. Make images square (1:1) and larger */

section.s-block--circle-links .overflow-hidden.rounded-full,

section.s-block--circle-links img.rounded-full {

    border-radius: 8px !important;
    /* Removes the circle shape for 1:1 square */

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 1 / 1 !important;

}



/* 4. Ensure the image wrapper takes full width of the grid cell */

section.s-block--circle-links .w-fit {

    width: 100% !important;

}

/* =========================================
   10. PRODUCT CARD ASPECT RATIOS
   ========================================= */
custom-salla-product-card .product-card__image,
.product-card .product-card__image {
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    width: 100% !important;
    position: relative !important;
}

custom-salla-product-card .product-card__image img,
.product-card .product-card__image img {
    object-fit: cover !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

@media (max-width: 768px) {

    custom-salla-product-card .product-card__image,
    .product-card .product-card__image,
    .s-products-slider-card .product-card__image {
        padding-bottom: 100% !important;
        height: 0 !important;
        position: relative !important;
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
    }

    custom-salla-product-card .product-card__image img,
    .product-card .product-card__image img,
    .s-products-slider-card .product-card__image img {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        margin: 0 !important;
    }
}

/* add to card color */
.product-card__enhanced-mini-cart button.s-button-element {
    color: #936aff !important;
}


/* 1. Make the Add to Cart button always visible (disable hover effect) */
.product-card .product-card__addToCart {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateY(0) !important;
    /* Resets any slide-up animation */
    bottom: 0px !important;
    /* Adjusts position if it covers the image too much */
}

/* 2. Set the background color to #685f81 */
.product-card .product-card__addToCart .s-button-element {
    background-color: #685f81 !important;
    border-color: #685f81 !important;
    /* Ensures border matches background */
    /* Top-Left: 4px, Top-Right: 4px, Bottom-Right: 0, Bottom-Left: 0 */
    border-radius: 4px 4px 0 0 !important;
    color: #ffffff !important;
    /* Ensures text remains white/readable */
}

/* Optional: If you want the hover state of the button to be slightly different */
.product-card .product-card__addToCart .s-button-element:hover {
    opacity: 0.9;
}

.product-card__addToCart__btn salla-button {
    background: rgba(0, 0, 0, .01);
    font-family: 'Cairo', sans-serif;
    border-radius: 50px !important;

}

/* =========================================
   11. CATEGORY PAGE BANNER
   ========================================= */

/* ── Skincare Category (c1436343297) – Auto-Play Image Slider ── */
.cat-banner-slider {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    /* padding-bottom establishes height without relying on children */
    padding-bottom: calc(100vw * 900 / 1920);
    height: 0;
    overflow: hidden;
    margin-bottom: 0;          /* no gap below; white-space fix */
    display: block;
    line-height: 0;
    font-size: 0;
}

@media (max-width: 768px) {
    .cat-banner-slider {
        padding-bottom: 56.25%; /* 16/9 */
    }
}

/* Every slide stacks at the same position */
.cat-banner-slider__slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.8s ease;
    line-height: 0;
    font-size: 0;
}

.cat-banner-slider__slide.active {
    opacity: 1;
}

.cat-banner-slider__slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    line-height: 0;
    font-size: 0;
}

/* Dot indicators */
.cat-banner-slider__dots {
    position: absolute;
    bottom: 14px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.cat-banner-slider__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.8);
    cursor: pointer;
    transition: background 0.3s ease, transform 0.3s ease;
}

.cat-banner-slider__dot.active {
    background: #fff;
    transform: scale(1.25);
}


/* 3tor */
/* We select .products-index ONLY IF it contains a list with that specific source-value */
.products-index:has(salla-products-list[source-value="260980626"])::before {
    content: "";
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/27fffbf2-78dd-452c-8ddb-9c03a6d185e6.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* mashrobat */
.products-index:has(salla-products-list[source-value="539444210"])::before {
    content: "";
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/b7ca1983-ebaf-42e7-aeb4-b27a4988565d.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* zyoot */

.products-index:has(salla-products-list[source-value="1900419587"])::before {
    content: "";
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/4a9cbc2d-e602-47c5-98c5-e7e3a24a0979.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/** Body Care **/
.products-index:has(salla-products-list[source-value="1126381836"])::before {
    content: "";
    display: block;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/8801bf8d-ef3c-4c24-80bb-e5ef2018d46b.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Target the container that holds this specific product */
.container:has(.product-1992930421)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/fd12a619-319e-44ac-9042-29dd8747ab20.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-1992930421)::before {
        aspect-ratio: 16 / 9;
    }
}

/* Target the container that holds this specific product */
.container:has(.product-1466842962)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/44df34af-267c-4f6a-b406-ed26c37a3e72.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-1466842962)::before {
        aspect-ratio: 16 / 9;
    }
}

/* Target the container that holds this specific product */
.container:has(.product-1996542128)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/321a1a87-0a15-4600-b495-3015573f47de.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-1996542128)::before {
        aspect-ratio: 16 / 9;
    }
}


/* Target the container that holds this specific product */
.container:has(.product-512531987)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/06efda63-8fa2-4f09-86b9-9fe43fdc9841.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Target the container that holds this specific product */
.container:has(.product-303974002)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/b7ca1983-ebaf-42e7-aeb4-b27a4988565d.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-303974002)::before {
        aspect-ratio: 16 / 9;
    }
}

.container:has(.product-551002718)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/b7ca1983-ebaf-42e7-aeb4-b27a4988565d.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-551002718)::before {
        aspect-ratio: 16 / 9;
    }
}


.container:has(.product-867740070)::before {
    content: "";
    display: block;
    width: 100vw;
    /* Full screen width */
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    background-image: url('https://cdn.files.salla.network/homepage/1619884209/b7ca1983-ebaf-42e7-aeb4-b27a4988565d.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    aspect-ratio: 1920 / 900;
    margin-bottom: 20px;
}

/* Optional: Make it taller on mobile phones */
@media (max-width: 768px) {
    .container:has(.product-867740070)::before {
        aspect-ratio: 16 / 9;
    }
}


/* Product Single */
#details_table p span,
#details_table h2 span,
#details_table li span {
    background-color: transparent !important;
}


.store-footer__curve {
    display: none !important;
}

/* =========================================
   HIMOON FOOTER REDESIGN - COMPACT RTL LAYOUT
   For Arabic RTL: Logo+VAT on right, Links middle, Contacts left
   ========================================= */

/* Hide the wave/curve SVG */
.store-footer__curve {
    display: none !important;
}

/* Main Footer Background */
.store-footer {
    background-color: #f5f3f9 !important;
}

.footer-is-custom .store-footer .store-footer__inner,
.footer-is-custom .store-footer .store-footer__contacts-row,
.footer-is-custom .store-footer .store-footer__newsletter {
    background-color: #f5f3f9 !important;
}

/* Hide original contacts row - will be moved via JS */
.store-footer__contacts-row {
    display: none !important;
}

/* =========================================
   MAIN FOOTER - 3 COLUMN LAYOUT
   ========================================= */

/* ... (previous content) ... */


/* =========================================
   12. CUSTOM PRODUCT CARD LAYOUT
   Move Add to Cart and Wishlist to bottom
   ========================================= */

.product-card-bottom-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 8px 10px !important;
    background: #fff !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin-top: auto !important;
    border-top: 1px solid #f1f1f1 !important;
    gap: 10px !important;
}

.product-card-bottom-actions .product-card__addToCart {
    flex-grow: 1 !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    width: auto !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Ensure button takes full width of its container */
.product-card-bottom-actions .product-card__addToCart .s-button-element {
    width: 100% !important;
    border-radius: 4px !important;
    justify-content: center !important;
}

.product-card-bottom-actions .wishlist {
    flex-shrink: 0 !important;
    position: static !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    margin: 0 !important;
}

/* Ensure wishlist button has standard size */
.product-card-bottom-actions .wishlist .s-button-element {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    border: 1px solid #eee !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Hide original locations to prevent duplicates if JS cloning */
.product-card__actions .wishlist,
.product-card__buttons .wishlist,
.product-card__enhanced-mini-cart {
    display: none !important;
}

.store-footer__inner {
    padding: 30px 0 20px !important;
    background-color: #f5f3f9 !important;
}

.store-footer__inner .container {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 30px !important;
    gap: 30px !important;
}

/* =========================================
   LEFT COLUMN: Contacts & Social (Moved via JS)
   ========================================= */
.footer-contacts-column {
    order: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    gap: 10px !important;
}

.footer-contacts-column .enhanced_rounded_contacts {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    justify-content: flex-start !important;
}

.footer-contacts-column .enhanced-contact-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 5px 10px !important;
    border: 1px solid rgba(107, 91, 149, 0.2) !important;
    border-radius: 16px !important;
    background-color: #fff !important;
    color: #555 !important;
    font-size: 10px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.footer-contacts-column .enhanced-contact-item:hover {
    border-color: #6b5b95 !important;
    color: #6b5b95 !important;
}

.footer-contacts-column .enhanced-contact-item i {
    font-size: 10px !important;
    color: #6b5b95 !important;
}

.footer-contacts-column .s-social-list {
    display: flex !important;
    gap: 5px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.footer-contacts-column .s-social-link a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background-color: transparent !important;
    transition: all 0.2s ease !important;
}

.footer-contacts-column .s-social-link a:hover {
    background-color: #6b5b95 !important;
}

.footer-contacts-column .s-social-link a:hover .s-social-icon svg {
    fill: #fff !important;
}

.footer-contacts-column .s-social-icon svg {
    width: 14px !important;
    height: 14px !important;
    fill: #666 !important;
}

/* =========================================
   MIDDLE COLUMN: Links (روابط مهمة)
   ========================================= */
.store-footer__inner>.container>div:first-child {
    order: 2 !important;
    text-align: center !important;
    flex: 1 1 auto !important;
    max-width: 30% !important;
}

.store-footer__inner h3 {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
    text-align: center !important;
}

.footer-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 6px 15px !important;
}

.footer-list li {
    margin-bottom: 0 !important;
}

.footer-list li a {
    font-size: 11px !important;
    color: #555 !important;
    text-decoration: none !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}

.footer-list li a:hover {
    color: #6b5b95 !important;
}

/* =========================================
   RIGHT COLUMN: Logo + Trust Badges
   ========================================= */
.store-footer__inner .lg\:col-\[2\] {
    order: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    flex: 0 0 auto !important;
    margin-top: 0 !important;
}

.store-footer__inner .lg\:col-\[2\] a img {
    height: 45px !important;
    width: auto !important;
    margin-bottom: 10px !important;
}

.footer-badges {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 12px !important;
    margin-top: 5px !important;
}

salla-trust-badges {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.s-trust-badges-image {
    width: 28px !important;
    height: 28px !important;
}

.s-trust-badges-label {
    font-size: 8px !important;
    color: #666 !important;
    margin-bottom: 1px !important;
}

.s-trust-badges-number {
    font-size: 9px !important;
    color: #333 !important;
    font-weight: 600 !important;
}

.footer-badges>div.flex p {
    font-size: 8px !important;
    margin-bottom: 1px !important;
}

.footer-badges>div.flex b {
    font-size: 9px !important;
}

/* Hide empty div */
.store-footer__inner>.container>div.anime-item:last-child {
    display: none !important;
}

/* =========================================
   FOOTER BOTTOM
   ========================================= */
.footer-bottom {
    background-color: #e8e4f0 !important;
    border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
}

.footer-bottom .container {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 30px !important;
    gap: 15px !important;
}

.footer-rights p {
    font-size: 10px !important;
    color: #666 !important;
    margin: 0 !important;
}

.footer-rights a {
    color: #6b5b95 !important;
}

.s-payments-list {
    display: flex !important;
    gap: 5px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.s-payments-list-item {
    background-color: #fff !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
}

.s-payments-list-item img {
    height: 16px !important;
    width: auto !important;
}

/* =========================================
   MOBILE RESPONSIVE
   ========================================= */
@media (max-width: 1023px) {
    .store-footer__inner .container {
        flex-direction: column !important;
        align-items: center !important;
        gap: 15px !important;
    }

    .footer-contacts-column {
        order: 3 !important;
        align-items: center !important;
    }

    .store-footer__inner .lg\:col-\[2\] {
        order: 1 !important;
        align-items: center !important;
    }

    .store-footer__inner>.container>div:first-child {
        order: 2 !important;
    }

    .footer-list {
        flex-direction: column !important;
        gap: 6px !important;
    }

    .footer-bottom .container {
        flex-direction: column !important;
        gap: 8px !important;
    }

    .s-payments-list {
        flex-wrap: wrap !important;
        justify-content: center !important;
    }
}

@media (max-width: 640px) {
    .store-footer__inner {
        padding: 20px 0 15px !important;
    }

    .store-footer__inner .lg\:col-\[2\] a img {
        height: 35px !important;
    }

    .footer-badges {
        flex-direction: column !important;
        gap: 6px !important;
    }
}

/* =========================================
   13. SLIDER PRODUCT LAYOUT FIXES
   ========================================= */

custom-salla-product-card,
custom-salla-product-card.product-card,
.product-card {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100% !important;
    height: auto !important;
}

.product-card__content {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
}

.product-card__content-wrapper {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
}

.product-card__image {
    flex: 0 0 auto !important;
}

.product-card-bottom-actions {
    margin-top: auto !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 10px 5px !important;
    gap: 8px !important;
    background: #fff !important;
    position: relative !important;
    z-index: 20 !important;
    min-height: 50px !important;
}

/* Ensure Add to Cart is visible and flows correctly */
.product-card .product-card__addToCart,
.product-card-bottom-actions .product-card__addToCart {
    display: block !important;
    position: relative !important;
    bottom: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    transform: none !important;
    margin: 0 !important;
    pointer-events: auto !important;
}

/* Ensure the inner button cleans up nicely */
.product-card .product-card__addToCart .s-button-element {
    width: 100% !important;
    justify-content: center !important;
    padding: 0 5px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Ensure wishlist is visible */
.product-card-bottom-actions .wishlist {
    display: flex !important;
    opacity: 1 !important;
    visibility: visible !important;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    margin: 0 !important;
    width: 40px !important;
    height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #f9f9f9 !important;
}

@media (max-width: 768px) {
    .product-card-bottom-actions {
        padding: 6px 8px 6px 12px !important;
        /* Increased padding on sides */
        min-height: auto !important;
        height: auto !important;
        flex-wrap: nowrap !important;
        box-sizing: border-box !important;
    }

    .product-card .product-card__addToCart .s-button-element {
        font-size: 11px !important;
        height: auto !important;
        min-height: 32px !important;
        line-height: 1.2 !important;
        padding: 8px 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .product-card-bottom-actions .wishlist {
        width: 32px !important;
        height: 32px !important;
        flex: 0 0 32px !important;
    }
}