@font-face {
  font-family: vazir;
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("fonts/Vazir-FD.eot");
  src: local("dana"),
  url("fonts/Vazir-FD.eot?#iefix") format("embedded-opentype"),
  url("fonts/Vazir-FD.woff2") format("woff2"),
  url("fonts/Vazir-FD.woff") format("woff");
}

@font-face {
  font-family: vazir;
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("fonts/Vazir-Bold-FD.eot");
  src: local("dana"),
  url("fonts/Vazir-Bold-FD.eot?#iefix") format("embedded-opentype"),
  url("fonts/Vazir-Bold-FD.woff2") format("woff2"),
  url("fonts/Vazir-Bold-FD.woff") format("woff");
}

body, h3 {
  font-family: vazir;
}

.products .product {
  border-radius: 15px;
  box-shadow: 0 0 4px 1px #0001;
  margin: 10px 0;
  overflow: hidden;
}

.products .product .product-footer {
  margin-top: 0;
  padding: 10px;
}

.products .product .product-footer .title {
  flex: 1;
  font-size: 16px !important;
  font-weight: normal;
}

.products .product .product-footer :is(.price, .price strong) {
  font-size: 20px !important;
}

.products .product .product-footer .price {
  border-radius: 8px;
  background-color: #feffdf;
  padding: 5px 10px;
}

.products .product .product-header img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

.products .product > * {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.products .product .product-footer {
  flex: 1;
}

.cont {
  margin: 15px auto;
  max-width: 1536px;
  padding-inline: 15px;
}

.main-slider {
  margin: 15px auto;
  max-width: 1536px;
}

.main-slider .swiper-slide figure img {
  max-height: unset;
  max-width: 1536px;
  border-radius: 8px;
  overflow: hidden;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn {
  background: #fffab9;
  border-radius: 10px;
  box-shadow: 2px 2px 5px #0002;
  color: #b29d2b;
  border: 1px solid #f2ec19;
}

.btn.btn-dark:hover {
  background-color: #dad51e !important;
  border: 1px solid #c9c410 !important;
  color: #8b7811 !important;
}

section.promotion.reverse {
  flex-direction: row-reverse;
}

section.promotion .picture img {
  max-width: 450px;
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  box-shadow: 3px 3px 10px #0003;
}

section.promotion .picture {
  display: flex;
  justify-content: center;
  align-items: center;
}

section.promotion .picture img {
  max-width: 400px;
  width: 100%;
  height: unset;
  max-height: unset;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  box-shadow: 3px 3px 10px #0003;
}

section.promotion .picture:before {
  translate: -20px -20px;
  max-width: 400px;
  width: 100%;
  height: unset;
  max-height: unset;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  bottom: unset;
  left: unset;
}

.blog-posts__header {
  margin-bottom: 20px;
}

section {
  margin: 40px auto !important;
  padding: 10px !important;
}

.collection-section-three {
  display: flex;
  z-index: 200;
  align-items: center;
}

section.collection-section-three .collection-first-slide {
  height: max-content;
  min-height: unset;
  padding: 0;
  margin: 10px auto;
}

section.videos .video {
  border-radius: 8px;
  overflow: hidden;
}

@media (max-width: 768px) {

  .collection-section-three {
    flex-direction: column;
    max-width: 100%;
  }

  .collection-three-slider {
    width: 100%;
  }

  section.collection-section-three .collection-first-slide img {
    display: none;
  }

}