/* Canonical typography scale
   16px is the primary reading/UI size. 14px is reserved for secondary copy. */

:root {
    --pw-font-secondary: 14px;
    --pw-font-base: 16px;
    --pw-font-xs: var(--pw-font-secondary);
    --pw-font-sm: var(--pw-font-secondary);
    --pw-font-md: var(--pw-font-base);
}

.g-recaptcha {
    margin: 0 !important;
}

/* Drag-and-drop upload progress is supporting text, not an icon badge. */
body .dnd-upload-counter {
    font-size: var(--pw-font-sm) !important;
}

/* Keep the upload action fully visible inside narrow quote forms. */
body .tqf-upload .codedropz-upload-inner,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner {
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    gap: 8px !important;
    justify-content: stretch !important;
    width: 100%;
    padding: 0 2px 0 0 !important;
    box-sizing: border-box;
}

body .tqf-upload .codedropz-upload-inner span:first-child,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    color: transparent !important;
    font-size: 0 !important;
}

body .tqf-upload .codedropz-btn-wrap,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-btn-wrap {
    width: auto;
    min-width: 0;
    max-width: none;
}

body .tqf-upload .codedropz-upload-inner .cd-upload-btn,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner .cd-upload-btn {
    width: auto;
    min-width: 88px;
    max-width: none;
    min-height: 30px;
    height: 30px;
    margin: 0;
    padding-right: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}

body .tqf-upload {
    height: 42px;
    min-height: 42px;
    padding: 0 6px 0 12px;
    border: 2px solid var(--color-gold);
    border-radius: 999px;
    background: var(--color-gray-225);
}

body .tqf-upload .codedropz-upload-handler,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-handler {
    width: 100%;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px;
    background: transparent;
}

body .tqf-upload .codedropz-upload-handler {
    height: 38px !important;
    min-height: 38px !important;
}

body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-handler {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 2px 0 12px !important;
    border: 2px solid var(--header-gold) !important;
    border-radius: 999px;
    background: #f3f3f3;
    box-sizing: border-box;
}

body .tqf-upload .codedropz-upload-inner,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner {
    align-items: center;
    height: 32px !important;
    min-height: 32px !important;
}

body .tqf-upload .codedropz-upload-inner {
    height: 38px !important;
    min-height: 38px !important;
}

body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner {
    grid-template-columns: max-content max-content max-content !important;
    justify-content: space-between !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
}

body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child {
    gap: 8px;
}

body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner .cd-upload-btn {
    min-height: 30px;
    height: 30px;
}

body .tqf-upload .codedropz-upload-inner span:first-child::before,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::before {
    content: "\f13b";
    flex: 0 0 auto;
    color: var(--color-black);
    font-family: dashicons;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    font-size: 24px !important;
    font-weight: 400;
    line-height: 1;
}

