/*header*/
header .bg-white {
    background: #f4f7fa;
        box-shadow: none;
    }
   .index .main-nav-container {
        min-height: 0px;
        max-height: 0px;
    }
    .header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *) {
        margin-left: 0px;
    }
    .sicon-menu:before {
        color: #997e86;
        margin-right: 0;
        font-size: 20px;
        padding: 7px;
        content: "\e928";
    
    }
    .sicon-shopping-bag:before {
        color: #997e86;
        font-size: 20px;
        padding: 7px;
        content: "\e906";
    
    }
    
    .sicon-user-circle:before {
           color: #997e86;
        font-size: 20px;
        padding: 7px;
        content: "\f078";
    
    }
    
    .header-btn__icon {
        border-width: 0
    }
    
    .s-cart-summary-content {
        display: none
    }
    
    .rtl\:mr-4:where([dir=rtl],[dir=rtl] *) {
        margin-right: 0
    }
    
    .s-cart-summary-count {
        background-color: #997e86;
        color #fff;
    }
    
    .top-navbar .s-search-input {
        background-color: transparent;
        border: 1px groove #997e86;
    }
    .s-search-icon svg {
        fill: #997e86;
    }
    
    .s-search-input-wrapper > input[type=search]::placeholder{
        color: #997e86;
    }
    salla-search  div.s-search-input-wrapper > input{
            border-radius: 5px !important ;
    }

.header-buttons { 
    background-color: transparent;
     border: 1px groove #997e86;
     border-radius: 5px !important ;

}
.header-buttons span {
    color: #997e86;
}
.header-buttons .btn--rounded-gray {
    background-color: transparent;
}
    
    
    /*general*/
    body, .bg-gray-100 {
        background-color: #f4f7fa;
    }
    
    
    
    
    /*fixeed banner*/
    
    
    section.s-block.s-block--fixed-banner.wide-placeholder > .container {
        padding-left: 0px;
        padding-right: 0px;
            max-width: 100%;
    
    }
    @media (max-width: 991px) {
        section.s-block.s-block--fixed-banner.wide-placeholder .container {
            padding: 0;
        }
    }
    .banner--fixed img {
        background: none;
        border-radius: 0rem !important;
    }
    
    section.s-block.s-block--fixed-banner.wide-placeholder {
        margin-top: 0px;
    }



.stock-ticker {
    background-color: #997e86 !important;
    font-size: 15px;
    overflow: hidden;
    user-select: none;
    --gap: 20px;
    display: flex;
    gap: var(--gap);
    color: #f7f9fa;
    padding-top: .5rem;
    padding-bottom: .5rem;

  }
  
  .stock-ticker ul {
    list-style: none;
    flex-shrink: 0;
    min-width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--gap);
    animation: scroll 80s linear infinite;
  }
  
  .stock-ticker:hover ul {
    animation-play-state: paused;
  }
  
  @keyframes scroll {
    to {
      transform: translateX(calc(100% - var(--gap)));
    }
  }
  
  
  .stock-ticker .company,
  .stock-ticker .price {
    font-weight: bold;
  }
  
  .stock-ticker .price {
    margin-inline: 4px;
  }
  
/*categories*/
.s-block.s-block--banners > .grid {
    grid-template-columns:  1fr 1fr 1fr;
    
}

.s-block.s-block--banners > .grid .banner-entry {
    padding-top: 0%;
}
.s-block.s-block--banners > .grid .banner-entry {
    height: 180px;
    border-radius: 5px;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: 170px;
}

@media (max-width: 2001px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr !important ;
    
    }

}
/*categories responsive*/
/*phones screen*/
@media (min-width: 60px) and (max-width:500px){
    .s-block.s-block--banners > .grid .banner-entry {
       height: 155px;
    }
}
/*ipad air, ipad mini screen*/
@media (min-width:500px) and (max-width:700px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 205px;

}
}
@media (min-width:700px) and (max-width:900px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 305px;

}
}
/*ipad pro and laptop screen*/
@media  (min-width: 900px) {
.s-block.s-block--banners > .grid .banner-entry {
    height: 405px;
}
}

section.s-block.s-block--banners.container {}
.s-block.s-block--best-offers{
    margin-bottom: 2rem;
    margin-top: 2rem;
}


/*====product====*/

.s-block__title {
    align-items: center;
    justify-content: center
}

