body.index:after{content:"";width:100%;height:100%;top:0;position:fixed;z-index:999999;background:url(https://cdn.files.salla.network/theme/1063430763/c4ed573f-a173-49fc-bf4d-2bb40ddef65d.webp) center/80px no-repeat #fff;left:0;animation:fade-in 3s forwards}@keyframes fade-in{0%,50%{opacity:1}50%{transform:scale(1.2)}100%{opacity:0;visibility:hidden;transform:scale(1.5)}}
.whatsapp-icon {
position: fixed;
bottom: 20px;
right: 20px;
background-color: #25D366;
color: white;
font-size: 28px;
padding: 11px;
border-radius: 50%;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
transition: transform 0.3s ease-in-out;
text-align: center;
z-index: 1;
}

.whatsapp-icon::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 60px;
height: 60px;
background-color: rgba(37, 211, 102, 0.5);
border-radius: 50%;
transform: translate(-50%, -50%);
z-index: -1;
animation: pulse-animation 1.5s infinite;
}

@keyframes pulse-animation {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0.7;
}
50% {
transform: translate(-50%, -50%) scale(1.4);
opacity: 0;
}
100% {
transform: translate(-50%, -50%) scale(1);
opacity: 0;
}
}

.whatsapp-icon:hover {
transform: scale(1.1);
}

/* ==================================================
   QU Store - Clean Footer
================================================== */

.store-footer,
.store-footer * {
    box-sizing: border-box;
}


/* ==================================================
   Main Footer
================================================== */

.store-footer {
    width: 100%;
    direction: rtl;

    background:
        linear-gradient(
            135deg,
            #123E54 0%,
            #1b526b 55%,
            #2b637a 100%
        ) !important;

    color: #ffffff !important;

    overflow: hidden;
}


/* ==================================================
   Footer Inner
================================================== */

.store-footer__inner {
    background: transparent !important;

    padding: 45px 0 38px;
}


/* ==================================================
   Main Grid
================================================== */

.store-footer__inner > .container {
    max-width: 1200px !important;

    margin: 0 auto !important;

    gap: 45px !important;

    align-items: flex-start;
}


/* ==================================================
   إزالة شكل الكروت القديم
================================================== */

.store-footer__inner > .container > div,
.store-footer__inner > .container > salla-apps-icons {

    background: transparent !important;

    border: none !important;

    border-radius: 0 !important;

    box-shadow: none !important;

    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    padding: 0 !important;

    transform: none !important;
}


/* إزالة أي Hover قديم */

.store-footer__inner > .container > div:hover,
.store-footer__inner > .container > salla-apps-icons:hover {

    background: transparent !important;

    transform: none !important;

    box-shadow: none !important;

}


/* ==================================================
   Titles
================================================== */

.store-footer h3,
.store-footer .s-contacts-title {

    position: relative;

    margin: 0 0 18px !important;

    padding: 0 0 10px;

    color: #ffffff !important;

    font-size: 17px !important;

    font-weight: 700 !important;

    line-height: 1.5;
}


/* الخط تحت العنوان */

.store-footer h3::after,
.store-footer .s-contacts-title::after {

    content: "";

    position: absolute;

    bottom: 0;
    right: 0;

    width: 35px;
    height: 2px;

    background: rgba(255,255,255,.85);

    border-radius: 10px;
}


/* اسم المتجر */

.store-footer a[href="https://qustore.online/"] h3 {

    font-size: 20px !important;

    font-weight: 800 !important;

}


/* ==================================================
   Footer Links
================================================== */

.store-footer .s-menu-footer-list {

    display: flex !important;

    flex-direction: column !important;

    gap: 8px !important;
}


.store-footer .s-menu-footer-item {

    position: relative;

    display: inline-flex !important;

    align-items: center;

    width: fit-content;

    padding: 3px 0 !important;

    color: rgba(255,255,255,.85) !important;

    font-size: 14px !important;

    font-weight: 400 !important;

    text-decoration: none !important;

    transition:
        color .25s ease,
        transform .25s ease;
}


/* نقطة بسيطة */

.store-footer .s-menu-footer-item::before {

    content: "";

    width: 5px;
    height: 5px;

    margin-left: 8px;

    border-radius: 50%;

    background: rgba(255,255,255,.65);
}


.store-footer .s-menu-footer-item:hover {

    color: #ffffff !important;

    transform: translateX(-3px);
}


/* ==================================================
   Contact
================================================== */

.store-footer .s-contacts-list {

    display: flex !important;

    flex-direction: column !important;

    gap: 10px !important;
}


.store-footer .s-contacts-item {

    display: flex !important;

    align-items: center;

    gap: 9px;

    width: fit-content;

    color: #ffffff !important;

    text-decoration: none !important;
}