body .tqf-upload .codedropz-upload-inner span:first-child::after,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after {
    content: "Kéo & Thả Tệp";
    overflow: hidden;
    color: var(--color-black);
    font-family: 'Mulish', system-ui, -apple-system, sans-serif;
    font-size: var(--pw-font-sm) !important;
    font-weight: 500;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body .tqf-upload .codedropz-upload-inner span:nth-child(2),
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:nth-child(2) {
    display: inline-flex;
    align-items: center;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

body .tqf-upload .codedropz-upload-inner span:nth-child(2)::before,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:nth-child(2)::before {
    content: "hoặc";
    font-size: var(--pw-font-sm) !important;
    font-weight: 500;
    line-height: 1;
}

body .tqf-upload .codedropz-upload-inner .cd-upload-btn::after,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner .cd-upload-btn::after {
    content: "Duyệt tập tin";
    font-size: var(--pw-font-sm) !important;
    font-weight: 500;
}

@media (max-width: 640px) {
    body .tqf-upload .codedropz-upload-inner span:first-child::after,
    body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after,
    body .tqf-upload .codedropz-upload-inner span:nth-child(2)::before,
    body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:nth-child(2)::before,
    body .tqf-upload .codedropz-upload-inner .cd-upload-btn::after,
    body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner .cd-upload-btn::after {
        font-size: var(--pw-font-xs) !important;
    }

    body .tqf-upload .codedropz-upload-inner span:first-child::after,
    body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after {
        content: "Kéo & Thả Tệp";
    }
}

@media (max-width: 400px) {
    body .tqf-upload .codedropz-upload-inner {
        grid-template-columns: minmax(0, 1fr) auto !important;
    }

    body .tqf-upload .codedropz-upload-inner span:nth-child(2) {
        display: none !important;
    }

    body .tqf-upload .codedropz-upload-inner span:first-child::after,
    body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after {
        content: "Kéo & Thả Tệp";
    }
}

/* The homepage quick-upload field follows the input geometry and type scale. */
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:nth-child(2)::before,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner .cd-upload-btn::after {
    font-size: var(--pw-font-secondary) !important;
}

body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:first-child::after,
body :is(#wpcf7-f63-o1, #wpcf7-f431-o1) .codedropz-upload-inner span:nth-child(2)::before {
    color: #777;
    font-weight: 400;
}

html,
body {
    font-size: var(--pw-font-md);
    font-weight: 400;
}

body :where(p, li, a, span, label, input, select, textarea, button, td, th, strong, em, b) {
    font-size: var(--pw-font-md) !important;
}

body :where(input, select, textarea, button) {
    font-size: var(--pw-font-md) !important;
}

body :where(p, li, td, input, select, textarea) {
    font-weight: 400 !important;
}

body :where(strong, b) {
    font-weight: 500 !important;
}

/* Supporting copy and compact navigation. */
body :where(
    .excerpt,
    .description,
    .term-description,
    .pw-product-archive-head__sapo,
    .pw-menu-item-description,
    .footer-main li,
    .footer-main a,
    .footer-main p,
    .woocommerce-result-count,
    .woocommerce-ordering,
    .woocommerce-ordering select
) {
    font-size: var(--pw-font-md) !important;
    font-weight: 400 !important;
}

/* Metadata, captions and auxiliary labels. */
body :where(
    small,
    .small,
    .caption,
    [class*="caption"],
    [class*="note"],
    [class*="meta"],
    [class*="label"],
    [class*="chip"],
    .pw-countdown__label,
    .tqf-file-note,
    .tqf-choice,
    .tqf-captcha,
    .pw-product-card__bottom,
    .pw-product-card__quote,
    .section-edit-link
) {
    font-size: var(--pw-font-xs) !important;
    font-weight: 500 !important;
}

/* Home Story: the introductory paragraph is primary content, not a small caption. */
body .home-story .banner-item .banner-caption {
    font-size: var(--pw-font-base) !important;
}

/* Primary UI text. */
body :where(
    .header-nav__list a,
    .header-search input,
    .shortcode-menu a,
    .pw-product-card__title,
    .pw-product-card__title a,
    .woocommerce ul.products li.product .woocommerce-loop-product__title,
    .panda-cta-btn,
    .quote-form-box .btn,
    .btn,
    .button,
    .pw-actions .btn-primary,
    .pw-actions .btn-ghost
) {
    font-size: var(--pw-font-md) !important;
    font-weight: 700 !important;
}

body .pw-menu-item-title {
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
}

body :where(label, th, .pw-attr-key, .woocommerce-form__label) {
    font-weight: 500 !important;
}

/* Heading hierarchy. Child elements inherit instead of falling back to 16px. */
body :where(h1, .h1) {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

body :where(h2, .h2) {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

body :where(h3, .h3) {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body :where(h4, .h4) {
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

body :where(h5, h6, .h5, .h6) {
    font-size: var(--pw-font-md) !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body :where(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) :where(a, span, strong, em, b) {
    font-size: inherit !important;
}

/* Section headings and page-specific title classes. */
body :where(
    .section > .container > .head .title,
    .section-title,
    .home-blog .block--list_posts > .head .title,
    .home-list-posts .block-nav .head .title,
    .home-services > .container > .head .title,
    .home-testimonials > .container > .head .title,
    .home-benefits-faqs > .container > .head .title,
    .product-promotion > .container > .head .title,
    .woocommerce-products-header__title,
    .pw-product-info h2,
    .pw-product-specs h2
) {
    font-size: 24px !important;
    line-height: 1.2 !important;
}

body :where(
    .pw-product-archive-head__title,
    .pw-product-archive-head__sapo h1,
    .pw-product-archive-head__sapo h2
) {
    font-size: 24px !important;
    line-height: 1.15 !important;
}

/* Card headings stay compact even though they use h2/h3 markup. */
body :where(
    .post-item h2,
    .post-item h3,
    .pw-product-card__title,
    .pw-product-card__title a,
    .product-related-products h3,
    .pw-product-cat-sidebar__group h2,
    .pw-product-cat-sidebar__group h2 a,
    .footer-main .title
) {
    font-size: var(--pw-font-md) !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body .pw-product-card__title,
body .pw-product-card__title a {
    font-size: var(--pw-font-md) !important;
}

body.single-product .product-title {
    font-size: 24px !important;
    line-height: 1.18 !important;
}

body.single-product .pw-product-detail-content__inner h3 {
    font-size: 22px !important;
}

body.single-product .product-related-products .block--list_posts > .head .title {
    font-size: var(--pw-font-md) !important;
}

body :where(.pw-product-cat-sidebar__group li a) {
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
}

/* Deliberate display accents. */
body :where(
    .tqf-promo__offer,
    .tqf-promo__offer strong,
    .product-promotion .pp-price,
    .cart-totals-amount,
    .cart-collaterals .order-total strong,
    .pw-countdown__value,
    .pw-countdown__separator
) {
    font-size: inherit !important;
    font-weight: 700 !important;
}

@media (max-width: 767px) {
    body :where(
        .excerpt,
        .description,
        .term-description,
        .pw-product-archive-head__sapo,
        .footer-main li,
        .footer-main a,
        .footer-main p
    ) {
        font-size: var(--pw-font-sm) !important;
    }

    body :where(
        .home-gallery .banner-caption,
        .home-blog .post-item .excerpt,
        .home-blog .post-item p
    ) {
        font-size: var(--pw-font-xs) !important;
    }
}

/* Shared form controls. Search bars and quantity steppers keep component styling. */
body :where(
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    input[type="date"],
    input[type="time"],
    input[type="number"]:not(.qty),
    select,
    textarea
) {
    min-height: 44px !important;
    border: 1px solid var(--color-gray-300) !important;
    border-radius: 8px !important;
    background-color: var(--color-white) !important;
    color: var(--color-text-main) !important;
    font-family: 'Mulish', system-ui, -apple-system, sans-serif !important;
    font-size: var(--pw-font-md) !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}

body :where(textarea) {
    min-height: 100px !important;
    resize: vertical;
}

body textarea[class] {
    min-height: 100px !important;
    height: auto !important;
}

body input.wpcf7-form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]),
body select.wpcf7-form-control {
    min-height: 44px !important;
    height: 44px !important;
}

/* Single-line inputs follow the branded pill treatment. */
body :where(
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    input[type="date"],
    input[type="time"],
    input[type="number"]:not(.qty)
) {
    height: 44px !important;
    border: 2px solid var(--color-gold) !important;
    border-radius: 999px !important;
    background-color: var(--color-gray-225) !important;
    font-size: var(--pw-font-md) !important;
}

body :where(
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    input[type="date"],
    input[type="time"],
    input[type="number"]:not(.qty)
)::placeholder {
    color: var(--color-gray-500) !important;
    font-size: var(--pw-font-sm) !important;
    font-weight: 400 !important;
}

body :where(
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="url"],
    input[type="password"],
    input[type="date"],
    input[type="time"],
    input[type="number"]:not(.qty),
    select,
    textarea
):focus {
    border-color: var(--color-gold-deep) !important;
    box-shadow: 0 0 0 3px rgba(215, 161, 38, .16) !important;
    outline: none !important;
}

body :where(input, textarea)::placeholder {
    color: var(--color-gray-500) !important;
    font-size: var(--pw-font-sm) !important;
    font-weight: 400 !important;
    opacity: 1;
}

body input[type="text"]::placeholder,
body input[type="email"]::placeholder,
body input[type="tel"]::placeholder,
body input[type="url"]::placeholder,
body input[type="password"]::placeholder,
body input[type="number"]:not(.qty)::placeholder {
    font-size: var(--pw-font-sm) !important;
    font-weight: 400 !important;
}

body input[type="text"],
body input[type="email"],
body input[type="tel"],
body input[type="url"],
body input[type="password"],
body input[type="date"],
body input[type="time"],
body input[type="number"]:not(.qty) {
    min-height: 36px !important;
    height: 36px !important;
}

body input.wpcf7-form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]) {
    min-height: 36px !important;
    height: 36px !important;
    font-size: var(--pw-font-md) !important;
}

body :where(input, select, textarea):disabled {
    background-color: var(--color-gray-250) !important;
    color: var(--color-gray-600) !important;
    cursor: not-allowed;
}

/* Shared text-button geometry; component colors remain semantic. */
body :where(
    button:not(.pw-qty-btn),
    input[type="button"],
    input[type="submit"],
    a.button,
    a.btn,
    .panda-cta-btn
) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px !important;
    padding: .45rem 1rem !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--color-gold) !important;
    color: var(--color-black) !important;
    box-shadow: none !important;
    font-family: 'Mulish', system-ui, -apple-system, sans-serif !important;
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    text-align: center;
}

body :where(
    button:not(.pw-qty-btn),
    input[type="button"],
    input[type="submit"],
    a.button,
    a.btn,
    .panda-cta-btn
):hover {
    background: var(--color-gold-deep) !important;
    color: var(--color-black) !important;
}

body :where(
    button:not(.pw-qty-btn),
    input[type="button"],
    input[type="submit"],
    a.button,
    a.btn,
    .panda-cta-btn
):focus-visible {
    outline: 2px solid var(--color-dark-ink) !important;
    outline-offset: 2px;
}

body :where(button, input[type="button"], input[type="submit"]):disabled {
    opacity: .55;
    cursor: not-allowed;
}

body button:not(.pw-qty-btn),
body input[type="button"],
body input[type="submit"],
body a.button,
body a.btn,
body .panda-cta-btn {
    min-height: 36px !important;
    height: 36px !important;
    padding: .45rem 1rem !important;
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
}

body button.wpcf7-submit.custom-class {
    min-height: 48px !important;
    height: auto !important;
}

body .pw-search-results__form button {
    min-height: 50px !important;
    height: 50px !important;
}

/* Icon-only controls retain their component proportions. */
body .contact-box a.btn {
    width: 58px !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #d7262b !important;
}

body .quote-form-box :where(.tqf-cart, .tqf-submit) {
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--color-gold) !important;
    color: var(--color-black) !important;
}

