/* Developed by Mohammed Salah */
.s-slider-wrapper {
    animation: fadeIn 2s ease-in-out 3s forwards;
    will-change: opacity;
}

/* Developed by Mohammed Salah */
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}

/* Developed by Mohammed Salah */
.swiper-lazy-wrap.w-full.relative.video-swiper.swiper-slide.swiper-slide-visible.swiper-slide-active {
    padding-top: 20px;
}

/* Developed by Mohammed Salah */
.sicon-user:before {
    content: "\f078";
    color: #c99f47;
}

/* Developed by Mohammed Salah */
.sicon-shopping:before {
    content: "\ef39";
    color: #c99f47;
}

/* Developed by Mohammed Salah */
.dark .s-cart-summary-total {
    color: #c99f47 !important;
}

/* Developed by Mohammed Salah */
.dark .da-fm {
    fill: #d2a750 !important;
}

/* Developed by Mohammed Salah */
nav#mobile-menu {
    background: linear-gradient(118deg, #032238, transparent);
}

/* Developed by Mohammed Salah */
.mm-spn ul {
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    left: 100%;
    bottom: 0;
    z-index: 2;
    width: calc(100% + var(--mm-spn-panel-offset));
    padding-right: var(--mm-spn-panel-offset);
    line-height: var(--mm-spn-line-height);
    overflow-y: auto;
    background: inherit;
    transition: left 0.3s ease 0s;
    cursor: default;
}

