html, body {
   height: 100%;
}

.wrapper {
   min-height: 100%;
   display: flex;
   flex-direction: column;
}
 
 .product-page {
    padding: 50px 0 20px;
    max-width: 360px;
    margin: 0 auto;
    flex: 1 1 auto;
 }

 .product-container {
    padding: 5px 15px;
 }

 .granat {
    width: 20px;
}

.acne {
    width: 20px;
}

 footer {
    padding-top: 30px;
}

 @media (max-width: 380px) {
   .product-page {
   max-width: 320px;
   }
    .best-price-label {
      font-size: 10px;
      padding: 3px 7px 2px;
   }
   .option-img.two {
    width: 54px;
}

.option-content.two {
    margin-left: 2px;
}
.option-content {
   margin-left: 3px;
   margin-bottom: 6px;
}
.option-img {
    width: 20px;
}
.acne {
    width: 16px;
}
.gribok {
 width: 19px;
}
.option-capsules {
    font-size: 11px;
}
.quantity-option.one {
    width: 160px;
}
.modal-market-btn.kaspi-btn {
    height: 45px;
}
.quantity-option {
    width: 180px;
}
.kaspi-btn.one img {
    width: 98px;
}
.quantity-option-wrap.selected .option-name {
    font-size: 13px;
}
 }

 @media (min-width: 1000px) {
   .product-page {
      padding-top: 90px;
    max-width: 750px;
}
.product-container {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.product-details {
    flex: 0 0 50%;
}
.product-main-image {
    height: 380px;
}
.product-thumb {
    height: 75px;
}
.header-wrap {
    justify-content: center;
    gap: 120px;
}
}

 @media (max-width: 1001px) { 

.header-wrap {
    gap: 20px;
    justify-content: center;
}
}

 @media (max-width: 805px) { 

.header-wrap {
    gap: 0px;
    justify-content: space-between;
}
}