.kayan-desc-header{
    color: #a59491!important;
}
@media(max-width: 768px){
.product__description a{
	font-size: 0.75rem !important;
}}

@media (max-width: 480px) {
	
.kayan-features-174a467d-5773-4726-bbdd-d22bd3eb0aa1 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0.5rem !important;
}

  .kayan-features {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


  .kayan-features h4 {
  line-height: 1.3 !important;
  margin-bottom: 2px !important;
}

  .kayan-features p.text-sm {
  line-height: 1.2 !important;
}

  .kayan-features .px-3 {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

  .kayan-features .py-2 {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
     height: 5rem !important;
    overflow: hidden !important;
}

  .kayan-features [class*="sicon-"] {
    font-size: 2rem !important;
  }
  .kayan-features h4 {
    font-size: 0.7rem !important;
        font-weight: 800;
  }
  .kayan-features p.text-sm {
    font-size: 0.75rem !important;
  }
}




@media (max-width: 768px) {
  
  #app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4> div.flex.justify-center.items-center,#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4> div.flex.justify-center.items-center p{
text-align: center !important;
}

.s-contacts-list-vertical .s-contacts-item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  gap: 12px;
}

.s-contacts-list-vertical .unicode {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.s-contacts-list-vertical .s-contacts-icon {
  flex-shrink: 0;
  margin-inline-start: auto;
}

}

custom-salla-product-card > div > div.px-6.py-2.text-center{
height: 9rem !important;
overflow: hidden !important;
color: var(--color-text-theme) !important;
fill: var(--color-text-theme) !important;
}
custom-salla-product-card > div > div.px-6.py-2.text-center * span , custom-salla-product-card > div > div.px-6.py-2.text-center * div{
color: #a59491 !important;
}
#kayan-account-menu .s-user-menu-dropdown-item-title {
font-size: 15px !important;
}

.s-comment-form-input {
border-color: var(--color-text-theme) !important;
}

.index div.user-info{
z-index: 99999999999999999999999 !important;
}
#kayan-account-menu .s-user-menu-dropdown-item-link {
width: 250px; 
}
.s-user-menu-dropdown-item a {
padding: 0.4rem 0.2rem !important;
}

#kayan-account-menu .s-user-menu-dropdown-item-prefix {
width: 32px;
}

#kayan-account-menu .s-user-menu-dropdown-item-title {
text-align: start;
}



.kayan-header a img {
display: none !important;
}

.kayan-search .s-search-input::placeholder {
color: #e9e2da !important;
}
.kayan-search .s-search-icon svg path {
fill: #e9e2da !important;
}

.product-single .kayan-header a img,
.product-index .kayan-header a img{
display: flex !important;
}