/* Developed by Mohammed Salah */
.mm-spn {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

/* Developed by Mohammed Salah */
.mm-ocd__content {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    width: var(--mm-ocd-width);
    min-width: var(--mm-ocd-min-width);
    max-width: var(--mm-ocd-max-width);
    transition: transform 0.3s ease;
}

/* Developed by Mohammed Salah */
.menu-silde.lazy_bg.lazy.bg-cover.bg-center.entered {
    cursor: pointer;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    z-index: 0;
    background: #26324f1c;
    margin: 7px;
    border-radius: 12px;
    overflow: hidden;
}

/* Developed by Mohammed Salah */
.menu-silde.lazy_bg.lazy.bg-cover.bg-center.entered:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: linear-gradient(76deg, #000000 0%, #6a375f 100%);
    transition: all 0.1s linear;
    transform: translateX(50%);
    z-index: -1;
    animation: btn-22-left 3s linear infinite;
}

/* Developed by Mohammed Salah */
[dir=rtl] .menu-silde.lazy_bg.lazy.bg-cover.bg-center.entered:before {
    width: 6px;
    height: 6px;
    top: 50%;
    left: calc(var(--mm-spn-item-height) / 2);
    border-bottom: 1px solid;
    border-left: 1px solid;
}

/* Developed by Mohammed Salah */
@keyframes btn-22-left {
    0% {
        transform: translateX(100%);
        background: linear-gradient(to left, transparent, #d8a84a);
    }
    50% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
        background: linear-gradient(to right, transparent, #d8a84a);
    }
}

/* Developed by Mohammed Salah */
.sicon-cancel:before {
    content: "\ea47";
    color: #d8a84a;
}

/* Developed by Mohammed Salah */
.dark .da-bgg {
    background-color: #032238ad !important;
}

/* Developed by Mohammed Salah */
.s-block__title {
    background: #00132769;
    border-radius: 7px;
    position: relative;
    color: #fff;
    overflow: hidden;
    padding-top: 10px;
}

/* Developed by Mohammed Salah */
.box-img {
    margin: -15px;
}

/* Footer Styles - Developed by Mohammed Salah */
.store-footer {
    position: relative;
    margin-top: 2rem;
    color: rgba(0, 0, 0, var(--tw-text-opacity));
}

/* Developed by Mohammed Salah */
@media (min-width: 640px) {
    .store-footer {
        margin-top: 4rem;
    }
}

/* Developed by Mohammed Salah */
.store-footer a {
    transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Developed by Mohammed Salah */
.store-footer a:hover {
    color: var(--color-primary) !important;
}




/* Developed by Mohammed Salah */
body#app {
    background: url(https://i.pinimg.com/564x/81/91/bd/8191bdf84d27a128a874773e8a5fa9ff.jpg);
    background-size: cover;
    background-attachment: fixed;
}

/* Developed by Mohammed Salah */
.dark .lazy__bg {
    background-color: unset;
}

/* Developed by Mohammed Salah */
.dark .s-product-card-entry {
    background-color: red;
    background: url(https://bidayaspace.com/wp-content/uploads/2024/10/Untitqqled-22.webp);
    background-size: cover;
    background-position-x: left;
}

/* Developed by Mohammed Salah */
.centered-title .s-block__title.divider-title {
    margin: 0px;
    padding: 8px;
    align-content: center;
}

/* Developed by Mohammed Salah */
h4.text-lg.leading-none.da-tm.my-2 {
    color: #efac24;
}

/* Developed by Mohammed Salah */
a.sc-sbsi7l-0.iaPUuL {
    display: none;
}

/* Developed by Mohammed Salah */
p.relative.da-tm {
    color: #f2ae24;
}

/* Developed by Mohammed Salah */
.s-add-product-button-main .s-add-product-button-mini-checkout {
    background-color: #f7b41f;
}

/* Developed by Mohammed Salah */
a.text-primary.underline.text-sm.hover\:text-primary-d {
    color: #FFF;
}

/* Developed by Mohammed Salah */
.s-block__title {
    background: #00132769;
    border-radius: 7px;
    position: relative;
    transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
    color: #fff;
    overflow: hidden;
    padding-top: 10px;
}

/* Developed by Mohammed Salah */
.s-block__title:before, .title .s-slider-block__title h2:before {
    content: "";
    background: #cea24c;
    clip-path: polygon(12px 0%,24px 0%,12px 50%,24px 100%,12px 100%,0% 50%);
    width: 24px;
    height: 38px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    box-shadow: 0 0 7px 2px #1b1239c2;
}

/* Developed by Mohammed Salah */
.s-block__title:after, .title .s-block__title h2:after {
    content: "";
    background: #cea24c;
    clip-path: polygon(0% 0%,50% 0%,100% 50%,50% 100%,0% 100%,50% 50%);
    width: 24px;
    height: 38px;
    display: block;
    position: absolute;
    top: 0;
    left: 10px;
    z-index: -1;
    box-shadow: 0 0 7px 2px #1b1239c2;
}



/* Developed by Mohammed Salah */
.dark .da-bgm {
    background-color: unset!important;
}

/* Developed by Mohammed Salah */
div#mainnav {
    background-color: #0d1321;
    border-radius: 0px 0px 20px 20px;
}

/* Developed by Mohammed Salah */
.inner.bg-white.da-bgm {
    background-color: #0d1321 !important;
}

/* Developed by Mohammed Salah */
@media screen and (max-width: 767px) {
    .grid.grid-cols-3.items-baseline.gap-2.sm\:gap-6.lg\:gap-4 {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important; /* توزيع الشبكة لعمود واحد فقط */
        display: grid; /* تفعيل عرض الشبكة */
    }
}

/* Developed by Mohammed Salah */
@media screen and (max-width: 767px) {
    .angel-feature.flex-center.flex-col {
        background-color: #021f398c;
        overflow: hidden;
        border-radius: 8px;
        flex-direction: row;
    }
}

/* Developed by Mohammed Salah */
@media screen and (max-width: 767px) {
    .angel-feature .mt-2 {
        padding-block: 10px;
        width: 100%;
        position: relative;
        display: flex;
        align-items: flex-start;
        margin: 0;
    }
}
.footer-top.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.\31 {
    BACKGROUND-COLOR: #cea24d;
    BORDER-RADIUS: 10px 100px 10px 200px;
    /* COLOR: #FFF; */
    BORDER: 0PX;
}
/* Developed by Mohammed Salah */
@media screen and (max-width: 767px) {
    .angel-features .h-14 {
        height: 60px;
        background: #efad2314;
        margin: 8px;
        width: 75px;
        border-radius: 7px;
    }
}

/* Developed by Mohammed Salah */
@media screen and (max-width: 767px) {
    .flex-center {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* Developed by Mohammed Salah */
.s-button-primary {
    background-color: #012b55;
}

/* Developed by Mohammed Salah */
p.text-base.da-tm.leading-6.line-clamp-3.w-full.da-tm.text-center.my-2 {
    color: #cea24c !important;
}

/* Developed by Mohammed Salah */
label.block.cursor-pointer.p-6.pe-16.text-sm.font-primary.leading-6.transition {
    color: #cea24c;
}

/* Developed by Mohammed Salah */
h4.text-lg.leading-none.da-tm.my-2 {
    color: #ca9f46;
}

/* Developed by Mohammed Salah */
.dark .da-tm {
    color: var(--dark-text-main) !important;
}

/* Developed by Mohammed Salah */
.dark .form-input, .dark input, .dark textarea, .dark select, .dark .tel-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .s-comment-form-input {
    background-color: #ffffff;
}

/* Developed by Mohammed Salah */
p.max-w-sm.leading-6.da-tm.mx-auto.px-3.angel_anime.animate__.animate__fadeInUp {
    color: #d4a444 !important;
}

/* Developed by Mohammed Salah */
h4.text-center.text-base.md\:text-lg.da-tm {
    color: #cea24c!important;
}

/* Developed by Mohammed Salah */
.dark .contact-links a {
    background-color: #03366f80 !important;
}

/* Developed by Mohammed Salah */
.dark .contact-links a {
    color: #d4a444;
}

/* Developed by Mohammed Salah */
.sicon-search:before {
    content: "\ef09";
    color: #d4a444;
}

/* Developed by Mohammed Salah */
h1#page-main-title {
    color: #d4a445!important;
    background-color: #0d1321;
    padding: 8px;
    border-radius: 20px;
}

/* Developed by Mohammed Salah */
.dark .form-input, .dark input, .dark textarea, .dark select, .dark .tel-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .s-comment-form-input {
    background-color: #dcac4c;
}

/* Developed by Mohammed Salah */
.sicon-heart:before {
    content: "\eca1";
    color: #0e141e;
}

/* Developed by Mohammed Salah */
.dark .s-product-card-content-footer salla-add-product-button .s-button-outline {
    color: #d4a444;
    background: #171c26;
}

/* Developed by Mohammed Salah */
.dark .form-input, .dark input, .dark textarea, .dark select, .dark .tel-input, .dark .s-login-modal-input, .dark .s-product-availability-input, .dark .s-verify-input, .dark .s-comment-form-input {
    background-color: #ffffff;
}


select#product-filter {
    background-color: #d4a444;
}

.dark .tabs-wrapper {
    background-color: #0d132154;
}

.tabs__product .tab-trigger {
    color: #0d1321;
}
.store-footer .footer-container {

    border-bottom-width: 0px;

}
.footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 {
    background: #0c1424;
    border-radius: 20px;
    border-width: 1px 0px 1px 0px;
    BORDER: SOLID 1PX  #FFF;
    BORDER-RADIUS: 200PX 10PX 100PX 10PX;
    BORDER-COLOR: rgb(241 173 37);
    PADDING-BOTTOM: 10PX;
    BACKGROUND-SIZE: COVER;
    MARGIN-TOP: 10PX;
    background-blend-mode: hard-light;
    padding: 40px;
}

salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll.hydrated {
    background: #032238;
}

.box-img.rounded-md:hover {
    transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
    transform: translateY(-10px) rotate(1deg);
}

.store-footer h3:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    filter: blur(0px);
    animation: btn-22-left 3s linear infinite
}

@keyframes btn-22-left {
    0% {
        transform: translateX(100%);
        background: linear-gradient(to left,transparent,#fab05d);
        bottom: auto;
        top: 0
    }

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

    100% {
        transform: translateX(100%);
        background: linear-gradient(to right,transparent,#fab05d);
        bottom: auto;
        top: 0
    }
}

.store-footer h3:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    filter: blur(0px);
    animation: btn-22-right 3s linear infinite
}

.store-footer .footer-container .footer-list a {
    margin-bottom: .75rem;
    color: #fff
}

@keyframes btn-22-right {
    0% {
        transform: translateX(-100%);
        background: linear-gradient(to right,transparent,#fab05d);
        bottom: 0;
        top: auto
    }

    50% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%);
        background: linear-gradient(to left,transparent,#fab05d)
    }
}

.store-footer h3 {
    background: #00000045;
    margin-inline: 15px;
    color: #fff;
    border-radius: 8px;
    line-height: 20px;
    font-weight: 700!important;
    width: calc(100% - 30px);
    position: relative;
    overflow: hidden;
    padding: 5px;
}

.dark .store-footer h3 {
    background: #0000004d;
    color: #fff!important
}