/*  */
.s-block--animated-ads {
    position: relative;
    overflow: visible; 
    padding-bottom: 40px; 
}

.s-block--animated-ads .ad-ul {
    background-color: #212A24 !important;
    color: #C6B893 !important;
    position: relative;
    z-index: 2;
}

.custom-wave {
    position: absolute;
    bottom: 19px;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 1;
    pointer-events: none;
}

.custom-wave svg {
    width: 100%;
    height: 100%;
    display: block;
}

.custom-wave path {
    fill: #212A24;
}
/* البنر الأول - بدون مسافة من الأسفل */
#fullscreen-banner-11 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* البنر الثاني - بدون مسافة من الأعلى */
#fullscreen-banner-12 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
/*  */
body#app,
body#app.bg-white,
.app-inner,
main#main-content {
    background-color: #F7F3E8 !important;
}

#app .container,
#app section {
    background-color: transparent;
}

.store-footer {
    background-color: #ffffff;
}
#fullscreen-banner-2 {
    margin-top: 0 !important;
}

/*  */
@media (max-width: 557px) {
    #fullscreen-banner-0 {
        height: 70vh !important;
        min-height: 70vh !important;
        max-height: 70vh !important;
        overflow: hidden;
    }

    #fullscreen-banner-0 salla-slider,
    #fullscreen-banner-0 .s-slider-wrapper,
    #fullscreen-banner-0 .swiper,
    #fullscreen-banner-0 .s-slider-container,
    #fullscreen-banner-0 .swiper-wrapper,
    #fullscreen-banner-0 .swiper-slide {
        height: 100% !important;
        min-height: 70vh !important;
    }

    #fullscreen-banner-0 .bg__image {
        height: 100% !important;
        width: 100% !important;
        min-height: 70vh !important;
    }

    /* الصورة تملأ الحاوية بالكامل */
    #fullscreen-banner-0 .swiper-slide img,
    #fullscreen-banner-0 .bg__image img {
        height: 100% !important;
        width: 100% !important;
        min-height: 70vh !important;
        object-fit: cover !important;
        object-position: center !important;
        display: block !important;
    }
}
/*  */
/* العنصر الثاني فقط */
.flip-cards-section .banner-outer {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 1rem;
    cursor: pointer;
}

/* إخفاء الصورة الأصلية */
.flip-cards-section .banner-outer .banner-img {
    display: none !important;
}

/* مساحة الكارد */
.flip-cards-section .banner-outer .banner-entry {
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    border-radius: 1rem;
    overflow: hidden;
    display: block !important;
}

@media (min-width: 768px) {
    .flip-cards-section .banner-outer .banner-entry {
        height: 260px !important;
    }
}

@media (min-width: 1024px) {
    .flip-cards-section .banner-outer .banner-entry {
        height: 280px !important;
    }
}

/* الوجه الأمامي والخلفي */
.flip-cards-section .banner-outer .card-front,
.flip-cards-section .banner-outer .card-back {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.25rem !important;
    text-align: center !important;
    border-radius: 1rem !important;
    transition: opacity 0.4s ease, transform 0.4s ease !important;
    box-sizing: border-box !important;
}

.flip-cards-section .banner-outer .card-front {
    z-index: 5 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1);
}

.flip-cards-section .banner-outer .card-back {
    z-index: 6 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: scale(0.95);
}

.flip-cards-section .banner-outer .card-front .card-icon {
    font-size: 2.5rem !important;
    margin-bottom: 0.5rem !important;
    line-height: 1 !important;
}

.flip-cards-section .banner-outer .card-front .card-title {
    font-size: 1.2rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.4rem 0 !important;
    line-height: 1.3 !important;
    display: block !important;
}

.flip-cards-section .banner-outer .card-front .card-text {
    font-size: 0.9rem !important;
    margin: 0 !important;
    line-height: 1.5 !important;
    display: block !important;
}

.flip-cards-section .banner-outer .card-back p {
    font-size: 0.95rem !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    display: block !important;
}

@media (hover: hover) and (pointer: fine) {
    .flip-cards-section .banner-outer:hover .card-front {
        opacity: 0 !important;
        visibility: hidden !important;
        transform: scale(0.95);
    }
    .flip-cards-section .banner-outer:hover .card-back {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: scale(1);
    }
}

.flip-cards-section .banner-outer.flipped .card-front {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.95);
}
.flip-cards-section .banner-outer.flipped .card-back {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: scale(1);
}



/*    */

/* العنصر الأول فقط - سلايدر الفئات */
.s-block--banners.section-is-slider .banner-img {
    max-width: 70% !important;
    width: 70% !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
}

/* توسيط العنوان والوصف */
.s-block--banners.section-is-slider .s-slider-block__title {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
}

