/* Add custom CSS styles below */ 
.footer-is-custom .store-footer .store-footer__curve {
    display: none !important;
}
/* Force hide the Salla footer */
footer.store-footer,
.store-footer {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
}
/* Layout: Video on the right, Text on the left */
#about-1.kdc-about .container > div,
#about-1 .container > div {
    display: flex !important;
    /* In RTL (Arabic), row-reverse moves the first item (text) to the left 
       and the second item (video) to the right */
    flex-direction: row-reverse !important; 
    align-items: center;
}

/* Responsive: Stack items on mobile */
@media (max-width: 768px) {
    #about-1 .container > div {
        flex-direction: column-reverse !important;
    }
}

/* Title Styling */
#about-1 [data-selia="home-about-title"] {
    color: #19623F !important;
}

/* Description Styling */
#about-1 [data-selia="home-about-description"] {
    color: #333333 !important;
    font-size: 18px !important;
    line-height: 1.6;
}

/* Button Styling: Circled, specific colors */
#about-1 [data-selia="about-button"] {
    background-color: #19623F !important;
    color: #FFFFFF !important;
    border-radius: 9999px !important; /* Makes it fully circled/rounded */
    padding: 10px 30px !important;
    border: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Ensuring button text and icon are white */
#about-1 [data-selia="about-button"] span,
#about-1 [data-selia="about-button"] i {
    color: #FFFFFF !important;
}
#about-1 {
    background-image: url("https://i.ibb.co/1YKKv7wT/Slide-16-9-2-3.webp") !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
#about-1 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
    margin-top: 0 !important;
}
/* Desktop: Video Right, Text Left */
@media (min-width: 769px) {
    #about-1 .container > div.flex {
        flex-direction: row-reverse !important;
        display: flex !important;
    }
}

/* Mobile: Video Top, Text Bottom (Single Column) */
@media (max-width: 768px) {
    #about-1 .container > div.flex {
        flex-direction: column !important; /* Force stack */
        display: flex !important;
    }

    #about-1 .container > div.flex > div {
        width: 100% !important;        /* Force full width */
        max-width: 100% !important;    /* Remove any width limits */
        flex: 0 0 100% !important;     /* Prevent shrinking or growing side-by-side */
    }

    /* Move the Video (the 2nd div) to the top */
    #about-1 .container > div.flex > div:nth-child(2) {
        order: -1 !important; 
        margin-bottom: 20px !important;
    }

    /* Move the Text (the 1st div) below the video */
    #about-1 .container > div.flex > div:nth-child(1) {
        order: 1 !important;
    }
  #about-1 {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
    margin-top: 0 !important;
}
}
@media (min-width: 769px) {
    #about-1 video[data-selia="home-about-video"] {
        max-height: 324px !important;
        height: 450px !important;
        object-fit: cover !important;
    }
}
@media (min-width: 769px) {
    #about-1 video[data-selia="home-about-video"] {
        max-height: 450px !important;
        height: 324px !important;
        object-fit: cover !important;
    }
}
/* Apply Styles to Product Cards ONLY on Desktop */
@media (min-width: 769px) {
  .custom-kingdom-footer .footer-main {
  clip-path: ellipse(100% 100% at 50% 100%);
  padding-top: 100px;
  margin-top: -50px;
}
    /* 1. Main Card Styling (Background and Curves) */
    body.index custom-salla-product-card,
    body.index .s-tpl-default-product-card,
    body.index .product-card {
        background-color: #F5EDDC !important;
        
        /* Bottom Curved Corners */
        border-bottom-left-radius: 40px !important;
        border-bottom-right-radius: 40px !important;
        
        /* Top Subtle Corners */
        border-top-left-radius: 12px !important;
        border-top-right-radius: 12px !important;
        
        overflow: hidden !important;
        border: none !important;
        padding: 0 !important; /* Removes inner padding so image touches the edges */
        box-shadow: none !important;
    }

    /* 2. Full Width Product Image */
    body.index .product-card__image,
    body.index .product-card__image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important; /* Fills the container without gaps */
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
    }

    /* 3. Transparent Containers & Padding adjustment */
    body.index .product-card__content,
    body.index .product-card__content-wrapper,
    body.index .product-card__image {
        background-color: transparent !important;
    }

    /* Add back some padding to the text area since we removed it from the main card */
    body.index .product-card__content {
        padding: 1.25rem !important;
    }
}
@media (min-width: 1024px) {
    ul.mx-auto.mt-8.grid {
        /* This centers the items if they don't fill the whole row */
        justify-content: center !important;
        
        /* Ensures the grid container doesn't have a small max-width */
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        
        /* Switching to flex is sometimes more reliable for centering partial rows */
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 24px !important;
    }

    ul.mx-auto.mt-8.grid > li {
        /* Adjusts width for approximately 7-8 items per row */
        flex: 0 0 auto !important;
        width: 140px !important; /* Adjust size of each item here */
    }
}
/* Specifically target review cards background */
.review.swiper-slide > div.flex.flex-col.justify-between.bg-store-bg-secondary,
.review.swiper-slide > .bg-store-bg-secondary {
    background-color: #f8f1e2 !important;
}

/* Optional: remove shadow if you want a cleaner look with the new color */
.review.swiper-slide > div {
    box-shadow: none !important;
}
/* Enhanced Features Section - Full Customization */

