@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_Demi.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_XLig.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* --- ตัวเอียง (Oblique/Italic Style) --- */

@font-face {
  font-family: 'AllRoundGothic';
  src: url('/frontend/fonts/All_Round_Gothic_Book_Oblique.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

body {
  font-family: 'AllRoundGothic', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

h1, .h1 {font-size: 80px; font-weight: 700; line-height: 1.1;}
h2, .h2 {font-size: 50px; font-weight: 700; line-height: 1.1;}
h3, .h3 {font-size: 26px; font-weight: 600;}
h4, .h4 {font-size: 22px; font-weight: 600;}
h5, .h5 {font-size: 18px; font-weight: 500;}
h6, .h6 {font-size: 14px; font-weight: 500;}

.text-white h1, .text-white h2 { font-weight: 600; }
.text-white h3, .text-white h4 { font-weight: 500; }
.text-white h5, .text-white h6, .text-white p { font-weight: 400; }

.text-border-primary {
  font-weight: 700 !important;
}
.text-pri-b-dark {
  font-weight: 700 !important;
}
.text-green-b-pri {
  font-weight: 700 !important;
}
.text-green-b-dark {
  font-weight: 700 !important;
}

.btn-main {
  padding: 10px 50px;
  font-size: 14px;
}

.custom-nav-pill {
  font-size: 14px;
}

.form-control {
  font-size: 14px;
}

.footer {
  font-size: 14px;
}

@media (max-width: 1299px) {
  h1, .h1 {font-size: 70px;}
}

@media (max-width: 991px) {
  h1, .h1 {font-size: 52px;}
  h2, .h2 {font-size: 36px;}
  h5, .h5 {font-size: 17px;}
}

@media (max-width: 575px) {
  .btn-main { padding: 8px 18px; }
}

@media (max-width: 480px) {
  h1, .h1 {font-size: 46px;}
  h2, .h2 {font-size: 34px;}
  h3, .h3 {font-size: 22px;}
  h4, .h4 {font-size: 20px;}
}