@charset "UTF-8";
/* ----- подключаем шрифты ----- */
@font-face {
  font-family: "Inter-regular";
  src: url("../assets/fonts/Inter-Regular.woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Inter-bold";
  src: url("../assets/fonts/Inter-Bold.woff");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "Cormorant-regular";
  src: url("../assets/fonts/Cormorant-Regular.woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Cormorant-semibold";
  src: url("../assets/fonts/Cormorant-SemiBold.woff");
  font-weight: 600;
  font-style: normal;
}
/* ----- стили шрифтов ----- */
/* ----- цвета и эффекты ----- */
/* ----- размеры ----- */
.padded_box {
  max-width: 1440px;
  padding-left: 4rem;
  padding-right: 4rem;
  margin: 0 auto;
}

@media (min-width: 769px) and (max-width: 1280px) {
  .padded_box {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}
@media (max-width: 768px) {
  .padded_box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
/* ----- корневые настройки ----- */
html {
  scroll-behavior: smooth;
}

body {
  background-color: #151515;
}

/* ----- кнопки и ссылки ----- */
.catalogue {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.earrings,
.necklaces,
.bracelets {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 1rem 0;
}

.catalogue_title {
  font-family: "Cormorant-semibold", serif;
  font-size: 4rem;
  line-height: 4.25rem;
  color: #fff;
}

.catalogue_card_box {
  display: flex;
  justify-content: space-between;
  color: #fff;
  flex-wrap: wrap;
  gap: 1rem;
}

.card_img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  cursor: pointer;
  transition: 0.4s; /* Время эффекта */
  display: block;
}
.card_img:hover {
  transform: scale(1.2);
}

.catalogue_card {
  flex: 1 1 calc(25% - 1rem);
  width: 100%;
  margin-bottom: 1rem;
}

.catalogue_card_text {
  font-family: "Inter-regular", serif;
  font-size: 1rem;
  line-height: 160%;
  margin-top: 1rem;
  padding: 0 0.5rem 0 0.5rem;
  width: 80%;
}

.catalogue_line {
  width: 100%;
}

.catalogue_card_price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.5rem 0 0.5rem;
}

.catalogue_price {
  font-family: "Cormorant-semibold", serif;
  font-size: 2.5rem;
  line-height: 2.75rem;
  white-space: nowrap;
  margin-left: 1rem;
}

.catalogue_size_line {
  width: 100%;
}

.catalogue_card_image {
  overflow: hidden;
  border-radius: 1.5rem;
}

@media (min-width: 1025px) and (max-width: 1280px) {
  .catalogue {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .earrings,
  .necklaces,
  .bracelets {
    gap: 1.5rem;
  }
  .catalogue_price {
    font-family: "Cormorant-semibold", serif;
    font-size: 2.5rem;
    line-height: 2.75rem;
  }
}
@media (max-width: 1024px) {
  .earrings,
  .necklaces,
  .bracelets {
    gap: 1.5rem;
  }
  .catalogue_title {
    font-family: "Cormorant-semibold", serif;
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .catalogue_card_box {
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  .catalogue_card {
    flex: 1 1 calc(50% - 1.5rem);
  }
}
@media (max-width: 768px) {
  .catalogue {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .catalogue_card_text {
    font-family: "Inter-regular", serif;
    font-size: 0.875rem;
    line-height: 160%;
  }
  .catalogue_price {
    font-family: "Cormorant-semibold", serif;
    font-size: 2rem;
    line-height: 2.25rem;
  }
  .catalogue_card {
    min-width: 12rem;
    flex: 1 1 calc(50% - 1.5rem);
  }
}/*# sourceMappingURL=catalogue.css.map */