.header-btn__icon {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    z-index: 2;
    position: relative;
}
/*.main-nav-container.fixed-header .inner {
    transform: translate3d(0,0,0);
    background: transparent;
    --tw-backdrop-blur: blur(20px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
*/
body.index:after{
content:"";
width:100%;
height:100%;
top:0;
position:fixed;z-index:999999;
background:url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/RGRmv/My283jgnSgHoTYgeGuCTrsqYcokLotFACpp7asni.png) center/150px no-repeat #ffffff;
left:0;
animation-name:fade-in;
animation-duration:3s;
animation-fill-mode:forwards;
}
@keyframes fade-in{
0%,50%{
opacity:1;
}
50%{
    transform: scale(1.2);
}
100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(1.5);
}
}   

@media only screen and (min-width: 1130px) {
#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div>a:nth-child(1) {
    grid-column: 1/1;
    grid-row: 1/1;
    height: 85%;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a:nth-child(4) {
    height: 234px;
    padding: 0;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a:nth-child(4) > div {
    position: relative;
    top: -41px;
}
}


/*/////////// body >>>>desigin ///////////////*/

body#app.index {
    background-color: white;
}
 .lazy__bg.lazy.entered.loaded{
    background-size: contain;
    background-repeat: no-repeat;
}
a.banner-entry.square-photos {
    background: transparent;
}
img {
    background: transparent !important;
    border-radius:0;
}

/*///////// slide one  ////////*/
salla-slider.photos-slider .swiper {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 0;
}
salla-slider.photos-slider .swiper-slide {
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.rounded-md {
    border-radius: 0 !important;
}
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden{
    padding: 0;
} 
#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--photos-slider:first-of-type {
    margin: 0;
}
/*grid-hover-hover*/
section.s-block.s-block--banners.container > div > a:nth-child(6) {
    grid-column: 3 / 4;
    grid-row: 1 / 1;
}
#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--banners.container>div>a:nth-child(1) {
    grid-column: 1/1;
    grid-row: 1/1;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a{
    border-radius: 0;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(6,minmax(0,1fr));
}
.banner-entry{
    transition: all .5s;
}
.banner-entry:hover {
    transform: perspective(651px) rotate3d(-4,150,0,17deg) scale(.9);
    transition: all .5s;
}
.banner-entry {
    transition: all .5s;
    animation: XX 2500ms linear infinite;
    height:196px;
    border-radius: 0 !important;
}

/*resize banners*/
section:nth-child(4) > div, section:nth-child(7) > div {
    max-width: 100%;
    padding: 0;
}
.s-product-card-image img.loaded {
    transition: all .5s;
}
.s-product-card-image img.loaded:hover {
    transform: rotate(8deg) scale(1.3);
    transition: all .5s;
}
.s-slider-block__title {
    display: none;
}
.s-product-card-entry {
    padding: 7px;
    border-radius: 17px;
    height: 97%;
    margin-top: 8px;
}
.flex.mb-6,
.s-product-card-content-sub,
.store-footer a,.max-w-sm,
.s-product-card-content-title a,.s-social-list,
.store-footer .contact-social ul,.store-footer h3,
.footer-is-light .store-footer .store-footer__inner {
    text-align: center !important;
    justify-content: center !important;
}
.s-button-element:not(:disabled):not([loading]) {
background-color: #674519!important;
    color: #fff;
    background-size: 200%!important;
    border: 0;
}
button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {
    background-image: url(https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZ3g0YWg3M3B6NzNhcHk2aDcyOG9vM2MzZTNyMmExNnR5Z3dxdW80ZyZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/ka5i65sFAlM9pbZ2OM/giphy.gif)!important;
    color: #fff !important;
    transform: scale(.9);
    transition: all .5s;
    border-radius: 5px!important;
    background-size: contain !important;
}

@media(max-width:767px){
a.banner-entry{
    height: 70px !important;
}
section.s-block.s-block--banners.container > div > a:nth-child(6) {
    height: 70px;
}
#photos-0-slider > div.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-rtl.swiper-ios.swiper-backface-hidden{
   padding:0;
}
.s-products-slider-card {
    max-width: 185px;
}
.banner-entry {
    transition: all .5s;
    animation: XX 0000ms linear infinite;
    height: 196px;
    border-radius: 0!important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div > a:nth-child(4) > div {
    TOP: -9px;
}
}