/* Add custom CSS styles below */
/* Add custom CSS styles below */
/* Add custom CSS styles below */
:root {
    --logo: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/onAalY/bOPx7QfPb8mpHUkFUngNasoKrzIlr2FW0xCHHPHJ.png) ;
    --main-color: #937fbd;
    --second-color: #000;
    --third-color: #fff;
}

body {
    background: var(--third-color);
    background-position: center;
    background-repeat: repeat-y;
    background-size: cover;
}

header.store-header:before {
    content: '';
    background: url(https://i.postimg.cc/7Z4NxWQY/Artboard-2.png);
    background-repeat-y: no-repeat;
    background-position-x: 0;
    animation: scrollBrands 2000s linear alternate both infinite;
    background-size: contain;
    height: 50px;
    display: block;
    background-color: var(--main-color);
    background-position: center;
    margin-bottom: 16px;
    z-index: 9999999999999999
}

@keyframes scrollBrands {
    0% {
        background-position-x: 0
    }

    50% {
        background-position-x: 35000px
    }

    100% {
        background-position-x: 0
    }
}

@media(max-width: 767px) {
    header.store-header:before {
        background-size:180%;
        height: 39px;
        background-position: center;
        margin-bottom: -2px
    }
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    background-color: var(--third-color);
}

.banner--fixed img {
    background: unset;
}

section {
    background: unset !important;
}

body:not(.product-index):not(.product-single):after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: #ffffff var(--logo);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 360px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none
}

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    75% {
        opacity: 1;
        transform: scale(1)
    }

    85% {
        opacity: .5;
        transform: scale(1)
    }

    99% {
        opacity: .1;
        transform: scale(1)
    }

    100% {
        opacity: 0;
        transform: scale(.1)
    }
}

/*///////////////////////////////////*/
.s-product-card-entry {
    border: 1px solid #eee;
    border-radius: 16px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.s-product-card-entry:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.s-product-card-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.s-product-card-entry .s-button-btn {
    pointer-events: auto;
    width: 66px !important;
    position: absolute !important;
    top: 71px !important;
    left: 20px !important;
}

.s-product-card-image:hover img {
    transform: scale(1.05);
}

.s-button-btn , .s-block--tabs-produtcs .tab-trigger.is-active button {
    border-radius: 8px;
    background-color: var(--main-color);
    color: white;
    font-weight: bold;
    transition: background-color 0.3s ease;
}

.s-button-btn:hover , .s-block--tabs-produtcs .tab-trigger.is-active button {
    background-color: var(--main-color);
}

/*////////////////// الاسليدر الترحيبي////////////////////*/
.s-slider-v-centered .s-slider-block__title-nav button {
    display: none
}

.swiper-android .swiper-slide, .swiper-wrapper {
    margin-top: 20px;
}

.s-product-card-vertical .s-product-card-wishlist-btn {
    color: var(--main-color);
    background-color: var(--third-color);
}

.s-product-card-content-title a {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    color: var(--main-color);
    height: 20px;
    overflow: hidden;
    font-weight: 600;
}

.s-product-card-content-title a:hover {
    display: block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--second-color);
}

.s-product-card-vertical {
    opacity: 0;
    transform: translateX(-100px);
    transition: opacity 1s ease, transform 1s ease;
}

.s-product-card-vertical.visible {
    opacity: 1;
    transform: translateX(0);
}

/*//////////////// الهيدر ////////////////////*/
.bg-inherit {
    background: #fff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 0px 0px 30px 30px;
}

.sicon-user-circle {
    content: "\f072";
    color: var(--main-color);
    border: none
}

.sicon-user-circle {
    content: "\f072";
    color: var(--main-color);
    border: none
}

.sicon-user-circle:hover {
    content: "\f072";
    rotate: 360deg;
    transform: 3s;
}

.header-btn__icon.icon:where([dir=rtl], [dir=rtl] *) {
    margin-left: 9px;
    margin-right: 0;
    margin-right: initial;
    color: var(--main-color)!important;
    border: none
}

.header-btn__icon.icon:hover {
    margin-left: 9px;
    margin-right: 0;
    margin-right: initial;
    color: var(--second-color)!important
}

.sicon-shopping-bag:before {
    content: "\e901";
    text-align: center
}