.s-block--banners.section-is-slider .s-slider-block__title-right {
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

.s-block--banners.section-is-slider .s-slider-block__title-right h2 {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%;
}

.s-block--banners.section-is-slider .s-slider-block__title-right p {
    text-align: center !important;
    margin: 0 auto !important;
    width: 100%;
}

/* إخفاء أزرار التنقل */
.s-block--banners.section-is-slider .s-slider-block__title-left,
.s-block--banners.section-is-slider .s-slider-block__title-nav,
.s-block--banners.section-is-slider .s-slider-prev,
.s-block--banners.section-is-slider .s-slider-next,
.s-block--banners.section-is-slider .s-slider-nav-arrow {
    display: none !important;
    visibility: hidden !important;
}
/* إخفاء نقاط الترقيم */
.s-block--banners.section-is-slider .swiper-pagination,
.s-block--banners.section-is-slider .swiper-pagination-bullets {
    display: none !important;
}
/* تصغير للموبايل */
@media (max-width: 767px) {
    .s-block--banners.section-is-slider .banner-img {
        max-width: 65% !important;
        width: 65% !important;
    }
}

/* تكبير قليلاً للديسكتوب */
@media (min-width: 1024px) {
    .s-block--banners.section-is-slider .banner-img {
        max-width: 75% !important;
        width: 75% !important;
    }
}
/* إزالة الانيميشن من سلايدر الفئات */
.s-block--banners.section-is-slider .banner-outer,
.s-block--banners.section-is-slider .banner-outer.ambient,
.s-block--banners.section-is-slider .banner-entry,
.s-block--banners.section-is-slider .banner-img {
    animation: none !important;
    -webkit-animation: none !important;
    animation-name: none !important;
    animation-delay: 0s !important;
    transition: none !important;
    -webkit-transition: none !important;
    transform: none !important;
    -webkit-transform: none !important;
}

/* إلغاء تأثير hover على الصور */
.s-block--banners.section-is-slider .banner-outer:hover .banner-img,
.s-block--banners.section-is-slider .banner-outer:hover {
    transform: none !important;
    -webkit-transform: none !important;
    scale: none !important;
}

/* إلغاء تأثير ambient (السكشن له class اسمه ambient على كل كارد) */
.s-block--banners.section-is-slider .banner-outer.ambient {
    animation: none !important;
    -webkit-animation: none !important;
    transform: none !important;
}

.s-block--banners.section-is-slider .banner-outer.ambient::before,
.s-block--banners.section-is-slider .banner-outer.ambient::after {
    display: none !important;
    animation: none !important;
}


/*     */
/* إزالة الخلفية البيضاء من كروت المنتجات */
.s-products-slider-slider .s-products-slider-card,
.s-products-slider-slider custom-salla-product-card,
.s-products-slider-slider .enhanced-product-card,
.s-products-slider-slider .product-block,
.s-products-slider-slider .product-block-outer,
.s-products-slider-slider .product-block__info,
.s-products-slider-slider .product-block__thumb,
.s-products-slider-slider .thumb-wrapper {
    background-color: transparent !important;
    background: transparent !important;
}

/* الصورة بدون خلفية */
.s-products-slider-slider .product-block__thumb img,
.s-products-slider-slider .thumb-wrapper img {
    background-color: transparent !important;
    background: transparent !important;
    mix-blend-mode: multiply; /* اختياري - يدمج الصورة مع الخلفية */
}
.s-products-slider-slider .swiper-wrapper {
    align-items: stretch !important;
}

.s-products-slider-slider .s-products-slider-card {
    height: auto !important;
    display: flex !important;
    flex-direction: column;
}

.s-products-slider-slider custom-salla-product-card,
.s-products-slider-slider .enhanced-product-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    width: 100% !important;
}

/* الصورة - مقاس ثابت */
.s-products-slider-slider .product-block__thumb {
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #fff;
    border-radius: 0.5rem;
}

