/* Site typography: change the import and --tt-site-font together. */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap');
:root {
  --tt-site-font: 'Sarabun', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}
/* Detail headline above the photo, including previously saved headline HTML. */
:is(#taladtruck-detail-top-headline, #modalTopHeadline, .tt-mobile-detail-headline) :is(.taladtruck-truck-headline, .taladtruck-truck-headline span) {
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
@media (min-width: 768px) {
  :is(#taladtruck-detail-top-headline, #modalTopHeadline, .tt-mobile-detail-headline) :is(.taladtruck-truck-headline, .taladtruck-truck-headline span) { font-size: 29px !important; }
}
/* Text only: preserve icon fonts and user-designed sticker artwork. */
:where(body) :is(div, p, span, a, button, input, textarea, select, option, label, h1, h2, h3, h4, h5, h6, li, th, td, strong, b, small):not([class*="fa-"]):not([class*="icon"]):not([class*="sticker"]):not([class*="sticker"] *):not([id*="sticker"]):not([id*="sticker"] *):not(.material-icons) {
  font-family: var(--tt-site-font) !important;
}