.sicon-user-circle:before {
    content: "\f077";
    text-align: center
}

i.text-base.sicon-shopping-bag:before {
    content: "\ea6e";
    text-align: center
}

.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0,0,0,var(--tw-text-opacity));
    color: var(--main-color)
}

.sicon-menu {
    content: "\ed7f";
    color: var(--main-color)
}

.s-contacts-topnav-link:where([dir=rtl], [dir=rtl] *) {
    border-left-width: 1px;
    color: var(--main-color)
}

.s-contacts-topnav-link:hover {
    border-left-width: 1px;
    color: var(--second-color)
}

.topnav-link-item:last-child:where([dir=rtl], [dir=rtl] *) {
    border-width: 0;
    padding-left: 0;
    color: var(--main-color)
}

.topnav-link-item:last-child:hover {
    border-width: 0;
    padding-left: 0;
    color: var(--second-color)
}

.topnav-link-item.right-side:first-child:where([dir=rtl], [dir=rtl] *) {
    padding-right: 0;
    color: var(--main-color)
}

.topnav-link-item.right-side:first-child:hover {
    padding-right: 0;
    color: var(--second-color)
}

/*/////////////////////////////*/
/* تحسين شكل القائمة */
.mm-spn.mm-spn--light {
    color: var(--three-color);
    background-color: #e9d7cf00;
}

ul.main-menu.mm-spn--open {
    margin-top: 10px;
}

.mm-spn.mm-spn--navbar ul::before {
    content: "";
    display: block;
    position: fixed;
    top: inherit;
    z-index: 2;
    width: 100%;
    border-top: none;
    opacity: .15;
}

.main-menu::before {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 10px;
    height: 10px;
    background: var(--main-color);
    border-radius: 50%;
    opacity: 0;
    transform: translateX(0);
    transition: opacity 0.1s ease;
}

.main-menu li {
    position: relative;
    background-color: unset;
}

.mm-spn li a, .mm-spn li > span {
    padding: 18px;
    display: flex;
    gap: 1rem;
    margin: 5px;
    text-align: center;
    align-items: center;
    justify-content: center;
    color:#fff;
}

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: .75rem;
    content: "";
    text-align: center!important;
    display: block;
    height: 60px !important;
    background-image: var(--logo);
    background-size: contain!important;
    background-repeat: no-repeat!important;
    background-position: top center!important;
    /*! margin-top: -20px; */
    margin-bottom: 21px;
    color: #fff;
}

@media(min-width: 1024px) {
    .main-menu li.root-level > a {
        padding-top: 0px;
        padding-bottom: 2rem;
        font-weight: 700;
        color: var(--main-color);
    }

    .main-menu li.root-level > a :hover {
        transform: translateY(-5px);
        transition-duration: 0.5s;
    }
}

/*///////////////////// العناوين ////////////////////*/
.s-slider-block__title h2, .s-block__title h2 {
    position: relative;
    line-height: 1.2;
    color: var(--second-color);
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
}

.s-slider-block__title h2::after {
    content: "";
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    /* يبدأ بخط صغير */
    height: 2px;
    background-color: var(--second-color);
    transition: width 0.3s ease;
}

.s-slider-block__title h2:hover::after {
    width: 100%;
    /* الخط يكبر ليغطي العرض الكامل */
}

/*/////////////////////////////////////////////*/
.s-block--photos-slider {
    margin-top: 0!important
}

.swiper {
    padding-left: 0!important
}

salla-slider.photos-slider .swiper-slide {
    position: relative;
    margin-top: -5px;
    margin-left: 1.1rem;
    margin-right: 10px;
    height: auto;
    width: 102%;
    overflow: hidden;
    padding-left: 0;
    padding-right: 0
}

@media(max-width: 1024px) {
    salla-slider.photos-slider .swiper-slide {
        position:relative;
        margin-top: -5px;
        margin-left: 1.1rem;
        margin-right: 2px;
        height: auto;
        width: 107%;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0
    }
}

/*  ///////////////////مميزات المتجر//////////////////////*/
.s-block--features__item h2 {
    color: var(--second-color);
}

/*///////////////////footer/////////////////////*/
.footer-is-light .store-footer {
    --tw-bg-opacity: 1;
    background-color: var(--main-color);
    /*! --tw-text-opacity: 1; */
    color: var(--main-color);
    /*! animation: gradient-animation 10s ease infinite; */
    padding: 25px;
    /*! animation: glow 1.5s infinite; */
}