/* 1. Feature Card: Background & Rounded Corners */
.s-block--enhanced-features__item.group.overflow-hidden {
    background-color: #f8f1e2 !important;
    border-radius: 20px !important;
    padding: 2rem !important; /* Adjust padding if needed */
    transition: transform 0.3s ease !important;
    border: none !important;
}

/* 2. Feature Icon: Make it a Circle */
.feature-icon.has-image {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80px !important;  /* Size of the circle */
    height: 80px !important; /* Size of the circle */
    border-radius: 9999px !important;
    overflow: hidden !important;
    margin-bottom: 1.5rem !important;
    background-color: transparent !important;
}

/* Ensure the image inside fills the circle */
.feature-icon.has-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 9999px !important;
}

/* Optional: Subtle hover effect */
.s-block--enhanced-features__item.group:hover {
    transform: translateY(-5px) !important;
}
section.s-block.s-block--fixed-banner .container {
    max-width: 100%;
    padding: 0;

    img {
        border-radius: 0;
    }
}

.footer-is-custom .store-footer .store-footer__curve {
    display: none;
}

.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: transparent;
}


.footer-is-custom .store-footer {
    color: white;
    background: url(https://cdn.files.salla.network/homepage/1519731070/a8a2fac5-951a-4c83-9bd8-6b593ddbdd0b.webp);
}

.footer-is-custom .store-footer .footer-bottom {
    background-color: #D09F34;
}

.footer-is-custom .store-footer .footer-rights p {
    color: white;
}

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

.custom-kingdom-footer {
    display: block !important;
}


.custom-kingdom-footer {
    width: 100%;
    text-align: right;
    line-height: 1.6;
    margin-top: 0;
}



/* القسم العلوي الأخضر */
.custom-kingdom-footer .footer-main {
    background: #165c3d url('https://iili.io/fXIErKP.png');
    color: #fff;
    padding: 50px 20px 70px 20px;
    position: relative;
}

.custom-kingdom-footer .container {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 15px;
}

/* اللوجو العلوي */
.custom-kingdom-footer .footer-top-logo {
    text-align: center;
    margin-bottom: 40px;
}

.custom-kingdom-footer .footer-top-logo img {
    max-width: 160px;
    height: auto;
    margin: auto;
}

/* الشبكة */
.custom-kingdom-footer .footer-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.custom-kingdom-footer h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
}

.custom-kingdom-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.custom-kingdom-footer ul li {
    margin-bottom: 10px;
}

.custom-kingdom-footer ul li a,
.custom-kingdom-footer ul li span {
    color: #f0f0f0;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
    display: block;
}

.custom-kingdom-footer ul li a:hover {
    color: #c69c3a;
    /* ذهبي عند الهوفر */
    transform: translateX(-5px);
}

/* أيقونات التواصل */
.custom-kingdom-footer .social-icons,
.custom-kingdom-footer .social-media-row {
    display: flex;
    gap: 8px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.custom-kingdom-footer .social-icons a,
.custom-kingdom-footer .social-media-row a {
    color: #165c3d;
    background: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s;
}

.custom-kingdom-footer .social-icons a:hover,
.custom-kingdom-footer .social-media-row a:hover {
    background: #c69c3a;
    color: #fff;
}

/* القسم السفلي الذهبي */
.custom-kingdom-footer .footer-bottom {
    background-color: #c69c3a;
    /* الذهبي */
    color: #2e2e2e;
    padding: 15px 0;
    position: relative;
    border-top: 5px solid #b38b2d;
}

.custom-kingdom-footer .footer-bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.custom-kingdom-footer .bottom-section {
    font-weight: 700;
    font-size: 13px;
    flex: 1;
}

.custom-kingdom-footer .copyright-text {
    text-align: right;
}

.custom-kingdom-footer .tax-info {
    text-align: center;
}

.custom-kingdom-footer .payment-methods {
    text-align: left;
}

/* اللوجو العائم KDC */
.custom-kingdom-footer .floating-logo {
    position: absolute;
    left: 50%;
    top: -65px;
    transform: translateX(-50%);
    background: #fff;
    padding: 8px;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
    z-index: 10;
}

.custom-kingdom-footer .floating-logo img {
    display: block;
    width: 70px;
    height: auto;
}

.custom-kingdom-footer .payment-methods img {
    height: 25px;
    vertical-align: middle;
}

/* --- ريسبونسيف (للجوال) --- */
@media (max-width: 992px) {
    .custom-kingdom-footer .footer-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .custom-kingdom-footer .footer-bottom-flex {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        text-align: center;
        padding-top: 30px;
        /* مساحة للوجو العائم */
    }

    .custom-kingdom-footer .bottom-section {
        flex: 100%;
        text-align: center;
    }

    /* تعديل مكان اللوجو في التابلت */
    .custom-kingdom-footer .floating-logo {
        top: -40px;
    }
}

@media (max-width: 576px) {
    .custom-kingdom-footer .footer-grid {
        grid-template-columns: 1fr;
        /* عمود واحد */
        text-align: center;
    }

    .custom-kingdom-footer .social-icons,
    .custom-kingdom-footer .social-media-row {
        justify-content: center;
    }

    .custom-kingdom-footer .footer-col {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding-bottom: 20px;
    }

    .custom-kingdom-footer .footer-col:last-child {
        border-bottom: none;
    }
}

.container.flex.justify-between {
    flex-direction: row-reverse;

    .flex-1.flex.items-center.rtl\:space-x-reverse.space-x-2 {
        flex: 0 1 auto;
    }
}