.s-button-icon {
    background: #00c4d9;
}
@media(max-width:780px){
.gap-3 {
    flex-wrap: wrap !important;
}
}
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

:root {
    --main-color: #0B1D21;
    --second-color: #00F1FF;
    --third-color: #00F1FF;
    --image: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/xApwAP/cAJEejxZuATH0GXkYw8qV61xglH50BP7cZG2uo07.jpg); /* LOGO  لوجو */

    --prodCard-width: 280px;
    --prodCard-width-sm: 220px;
    --prodCard-height: 210px;
    --prodCard-height-sm: 180px;
    --prodCard-background: linear-gradient(to right, #690094, #23005e, #32005d);
    --prodCard-background-hover: red;
    --prodCard-text: #fff;
    --prodCard-price: #fff;
    --prodCard-btn-width: 120px;
    --prodCard-btn-background: #000;
    --prodCard-btn-color: #fff;
    --prodCard-img-background: transparent;
    --prodCard-img-width: 135px;
    --prodCard-img-width-sm: 115px;
    --prodCard-img-height: 170px;
    --prodCard-img-height-sm: 150px;
    --prodCard-btn-wishList-bg: tomato;
    --prodCard-btn-wishList-color: #fff;
} * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    transition: 0.3s!important;
    font-family: "IBM Plex Sans Arabic", sans-serif!important;
    font-style: normal!important;
    font-size: 18px;
} body:not(.product-index):not(.product-single):after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 999999;
    background: #0B1D21var(--image);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 250px;
    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)
    }
}
/*                    Header Section    هيدر                      */
.bg-inherit {
    background-color: inherit;
    background: #0B1D21;
    margin: 2rem auto; /* Fly  طيران */
    border-radius: 20px;
    width: 95%;/* Header Width  عرض الهيدر */
    box-shadow: 0px 0px 50px #000;
} .main-nav-container.fixed-header .inner {
    width: 95%;
} .top-navbar {
    display: flex;
    min-height: 48px;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background: unset;
    
} .top-navbar .s-search-input { /* Search  سيرش */
    border-style: none;
    background-color: rgba(229,231,235,.5);
    box-shadow: 3px 3px 10px #000;
    width: 15.5%;
} .top-navbar .s-search-input:hover {
    width: 100%;
    box-shadow: 0px 0px 0;
} .s-contacts-topnav-link:last-child:where([dir=rtl],[dir=rtl] *) {
    border-width: 0;
    padding-left: 0;
    color: var(--second-color)
} .s-contacts-topnav-link:hover {
    border-width: 0;
    padding-left: 0;
    color: var(--third-color)
} .sicon-user-circle {
    content: "\f072";
    color: var(--third-color);
    border: none
} .sicon-user-circle:hover {
    content: "\f072";
    color: var(--second-color)
} .header-btn__icon.icon:where([dir=rtl],[dir=rtl] *) {
    margin-left: 9px;
    margin-right: 0;
    margin-right: initial;
    color: var(--third-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: "\e906"
} .sicon-user-circle:before {
    content: "\f077"
} .s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: #000;
    color: rgba(0,0,0,var(--tw-text-opacity));
    color: var(--third-color)
} .sicon-menu {
    content: "\ed7f";
    color: var(--third-color)
} .sicon-menu:hover {
    content: "\ed7f";
    color: var(--second-color)
} .s-contacts-topnav-link:where([dir=rtl],[dir=rtl] *) {
    border-left-width: 1px;
    color: var(--second-color);
    display: none;
} .s-contacts-topnav-link:hover {
    border-left-width: 0px;
    color: var(--second-color)
} .topnav-link-item:last-child:where([dir=rtl],[dir=rtl] *) {
    border-width: 0;
    padding-left: 0;
    color: var(--third-color)
} .topnav-link-item.right-side:first-child:where([dir=rtl],[dir=rtl] *) {
    padding-right: 0;
    color: var(--third-color)
} .s-search-icon svg {
    height: 1rem;
    width: 1rem;
    fill: var(--second-color)
} .main-menu>li>a[href*=offer] {
    --tw-text-opacity: 1;
    color: #00F1FF;
    color: var(--third-color)
} .main-nav-container {
    min-height: 70px;
    background: transparent!important;
} .mm-spn.mm-spn--navbar ul {
    top: calc(50px + 1px);
    top: calc(var(--mm-spn-item-height) + 1px);
    background: #0B1D21;
    color: var(--second-color)
    }
    a {
  color: #fff;

} .text-gray-500:hover {
    margin-right: 2rem;
    color: var(--third-color)
} .s-cart-summary-count {
    top: -.125rem;
    --tw-bg-opacity: 1;
    background-color: var(--second-color)
} @media only screen and (min-width: 1024px) {
    .main-menu li.root-level>a {
        color:var(--third-color)
    }
    .main-menu li.root-level>a:hover {
        color:var(--second-color);
        transform: scale(1.2);
    }
} @media(min-width: 1024px) {
    .main-nav-container {
        min-height:100px;
        background: var(--second-color)
    }
} @media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
        padding-right:.75rem;
        background: #0B1D21!important;
        color: var(--third-color)
        }
        
        header.store-header:before {
  content: '';
  background: url("https://i.ibb.co/cSxbvcPL/VLOOK.png");
  background-repeat: repeat-x;
  background-position-x: 0;
  animation: scrollBrands 500s linear infinite;
  background-size: auto 25px;
  height: 25px;
  display: block;
  background-color: #0B1D21;
  margin-bottom: 30px;
  z-index: 9999;
}
@keyframes scrollBrands {
  0% {
    background-position-x: 0;
  }
  100% {
    background-position-x: -10000px;
  }
}