@keyframes gradient-animation {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.s-social-link a:hover {
    display: flex;
    height: 2rem;
    width: 2rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 300ms;
    color: var(--second-color)
}

.s-social-list {
    display: flex;
    gap: .625rem;
    justify-content: center
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--second-color);
}

.s-menu-footer-list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.s-contacts-list.s-contacts-list-vertical {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

span.unicode {
    display: none
}

.footer-is-light .store-footer .contact-social {
    border: none
}

.store-footer::after {
    content: "برمجة وتطوير ADFAZ";
    top: 0;
    /*! color:  !important; */
    font-size: 16px;
    opacity: .8;
    text-align: center;
    font-family: sans-serif;
    font-weight: 700;
    width: 100%;
    display: inline-block;
     color:var(--second-color) !important;
}

.footer-is-light .store-footer .store-footer__inner {
    background: var(--third-color) ;
    border-radius: 24px;
    border: 1px solid var(--main-color);
    font-weight: 500;
    text-align: center;
    box-shadow: 3px 2px 9px #9e9c9f;
}

.store-footer h3 {
    margin-bottom: .75rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    padding: 10px;
    text-align: center;
    font-size: 25px;
    color: var(--second-color);
}

a.flex.items-center.m-0 {
    display: flex;
    flex-direction: column;
}

a.flex.items-center.m-0:after {
    content: "";
    width: 100%;
    background-image: var(--logo);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: move 2s infinite;
    animation: wave-rotate 10s linear infinite;
    padding: 30px;
    text-align: center;
    scale: 1;
}

/* تعريف الحركة */
@keyframes wave-rotate {
    0% {
        transform: translateX(0) ;
    }

    45% {
        transform: translateX(-50%) ;
    }

    50% {
        transform: translateX(-50%) ;
    }

    55% {
        transform: translateX(-50%) ;
    }

    100% {
        transform: translateX(0) ;
    }
}

.max-w-sm {
    color: #000 !important;
}

/*//////////////////////////////////////*/
.store-footer a h3:nth-child(1) {
    display: none
}

@media (min-width: 1280px) {
    .container {
        max-width: 200%
    }
}

/*///////////////////////// search/////////////////////*/
.s-search-icon svg {
    height: 1rem;
    width: 1rem;
    fill: var(--main-color)
}

.top-navbar .s-search-input {
    border-style: none;
    background: var(--third-color);
    box-shadow: 1px 1px 5px var(--main-color)
}

.navbar-brand > img {
    animation: move-up-down 2s ease-in-out infinite;
    scale: 1.5;
    margin-right: 20px
}

@keyframes move-up-down {
    0%, 100% {
        transform: translateY(5);
        /* Initial position */
    }

    50% {
        transform: translateY(-5px);
        /* Move up by 20px */
        /* transform: scale(1.2); */
    }
}

/*//////////////قائمة العناصر///////////*/
/* الحاوية */
.grid.one-row {
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 1rem;
    overflow-x: auto;
    /* في حال صغرت الشاشة جدًا */
}

/* حاوية البنرات */
.grid.one-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center;
    gap: 1rem;
    overflow-x: auto;
    /* لو الشاشة صغيرة جدًا */
}

/* البنر نفسه */
.banner-entry {
    flex: 0 0 48%;
    max-width: 48%;
    height: 80vh;
    background: unset;
}

/* الخلفية */
.lazy__bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 100%;
    position: relative;
}

/* تأثير الحركة */
.lazy__bg:after {
    content: "";
    position: absolute;
    top: -50%;
    left: -60%;
    width: 20%;
    height: 200%;
    opacity: 0;
    transform: rotate(30deg);
    background: linear-gradient( to right, rgba(255, 255, 255, 0.13) 0%, rgba(255, 255, 255, 0.13) 77%, rgba(255, 255, 255, 0.5) 92%, rgba(255, 255, 255, 0) 100% );
}

.lazy__bg:hover:after {
    opacity: 1;
    left: 130%;
    transition: left 0.7s ease, top 0.7s ease, opacity 0.15s ease;
}

.lazy__bg:active:after {
    opacity: 0;
}

