/* Add custom CSS styles below */
body , a , span , h1 , h2 , h3 , h4{
font-family: "Cairo", sans-serif;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
white-space: normal;
word-break: normal;
overflow-wrap: break-word;
}
.s-reviews-header ,.s-reviews-testimonial__name_wrapper , .s-trust-badges-content , .s-trust-badges-content *{
color: #ac9e91 !important;
}
.s-product-card-entry .s-product-card-image .s-product-card-wishlist-btn button , 
.s-product-card-actions-col button ,
.s-product-card-actions-col salla-button button ,
.s-button-element{
background: #ac9e91 !important;
}
.s-reviews-testimonial , .s-slider-prev , .s-slider-next{
background:  transparent !important;
color: #ac9e91 !important;
border:1px solid #ac9e91 !important;
border-color: #ac9e91 !important;
}
.canvas-banner.relative > div.absolute.inset-0 > div.absolute.inset-0{
background: transparent !important;
}
#main-content > section:nth-child(5) > div > div.canvas-categories-grid.grid > a > div.absolute.inset-0.bg-black\/20.group-hover\:bg-black\/40.transition-colors.duration-300 , 
.canvas-categories-grid a:nth-of-type(2)  a{
background: transparent !important;
}

#main-content > section  > div > div > h2{
/* color: #ac9e91 !important;	 */
color: #AB9E90 !important;
}

/* *** */

.canvas-categories-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin: auto !important;
justify-content: center !important;
}
.canvas-categories .canvas-categories-grid a {
height: 11rem !important;
width: 20rem !important;
object-fit: cover !important;
background-size: cover !important;
margin: auto !important;
justify-content: center !important;
}
[dir="rtl"] .canvas-categories  a  > div.absolute {
text-align: center !important;
margin: auto !important;
right: 50% !important;
width: 100% !important;
transform: translateX(50%) !important;
}

/* [dir="ltr"] .canvas-categories  a  > div.absolute {
text-align: center !important;
margin: auto !important;
left: 50% !important;
width: 100% !important;
transform: translateX(50%) !important;
} */

.canvas-features.border-b{
border-color: transparent !important;
}

.canvas-categories-grid{
object-fit: cover !important;
background-size: cover !important;	
}
.canvas-categories-grid  a{
height: 14rem !important;
max-height: 14rem !important;
gap: 0 !important;
padding:  0 !important;
object-fit: cover !important;
background-size: cover !important;
}
footer .canvas-footer-wave-shape{
display: none !important;
}
.canvas-categories .text-brand-accent{
font-size: 1.4rem ;
}

.s-cart-summary-card-bar ,.form-input , .s-filters-widget-container , .s-product-options-grid-mode-span , .s-quantity-input-input , salla-cart-summary-card , .cart-item{
background: var(--color-background-store) !important;
color: var(--color-btn-single-product);
}
.s-product-options-grid-mode input:checked+div{
background:var(--color-btn-single-product) !important;
color: var(--color-background-store) !important ;
}
.s-button-text , .sicon-heart , .s-button-text{
color: var(--color-background-store) !important;
fill: var(--color-background-store) !important ;
}
.s-product-options-option small , salla-breadcrumb , salla-breadcrumb * ,.space-y-1 , .space-y-1 span ,.s-cart-summary-card-bar-total , .form-label , .form-label , .s-product-options-option-label , .s-breadcrumb-arrow , .s-cart-summary-card-sheet * , .s-cart-summary-card-sheet-title ,.s-cart-summary-card-line , .s-cart-summary-card-line * , .s-cart-summary-card-bar-label-text  {
color: var(--color-btn-card) !important;
fill: var(--color-btn-card) !important;
}

/* تم إزالة السطر الذي كان يخفي div.absolute لأننا نحتاجها لتظهر مع الطبقة المخصصة */
/* .canvas-categories a > div.absolute,
.canvas-categories a > div{
display: none !important;
} */

.canvas-categories a > div.absolute * {
color: transparent !important;
}

.canvas-categories:nth-of-type(2) .canvas-categories-grid a{
background: #AC9E91 !important;
}
.canvas-categories:nth-of-type(2) .canvas-categories-grid a img {
width: 13rem !important;
margin: auto !important;
}
.canvas-features > div > div >div{
flex-direction:  row !important;
}

.store-footer , .store-footer__inner{
padding-top: 0 !important;
margin-top: 0 !important;
}