.s-products-slider-slider .product-block__thumb img,
.s-products-slider-slider .thumb-wrapper img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* الـ wrapper الداخلي يأخذ المساحة المتبقية */
.s-products-slider-slider .product-block-outer {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

.s-products-slider-slider .product-block__info {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
    padding: 0.5rem !important;
}

/* العنوان - حد أقصى سطرين وإلا (...) */
.s-products-slider-slider .product-title {
    display: block !important;
    flex: 1 !important;
    min-height: 50px;
}

.s-products-slider-slider .product-title .title.title--primary,
.s-products-slider-slider h3.title.title--primary.title--small {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    min-height: 2.8em !important;
    max-height: 2.8em !important;
    line-height: 1.4 !important;
    font-size: 0.9rem !important;
    font-weight: 600 !important;
    margin: 0.5rem 0 !important;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* السعر - ارتفاع ثابت */
.s-products-slider-slider .price-wrapper {
    min-height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin: 0.5rem 0 !important;
}

/* زر الإضافة للسلة - دائماً في الأسفل */
.s-products-slider-slider .btn--add-to-cart {
    margin-top: auto !important;
    width: 100% !important;
}

.s-products-slider-slider .btn--add-to-cart salla-add-product-button {
    width: 100% !important;
}

.s-products-slider-slider .s-button-wrap {
    width: 100% !important;
}

/* تخصيصات للموبايل */
@media (max-width: 767px) {
    .s-products-slider-slider .product-title .title.title--primary,
    .s-products-slider-slider h3.title.title--primary.title--small {
        font-size: 0.85rem !important;
        min-height: 2.5em !important;
        max-height: 2.5em !important;
    }
    
    .s-products-slider-slider .price-wrapper {
        font-size: 0.9rem;
    }
    
    .s-products-slider-slider .price-wrapper .text-lg {
        font-size: 1rem !important;
    }
    
    .s-products-slider-slider .before-price {
        font-size: 0.75rem !important;
    }
    
    .s-products-slider-slider .s-button-element {
        font-size: 0.85rem !important;
        padding: 0.5rem !important;
    }
}

/* للتابلت */
@media (min-width: 768px) and (max-width: 1023px) {
    .s-products-slider-slider .product-title .title.title--primary,
    .s-products-slider-slider h3.title.title--primary.title--small {
        font-size: 0.9rem !important;
        min-height: 2.8em !important;
        max-height: 2.8em !important;
    }
}

/* إزالة المسافات من البنر */
#fullscreen-banner-10 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/*     */
/* لون خلفية الفوتر - نفس لون الموجة */
.store-footer {
    background-color: #4e5a52 !important;
    --footer-bg-color: #4e5a52 !important;
    position: relative !important;
    overflow: visible !important;
    margin-top: 80px !important; /* تغيير من padding-top إلى margin-top */
}

/* لون النصوص في الفوتر (فاتح عشان يبين على الخلفية الداكنة) */
.store-footer,
.store-footer * {
    color: #F7F3E8;
}

.store-footer a {
    color: #F7F3E8 !important;
}

.store-footer .text-gray-400 {
    color: #d9d2bf !important;
}

/* الموجة فوق الفوتر (خارج صندوقه) - مع قلب عمودي */
.footer-top-wave {
    position: absolute;
    top: -79px; /* تغيير من -1px إلى -79px ليكون فوق الفوتر */
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 2;
    pointer-events: none;
    line-height: 0;
}

.footer-top-wave svg {
    width: 100%;
    height: 100%;
    display: block;
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
}

.footer-top-wave path {
    fill: #4e5a52;
}

.store-footer__inner {
    position: relative;
    z-index: 2;
}

/* تخصيص للموبايل */
@media (max-width: 767px) {
    .store-footer {
        margin-top: 50px !important;
    }
    .footer-top-wave {
        top: -49px;
        height: 50px;
    }
}
/* تغيير لون أيقونات الهيدر للأبيض فقط */
.store-header .sicon-search,
.store-header .sicon-user,
.store-header .sicon-shopping-basket,
.store-header .sicon-right,
.store-header .sicon-cancel,
.store-header .sicon-sar,
.store-header .header-btn__icon,
.store-header .header-menu-icon,
.store-header .cart-sum-icon,
.store-header .salla-icon-selected,
.store-header .i-icon-user,
.store-header [class*="sicon-"] {
    color: #f8f3e8 !important;
}

/* أيقونات قائمة الموبايل (sicon-right) */
.store-header .mburger i {
    color: #f8f3e8 !important;
}

/* أيقونات SVG في الهيدر */
.store-header svg {
    fill: #f8f3e8 !important;
}

.store-header .s-cart-summary-icon svg,
.store-header .s-search-icon svg {
    fill: #f8f3e8 !important;
}

/* نصوص الأزرار في الهيدر (تسجيل الدخول، العربية) */
.store-header .header-signInBtn span,
.store-header .cls-sa,
.store-header .btn--rounded-gray {
    color: #f8f3e8 !important;
}

/* عداد السلة - الرقم */
.store-header .s-cart-summary-count {
    color:#f8f3e8 !important;
}

/* قيمة السلة الإجمالية */
.store-header .s-cart-summary-total,
.store-header .s-cart-summary-content {
    color: #f8f3e8 !important;
}

/*  */

/* قسم المميزات - تصميم جديد متناسق مع المتجر */
.s-block--features {
    padding: 3rem 1rem !important;
    position: relative;
}

/* العنوان الرئيسي */
.s-block--features .features--title-outer {
    margin-bottom: 2.5rem !important;
}

.s-block--features .features--title-outer h3 {
    color: #4e5a52 !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    margin-bottom: 0.5rem !important;
    position: relative;
    display: inline-block;
}

/* خط ديكوري تحت العنوان */
.s-block--features .features--title-outer h3::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, transparent, #4e5a52, transparent);
    border-radius: 2px;
}

.s-block--features .features--title-outer p {
    color: #888 !important;
    font-size: 1rem !important;
    margin-top: 1rem !important;
}

/* كروت المميزات - تصميم بيج فاتح */
.s-block--features .s-block--features__item {
    background-color: #ffffff !important;
    border: 2px solid transparent !important;
    border-radius: 1.5rem !important;
    padding: 2rem 1.5rem !important;
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 4px 20px rgba(78, 90, 82, 0.08) !important;
}

/* تأثير الموجة في الخلفية - متحرك */
.s-block--features .s-block--features__item::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(78, 90, 82, 0.08) 0%,
        rgba(78, 90, 82, 0.03) 30%,
        transparent 70%
    );
    border-radius: 40%;
    animation: waveMove 8s ease-in-out infinite;
    z-index: 0;
    pointer-events: none;
}

