@font-face {
  font-family: "Vazirmatn";
  src: url("../assets/fonts/Vazirmatn-Regular.woff2") format("woff2"),
    url("../assets/fonts/Vazirmatn-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Vazirmatn";
  src: url("../assets/fonts/Vazirmatn-Bold.woff2") format("woff2"),
    url("../assets/fonts/Vazirmatn-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}

body {
  font-family: "Vazirmatn", sans-serif;
}
.main-image {
  width: 100%;
  max-width: 600px;
  height: 500px;
  overflow: hidden;
  margin: 0 auto;
}
.main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumbnail {
  width: 90px;
  height: 90px;
  border: 2px solid #ccc;
  cursor: pointer;
  overflow: hidden;
}
.thumbnail.selected {
  border-color: #0d6efd;
}
.thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-preview img {
  max-width: 120px;
  margin: 6px;
  border-radius: 6px;
}
.cursor-pointer {
  cursor: pointer;
}