/* Add custom CSS styles below */ 
@media(max-width:768px){
  .NG-hero-section-0  .banner-wrapper {
    height: 27svh !important;
}
}

.NG-hero-section{
  margin-bottom: 10px !important
}
.s-block--bundle-product-tabs{
  margin-top: 0rem !important ;
}
.s-block--fixed-banner{
  margin-top: 0rem !important ;
}


.NG-products{
     margin-top: 4rem !important;
}

@media(max-width:768px){
  .NG-products{
     margin-top: 2.4rem !important;
}
}

h1.blocktitle {
    display: inline-block !important;
    width: fit-content !important;
    background-color: #643140;
    border-radius: 8px;
    padding: 0.6rem 1.5rem;
    font-size: 1.6rem !important;
    font-weight: 600;
    line-height: 1.2 !important;
    white-space: nowrap;
    font-family: inherit;
}

.NG-products .blocktitle {
    color: #ffffff !important;
}

@media(max-width:768px){
   h1.blocktitle {
    padding: 0.6rem 1.5rem;
    font-size: 1rem !important;
    font-weight: 600;
}
}
.s-product-card-entry {
    border: 1px solid #643140 ;
}

.s-product-card-vertical .s-product-card-image {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
    overflow: hidden !important ;
}

.s-block--features { 
    position: relative !important; 
    text-align: center !important; 
    padding-top: 105px !important; 
} 
 
.s-block--features::before { 
    content: "ما يميزنا"; 
    position: absolute; 
    top: 15px; 
    left: 0; 
    width: 100%; 
    font-size: 24px; 
    font-weight: 700; 
    color: #222; 
    text-align: center; 
} 

.s-block--features::after { 
    content: "تجربة تسوق فاخرة بضمان وجودة تستحقها"; 
    position: absolute; 
    top: 48px; 
    left: 0; 
    width: 100%; 
    height: 55px; 
    box-sizing: border-box; 
    padding-bottom: 10px; 
    font-size: 18px; 
    font-weight: 400; 
    line-height: 1.6; 
    color: #777; 
    text-align: center; 
    background: url("https://cdn.files.salla.network/homepage/1380807638/3927b553-9624-4cf6-b73a-074c5fe0b58b-original.webp")
        no-repeat center bottom; 
    background-size: 160px; 
} 
 
.s-block--features__item { 
    margin-top: 30px; 
    margin-bottom: 30px; 
    border: none !important; 
    box-shadow: 0 4.44px 4.44px 0 #0000001A !important; 
}

.lg\:grid-cols-\[3fr_2fr_2fr_2fr_3fr\] {
    grid-template-columns: 3fr 2fr 2fr 2fr !important;
}