/* Your custom CSS here */

:root {
  --fs-clamp: clamp(0.875rem, 0.7841rem + 0.4545vw, 1.125rem);
  --fs-clamp-14-16: clamp(1rem, 0.9304rem + 0.2653vw, 1.125rem);
  --bs-danger-rgb: 213, 0, 0;
}

.fs-clamp-14-16 {
  font-size: var(--fs-clamp-14-16);
}

.fs-clamp-14-18 {
  font-size: var(--fs-clamp);
}

.lt-spacing {
  letter-spacing: -0.6px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: unset;
  font-size: var(--fs-clamp-14-16);
  font-optical-sizing: auto;
  letter-spacing: -0.3px;
}

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5,
.card-header h6,
.modal-header h1,
.modal-header h2,
.modal-header h3,
.modal-header h4,
.modal-header h5,
.modal-header h6,
footer h1,
footer h2,
footer h3,
footer h4,
footer h5,
footer h6 {
  font-family: unset;
  font-size: var(--fs-clamp-14-16);
}

.truncate-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  word-break: break-word;
  max-width: 100%;
}

.card {
  border-color: #ededed;
}

/* Detail Page */
.gallery-container {
  .bx-wrapper,
  .swiper.main-gallery {
    box-shadow: none;
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
  }
  .swiper-slide.cbaimg-100 {
    img {
      width: 100%;
      height: auto;
    }
  }
}

.items-details-info {
  .detail-line-content {
    p > span {
      font-family: "Inter", "Kantumruy Pro", sans-serif !important;
      font-size: var(--fs-clamp-14-16) !important;
    }
  }
}