.mobile-menu.mm-spn--light.mm-spn--navbar.mm-spn--main.mm-spn , .mobile-menu.mm-spn.mm-spn--light.mm-spn--navbar , .s-cart-summary-card-sheet{
background: var(--color-background-store);
color: var(--color-btn-card);
}
.text-base ,   section > div > div.border-t.border-b.border-gray-200  > p{
color: var(--color-btn-card) !important;
}
.mm-spn li img {
background-color: rgb(189 173 168) !important;
}
.canvas-features  > div > div > div  > div > i{
fill:var(--color-background-store) !important ;
color: var(--color-background-store) !important ; 
}
.s-block.s-block--photos-slider  .swiper-slide{
width: 100% !important;
margin: auto !important;
justify-content: center !important;
}
#main-content > section:nth-child(10){
padding-top: 0 ;
margin-top: 0 ;
}
.s-block.s-block--photos-slider , .canvas-special-products{
margin-top: 0 !important;
}
.content.content--single-page , .content.content--single-page * {
color: black !important;  
}
.s-products-slider-card{
width: 10rem !important;
max-width: 10rem !important;
}
.canvas-special-products{
margin-top: 0 !important;
padding-top: 0 !important;
}
.canvas-special-products{
padding-bottom: 0.5rem !important;
margin-bottom: 0 !important;
}
.canvas-features  > div > div ,  .canvas-features > div > div > div {
justify-content: center !important;
margin:  auto !important;
text-align: center !important;
}

.canvas-banner.overflow-hidden.flex.items-center   .luxury-banner-content-1 > h2{
color: #D8D1CB !important;
}


.text-center.mb-8 > span{
font-family: "Cairo", sans-serif !important;
font-weight: 600;
letter-spacing: 0 !important;
word-spacing: 0 !important;
font-kerning: normal;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
white-space: normal;
}

.canvas-features.border-b.border-brand-beige  i {
color: #AB9E90 !important;
fill: #AB9E90 !important;
}


@media (min-width: 820px) and (max-width: 1024px) {
.canvas-categories .canvas-categories-grid a {
height: 7rem !important;
width: 14rem !important;
margin: 0 auto !important;
}

}


@media (max-width: 767px) {

.canvas-categories .canvas-categories-grid a {
height: 5rem !important;
width: 7rem !important;
}
.canvas-features{
display: flex !important;
justify-content: center !important;
margin: auto !important;
}
.canvas-special-products > div > salla-tabs > div > div.s-tabs-header > salla-tab-header > div{
padding: 0.4rem 1.1rem !important;
margin: 0 auto  !important;
display: flex !important;
justify-content: center !important;
text-align: center !important;
align-items: center !important;
}
.s-block.s-block--photos-slider  .swiper-slide > a > img , 
.s-block.s-block--photos-slider.repeated-block .swiper-slide ,
.s-block.s-block--fixed-banner.wide-placeholder   .container > a > picture > img {
/* height: 8rem !important; */
/* max-height: 8rem !important; */
object-fit: cover !important;
background-size: cover !important;
}
.s-product-card-entry{
width: 10.5rem !important;
margin: auto !important;
}

.video-card , div > div > div.video-card , .s-block--bundle-product-video-gallery .video-card  {
width: 11rem !important;
}
.s-block.s-block--photos-slider  .swiper-slide  {
margin: 0 0.8rem !important;
}
}

@media (min-width: 768px){
.canvas-categories:nth-of-type(4) , .canvas-categories:nth-of-type(3) .container div{
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.canvas-categories:nth-of-type(4) .canvas-categories-grid a {
width: 8rem !important;
height: 8rem !important;
grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
object-fit: cover !important;
}

}


.gallery-container .video-card , .gallery-container .slider-wrapper > div{
width: 10rem !important;
max-width: 10rem !important;
height: 20rem !important;
max-height: 20rem !important;
}


/* *** */

/* Scrollbar */
::-webkit-scrollbar {
width: 8px;
}

::-webkit-scrollbar-track {
background: #121212;
}

::-webkit-scrollbar-thumb {
background: #AA9D8F;
border-radius: 999px;
}

::-webkit-scrollbar-thumb:hover {
background: #8F8376;
}

/* Firefox */
html {
scrollbar-width: thin;
scrollbar-color: #AA9D8F #121212;
}
/* *** */

#main-content > section:nth-child(11) > div , #main-content > section:nth-child(12) > div{
width: 100% !important;
max-width:100%  !important;
margin: auto !important;
padding: 0 !important;
}