.box-img.rounded-md:hover {
    1transform: scale(1.05); /* تأثير التكبير عند التمرير */
    
     transition: transform 0.4s ease-in-out, box-shadow 0.4s ease-in-out;
     1transform: scale(1.1) rotate(1deg);
      transform: translateY(-10px) rotate(1deg);
      1transform: rotateX(15deg) rotateY(15deg);
      1animation: shake 0.5s ease-in-out;
      
}     



.banner-square.zoomed-img.grayscaled-img {
    margin: -15px;
}
.s-product-card-entry.no-bg {
    BACKGROUND: url('https://cdn.salla.sa/form-builder/OqggaEla2bR7Mml0N1U1VFqJvZ4ZYyqzOGVRa7Qj.webp')no-repeat CENTER RIGHT;
    background-size: COVER;
}
h4.s-product-card-price {
    COLOR: #fdb801;
}
h3.s-product-card-content-title.line-clamp-1.font-primary {
    COLOR: #fdb801;
}
.s-product-card-content-footer salla-add-product-button .s-button-outline {
    border-color: #414042;
    border-color: #faa506;
    COLOR: #fdb801;
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
}
.sicon-heart:before {
    content: "\eca1";
    COLOR: #fab510;
}
.s-product-card-entry.no-bg {
    background-color: transparent;
    BORDER-COLOR: #f7b41f3d ! IMPORTANT;
}
.nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative {
    COLOR: #f7b41f;
    BACKGROUND: #1f002769;
}
a.fix-align.text-primary {
    COLOR: #f7b41f;
}
span.fix-align.text-gray-500.da-ts {
    COLOR: #FFF;
}
.bg-gray-100 {
 
    background-color: #1f002769;
}
.tabs-wrapper {
    
    background-color: #1f002769;
    COLOR: #f1ae26;
}
.tabs .tab-trigger.is-active {
    
    background-color: rgb(246 179 31);
    
    color: rgb(255 255 255);
}
section.sticky-product-bar.bg-white.da-bgg.\31 .p-5.mt-4.rounded-md {
    BACKGROUND-COLOR: #f2ad26 ! IMPORTANT;
    BACKGROUND: url('https://cdn.salla.sa/form-builder/OqggaEla2bR7Mml0N1U1VFqJvZ4ZYyqzOGVRa7Qj.webp') no-repeat  BORDER-BOX;
    background-attachment: fixed;
    background-size: cover;
    /* background-blend-mode: exclusion; */
    /* COLOR: #FFF; */
    /* BORDER: #FFF 1PX; */
    BORDER-RADIUS: 5PX 5PX 0PX 0PX;
    BORDER-TOP: SOLID 3PX #f1ad25;
}