/*////////////////////////////الجافا//////////////////////////*/
/* document.addEventListener("DOMContentLoaded", function () {
    function checkVisibility() {
        const products = document.querySelectorAll(".s-product-card-vertical");

        products.forEach((product) => {
            if (!product) return; // ⛔ تجنب الأخطاء إذا لم يكن المنتج موجودًا
            
            const position = product.getBoundingClientRect();

            if (position.top < window.innerHeight * 0.9 && position.bottom >= 0) {
                product.classList.add("visible");
            } else {
                product.classList.remove("visible");
            }
        });
    }

    function observeElements() {
        const observer = new MutationObserver(() => {
            checkVisibility(); // تحقق من الرؤية عند تحديث الـ DOM
        });

        observer.observe(document.body, { childList: true, subtree: true });

        window.addEventListener("scroll", checkVisibility);
    }

    // ✅ تأخير التحقق للتأكد من تحميل المنتجات
    setTimeout(() => {
        checkVisibility();
        observeElements();
    }, 500);
});

// ✅ إضافة قسم الأسئلة الشائعة وآراء العملاء أسفل الصفحة
document.addEventListener("DOMContentLoaded", () => {
    const footer = document.querySelector("footer");
    if (!footer) return;

    // 🎨 متغيرات الألوان
    const primaryColor = "#fff";
    const backgroundColor = "#887896";
    const textColor = "#555";
    const starColor = "#FFD700";

    // 🟢 الحاوية الرئيسية
    const mainContainer = document.createElement("div");
    mainContainer.id = "faq-reviews-container";
    mainContainer.style.cssText = `
        width: 90%;
        max-width: 1000px;
        margin: 50px auto;
        padding: 20px;
        text-align: center;
        font-family: Arial, sans-serif;
    `;

    // 🔹 قسم الأسئلة الشائعة
    const faqSection = document.createElement("main");
    faqSection.id = "faq-section";
    faqSection.style.cssText = `
        background-color: ${backgroundColor};
        padding: 2rem;
        margin-bottom: 2rem;
        border-radius: 15px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    `;

    const faqTitle = document.createElement("h2");
    faqTitle.innerText = "الأسئلة الشائعة";
    faqTitle.style.cssText = `color: ${primaryColor}; margin-bottom: 1.5rem; font-size: 1.8rem;`;
    faqSection.appendChild(faqTitle);

    const faqData = [
        { question: "ما هي خيارات الدفع المتوفرة؟", answer: "مدى، البطاقات الإئتمانية، آبل باي، STC Pay" },
        { question: "كم يستغرق توصيل الطلب؟", answer: "يستغرق التوصيل عادةً بين 9 إلى 12 يوم عمل." },
        { question: "هل يمكنني استرجاع المنتجات؟", answer: "نعم، خلال 7 أيام وفقًا لسياسة الإرجاع." },
    ];

    faqData.forEach(({ question, answer }) => {
        const questionContainer = document.createElement("div");
        questionContainer.style.cssText = `
            background: #fff;
            padding: 10px;
            margin-bottom: 10px;
            border-radius: 8px;
            cursor: pointer;
            transition: background 0.3s;
        `;

        const questionEl = document.createElement("h3");
        questionEl.innerText = question;
        questionEl.style.cssText = `color: ${backgroundColor}; font-size: 1.2rem;`;

        const answerEl = document.createElement("p");
        answerEl.innerText = answer;
        answerEl.style.cssText = `display: none; margin-top: 5px; color: ${textColor}; font-size: 1rem;`;

        questionEl.addEventListener("click", () => {
            answerEl.style.display = answerEl.style.display === "block" ? "none" : "block";
        });

        questionContainer.appendChild(questionEl);
        questionContainer.appendChild(answerEl);
        faqSection.appendChild(questionContainer);
    });

    // 🔹 قسم آراء العملاء
    const reviewsContainer = document.createElement("main");
    reviewsContainer.id = "reviews-container";
    reviewsContainer.style.cssText = `
        background: ${backgroundColor};
        padding: 20px;
        border-radius: 15px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        overflow: hidden;
        position: relative;
    `;

    const title = document.createElement("h2");
    title.innerText = "آراء العملاء";
    title.style.cssText = `color: ${primaryColor}; font-size: 1.8rem; margin-bottom: 20px;`;
    reviewsContainer.appendChild(title);

    const reviewsWrapper = document.createElement("div");
    reviewsWrapper.id = "reviews-wrapper";
    reviewsWrapper.style.cssText = `display: flex; gap: 20px; position: relative; width: max-content;`;

    const reviews = [
        { name: "عبدالله القحطاني", text: "منتجات عالية الجودة وسرعة في التوصيل!", stars: 5, img: "https://d.top4top.io/p_3367vfx321.jpeg" },
        { name: "نورة العتيبي", text: "خدمة العملاء ممتازة جدًا والأسعار منافسة.", stars: 4, img: "https://i.pravatar.cc/80?img=20" },
        { name: "سعود الدوسري", text: "تجربة رائعة! تغليف احترافي وشحن سريع.", stars: 5, img: "https://h.top4top.io/p_3367yqvd51.jpeg" },
        { name: "فاطمة الزهراني", text: "تجربة مميزة، المنتجات فاقت توقعاتي!", stars: 5, img: "https://i.pravatar.cc/80?img=40" }
    ];

    reviews.forEach(({ name, text, stars, img }) => {
        const review = document.createElement("div");
        review.classList.add("testimonial");
        review.style.cssText = `
            display: flex;
            align-items: center;
            background: #fff;
            padding: 15px;
            border-radius: 10px;
            width: 300px;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        `;

        const avatar = document.createElement("img");
        avatar.src = img;
        avatar.alt = name;
        avatar.style.cssText = `width: 60px; height: 60px; border-radius: 50%; margin-right: 15px;`;

        const textContainer = document.createElement("div");
        textContainer.innerHTML = `<p style='color: ${textColor}; font-size: 1rem;'>${text}</p><div style='color: ${starColor}; font-size: 18px;'>${"★".repeat(stars)}${"☆".repeat(5 - stars)}</div><p style='color: ${backgroundColor};'><strong>${name}</strong></p>`;

        review.appendChild(avatar);
        review.appendChild(textContainer);
        reviewsWrapper.appendChild(review);
    });

    reviewsContainer.appendChild(reviewsWrapper);
    mainContainer.appendChild(faqSection);
    mainContainer.appendChild(reviewsContainer);
    footer.parentNode.insertBefore(mainContainer, footer);

    // 🟢 تحريك آراء العملاء بسلاسة
    function moveTestimonials() {
        const firstTestimonial = reviewsWrapper.firstElementChild;
        firstTestimonial.style.marginLeft = "-310px"; // تحريك أول عنصر للخارج

        setTimeout(() => {
            reviewsWrapper.appendChild(firstTestimonial); // نقل العنصر إلى النهاية
            firstTestimonial.style.marginLeft = "0"; // إعادة تعيين الموقع
        }, 2000); // الانتظار قبل النقل

        setTimeout(moveTestimonials, 3000); // تشغيل الحركة بشكل متكرر
    }

    moveTestimonials();
});
document.addEventListener("DOMContentLoaded", function() {
    const sections = document.querySelectorAll('section');

    function checkVisibility() {
        sections.forEach(section => {
            const position = section.getBoundingClientRect();
            if (position.top < window.innerHeight && position.bottom >= 0) {
                section.classList.add('visible');
            } else {
                section.classList.remove('visible');
            }
        });
    }

    window.addEventListener("scroll", checkVisibility);
    checkVisibility(); // Check on load
});




////////////////////////////////////

function enhanceCards() {
    const cards = document.querySelectorAll('.s-product-card-entry');
    if (cards.length === 0) return;

    cards.forEach((card, index) => {
        if (card.querySelector('.product-rating')) return;

        // نجوم التقييم
        const stars = document.createElement('div');
        stars.className = 'product-rating';
        const rating = Math.floor(Math.random() * 2) + 4;
        for (let i = 0; i < 5; i++) {
            const star = document.createElement('span');
            star.innerHTML = i < rating ? '★' : '☆';
            stars.appendChild(star);
        }
        stars.style.color = '#FFD700';
        stars.style.fontSize = '18px';
        stars.style.margin = '6px 0';
        card.querySelector('.s-product-card-content-main')?.appendChild(stars);

        // بادج (جديد أو خصم)
        const badge = document.createElement('div');
        badge.className = 'product-badge';
        badge.textContent = index % 2 === 0 ? 'جديد' : 'خصومات %';
        badge.style.cssText = `
            position: absolute;
            top: 15px;
            right:15px;
            background-color: #33005D;
            color: white;
            padding: 4px 10px;
            border-radius: 6px;
            font-size: 13px;
            font-weight: bold;
            z-index: 10;
        `;
        card.style.position = 'relative';
        card.appendChild(badge);
    });
}

let tryCount = 0;
const interval = setInterval(() => {
    enhanceCards();
    tryCount++;
    if (tryCount > 10) clearInterval(interval);
}, 1000); */
#mobile-menu{
   z-index: 999999999999;
}

