/* Add custom CSS styles below */
body {
    background-color: #fff !important;
}

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

/** banners blocks **/

section.s-block.s-block--fixed-banner.wide-placeholder > .container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important; /* 'unset' can be inconsistent */
}

.banner--fixed img {
    border-radius: 0 !important;
}

/** End banners **/


/*** التصنيفات الاولي ***/
section:nth-of-type(2) .grid {
    gap: 10px !important;
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
section:nth-of-type(2) .grid a{
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}


section:nth-of-type(2) .grid .banner-entry {
    height: 235px !important;
    grid-column: span 1 !important;
    grid-row: span 1;
  background-color: transparent !important;
}
.banner-entry a:before{
  background: transparent !important;
}
@media (max-width: 768px) {
    section:nth-of-type(2) .grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  section:nth-of-type(2) .grid .banner-entry {
    height: 150px !important;
}
  section:nth-of-type(2) .grid a{
    background-size: 100% !important;
    background-repeat: no-repeat !important;
}
}
/*** التصنيفات الاولي ***/

/*** التصنيفات الثانيه ***/
section:nth-of-type(3) .grid {
    grid-template-columns: 1.5fr 2.5fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    grid-template-areas:
    "control gamming"
    "mouse gamming";
    column-gap: 15px;
    row-gap: 15px;
}
section:nth-of-type(3) .banner-entry a {
    background-size: cover !important;
}
section:nth-of-type(3) .grid .banner-entry:nth-of-type(1) {
    grid-area: control;
    height: 220px !important;
}
section:nth-of-type(3) .grid .banner-entry:nth-of-type(2) {
    grid-area: gamming;
    height: 100% !important;
}
section:nth-of-type(3) .grid .banner-entry:nth-of-type(3) {
    grid-area: mouse;
    height: 220px !important;
}

@media (max-width: 768px) {
    section:nth-of-type(3) .grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: unset !important;
        grid-template-areas:
        "control"
        "gamming"
        "mouse" !important;
    }
    section:nth-of-type(3) .grid .banner-entry:nth-of-type(1),
  section:nth-of-type(3) .grid .banner-entry:nth-of-type(3){
    height: 185px !important;
  }
     section:nth-of-type(3) .grid .banner-entry:nth-of-type(2){
    height: 230px !important;
  }
}
/*** التصنيفات الثانيه ***/


/** product code */

.s-product-card-entry {
    border: 1px solid #02979c;
}
.s-product-card-entry * {
    justify-content: center;
    text-align: center;
}
.s-products-slider-card.swiper-slide {
    padding-block: 7px;
}
custom-salla-product-card{
  padding: 5px !important;
}
/** product code */


@media (min-width: 768px) {
section:nth-of-type(9){
    width: 83%;
    margin-inline: auto;
}
}



/*** مميزات الموقع ***/

section:nth-of-type(10){
  margin-top: 20px !important;
}
section:nth-of-type(10) .grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
section:nth-of-type(10) .grid .banner-entry {
    height: 235px !important;
    grid-column: span 1 !important;
    grid-row: span 1;
  background-color: transparent !important;
}
@media (max-width: 768px) {
section:nth-of-type(10) .grid .banner-entry {
    height: 100px !important;
}
}
/*** مميزات الموقع ***/


/*** الاسئلة الشائعة ***/
.s-block--faqs .s-block__title{
  display: none !important;
}

.faqs-list__item label{
    background: #fff;
    border: 2px solid #02979c;
    border-radius: 8px;
  color: #02979c;
}
/*** الاسئلة الشائعة ***/


/*** foooter ***/
.store-footer{
  background-color: #f9fafb !important;
}
.store-footer .bg-gray-100.-mt-11 {
    background: #f9fafb !important;
}