@font-face {
  font-family: "AnGia Han";
  src: url("FONT/DFKaiSho-SB.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Bitsumishi";
  src: url("FONT/UTM Bitsumishi Pro.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Americana";
  src: url("FONT/UTM AmericanaBEx.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Mobifone";
  src: url("FONT/UTM Mobifone KT.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Akashi";
  src: url("FONT/UTM Akashi.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Alexon";
  src: url("FONT/VLALEXONBOLD-ROMAN.OTF") format("opentype");
  font-display: swap;
}

@font-face {
  font-family: "AnGia Piedmont";
  src: url("FONT/DFVN ED Piedmont.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "LNTHFC Shodo Gothic";
  src: url("FONT/0285-LNTHFC-ShodoGothic.ttf") format("truetype");
  font-display: swap;
}

@font-face {
  font-family: "MTD Acryle Script";
  src: url("FONT/MTD Acryle Script.otf") format("opentype");
  font-display: swap;
}

:root {
  --font-display-vn: "AnGia Americana", Georgia, "Times New Roman", serif;
  --font-display-han: "AnGia Han", "Times New Roman", serif;
  --font-accent: "AnGia Bitsumishi", Georgia, "Times New Roman", serif;
  --font-product-set: "AnGia Mobifone", Georgia, "Times New Roman", serif;
  --font-bezel-vn: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --font-brand-script: "MTD Acryle Script", "AnGia Piedmont", "AnGia Alexon", Georgia, serif;
  --font-brand-block: "AnGia Akashi", "AnGia Bitsumishi", Impact, sans-serif;
  --font-brand-tagline: "AnGia Akashi", "AnGia Bitsumishi", Impact, sans-serif;
  --font-yinyang-wheel: "LNTHFC Shodo Gothic", "MTD Blaze Glory", system-ui, sans-serif;
}

body {
  font-family: var(--font-bezel-vn) !important;
}

.serif,
.home-section-title,
.home-offer-title h2,
h1,
h2 {
  font-family: var(--font-display-vn) !important;
}

.han,
.badge-han,
[class*="han"],
[data-calib-frame-label],
.fs-an-gia-wheel-han {
  font-family: var(--font-display-han) !important;
}

button,
.btn-red,
.btn-ghost,
.nav-link,
.home-link-arrow,
.fs-an-gia-wheel-name {
  font-family: var(--font-product-set) !important;
}

.home-product-art,
.home-news-art,
.home-rank,
.chip {
  font-family: var(--font-accent) !important;
}

.brand-script,
[data-brand-script] {
  font-family: var(--font-brand-script) !important;
}

.brand-block,
[data-brand-block] {
  font-family: var(--font-brand-block) !important;
}

.brand-tagline,
[data-brand-tagline] {
  font-family: var(--font-brand-tagline) !important;
}

body [style*="Playfair Display"],
body [style*="Georgia"] {
  font-family: var(--font-display-vn) !important;
}

body [style*="Noto Serif SC"],
body [style*="Noto Sans SC"] {
  font-family: var(--font-display-han) !important;
}

body [style*="Plus Jakarta Sans"],
body [style*="Inter"] {
  font-family: var(--font-bezel-vn) !important;
}

@media (max-width: 760px) {
  [data-brand-header] {
    justify-content: flex-start !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  [data-brand-nav],
  [data-brand-actions] {
    display: none !important;
  }
}