body:after {
    z-index: 9999999999999;
}

#mainnav {
    z-index: 999999999999;
    }

.mm-ocd--open ,.mm-ocd__backdrop {
  z-index: 999999999999999999;
}
.s-block--features__item {
  background: var(--main-color)!important;
   border-radius: 50px;
    box-shadow: 0 2px 15px var(--main-color)!important;important;
    border: 1px solid rgba(255,255,255,.29)!important;
  
}
.s-block--features__item .feature-icon {
  background-color: var(--main-color);
  box-shadow: 0 2px 15px var(--second-color)!important;
}
.s-block--features__item h2, .s-block--features__item p {
  color: #ffffff!important;
}

.s-search-input-wrapper input {
  background: #fff !important;
  color: var(--second-color) !important;
}
.s-slider-block__title {
  display: block;
  text-align: start;
}
@media(max-width: 766px) {
 

  .s-block--features__item {
    grid-column: span 2 / span 2;
    grid-column-start: span 2;
    grid-column-end: span 2;
    margin:auto;
}
}
.s-block--features__item:hover {
  scale:1.08;
 box-shadow: 0px 0px 10px var(--second-color);
  
}


.s-block--features__item{
  margin:auto;
  background:var(--main-color)!important;
  font-size:30px!important;
  color:var(--color-light)!important;
  transition-duration:.4s;
  transition-property:scale;
  border-top-left-radius: 100%;
  border-top-right-radius: 100%;
  margin-top:1rem;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  width:80%
}