@media only screen and (max-width: 600px) {
.banner-entry{
     height: auto;
 
}
    }
    .mm-spn li a span{
        color: var(--second-color)
    }
}

/*                    Banners Section    البنارات                 */
.banner-entry {
    width: 45%;
    height: 25rem;
    background: unset;
} .lazy__bg {
    background-size: contain!important;
    background-repeat: no-repeat!important;
} .lazy__bg:hover {
    transform: scale(1.05);
    transition: .9s;
    -webkit-transition: .9s;
    -moz-transition: .9s;
    -ms-transition: .9s;
    -o-transition: .9s;
} .gap-3 {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
} .s-slider-block__display-all {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--second-color);
    margin-right:1rem;
} .s-slider-block__display-all:hover {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: var(--second-color)
} .s-slider-block__title h2 {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    background: var(--second-color);
    padding: 10px;
    border-radius: 10px;
    text-align: center;
    width: 100%;
} .s-block__title h2 {
    position: relative;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--third-color);
    background: var(--second-color);
    padding: 10px;
    border-radius: 32px
} .banner--fixed img {
    display: block;
    width: 100%;
    border-radius: .375rem;
    border-style: none;
    --tw-bg-opacity: 1;
    -o-object-fit: cover;
    object-fit: cover;
    background: 0 0;
} .s-products-list-vertical-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 1rem !important;
}
@media only screen and (max-width: 600px) {
    .banner-entry {
        height:9rem;
    }
    .lazy__bg {
        height:9rem;
    }
    #welcomePopup{
      padding: 25rem 0 0 0;
      width: 100vw;
      height: 100vh;
    } #welcomePopup img {
      padding: 0 0 0 15%;
    }.s-products-list-vertical-cards {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
 }
}
@media(min-width: 768px) {
    .two-row .banner-entry:first-child {
        height:auto!important
    }
}

/*           product card   كارد المنتجات                     */
.s-product-card-entry {
position: relative;
width: var(--prodCard-width);
height: var(--prodCard-height);
border-radius: 2px !important;
background: #0099B9;
transition: all .2s ease-in-out;
} .s-product-card-entry:hover .s-product-card-content-title a {
color: #ffe7a1 !important;
} .s-product-card-image {
position: absolute;
right: 60%;
top: 50%;
transform: translateY(-50%) !important;
width: var(--prodCard-img-width) !important;
height: var(--prodCard-img-height) !important;
border-radius: 15px !important;
background: var(--prodCard-img-background);
box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5),
    0 5px 8px rgba(0, 0, 0, 0.3);