.s-bought-together-entry  , .s-list-tile-item , .s-product-options-option-container ,.main-content   form ,.main-content   form  salla-product-options ,   .main-content   form  salla-product-options * , .custom-bar > div > div > salla-social-share > div > slot-fb > salla-button > button{
background: var(--color-background) !important;
color: var(--product-status-bg-color) !important;
fill:  var(--product-status-bg-color) !important;
}
.kayan-banners > div > div  > div > h2{
margin: auto !important;
justify-content: center !important;
}
.custom-bar > div > h3,  .navbar > div > ul > li  > a  ,   salla-quantity-input > div > button  span   svg  ,   salla-quantity-input   .s-quantity-input-button{
color: var(--color-background) !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.custom-bar.w-full.py-5.mb-6.bg-primary.text-white > div > div > salla-button button{
background: var(--color-background) !important;
color: var(--product-status-bg-color) !important;
fill:  var(--product-status-bg-color) !important;
}
.s-cart-summary-count{
background: #374b6b !important; 
}
.kayan-desc-header{
border-bottom: 1px solid #374b6b ;
}
.kayan-faq.kayan-faq-3 > div > div.accordion-container {
border: none !important;
}
.kayan-faq > div > div.accordion-container.flex.flex-col.justify-center > div {
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
margin: 0.8rem auto !important;
background: var(--product-status-bg-color) !important;
color: var(--color-background) !important;
border-radius: 0.6rem !important;
padding: 0.4rem 0.99rem !important;
font-size: 0.8rem !important;
}
.kayan-faq.kayan-faq-3 .accordion-container  h5 > button{
font-size: 0.8rem !important;
}
custom-salla-product-card > div > div.overflow-hidden.relative > a > img,
.s-products-list-vertical-cards > custom-salla-product-card > div > div.overflow-hidden.relative > a > img {
aspect-ratio: 12 / 18 !important;
object-fit: cover !important;
}
#comments-filter,
salla-comments > div > div > div.s-comments-header.has-total > div,
form > salla-product-options > salla-conditional-fields > div > div > div > div > label > div,
.main-content > form > salla-product-options , .content.content--single-page{
background: var(--color-background) !important;
}
salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card > div > div.overflow-hidden > a.block > span,
.kayan-promotion_title,
.banner-label  , .discountPercentage {
background:var(--product-status-bg-color) !important;
color: var(--color-background) !important;
}
.main-content.w-full  > div.flex.whitespace-nowrap.gap-4  > div > h4 , .total-price ,  salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > div.px-6.py-2.text-center > span > div > h4{
color: var(--product-status-bg-color) !important;
}
.separator-wave {
background: linear-gradient(90deg, transparent, var(--color-primary), transparent) !important;
}
.separator-wave,
.kayan-categories,
.kayan-features {
border-color: var(--product-status-bg-color) !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section > div > div.accordion-container.flex.flex-col.justify-center.items-center.w-full,
#app > div.app-inner.flex.flex-col.min-h-full > section > div,
.kayan-faq {
border: none !important;
}
.s-product-options-grid-mode input:checked + div{
background: var(--product-status-bg-color) !important ;
color:  var(--color-background)  !important;	
}

.s-payments-list-item * , .s-payments-list-item{
background: var(--color-background) !important ;
}
footer > div > div  h5{
padding-top: 0.5rem ;
}
/* .s-payments-list-item{
border: 1px solid var(--color-background)  !important;
} */

/* *** */

.flex.flex-col.gap-4:has(> .s-trust-badges-wrapper) {
flex-direction: row;
flex-wrap: wrap;
}

.flex.flex-col.gap-4:has(> .s-trust-badges-wrapper) > .s-trust-badges-wrapper,
.flex.flex-col.gap-4:has(> .s-trust-badges-wrapper) > div {
width: auto;
}

.flex.flex-col.gap-4:has(> .s-trust-badges-wrapper) > salla-payments {
flex-basis: 100%;
}

/* ** */




.kayan-faq .accordion-container > div {
padding: 0.8rem !important;
margin: 0.4rem !important;
}

footer div , salla-trust-badges, footer .contact-slot  , footer .contact-slot .s-contacts-item *{
margin: auto !important;
justify-content: center !important;
text-align: center !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > header > div > div > div.flex-1.lg\:justify-center.items-center.flex.gap-4.overflow-hidden > div.w-24{
display: flex !important;
}

@media (max-width: 767px) {

.relative.px-10.py-10.container.mx-auto.craffo-components-statistics {
margin: 0 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-banners.py-10.overflow-hidden {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* .craffo-components-statistics > div {
display: grid !important;
grid-template-columns: auto auto auto !important;
}
.mx-auto.craffo-components-statistics > div > div > div.mt-1 {
font-size: 1.6rem !important;
} */
#app > div.app-inner.flex.flex-col.min-h-full > div.relative.px-10.py-10.container.mx-auto.craffo-components-statistics > div > div > div.mt-1.text-lg {
font-size: 0.8rem !important;
}
.index .kayan-header {
height: 120px !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.navbar.invisible.lg\:visible.opacity-0.lg\:opacity-100.z-0.lg\:z-\[50\].lg\:px-10.px-3.py-6.lg\:py-0.lg\:relative.fixed.top-0.left-0.w-full.h-full.lg\:overflow-visible.overflow-auto.bg-green-100.lg\:bg-gray-100.lg\:shadow-lg.show_menu{
top: 0 !important;
}
}


@media (min-width: 768px) {

#app > div.app-inner.flex.flex-col.min-h-full > div.relative.px-10.py-10.container.mx-auto.craffo-components-statistics {
margin: 11rem auto 1rem auto !important;
}


}

/* **** */

@media (max-width: 767px) {
.navbar {
position: absolute !important;
top: 0 !important;	
}
.navbar ,  .navbar.invisible.show_menu , #app > div.app-inner.flex.flex-col.min-h-full > div.navbar.invisible{ 
position: absolute !important;
top: 0 !important;	
}

}
/* *** */

.s-infinite-scroll-last infinite-scroll-last{
display: none !important;
}
.kayan-categories.py-16.block.block > div > div > a  > div.absolute * , .kayan-categories.py-16.block.block > div > div > a  > div.absolute{
font-size: 0.9rem !important;
}
.kayan-categories.py-16.block.block > div > div > a  > div.absolute.inset-0.p-6 > p{
display: none !important;
}
/* .kayan-header , header{
top: 0px !important;
position: inherit !important;
} */
.app-inner.flex.flex-col.min-h-full > header{
top: 90px !important;
}

.testimonial{
padding: 0.5rem !important;
border-radius: 1rem !important;
}
.testimonial ,.s-product-options-grid-mode-span, .s-quantity-input-container , .s-quantity-input-input{
border: 1px solid var(--product-status-bg-color);
}



.index .kayan-header {
margin-top: 5rem !important;
}

/* .index header > div > div > div.flex-1.lg\:justify-center.items-center.flex.gap-4.overflow-hidden > div.w-24 > img{
display: none !important;
} */

.index .navbar.invisible  > div > ul{
margin-top: 8rem !important;
}


footer .s-contacts-list.s-contacts-list-vertical > div {
justify-content: flex-start !important;
align-items: flex-start !important;
margin: unset !important;
}

footer > div > div > div  > div.flex  > salla-trust-badges > img{
margin-left: 1.5rem !important;
}


/* *** */

salla-products-list > div.s-infinite-scroll-status > p.s-infinite-scroll-last.infinite-scroll-last{
display: none !important;
}
.form-input{
border: 1px solid var(--color-primary) !important;
color: var(--color-primary) !important;
}
salla-cart-summary-card , salla-basket-gap , .s-cart-summary-card-bar , #cart-gifting{
background: var(--color-background) !important;
border: none !important;
}
body:has(.s-cart-summary) .kayan-header a img {
display: block !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > header > div > div > div.flex-1.lg\:justify-center.items-center.flex.gap-4.overflow-hidden > div.w-24 > a:nth-child(2) > img{
display: flex !important;
}
body:has(.s-cart-summary) .kayan-header a img {
display: block !important;
width: 100% !important;
height: auto !important;
}

/* *** */
.main-content  form > section  > div{
flex-direction: column !important;
align-items: start !important;
gap: 1rem !important;
}
.main-content  form > section  salla-button > button > span{
font-weight: bolder !important;
align-items: start !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.md\:flex.md\:justify-between.justify-center.md\:items-start.items-center.w-full > div:nth-child(3) > salla-contacts{
display: flex !important;
}

.salla-advertisement{
background: var(--product-status-bg-color) !important ;
color:  var(--color-background)  !important;  
}
#app > div.app-inner.flex.flex-col.min-h-full > .s-block.s-block--testimonials.container.overflow-hidden > div{
display: none !important; 
}
/* تصغير نصوص روابط أسفل الصفحة */
.footer a,
.footer-menu a,
footer a {
  font-size: 18px !important;
}


#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-features.kayan-features-6.px-10.py-10.border-black.overflow-hidden.block.block > div > div.grid.gap-8.w-full.h-full.kayan-features-174a467d-5773-4726-bbdd-d22bd3eb0aa1{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}