/* Add custom css here */

html {
  scroll-behavior: smooth;
}

.flex-center-full-width-height {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
}

.toast-s1 {
  display: block;
  position: fixed;
  z-index: 1;
  right: 0;
}

.product-image-container {
    height: 250px; /* ඔබට අවශ්‍ය උස මෙතැනින් සකසන්න (උදා: 250px) */
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.product-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* cover හෝ contain ලෙස වෙනස් කර බලන්න */
    object-position: center;
}