[dir=rtl] .s-block__title .right-side {
    padding-left: 0
}

.s-block__title {
    color: #997e86
}

.s-product-card-entry {
    border-radius: 5px;
    background-color: #fff;
    padding: 0;
}

.s-product-card-content-main {
    padding-right: .37rem;
    padding-left: .37rem
}

.s-product-card-content-sub {
    padding: .37rem
}

.s-product-card-entry salla-button .s-button-btn {
    border-radius: 0;
    background-color: #997e86;
    border: 0
}

.s-product-card-entry salla-button .s-button-btn .s-button-text {
    color: #fff
}

.s-slider-block__title h2 {
    color: #997e86
}

.s-products-list-vertical-cards {
    gap: 15px
}

.s-button-text .sicon-shopping-bag {
    display: none
}

.s-product-card-content-footer .s-button-btn {
    border-radius: .3rem!important
}

.s-product-card-content {
    padding-left: 1rem;
    padding-right: 1rem
}

.s-product-card-content-main {
    padding-bottom: 0;
    justify-content: center
}

.s-product-card-content-sub {
    margin-bottom: .5rem;
    justify-content: center
}

.s-product-card-content-title a {
    text-align: center;
    color: #000;
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.s-block__title {
    flex-direction: column
}

[dir=rtl] .s-product-card-content-pie {
    display: none
}

[dir=rtl] .s-product-card-special .s-product-card-content-main,[dir=rtl] special .s-product-card-content-sub {
    padding-left: 0
}

[dir=rtl] .s-product-card-content-extra-padding {
    padding-left: 0;
    padding-right: 0
}

.s-block--special-products .tabs {
    display: none
}

[dir=rtl] .s-product-card-vertical .s-product-card-wishlist-btn {
    left: 0
}

.s-product-card-vertical .s-product-card-wishlist-btn {
    top: .12rem
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
    background-color: #ffffff40!important;
    border-radius: 0 16px 16px 0!important;
    color: #997e86
}

.s-product-card-price {
    color: #000
}

.s-slider-block__title {
    justify-content: center
}

.s-slider-block__title-right:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0
}

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0
}

salla-slider.s-products-slider-slider {
    margin-bottom: 2.5rem
}

.s-slider-block__title {
    justify-content: center;
    display: flex;
    flex-direction: column
}

.s-slider-block__display-all {
    color: #997e86
}

.s-product-card-vertical .s-product-card-image {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-radius: 8px
}

.s-product-card-image::before {
    background: #fff;
    color: #fff
}

.s-product-card-content-subtitle {
    text-align: center;
    display: none
}

.s-product-card-content-sub {
    display: flex;
    align-items: center;
    flex-direction: column
}

.s-product-card-promotion-title {
    background-color: #997e86;
    display: none
}

.s-product-card-entry salla-button .s-button-btn:hover {
    background-color: #ffff;
    color: #0000
}

@media(max-width: 600px) {
    .s-products-slider-card {
        max-width:190px
    }
}

.s-product-card-content-main {
    padding-bottom: 0;
    justify-content: center
}

.s-product-card-fit-height .s-product-card-image {
    height: 12rem
}


.s-product-card-image {
    background: #fff !important;
}
salla-slider.s-products-slider-slider {
    margin-bottom: 1rem;
}


/*quik link*/
@media (max-width: 530px){
    section.s-block.s-block--categories{
        margin-top: 1rem;
    }
    section.s-block.s-block--categories .rounded-full {
        border-radius: 8px;
    border: .01rem groove #000;
    }
    section.s-block.s-block--categories 
    .w-16 {
        width: 8rem;
    }
    section.s-block.s-block--categories 
    .h-16 {
        height: 7rem;
    }
    section.s-block.s-block--categories 
    salla-slider .slide--one-sixth {
        width: 35%;
        padding-left: 5px;
        padding-right: 5px;
    }
    section.s-block.s-block--categories 
    .mb-2\.5 {
        margin-bottom: 0rem;
    }
    .slide--cat-entry {
        height: 10rem;
        border-radius: 0rem;
        border-width: 0px;
        background-color: transparent;
        padding: 0rem; 
    }
    
    
    section.s-block.s-block--categories {
        margin-top: 0rem;
    }}
    section.s-block.s-block--categories .slide--cat-entry h2{
        display:none;
    }
    @media (min-width: 530px){
    section.s-block.s-block--categories 
    .w-16 {
        width: 8rem;
    }
    
    section.s-block.s-block--categories 
    .h-16 {
        height: 7rem;
    }
    
    .slide--cat-entry {
    border: .01rem groove #000;
    border-radius: 8px;
    }
    }
    section.s-block.s-block--categories 
    .swiper-slide.slide--one-sixth{    
        animation:danscroll 60s linear infinite;
    }
    
    
    @keyframes danscroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(150px * 8));
        }
    }
    
    

