/* =====================================================================
   ORCHID NAILS & SPA — TYPOGRAPHY POLISH
   ---------------------------------------------------------------------
   Mục tiêu: thay thế hệ type hỗn loạn (15+ font) bằng 1 hệ gồm 5 font
   có vai trò rõ ràng, load sau cùng để thắng mọi specificity cũ.

   Cấu trúc hệ type mới:
   ─────────────────────
   • DISPLAY   (H1–H2 section title)      : Cinzel            — serif cao cấp
   • HEADING   (H3–H6, card title)        : Playfair Display  — serif hiện đại
   • BODY      (p, li, span, label)       : Lora              — serif dễ đọc
   • SCRIPT    (.brand, hero title script): Great Vibes       — script điểm nhấn
   • UI/NAV    (button, menu, badge)      : Montserrat        — sans sạch

   OpenType features bật cho mọi text: liga, kern, calt
   ===================================================================== */


/* =====================================================================
   1. FONT-FACE — bổ sung Lora local + đảm bảo Cinzel đầy đủ weight
   ===================================================================== */
@font-face {
    font-family: 'LoraLocal';
    src: url('../fonts/Lora/Lora-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'LoraLocal';
    src: url('../fonts/Lora/Lora-Italic-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'BodoniModaLocal';
    src: url('../fonts/Bodoni_Moda_SC/BodoniModaSC-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'BodoniModaLocal';
    src: url('../fonts/Bodoni_Moda_SC/BodoniModaSC-Italic-VariableFont_opsz,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}


/* =====================================================================
   2. DESIGN TOKENS — type system
   ===================================================================== */
:root {
    /* --- Font stacks ---
       Hiện đại + tinh tế: Playfair Display (serif high-contrast,
       contemporary, đã load từ Google Fonts) cho mọi title.
       Script accent Great Vibes cho từ nổi bật.
       Body Lora (warm, readable).
       UI Montserrat (clean, modern sans). */
    --font-title:    'Playfair Display', 'BodoniModaLocal', 'LoraLocal', 'Times New Roman', serif;
    --font-title-alt: 'Playfair Display', 'BodoniModaLocal', 'LoraLocal', 'Times New Roman', serif;
    --font-body:     'LoraLocal', 'Lora', 'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-script:   'Great Vibes', 'Alex Brush', 'BrittanySignature', cursive;
    --font-ui:       'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;

    /* --- Type scale (fluid) --- */
    --fs-display-1:  clamp(2.4rem, 5.2vw, 3.8rem);   /* hero title */
    --fs-display-2:  clamp(1.9rem, 3.6vw, 2.8rem);   /* section h2 */
    --fs-heading-1:  clamp(1.5rem, 2.6vw, 2rem);     /* h3 / subtitle */
    --fs-heading-2:  clamp(1.15rem, 1.8vw, 1.4rem);  /* h4 / card title */
    --fs-body:       clamp(0.95rem, 1.05vw, 1.05rem);
    --fs-small:      clamp(0.82rem, 0.9vw, 0.9rem);
    --fs-ui:         clamp(0.85rem, 0.95vw, 0.95rem);

    /* --- Spacing & rhythm --- */
    --lh-tight:  1.15;
    --lh-snug:   1.35;
    --lh-normal: 1.6;
    --lh-loose:  1.8;

    --ls-tight:  -0.01em;
    --ls-normal: 0;
    --ls-wide:   0.04em;
    --ls-wider:  0.12em;
    --ls-widest: 0.24em;

    /* --- Body color (đồng bộ với brand) --- */
    --text-color: #5a3a5f;        /* slightly darker for better contrast on warm bg */
    --text-soft:  #7a5a7f;        /* secondary copy */
    --text-faint: #a489b0;        /* captions / meta */
}


/* =====================================================================
   3. RESET + GLOBAL — ghi đè body, html mặc định
   ===================================================================== */
html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    font-family: var(--font-body) !important;
    font-size: var(--fs-body) !important;
    font-weight: 400 !important;
    line-height: var(--lh-normal) !important;
    color: var(--text-color);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: "kern" 1, "liga" 1, "calt" 1, "onum" 1;
    font-variant-numeric: oldstyle-nums proportional-nums;
    letter-spacing: var(--ls-normal);
}


/* =====================================================================
   4. HEADINGS — Cinzel serif (elegant, dễ đọc) cho mọi title
   Pattern: Title Playfair Display (modern, high-contrast serif) +
   1 từ script accent (Great Vibes) trong span.title-script.
   Mixed case, KHÔNG all caps, contemporary aesthetic.
   ===================================================================== */

/* H1 + H2 — section display titles (KHÔNG bao gồm hero title) */
h1:not(.hero-title-x), .heading-1,
.aboutv2-title,
.blanc-service-title,
.blanc-story-title,
.blanc-gallery-title,
.promotion-text-color,
.service-top-title {
    font-family: var(--font-title) !important;
    font-weight: 500 !important;
    font-style: normal;
    line-height: 1.3 !important;
    letter-spacing: 0.005em !important;   /* modern: gần như không tracking */
    color: var(--polish-primary-deep, #734478) !important;
    text-transform: none !important;
    font-feature-settings: "kern" 1, "liga" 1, "dlig" 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    padding-bottom: 0.7em;
    margin-bottom: 0.4em !important;
}

/* Hero title riêng — KHÔNG có padding-bottom / position relative
   để tránh xuất hiện line/diamond giả trong hero card */
.hero-title-x {
    position: static !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
.hero-title-x::before,
.hero-title-x::after {
    content: none !important;
    display: none !important;
}

/* Decorative line + diamond dưới mỗi section title (như screenshot)
   LOẠI TRỪ hero title */
h1:not(.hero-title-x)::after, .heading-1::after,
.aboutv2-title::after,
.blanc-service-title::after,
.blanc-story-title::after,
.blanc-gallery-title::after,
.service-top-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--polish-primary, #98609e) 50%,
        transparent 100%
    );
}
h1:not(.hero-title-x)::before, .heading-1::before,
.aboutv2-title::before,
.blanc-service-title::before,
.blanc-story-title::before,
.blanc-gallery-title::before,
.service-top-title::before {
    content: "✦";
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--polish-primary, #98609e);
    font-size: 0.8rem;
    background: var(--polish-bg, #faf5f9);
    padding: 0 12px;
}

h1, .heading-1 { font-size: var(--fs-display-1) !important; margin: 0 0 0.6em !important; }

h2, .heading-2,
.blanc-service-title,
.blanc-story-title,
.blanc-gallery-title,
.aboutv2-title,
.service-top-title,
.promotion-text-color {
    font-size: var(--fs-display-2) !important;
    font-weight: 500 !important;
    margin: 0 0 0.55em !important;
}

/* Title display cỡ lớn (centered) */
.blanc-story-title-center,
.blanc-service-title,
.blanc-gallery-title,
.aboutv2-title {
    text-align: center;
}

/* SCRIPT ACCENT — từ bọc trong span.title-script dùng Great Vibes */
.title-script {
    font-family: var(--font-script) !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: none !important;
    letter-spacing: 0.005em !important;
    color: var(--polish-primary, #98609e) !important;
    display: inline-block;
    margin: 0 0.05em;
    font-size: 1.1em;
    line-height: 1;
    font-feature-settings: "kern" 1, "liga" 1, "swsh" 1, "salt" 1;
    position: relative;
    top: 0.08em;
}

/* H3 — subtitle, italic Playfair Display, modern editorial feel */
h3, .heading-3,
.aboutv2-subtitle,
.blanc-service-subtitle {
    font-family: var(--font-title-alt) !important;
    font-weight: 400 !important;
    font-style: italic;
    line-height: var(--lh-snug) !important;
    letter-spacing: 0.005em !important;
    color: var(--polish-primary, #98609e) !important;
    text-transform: none;
    font-size: var(--fs-heading-1) !important;
    margin: 0 0 0.5em !important;
    font-feature-settings: "kern" 1, "liga" 1, "dlig" 1;
}

/* H4 — card title (Playfair Display, mixed case) */
h4, .heading-4,
.blanc-service-card-title {
    font-family: var(--font-title) !important;
    font-weight: 500 !important;
    font-style: normal;
    line-height: var(--lh-snug) !important;
    letter-spacing: 0.005em !important;
    color: var(--polish-primary-deep, #734478) !important;
    font-size: var(--fs-heading-2) !important;
    margin: 0 0 0.4em !important;
    text-transform: none;
}

h5, .heading-5,
.hero-info-block-x h5,
.hero-info-x > div h5 {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
    font-style: normal;
    line-height: var(--lh-snug) !important;
    letter-spacing: 0.18em !important;
    text-transform: none;
    color: var(--polish-primary, #98609e) !important;
    font-size: var(--fs-ui) !important;
    margin: 0 0 0.4em !important;
}

h6, .heading-6 {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
    font-style: normal;
    line-height: var(--lh-snug) !important;
    letter-spacing: 0.12em !important;
    text-transform: none;
    color: var(--polish-primary-deep, #734478) !important;
    font-size: 0.78rem !important;
    margin: 0 0 0.4em !important;
}


/* =====================================================================
   6. BODY TEXT — paragraphs, lists, labels
   ===================================================================== */
p, li, dd, dt, blockquote, label, .aboutv2-desc,
.blanc-service-text, .blanc-contact-lite-text,
.testimonial-text, .review-text {
    font-family: var(--font-body);
    font-weight: 400;
    line-height: var(--lh-loose);
    color: var(--text-color);
    letter-spacing: 0.005em;
    font-feature-settings: "kern" 1, "liga" 1, "onum" 1;
}

p {
    margin: 0 0 1em;
    hyphens: auto;
    -webkit-hyphens: auto;
}

small, .text-small {
    font-family: var(--font-ui) !important;
    font-size: var(--fs-small) !important;
    letter-spacing: var(--ls-wide) !important;
    color: var(--text-soft);
}

strong, b {
    font-weight: 600;
    color: var(--polish-primary-deep, #734478);
}

em, i {
    font-style: italic;
    font-family: var(--font-body);
}

a {
    color: var(--polish-primary, #98609e);
    text-decoration: none;
    transition: color 200ms var(--polish-ease, ease);
}
a:hover {
    color: var(--polish-primary-deep, #734478);
}


/* =====================================================================
   7. SCRIPT — brand & hero
   ===================================================================== */
.brand,
.hero-title-x.brand,
.blanc-title-brand,
.styling-header {
    font-family: var(--font-script) !important;
    font-weight: 400 !important;
    font-style: normal;
    text-transform: none !important;
    letter-spacing: 0.005em !important;
    line-height: 1.45 !important;
    font-feature-settings: "kern" 1, "liga" 1, "swsh" 1, "salt" 1;
}

.hero-title-x.brand {
    font-size: clamp(3rem, 7vw, 5rem) !important;
    line-height: 1.2 !important;
    margin: 24px 0 12px !important;
}

.brand {
    font-size: 1.4em;
}


/* =====================================================================
   8. UI — navigation, button, badge
   ===================================================================== */
.menu-blanc a,
.rd-nav-link,
.btn-nav-blanc,
.nav-blanc-inner,
.btn,
.btn-book-now,
.btn-call-us,
.online-booking,
.booking-link,
.button,
.promotion-text-color,
.testimonial-rating,
.review-meta-source {
    font-family: var(--font-ui) !important;
    font-weight: 500;
    letter-spacing: 0.06em !important;
    text-transform: none;
    font-size: var(--fs-ui);
    font-feature-settings: "kern" 1, "liga" 1;
}

.btn, .button, .btn-nav-blanc, .btn-book-now, .btn-call-us {
    font-size: 0.85rem;
    letter-spacing: 0.08em !important;
    font-weight: 600;
    text-transform: none;
}


/* =====================================================================
   9. SECTION-LEVEL REFINEMENTS
   ===================================================================== */
/* Hero card ribbon ("WELCOME TO") */
.hero-card-x::before {
    font-family: var(--font-ui) !important;
    font-weight: 600 !important;
    letter-spacing: 0.35em !important;
    font-size: 0.7rem !important;
}

/* Hero info block label spacing */
.hero-info-block-x h5,
.hero-info-x > div h5 {
    margin-bottom: 0.5em !important;
}
.hero-info-block-x p,
.hero-info-x > div p {
    font-family: var(--font-ui) !important;
    font-size: 0.9rem !important;
    letter-spacing: 0.02em !important;
    text-transform: none;
    line-height: 1.55 !important;
    color: #ffffff;
    margin: 0 0 0.4em;
}

/* About v2 — section text rhythm */
.aboutv2-desc {
    font-size: 1.02rem !important;
    line-height: 1.85 !important;
    color: var(--text-color);
    max-width: 60ch;
    margin: 0 0 1.2em;
}
.aboutv2-title {
    font-size: clamp(2.1rem, 4vw, 3rem) !important;
    margin-bottom: 0.6em !important;
}
.aboutv2-subtitle {
    font-size: clamp(1.4rem, 2.4vw, 1.8rem) !important;
    margin-bottom: 0.5em !important;
}

/* Service cards */
.blanc-service-title,
.service-top-title {
    text-align: center;
    margin-bottom: 0.4em !important;
}
.blanc-service-subtitle {
    text-align: center;
    font-style: italic;
    font-size: clamp(1.1rem, 1.8vw, 1.35rem) !important;
    color: var(--polish-primary, #98609e) !important;
    margin-bottom: 0.5em !important;
}
.blanc-service-text {
    text-align: center;
    max-width: 60ch;
    margin: 0 auto 1.5em !important;
    color: var(--text-soft);
}

/* Service grid — 5 cards 1 hàng (override repeat(4, 1fr) từ style_n.css) */
.blanc-service-shell {
    max-width: 1500px !important;     /* mở rộng shell để 5 cards đủ rộng */
    padding: 0 20px;
}
.blanc-service-grid {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 16px !important;
    width: 100%;
    align-items: start !important;     /* quan trọng: không stretch, để card tự co theo content */
}
.blanc-service-card {
    min-width: 0;       /* cho phép card nhỏ hơn nội dung */
    padding: 12px !important;
    overflow: visible !important;     /* KHÔNG cắt text */
    height: auto !important;          /* auto height */
    display: flex;
    flex-direction: column;
}
.blanc-service-photo {
    height: 170px !important;          /* thu nhỏ ảnh, để chỗ cho text */
    aspect-ratio: auto;
    flex-shrink: 0;
}
.blanc-service-body {
    min-height: 0 !important;          /* bỏ min-height 182px để content tự co */
    padding: 14px 10px !important;
    flex: 1 1 auto;
    overflow: visible !important;
}
.blanc-service-card-title {
    font-size: 0.9rem !important;
    line-height: 1.25 !important;
    margin: 0 0 8px !important;
    word-break: normal;
    overflow-wrap: anywhere;
}
.blanc-service-card p,
.blanc-service-card-text {
    font-size: 0.76rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    word-break: normal;
    overflow-wrap: anywhere;
    text-align: left;
}

/* Tablet: 3 cột */
@media (max-width: 1100px) {
    .blanc-service-shell { max-width: 100% !important; }
    .blanc-service-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 16px !important;
    }
}
/* Mobile: 2 cột */
@media (max-width: 700px) {
    .blanc-service-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }
    .blanc-service-card-title { font-size: 0.88rem !important; }
    .blanc-service-card p,
    .blanc-service-card-text { font-size: 0.75rem !important; }
}
/* Mobile nhỏ: 1 cột */
@media (max-width: 420px) {
    .blanc-service-grid {
        grid-template-columns: 1fr !important;
    }
}
    color: var(--text-soft);
}
.blanc-service-card-title {
    font-size: 1.15rem !important;
    margin-bottom: 0.35em !important;
}

/* Story / value flip cards */
.blanc-story-title {
    text-align: center;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem) !important;
}

/* Core Value cards: text TRẮNG + Playfair Display modern */
.blanc-flip-title {
    font-family: var(--font-title) !important;
    font-size: 1.4rem !important;
    font-style: italic;                    /* italic cho modern editorial */
    font-weight: 500 !important;
    letter-spacing: 0.005em !important;
    text-transform: none !important;
    color: #ffffff !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    line-height: 1.2 !important;
}
.blanc-flip-back-inner p,
.blanc-flip-value .blanc-flip-back-inner p {
    font-family: var(--font-body) !important;
    color: #ffffff !important;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
    text-transform: none;
    letter-spacing: 0.01em;
    margin: 0;
}

/* Testimonials */
.testimonial-text,
.review-text {
    font-style: italic;
    color: var(--text-soft);
    line-height: 1.7;
}

/* Contact — TOÀN BỘ TEXT trắng (title, subtitle, label, address, phone, hours, button)
   Ghi đè cả color + -webkit-text-fill-color + -webkit-text-stroke của polish.css */
.blanc-contact-lite-title,
.blanc-contact-lite-title * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    -webkit-text-stroke: 0 !important;
    filter: none !important;
}
.blanc-contact-lite-title {
    text-align: center;
    margin-bottom: 0.4em !important;
    font-family: var(--font-title) !important;
    font-size: clamp(2rem, 3.6vw, 2.6rem) !important;
    font-weight: 500 !important;
    font-style: normal;
    text-transform: none !important;
    letter-spacing: 0.12em !important;
    text-shadow:
        0 2px 12px rgba(115, 68, 120, 0.5),
        0 0 32px rgba(115, 68, 120, 0.3) !important;
}
.blanc-contact-lite-title .title-script {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow:
        0 2px 12px rgba(115, 68, 120, 0.5),
        0 0 32px rgba(115, 68, 120, 0.3) !important;
}

/* Subtitle — trắng */
.blanc-contact-lite-sub,
.blanc-contact-lite-sub * {
    color: rgba(255, 255, 255, 0.95) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
    font-style: italic;
}

/* Label (Hours, Visit Us) — trắng */
.blanc-contact-lite-label,
.blanc-contact-lite-label * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) !important;
}
.blanc-contact-lite-label {
    text-align: center;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0.06em !important;
    margin-bottom: 0.4em !important;
}

/* Item title (ADDRESS, PHONE) — trắng */
.blanc-contact-lite-item-title,
.blanc-contact-lite-item-title * {
    color: rgba(255, 255, 255, 0.95) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
    text-transform: none;
    letter-spacing: 0.06em;
    font-size: 0.82rem !important;
    font-weight: 600;
    font-style: italic;
}

/* Link (address, phone) — trắng */
.blanc-contact-lite-link,
.blanc-contact-lite-link * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}
.blanc-contact-lite-link:hover {
    color: var(--polish-primary-soft, #cda2de) !important;
    -webkit-text-fill-color: var(--polish-primary-soft, #cda2de) !important;
}

/* Hours list — trắng */
.blanc-contact-lite-list,
.blanc-contact-lite-list *,
.blanc-contact-lite-list li,
.blanc-contact-lite-list li * {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}

/* Text chung trong contact card — trắng */
.blanc-contact-lite-text,
.blanc-contact-lite-text * {
    color: rgba(255, 255, 255, 0.95) !important;
    -webkit-text-fill-color: rgba(255, 255, 255, 0.95) !important;
}
.blanc-contact-lite-text {
    text-align: center;
    font-size: 0.95rem !important;
    line-height: 1.65 !important;
}

/* Gallery */
.blanc-gallery-title,
.styling-header1 {
    text-align: center;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem) !important;
    margin-bottom: 0.6em !important;
}

/* Footer */
footer, .footer, .blanc-footer, .blanc-footer-x {
    font-family: var(--font-ui) !important;
    font-size: 0.88rem;
    letter-spacing: 0.04em;
    line-height: 1.7;
}


/* =====================================================================
   10. UTILITY: drop-cap, eyebrow text, italic accent
   ===================================================================== */
.eyebrow,
.section-eyebrow {
    font-family: var(--font-ui) !important;
    font-size: 0.72rem !important;
    font-weight: 600;
    letter-spacing: 0.4em !important;
    text-transform: none;
    color: var(--polish-primary, #98609e);
    display: inline-block;
    margin-bottom: 0.6em;
}

.script-accent {
    font-family: var(--font-script) !important;
    font-size: 1.5em;
    line-height: 1;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 0;
    color: var(--polish-primary, #98609e);
}


/* =====================================================================
   11. FONT SMOOTHING — applied everywhere
   ===================================================================== */
*,
*::before,
*::after {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/* =====================================================================
   12. RESPONSIVE — tighten on mobile
   ===================================================================== */
@media (max-width: 768px) {
    body {
        line-height: 1.65 !important;
    }
    h1, .heading-1, .hero-title-x { font-size: 2.2rem !important; }
    h2, .heading-2, .blanc-service-title,
    .blanc-story-title, .blanc-gallery-title,
    .aboutv2-title, .service-top-title,
    .promotion-text-color, .blanc-contact-lite-title { font-size: 1.7rem !important; }
    h3, .heading-3, .aboutv2-subtitle,
    .blanc-service-subtitle, .blanc-flip-title { font-size: 1.25rem !important; }
    h4, .heading-4, .blanc-service-card-title { font-size: 1.05rem !important; }

    .hero-title-x.brand { font-size: 2.6rem !important; }

    p, .aboutv2-desc { font-size: 0.98rem; line-height: 1.75; }
}

@media (max-width: 480px) {
    h1, .heading-1, .hero-title-x { font-size: 1.85rem !important; letter-spacing: 0.18em !important; }
    h2, .heading-2 { font-size: 1.5rem !important; }
    .hero-title-x.brand { font-size: 2.2rem !important; }
}


/* =====================================================================
   13. PRINT
   ===================================================================== */
@media print {
    body { font-family: Georgia, 'Times New Roman', serif; color: #000; }
    h1, h2, h3 { font-family: 'Times New Roman', serif; }
}


/* =====================================================================
   14. GLOBAL NO-UPPERCASE — đè tất cả text-transform: uppercase
   từ professional-polish.css / style.css cũ. Mọi text hiển thị mixed case.
   ===================================================================== */
.hero-title-x:not(.brand),
.hero-card-x::before,
.hero-info-block-x h5,
.blanc-flip-title,
.review-name,
.testimonial-name,
.blanc-flip-back-inner p,
.eyebrow,
.section-eyebrow,
.btn,
.button,
.btn-nav-blanc,
.btn-book-now,
.btn-call-us,
.menu-blanc a,
.rd-nav-link,
.booking-link,
.online-booking,
.promotion-text-color,
.blanc-contact-lite-item-title,
.blanc-contact-lite-item-title * {
    text-transform: none !important;
}