body .quote-form-box :where(.tqf-cart, .tqf-submit):hover {
    background: var(--color-gold-deep) !important;
    color: var(--color-black) !important;
}

body .quote-form-box button.wpcf7-submit.tqf-cart,
body .quote-form-box button.wpcf7-submit.tqf-submit {
    background: var(--color-gold) !important;
    color: var(--color-black) !important;
}

body :where(.pw-atc-close, .tqf-close, .pw-qty-btn) {
    padding: 0 !important;
    border-radius: 50% !important;
}

/* Circular countdown shared by the main form and the quote popup. */
body .pw-countdown:not(.tqf-countdown) {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    margin-bottom: .5rem;
}

body .pw-countdown:not(.tqf-countdown) .pw-countdown__segment {
    display: flex;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    border: 1px solid #f0f2f4;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 5px 10px rgba(17, 24, 39, .16);
}

body .pw-countdown:not(.tqf-countdown) .pw-countdown__value {
    display: block;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--color-black);
    font-size: var(--pw-font-md) !important;
    font-weight: 700 !important;
    line-height: 1;
    letter-spacing: 0;
}

body .pw-countdown:not(.tqf-countdown) .pw-countdown__label {
    color: var(--color-black);
    font-size: var(--pw-font-sm) !important;
    font-weight: 500 !important;
    line-height: 1;
    text-transform: none;
}