/* More prominent shadow for light background */
transition: transform 0.3s ease, box-shadow 0.3s ease;
} .s-product-card-image:hover {
transform: translateY(-10px);
/* Slight lift on hover */
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(0, 0, 0, 0.2);
/* Stronger shadow on hover */
} .s-product-card-image a img {
width: 100%;
/* Ensure image fits the card */
border-radius: 8px;
/* Match card's corners */
display: block;
/* Ensures no extra spacing */
} .s-product-card-content {
width: 65%;
height: 100%;
} .s-product-card-content-title a {
color: var(--prodCard-text)
} .s-product-card-content-sub {
color: var(--prodCard-price);
} salla-add-product-button {
width: var(--prodCard-btn-width) !important;
} salla-add-product-button salla-button .s-button-element i {
font-size: 14px;
color: #fff;
} salla-add-product-button salla-button .s-button-element {
background: var(--prodCard-btn-background);
color: var(--prodCard-btn-color);
border: none;
border-radius: 5px;
font-size: 10px;
}  custom-salla-product-card {
margin: auto !important;
} .s-product-card-wishlist-btn button {
background: var(--prodCard-btn-wishList-bg);
color: var(--prodCard-btn-wishList-color);
}
@media only screen and (max-width: 722px) {
.s-product-card-entry {
    width: var(--prodCard-width-sm);
    height: var(--prodCard-height-sm);
}

.s-product-card-image {
    width: var(--prodCard-img-width-sm) !important;
    height: var(--prodCard-img-height-sm) !important;
}
salla-add-product-button salla-button .s-button-element {
    width: 80px;
    height: 39px;
    padding: 5px;
    font-size: 8px;
}
}
/* Swiper Slider gap */
@media only screen and (max-width:639px) {
.swiper-wrapper {
    gap: 16px;
}
}
@media only screen and (min-width:765px) {
.swiper-wrapper {
    gap: 55px;
}
} .s-button-icon .s-button-text {
    color: #000 !important;
} .s-button-icon .s-button-text {
    align-content: center;
    justify-content: center;
}.w-full span {
    font-size: 0px;
} .product-form span {
    font-size: 18px;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 2rem;
  background: var(--second-color);
  padding: 20px;
  border-radius: 20px;
  color: #fff;
  animation: moveText 5s linear infinite; 
  }
  @keyframes moveText {
  0% {
    transform: translateX(0); 
  }
  50% {
    transform: translateX(20px); 
  }
  100% {
    transform: translateX(0); 
  }
}
.lazy__bg:hover {
    transform: scale(1.05);
    transition: .9s;
}


/*                    Footer Section    فوتر                      */
.footer-is-light .store-footer .store-footer__inner {
    border-bottom-color: rgba(229, 231, 235, var(--tw-border-opacity));
    background-color: var(--main-color);
    color: #fff;
}
/* تأثير إضاءة كامل على الفوتر */
.footer-is-light .store-footer:hover {
  box-shadow: 0 0 30px var(--second-color);
  transition: box-shadow 0.5s ease;

}

@media (min-width: 768px) {
    .md\:flex {
        display: flex;
        background: var(--main-color);
    }
    .s-block {
    margin-top: 2rem;
    background: unset;
}
}

.copyright-text p {
    color: red;
}

.footer-is-light .store-footer {
    background-color: var(--main-color);
    color: rgba(55, 65, 81, var(--tw-text-opacity));
}

.s-contacts-icon:where([dir=rtl], [dir=rtl] *) {
    margin-left: .625rem;
    color: var(--second-color);
}

.s-social-link a svg {
    height: .875rem;
    width: .875rem;
    fill: currentColor;
    color: #fff;
    }
  }

}
/*             Scrollbar   سكرول بار          */
::-webkit-scrollbar {
    width: 5px;
}::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}::-webkit-scrollbar-thumb {
    background: var(--second-color); 
    border-radius: 10px;
} ::-webkit-scrollbar-thumb:hover {
    background: #0099B9; 
}@keyframes moveUpDown {
0%,100% {
    transform: translateY(0)
}

50% {
    transform: translateY(-10px)
}
}@keyframes bounceIcon {
0%, 100% {
    transform: translateY(0);
}
50% {
    transform: translateY(-5px);
}
}@keyframes gradientBackground {
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
/*             Body         */
body {
  --tw-bg-opacity: 1;
  background-color: rgb(249, 250, 251);
  background-color: #0B1D21;
  }
  .s-block,section#featured-products-style2-2,body.index, body.product-index, body.page-single {
    background-color: #0B1D21;
    background-image: url(https://iili.io/2OEKO2n.jpg);
    background-size: 1500px;
    background-repeat: repeat;
}
}
/*                   مميزات المتجر                */
.s-block--features__item {
  display: flex;
  flex-grow: 1;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  border-radius: 999rem;
  --tw-bg-opacity: 1;
 /* background-color: rgb(255, 255, 255);
  background-color: var(--main-color);*/
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  text-align: center;
  }

