/* Add custom CSS styles below */ 
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');
:root {
--font-main: 'PingARLT';
--color-primary: #b08c62;
--color-primary-dark: #aea18f;
--color-primary-light
#b08c62
: #b08c62;
--color-primary-reverse: #fff8f0;
}


body {
--tw-bg-opacity: 1 ;
font-family: "cairo", Times, serif;
background-color: #062015;
}


/* كل مايخص زر ايقونه نحن ناف*/ 
.sicon-user-circle:before {
content: "\f072";
color: #fecc8e;
}


.min-h-full {
    background-color: #072015;
}


@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}



.container {

background-color : #fff; 
border-radius: 15px;
padding: 5px;
text-align: center


}

div.container{
flex-direction: column;
text-align: center;
background-color: #062015;
border-radius: 0px;
}


.text-base {
color: #A47534 
}


.flex-col {
flex-direction: column;
text-align: center;
background-color :  #062015
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
margin: 0px;
top : 300px
}

.s-button-primary-outline {
fill: #414042;
fill: var(--color-primary);
color: #646464;
background-color: #e0e0e0; 
border: 0px
}








.s-user-menu-trigger {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    cursor: pointer;
    align-items: center;
    border-top-right-radius: 0.375rem;
    border-top-left-radius: 0.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(6 32 21);
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;

}

.header-btn__icon.icon {
    margin-right: 9px;
    color: #fecb8a;
    border: 0px
}

.s-cart-summary-total {
    font-weight: 600;
    --tw-text-opacity: 1;
    color: rgb(218 171 121);
    color: rgb(221 174 122);
}
.loader-init {
width: 140vmax;
height: 140vmax;
transform: scale(0) translate(-50%,-50%);
transform-origin: 0 0;
top: 50%;
left: 50%;
aspect-ratio: 1/1;
border-radius: 99999px;
background-color: #fff;
background: #ffffff;

/* make var for color */
position: fixed;
z-index: 999999;
background: #ffffff71;
-webkit-backdrop-filter: blur(16px);
backdrop-filter: blur(20px);
animation-name: loader ;
animation-duration: 2s;
animation-duration: 2s;
}
@keyframes loader {
0% {
transform: scale(1)  translate(-50%,-50%) ;
}
18% {
transform: scale(1)  translate(-50%,-50%) ;
							}
80% {
transform: scale(1)  translate(-50%,-50%) ;
							}
100% {
transform: scale(0)  translate(-50%,-50%) ;
							}
						}

.loader-init::after {
content: "";
transition: all 0.5s ease;
width: 100%;
height: 100%;
top: 0;
position: fixed;
z-index: 999999;
background-image: url('https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/jZdAqd/GpQp2wYfbcoAKtrVUYOOEwFsapcqy2JQcDDFaI5o.png')!important;
left: 0;
background-repeat: no-repeat;
background-position: center;
background-size: 90px;
background-size: 6rem;
transform: scale(1);
animation-name: logoZoom;
animation-duration: 2s;
animation-duration: 2s;
						}
						
@keyframes logoZoom{
0% { 
transform: scale(0);
							}
25% {
transform: scale(1.8);
							}
50% {
transform: scale(1.8);
							}
75% {
transform: scale(1.8);
							}
100% {
transform: scale(0);
							}
						}
						
						
						
		/*mar*/
		
.gap-8 {
gap: 2rem;
background-color: #062015 !important
}



.s-slider-container {
display: block;
background-color: #062015
}

.footer-is-light .store-footer {
--tw-bg-opacity: 1;
background-color: rgba(249, 250, 251, 1);
background-color: rgba(249, 250, 251, var(--tw-bg-opacity, 1));
--tw-text-opacity: 1;
color: rgb(176 140 98);
  
}


.min-h-full {
background-color: #062015}

:root {
--font-main: 'PingARLT';
--color-primary: #f5cb92;
--color-primary-dark: #fcddae;
--color-primary-reverse: #f0fff5;
}


.s-reviews-header {
margin-bottom: 1rem;
margin-right: 0.5rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
line-height: 3.2
}



salla-slider.photos-slider .swiper-slide {
position: relative;
margin-left: 0rem;
margin-right: 0rem;
height: auto;
width: 100%;
overflow: hidden;
border-radius: 0px;
}

@media (max-width: 1024px) {
salla-slider.photos-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
padding-right: 0px;
padding-left: 0px
    }
}

.rounded-md {
border-radius: 0rem;
}

.top-navbar .s-search-input {
border-style: none;
background-color: rgb(29 74 47 / 50%);
}

.copyright-text p {
--tw-text-opacity: 1;
color: rgb(86 116 73);
}

.s-slider-container {display: block;background-color: #072015;
padding-top : 10px}

.s-reviews-header-wrapper {
display: flex;
justify-content: center;
background-color: #072015;
color: #ffffff;
}

.s-block {
margin-top: 2rem;
background-color: #072015 !important
}

.footer-is-light .store-footer .store-footer__inner {
--tw-border-opacity: 1;
border-bottom-color: rgb(7 32 21);
border-bottom-color: #062015;
--tw-bg-opacity: 1;
background-color: rgb(6 32 21);

}
.footer-is-light .store-footer .contact-social {
--tw-border-opacity: 1;
border-color: rgb(6 32 21);
}
.rounded-md {
border-radius: 0rem;
background-color: #062015;
color: #f5cb92
}
.w-full {
width: 100%;
color: #ffffff;
    
}
.text-gray-800 {
--tw-text-opacity: 1;
color: rgb(245 203 146);
}
.s-comments-product {
margin-bottom: 1rem;
--tw-bg-opacity: 1;
background-color: rgb(6 32 21);
background-color: rgb(6 32 21);
padding-top: 1rem;
padding-bottom: 1rem;
}

.block {
display: block;
color: #f5cb92
}
salla-slider.details-slider .s-slider-container {
border-radius: 0.375rem;
border-width: 0px;
--tw-bg-opacity: 1;
background-color: rgb(6 32 21);
}

.min-h-full {
background-color: #062015;
	color: #dab27f

}
.bg-white {
    --tw-bg-opacity: 1;

    background-color: rgb(6 32 21);
}
.s-product-options-wrapper {
    background-color: transparent !important;
}

.s-product-options-option-label b {
    color: white !important;
}
div[class*="tabby"] {
  background-color: #062015 !important;
  color: white !important;
  border-radius: 0px !important; /* إزالة الزوايا المستديرة */
  padding: 12px !important;
  border: none !important;
  overflow: hidden !important; /* يخفي أي بروز داخلي */
  box-shadow: none !important;
}


*, ::before, ::after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #072015;
}
/* إزالة الظلال، الحواف، أو أي تأثير خارجي من صور البنر */
.banner img,
.banner,
section.banner,
div[class*="banner"] img {
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
  background: none !important;
  filter: none !important;
}

/* إخفاء أي عناصر زخرفية مضافة بجانب البنر */
.banner::before,
.banner::after,
section.banner::before,
section.banner::after {
  display: none !important;
  content: none !important;
}