/* Add custom CSS styles below */ 

/*.index.is-overly-header .make-logo--white .top-navbar:not(.fixed-pinned) .navbar-brand img {
    filter: brightness(0) invert(1);
}*/

.brands-section .images__box {
    gap: 4px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}


.s-block {
  margin: 1rem 0 0 0;
}



.category-page--sub--categories a {
    padding: 5px 10px;
    width: auto ;
}


.hero-media-slider .bottom_center > div a:nth-child(1) {
    background: linear-gradient(45deg, #02416e, #327eaf);
}

.hero-media-slider .bottom_center > div a:nth-child(2) {
    background: linear-gradient(45deg, #560c3a, #8c2f69);
}



.hero-media-slider .bottom_center > div a {
    font-weight: 700;
    border-radius: 6px;
}

@media only screen and (min-width: 768px) {
   .center_desktop_only {
      align-items: center;
      justify-content: center;
    }
}

/***** mobile screen *****/ 
/************************/

@media only screen and (max-width: 767px) {
    .brands-section .images__box {
        gap: 4px;
        display: grid;
        grid-template-columns: 1fr 1fr ;
    }
    
    /*******************/
    .display_product_images_as_grid_desktop .main-content {
    display: flex;
    flex-direction: column;
   }
   
   form.product-form {
     order:0;
   }
   
   
   .product-single .m-share_warpper  {
     order:1;
   }
   
   
   .product-single .m-share_warpper > div {
    margin-top: 0rem;
    margin-bottom: 2rem;
   }
   
   
   salla-installment {
     order:1;
   }
}



.media-slider .bottom_center, .media-slider .bottom_left, .media-slider .bottom_right {
margin-bottom: 50px!important }

button.accordion:before {
    content: "❓";
    background: #ffffff;
    filter: grayscale(1);
    border-radius: 999px;
    padding: 2px 5px;
    border: solid 2px #595959;
}

.custom-qa-button {
  display: flex;
  justify-content: center !important;
  margin: 40px auto 0px auto ;
  padding: 12px 24px;
  background-color: #152020;
  color: white;
  font-size: 16px;
  border-radius: 6px;
  text-align: center;
  text-decoration: none;
  font-weight: 500;
  transition: background-color 0.3s ease;
  justify-self: center !important;
  width: max-content;
}

.custom-qa-button:hover {
  background-color: #0056b3;
}