/* Add custom CSS styles below */
.topnav-is-dark .top-navbar .s-search-input {
    background: #eee !important;
  color:#000 !important;
}

.s-product-card-content-title a {
    -webkit-line-clamp: 2 !important;
}

.relative.overflow-hidden.min-h-80.bg-\[var\(--color-primary\)\].text-\[var\(--color-primary-lighter\)\].flex.justify-center.items-center.overlay-bg.bg-cover.bg-center.bg-no-repeat {
    min-height: unset;
}
.index .s-slider-block__title {
    max-width: 100%;
}
.product-single h4.text-\[\#F55157\].font-bold.text-xl.inline-block {
    font-size: 35px;
}
.product-single .bg-white.mb-5.rounded-md.inline-flex.text-sm ,
.product-single .product__description,
.product-single .product-brand,
.product-single .flex.flex-col.gap-1.lg\:gap-2.p-3.bg-white.border.border-gray-200.mb-2\.5.rounded-sm.lg\:rounded-md.text-gray-500

 {
    display: none;
}
.index section:nth-of-type(15) a.banner-entry.square-photos
 {
    grid-row: unset !important;
    grid-column: unset !important;
}
.index section:nth-of-type(17) a.banner-entry.square-photos,
 {
    grid-row: unset !important;
    grid-column: unset !important;
}
.index section:nth-of-type(18) a.banner-entry.square-photos,
 {
    grid-row: unset !important;
    grid-column: unset !important;
}

.index section:nth-of-type(15) .grid

 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}
.index section:nth-of-type(18) .grid 
, .index section:nth-of-type(19) .grid

 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}



body#app, div#mainnav {
    background: #fff !important;
}
.index .swiper-slide {
    background: none ! IMPORTANT;
}

.index .swiper-slide div

 {
       background-repeat: no-repeat;
    background-size: contain !important;
}
.index .container.standard-full-width, 
.index .s-block .container,.index  .swiper.s-slider-container,
.index section:nth-of-type(4) {
    max-width: 1400px !important;
    margin: auto !important;
      width: 100%;
}

.index section:nth-of-type(8) .grid a:nth-child(1) {
    height: auto !important;
    aspect-ratio: 144 / 169;
}
.index section:nth-of-type(8) .grid a:nth-child(2),
.index section:nth-of-type(8) .grid a:nth-child(3){
    height: auto !important;
    aspect-ratio: 360 / 181;
}
.index section:nth-of-type(8) .grid a:nth-child(4) {
    height: auto !important;
    aspect-ratio: 315 / 83;
      grid-column: span 2 / span 3;
}
.index section:nth-of-type(8) .grid {
    gap: 10px;
    grid-template-columns: 5.5fr 6.2fr 6.2fr !important;
}


.index section:nth-of-type(9) .grid a:nth-child(1) {
    height: auto !important;
    aspect-ratio: 189 / 221;
    grid-row-start: 1;
    grid-row-end: 3;
}

.index section:nth-of-type(9) .grid a:nth-child(2) ,

.index section:nth-of-type(9) .grid a:nth-child(3){
    height: auto !important;
    aspect-ratio: 213 /107;
    /* grid-row-start: 1; */
}

.index section:nth-of-type(9) .grid a:nth-child(4) {
    height: auto !important;
    aspect-ratio: 720/187;
    grid-column: span 2 / span 3;
}
 .index section:nth-of-type(9) .grid {
    gap: 10px;
    grid-template-columns: 5.65fr 6.2fr !important;
}

.index section:nth-of-type(1) .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.index section:nth-of-type(2) .grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}
.index section:nth-of-type(1) a.banner-entry.square-photos
,.index section:nth-of-type(2) a.banner-entry.square-photos

 {
    grid-row: unset !important;
    grid-column: unset !important;
}
.index section:nth-of-type(1) .grid a.banner-entry.square-photos

 {
    aspect-ratio: 1000 / 359;}

 .index section:nth-of-type(15) .grid a.banner-entry.square-photos

 {
    aspect-ratio: 1029 / 899;
}
 .index section:nth-of-type(18) .grid a.banner-entry.square-photos

 {
    aspect-ratio: 100 / 79;
}
.index section:nth-of-type(17) .grid a.banner-entry.square-photos

 {
    aspect-ratio: 1440 / 517;
}
.index section:nth-of-type(2) .grid a.banner-entry.square-photos

 {
    aspect-ratio: 1;
}

.index section.s-block.s-block__wajha-categories_2 .container {
padding: 0;
}
.index h2.main-title-cat

 {
    display: none;
}
.index section.s-block.s-block--categories img {
    object-fit: contain;
    height: auto;
    width: 100%;
}

.index section.s-block.s-block--banners.container .grid > a{
height: auto !important;
}

.index .grid.grid-cols-2.grid-rows-4 {
gap: 20px;
}

.index .wajha_cats_2_container .wajha_cats_2_slider_item img {
object-fit: contain !important;
}


.index section.s-block
{
margin-top: 15px !important;
margin-bottom: 15px !important;
}


.index section.s-block.s-block_p-w-d {
background: #eee;
}



.index section.s-block.s-block--categories img {
object-fit: contain;
height: auto;
width: 100%;
}

@media(min-width:800px){
.index section:nth-of-type(2) , 
  .index section:nth-of-type(9), 
  .index section:nth-of-type(18){
  display: none !important;
}


    .index .swiper-slide.slide--one-sixth.animate {
        width: 16.6%;
        padding: 0 5px;
    }
  .index section:nth-of-type(3) .swiper-slide{
   height: auto !important;
    aspect-ratio: 16 / 5;
}
  .index section:nth-of-type(6) .swiper-slide{
   height: auto !important;
    aspect-ratio: 360 / 77;
}
  .index section:nth-of-type(9) .swiper-slide{
   height: auto !important;
    aspect-ratio: 32 / 7;
}
    .index section:nth-of-type(13) .swiper-slide{
   height: auto !important;
    aspect-ratio: 180 / 43;
}
  .index section:nth-of-type(20) .swiper-slide{
   height: auto !important;
    aspect-ratio: 240 / 41;
}
.index  .s-slider-block__title h2 ,.index .s-block__title h2 {
    font-size: 25px;
}
}
@media(max-width:800px){
  .index section:nth-of-type(15) .grid

 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

  .index section:nth-of-type(20) .swiper-slide{
   height: auto !important;
    aspect-ratio: 40 / 13;
}
  .index section:nth-of-type(6) .swiper-slide{
   height: auto !important;
    aspect-ratio: 1440 / 569;
}
   .index salla-slider .slide--one-sixth {
        width: 35%;
    }
.index section:nth-of-type(1) ,
  .index section:nth-of-type(8) ,
  .index section:nth-of-type(17){
  display: none !important;
}
.index section:nth-of-type(11) .swiper-slide{
   height: auto !important;
    aspect-ratio: 144 / 71;
}
    .index section:nth-of-type(13) .swiper-slide{
   height: auto !important;
    aspect-ratio: 144 / 71;
}

  .index section:nth-of-type(3) .swiper-slide{
   height: auto !important;
    aspect-ratio: 43 / 45;
}
}


.index section:nth-of-type(3){
  margin-bottom:0 !important;
}