/*testimonal*/
.s-reviews-testimonial__avatar {
    display: none !important;
}
.s-reviews-testimonial__text {
    text-align: center;
}
.s-reviews-testimonial__rating {
    margin-left: 0rem;
}

.s-reviews-testimonial__icon svg {
   display:none
}
.s-reviews-testimonial {
    background-color: #fff;
    border : .01rem groove #997e86;
    border-radius: 10px;   
}
.s-reviews-header-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.s-reviews-header {
    margin-right: 0rem;  
    color: #997e86;
}
.s-rating-stars-selected {
    fill: #f6c764;
}

@media (min-width: 1024px){
.s-block--testimonials.container {
    padding-left: 0rem;
    padding-right: 0rem;
}
.s-reviews-testimonial__name_wrapper {
    flex-direction: column;
}
.s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 2rem;
    padding-right: 2rem;
}
}
.s-reviews-testimonial__info{
    color: #000;
}


/*faqs*/

.faq-header {
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    padding-top: 40px;
    color: #997e86;
}
.faq-content {
  margin: 0 auto;
}

.faq-question {
  padding: 20px 6px;
  border : 0rem groove #000;
  background-color: #cdbcce45;
  margin: 15px;
    border-radius: 8px;
    
}

.panel-title {
    font-size: 15px;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 2px 26px 2px 2px;
    display: block;
    cursor: pointer;
    color: #000;
    font-weight: 600;

}
.panel-content {
  font-size: 17px;
  padding: 0px 14px;
  margin: 0px;
  height: 0;
  overflow: hidden;
  z-index: 0;
  font-weight: 400;
  position: relative;
  opacity: 0;
  -webkit-transition: .4s ease;
  -moz-transition: .4s ease;
  -o-transition: .4s ease;
  transition: .4s ease;
  color: #000;

}

.panel:checked ~ .panel-content{
  height: auto;
  opacity: 1;
  padding: 14px;
}
.plus {
position: absolute;
margin-left: 20px;
margin-top: 4px;
z-index: 5;
font-size: 42px;
line-height: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
-webkit-transition: .2s ease;
-moz-transition: .2s ease;
-o-transition: .2s ease;
transition: .2s ease;
color: #997e86;
}
.plus {
  position: absolute;
  margin-left: 20px;
  margin-top: 0px;
  z-index: 5;
  font-size: 32px;
  line-height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transition: .2s ease;
  -moz-transition: .2s ease;
  -o-transition: .2s ease;
  transition: .2s ease;
}

.panel:checked ~ .plus {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.panel {
  display: none;
}



/*footer*/
.index .store-footer, .product-index .store-footer {
    background-color: #997e86;
    color:#fff;
}
.index .store-footer{
    margin-top: 0px;
}

.footer-is-light .store-footer .store-footer__inner {
    background-color: #997e86;
    color:#fff;

}

footer.store-footer {
    border-bottom-width: 0;
    border-radius: 0px;
}

.footer-is-light .store-footer .store-footer__inner, .footer-is-dark .store-footer .store-footer__inner {
    background-color: #997e86;
}

.store-footer{
    background-color: #997e86;
}


 .footer-is-light .store-footer {
     color: #fff;
 }



 @media (max-width: 900px){
    footer {
        text-align: center;
    }

.s-contacts-icon:where([dir=rtl],[dir=rtl] *) {
     margin-left: 0rem; 
}
.store-footer .md\:flex{
    display: flex;
    flex-direction: column-reverse;
}
}


.footer-is-light .store-footer .social-link {
   border: none;
}

footer .sicon-whatsapp2, footer .sicon-iphone,footer .sicon-phone, footer .sicon-mail {
    border: none;

}
.footer-is-light .store-footer .contact-social {
    border: none;
}
.store-footer .contact-social {
    border-top-width: 0px;
}
.store-footer .social-link {
    border-radius: 2px;
}
.store-footer__inner {
    border-bottom-width: 0px;
}
.copyright-text p {
     color: #fff;
}
.bg-white {
    border-radius: 2px;
}
@media (max-width: 900px){
.store-footer a div:nth-child(3)> .text-unicode:nth-child(1){
    display: none;
}

.s-social-list {
    justify-content: right;
}
}
.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 .flex{
    justify-content: right;
}
.store-footer a
.border {
    border-width: 0px;
}
.mb-6 {
    margin-top: 1.5rem;
}
.store-footer h3 {
    color: #cdbcce;
}
.s-social-link a, .s-contacts-icon {
    border-radius: 5px;
    border-width: 0px;
    background-color: #fff ;
    color: #997e86;
}

div#contact-slot:nth-child(1) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(1) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;

}

