/* Add custom CSS styles below */
body {
    background: rgb(255 255 255);
}
.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 63px;
}
.navbar-brand img {
    max-height: 6rem;
    width: auto;
    max-width: 100px;
}
.s-block__title {
    margin-bottom: 1rem;
    display: flex
;
    align-items: center;
    justify-content: space-around;
}
.s-button-primary-outline {
    background-color: #965570 !important;
    color: #ffffff !important;
}

@media (min-width: 768px) {
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-items: center;
    }
}
.grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
    justify-items: unset;
}
.lazy__bg.loaded {
    opacity: 1;
    background-color: #ffffff;
}
@media (min-width: 1024px) {
    .carousel-slider .s-slider-block__title-nav {
        display: none;
    }
}
@media (max-width: 767px) {
    a.banner-entry.square-photos {
        width: 100%;
        height: 166px;
    }
}
a.banner-entry.lazy.h-lg-banner.entered.loaded {
  
    background-color: #ffffff;
}
@media (min-width: 768px){
.index header .inner.bg-inherit .items-stretch .flex.items-center:not(.justify-end) {
width: 60%;
justify-content: space-between;
}}


@media (min-width: 1024px) {
.top-navbar {
padding-top: 6px;
padding-bottom: 9px;
}
}
@media (min-width: 1024px) {
.lg\:min-h-\[528px\] {
min-height: 630px;
}
}
@media (min-width: 1024px) {
.lg\:w-5\/12 {
width: 63%;
margin-bottom: 50px;
text-align: unset;
}
}

@media screen and (max-width: 768px) {
.line-clamp-2 {
display: none;
}
}

.flex-center {
display: flex
;
align-items: end;
justify-content: unset;
}
.pb-16 {
padding-bottom: 3rem;
}
@media (min-width: 640px) {
.s-block {
margin-top: 15px;
}
}
.s-block {
margin-top: 30px;
}
.top-navbar {
display: flex
;
height: 47px;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.main-nav-container {
box-shadow:none !important;
}

[dir=rtl] .carousel-slider .swiper {
padding-left: 0 !important;
}
section.s-block.s-block--photos-slider {
margin-top:0 !important;
}
section.s-block.s-block--photos-slider img {
border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper-slide {
margin: 0 !important;
padding:0 !important;
width: 100% !important;
border-radius: 0 !important;
}

salla-product-card {
border:1px solid #265a92 !important;
box-shadow: 0 0 5px 0px #68686894 !important;
border-radius: 0 !important;
}

.s-block__title h2 {
    color: #060606;
}
.s-slider-nav-arrow {
border-color: #2f3a5a !important;
background-color: #2f3a5a !important;
}
.s-slider-nav-arrow svg, .s-slider-nav-arrow:not(:disabled):hover svg {
fill: #ffffff !important;
}


section.s-block.s-block--fixed-banner .container{
max-width:100% !important;
padding:0  !important;
margin:0 !important;
}

.s-slider-block__title h2 {
color: #000000 !important;
font-size: 28px;
}

.banner-entry > div {
background-size:contain !important;
background-repeat: no-repeat;
}
.s-button-primary {
border-width: 1px;
border-color: #414042;
background-color: #414042;
background-color: #efefef;
color: #915740;
}
.s-product-card-price {
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
color: #7b5050;
}
.s-fast-checkout-button.outline {
background-color: #efefef;
border: 1px solid #211f1f;
color: #916540;
}
[dir=rtl] .carousel-slider .swiper {
padding-left: 0 !important;
padding-right: 0 !important;
padding-bottom: 0 !important;
}
section.s-block.s-block--banners.container .two-row .banner-entry:first-child {
padding:unset !important;
}

.s-block__title h2 {
position: relative;
font-size: 27px;
line-height: 1.75rem;
font-weight: bold;
line-height: 1;
margin-top: 16px;
}


}
.store-footer__inner*{
color: #ffffff;}
.store-footer h3 {
margin-bottom: 0.75rem;
font-size: 1.125rem;
line-height: 1.75rem;
font-weight: 700;
}

@media (width < 1024px) {
footer * {
margin-left: auto;
margin-right: auto;
text-align: center;
}
}

.footer-is-light .store-footer .store-footer__inner {
background-color: rgb(229 222 219) !important;
color: #815858;
}

salla-button.tab-trigger.is-active.s-button-wrap.hydrated {
visibility: hidden;
}
.s-slider-v-centered .s-slider-block__title-nav {
display: none;}


section.s-block.s-block--photos-slider img {
border-radius: 0 !important;
margin-top: 20px;
margin-bottom: 0px;
}
.s-block--tabs-produtcs .tabs {

padding-bottom: 0rem;
}
nav#mobile-menu {
color: #8f492d;
}
.s-product-card-content-title a {
display: block;
font-size: 0.875rem;
line-height: 1.25rem;
font-weight: 700;
--tw-text-opacity: 1;
color: rgb(129 88 88);
}
a {
color: #000000;
text-decoration: inherit;
}
@media (width < 768px) {
.s-products-slider-card.swiper-slide {
width: 50%;
}
}
.py-8 {
padding-top: 0rem;
padding-bottom: 2rem;
}

.md\:flex.items-center.justify-between.py-4.container.text-center {
background-color: #fff;
}

/* loading logo page */
body.index::before {
content: "";
top: 0;
background: #fff url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/QdxwzD/X2tiymyXk2VG6YoQQRpfP7BJorvN0vHWXqiGr8Ti.png);
background-size: 250px !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 100%;
height: 100vh !important;
transform: scale(0);
position: fixed;
left: 0;
z-index: 9999999 !important;
animation: scale-out-vertical 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) 1.3s both;
}

@keyframes scale-out-vertical {
0% {
-webkit-transform: scaleY(1);
transform: scaleY(1);
opacity: 1;
}

100% {
-webkit-transform: scaleY(0);
transform: scaleY(0);
opacity: 1;
}
}
.s-block--hero-slider .swiper-slide .overlay-bg:after {
position: unset;
}
.s-search-input {
width: 99%;
}

a.banner-entry.lazy.h-lg-banner.entered.loaded {
    width: 370px !important;
    height: 470px !important;
    top: 3px;
    margin-bottom: 6px;
    font-size: 0;
}

@media (min-width: 480px) {
.banner-entry {
padding: 0px;
}
}
.swiper-container {
overflow: hidden  !important; /* تعطل التمرير الأفقي */
}

@media screen and (max-width: 600px) {
.swiper-wrapper {
position: relative;
width: 124%;
height: 100%;
overflow: hidden; /* تعطل التمرير */
}
}

.swiper-wrapper {
transition: none !important; /* تعطيل التأثيرات المتحركة */
}
.s-block__title h2 {
    color: #000000;
}

@media (min-width: 1024px) { /* يمكنك تعديل العرض حسب الحاجة */
.bg-center {
background-position: center;
height: 140%;
}
}

/* الحاوية الرئيسية التي تحتوي على جميع التصنيفات */
/* تنسيق خاص بالأقسام فقط */


.md\:grid-cols-3.two-row {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.two-row .banner-entry:first-child {
grid-row: span 1;
}

@media (max-width:767px){
.md\:grid-cols-3.two-row {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

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


@media (min-width: 1024px) {
    .lg\:grid-cols-6 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}