/* Add custom CSS styles below */ 
.app-inner.flex.flex-col.min-h-full {
    background: #eae4d6;
}
/* start customize setion*/
section.s-block.s-block--banners.container {
    margin-top: 15px;
}
.md\:grid-cols-3 {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap:0px !important;
    max-width: 100%;
    margin-inline:auto;
    overflow:hidden;
}

.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    transform: scale(1.4) translateX(-34px) translateY(40px) rotate(2deg);
}
a.banner-entry{
    height: 315px;
    background-color:unset;
}
a.banner-entry:nth-of-type(3)  {
    grid-row: 1/3;
    height: 100% !important;
    transform: scale3d(1.7, 1.8, 1.9);
}
a.banner-entry:nth-of-type(5){
    grid-row: 2/3;
    transform: scale(1.3) translateX(22px) translateY(-19px) rotate(1deg);
}
a.banner-entry:nth-of-type(2) {
    grid-row: 2/3;
    transform: scale(1.5) translateX(-5px) translateY(39px) rotate(2deg);
    grid-column: 1/2 !important;
}
a.banner-entry:nth-of-type(4) {
    
    transform: scale(1.5) translateX(-6px) translateY(5px) rotate(1deg);
}
.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}
@media(min-width:768px) and (max-width:1200px){
a.banner-entry{
    height: 200px;
}
.two-row .banner-entry:first-child {
    grid-column: 1 / 1;
    grid-row: 1 / 1;
    transform: scale(1.4) translateX(-19px) translateY(28px) rotate(0deg);
}
a.banner-entry:nth-of-type(2) {
    grid-row: 2/3;
    transform: scale(1.5) translateX(2px) translateY(26px) rotate(0deg);
    grid-column: 1/2 !important;
}
a.banner-entry:nth-of-type(4) {
    transform: scale(1.4) translateX(-1px) translateY(-3px) rotate(1deg);
}
a.banner-entry:nth-of-type(5) {
    grid-row: 2/3;
    transform: scale(1.3) translateX(9px) translateY(-22px) rotate(1deg);
}
}
@media(max-width:767px){
a.banner-entry{
    height: 100px;
    padding: 0rem;
  
}
   .two-row .banner-entry:first-child {
    transform: scale(1.3) translateX(-9px) translateY(9px) rotate(0deg) !important;
}
a.banner-entry:nth-of-type(5) {
    transform: scale(1.2) translateX(5px) translateY(-5px) rotate(0deg)!important;
}
a.banner-entry:nth-of-type(4) {
    transform: scale(1.3) translateX(-4px) translateY(10px) rotate(1deg)!important;
}
    a.banner-entry:nth-of-type(2) {
    transform: scale(1.4) translateX(4px) translateY(6px) rotate(0deg);
    grid-column: 1/2 !important;
}
}
@media (max-width:576px){
    .md\:grid-cols-3 {
    gap: 0px !important;
    max-width: 100%;
}
   /* .two-row .banner-entry:first-child {
    transform: scale(1.3) translateX(-9px) translateY(9px) rotate(0deg) !important;
}
a.banner-entry:nth-of-type(5) {
    transform: scale(1.2) translateX(5px) translateY(-5px) rotate(0deg)!important;
}
a.banner-entry:nth-of-type(4) {
    transform: scale(1.3) translateX(-4px) translateY(10px) rotate(1deg)!important;
}
    a.banner-entry:nth-of-type(2) {
    transform: scale(1.4) translateX(4px) translateY(6px) rotate(0deg);
    grid-column: 1/2 !important;
}*/

}
/*********main-image ************/
/*main-slider */
 salla-slider.photos-slider .swiper-slide {
    padding: 0rem;
    margin: 0rem;
    width: 100%;
}
/*main-slider */
/*arrow of slider */
.s-slider-block__title-nav {
    visibility: hidden;
}
/*arrow of slider */
/*----------------banner----------------*/
.banner--fixed img {
    background: unset !important;
     margin-bottom:20px ;
}
section:nth-of-type(1){
margin-top:0px
}

/*------------margin-top of main container---------------*/
/*------main-image------*/
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
   padding:0px
}
/*-------------------------------------*/
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *) {
     padding-left:0;
}
.swiper.s-slider-container.swiper-initialized {
    margin-left: 0!important;
    padding: 0px;
}
salla-slider.photos-slider .swiper-slide {
    margin-left: 1rem;
    margin-right: 1rem;
    width: 100%;
    padding: 0px;
}
/*--------------media-of-product--------*/
@media screen and (max-width:768px){
.s-products-slider-card{
    width:50%
}
button.undefined {
    font-size: 15px;
    padding: 10px;
}
}
/*--------------media-of-product--------*/
 section:nth-child( 1 of section.s-block.s-block--fixed-banner.wide-placeholder) img {
 width:30% ;
 margin-inline:auto;
 }
 @media screen and (max-width:768px){
 section:nth-child( 1 of section.s-block.s-block--fixed-banner.wide-placeholder) img {
    width: 60%;
    margin-inline: auto;
}
}
/*---------footer-----------*/
@media screen and (max-width:768px){
footer *{
margin-left:auto;
margin-right:auto ;
text-align: center;
}
}
.store-footer__inner {
    background: #e9e4d6;
}
.store-footer__inner  *{
color:#000;
border-color:#000;
}
button.undefined{
background-color:#4B3025 !important;
color:#fff;
}