/* أيقونة الاتصال */

.store-footer .s-contacts-icon {

    width: 34px;
    height: 34px;

    min-width: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.28);

    border-radius: 50%;

    background: rgba(255,255,255,.08);
}


.store-footer .s-contacts-icon svg {

    width: 17px !important;
    height: 17px !important;

    fill: #ffffff !important;
}


.store-footer .s-contacts-item .unicode {

    color: #ffffff !important;

    direction: ltr;

    unicode-bidi: embed;

    font-size: 14px;

    font-weight: 600;
}


/* ==================================================
   Commercial Register + VAT
================================================== */

.store-footer .flex.gap-4 {

    display: flex !important;

    align-items: center !important;

    flex-wrap: wrap;

    gap: 20px !important;

    margin-top: 15px;
}


.store-footer .s-trust-badges-wrapper {

    background: transparent !important;

    color: #ffffff !important;
}


.store-footer .s-trust-badges-image {

    width: 48px !important;

    height: 48px !important;

    padding: 5px;

    background: #ffffff;

    border-radius: 8px;
}


.store-footer .s-trust-badges-label,
.store-footer .s-trust-badges-number {

    color: #ffffff !important;
}


/* الرقم الضريبي */

.store-footer .text-text-grey {

    color: rgba(255,255,255,.72) !important;
}


.store-footer b {

    color: #ffffff !important;
}


/* ==================================================
   Social
================================================== */

.store-footer .s-social-list {

    display: flex !important;

    align-items: center;

    gap: 8px !important;
}


.store-footer .s-social-list a {

    width: 34px;
    height: 34px;

    display: flex !important;

    align-items: center;
    justify-content: center;

    border: 1px solid rgba(255,255,255,.25);

    border-radius: 50%;

    color: #ffffff !important;

    background: transparent;

    transition:
        background .25s ease,
        transform .25s ease;
}


.store-footer .s-social-list a:hover {

    background: rgba(255,255,255,.10);

    transform: translateY(-2px);
}


.store-footer .s-social-list svg {

    fill: #ffffff !important;
}


/* ==================================================
   Bottom Footer
================================================== */

.store-footer > .container {

    max-width: 100% !important;

    margin: 0 !important;

    padding:
        15px
        max(20px, calc((100% - 1200px) / 2)) !important;

    border-top: 1px solid #e7edf0;

    color: #fff !important;
}


/* Copyright */

.store-footer .copyright-text,
.store-footer .copyright-text p {

    margin: 0 !important;

    color: #fff !important;

    font-size: 13px !important;
}


.store-footer .copyright-text a {

    color: #fff !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* ==================================================
   Payments
================================================== */

.store-footer .s-payments-list {

    display: flex !important;

    align-items: center;

    gap: 7px !important;
}


.store-footer .s-payments-list-item {

    width: 50px !important;

    height: 32px !important;

    padding: 4px 6px !important;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #e5e8ea;

    border-radius: 7px;

    background: #ffffff;

    box-shadow: none !important;
}


.store-footer .s-payments-list-item img {

    max-width: 100% !important;

    max-height: 100% !important;

    object-fit: contain;
}


/* ==================================================
   Apps
================================================== */

.store-footer salla-apps-icons {

    color: #ffffff !important;
}


/* ==================================================
   Tablet
================================================== */

@media (max-width: 1024px) {

    .store-footer__inner {

        padding: 38px 20px 30px;

    }


    .store-footer__inner > .container {

        gap: 30px !important;

    }

}


/* ==================================================
   Mobile
================================================== */

@media (max-width: 767px) {

    .store-footer {

        background:
            linear-gradient(
                160deg,
                #123E54 0%,
                #1a4e66 100%
            ) !important;

    }


    .store-footer__inner {

        padding:
            30px
            18px
            25px;

    }


    .store-footer__inner > .container {

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 27px !important;

        padding: 0 !important;

    }


    .store-footer h3,
    .store-footer .s-contacts-title {

        font-size: 16px !important;

        margin-bottom: 13px !important;

    }


    .store-footer a[href="https://qustore.online/"] h3 {

        font-size: 19px !important;

    }


    /* خط فاصل بين الأقسام */

    .store-footer__inner > .container > div {

        padding-bottom: 22px !important;

        border-bottom:
            1px
            solid
            rgba(255,255,255,.12) !important;

    }


    /* Bottom */

    .store-footer > .container {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 12px;

        padding:
            15px
            12px !important;

        text-align: center;

    }


    .store-footer .copyright-text,
    .store-footer .copyright-text p {

        font-size: 12px !important;

        text-align: center;

    }


    .store-footer .s-payments-list {

        justify-content: center;

    }

}