.s-quantity-input-button {
    fill: #f1ad26;
}
.s-quantity-input-container {

    BORDER-COLOR: #f2ae26;
}
.s-button-primary, .btn-primary {
    color: #f1ad25;
}
h1.da-tm.leading-normal.text-lg.md\:text-xl.pe-2 {
    /* BACKGROUND-COLOR: #4a15608c; */
    BORDER-RADIUS: 5PX;
    PADDING: 5PX;
    COLOR: #f6b31f;
}
h2.total-price.font-bold.da-tm.text-xl.inline-block {
    COLOR: #f1ad25;
}
.s-rating-stars-reviews {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
p.text-gray-500.da-ts.text-sm {
    COLOR: #ffffff;
}
p.text-gray-400.da-ts.text-sm {
    COLOR: #FFF;
}
.prose.prose-sm.max-w-none.text-gray-500.da-tm {
    COLOR: #FFF;
}
.p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md.angel_anime.animate__.animate__fadeIn {
    BACKGROUND-COLOR: #f1ae25;
}
.s-slider-block__title-right {
    COLOR: #f0af24;
}
a.flex-center.pb-2.pt-4.gap-2.w-max.h-full {
    COLOR: #FFF;
}
.title-mail.md\:text-start {
    COLOR: #6b278d;
}
.store-footer h3 {
    color: #fff;
   
}
.store-footer .footer-container .logo-footer .foo {
    max-height: 100p;
    max-width: 100PX;
    margin-bottom: .5rem;
    width: auto;
    BACKGROUND-COLOR: #f1ae25;
    BORDER-RADIUS: 50PX;
    PADDING: 10PX;
}
input.required.mail-input.form-input.rtl\:rounded-l-none.ltr\:rounded-r-none.rtl\:border-l-0.ltr\:border-r-0 {
    BACKGROUND-COLOR: #692687;
    /* COLOR: #FFF; */
    BORDER-COLOR: #f3ae28;
}
button.rtl\:rounded-r-none.ltr\:rounded-l-none.rtl\:rounded-l-md.ltr\:rounded-r-md.s-button-wrap.hydrated.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {
    BACKGROUND-COLOR: #f3ae27;
    COLOR: #77309b;
}

.details {
   
    background-color: rgb(87 32 110 / 73%);
    
}

@media screen and (max-width: 767px) {
  .footer-middle.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.md\:gap-4 {
    BORDER: SOLID 1PX  #FFF;
    BORDER-RADIUS: 200PX 10PX 100PX 10PX;
    BORDER-COLOR: rgb(241 173 37);
    PADDING-BOTTOM: 10PX;
    BACKGROUND-COLOR: #0000006b;
    BACKGROUND: url('https://cdn.salla.sa/form-builder/OqggaEla2bR7Mml0N1U1VFqJvZ4ZYyqzOGVRa7Qj.webp') TOP RIGHT no-repeat;
    BACKGROUND-SIZE: COVER;
   
    MARGIN-TOP: 10PX;
    background-blend-mode: hard-light;
    BACKGROUND-COLOR: #676767;
}
p.max-w-sm.leading-6.da-tm.mx-auto.px-3.angel_anime.animate__.animate__fadeInUp {
    /* background-color: #f1ae25d4; */
    /* BORDER-RADIUS: 40PX 0PX 0PX 00PX; */
    MARGIN-LEFT: 20PX;
    COLOR: #f1ae25;
}
.footer-top.footer-container.flex.align-center.flex-col.md\:flex-row.da-brdr.\31 {
    BACKGROUND-COLOR: #f1ae25;
    BORDER-RADIUS: 10px 100px 10px 200px;
    /* COLOR: #FFF; */
    BORDER: 0PX;
}

}
.flex.flex-col.shrink-0 {
    color: #fff;
}
button.s-fast-checkout-button.outline.rtl {
    color: #ffF!IMPORTANT;
}

.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *) {
    flex-direction: row-reverse;
}
.contact-links a {
    min-width: 3.5rem;
    border-radius: 0.375rem;
    background-color: rgb(241 174 37);
    --tw-bg-opacity: 0.5;
    padding: 0.5rem;
    color: #000;
}
.flex.flex-col.items-start.lg\:flex-row {
    background-color: #4f1c5f6e;
    border-radius: 10px;
    border: solid 1px #f7b41f;
}
.space-y-1 {
    color: #f7b41f;
}
span.item-price.text-sm.text-gray-400.da-ts {
    color: #ffffff;
}
b.da-tm.text-sm {
    color: #f7b41f;
}
input.s-quantity-input-input {
    color: #fff;
}
.s-product-options-option-label {
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.text-primary.da-tm.text-sm {
    color: #fff;
}
.shadow-default.bg-white.da-bgg.p-3.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {
    color: #fff;
}
b#sub-total {
    color: #fff;
}
p.text-gray-400.mb-2\.5.md\:mb-0 {
    color: #fff;
}
button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {
    border: solid 1px;
}
.flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg.relative {
    /* display: flex; */
    background-color: #1f002700;
    /* border: solid 1px #f1ae25; */
    /* padding: 10px; */
    /* align-items: stretch; */
    /* gap: 10px; */
    /* transition: min-height 0.3s ease; */
    /* margin-top: -30px; */
    /* overflow: hidden; */
    overflow-x: unset;
}
.swiper .swiper-pagination-bullet-active {
    width: 1.5rem;
    background-color: #414042;
    background-color: #f2af26;
}

select#product-filter {
    background-color: #f7b41f;
    border: solid 0px #6d3377;
}

