@media(max-width:800px)
{
    .s-block--banners .grid
    {
          display:block;
    }
    .s-block--banners .banner-entry
    {
          height: 110px;
          width: 24%;
          max-height: unset;
          min-height: unset;
          display: inline-block;
          border-radius: 0;
          background: unset !important;
          margin-bottom:-50px!important;
          margin-top:-0px!important;
    }
    
    .s-block--banners .banner-entry    .s-block--banners .banner-entry .lazy__bg
    {
          background-repeat: no-repeat;
          height: 100%;
          width: 100%;
          background-size: contain;
    }
}


.bg-gray-50 {
    background-color: #cfb894;
    }
.bg-inherit {
    background: transparent;
    position: absolute;
    width: 100%;
}
.shadow-default {
    background: #cfb894;
}
.s-product-card-image img {
    height: auto;
    filter: brightness(0.9);
}

.footer-is-light .store-footer {
    background-color: #f0ac38;
}  
.s-block--features__item {
    border-radius: 4.375rem;
    background: linear-gradient( 90deg , #f39c12 0%, #f9fafb 100%)!important;
}    
.s-product-card-promotion-title {
    background-color: black;
}
.s-product-card-entry {
    box-shadow: 0px 0px 6px 0px #114f6d;
    height: 100%;
    background-color: #f3f4f6;
    transition-duration: 300ms;
    border: solid 1px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}
.s-button-primary-outline {
    color: #414042;
    color: ##000000;
    background: #6a5acd;
    border-radius: 20px;
}
.navbar-brand img { 
    border-radius: 20px;
}
.top-navbar {
    background: #f39c12 ;
    color: white;
}
.s-block--features__item .feature-icon { 
    background-color: #a87e2b;
}

.s-block--banners .grid {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
    z-index: 1;
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}

/*
.store-footer__inner{
    background: linear-gradient( 0deg , #6a5acd 0%, #6a5acd 100%)!important;
    color: black;
}*/
.store-footer { 
    background: #f0ad3c;
}
salla-slider.photos-slider .swiper-slide{
    width: 100%;
}    
.s-block--features__item {
    border-radius: 4.375rem;
   background: linear-gradient( 90deg , #f39c12 0%, #f9fafb 100%)!important;
}
   .slide--cat-entry {
    border-radius: 1.375rem;
    border-color: #000000;
    background-color: #f9fafb;
}
 .s-product-card-entry {
    height: 90%;  
}
.store-footer {
    background: #cfb894 !important;
}
.topnav-is-dark .top-navbar {
    background-color: #000000; 
    color: #ffffff;
}
.text-gray-400 {
    color: #ffffff;
}
.slide--cat-entry i {
     color: #000000;!important;
}
.slide--cat-entry {
    color: black;!important;
}
.shadow-default {  
    box-shadow: 0 0 transparent, 0 0 transparent, inset 0px 0px 0px #2b2d340d;
}

.s-button-primary-outline:hover {
   color: #ffffff;
    background: #000000;
}
.top-navbar {
    background: #f9fafb;
    color: black;
}
/*
.footer-is-light .store-footer .store-footer__inner {
    background: linear-gradient( 0deg , #6a5acd 0%, #f9fafb 100%)!important;
}
.footer-is-light .store-footer {
    background-color: #6495ed ;
}
.footer-is-light .store-footer .store-footer__inner {
    background: linear-gradient(0deg, rgba(75, 85, 99, 1) 0%, rgba(75, 85, 99, 1) 100%) !important;
}*/
.s-button-primary-outline {
    color: #ffffff;
    background: #6495ed;
}
.s-block--features__item .feature-icon {
    background-color: transparent;
}
.s-block--features__item .feature-icon i {
    font-size: 3rem;
    font-weight: 500;
    color: #000000;
}
.navbar-brand img {
    max-height: 6rem;
}
/*
.store-footer__inner {
    background: linear-gradient( 0deg , #bf9450 0%, #bf9450 100%)!important;
    color: #fff;
    border-radius: 50px;
}*/
.s-button-primary-outline {
    color: #fff;
    background: #bf9450;
}
.store-footer {
    background: #f9fafb;
    border-radius: 50px;
}
.s-product-card-entry {
    height: 100%;
}
/* Add custom CSS styles below */
/* 
s-block--banners .banner-entry {
    height: 110px;
    width: 32.5%;
    max-height: unset;
    min-height: unset;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -50px!important;
    margin-top: -30px!important;
}
.banner-entry {
    position: relative;
    height: 200px;
    overflow: hidden;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: #f3f4f6;
    background-color: rgb(243 244 246/var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: .75rem;
    text-align: center;
    --tw-text-opacity: 1;
    color: #fff;
    color: rgb(255 255 255/var(--tw-text-opacity));
}
.s-block--banners .gap-3 .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    background-size: contain;
}
.s-block--banners .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.s-block--banners .grid {
    display: block;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.sm\:gap-8 {
    gap: 2rem;
}*/
/*
.s-block--banners .banner-entry {
    height: 170px; 
    width: 32.5%;
    max-height: unset;
    min-height: unset;
    display: inline-block;
    border-radius: 0;
    background: unset !important;
    margin-bottom: -50px!important;
    margin-top: -0px!important;
}*/
.navbar-brand img {
    max-height: 4rem;
 }
 .searchform {
  background-color: #FFD700;
}

.searchform {
  background-color: rgb(255, 215, 0);
}

.searchform {
  background-color: hsl(50.59deg 100.00% 50.00%);
}
@media (max-width: 640px) {
.s-products-slider-card {
    width: 100%;
    max-width: 194px;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}}
.s-product-card-content-title {
    overflow: hidden;
    text-wrap: nowrap;
    text-overflow: ellipsis;
}
.s-product-card-content-subtitle {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}
.s-product-card-image img {
     height: 100%; 
  
}
.bg-inherit {
    background: #cfb894;
    position: absolute;
    width: 100%;
    border-bottom: 2rem;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 1px 4px 2px #c7932c;
    background: linear-gradient(323deg, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(75, 85, 99, 1) 80%, rgba(75, 85, 99, 1) 20%);
}
.s-product-card-entry {
    border-bottom-right-radius: 0;
    border-top-left-radius: 0;
}
.s-block.s-block--features.container {
    background: linear-gradient(51deg, #832828 20%, #cba566 20%, #cba566 80%, #832828 20%);
}
.s-block--features__item:first-child {
    background: linear-gradient(52deg, #cba566 20%, #ffffff 20%, #ffffff 80%, #832828 20%)!important;
}
.s-block--features__item:nth-child(2) {
    background: linear-gradient(52deg, #cba566 20%, #ffffff 20%, #ffffff 80%, #cba566 20%)!important;
}
.s-block--features__item:last-child {
    background: linear-gradient(52deg, #832828 20%, #ffffff 20%, #ffffff 80%, #cba566 20%) !important;
}
.s-block--features__item {
     border-radius: 0rem; 
    background: #fff !important; 
}
.s-block--features__item .feature-icon {
    border-radius: 5rem;
    box-shadow: 1px 3px 11px black;
    background-color: #c29141;
    color:#fff;
}
.store-footer a {
    justify-content: center;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
    text-align: center;
}
.store-footer__inner {
    text-align: center;
}
.s-social-list {
    display: flex;
    gap: 0.625rem;
    justify-content: center;
}
.store-footer h3 {
    margin-bottom: 0.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    background: rgba(255, 255, 255, 1);
    border-radius: 5rem;
    width:100%;
}
.store-footer__inner {
    background: linear-gradient(226deg, #cba566 20%, #775a2d 20%, #917d5e 80%, #cba566 20%);
    color: #fff;
    border-radius: 50px;
}
.s-block--banners .banner-entry .lazy__bg {
    background-repeat: no-repeat;
    height: 14vw;
    width: 100%;
}
.banner-entry {
    padding: 0px;
    width: 32%;
    margin: 0px;
}
.banner-entry {
    position: inherit;
    height: atuo;
    /* overflow: hidden; */
    /* border-radius: 0.375rem; */
    /* --tw-bg-opacity: 1; */
    background-color: rgba(243, 244, 246, 1);
    /* background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); */
    /* background-size: cover; */
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* padding: 0.75rem; */
    /* text-align: center; */
    /* --tw-text-opacity: 1; */
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.s-block--banners .grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
    width: 100%;
    /* height: auto; */
    left: 0;
    right: 0;
    padding: 0;
    margin: 0;
}
.lazy__bg {
    position: relative;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-size: cover;
    /* background-position: center; */
    /* opacity: 0; */
    /* transition-property: opacity; */
    /* transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); */
    /* transition-duration: 500ms; */
}
.banner-entry {
    position: relative;
    height: 100%;
    width:33%;
    overflow: hidden;
    border-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgba(243, 244, 246, 1);
    background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5px;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}
.gap-3 {
    gap: 1px !important;
}
.two-row .banner-entry:first-child {
    padding: 0px !important;
}
.widget-visible iframe{
top:85% !important;
opacity:0.5 !important;
}



‎أكواد (JS) إضافية



/* Add custom Js code below */ 

document.addEventListener('DOMContentLoaded', function() {
setTimeout(function() {
‎  // تحديد الـ iframe الذي يحتوي على الـ class 'widget-visible'
  var iframe = document.querySelector('.widget-visible iframe');

‎  // التأكد من وجود الـ iframe
  if (iframe) {
‎    // استخدام setTimeout لتنفيذ الكود بعد 3 ثواني
    setTimeout(function() {
‎      // إزالة الـ style المخصص
      
      iframe.style.top = '';
     iframe.style.opacity= '';
‎    }, 4000); // 3000 ميلي ثانية = 3 ثواني
  }},8000);
  
});
















.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
padding: 0rem;


}


.flex.rtl\:space-x-reverse.space-x-2.items-end {

    justify-content: center;

}





.rounded-md{

border-radius: 0rem

}

    @media (min-width: 480px) {

.banner-entry {

    padding: 0rem;

}

}

.two-row .banner-entry:first-child {

    padding-top: 2rem;

}

.two-row .banner-entry:first-child {

    grid-column: span 1/span 1;

    grid-row: span 1/span 1;

}

@media (min-width: 768px)

.two-row .banner-entry:first-child {

    height: 100%;

}

.banner-entry {

height: auto;

}

.s-block--banners+.s-block--banners {

    margin-top: 0.5rem;

}

.gap-3 {

    gap: 0.1rem;

}

.navbar-brand img {

    max-height:3.5rem;

    width: auto;

    max-width: 200px;

}

.salla-slider .slide--one-fourth{

width: 25%;

}

.swiper-slide {

width: 50%;

}

.s-product-card-entry {

border: 1px solid #dfdfdf;

}

.s-product-card-fit-height .s-product-card-image{

height: 16rem;

max-height: 20rem;

}

.promotion-title {

background-color: #1c333e;

 color: #ffffff;

}

a.social-link{

 background-color: #1c333e;

}

.s-product-card-promotion-title {

 background-color: #1c333e;

 color: #ffffff;

}

button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden { 

 background-color: #1c333e;

 color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {

 background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:hover {

 background-color: #ffffff;

color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {

    background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

border-color: #ffffff;

    background-color:#ffffff;

color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {

    background-color: #1c333e;

color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {

    background-color: #ffffff;

color: #1c333e;

}

button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover{

color: #ffffff;

border-color: #ffffff;

    background-color: #1c333e;

}

.text-primary {

    color: #1c333e;

}

.header-btn__icon {

color: #ffffff;

border-color: rgb(244 197 31);

    background-color: #1c333e;

}

.header-btn__icon:hover {

color: #1c333e;

border-color: #1c333e;

    background-color: #ffffff;

}

.s-cart-summary-count {

border-color: #000000;

    background-color: #1c333e;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

    background-color: #ffffff;

color: #1c333e;

  border-color: #1c333e;

}

.s-button-primary-outline:hover {

 

    background-color: #ffffff;

  

    color: #1c333e;

}

a.s-block__display-all {

    color: #000000;

}

.s-block--features__item .feature-icon i {

color: #ffffff;

}

.s-block--features__item .feature-icon {

background-color: #1c333e;

         }

      

 salla-slider.photos-slider .swiper-slide

     {

     

         width: 100%;

         }

      

.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {  

    padding: 0rem;

} 

.

      [dir=ltr] salla-slider.photos-slider .swiper{

      padding:0.1rem;



   

  } 

 

   

[dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper {

    padding: 0.5rem;

}

   salla-slider.photos-slider .swiper-slide

     {

     

         width: 100%;

         }

         

[dir=rtl] salla-slider.photos-slider .swiper {

    padding: 0.3rem;

}

 

  

.banner--fixed img {

  

    border-radius:0px;  

         

         }

         

         .topnav-is-dark .top-navbar {

    background: 
url(https://cdn.discordapp.com/attachments/765367810972581892/884060971478425681/matjr-malikah-smallest.png)
}

div#mainnav {

    box-shadow: 0px 5px 0px 0px rgba( 0 , 0 , 0 , 0);

    position: ;
    background: url(https://cdn.salla.sa/gpQAO/o2wFwfz4inTc1e3loSpvIw7APkwsG8eg701qSwCB.jpg);



    border-bottom-right-radius: 2rem;

    border-bottom-left-radius: 2rem;

}

         

         .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {


}

         salla-slider.photos-slider .swiper-slide {

 

    border-radius: 0.375rem;

}

    

.banner-entry {

 

   

  

    border-radius: 0.1rem;

  

     

}

 

 

.store-footer__inner {

    background-color: #1c333e;

    color: #000000;

    border-top-left-radius: 20rem 1rem;

    border-top-right-radius: 20rem 1rem;

    

}

.store-footer {

    background-color: #000000;

}

a.flex.items-center.m-0 {

   justify-content: center;

}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {

    display: grid;

        text-align: center;

    justify-items: center;

    

}

.footer-list.store-links-items {

    columns: 2;

}

.store-footer .contact-social {

border-top-width: 0px;

    margin-top: 0.25rem;

    padding-top: 0.25rem;

}

.s-block--features__item {

    align-items: center;

    flex-wrap: wrap;

    flex-direction: column;

    justify-content: center;

    align-content: center;

}

.s-block--features__item .feature-icon {

cursor: pointer;

    transition: all .5s;

  

box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);

}

.s-block--features__item {

    animation-name: slideInUp;

}

a.social-link {

background-color: rgba(255,255,255,var(--tw-bg-opacity));

  

box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);

}

.store-footer .social-link {

color: #1c333e;

font-size: 1.125rem;

    height: 3rem;

    width: 3rem;

    align-items: center;

    justify-content: center;

    border-radius: 1.25rem;

    line-height: 1.75rem;

}

li.w-12.h-8.bg-white.rounded.flex.items-center.p-1 {

    border-radius: 1.25rem;

    border: 1px solid transparent;

    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);

}

.text-gray-400 {

    color:#fff;

    

    }

    

    

.md\:flex.items-center.justify-between.py-4.container.text-center {

    margin-top: 1rem;

        padding: 1rem;

    background-color: #1c333e;

  

}

.md\:flex {

    display: flex;

    flex-direction: column-reverse;

}

.text-gray-400 {

    color: #fff;

    margin-top: 1rem;

}
.copyright-text p {
    color: #fff;

}