/* =========================================================
   TYPOGRAPHY
   Display: Cormorant Garamond — nét thanh đậm tương phản cao,
            gợi cảm giác chữ khắc trên biển hiệu/huy hiệu.
   Body:    Jost — sans hình học, hiện đại, dễ đọc.
   Mono:    JetBrains Mono — dùng cho mã sản phẩm, thông số kỹ thuật,
            gợi cảm giác chính xác của máy laser.
   ========================================================= */

.dx-scope h1, .dx-scope h2, .dx-scope h3, .dx-scope .dx-display{
  font-family: var(--dx-font-display);
  font-weight: 600;
  color: var(--dx-ivory);
  line-height: 1.08;
  letter-spacing: .01em;
  margin: 0;
}

.dx-scope h1, .dx-h1{ font-size: clamp(40px, 6vw, 84px); }
.dx-scope h2, .dx-h2{ font-size: clamp(30px, 4vw, 52px); }
.dx-scope h3, .dx-h3{ font-size: clamp(22px, 2.4vw, 30px); }

.dx-scope p, .dx-scope li, .dx-scope span, .dx-scope div{
  font-family: var(--dx-font-body);
}

.dx-body-lg{ font-size: 19px; line-height: 1.7; color: var(--dx-muted); }
.dx-body{ font-size: 16px; line-height: 1.7; color: var(--dx-muted); }

/* Nhãn nhỏ kiểu "eyebrow" — chữ hoa cách chữ rộng, dùng trước tiêu đề */
.dx-eyebrow{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--dx-font-mono);
  font-size: 12px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--dx-gold);
}
.dx-eyebrow::before{
  content: '';
  width: 28px; height: 1px;
  background: var(--dx-gold);
}

/* Mã / thông số kỹ thuật */
.dx-mono{
  font-family: var(--dx-font-mono);
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--dx-muted-2);
}

/* Mọi nhãn trong vùng form sản phẩm dùng chung 1 style */
.dx-scope div.product .summary label,
.dx-scope div.product .summary .dxl-cf-upload-label{
  display: block;
  font-family: var(--dx-font-body);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
  color: var(--dx-muted) !important;
  margin-bottom: 8px;
}