.s-block--features__item:hover {
  transform: rotate(6deg); 
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2); 
}
 .s-block--features__item .feature-icon {
  margin-bottom: 0.75rem;
  display: flex;
  height: 5rem;
  width: 4rem;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-radius: 9999px;
  background-color: #000;
  background-color: var(--second-color);
}
.s-block--features__item h2 {
  margin-bottom: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55);
  color: var(--second-color);
}
.s-block--features__item p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(107, 114, 128);
  color: var(--second-color);
}
.flex-col {
    background: url(https://iili.io/2OEKO2n.jpg);
    background-repeat: no-repeat;
background-attachment: fixed;
}

.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 70px;
}
@media (min-width: 480px) {
  .navbar-brand img {
    max-width: 179px;
  }
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31, 41, 55);
  color: #fff;
}
body {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #231f1e;
  color: #fff;
}
.s-slider-block__title h2:where([dir="rtl"], [dir="rtl"] *) {
  padding-left: 2rem;
  background: #0099B9;
  padding: 20px;
  border-radius: 20px;
  color: #fff;
  animation: moveText 5s linear infinite;
}
.s-product-card-content-title a {
  display: -webkit-box;         
  -webkit-box-orient: vertical; 
  -webkit-line-clamp: 3;        
  overflow: hidden;            
  text-overflow: ellipsis;      
  width: 100%;                  
}
.footer-is-light .store-footer .store-footer__inner {
  color: #fff;
}
@media only screen and (min-width: 1024px) {
  .main-menu .sub-menu {
    visibility: hidden;
    position: absolute;
    z-index: 20;
    --tw-translate-y: -0.75rem;
    transform: translate(var(--tw-translate-x), -0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
    border-top-width: 1px;
    border-color: rgba(209, 213, 219, 0.3);
    --tw-bg-opacity: 1;
   /* background-color: rgb(255, 255, 255);*/
    background-color: #0B1D21;
    opacity: 0;
    --tw-shadow: 5px 10px 30px #2B2D340D;
    --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
    box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 5px 10px 30px #2B2D340D;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
    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(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
  }
}
.chat-input {
  flex-grow: 1;
  padding: 10px;
  border: 1px solid #000;
  border-radius: 20px;
  margin-right: 3px;
  color: black;
  margin-left: 10px;
  width: 100%;
}
body {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #fff;
  color: ;
}
.bg-white {
  --tw-bg-opacity: 1;
  /*background-color: rgb(255, 255, 255);*/
  background-color: #0B1D21;
}
.form-label {
  margin-bottom: 0.625rem;
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(55, 65, 81);
  color: #fff;
}
:host {
  display: flex;
  font-family: "PingARLT";
  font-weight: normal;
  --salla-fast-checkout-button-height: 2.5rem;
  --salla-fast-checkout-button-width: 100%;
  --salla-fast-checkout-button-border-radius: 0.375rem;
}
.s-quantity-input-input {
  width: 3rem;
  border-width: 1px;
    border-top-width: 1px;
    border-bottom-width: 1px;
  border-top-width: 0px;
  border-bottom-width: 0px;
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, 1);
  border-color: rgba(229, 231, 235, var(--tw-border-opacity, 1));
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  font-weight: 700;
  --tw-shadow: 0 0 rgba(0,0,0,0);
  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
}
[type="text"], input:where(:not([type])), [type="email"], [type="url"], [type="password"], [type="number"], [type="date"], [type="datetime-local"], [type="month"], [type="search"], [type="tel"], [type="time"], [type="week"], [multiple], textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #ffffff;
  border-color: #6b7280;
  border-width: 1px;
  border-radius: 0px;
  padding-top: 0.5rem;
  padding-right: 0.75rem;
  padding-bottom: 0.5rem;
  padding-left: 0.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  --tw-shadow: 0 0 rgba(0,0,0,0);
}

