@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");





.img-singel-product {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;

}

.scrollable-div {
  overflow: hidden;
  overflow: auto;
  scroll-behavior: smooth;
  max-height: 1000px; /* Specify a maximum height for the div if needed */
}


/* -- quantity box -- */







/* -- quantity box -- */

.quantity {
  display: inline-block; }
 
 .quantity .input-text.qty {
  width: 35px;
  height: 39px;
  padding: 0 5px;
  text-align: center;
  background-color: transparent;
  border: 1px solid #efefef;
 }
 
 .quantity.buttons_added {
  text-align: left;
  position: relative;
  white-space: nowrap;
  vertical-align: top; }
 
 .quantity.buttons_added input {
  display: inline-block;
  margin: 0;
  vertical-align: top;
  box-shadow: none;
 }
 
 .quantity.buttons_added .minus,
 .quantity.buttons_added .plus {
  padding: 7px 10px 8px;
  height: 41px;
  background-color: #ffffff;
  border: 1px solid #efefef;
  cursor:pointer;}
 
 .quantity.buttons_added .minus {
  border-right: 0; }
 
 .quantity.buttons_added .plus {
  border-left: 0; }
 
 .quantity.buttons_added .minus:hover,
 .quantity.buttons_added .plus:hover {
  background: #eeeeee; }
 
 .quantity input::-webkit-outer-spin-button,
 .quantity input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
  
  .quantity.buttons_added .minus:focus,
 .quantity.buttons_added .plus:focus {
  outline: none; }


  /* ///////////////// */

  .size-buttons {
    display: flex;
  }
  
  .size-button {
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 8px 16px;
    margin-right: 8px;
    cursor: pointer;
  }
  
  .size-button.active {
    background-color: #ccc;
    color: #fff;
  }