@font-face {
      font-family: 'MaiRoo';
      src: url('./font/SaoChingcha-Regular.otf') format('opentype');
      font-weight: 400; font-style: normal; font-display: swap;
    }
    @font-face {
      font-family: 'MaiRoo';
      src: url('./font/SaoChingcha-Light.otf') format('opentype');
      font-weight: 300; font-style: normal; font-display: swap;
    }
    @font-face {
      font-family: 'MaiRoo';
      src: url('./font/SaoChingcha-Bold.otf') format('opentype');
      font-weight: 700; font-style: normal; font-display: swap;
    }
    body { font-family: 'MaiRoo', sans-serif; }

    .font-noto { font-family: "Noto Sans Thai", system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, sans-serif; }

    .fade-hidden { 
        opacity: 0; 
        pointer-events: none; 
        transform: translateY(8px); 
    }
    
    .fade-show   { 
        opacity: 1; 
        pointer-events: auto; 
        transform: translateY(0); 
    }

  .swal2-popup,
  .swal2-title,
  .swal2-html-container,
  .swal2-confirm,
  .swal2-cancel {
    font-family: "Noto Sans Thai", sans-serif !important;
  }