.topnav-link-item.right-side:first-child:where([dir="rtl"], [dir="rtl"] *) {
  padding-right: 0;
  color: #FFF;
}
.topnav-link-item:last-child:where([dir="rtl"], [dir="rtl"] *) {
  border-width: 0;
  padding-left: 0;
  color: #FFF;
}
  .main-menu li.root-level > a {
    color: #FFF;
  }
  .sicon-shopping-bag:before {
    content: "\e901";
    text-align: center
}
.sicon-user-circle:before {
    content: "\f077";
    text-align: center
}
.header-btn__icon.icon{
  margin-left: 9px;
  margin-right: 0;
  margin-right: initial;
  color: #FFF !important;
}
.sicon-user-circle{
  content: "\f072";
  color: #FFF;
}

.s-cart-summary-total {
  font-weight: 600;
  --tw-text-opacity: 1;
  color: #000;
  color: rgba(0,0,0,var(--tw-text-opacity));
  color: #FBFBFB;
}
salla-add-product-button salla-button .s-button-element i {
  font-size: 19px;
  color: #fff;
}
@media (min-width: 1280px) {
.s-block--fixed-banner .container {
    max-width: 100%;
  }
  section:nth-of-type(2) .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    max-width: 60%;
    margin: auto;
}
}
.navbar-brand img {
  max-height: 5rem;
  width: auto;
  max-width: 100px;
}
@media(min-width:991px) {
.main-nav-container.fixed-pinned .navbar-brand img {
  max-height: 90px;
}
}
.s-breadcrumb-arrow {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  color: white !important;
  background-color: white;
}
.s-quantity-input-input {
  color: black;
}
.s-button-wide {
  width: 61%;
}
  .main-menu .has-children li a:hover, .main-menu .has-children .has-children:hover > a {
    color: #414042;
    color: #fff;
    background-color: rgba(229, 231, 235, 0.2);
  }
.s-fast-checkout-button{
  background-color: black;
  border: 1px solid #fff;
  color: #fff;
}
.rtl .form-select, .rtl select, [dir="rtl"] .form-select, [dir="rtl"] select {
  background-position: left .5rem center;
  padding-right: 12px;
  background-color: black;
}
.s-button-text {
  pointer-events: none;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  color: white !important;
  width: 200px;
  font-size:16px !important
}
.mb-4.flex.justify-between {
  background-color: #fff;
  color:black
}
.text-gray-500 {
  --tw-text-opacity: 1;
  color: rgb(107, 114, 128);
  color: white;
  font-size: 16px !important;
}
.rtl .form-select, .rtl select, [dir="rtl"] .form-select, [dir="rtl"] select {
  background-position: left .5rem center;
  padding-right: 12px;
  background-color: black;
  color: white !important;
}
.w-full span {
  font-size: 16px;
}
@media(max-width:991px) {
.s-add-product-button-main {
  display: flex;
  width: 66.666667%;
  -moz-column-gap: 0.375rem;
  column-gap: 0.375rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.s-add-product-button-main .s-button-element {
width: 100%;
    border: 1px solid white;
    border-radius: 10px;
}
.s-fast-checkout-button.outline {
  border: 1px solid #f8f8f8;
  color: #fff;
  margin-top: 5px;
}
}
.s-fast-checkout-button.outline {
  background-color: transparent;
  border: 1px solid #fcfcfc;
  color: #fff;
}
.s-add-product-button-mini-checkout-content:where([dir="rtl"], [dir="rtl"] *) {
  flex-direction: row-reverse;
  color: white;
}
.product__description ul, .product__description li {
  list-style: inherit !important;
  color: white !important;
}
.product__description p {
  color: white !important;
}
.mb-4.flex.justify-between {
  background-color: transparent;
  color: white;
}
.s-quantity-input-input {
  color: #fefefe;
  background: transparent;
}
.w-full span {
  font-size: 16px;
  color: white;
}