/* ==========================================================================
   Round13 — Pay page
   Figma file: Landing page - 6 use cases (VwT2NIQwDMXOxvTmRw2ukB)
     desktop        frame 4497:10074
     desktop <1400  frame 4497:10158
     tablet         frame 4497:10243
     mobile         frame 4497:10334

   LƯU Ý: @import BẮT BUỘC nằm trên mọi rule khác (spec CSS) — nếu đặt sau
   block .r13-pay thì browser bỏ qua toàn bộ import và trang mất hết style.
   Thứ tự import khớp thứ tự render trong template-render/Round13/page-pay.php.
   ========================================================================== */

@import url("../section-hero/assets/hero.css");
@import url("../section-cta-setup/assets/cta-setup.css");
@import url("../section-payment-methods/assets/payment-methods.css");
@import url("../section-features/assets/features.css");
@import url("../section-testimonial/assets/testimonial.css");

/* Base trang — đặt trên wrapper <main class="r13-pay-page"> (giống .r13-launch của
   page-launch) để phủ MỌI section, kể cả section-testimonial dùng bộ class
   .r13-section/.r13-testimonial port từ page-launch và không mang class .r13-pay. */
.r13-pay-page {
    font-family: var(--font-body); /* DM Sans — global.css */
    background: var(--color-2nd-bg);
    color: var(--color-1st-fg);
}

/* Các section đều mang class .r13-pay (trừ section-testimonial port từ page-launch). */
.r13-pay {
    font-family: var(--font-body);
    background: var(--color-2nd-bg);
    color: var(--color-1st-fg);
}