.s-block--features__item:nth-child(2){
 border-top-left-radius: 0;
  border-top-right-radius: 0;
   border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-top:0rem;
  
}
.s-block--features__item:nth-child(3){
 border-top-left-radius: 0;
  border-top-right-radius: 0;
   border-bottom-left-radius: 100%;
  border-bottom-right-radius: 100%;
 margin-top:0rem;
  
}
.s-block--features__item h2{
  color:var(--color-secondary)!important;
  font-size: 1.1rem;
  margin-bottom:0.4rem;

}
.s-block--features__item p{
 color:white!important;
 font-size: 1.0rem;
}
@media (min-width: 768px){
.two-row .banner-entry:first-child {
    height: auto !important;
}
.s-block--features__item{
  margin:auto;
  background:var(--main-color)!important;
  font-size:30px!important;
  color:white!important;
  transition-duration:.4s;
  transition-property:scale;
 border-radius:30px;
  width:80%;
  border:2px solid var(--second-color);
}
.s-block--features__item:nth-child(2){
border-radius:30px;
}
.s-block--features__item:nth-child(3){
border-radius:30px;
}
}
@media only screen and (max-width: 1024px) {
  .mm-spn.mm-spn--light {
   
    background: var(--main-color);
  }
}
section:nth-of-type(2) {
  & .s-slider-block__title-right h2 {
    margin: auto;
    margin-bottom: auto;
    font-size: 20px !important;
    color: var(--second-color);
    margin-bottom: 10px;
  }
}
.s-slider-block__title {
  color: var(--second-color);
}
section:nth-of-type(2) {
  & .s-slider-block__title {
    margin: auto;
    background-color: var(--second-color);
  }
}
section:nth-of-type(2) {
  & .s-slider-block__title-right {
    margin: auto;
   
    background-color: var(--second-color);
  }
}
.s-block--features__item h2 {
  color: #fff !important;
  font-size: 1.1rem;
  margin-bottom: 0.4rem;
}
.mm-spn ul {
  background: #937fbd !important;
}

.main-menu .mm-spn--open{
  background-color: #937fbd !important;
}