body .pw-countdown:not(.tqf-countdown) .pw-countdown__separator {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 0;
    color: var(--color-black);
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
    line-height: 1;
}

/* The popup countdown uses the same visual units. */
body .tqf-head {
    flex-wrap: wrap;
}

body .tqf-head .pw-countdown.tqf-countdown {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0;
}

body .tqf-head .tqf-countdown .pw-countdown__segment {
    display: flex;
    flex: 0 0 48px;
    width: 48px;
    min-width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    border: 1px solid #f0f2f4;
    border-radius: 50%;
    background: #fff;
    color: var(--color-black);
    box-shadow: 0 5px 10px rgba(17, 24, 39, .16);
}

body .tqf-head .tqf-countdown .pw-countdown__value {
    display: block;
    width: auto;
    min-width: 0;
    height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--color-black);
    font-size: var(--pw-font-md) !important;
    font-weight: 700 !important;
    line-height: 1;
}

body .tqf-head .tqf-countdown .pw-countdown__label {
    display: block;
    color: var(--color-black);
    font-size: var(--pw-font-sm) !important;
    font-weight: 500 !important;
    line-height: 1;
    text-transform: none;
}

body .tqf-head .tqf-countdown .pw-countdown__separator {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    height: 48px;
    margin: 0;
    color: var(--color-black);
    font-size: var(--pw-font-md) !important;
    font-weight: 500 !important;
    line-height: 1;
}