div#contact-slot:nth-child(2) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(2) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}

div#contact-slot:nth-child(3) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(3) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}

div#contact-slot:nth-child(4) span.unicode{
    font-size: 0px;
}

div#contact-slot:nth-child(4) span.unicode::after{
    font-size: .875rem;
    content: "";
    text-align: right;
}
.s-contacts-list-vertical {
    flex-direction: row;
}
div#contact-slot span.unicode {
margin-top: 10px;
}


.s-contacts-icon svg {
    height: 1.2rem;
    width: 1.2rem;
}
 
.s-social-link a svg {
    height: 1.2rem;
    width: 1.2rem;
}
.copyright-text p {
    color: #fff;
    display: flex;
    margin-top: .75rem;
}
.s-payments-list-item {
    border-radius: 5px;
}
.copyright-text .mb-2\.5 {
    margin-bottom: .25rem;
}
span.dev-link A{
    margin-left: .2rem
}
.s-payments-list {
    width: 68%;
}
span.dev-link {
    display: inline-flex;
     font-size: 9px;
     margin: 0 0px;
     margin-top: px;
     margin-left: 0;
     color: #fff;
     opacity: 1;
     flex-direction: row-reverse;
 }
 .s-apps-icons-list {
    justify-content: center;
}

.lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 .hidden {
    display: flex;
}

.footer-is-light .store-footer .contact-social .s-social-list
{
    display: none;
}
.store-footer__inner {
 padding-bottom: 0rem; 
}
.store-footer .contact-social {
    margin-top: 0rem;
    border-top-width: 0px;
    padding-top: 0rem;
}

.s-payments-list-item {
    border-radius: 2px;
}

@media (max-width: 991px) {
    a.flex.items-center.m-0 {
        content: "" ;
        background-image: url(https://cdn.salla.sa/dExPX/Q6SuGjmEkrcyAQ80EWfFxkrm5pqsJo9MUMbFY6MN.png);        
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 9px;
        background-color: #fff;
        width: 100px;
        height: 100px;
        margin: auto;
    }
    
    a.flex.items-center.m-0 > h3{
        visibility: hidden;
    }
    }
    .hidden.lg\:block {
        justify-content: center !important;
    }
    .s-contacts-list-vertical {
        justify-content: center;
    }
    
/* --------- السكشن الرئيسي --------- */
.s-block.s-block--banners.container {
    margin-top: 15px;
  padding: 10px;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

/* --------- شبكة البانرات --------- */
.s-block.s-block--banners .grid.one-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  width: 100%;
  box-sizing: border-box;
}

/* --------- كل بانر --------- */
.s-block.s-block--banners .banner-entry.square-photos {
  width: 300px;
  height: 300px;
  overflow: hidden;
  border-radius: 8px;
  position: relative;
  flex-shrink: 0;
}

/* --------- الصورة داخل البانر --------- */
.s-block.s-block--banners .lazy__bg {
  width: 100%;
  height: 100%;
  background-size: cover !important;
  background-position: center center !important;
  transition: transform 0.3s ease;
}

/* --------- تأثير Hover --------- */
.s-block.s-block--banners .banner-entry:hover .lazy__bg {
  transform: scale(1.05);
}

/* --------- الموبايل (أصغر حجم) --------- */
@media (max-width: 768px) {
  .s-block.s-block--banners .banner-entry.square-photos {
    width: 110px;
    height: 110px;
    margin: 0 auto;
  }

  .s-block.s-block--banners .grid.one-row {
    justify-content: center;
  }
}

.loader-init {
    display: none
}
loader-init::after{content:none}