@keyframes waveMove {
    0%, 100% {
        transform: translate(-30%, -30%) rotate(0deg);
    }
    50% {
        transform: translate(20%, 20%) rotate(180deg);
    }
}

/* عند مرور الماوس */
.s-block--features .s-block--features__item:hover {
    transform: translateY(-8px) !important;
    border-color: #4e5a52 !important;
    box-shadow: 0 12px 30px rgba(78, 90, 82, 0.18) !important;
}

.s-block--features .s-block--features__item:hover::before {
    animation-duration: 4s;
}

/* أيقونة المميزة */
.s-block--features .feature-icon {
    width: 80px !important;
    height: 80px !important;
    background-color: #4e5a52 !important;
    background: linear-gradient(135deg, #4e5a52, #6b7a70) !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 1.5rem auto !important;
    position: relative !important;
    z-index: 2 !important;
    transition: all 0.4s ease !important;
    box-shadow: 0 4px 15px rgba(78, 90, 82, 0.3);
}

/* موجات حول الأيقونة */
.s-block--features .feature-icon::before,
.s-block--features .feature-icon::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    border: 2px solid #4e5a52;
    opacity: 0;
    animation: ripple 2.5s ease-out infinite;
}

.s-block--features .feature-icon::after {
    animation-delay: 1.25s;
}

@keyframes ripple {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    100% {
        transform: scale(1.6);
        opacity: 0;
    }
}

.s-block--features .s-block--features__item:hover .feature-icon {
    transform: scale(1.1) rotate(5deg) !important;
}

/* أيقونة داخل الأيقونة */
.s-block--features .feature-icon i {
    font-size: 2rem !important;
    color: #ffffff !important;
}

/* العنوان الفرعي */
.s-block--features .s-block--features__item h4 {
    color: #4e5a52 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    margin: 0 0 0.75rem 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

.s-block--features .s-block--features__item .injaz_count {
    color: #4e5a52 !important;
}

/* الوصف */
.s-block--features .s-block--features__item p {
    color: #6b7a70 !important;
    font-size: 0.95rem !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
}

/* الشبكة */
.s-block--features .grid {
    gap: 1.5rem !important;
}

/* تخصيص للموبايل */
@media (max-width: 767px) {
    .s-block--features {
        padding: 2rem 0.75rem !important;
    }
    
    .s-block--features .features--title-outer h3 {
        font-size: 1.5rem !important;
    }
    
    .s-block--features .s-block--features__item {
        padding: 1.5rem 1rem !important;
    }
    
    .s-block--features .feature-icon {
        width: 65px !important;
        height: 65px !important;
        margin-bottom: 1rem !important;
    }
    
    .s-block--features .feature-icon i {
        font-size: 1.5rem !important;
    }
    
    .s-block--features .s-block--features__item h4 {
        font-size: 1.05rem !important;
    }
    
    .s-block--features .s-block--features__item p {
        font-size: 0.85rem !important;
    }
}

/* انيميشن دخول الكروت */
.s-block--features .s-block--features__item {
    animation: fadeSlideUp 0.8s ease-out forwards;
    opacity: 0;
}

.s-block--features .s-block--features__item:nth-child(1) {
    animation-delay: 0.1s;
}
.s-block--features .s-block--features__item:nth-child(2) {
    animation-delay: 0.2s;
}
.s-block--features .s-block--features__item:nth-child(3) {
    animation-delay: 0.3s;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}