label.block.cursor-pointer.p-6.pe-16.text-sm.font-primary.leading-6.transition {
    color: #f0ae25;
    /* margin: -15px; */

}
p.da-tm.mb-6 {
    color: #fff;
}
.s-block--faqs .faqs-list input:checked+div {
    border-color: #414042;
    border-color: #f1ae25;
}
h5.menu_title {
    color: #f1ae25;
}
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {
    padding-right: 0.75rem;
    color: #f1ae25;
}
.sicon-cancel:before {
    content: "\ea47";
    color: #f1ae25;
}
.mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    
    color: #f1ae25;
}
nav#mobile-menu {
    background-image: url(https://cdn.salla.sa/form-builder/OqggaEla2bR7Mml0N1U1VFqJvZ4ZYyqzOGVRa7Qj.webp);
    background-color: #521e6b !important;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.mm-spn li {
    /* position: relative; */
    background: unset;
    /* cursor: pointer; */
    /* padding-right: .75rem; */
    /* padding-left: .75rem; */
    background-color: `;
}
.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-watch-progress.swiper-backface-hidden {
    color: #fff;
    background-image: url(https://cdn.salla.sa/form-builder/SE576Tr22Eu4hPHdupRBJisrJAGKnhgj0IqqGtnU.webp);
    background-size: cover;
    
}

 

.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
}

.unicode {
    unicode-bidi: plaintext;
    display: none
}

.store-footer__inner .container {
    padding-left: 0;
    padding-right: 0
}

.footer-social {
    align-items: center
}




-----------


.menu-silde.lazy_bg.lazy.bg-cover.bg-center.swiper-slide.swiper-slide-visible.swiper-slide-active.entered:before {
    content: "";
    background-image: url(https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExM2llbmh0cWZoZWk0cGM2aXVjendjdnhrOGI2bHVuNHk5NXpkN2prNSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/dKxeFBjY67drhVzQiZ/giphy.gif)!important;
    background-size: 50%;
    background-position: center;
    height: 100%;
    width: 100%;
    position: absolute;
    background-repeat: no-repeat
}

 
.mm-spn li:after {
       content: "";
    position: absolute;
    bottom: 0;
    left: 0;
 
    height: 2px;
    filter: blur(0px);
     width: 15%;
    background: linear-gradient(76deg, #ffa522 0%, #6a375f 100%);
    transition: all .1s linear;
    
    transform: translateX(50%);
    border: 0;
    opacity: 1;
    z-index: -1;
    height: 3px;
    border-radius: 10px 10px 0 0;

    animation: btn-22-left 3s linear infinite;
}

.mm-spn li:hover:after {
    width: 100%;
    height: 100%
}

.mm-spn li a,.mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    padding: 7px 10px;
    background: #0000
}

.mm-spn li {
    cursor: pointer;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    z-index: 0;
    background: #f3f4f6;
    margin: 9px;
    border-radius: 12px;
    overflow: hidden
}

.mm-spn li {
    cursor: pointer;
    padding-left: .75rem;
    padding-right: .75rem;
    position: relative;
    z-index: 0;
    background: #280a3733;
    margin: 9px;
    border-radius: 12px;
    overflow: hidden;
}


.mb-8 .da-cp {
    color: #22133e!important;
    background: #f3f4f6;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 12px
}

.dark .mb-8 .da-cp {
    color: #fff!important;
    background: #22133e
}

.s-product-card-image-contain {
    object-fit: contain;
    aspect-ratio: 0!important;
    border-radius: 12px;
    border-bottom: #fecb61 solid 2px
}
h4.text-lg.leading-6.da-tm {
    color: #fff;
}
p.text-base.da-tm.leading-6.line-clamp-3.w-full.da-tm.text-center.my-2 {
    
    color: #fff;
}
img.preloader {
 
    /* animation-iteration-count: infinite; */
    animation: 3s blink ease-in-out infinite;
}
}
#preloader {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    z-index: 999999;
    transition: .1s all ease-in-out;
    background-size: 0px;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(0px);
}

 
.s-block__title {
    background: #1f002769;
    border-radius: 7px;
    /* width: calc(50% + 20px); */
    position: relative;
    /* left: -50%; */
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    color: #fff;
    /* height: 38px; */
    overflow: hidden;
    padding-top: 10px;
}
.s-block__title:before, .title .s-slider-block__title h2:before {
    content: "";
    background: #f0ae25;
    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;
}
.s-block__title:after, .title .s-block__title h2:after {
    content: "";
    background: #f0ae25;
    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;
}
.s-block__title {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.cart-item.bg-white.da-bgg.overflow-hidden.p-3.rounded-md.mb-5.relative {
    background-color: rgb(92 36 112 / 0%);
}
.shadow-default.bg-white.da-bgg.p-3.xs\:p-7.rounded-md.mb-5.relative.transition-height.duration-1000 {
    color: #ffffff;
    background-color: #74279500;
}
section.s-block.s-block--features.angel-features.bg-gray-100.da-bgg.py-8.angel_anime.animate__.animate__fadeIn {
    background-color: #65208300;
}
.sicon-clothes-hanger:before {
    content: "\e900";
    color: #f2af26;
}
h4.text-center.text-base.md\:text-lg.da-tm {
    color: #fff;
}
p.text-center.text-sm.text-gray-600.da-ts {
    color: #f2b026;
}
.sicon-check-circle2:before {
    content: "\e903";
    color: #f0ad24;
}
.sicon-store:before {
    content: "\e960";
    color: #f0ae25;
}
.sicon-headset:before {
    content: "\ec98";
    color: #f0ae25;
}

 
   @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; /* تفعيل عرض الشبكة */
    }
}

 
@media screen and (max-width: 767px) {
.angel-feature.flex-center.flex-col {
    background-color: #1f002769;
    /* flex-direction: row; */
    /* gap: 20px; */
    overflow: hidden;
    /* display: grid; */
    border-radius: 8px;
    flex-direction: row;
}
}
@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;
}
}
@media screen and (max-width: 767px) {
.angel-features .h-14 {
    height: 60px;
    background: #efad2314;
    margin: 8px;
    width: 75px;
    border-radius: 7px;
}
}
@media screen and (max-width: 767px) {
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
}

.centered-title .s-block__title.divider-title {
    margin: 0px;
    padding: 8px;
    align-content: center;
}
h4.text-lg.leading-none.da-tm.my-2 {
    color: #efac24;
}
a.sc-sbsi7l-0.iaPUuL {
    display: none;
}
p.relative.da-tm {
    color: #f2ae24;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
   
    BACKGROUND-COLOR: #f7b41f;
}
a.text-primary.underline.text-sm.hover\:text-primary-d {
    COLOR: #FFF;
}

.s-product-card-content-subtitle {
    margin-top: 0.25rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
}
.s-product-options-multiple-options-wrapper div label {
    
    color: rgb(255 255 255);
}
salla-slider#main-slider-7 {
    padding-bottom: 10px;
    padding-top: 5px;
}
salla-slider#main-slider-9 {
 padding-bottom: 10px;
    padding-top: 10px;
}

------------------------------