.elementor-kit-6{--e-global-color-primary:#FFFFFF;--e-global-color-secondary:#E2B755;--e-global-color-text:#7A7A7A;--e-global-color-accent:#E2E8F0;--e-global-typography-primary-font-family:"Inter";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFFFFF;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#FF9500;font-family:"Inter", Sans-serif;font-size:18px;font-weight:700;color:#FFFFFF;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;gap:0px;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */:root {
    /* ==========================================================================
       1. HỆ THỐNG MÀU SẮC ĐỒNG BỘ (BRAND COLORS)
       ========================================================================== */
    --color-primary: #005088;     /* Xanh đại dương (Màu chủ đạo cho chữ lớn, Header) */
    --color-accent: #E2B755;      /* Vàng cam/Cát biển (Màu nút bấm, chữ nhỏ nghệ thuật) */
    --color-accent-hover: #C5A059;/* Vàng đậm khi di chuột vào (Hover) */
    --color-text-dark: #334155;   /* Màu chữ nội dung chính (Xám đen sang trọng) */
    --color-text-light: #FFFFFF;  /* Màu chữ trắng trên nền tối */
    --color-bg-white: #FFFFFF;    /* Màu nền các khối như Booking Bar, Thẻ Tour */
    --color-border-light: #E2E8F0;/* Màu đường kẻ phân cách mờ */

    /* ==========================================================================
       2. TYPOGRAPHY - FONT CHỮ CO GIÃN TỰ ĐỘNG (FLUID FONT SIZE)
       Công thức: clamp(Size nhỏ nhất Mobile, Tỷ lệ co giãn % màn hình, Size lớn nhất PC)
       ========================================================================== */
    --fs-hero: clamp(28px, 4.2vw, 64px);     /* Chữ tiêu đề siêu to ở Banner chính */
    --fs-section-title: clamp(22px, 2.8vw, 40px); /* Tiêu đề cho các khối lớn phía dưới */
    --fs-card-title: clamp(16px, 1.5vw, 22px);    /* Tiêu đề tên Tour trong Carousel */
    --fs-body: clamp(13px, 1.1vw, 16px);          /* Toàn bộ chữ nội dung, đoạn văn mô tả */
    --fs-meta: clamp(15px, 0.9vw, 18px);          /* Chữ nhãn nhỏ, tiêu đề phụ của Booking Bar */
    --fs-button: clamp(12px, 1vw, 15px);          /* Chữ hiển thị trong các nút bấm */
/* ANH THÊM DÒNG NÀY VÀO: Tăng kích thước icon lên tầm 16px - 22px */
    /* Tăng kích thước tối thiểu trên Mobile lên 20px và tối đa trên PC lên 26px */
    --fs-icon: clamp(24px, 2vw, 32px);
    --fs-title: clamp(20px, 1.3vw, 25px);
    --fs-icon-arrow-down: clamp(16px, 1.5vw, 22px);
    /* ==========================================================================
       3. SPACING & PADDING - KHOẢNG CÁCH CO GIÃN THEO TỶ LỆ MÀN HÌNH
       ========================================================================== */
    --pad-header: clamp(10px, 1.2vw, 20px);       /* Khoảng đệm Trên/Dưới của thanh Header */
    --pad-section: clamp(40px, 6vw, 100px);       /* Khoảng đệm Trên/Dưới cho các Section lớn */
    --pad-container: clamp(15px, 2.2vw, 30px);   /* Khoảng đệm bên trong khối trắng Booking Bar / Card */
    --gap-elements: clamp(12px, 1.8vw, 24px);     /* Khoảng cách giữa các widget con trong 1 cụm */
    --gap-elements_banner: clamp(40px, 6vw, 100px);
    /* ==========================================================================
       4. ĐỘ RỘNG VÀ KÍCH THƯỚC KHỐI ĐẶC BIỆT (SIZING)
       ========================================================================== */
    --logo-width: clamp(80px, 7.5vw, 150px);      /* Chiều rộng tự động scale của Logo */
    --search-bar-max-width: 1140px;               /* Giới hạn độ rộng tối đa của Booking Bar trên PC */
    --carousel-item-height: clamp(240px, 25vw, 380px); /* Chiều cao tự scale của ảnh trong slide tour */

    /* ==========================================================================
       5. BO GÓC & ĐỔ BÓNG HIỆN ĐẠI (EFFECTS)
       ========================================================================== */
    --radius-round: 8px;                        /* Bo tròn xoe cho nút bấm như "Khám phá ngay" */
    --radius-card: clamp(10px, 1.2vw, 20px);      /* Bo góc vừa phải cho Booking Bar, khung ảnh Carousel */
    --shadow-floating: 0px 15px 35px rgba(0, 80, 136, 0.08); /* Đổ bóng lơ lửng, mịn màng cho khối trắng */
}/* End custom CSS */