body .tinado-quote-form .tqf-upload {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-handler {
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 2px 0 12px !important;
    border: 2px solid #fec935 !important;
    border-radius: 999px !important;
    background: #f3f3f3 !important;
    box-sizing: border-box !important;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner {
    height: 32px !important;
    min-height: 32px !important;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:first-child::after {
    content: "Kéo & Thả Tệp Vào Đây";
    font-size: 14px !important;
    font-weight: 600;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:nth-child(2)::before,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn::after {
    font-size: 14px !important;
}

body .tinado-quote-form .tqf-field::before {
    left: 8px;
    width: 24px;
    height: 24px;
    font-size: 18px !important;
    line-height: 24px;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:first-child::before {
    width: 24px;
    height: 24px;
    font-size: 24px !important;
    line-height: 24px;
}

body .tinado-quote-form button.wpcf7-submit.tqf-cart,
body .tinado-quote-form button.wpcf7-submit.tqf-submit {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}

body .tinado-quote-form .tqf-head > strong {
    font-size: 14px !important;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn::after,
body .tinado-quote-form .tqf-file-tabs span {
    font-size: 14px !important;
}

body .tinado-quote-form input.wpcf7-form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]):not([type="submit"]),
body .tinado-quote-form textarea.wpcf7-form-control,
body .tinado-quote-form select.wpcf7-form-control {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 8px 0 32px !important;
    border: 2px solid #fec935 !important;
    border-radius: 999px !important;
    background: #f3f3f3 !important;
    color: #111 !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

@media (max-width: 640px) {
    body .tqf-head {
        justify-content: center;
        text-align: center;
    }

    body .tqf-head .pw-countdown.tqf-countdown {
        flex: 0 0 100%;
    }

    body .pw-countdown:not(.tqf-countdown),
    body .tqf-head .pw-countdown.tqf-countdown {
        gap: 3px;
    }

    body .pw-countdown:not(.tqf-countdown) .pw-countdown__segment,
    body .tqf-head .tqf-countdown .pw-countdown__segment {
        flex-basis: 48px;
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    body .pw-countdown:not(.tqf-countdown) .pw-countdown__separator,
    body .tqf-head .tqf-countdown .pw-countdown__separator {
        height: 48px;
    }
}

@media (max-width: 360px) {
    body .pw-countdown:not(.tqf-countdown) .pw-countdown__segment,
    body .tqf-head .tqf-countdown .pw-countdown__segment {
        flex-basis: 48px;
        width: 48px;
        min-width: 48px;
        height: 48px;
    }

    body .pw-countdown:not(.tqf-countdown) .pw-countdown__value,
    body .tqf-head .tqf-countdown .pw-countdown__value,
    body .pw-countdown:not(.tqf-countdown) .pw-countdown__label,
    body .tqf-head .tqf-countdown .pw-countdown__label {
        font-size: var(--pw-font-xs) !important;
    }

    body .pw-countdown:not(.tqf-countdown) .pw-countdown__separator,
    body .tqf-head .tqf-countdown .pw-countdown__separator {
        height: 48px;
        font-size: var(--pw-font-sm) !important;
    }
}

/* Compact typography and timer used only by the quick-print popup. */
body .tinado-quote-form :is(input, select, textarea, button),
body .tinado-quote-form :is(input, textarea)::placeholder,
body .tinado-quote-form .tqf-head,
body .tinado-quote-form .tqf-head strong,
body .tinado-quote-form .tqf-file-tabs span,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:nth-child(2)::before,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn::after {
    font-size: 14px !important;
}

body .tqf-head .pw-countdown.tqf-countdown {
    flex-wrap: nowrap;
    gap: 2px;
}

body .tqf-head .tqf-countdown .pw-countdown__segment {
    flex: 0 0 24px;
    width: 24px;
    min-width: 24px;
    height: 24px;
    flex-direction: row;
    gap: 0;
    border: 0;
    border-radius: 4px;
    background: #ed1c24;
    box-shadow: none;
}

body .tqf-head .tqf-countdown .pw-countdown__value {
    color: #fff;
    font-size: 14px !important;
}

body .tqf-head .tqf-countdown .pw-countdown__label {
    display: none;
}

body .tqf-head .tqf-countdown .pw-countdown__separator {
    height: 24px;
    color: #ed1c24;
    font-size: 14px !important;
}

body .tinado-quote-form .tqf-file-tabs span,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:first-child::after,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn::after {
    font-size: 16px !important;
}

body .tinado-quote-form .tqf-choice,
body .tinado-quote-form .tqf-choice .wpcf7-list-item-label,
body .tinado-quote-form .tqf-choice .wpcf7-list-item.first .wpcf7-list-item-label::before,
body .tinado-quote-form .tqf-choice .wpcf7-list-item.first .wpcf7-list-item-label::after,
body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:nth-child(2)::before {
    font-size: 14px !important;
}

/* Exact upload typography parity with the homepage featured-services form. */
body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:first-child::after {
    content: "Kéo & Thả Tệp";
    color: #777;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 14px;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner span:nth-child(2)::before {
    content: "hoặc";
    color: #777;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 14px;
}

body .tinado-quote-form .tqf-upload .codedropz-upload-inner .cd-upload-btn::after {
    content: "Duyệt tập tin";
    color: #111;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 14px;
}