@import '_content/Chinanar.ComponentLib/Chinanar.ComponentLib.l3syes9ek2.bundle.scp.css';

/* /Components/Account/MyTrips.razor.rz.scp.css */
.page-main-title[b-ea0en2yu3u] {
    text-align: left;
    color: var(--dragonroads-black);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 3rem 0;
    line-height: 1.2;
}

.home-container h4[b-ea0en2yu3u] {
    text-align: center;
    color: var(--dragonroads-primary);
    font-size: 1.5rem;
    margin: 0 0 2rem 0;
    line-height: 1.2;
}

.archived-section[b-ea0en2yu3u] {
    margin-top: 3rem;
}

.archived-header[b-ea0en2yu3u] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    gap: 20px;
}

.archived-header h4[b-ea0en2yu3u] {
    margin: 0;
}

/* /Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
.row[b-7p8fsw2zi8] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.col-md-4[b-7p8fsw2zi8] {
    width: 100%;
    max-width: 500px;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .col-md-4[b-7p8fsw2zi8] {
        padding: 0;
    }
}

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.row[b-ldzecuzutk] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.row > div[b-ldzecuzutk] {
    width: 100%;
    max-width: 500px;
    padding: 0 1rem;
}

.checkbox[b-ldzecuzutk] {
    text-align: right;
}

.row > div > div:last-child[b-ldzecuzutk] {
    text-align: right;
}

@media (max-width: 768px) {
    .row > div[b-ldzecuzutk] {
        padding: 0;
    }

    .new-user-link[b-ldzecuzutk]
    {
        float: left;
    }
}

/* /Components/Account/Pages/Register.razor.rz.scp.css */
.row[b-7hdlo2g9au] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.col-md-4[b-7hdlo2g9au] {
    width: 100%;
    max-width: 600px;
    padding: 0 1rem;
}

.name-row[b-7hdlo2g9au] {
    display: flex;
    gap: 1rem;
}

.name-row > div[b-7hdlo2g9au] {
    flex: 1;
}

/* Company field - hidden from view (honeypot) */
.company-field[b-7hdlo2g9au] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .col-md-4[b-7hdlo2g9au] {
        padding: 0;
    }

    .home-container[b-7hdlo2g9au] {
        padding: 1rem !important;
    }
}

/* /Components/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
.row[b-2qzmcm5mqy] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.col-md-4[b-2qzmcm5mqy] {
    width: 100%;
    max-width: 500px;
    padding: 0 1rem;
}

@media (max-width: 768px) {
    .col-md-4[b-2qzmcm5mqy] {
        padding: 0;
    }
}

/* /Components/Account/Shared/AccountLayout.razor.rz.scp.css */
/* Main page title styling */
[b-f7p067m1pu] h2 {
    text-align: left;
    color: var(--dragonroads-black);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
    line-height: 1.2;
}

/* Form section title styling */
[b-f7p067m1pu] h3 {
    text-align: left;
    color: var(--dragonroads-primary);
    font-size: 1.4rem;
    margin: 0 0 1.5rem 0;
    line-height: 1.2;
}

/* /Components/Account/Shared/ManageNavMenu.razor.rz.scp.css */
[b-uqhfawg05i] .nav-link {
    color: var(--dragonroads-black-text);
    background-color: transparent;
    border-radius: 0.375rem;
    padding: 0.5rem 1rem;
    transition: color 0.15s ease-in-out;
}

    [b-uqhfawg05i] .nav-link:hover {
        color: var(--dragonroads-primary);
        background-color: transparent;
    }

    [b-uqhfawg05i] .nav-link.active {
        color: var(--dragonroads-primary);
        background-color: transparent;
        font-weight: 500;
    }

    [b-uqhfawg05i] .nav-link:focus {
        outline: none;
        color: var(--dragonroads-primary);
    }

@media (max-width: 768px) {

    .nav[b-uqhfawg05i] {
        padding: 0px 0 40px 0
    }

    [b-uqhfawg05i] .nav-link {
        padding: 0.5rem 0rem;
    }

    [b-uqhfawg05i] .nav-link::before {
        content: "- ";
    }

}

/* /Components/ActivityInfoContent.razor.rz.scp.css */
.mt-3[b-jo6mrrfk5h] {
    margin-top: 1rem;
}
/* /Components/ActivityTrailContent.razor.rz.scp.css */
/* Trail Details Styles */
.trail-details-container[b-sx02vsf3v4] {
    padding: 20px;
}

.trail-info-grid[b-sx02vsf3v4] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem 3rem;
    margin-bottom: 2rem;
}

.trail-info-item[b-sx02vsf3v4] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.trail-info-label[b-sx02vsf3v4] {
    font-weight: 600;
    color: #666;
    font-size: 0.95rem;
}

.trail-info-value[b-sx02vsf3v4] {
    font-size: 1.1rem;
    color: #333;
    font-weight: 500;
}

.trail-references-section[b-sx02vsf3v4] {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e0e0e0;
}

.trail-references-label[b-sx02vsf3v4] {
    font-size: 1rem;
    color: #333;
    margin-bottom: 1rem;
    font-weight: 500;
}

.trail-references-list[b-sx02vsf3v4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trail-reference-link[b-sx02vsf3v4] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem;
    text-decoration: none;
    color: #0066cc;
    transition: background-color 0.2s;
    border-radius: 4px;
    width: fit-content;
}

.trail-reference-link:hover[b-sx02vsf3v4] {
    background-color: #f5f5f5;
}

.trail-app-icon[b-sx02vsf3v4] {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

@media (max-width: 768px) {
    .trail-info-grid[b-sx02vsf3v4] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
/* /Components/AddDayPopup.razor.rz.scp.css */
/* Add Day Popup Styling */
[b-plgwrkwpgv] .add-day-popup-window .k-window {
    border-radius: 8px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

[b-plgwrkwpgv] .add-day-popup-window .k-window-titlebar {
    background-color: white;
    border-bottom: 2px solid var(--dragonroads-secondary);
    padding: 20px 24px;
}

.add-day-popup-title[b-plgwrkwpgv] {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
}

.title-icon[b-plgwrkwpgv] {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(3729%) hue-rotate(318deg) brightness(92%) contrast(98%);
}

.add-day-popup-content[b-plgwrkwpgv] {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.form-section[b-plgwrkwpgv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.form-label[b-plgwrkwpgv] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    margin-bottom: 0;
}

[b-plgwrkwpgv] .city-dropdown {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 1rem;
    color: var(--dragonroads-black-text);
    background-color: white;
    transition: all 0.2s ease;
}

[b-plgwrkwpgv] .city-dropdown:hover {
    border-color: var(--dragonroads-secondary);
}

[b-plgwrkwpgv] .city-dropdown:focus {
    outline: none;
    border-color: var(--dragonroads-tertiary);
    box-shadow: 0 0 0 3px rgba(21, 85, 154, 0.1);
}

.position-options[b-plgwrkwpgv] {
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

.radio-group[b-plgwrkwpgv] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}

.radio-option[b-plgwrkwpgv] {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    padding: 8px;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.radio-option:hover[b-plgwrkwpgv] {
    background-color: rgba(0, 201, 199, 0.08);
}

.radio-option input[type="radio"][b-plgwrkwpgv] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    accent-color: var(--dragonroads-tertiary);
}

.radio-label[b-plgwrkwpgv] {
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    cursor: pointer;
}

.context-day-info[b-plgwrkwpgv] {
    padding: 12px;
    background-color: white;
    border-radius: 6px;
    border-left: 3px solid var(--dragonroads-tertiary);
}

.context-day-info small[b-plgwrkwpgv] {
    color: #666;
    font-size: 0.875rem;
    line-height: 1.4;
}

.context-day-info strong[b-plgwrkwpgv] {
    color: var(--dragonroads-black-text);
    font-weight: 600;
}

.action-buttons[b-plgwrkwpgv] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding-top: 8px;
    border-top: none;
}

[b-plgwrkwpgv] .cancel-btn {
    min-width: 100px;
}

[b-plgwrkwpgv] .add-btn {
    min-width: 120px;
}

[b-plgwrkwpgv] .add-btn .btn-icon {
    width: 16px;
    height: 16px;
    display: inline-flex;
    align-items: center;
    margin-right: 6px;
}

[b-plgwrkwpgv] .add-btn .btn-icon img {
    width: 100%;
    height: 100%;
    filter: brightness(0) invert(1);
}

[b-plgwrkwpgv] .add-btn:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Mobile responsive */
@media (max-width: 640px) {
    [b-plgwrkwpgv] .add-day-popup-window {
        width: 90vw !important;
        max-width: 400px !important;
    }
    
    .add-day-popup-content[b-plgwrkwpgv] {
        padding: 16px;
        gap: 20px;
    }
    
    .add-day-popup-title[b-plgwrkwpgv] {
        font-size: 1.1rem;
    }
    
    .action-buttons[b-plgwrkwpgv] {
        flex-direction: column;
    }
    
    [b-plgwrkwpgv] .cancel-btn,
    [b-plgwrkwpgv] .add-btn {
        width: 100%;
        min-width: 0;
    }
}

/* /Components/AdminTripModificationDialog.razor.rz.scp.css */
.admin-modification-warning[b-wd68ito1iy] {
    padding: 0.5rem 0;
}

.warning-intro[b-wd68ito1iy] {
    margin-bottom: 1rem;
    color: var(--text-primary, #1a1a1a);
    font-size: 0.95rem;
    line-height: 1.5;
}

.warning-details[b-wd68ito1iy] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
    border-radius: 8px;
}

.warning-item[b-wd68ito1iy] {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.warning-icon[b-wd68ito1iy] {
    font-size: 1.25rem;
    flex-shrink: 0;
    line-height: 1.4;
}

.warning-text[b-wd68ito1iy] {
    flex: 1;
}

.warning-text strong[b-wd68ito1iy] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--text-primary, #1a1a1a);
    font-size: 0.9rem;
}

.warning-text p[b-wd68ito1iy] {
    margin: 0;
    color: var(--text-secondary, #666);
    font-size: 0.85rem;
    line-height: 1.4;
}

.warning-text em[b-wd68ito1iy] {
    font-style: normal;
    font-weight: 600;
    color: var(--text-primary, #1a1a1a);
}

.warning-item.manual-price .warning-icon[b-wd68ito1iy] {
    color: #d4a017;
}

.warning-item.payment-received .warning-icon[b-wd68ito1iy] {
    color: #2e7d32;
}

.warning-item.quoted .warning-icon[b-wd68ito1iy] {
    color: #1976d2;
}

.warning-confirmation[b-wd68ito1iy] {
    margin: 0;
    font-weight: 500;
    color: var(--text-primary, #1a1a1a);
    font-size: 0.95rem;
}

/* /Components/AutoComplete.razor.rz.scp.css */
.autocomplete-wrapper[b-9d2g2ijqiz] {
    position: relative;
    width: 100%;
}

[b-9d2g2ijqiz] .autocomplete {
    width: 100%;
}

[b-9d2g2ijqiz] .autocomplete .k-input-inner {
    padding: 10px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    background: white;
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

[b-9d2g2ijqiz] .autocomplete .k-input-inner:focus {
    outline: none;
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
    background: white;
}

[b-9d2g2ijqiz] .autocomplete .k-input-inner:hover {
    background: white;
}

[b-9d2g2ijqiz] .autocomplete.k-disabled .k-input-inner {
    opacity: 0.6;
    cursor: not-allowed;
}

[b-9d2g2ijqiz] .autocomplete .k-button {
    border: none;
    background: transparent;
}

[b-9d2g2ijqiz] .autocomplete .k-button:hover {
    background: rgba(0, 0, 0, 0.05);
}

[b-9d2g2ijqiz] .autocomplete .k-input-button {
    padding: 0 8px;
}

/* Popup styling */
[b-9d2g2ijqiz] .k-animation-container .k-popup {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

[b-9d2g2ijqiz] .k-list-item {
    padding: 10px 12px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

[b-9d2g2ijqiz] .k-list-item:hover {
    background-color: #f5f5f5;
}

[b-9d2g2ijqiz] .k-list-item.k-selected {
    background-color: #e3f2fd;
    color: #007bff;
}

/* /Components/Blog/PostsDisplayer.razor.rz.scp.css */
.posts-grid[b-3dgcj130nm] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 2rem;
    margin: 2rem 0 8rem 0;
}

.no-posts[b-3dgcj130nm] {
    text-align: center;
    padding: 3rem 0;
    color: #666;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .posts-grid[b-3dgcj130nm] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }
}
/* /Components/CheckoutHeader.razor.rz.scp.css */
/* Header */
.checkout-header[b-4cu6rkxmhx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 0;
    z-index: 100;
}

.checkout-logo img[b-4cu6rkxmhx] {
    height: 40px;
    width: auto;
}

.checkout-header-right[b-4cu6rkxmhx] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.checkout-secure-badge[b-4cu6rkxmhx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--dragonroads-black);
    font-weight: 600;
    font-size: 0.9rem;
}

.secure-icon[b-4cu6rkxmhx] {
    width: 16px;
    height: 16px;
}

.stripe-powered[b-4cu6rkxmhx] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-weight: 400;
}

.stripe-logo[b-4cu6rkxmhx] {
    opacity: 0.7;
    height: 27px;
    width: auto;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .checkout-header[b-4cu6rkxmhx] {
        padding: 1rem;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .checkout-logo img[b-4cu6rkxmhx] {
        height: 32px;
    }

    .checkout-header-right[b-4cu6rkxmhx] {
        flex-wrap: wrap;
        gap: 0.5rem;
        flex: 1;
        justify-content: flex-end;
    }

    .checkout-secure-badge[b-4cu6rkxmhx] {
        font-size: 0.8rem;
        width: 100%;
        justify-content: center;
        margin-top: 0.5rem;
        order: 2;
    }

    .stripe-logo[b-4cu6rkxmhx] {
        height: 20px;
    }
}

/* /Components/ContactFooterInfo.razor.rz.scp.css */
.contact-footer-info[b-4bqvj3nkjb] {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.container[b-4bqvj3nkjb] {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 2rem;
}

.footer-info[b-4bqvj3nkjb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: start;
}

.footer-left[b-4bqvj3nkjb] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.footer-right[b-4bqvj3nkjb] {
    display: flex;
    justify-content: flex-start;
}

.footer-item[b-4bqvj3nkjb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-header[b-4bqvj3nkjb] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.footer-icon[b-4bqvj3nkjb] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-icon img[b-4bqvj3nkjb] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-content[b-4bqvj3nkjb] {
    line-height: 1.6;
    padding-left: 0;
}

.footer-header strong[b-4bqvj3nkjb] {
    font-size: 1.1rem;
    color: #333;
}

/* Responsive Design */
@media (max-width: 768px) {
    .container[b-4bqvj3nkjb] {
        padding: 0 1rem;
    }

    .footer-info[b-4bqvj3nkjb] {
        grid-template-columns: 1fr;
    }
    
    .footer-left[b-4bqvj3nkjb],
    .footer-right[b-4bqvj3nkjb] {
        width: 100%;
    }
}
/* /Components/FeaturedTripsSection.razor.rz.scp.css */
.featured-trips-section[b-14c2k47d03] {
    margin-top: 2rem;
    margin-bottom: 0;
    background-image: url(/_content/Chinanar.ComponentLib/images/dragon-background.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: -22px;
    padding: 7rem 0 6rem 0;
    min-height: 600px;
}

    .featured-trips-section h2[b-14c2k47d03] {
        text-align: center;
        margin-bottom: 2rem;
        color: var(--dragonroads-black-text);
    }

.contact-message[b-14c2k47d03] {
    text-align: center;
    margin-top: 3rem;
}

    .contact-message p[b-14c2k47d03] {
        font-size: 1.1rem;
        color: var(--dragonroads-black-text);
        margin: 0;
    }

.contact-link[b-14c2k47d03] {
    color: #d63384;
    text-decoration: underline;
    font-weight: 500;
    cursor: pointer;
}

    .contact-link:hover[b-14c2k47d03] {
        color: #b02a5b;
        text-decoration: none;
    }

.cards-carousel-wrapper[b-14c2k47d03] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

/* Swiper container */
.featured-trips-swiper[b-14c2k47d03] {
    width: 100%;
}

.featured-trips-swiper .swiper-slide[b-14c2k47d03] {
    height: auto;
    display: flex;
    justify-content: center;
}

/* Navigation buttons below carousel */
.carousel-nav-buttons[b-14c2k47d03] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.carousel-nav-btn[b-14c2k47d03] {
    background: white;
    border: none;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.carousel-nav-btn:hover[b-14c2k47d03] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}

.carousel-nav-btn:active[b-14c2k47d03] {
    transform: scale(0.95);
}

/* Swiper disabled state for nav buttons */
.carousel-nav-btn.swiper-button-disabled[b-14c2k47d03] {
    opacity: 0.35;
    cursor: not-allowed;
}

.carousel-nav-btn.swiper-button-disabled:hover[b-14c2k47d03] {
    transform: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.trip-card[b-14c2k47d03] {
    transition: transform 0.2s;
}

    .trip-card:hover[b-14c2k47d03] {
    }

.tags[b-14c2k47d03] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.tag[b-14c2k47d03] {
    background-color: #e9ecef;
    padding: 0.25rem 0.75rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    color: var(--dragonroads-black-text);
    opacity: 0.7;
}

/* Mobile styles */
@media (max-width: 768px) {

    .featured-trips-section[b-14c2k47d03] {
        margin-top: 4rem;
        margin-bottom: 4rem;
        background-image: none;
        padding: 0;
        min-height: auto;
    }

    .cards-carousel-wrapper[b-14c2k47d03] {
        padding: 0 0.5rem;
    }

    .carousel-nav-buttons[b-14c2k47d03] {
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1rem;
        padding-right: 0.5rem;
    }

    .carousel-nav-btn[b-14c2k47d03] {
        width: 44px;
        height: 44px;
    }

    .carousel-nav-btn svg[b-14c2k47d03] {
        width: 20px;
        height: 20px;
    }

    .featured-trips-swiper .swiper-slide[b-14c2k47d03] {
        width: 100%;
    }
}

/* /Components/InfoPanel.razor.rz.scp.css */
/* Info Panel Base Styles */
.info-panel[b-a818cxx9uj] {
    display: flex;
    gap: 1rem;
    padding: 1rem 1.5rem;
    margin: 1rem 0;
    border-radius: 6px;
}

.info-panel-icon[b-a818cxx9uj] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-shrink: 0;
    padding-top: 2px;
}

.info-panel-icon svg[b-a818cxx9uj] {
    width: 24px;
    height: 24px;
}

.info-panel-content[b-a818cxx9uj] {
    flex: 1;
}

.info-panel-title[b-a818cxx9uj] {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.info-panel-message[b-a818cxx9uj] {
    font-size: 15px;
    line-height: 1.5;
}

/* Warning Type */
.info-panel-warning[b-a818cxx9uj] {
    background-color: #fff3cd;
    border: 1px solid #aaaaaa;
}

.info-panel-warning .info-panel-icon[b-a818cxx9uj] {
}

.info-panel-warning .info-panel-title[b-a818cxx9uj] {
}

.info-panel-warning .info-panel-message[b-a818cxx9uj] {
}

/* Info Type */
.info-panel-info[b-a818cxx9uj] {
    background-color: #e7f3ff;
    border: 1px solid #aaaaaa;
}

.info-panel-info .info-panel-icon[b-a818cxx9uj] {
}

.info-panel-info .info-panel-title[b-a818cxx9uj] {
}

.info-panel-info .info-panel-message[b-a818cxx9uj] {
}

/* Error Type */
.info-panel-error[b-a818cxx9uj] {
    background-color: #fdecea;
    border: 1px solid #aaaaaa;
}

.info-panel-error .info-panel-icon[b-a818cxx9uj] {
}

.info-panel-error .info-panel-title[b-a818cxx9uj] {
}

.info-panel-error .info-panel-message[b-a818cxx9uj] {
}

/* Success Type */
.info-panel-success[b-a818cxx9uj] {
    background-color: #d4edda;
    border: 1px solid #aaaaaa;
}

.info-panel-success .info-panel-icon[b-a818cxx9uj] {
}

.info-panel-success .info-panel-title[b-a818cxx9uj] {
}

.info-panel-success .info-panel-message[b-a818cxx9uj] {
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .info-panel[b-a818cxx9uj] {
        padding: 1rem;
        gap: 0.75rem;
    }

    .info-panel-icon svg[b-a818cxx9uj] {
        width: 20px;
        height: 20px;
    }

    .info-panel-title[b-a818cxx9uj] {
        font-size: 15px;
    }

    .info-panel-message[b-a818cxx9uj] {
        font-size: 14px;
    }
}


/* /Components/LanguageSwitcher.razor.rz.scp.css */
.language-switcher[b-qsng6n0nxr] {
    margin-left: 10px;
}
/* /Components/Layout/AffiliateLayout.razor.rz.scp.css */
.affiliate-layout[b-gaa3stxyyo] {
    display: flex;
    min-height: 100vh;
}

.affiliate-sidebar[b-gaa3stxyyo] {
    width: 250px;
    background: #FAFAFA;
    border-right: 1px solid #E0E0E0;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
}

.affiliate-logo[b-gaa3stxyyo] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #E0E0E0;
    text-decoration: none;
}

.affiliate-logo img[b-gaa3stxyyo] {
    height: 32px;
    width: auto;
}

.affiliate-logo span[b-gaa3stxyyo] {
    font-weight: 500;
    color: var(--dragonroads-black-text);
    font-size: 0.875rem;
}

.affiliate-sidebar-header[b-gaa3stxyyo] {
    display: block;
}

.affiliate-mobile-menu-btn[b-gaa3stxyyo] {
    display: none;
    width: 40px;
    height: 40px;
    border: 1px solid #D8D8D8;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
}

.affiliate-mobile-menu-btn span[b-gaa3stxyyo] {
    display: block;
    height: 2px;
    width: 100%;
    background: #2F2F2F;
    border-radius: 1px;
}

.affiliate-mobile-menu-btn span + span[b-gaa3stxyyo] {
    margin-top: 5px;
}

.affiliate-right[b-gaa3stxyyo] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.affiliate-main[b-gaa3stxyyo] {
    flex: 1;
    padding: 2rem;
    background: white;
    overflow-y: auto;
}

@media (max-width: 768px) {
    .affiliate-layout[b-gaa3stxyyo] {
        flex-direction: column;
    }

    .affiliate-sidebar[b-gaa3stxyyo] {
        width: 100%;
        padding: 1rem;
    }

    .affiliate-sidebar-header[b-gaa3stxyyo] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
    }

    .affiliate-logo[b-gaa3stxyyo] {
        margin-bottom: 0;
        padding-bottom: 0;
        border-bottom: none;
        min-width: 0;
    }

    .affiliate-logo span[b-gaa3stxyyo] {
        white-space: nowrap;
    }

    .affiliate-mobile-menu-btn[b-gaa3stxyyo] {
        display: block;
        flex-shrink: 0;
    }

    .affiliate-sidebar .affiliate-nav[b-gaa3stxyyo] {
        display: none;
        margin-top: 0.75rem;
        border-top: 1px solid #E0E0E0;
        padding-top: 0.75rem;
        width: 100%;
        flex-direction: column;
    }

    .affiliate-sidebar .affiliate-nav.affiliate-nav-open[b-gaa3stxyyo] {
        display: flex;
    }

    .affiliate-main[b-gaa3stxyyo] {
        padding: 1rem;
    }
}
/* /Components/Layout/CheckoutLayout.razor.rz.scp.css */
/* Checkout Layout - Clean, minimal design without navigation */
.checkout-page[b-asfcwphxez] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: linear-gradient(135deg, #f8f9fa 0%, #f0f4f8 100%);
}

/* Main Content */
.checkout-main[b-asfcwphxez] {
    flex: 1;
    padding: 2rem;
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

/* Footer */
.checkout-footer[b-asfcwphxez] {
    padding: 1.5rem 2rem;
    background: white;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    color: var(--dragonroads-black-text);
    font-size: 0.9rem;
}

.checkout-footer p[b-asfcwphxez] {
    margin: 0;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .checkout-main[b-asfcwphxez] {
        padding: 1rem;
    }

    .checkout-footer[b-asfcwphxez] {
        padding: 1rem;
    }
}
/* /Components/Layout/Footer.razor.rz.scp.css */
.site-footer[b-r18uqbujto] {
    background-color: #2F5496;
    color: white;
    padding: 3rem 0 0 0;
    margin-top: 0rem;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.footer-container[b-r18uqbujto] {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 2rem;
}

.logo-row[b-r18uqbujto] {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.content-row[b-r18uqbujto] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.footer-section[b-r18uqbujto] {
    flex: 1;
    min-width: 200px;
    margin-bottom: 2rem;
    padding-right: 2rem;
}

/* Logo Section */
.logo-section[b-r18uqbujto] {
    flex: 0 0 auto;
    min-width: 180px;
    margin-bottom: 0;
}

.logo-container[b-r18uqbujto] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    justify-content: flex-start;
}

.footer-logo[b-r18uqbujto] {
    height: 42px;
}

.logo-text[b-r18uqbujto] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.logo-line-1[b-r18uqbujto],
.logo-line-2[b-r18uqbujto] {
    font-size: 1.1rem;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.logo-line-1[b-r18uqbujto] {
    margin-bottom: 0.1rem;
}

/* Section Headers */
.footer-section h3[b-r18uqbujto] {
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 1.2rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Links */
.footer-links[b-r18uqbujto] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.footer-links li[b-r18uqbujto] {
    margin-bottom: 0.75rem;
}

.footer-links[b-r18uqbujto]  a,
.footer-links[b-r18uqbujto]  .nav-link {
    color: white !important;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
    font-weight: 400;
}

    .footer-links[b-r18uqbujto]  a:hover,
    .footer-links[b-r18uqbujto]  .nav-link:hover {
        color: var(--dragonroads-secondary) !important;
    }

/* Social Media */
.social-links[b-r18uqbujto] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.social-link[b-r18uqbujto] {
    color: white;
    text-decoration: none;
    transition: color 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-link:hover[b-r18uqbujto] {
    color: var(--dragonroads-secondary);
}

.social-icon[b-r18uqbujto] {
    width: 1.5rem;
    height: 1.5rem;
    fill: currentColor;
}

/* Address Section */
.address-section[b-r18uqbujto] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.address-item[b-r18uqbujto] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.address-country[b-r18uqbujto] {
    font-weight: 600;
    color: white;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
}

.address-line[b-r18uqbujto] {
    color: white;
    font-size: 0.9rem;
    line-height: 1.4;
}

/* Email Section */
.email-section[b-r18uqbujto] {
    display: flex;
    flex-direction: column;
}

.email-link[b-r18uqbujto] {
    color: white;
    text-decoration: none;
    font-size: 0.9rem;
    transition: color 0.2s ease;
}

.email-link:hover[b-r18uqbujto] {
    color: var(--dragonroads-secondary);
}

/* Footer Bottom */
.footer-bottom[b-r18uqbujto] {
    background-color: #2F5496;
    padding: 1.5rem 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-bottom .footer-container[b-r18uqbujto] {
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright[b-r18uqbujto] {
    font-size: 0.9rem;
    color: white;
    margin: 0;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .footer-container[b-r18uqbujto] {
        padding: 0 1.5rem;
    }
    
    .footer-section[b-r18uqbujto] {
        min-width: 180px;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {
    .logo-row[b-r18uqbujto] {
        padding: 0 1.5rem;
        justify-content: flex-start;
    }
    
    .content-row[b-r18uqbujto] {
        flex-direction: column;
        padding: 0 1.5rem;
        align-items: center;
        text-align: center;
    }
    
    .footer-section[b-r18uqbujto] {
        min-width: 100%;
        padding-right: 0;
        margin-bottom: 2.5rem;
    }
    
    .logo-container[b-r18uqbujto] {
        justify-content: flex-start;
    }
    
    .social-links[b-r18uqbujto] {
        justify-content: center;
    }
    
    .address-section[b-r18uqbujto] {
        align-items: center;
    }
    
    .footer-bottom .footer-container[b-r18uqbujto] {
        flex-direction: column;
        gap: 1rem;
    }
    
    .copyright[b-r18uqbujto] {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .site-footer[b-r18uqbujto] {
        padding: 2rem 0 0 0;
    }
    
    .logo-row[b-r18uqbujto] {
        padding: 0 1rem;
    }
    
    .content-row[b-r18uqbujto] {
        padding: 0 1rem;
    }
    
    .footer-section[b-r18uqbujto] {
        margin-bottom: 2rem;
    }
    
    .logo-container[b-r18uqbujto] {
        justify-content: center;
        gap: 0.5rem;
        text-align: center;
    }
    
    .footer-logo[b-r18uqbujto] {
        height: 2rem;
    }
    
    .logo-line-1[b-r18uqbujto],
    .logo-line-2[b-r18uqbujto] {
        font-size: 1rem;
    }
    
    .social-links[b-r18uqbujto] {
        gap: 0.75rem;
    }
    
    .social-icon[b-r18uqbujto] {
        width: 1.25rem;
        height: 1.25rem;
    }
} 
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-cj3fj28uav] {
    position: relative;
    display: flex;
    flex-direction: column;
}

.content[b-cj3fj28uav] {
    padding: 0 !important;
    margin: 0 auto;
    min-height: 60vh;
}

main[b-cj3fj28uav] {
    flex: 1;
}

.page-content:empty[b-cj3fj28uav] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    min-height: 300px;
}

    .page-content:empty[b-cj3fj28uav]::before {
        content: "";
        display: block;
        width: 50px;
        height: 50px;
        border: 4px solid #f3f3f3;
        border-top: 4px solid var(--dragonroads-primary);
        border-radius: 50%;
        animation: spin-b-cj3fj28uav 1s linear infinite;
    }

@keyframes spin-b-cj3fj28uav {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.top-row[b-cj3fj28uav] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-cj3fj28uav]  a, .top-row[b-cj3fj28uav]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

        .top-row[b-cj3fj28uav]  a:hover, .top-row[b-cj3fj28uav]  .btn-link:hover {
            text-decoration: underline;
        }

        .top-row[b-cj3fj28uav]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis;
        }

@media (max-width: 640.98px) {
    .top-row[b-cj3fj28uav] {
        justify-content: space-between;
    }

        .top-row[b-cj3fj28uav]  a, .top-row[b-cj3fj28uav]  .btn-link {
            margin-left: 0;
        }
}

@media (min-width: 968px) {
    .top-row[b-cj3fj28uav] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

        .top-row.auth[b-cj3fj28uav]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0;
        }

    .top-row[b-cj3fj28uav], article[b-cj3fj28uav] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.scroll-to-top[b-cj3fj28uav] {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-color: var(--dragonroads-primary);
    color: white;
    border: none;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s;
    z-index: 999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

    .scroll-to-top:hover[b-cj3fj28uav] {
        background-color: var(--dragonroads-tertiary);
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    }

    .scroll-to-top.visible[b-cj3fj28uav] {
        opacity: 0.7;
        visibility: visible;
    }

@media (max-width: 768px) {
    .scroll-to-top[b-cj3fj28uav] {
        bottom: 80px;
        right: 10px;
        width: 50px;
        height: 50px;
        font-size: 20px;
    }

    body.popup-open .scroll-to-top[b-cj3fj28uav] {
        display: none !important;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ftcrkoicqg] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 7px;
    right: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("/_content/Chinanar.ComponentLib/images/mobile-menu-icon.svg") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    z-index: 1001;
}

.navbar-toggler:checked[b-ftcrkoicqg] {
    background: url("/_content/Chinanar.ComponentLib/images/close-icon.svg") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

    .navbar-toggler:focus[b-ftcrkoicqg] {
        border: none;
        outline: none;
        box-shadow: none !important;
    }

    .navbar-toggler:checked[b-ftcrkoicqg] {
        background: url("/_content/Chinanar.ComponentLib/images/close-icon.svg") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
    }


.top-row[b-ftcrkoicqg] {
    height: 3.5rem;
    background-color: rgb(5, 39, 103);
    background-image: linear-gradient(90deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.navbar-brand[b-ftcrkoicqg] {
    font-size: 1.1rem;
    color: white;
    text-decoration: none;
}


.nav-item[b-ftcrkoicqg] {
    font-size: 1rem;
}

.nav-item[b-ftcrkoicqg]  .nav-link {
    color: var(--dragonroads-black-text);
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
}

.nav-item[b-ftcrkoicqg]  a.active {
    color: var(--dragonroads-tertiary);
}

.nav-item[b-ftcrkoicqg]  .nav-link:hover {
    color: var(--dragonroads-black-text);
}

.nav-scrollable[b-ftcrkoicqg] {
    display: none;
}

.nav-scrollable.show[b-ftcrkoicqg] {
    display: block;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ftcrkoicqg] {
    display: block;
}


[b-ftcrkoicqg] .account-link {
    color: var(--dragonroads-black-text) !important;
}

@media (min-width: 968px) {
    .navbar-toggler[b-ftcrkoicqg] {
        display: none;
    }

    .nav-scrollable[b-ftcrkoicqg] {
        display: block;
    }

    nav.flex-column[b-ftcrkoicqg] {
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
        padding: 0.5rem 1rem;
    }

    .top-row[b-ftcrkoicqg] {
        display: flex;
        align-items: center;
    }

    .container-fluid[b-ftcrkoicqg] {
        display: flex;
        width: 100%;
        align-items: center;
    }

    nav[b-ftcrkoicqg] {
        width: 100%;
        display: flex;
        align-items: center;
    }

    .nav-item[b-ftcrkoicqg] {
        padding: 0 0.5rem;
        white-space: nowrap;
    }

        .nav-item[b-ftcrkoicqg]  .nav-link {
            padding: 0.5rem;
        }

    /* Create a flex container for auth items */
    .auth-items[b-ftcrkoicqg] {
        display: flex;
        align-items: center;
        margin-left: auto;
    }
}

.nav-container[b-ftcrkoicqg] {
    
}

/* Sticky navigation container */
.sticky-nav[b-ftcrkoicqg] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.request-appointment-container[b-ftcrkoicqg]  .btn {
    background-color: transparent !important;
}


/* Transparent navigation container */
.transparent-nav[b-ftcrkoicqg] {
    background-color: transparent !important;
    background-image:none  !important;
    transition: all 0.3s ease-in-out;
}

    /* Make hamburger icon white on transparent nav */
    .transparent-nav .navbar-toggler[b-ftcrkoicqg] {
        filter: invert(1) brightness(2);
    }

    .transparent-nav .nav-top-row[b-ftcrkoicqg] {
        background-color: rgba(21, 85, 154, 0.15);
        transition: all 0.3s ease-in-out;
    }

    .transparent-nav .nav-bottom-row[b-ftcrkoicqg] {
        background-color: transparent;
        background-image: none;
        border-bottom: none;
        transition: all 0.3s ease-in-out;
    }

    .transparent-nav .nav-item[b-ftcrkoicqg]  .nav-link {
        color: white;
    }

    .transparent-nav .nav-item[b-ftcrkoicqg]  .nav-link:hover {
        color: white;
    }

    .transparent-nav .nav-item[b-ftcrkoicqg]  a.active {
        color: var(--dragonroads-tertiary);
        background-color: rgba(21, 85, 154, 0.1);
    }

    .transparent-nav[b-ftcrkoicqg]  .account-link {
        color: white !important;
    }

    .transparent-nav .notification-content[b-ftcrkoicqg] {
        color: #d7d7d7;
    }

    .transparent-nav .request-appointment-container[b-ftcrkoicqg]  .btn {
        background-color: transparent !important;
        border-color: white !important;
        color: white !important;
    }

        .transparent-nav .request-appointment-container[b-ftcrkoicqg]  .btn:hover {
            /*        background-color: rgba(255, 255, 255, 0.15) !important;
        border-color: rgba(255, 255, 255, 1) !important;*/
        }

    .transparent-nav .admin-toggle[b-ftcrkoicqg] {
        color: white;
    }

    .transparent-nav .admin-toggle:hover[b-ftcrkoicqg] {
        color: white;
        background-color: rgba(255, 255, 255, 0.1);
    }

@media (min-width: 968px) {
    .transparent-nav .admin-submenu[b-ftcrkoicqg] {
        background-color: rgba(0, 0, 0, 0.8);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
}

/* When transparent nav is scrolled, make it opaque */
.transparent-nav.scrolled[b-ftcrkoicqg] {
    background-color: white !important;
}

    .transparent-nav.scrolled .navbar-toggler[b-ftcrkoicqg] {
        filter: none;
    }

    .transparent-nav.scrolled .nav-top-row[b-ftcrkoicqg] {
        background-color: white;
        background-image: linear-gradient(rgba(21, 85, 154, 0.15), rgba(21, 85, 154, 0.15));
    }

    .transparent-nav.scrolled .nav-bottom-row[b-ftcrkoicqg] {
        background-color: white;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .transparent-nav.scrolled .nav-item[b-ftcrkoicqg]  .nav-link {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled .nav-item[b-ftcrkoicqg]  .nav-link:hover {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled .account-toggle[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text) !important;
    }

    .transparent-nav.scrolled .account-submenu[b-ftcrkoicqg] {
        background-color: white;
    }

.transparent-nav.scrolled[b-ftcrkoicqg]  .account-link {
    color: var(--dragonroads-black-text) !important;
}

    .transparent-nav.scrolled .notification-content[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled .request-appointment-container[b-ftcrkoicqg]  .btn {
        background-color: transparent !important;
        border-color: var(--dragonroads-primary) !important;
        color: var(--dragonroads-primary) !important;
    }

        .transparent-nav.scrolled .request-appointment-container[b-ftcrkoicqg]  .btn:hover {
            filter: brightness(0.85);
        }

    .transparent-nav.scrolled .admin-toggle[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled .admin-toggle:hover[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text);
        background-color: rgba(21, 85, 154, 0.1);
    }

    /* Currency selector styles when scrolled */
    .transparent-nav.scrolled[b-ftcrkoicqg]  .currency-text {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled[b-ftcrkoicqg]  .currency-selector:hover {
        background-color: rgba(21, 85, 154, 0.1);
    }

    .transparent-nav.scrolled .currency-mobile-item .nav-link[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text);
    }

    .transparent-nav.scrolled .currency-mobile-item .nav-link:hover[b-ftcrkoicqg] {
        color: var(--dragonroads-black-text);
    }

@media (min-width: 968px) {
    .transparent-nav.scrolled .admin-submenu[b-ftcrkoicqg] {
        background-color: white;
        border: 1px solid rgba(0, 0, 0, 0.1);
    }
}



/* Top notification row */
.nav-top-row[b-ftcrkoicqg] {
    background-color: white;
    background-image: linear-gradient(rgba(21, 85, 154, 0.15), rgba(21, 85, 154, 0.15));
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    min-height: 2rem;
    transition: all 0.3s ease-in-out;
}

.nav-top-row-inner[b-ftcrkoicqg] {
    max-width: 90%;
    margin: 0 auto;
    padding: 0.25rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Request Appointment button in top row */
.request-appointment-container[b-ftcrkoicqg] {
    margin-left: auto;
    margin-right: 1rem;
    display: flex;
    align-items: center;
}

.request-appointment-container a[b-ftcrkoicqg] {
    text-decoration: none;
}

.request-appointment-container[b-ftcrkoicqg]  .btn {
    min-width: auto;
    white-space: nowrap;
    background: transparent;
}

.request-appointment-container[b-ftcrkoicqg]  .btn:hover {
/*    background-color: rgba(21, 85, 154, 0.08) !important;
    border-color: rgba(21, 85, 154, 0.9) !important;*/
}

.notification-content[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text);
    font-size: 0.85rem;
    font-weight: 500;
    margin-right: 1rem;
}

.notification-text[b-ftcrkoicqg] {
    display: inline-block;
}

/* Account links in top row */
.account-links[b-ftcrkoicqg] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.account-item[b-ftcrkoicqg] {
    display: flex;
    align-items: center;
}

.account-link[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text) !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    background: none;
    border: none;
    cursor: pointer;
}

.account-link:hover[b-ftcrkoicqg] {
}

.account-link .bi[b-ftcrkoicqg] {
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 0.4rem;
}

.logout-form[b-ftcrkoicqg] {
    margin: 0;
    padding: 0;
}

/* Bottom logo and menu row */
.nav-bottom-row[b-ftcrkoicqg] {
    background-color: white;
    min-height: 3.5rem;
    padding: 8px 0;
    border-bottom: solid 1px rgba(61, 61, 61, 0.5);
    transition: all 0.3s ease-in-out;
}

.nav-bottom-row-inner[b-ftcrkoicqg] {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.nav-logo[b-ftcrkoicqg] {
    height: 2.5rem;
    width: auto;
    margin-right: 1rem;
    object-fit: contain;
}

.navbar[b-ftcrkoicqg] {
    height: 3.5rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.navbar-brand[b-ftcrkoicqg] {
    font-size: 1.1rem;
    color: white;
    text-decoration: none;
}

@media (min-width: 968px) {
    .nav-container[b-ftcrkoicqg] {
        display: flex;
        flex-direction: column;
    }

    .nav-bottom-row-inner[b-ftcrkoicqg] {
        width: 100%;
    }

    .navbar[b-ftcrkoicqg] {
        flex: 0 0 auto;
        order: 1;
    }

    .navbar-toggler[b-ftcrkoicqg] {
        display: none;
    }

    .nav-scrollable[b-ftcrkoicqg] {
        display: block;
        flex: 1 1 auto;
        order: 2;
    }

    nav.flex-column[b-ftcrkoicqg] {
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-end;
        padding: 0 1rem;
    }

    .auth-items[b-ftcrkoicqg] {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    /* Keep other existing desktop styles... */
}

/* Keep other existing styles... */

.language-switcher-container[b-ftcrkoicqg] {
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 60px;
}

@media (min-width: 968px) {
    .language-switcher-container[b-ftcrkoicqg] {
        margin-right: 15px;
        order: 3;
    }

    .navbar-toggler[b-ftcrkoicqg] {
        display: none;
    }

    .nav-scrollable[b-ftcrkoicqg] {
        display: block;
    }

    nav.flex-column[b-ftcrkoicqg] {
        flex-direction: row !important;
        align-items: center;
        justify-content: flex-end;
        padding: 0 1rem;
    }

    .auth-items[b-ftcrkoicqg] {
        display: flex;
        align-items: center;
        margin-left: auto;
    }
}

/* Mobile Account menu styles */
.account-menu-mobile[b-ftcrkoicqg] {
    position: relative;
}

.account-mobile-toggle[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text);
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.account-mobile-toggle:hover[b-ftcrkoicqg] {
    background-color: rgba(61, 61, 61, 0.05);
    color: var(--dragonroads-black-text);
}

.account-mobile-expand-icon[b-ftcrkoicqg] {
    margin-left: auto;
    font-size: 0.7rem;
    transition: transform 0.2s ease;
}

.account-mobile-expand-icon.expanded[b-ftcrkoicqg] {
    transform: rotate(180deg);
}

.account-mobile-submenu[b-ftcrkoicqg] {
    display: none;
    padding-left: 1rem;
}

.account-mobile-submenu.show[b-ftcrkoicqg] {
    display: block;
}

.account-mobile-submenu .nav-item[b-ftcrkoicqg] {
    margin-top: 0.25rem;
}

.logout-button[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text);
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    text-align: left;
}

/* Hide mobile account menu on desktop */
@media (min-width: 968px) {
    .account-menu-mobile[b-ftcrkoicqg] {
        display: none;
    }
    
    .contact-mobile-item[b-ftcrkoicqg] {
        display: none;
    }
}

/* Transparent nav mobile account menu styles */
.transparent-nav .account-mobile-toggle[b-ftcrkoicqg] {
    color: white;
}

.transparent-nav .account-mobile-toggle:hover[b-ftcrkoicqg] {
    color: white;
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile contact item */
.contact-mobile-item[b-ftcrkoicqg] {
}

.transparent-nav .contact-mobile-item .nav-link[b-ftcrkoicqg] {
    color: white;
}

.transparent-nav .contact-mobile-item .nav-link:hover[b-ftcrkoicqg] {
    color: white;
}

/* Hide mobile currency item on desktop */
@media (min-width: 968px) {
    .currency-mobile-item[b-ftcrkoicqg] {
        display: none;
    }
}

/* Admin menu styles */
.admin-menu[b-ftcrkoicqg] {
    position: relative;
}

.admin-toggle[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text);
    background: none;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.admin-toggle:hover[b-ftcrkoicqg] {
    background-color: rgba(61, 61, 61, 0.05);
    color: var(--dragonroads-black-text);
}

.admin-expand-icon[b-ftcrkoicqg] {
    margin-left: auto;
    font-size: 0.7rem;
    transition: transform 0.2s ease;
}

.admin-expand-icon.expanded[b-ftcrkoicqg] {
    transform: rotate(180deg);
}

.admin-submenu[b-ftcrkoicqg] {
    display: none;
    padding-left: 1rem;
}

.admin-submenu.show[b-ftcrkoicqg] {
    display: block;
}

.admin-submenu .nav-item[b-ftcrkoicqg] {
    margin-top: 0.25rem;
}

/* Mobile styles */
@media (max-width: 968px) {
    .nav-container[b-ftcrkoicqg] {
        display: flex;
        flex-direction: column;
    }

    .nav-top-row[b-ftcrkoicqg] {
        display: none;
    }

    .nav-top-row-inner[b-ftcrkoicqg] {
        padding: 0.5rem 1rem;
        font-size: 0.8rem;
        flex-direction: column;
        gap: 0.5rem;
        align-items: center;
    }

    .notification-content[b-ftcrkoicqg] {
        order: 1;
    }

    .account-links[b-ftcrkoicqg] {
        order: 2;
        gap: 0.5rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .account-link[b-ftcrkoicqg] {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }

    .account-link .bi[b-ftcrkoicqg] {
        width: 0.8rem;
        height: 0.8rem;
        margin-right: 0.3rem;
    }

    .nav-bottom-row-inner[b-ftcrkoicqg] {
        padding: 0.5rem 1rem;
        justify-content: flex-start;
        display: block;
    }

    .navbar[b-ftcrkoicqg] {
        justify-content: flex-start;
        padding: 0;
    }

    /* Make mobile menu overlay content instead of pushing layout */
    .nav-scrollable[b-ftcrkoicqg] {
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background-color: white;
        border-top: 1px solid #e0e0e0;
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.12);
        padding: 0.5rem 0;
        z-index: 1002;
        max-height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }

        .nav-scrollable .nav-item[b-ftcrkoicqg]  .nav-link,
        .account-mobile-toggle[b-ftcrkoicqg],
        .transparent-nav .admin-toggle[b-ftcrkoicqg] {
            color: var(--dragonroads-black-text) !important;
        }

    /* Transparent variant of mobile menu */
    .transparent-nav .nav-scrollable[b-ftcrkoicqg] {
    }

    .nav-logo[b-ftcrkoicqg] {
        height: 2.2rem;
        margin-right: 0.5rem;
    }

    .admin-submenu[b-ftcrkoicqg] {
        padding-left: 1.5rem;
    }

    .account-mobile-submenu[b-ftcrkoicqg] {
        padding-left: 1.5rem;
    }

    .navbar-toggler[b-ftcrkoicqg] {
        border: none;
        background: url("/_content/Chinanar.ComponentLib/images/mobile-menu-icon.svg") no-repeat center / 2.5rem;
        top: 16px;
        right: 27px;
    }
}

/* Desktop styles */
@media (min-width: 968px) {
    .admin-menu[b-ftcrkoicqg] {
        position: relative;
    }

    .admin-toggle[b-ftcrkoicqg] {
        padding: 0.5rem;
    }

    .admin-submenu[b-ftcrkoicqg] {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: white;
        border: 1px solid #e0e0e0;
        border-radius: 4px;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
        min-width: 220px;
        max-height: 70vh;
        overflow-y: auto;
        z-index: 1000;
        padding: 0.5rem 0;
    }

        .admin-submenu .nav-item[b-ftcrkoicqg] {
            padding: 0;
            margin: 0;
        }

            .admin-submenu .nav-item[b-ftcrkoicqg]  .nav-link {
                padding: 0.5rem 1rem;
                white-space: nowrap;
            }
}

/* Admin section styles */
.admin-section[b-ftcrkoicqg] {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.admin-section:last-child[b-ftcrkoicqg] {
    border-bottom: none;
}

.admin-section-header[b-ftcrkoicqg] {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.7rem 1rem;
    font-size: 16px;
    font-weight: 400;
    color: var(--dragonroads-primary);
    transition: background-color 0.2s ease;
}

.admin-section-header:hover[b-ftcrkoicqg] {
    background-color: rgba(21, 85, 154, 0.1);
}

.admin-section-header .bi[b-ftcrkoicqg] {
    margin-right: 0.5rem;
    opacity: 0.8;
}

.admin-section-icon[b-ftcrkoicqg] {
    margin-left: auto;
    font-size: 0.6rem;
    transition: transform 0.2s ease;
    opacity: 0.6;
}

.admin-section-icon.expanded[b-ftcrkoicqg] {
    transform: rotate(180deg);
}

.admin-section-items[b-ftcrkoicqg] {
    display: none;
    padding: 0.25rem 0;
    background-color: rgba(0, 0, 0, 0.02);
}

.admin-section-items.show[b-ftcrkoicqg] {
    display: block;
}

.admin-section-items .nav-item[b-ftcrkoicqg] {
    padding-left: 0.5rem;
}

.admin-section-items .nav-item[b-ftcrkoicqg]  .nav-link {
    font-size: 0.9rem;
    padding: 0.4rem 1rem;
}

/* Transparent nav admin section styles */
.transparent-nav .admin-section-header[b-ftcrkoicqg] {
    color: white;
    background-color: rgba(255, 255, 255, 0.05);
}

.transparent-nav .admin-section-header:hover[b-ftcrkoicqg] {
    background-color: rgba(255, 255, 255, 0.15);
}

.transparent-nav .admin-section-items[b-ftcrkoicqg] {
    background-color: rgba(0, 0, 0, 0.2);
}

.transparent-nav .admin-section[b-ftcrkoicqg] {
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* Mobile admin section adjustments */
@media (max-width: 968px) {
    .admin-section-header[b-ftcrkoicqg] {
    }
    
    .admin-section-items .nav-item[b-ftcrkoicqg] {
        padding-left: 1rem;
    }
    
    .admin-section-items .nav-item[b-ftcrkoicqg]  .nav-link {
        font-size: 0.95rem;
    }
}

/* Account menu styles */
.account-menu[b-ftcrkoicqg] {
    position: relative;
}

.account-toggle[b-ftcrkoicqg] {
    color: var(--dragonroads-black-text) !important;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    background: none;
    border: none;
    cursor: pointer;
}

.account-toggle:hover[b-ftcrkoicqg] {
    background-color: rgba(61, 61, 61, 0.05);
}

.account-expand-icon[b-ftcrkoicqg] {
    margin-left: 0.5rem;
    font-size: 0.7rem;
    transition: transform 0.2s ease;
}

.account-expand-icon.expanded[b-ftcrkoicqg] {
    transform: rotate(180deg);
}

.account-submenu[b-ftcrkoicqg] {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    background-color: white;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
    min-width: 160px;
    z-index: 1000;
    padding: 0.5rem 0;
    margin-top: 0.25rem;
}

.account-submenu.show[b-ftcrkoicqg] {
    display: block;
}

.account-submenu .account-item[b-ftcrkoicqg] {
    margin: 12px;
}

.account-submenu .account-link[b-ftcrkoicqg] {
    padding: 0.5rem 1rem;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-align: left;
}

.account-submenu .account-link:hover[b-ftcrkoicqg] {
    background-color: rgba(61, 61, 61, 0.05);
}

/* Transparent nav account menu styles */
.transparent-nav .account-toggle[b-ftcrkoicqg] {
    color: white !important;
}

.transparent-nav .account-toggle:hover[b-ftcrkoicqg] {
    background-color: rgba(255, 255, 255, 0.1);
}

.transparent-nav .account-submenu[b-ftcrkoicqg] {
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.transparent-nav .account-submenu .account-link[b-ftcrkoicqg] {
    color: white !important;
}

.transparent-nav .account-submenu .account-link:hover[b-ftcrkoicqg] {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Mobile account menu styles */
@media (max-width: 640px) {
    .account-submenu[b-ftcrkoicqg] {
        position: static;
        box-shadow: none;
        border: none;
        border-left: 2px solid var(--dragonroads-primary);
        padding: 0.5rem 0 0.5rem 1rem;
        margin-top: 0.5rem;
    }

    .account-toggle[b-ftcrkoicqg] {
        font-size: 0.75rem;
        padding: 0.2rem 0.4rem;
    }

    .account-submenu .account-link[b-ftcrkoicqg] {
        font-size: 0.75rem;
        padding: 0.4rem 0.8rem;
    }
}

/* Contact Us button styles */
.contact-us-item[b-ftcrkoicqg] {
    margin-left: 1rem;
}

[b-ftcrkoicqg] .contact-us-link {
    background-color: var(--dragonroads-primary) !important;
    color: white !important;
    border-radius: 25px !important;
    padding: 0.5rem 1.2rem !important;
    text-decoration: none;
    border: none;
    transition: background-color 0.2s ease;
}

[b-ftcrkoicqg] .contact-us-link:hover {
    filter: brightness(0.85)
}

.transparent-nav .contact-us-link[b-ftcrkoicqg] {
    background-color: var(--dragonroads-primary) !important;
    color: white !important;
}

.transparent-nav .contact-us-link:hover[b-ftcrkoicqg] {
    background-color: #B8014C !important;
    color: white !important;
}

@media (max-width: 968px) {
    .contact-us-item[b-ftcrkoicqg] {
        display: none;
    }
}
/* /Components/LocationMapTab.razor.rz.scp.css */
.location-map-container[b-breq04ck3s] {
    padding: 15px;
    display: flex;
    flex-direction: column;
}

.location-map[b-breq04ck3s] {
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    order: 1;
}

.route-loader[b-breq04ck3s] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    display: none;
}

@media (max-width: 768px) {
    .location-map[b-breq04ck3s] {
        min-height: 300px;
        order: 2;
    }
}

/* /Components/LocationsGallery.razor.rz.scp.css */
/* Hide Vue template until mounted to prevent flash of uncompiled content */
[v-cloak][b-op2q8br80v] {
    display: none !important;
}

.locations-gallery-wrapper[b-op2q8br80v] {
    margin-top: 60px;
    margin-bottom: 5rem;
}

.locations-gallery[b-op2q8br80v] {
    margin: 0;
    padding: 0 1rem;
}

.locations-gallery-loading[b-op2q8br80v] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.gallery-grid[b-op2q8br80v] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 170px;
    gap: 1rem;
    max-width: 90%;
    margin: 0 auto;
    grid-auto-flow: dense;
}

.gallery-item[b-op2q8br80v] {
    position: relative;
    border-radius: 0px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    background: #f8f9fa;
    border: 6px solid #f5f5f5;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
}

.gallery-item:hover[b-op2q8br80v] {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(255, 165, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
    border-color: #fff;
}

.gallery-item img[b-op2q8br80v] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gallery-item:hover img[b-op2q8br80v] {
    transform: scale(1.05);
}

.gallery-item-overlay[b-op2q8br80v] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(21, 85, 154, 0.6); /* Using dragonroads-tertiary with transparency */
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .gallery-item-overlay[b-op2q8br80v] {
    opacity: 1;
}

.gallery-item-overlay .location-name[b-op2q8br80v] {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

.gallery-item-overlay .city-name[b-op2q8br80v] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.25rem 0.5rem;
    text-shadow: none;
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.gallery-item-overlay .city-name[b-op2q8br80v]::before {
    height: 25px;
    width: 18px;
    content: '';
    background-image: url('/_content/Chinanar.ComponentLib/images/location-icon.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
    display: inline-block;
}

/* Size variations for dynamic layout */
.gallery-item.large[b-op2q8br80v] {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-item.medium[b-op2q8br80v] {
    grid-column: span 2;
    grid-row: span 1;
}

.gallery-item.tall[b-op2q8br80v] {
    grid-column: span 1;
    grid-row: span 2;
}

.gallery-item.wide[b-op2q8br80v] {
    grid-column: span 2;
    grid-row: span 1;
}

/* Fullscreen Carousel Overlay */
.fullscreen-overlay[b-op2q8br80v] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.95);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullscreen-overlay .close-button[b-op2q8br80v] {
    position: absolute;
    top: 20px;
    right: 20px;
    background: transparent;
    border: none;
    color: white;
    font-size: 2.5rem;
    cursor: pointer;
    z-index: 10001;
    line-height: 1;
    padding: 0.5rem;
    transition: transform 0.2s ease;
}

.fullscreen-overlay .close-button:hover[b-op2q8br80v] {
    transform: scale(1.2);
}

.fullscreen-swiper[b-op2q8br80v] {
    width: 100%;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;
}

.fullscreen-swiper .swiper-slide[b-op2q8br80v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.fullscreen-swiper .swiper-zoom-container[b-op2q8br80v] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: calc(100% - 60px);
}

.fullscreen-swiper .swiper-zoom-container img[b-op2q8br80v] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.fullscreen-swiper .slide-caption[b-op2q8br80v] {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    text-align: center;
    padding: 0.5rem 1rem;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}

.fullscreen-swiper .slide-caption .caption-city[b-op2q8br80v] {
    font-size: 0.9rem;
    opacity: 0.8;
    margin-right: 0.5rem;
}

.fullscreen-swiper .slide-caption .caption-city[b-op2q8br80v]::after {
    content: ' - ';
}

.fullscreen-swiper .slide-caption .caption-name[b-op2q8br80v] {
    font-size: 1.1rem;
    font-weight: 500;
}

.fullscreen-swiper .swiper-button-prev[b-op2q8br80v],
.fullscreen-swiper .swiper-button-next[b-op2q8br80v] {
    color: white;
}

.fullscreen-swiper .swiper-pagination-bullet[b-op2q8br80v] {
    background: white;
}

.fullscreen-swiper .swiper-pagination-bullet-active[b-op2q8br80v] {
    background: #ffa500;
}

/* Responsive adjustments */
@media (max-width: 768px) {

    .locations-gallery[b-op2q8br80v] {
        padding: 0;
    }

    .gallery-title[b-op2q8br80v] {
        font-size: 2rem;
    }

    .gallery-grid[b-op2q8br80v] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 150px;
        gap: 0.75rem;
        max-width: 100%;
    }
    
    /* Keep shape diversity on mobile with 2-column grid */
    .gallery-item.large[b-op2q8br80v] {
        grid-column: span 2;
        grid-row: span 2;
    }
    
    .gallery-item.medium[b-op2q8br80v],
    .gallery-item.wide[b-op2q8br80v] {
        grid-column: span 2;
        grid-row: span 1;
    }
    
    .gallery-item.tall[b-op2q8br80v] {
        grid-column: span 1;
        grid-row: span 2;
    }
    
    .gallery-item-overlay[b-op2q8br80v] {
        padding: 0.75rem;
    }
    
    .gallery-item-overlay .location-name[b-op2q8br80v] {
        font-size: 1rem;
    }
    
    .gallery-item-overlay .city-name[b-op2q8br80v] {
        top: 0.5rem;
        right: 0.5rem;
        font-size: 0.8rem;
        padding: 0.2rem 0.4rem;
        gap: 0.3rem;
    }
    
    .fullscreen-overlay .close-button[b-op2q8br80v] {
        top: 10px;
        right: 10px;
        font-size: 2rem;
    }
    
    .fullscreen-swiper .slide-caption[b-op2q8br80v] {
        bottom: 10px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .gallery-grid[b-op2q8br80v] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 120px;
        gap: 0.5rem;
        max-width: 100%;
    }
    
    /* Keep shape diversity even on small screens */
    .gallery-item.large[b-op2q8br80v] {
        grid-column: span 2;
        grid-row: span 2;
    }
    
    .gallery-item.medium[b-op2q8br80v],
    .gallery-item.wide[b-op2q8br80v] {
        grid-column: span 2;
        grid-row: span 1;
    }
    
    .gallery-item.tall[b-op2q8br80v] {
        grid-column: span 1;
        grid-row: span 2;
    }
    
    .gallery-title[b-op2q8br80v] {
        font-size: 1.75rem;
    }
}
/* /Components/MapActionsPanel.razor.rz.scp.css */
.map-info-section[b-isakjodlp7] {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 0;
    order: 2;
}

.map-info-row[b-isakjodlp7] {
    display: flex;
    flex-direction: row;
    gap: 1.25rem;
    align-items: flex-end;
    margin-top: 11px;
}

.map-info-label[b-isakjodlp7] {
    font-weight: 700;
    color: #333;
}

.map-info-value[b-isakjodlp7] {
    color: #555;
    width: 100%;
}

.google-maps-button-container[b-isakjodlp7] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.info-icon-wrapper[b-isakjodlp7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.info-icon[b-isakjodlp7] {
    width: 24px;
    height: 24px;
    opacity: 0.6;
    transition: opacity 0.2s ease;
}

.info-icon-wrapper:hover .info-icon[b-isakjodlp7] {
    opacity: 1;
}

.info-tooltip[b-isakjodlp7] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: -94px;
    bottom: calc(100% + 12px);
    transform: translateX(-50%);
    background-color: #2c3e50;
    color: white;
    text-align: center;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
    z-index: 1000;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.info-tooltip[b-isakjodlp7]::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 92%;
    transform: translateX(-50%);
    border: 8px solid transparent;
    border-top-color: #2c3e50;
}

.info-icon-wrapper:hover .info-tooltip[b-isakjodlp7],
.info-icon-wrapper:active .info-tooltip[b-isakjodlp7] {
    visibility: visible;
    opacity: 1;
}

@media (max-width: 768px) {

    .map-info-row[b-isakjodlp7] {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        align-items: flex-start;
        margin-top: 11px;
    }

    .map-info-section[b-isakjodlp7] {
        margin-top: 0;
        margin-bottom: 15px;
        order: 1;
    }
    
    .map-buttons-row[b-isakjodlp7] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }
    
    .google-maps-button-container[b-isakjodlp7] {
        width: 100%;
    }

    .info-tooltip[b-isakjodlp7] {
        font-size: 13px;
        width: 241px;
        left: -15px;
    }

    .info-tooltip[b-isakjodlp7]::after
    {
        left: 61%;
    }
}

/* /Components/Marketing/AdventureCardsSection.razor.rz.scp.css */
/* Adventure Section */
.adventure-section[b-ueio3vahtt] {
    margin-top: 0rem;
    padding-top: 0rem;
    margin-bottom: 6rem;
}

.section-title[b-ueio3vahtt] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: left;
}

.adventure-carousel-wrapper[b-ueio3vahtt] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

/* Swiper container */
.adventure-cards-swiper[b-ueio3vahtt] {
    width: 100%;
}

.adventure-cards-swiper .swiper-slide[b-ueio3vahtt] {
    height: auto;
    display: flex;
    justify-content: center;
}

.adventure-card[b-ueio3vahtt] {
    position: relative;
    width: 100%;
    height: 450px;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.adventure-card:hover[b-ueio3vahtt] {
    transform: scale(1.02);
}

.adventure-image[b-ueio3vahtt] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.adventure-overlay[b-ueio3vahtt] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2rem 1.5rem;
    color: white;
    transition: background 0.3s ease;
}

.adventure-card:hover .adventure-overlay[b-ueio3vahtt] {
    background: rgba(0, 0, 0, 0.75);
}

.adventure-card-title[b-ueio3vahtt] {
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 0;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    transition: opacity 0.2s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.adventure-card:hover .adventure-card-title[b-ueio3vahtt] {
    opacity: 0;
    pointer-events: none;
}

.adventure-description[b-ueio3vahtt] {
    font-size: 1rem;
    line-height: 1.6;
    text-align: center;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    max-height: 0;
    overflow: hidden;
}

.adventure-card:hover .adventure-description[b-ueio3vahtt] {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px;
}

.adventure-cta[b-ueio3vahtt] {
    text-align: center;
    margin-top: 3rem;
    padding: 2rem 0;
}

.adventure-cta p[b-ueio3vahtt] {
    font-size: 1.2rem;
    color: #333;
}

.cta-link[b-ueio3vahtt] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.cta-link:hover[b-ueio3vahtt] {
    color: #B8014C;
    text-decoration: underline;
}

/* Navigation buttons */
.adventure-nav-buttons[b-ueio3vahtt] {
    display: none;
}

.carousel-nav-buttons[b-ueio3vahtt] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.carousel-nav-btn[b-ueio3vahtt] {
    background: white;
    border: none;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.carousel-nav-btn:hover[b-ueio3vahtt] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}

.carousel-nav-btn:active[b-ueio3vahtt] {
    transform: scale(0.95);
}

.carousel-nav-btn.swiper-button-disabled[b-ueio3vahtt] {
    visibility: hidden;
    pointer-events: none;
}

/* Responsive Design */
@media (max-width: 991px) {
    .adventure-nav-buttons[b-ueio3vahtt] {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1rem;
        padding-right: 0.5rem;
    }

    .adventure-card[b-ueio3vahtt] {
        height: 420px;
    }

    .adventure-card-title[b-ueio3vahtt] {
        font-size: 21px;
    }

    .adventure-description[b-ueio3vahtt] {
        font-size: 0.95rem;
    }
}

@media (max-width: 768px) {
    .adventure-section[b-ueio3vahtt] {
        margin-top: 3rem;
    }

    .carousel-nav-btn[b-ueio3vahtt] {
        width: 44px;
        height: 44px;
    }

    .carousel-nav-btn svg[b-ueio3vahtt] {
        width: 20px;
        height: 20px;
    }

    .adventure-cta p[b-ueio3vahtt] {
        font-size: 1rem;
        padding: 0 1rem;
    }
}
/* /Components/Marketing/ChooseATripVideo.razor.rz.scp.css */
.choose-a-trip-video-section[b-2i7dxc55re] {
    width: 100%;
    position: relative;
    padding-bottom: 6rem;
    margin-bottom: 100px;
}

    .choose-a-trip-video-section[b-2i7dxc55re]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 500px;
        background-image: url("/_content/Chinanar.ComponentLib/images/dragon-background-white.webp");
        background-color: var(--dragonroads-tertiary);
        background-size: 400px;
        background-position: 0% 25%;
        background-repeat: no-repeat;
        z-index: 0;
    }

.choose-a-trip-video-content[b-2i7dxc55re] {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.choose-a-trip-video-text[b-2i7dxc55re] {
    text-align: center;
    max-width: 940px;
    margin: 0 auto 3rem;
    padding-top: 2.5rem;
    color: #fff;
}

.choose-a-trip-video-title[b-2i7dxc55re] {
    color: white;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    opacity: 0.95;
    letter-spacing: 0.5px;
}

.choose-a-trip-video-heading[b-2i7dxc55re] {
    margin: 0;
    color: #fff;
    font-size: 23px;
    line-height: 1.8;
}

.choose-a-trip-video-container[b-2i7dxc55re] {
    max-width: 720px;
    margin: 0 auto;
}

.choose-a-trip-video-frame[b-2i7dxc55re] {
    position: relative;
    padding-top: 56.25%;
    border-radius: 18px;
    overflow: hidden;
    background-color: rgba(8, 41, 77, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 22px 54px rgba(8, 32, 56, 0.35);
}

.choose-a-trip-video-frame iframe[b-2i7dxc55re] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 480px) {
    .choose-a-trip-video-section[b-2i7dxc55re]::before {
        height: 430px;
        background-image: none;
    }

    .choose-a-trip-video-content[b-2i7dxc55re] {
        padding: 0 1rem;
    }

    .choose-a-trip-video-text[b-2i7dxc55re] {
        padding-top: 2.2rem;
    }

    .choose-a-trip-video-heading[b-2i7dxc55re] {
        line-height: 1.4;
    }

    .choose-a-trip-video-frame[b-2i7dxc55re] {
        border-radius: 10px;
    }
}
/* /Components/Marketing/CompanyValuesSection.razor.rz.scp.css */
.company-values-section[b-bn3cviox3d] {
    margin-top: 5rem;
    padding-top: 3rem;
    margin-bottom: 5rem;
}

.company-values-section .section-title[b-bn3cviox3d] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: left;
}

.values-carousel-wrapper[b-bn3cviox3d] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 4rem;
}

/* Swiper container */
.company-values-swiper[b-bn3cviox3d] {
    width: 100%;
}

.company-values-swiper .swiper-slide[b-bn3cviox3d] {
    height: auto;
    display: flex;
    justify-content: center;
    padding-top: 20px;
}

/* Card styling */
.special-card[b-bn3cviox3d] {
    position: relative;
    background: white;
    border: 2px solid var(--dragonroads-tertiary);
    border-radius: 8px;
    padding: 3rem 2rem 2rem;
    text-align: center;
    transition: all 0.3s ease;
    width: 100%;
}

.special-card:hover[b-bn3cviox3d] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(21, 85, 154, 0.15);
}

.special-icon[b-bn3cviox3d] {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 48px;
    height: 48px;
    background-color: white;
    padding: 0 8px;
    z-index: 1;
}

.special-card h3[b-bn3cviox3d] {
    font-size: 1.3rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.special-card p[b-bn3cviox3d] {
    font-size: 1rem;
    line-height: 1.6;
    color: #555;
}

.trip-planner-link[b-bn3cviox3d] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    font-weight: 600;
}

.trip-planner-link:hover[b-bn3cviox3d] {
    text-decoration: underline;
}

/* Navigation buttons below carousel */
.carousel-nav-buttons[b-bn3cviox3d] {
    display: flex;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.5rem;
}

.carousel-nav-btn[b-bn3cviox3d] {
    background: white;
    border: none;
    border-radius: 4px;
    width: 48px;
    height: 48px;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    transition: all 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.carousel-nav-btn:hover[b-bn3cviox3d] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}

.carousel-nav-btn:active[b-bn3cviox3d] {
    transform: scale(0.95);
}

/* Swiper disabled state for nav buttons */
.carousel-nav-btn.swiper-button-disabled[b-bn3cviox3d] {
    opacity: 0.3;
    cursor: default;
    pointer-events: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    transform: none;
}

/* Mobile styles */
@media (max-width: 768px) {
    .company-values-section[b-bn3cviox3d] {
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    .values-carousel-wrapper[b-bn3cviox3d] {
        margin-top: 2rem;
    }

    .carousel-nav-buttons[b-bn3cviox3d] {
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1rem;
        padding-right: 0.5rem;
    }

    .carousel-nav-btn[b-bn3cviox3d] {
        width: 44px;
        height: 44px;
    }

    .carousel-nav-btn svg[b-bn3cviox3d] {
        width: 20px;
        height: 20px;
    }

    .special-card[b-bn3cviox3d] {
        padding: 2.5rem 1.5rem 1.5rem;
    }
}
/* /Components/Marketing/CreationSteps.razor.rz.scp.css */
.creation-steps-link[b-xc4427hkov] {
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.creation-steps[b-xc4427hkov] {
    background-color: white;
    padding: 60px 0px;
    text-align: center;
    position: relative;
    margin-bottom: 4rem;
}

.title-container[b-xc4427hkov] {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    background-color: rgba(217, 217, 217, 0.5);
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.clip-icon[b-xc4427hkov] {
    width: 40px;
    height: 40px;
    background-image: url('/_content/Chinanar.ComponentLib/images/clip-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -15px;
    left: -0px;
}

.steps-title[b-xc4427hkov] {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 0;
    max-width: 800px;
}

.steps-container[b-xc4427hkov] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 0 auto;
}

.step-card[b-xc4427hkov] {
    background: rgba(217, 217, 217, 0.5);
    border-radius: 0px;
    padding: 30px 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    text-align: left;
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.step-card:first-child[b-xc4427hkov] {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.step-card:last-child[b-xc4427hkov] {
    border-bottom-right-radius: 15px;
}

.step-number[b-xc4427hkov] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dragonroads-primary);
    line-height: 1;
    flex-shrink: 0;
}

.step-content[b-xc4427hkov] {
    flex: 1;
}

.step-title[b-xc4427hkov] {
    font-size: 1.2rem;
    font-weight: 600;
    color: #2c3e50;
    margin-bottom: 10px;
    line-height: 1.3;
}

.step-description[b-xc4427hkov] {
    font-size: 1rem;
    color: #6c757d;
    line-height: 1.6;
    margin: 0;
}

/* Responsive design */
@media (max-width: 768px) {
    .creation-steps[b-xc4427hkov] {
        padding: 40px 15px;
    }

    .steps-title[b-xc4427hkov] {
        font-size: 1.8rem;
    }

    .title-container[b-xc4427hkov] {
        margin-bottom: 30px;
    }

    .clip-icon[b-xc4427hkov] {
        width: 35px;
        height: 35px;
        left: -50px;
    }

    .steps-container[b-xc4427hkov] {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    .step-card[b-xc4427hkov] {
        padding: 20px 15px;
        gap: 15px;
    }

    .step-number[b-xc4427hkov] {
        font-size: 2rem;
    }

    .step-title[b-xc4427hkov] {
        font-size: 1.1rem;
    }
}

@media (max-width: 480px) {
    .steps-title[b-xc4427hkov] {
        font-size: 1.5rem;
    }

    .clip-icon[b-xc4427hkov] {
        width: 30px;
        height: 30px;
        left: 0px;
    }

    .steps-container[b-xc4427hkov] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .step-card[b-xc4427hkov] {
        padding: 15px 10px;
        gap: 10px;
    }

    .step-number[b-xc4427hkov] {
        font-size: 1.8rem;
    }

    .step-title[b-xc4427hkov] {
        font-size: 1rem;
    }

    .step-description[b-xc4427hkov] {
        font-size: 0.85rem;
    }
}
/* /Components/Marketing/FaqSection.razor.rz.scp.css */
.faq-section[b-qt267xhh9t] {
    width: 100%;
    padding: 0px 20px 0px 20px;
    margin-bottom: 4rem;
}

.faq-header[b-qt267xhh9t] {
    text-align: center;
    margin-bottom: 3rem;
}

.faq-title[b-qt267xhh9t] {
    color: var(--dragonroads-black-text, #333);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}

.faq-container[b-qt267xhh9t] {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.faq-item[b-qt267xhh9t] {
    background: white;
    border-radius: 0;
    overflow: hidden;
}

.faq-question[b-qt267xhh9t] {
    width: 100%;
    padding: 24px 20px;
    background: white;
    border: none;
    border-top: 1px solid #e5e5e5;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 1.1rem;
    font-weight: 500;
    color: var(--dragonroads-black-text);
    text-align: left;
}

.faq-question:hover[b-qt267xhh9t] {

}

.faq-question.expanded[b-qt267xhh9t] {
}

.faq-item:last-child .faq-question[b-qt267xhh9t] {
    
}

.faq-item:last-child .faq-question.expanded[b-qt267xhh9t] {
    
}

.question-text[b-qt267xhh9t] {
    flex: 1;
    margin-right: 20px;
    font-weight: 600;
}

.chevron[b-qt267xhh9t] {
    width: 20px;
    height: 20px;
    background-image: url('/_content/Chinanar.ComponentLib/images/arrow-chevron-up.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all 0.3s ease;
}

.faq-question.expanded .chevron[b-qt267xhh9t] {
    background-image: url('/_content/Chinanar.ComponentLib/images/arrow-chevron-down.png');
}

.faq-answer[b-qt267xhh9t] {
    border: none;
    padding: 0px 20px 40px 20px;
    background: white;
    animation: fadeIn-b-qt267xhh9t 0.3s ease-in-out;
}

.faq-answer p[b-qt267xhh9t] {
    margin: 0;
    color: var(--dragonroads-black-text);
    line-height: 1.6;
    font-size: 1rem;
    white-space: pre-line;
}

@keyframes fadeIn-b-qt267xhh9t {
    from {
        opacity: 0;
        max-height: 0;
    }
    to {
        opacity: 1;
        max-height: 200px;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .faq-section[b-qt267xhh9t] {
        padding: 0px 0px;
        margin-bottom: 40px;
    }
    
    .faq-title[b-qt267xhh9t] {
        font-size: 1.25rem;
    }
    
    .faq-question[b-qt267xhh9t] {
        padding: 20px 15px;
        font-size: 1rem;
    }
    
    .faq-answer[b-qt267xhh9t] {
        padding: 20px 15px;
    }
    
    .question-text[b-qt267xhh9t] {
        margin-right: 15px;
    }
}
/* /Components/Marketing/LocalGuides.razor.rz.scp.css */
.local-guides-container[b-x05xw946y6] {
    width: 100%;
    margin: 4rem 0;
    padding: 2rem 1rem;
    background-color: var(--dragonroads-tertiary, #15559A);
    border-radius: 0px;
}

.guides-content[b-x05xw946y6] {
    display: grid;
    grid-template-columns: 1.8fr 1fr;
    gap: 1rem;
    align-items: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
}

/* Video placeholder styles */
.video-placeholder[b-x05xw946y6] {
    position: relative;
    width: 100%;
    height: 500px;
    background: #f5f7fa;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow: hidden;
}

.video-placeholder[b-x05xw946y6]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 8px;
}

.play-button[b-x05xw946y6] {
    position: relative;
    z-index: 2;
}

/* Guides carousel styles */
.guides-carousel[b-x05xw946y6] {
    position: relative;
    height: 500px;
    display: flex;
    flex-direction: column;
}

.guide-card[b-x05xw946y6] {
    background: white;
    border-radius: 8px;
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.guide-image[b-x05xw946y6] {
    width: 120px;
    height: 120px;
    margin: 0 auto 1.2rem auto;
    border-radius: 50%;
    overflow: hidden;
}

.guide-image img[b-x05xw946y6] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.guide-info[b-x05xw946y6] {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.guide-name[b-x05xw946y6] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dragonroads-black-text, #333);
    margin: 0 0 0.5rem 0;
}

.guide-title[b-x05xw946y6] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--dragonroads-black-text, #333);
    margin: 0 0 1rem 0;
}

.guide-description[b-x05xw946y6] {
    font-size: 0.95rem;
    line-height: 1;
    color: var(--dragonroads-black-text, #333);
    margin: 0;
    flex: 1;
    text-align: left;
}

/* Carousel indicators */
.carousel-indicators[b-x05xw946y6] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
}

.indicator[b-x05xw946y6] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator.active[b-x05xw946y6] {
    background: var(--dragonroads-tertiary, #15559A);
}

.indicator:hover[b-x05xw946y6] {
    background: rgba(255, 255, 255, 0.7);
}

/* Responsive design */
@media (max-width: 768px) {
    .guides-content[b-x05xw946y6] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
    
    .video-placeholder[b-x05xw946y6] {
        height: 250px;
    }
    
    .guides-carousel[b-x05xw946y6] {
        height: auto;
    }
    
    .guide-card[b-x05xw946y6] {
        padding: 1.5rem;
    }
    
    .section-title[b-x05xw946y6] {
        font-size: 2rem;
    }
    
    .guide-image[b-x05xw946y6] {
        width: 100px;
        height: 100px;
    }
    
    .guide-image img[b-x05xw946y6] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
    .guide-name[b-x05xw946y6] {
        font-size: 1.1rem;
    }
    
    .guide-title[b-x05xw946y6] {
        font-size: 1rem;
    }
    
    .guide-description[b-x05xw946y6] {
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    .local-guides-container[b-x05xw946y6] {
        margin: 2rem 0;
    }
    
    .section-title[b-x05xw946y6] {
        font-size: 1.75rem;
    }
    
    .video-placeholder[b-x05xw946y6] {
        height: 200px;
    }
    
    .guide-card[b-x05xw946y6] {
        padding: 1rem;
    }
}
/* /Components/Marketing/NewsletterSubscription.razor.rz.scp.css */

.newsletter-subscription[b-umkxu9ug08] {
    display: flex;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    margin: 0rem 0 7rem 0;
    width: 100%;
    overflow: hidden;
}

.newsletter-image[b-umkxu9ug08] {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 1rem;
}

.newsletter-image img[b-umkxu9ug08] {
    object-fit: cover;
    object-position: center;
    display: block;
    border-radius: 6px;
}

.newsletter-content[b-umkxu9ug08] {
    flex: 1;
    padding: 2rem 3.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.newsletter-subtitle[b-umkxu9ug08] {
    /* 3D3D3D at 50% */
    color: rgba(51, 51, 51, 0.5);
    font-family: 'Roboto', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    margin: 0 0 1rem 0;
    letter-spacing: 0.5px;
}

.newsletter-title[b-umkxu9ug08] {
    color: #333;
    font-family: 'Roboto Serif', serif;
    font-size: 1.75rem;
    font-weight: 600;
    margin: 0 0 2rem 0;
    line-height: 1.4;
}

.newsletter-form[b-umkxu9ug08] {
    display: flex;
    gap: 0;
    align-items: flex-start;
}

.form-group[b-umkxu9ug08] {
    position: relative;
    width: 100%;
}

.form-group input[b-umkxu9ug08] {
    width: 100%;
    min-width: 250px;
    height: 42px;
    padding: 12px;
    outline: transparent !important;
}

.newsletter-button[b-umkxu9ug08] {
    margin: 0;
    border-radius: 0 4px 4px 0;
    min-width: 180px;
    background-color: #1565C0;
    border-color: #1565C0;
    color: white;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    height: 42px;
    transition: all 0.3s ease;
}

.newsletter-button:hover[b-umkxu9ug08] {
    background-color: #0f4178;
    border-color: #0f4178;
    color: white;
}

.newsletter-button:active[b-umkxu9ug08],
.newsletter-button:focus[b-umkxu9ug08] {
    background-color: #0a2d5a;
    border-color: #0a2d5a;
    color: white;
}

.newsletter-button:disabled[b-umkxu9ug08] {
    opacity: 0.7;
    cursor: not-allowed;
}

.newsletter-input[b-umkxu9ug08] {
    width: 100%;
    padding: 1rem 1.5rem;
    border: 1px solid #d0d0d0;
    border-right: none;
    border-radius: 4px 0 0 4px;
    font-size: 1rem;
    background-color: white;
    color: #333;
    transition: all 0.3s ease;
}

.newsletter-input:focus[b-umkxu9ug08] {
    outline: none;
    border-color: #2196F3;
    box-shadow: none;
}

.newsletter-input:disabled[b-umkxu9ug08] {
    opacity: 0.7;
    cursor: not-allowed;
    background-color: #f5f5f5;
}

.newsletter-input[b-umkxu9ug08]::placeholder {
    color: #999;
}

.newsletter-message[b-umkxu9ug08] {
    padding: 1rem 1.5rem;
    border-radius: 4px;
    margin-bottom: 1.5rem;
    font-size: 0.95rem;
    font-weight: 400;
}

.newsletter-message.success[b-umkxu9ug08] {
    background-color: #e8f5e9;
    color: #2e7d32;
    border: 1px solid #a5d6a7;
}

.newsletter-message.error[b-umkxu9ug08] {
    background-color: #ffebee;
    color: #c62828;
    border: 1px solid #ef9a9a;
}

.validation-error[b-umkxu9ug08] {
    color: #c62828;
    background-color: #ffebee;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    margin-top: 0.75rem;
    display: block;
    font-size: 0.875rem;
    border: 1px solid #ef9a9a;
}

/* Tablet responsive */
@media (max-width: 1024px) {
    .newsletter-content[b-umkxu9ug08] {
        padding: 2.5rem 2rem;
    }

    .newsletter-title[b-umkxu9ug08] {
        font-size: 1.5rem;
    }
}

/* Mobile responsive */
@media (max-width: 768px) {
    .newsletter-subscription[b-umkxu9ug08] {
        flex-direction: column;
        margin: 2rem 0;
    }

    .newsletter-image[b-umkxu9ug08] {
        flex: 0 0 auto;
        min-height: 250px;
        max-height: 250px;
        padding: 0.75rem;
    }

    .newsletter-content[b-umkxu9ug08] {
        padding: 2rem 1.5rem;
    }

    .newsletter-subtitle[b-umkxu9ug08] {
        font-size: 0.9rem;
    }

    .newsletter-title[b-umkxu9ug08] {
        font-size: 1.35rem;
        margin-bottom: 1.5rem;
    }

    .newsletter-form[b-umkxu9ug08] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .newsletter-input[b-umkxu9ug08] {
        border-right: 1px solid #d0d0d0;
        border-radius: 4px;
        padding: 0.875rem 1.25rem;
        font-size: 0.95rem;
    }

    .newsletter-button[b-umkxu9ug08] {
        border-radius: 4px;
        width: 100%;
        min-width: auto;
    }
}
/* /Components/Marketing/QuebecTravelAgencyInfo.razor.rz.scp.css */
.quebec-agency-section[b-z5ncll3lyj] {
    /*max-width: 900px;*/
    margin: 0 auto;
    padding: 3rem 1.5rem 7rem 1.5rem;
}

.quebec-agency-content[b-z5ncll3lyj] {
    text-align: left;
}

.quebec-agency-title[b-z5ncll3lyj] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
}

.quebec-agency-subtitle[b-z5ncll3lyj] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #333;
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
}

.quebec-agency-text[b-z5ncll3lyj] {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 1rem;
}

.quebec-agency-cta[b-z5ncll3lyj] {
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

.quebec-agency-caption[b-z5ncll3lyj] {
    font-size: 0.95rem;
    color: #555;
    text-align: center;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.quebec-agency-link[b-z5ncll3lyj] {
    max-width: 800px;
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.quebec-agency-link:hover[b-z5ncll3lyj] {
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.quebec-agency-image[b-z5ncll3lyj] {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .quebec-agency-section[b-z5ncll3lyj] {
        padding: 3.5rem 1rem;
    }

    .quebec-agency-title[b-z5ncll3lyj] {
        font-size: 1.25rem;
    }

    .quebec-agency-subtitle[b-z5ncll3lyj] {
        font-size: 1.1rem;
    }

    .quebec-agency-text[b-z5ncll3lyj] {
        font-size: 0.95rem;
    }
}
/* /Components/Marketing/ServiceProvidedSection.razor.rz.scp.css */

.service-provided-section[b-pi5y7mr5zk] {
    width: 100%;
    max-width: 90%;
    margin: 0 auto 10rem auto;
}

.service-content[b-pi5y7mr5zk] {
    font-weight: 600;
    width: 100%;
    min-height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 6px;
}

.service-background[b-pi5y7mr5zk] {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 0;
}

.service-content[b-pi5y7mr5zk]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.service-content > *[b-pi5y7mr5zk] {
    position: relative;
    z-index: 2;
}

    .service-content .service-text[b-pi5y7mr5zk] {
        position: relative;
        top: 57px;
        left: -24%;
        width: 42%;
        max-width: 90%;
        margin: 0 auto;
        padding: 0 2rem;
        display: flex;
        align-items: center;
        min-height: 600px;
    }

.service-text[b-pi5y7mr5zk] {
    background-color: var(--dragonroads-tertiary);
    opacity: 0.9;
    color: white;
    padding: 3rem;
    border-radius: 6px;
    max-width: 500px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    width: 100%;
}

.service-description[b-pi5y7mr5zk] {
    font-size: 20px;
    margin-bottom: 1.8rem;
}

.service-list[b-pi5y7mr5zk] {
    list-style: none;
    padding: 0;
    margin-bottom: 2.5rem;
}

.service-list li[b-pi5y7mr5zk] {
    padding: 0.5rem 0;
    font-size: 1rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.service-icon[b-pi5y7mr5zk] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.service-icon img[b-pi5y7mr5zk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.button-container[b-pi5y7mr5zk] {
    display: flex;
    justify-content: flex-end;
}

.learn-more-btn[b-pi5y7mr5zk] {
    display: inline-block;
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: 4px;
    padding: 10px 20px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
}

.learn-more-btn:hover[b-pi5y7mr5zk] {
    background-color: white;
    color: var(--dragonroads-tertiary);
    transform: translateY(-2px);
}

.learn-more-btn:active[b-pi5y7mr5zk] {
    transform: translateY(0);
}

/* Tablet styles */
@media (max-width: 1024px) {
    .service-content .service-text[b-pi5y7mr5zk] {
        left: 0;
        width: 80%;
        padding: 0 1.5rem;
    }
    
    .service-text[b-pi5y7mr5zk] {
        padding: 2.5rem;
    }
}

/* Mobile styles */
@media (max-width: 768px) {
    .service-provided-section[b-pi5y7mr5zk] {
        margin: 0 0 4rem 0;
        top: -10px;
        position: relative;
        max-width: 100%;
    }
    
    .service-content[b-pi5y7mr5zk] {
        min-height: auto;
        padding: 3rem 1rem;
        background-position: center center;
    }
    
    .service-content .service-text[b-pi5y7mr5zk] {
        top: 0;
        left: 0;
        width: 100%;
        padding: 20px;
        min-height: auto;
    }
    
    .service-text[b-pi5y7mr5zk] {
        padding: 2rem 1.5rem;
        max-width: 100%;
        border-radius: 8px;
    }

    .service-description[b-pi5y7mr5zk] {
        font-size: 20px;
        margin-bottom: 1.8rem;
    }
    
    .service-list[b-pi5y7mr5zk] {
        margin-bottom: 2rem;
    }
    
    .service-list li[b-pi5y7mr5zk] {
        padding: 0.4rem 0;
        font-size: 0.95rem;
        gap: 0.75rem;
    }
    
    .service-icon[b-pi5y7mr5zk] {
        width: 20px;
        height: 20px;
    }
    
    .button-container[b-pi5y7mr5zk] {
        justify-content: center;
    }
    
    .learn-more-btn[b-pi5y7mr5zk] {
        width: 100%;
        padding: 0.875rem 1.5rem;
        text-align: center;
    }
}

/* Small mobile styles */
        @media (max-width: 480px) {
            .service-content[b-pi5y7mr5zk] {
                padding: 2rem 0.75rem;
            }

            .service-text[b-pi5y7mr5zk] {
                padding: 1.5rem 1.25rem;
            }

            .service-description[b-pi5y7mr5zk] {
                font-size: 0.95rem;
                margin-bottom: 1.25rem;
            }

            .service-list li[b-pi5y7mr5zk] {
                font-size: 0.9rem;
                gap: 0.5rem;
            }

            .service-icon[b-pi5y7mr5zk] {
                width: 18px;
                height: 18px;
            }
        }
/* /Components/Marketing/TripBuilderSection.razor.rz.scp.css */
.trip-builder-section[b-cgbprji5b5] {
    background-color: white;
    padding: 0rem 0;
    margin: 0rem 0 8rem 0;
    position: relative;
    top: -20px;
}

.trip-builder-container[b-cgbprji5b5] {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 0rem;
}

.trip-builder-content[b-cgbprji5b5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
    align-items: center;
}

.trip-builder-text[b-cgbprji5b5] {
    padding-right: 2rem;
    position: relative;
    top: -70px
}

.trip-builder-features[b-cgbprji5b5] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.feature-item[b-cgbprji5b5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.feature-icon[b-cgbprji5b5] {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.feature-icon img[b-cgbprji5b5] {

}

.feature-text[b-cgbprji5b5] {
    font-size: 1rem;
    line-height: 1.6;
    color: #495057;
}

.feature-text strong[b-cgbprji5b5] {
    color: #212529;
    font-weight: 600;
}

.trip-builder-visual[b-cgbprji5b5] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.trip-builder-mockup[b-cgbprji5b5] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 100%;
    max-width: 500px;
    position: relative;
}

.mockup-image[b-cgbprji5b5] {
    width: 100%;
    height: auto;
    display: block;
}

.book-now-button-container[b-cgbprji5b5] {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
}


@media (max-width: 768px) {

    .trip-builder-content[b-cgbprji5b5] {
        grid-template-columns: 1fr;
        gap: 3rem;
        text-align: center;
    }

    .trip-builder-text[b-cgbprji5b5] {
        top: 0;
        padding-right: 0;
        order: 2;
    }

    .trip-builder-visual[b-cgbprji5b5] {
        order: 1;
    }

    .trip-builder-section[b-cgbprji5b5] {
        top: 0;
        padding-top: 30px;
        margin: 1.5rem 0;
    }
    
    .trip-builder-container[b-cgbprji5b5] {
        padding: 0 1rem;
    }
    
    .feature-item[b-cgbprji5b5] {
        text-align: left;
    }
    
    .book-now-button-container[b-cgbprji5b5] {
        bottom: 15px;
        right: 15px;
    }
}
/* /Components/Marketing/WhySelfDriveSection.razor.rz.scp.css */
.why-self-drive-section[b-qsj7r9ki25] {
    position: relative;
    width: 100%;
    height: 60vh;
    min-height: 500px;
    background-image: url('/_content/Chinanar.ComponentLib/images/why-self-drive-in-china.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    margin-bottom: 100px;
}

.content-overlay[b-qsj7r9ki25] {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 2rem;
}

.text-content[b-qsj7r9ki25] {
    background-color: rgba(0, 201, 199, 0.85);
    max-width: 600px;
    color: white;
    padding: 40px;
}

.section-title[b-qsj7r9ki25] {
    color: white;
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 1rem;
    opacity: 0.9;
    letter-spacing: 0.5px;
}

.main-heading[b-qsj7r9ki25] {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.3;
    margin-bottom: 2rem;
    color: white;
}

.read-more-btn[b-qsj7r9ki25] {
    background: transparent;
    border: 2px solid white;
    color: white;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.read-more-btn:hover[b-qsj7r9ki25] {
    background: white;
    color: var(--dragonroads-tertiary);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.read-more-btn:active[b-qsj7r9ki25] {
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 768px) {
    .why-self-drive-section[b-qsj7r9ki25] {
        height: 50vh;
        min-height: 400px;
    }
    
    .content-overlay[b-qsj7r9ki25] {
        padding: 0 1.5rem;
    }

    .text-content[b-qsj7r9ki25] {
        max-width: 100%;
        padding: 25px;
    }
    
    .section-title[b-qsj7r9ki25] {
        font-size: 1rem;
        margin-bottom: 0.75rem;
    }

    .main-heading[b-qsj7r9ki25] {
        font-size: 20px;
        line-height: 1.4;
    }
    
    .read-more-btn[b-qsj7r9ki25] {
        padding: 0.6rem 1.5rem;
        font-size: 0.9rem;
    }
}
/* /Components/Marketing/WhySelfDriveVideo.razor.rz.scp.css */
.why-self-drive-video-section[b-c5rfgwoxow] {
    width: 100%;
    position: relative;
    padding-bottom: 5rem;
    margin-bottom: 100px;
}

.why-self-drive-video-section[b-c5rfgwoxow]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 640px;
    background-color: #5DD3D1;
    z-index: 0;
}

.content-wrapper[b-c5rfgwoxow] {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 2rem;
}

.text-content[b-c5rfgwoxow] {
    text-align: center;
    max-width: 900px;
    margin: 0 auto 60px;
    padding-top: 80px;
}

.section-title[b-c5rfgwoxow] {
    color: white;
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 1.25rem;
    opacity: 0.95;
    letter-spacing: 0.5px;
}

.main-heading[b-c5rfgwoxow] {
    font-size: 1.75rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    color: white;
}

.video-container[b-c5rfgwoxow] {
    max-width: 800px;
    margin: 0 auto;
}

.video-wrapper[b-c5rfgwoxow] {
    position: relative;
    padding-top: 56.25%;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    background: white;
}

.video-wrapper iframe[b-c5rfgwoxow] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Responsive Design */
@media (max-width: 992px) {
    .why-self-drive-video-section[b-c5rfgwoxow] {
        padding-bottom: 80px;
    }

        .why-self-drive-video-section[b-c5rfgwoxow]::before {
            height: 580px;
        }
    
    .text-content[b-c5rfgwoxow] {
        padding-top: 60px;
        margin-bottom: 50px;
    }
    
    .main-heading[b-c5rfgwoxow] {
        font-size: 1.5rem;
    }
}

@media (max-width: 768px) {
    .why-self-drive-video-section[b-c5rfgwoxow] {
        padding-bottom: 60px;
        margin-bottom: 60px;
    }
    
    .why-self-drive-video-section[b-c5rfgwoxow]::before {
        height: 460px;
    }
    
    .content-wrapper[b-c5rfgwoxow] {
        padding: 0 1.5rem;
    }
    
    .text-content[b-c5rfgwoxow] {
        padding-top: 50px;
        margin-bottom: 40px;
    }
    
    .section-title[b-c5rfgwoxow] {
        font-size: 1rem;
        margin-bottom: 1rem;
    }

    .main-heading[b-c5rfgwoxow] {
        font-size: 1.25rem;
        line-height: 1.5;
    }
    
    .video-wrapper[b-c5rfgwoxow] {
        border-radius: 12px;
    }
}

@media (max-width: 480px) {
    .why-self-drive-video-section[b-c5rfgwoxow] {
        padding-bottom: 40px;
    }

        .why-self-drive-video-section[b-c5rfgwoxow]::before {            
            height: 380px;
        }
    
    .content-wrapper[b-c5rfgwoxow] {
        padding: 0 1rem;
    }
    
    .text-content[b-c5rfgwoxow] {
        padding-top: 40px;
    }
    
    .main-heading[b-c5rfgwoxow] {
        font-size: 1.1rem;
    }
    
    .video-wrapper[b-c5rfgwoxow] {
        border-radius: 8px;
    }
}

/* /Components/Pages/About.razor.rz.scp.css */

.about-container[b-a6a4h4veqm] {
    max-width: 80%;
    margin: 0 auto;
    padding: 0rem 0rem;
}

.about-header[b-a6a4h4veqm] {
    margin-bottom: 3rem;
}

.about-header h1[b-a6a4h4veqm] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin: 0;
}

/* Intro Section with Text and Badge */
.about-intro[b-a6a4h4veqm] {
    display: flex;
    align-items: flex-start;
    gap: 3rem;
    margin-bottom: 4rem;
}

.intro-text[b-a6a4h4veqm] {
    flex: 1;
}

.intro-text p[b-a6a4h4veqm] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 1.5rem;
}

.intro-text p:last-child[b-a6a4h4veqm] {
    margin-bottom: 0;
}

.intro-badge[b-a6a4h4veqm] {
    flex-shrink: 0;
}

.intro-badge img[b-a6a4h4veqm] {
    width: 230px;
    height: auto;
}

/* Why Us Section */
.why-us-section[b-a6a4h4veqm] {
    margin-top: 4rem;
}

.why-us-image-container[b-a6a4h4veqm] {
    min-height: 500px;
    position: relative;
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.why-us-image[b-a6a4h4veqm] {
    width: 100%;
    min-height: 550px;
    display: block;
}

.why-us-overlay[b-a6a4h4veqm] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
    padding: 3rem;
    text-align: center;
}

.why-us-overlay h2[b-a6a4h4veqm] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    letter-spacing: 2px;
}

.title-underline[b-a6a4h4veqm] {
    width: 120px;
    height: 3px;
    background-color: var(--dragonroads-primary);
    margin: 0 auto 2rem;
}

.why-us-overlay p[b-a6a4h4veqm] {
    font-size: 1.3rem;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
    text-shadow: 0 3px 5px rgba(0, 0, 0, 1);
}

.image-caption[b-a6a4h4veqm] {
    font-size: 0.9rem;
    color: #666;
    margin-top: 1rem;
    font-style: italic;
    line-height: 1.5;
}

.section-title[b-a6a4h4veqm] {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: left;
}

/* Meet the Creators Section */
.creators-section[b-a6a4h4veqm] {
    margin-top: 5rem;
    padding-top: 3rem;
    margin-bottom: 8rem;
}

.creators-content[b-a6a4h4veqm] {
    display: flex;
    gap: 3rem;
    align-items: flex-start;
}

.creators-text[b-a6a4h4veqm] {
    flex: 1;
}

.creators-text p[b-a6a4h4veqm] {
    font-size: 1.05rem;
    line-height: 1.8;
    color: #444;
    margin-bottom: 1.5rem;
}

.creators-text p:last-child[b-a6a4h4veqm] {
    margin-bottom: 0;
}

.creators-image[b-a6a4h4veqm] {
    flex-shrink: 0;
    max-width: 250px;
    padding-top: 30px;
}

.creators-image img[b-a6a4h4veqm] {
    width: 100%;
    height: auto;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.creators-image .image-caption[b-a6a4h4veqm] {
    font-size: 0.9rem;
    color: #666;
    margin-top: 1rem;
    font-style: italic;
    text-align: center;
}

/* Responsive Design */
@media (max-width: 992px) {
    .about-intro[b-a6a4h4veqm] {
        gap: 2rem;
    }
    
    .intro-badge img[b-a6a4h4veqm] {
        width: 200px;
    }
    
    .why-us-overlay h2[b-a6a4h4veqm] {
        font-size: 2.5rem;
    }
    
    .why-us-overlay p[b-a6a4h4veqm] {
        font-size: 1.2rem;
    }
    
    .creators-content[b-a6a4h4veqm] {
        gap: 2rem;
    }
    
    .creators-image[b-a6a4h4veqm] {
        max-width: 400px;
    }
}

@media (max-width: 768px) {

    .about-container[b-a6a4h4veqm] {
        padding: 0;
        max-width: 90%;
    }
    
    .about-header h1[b-a6a4h4veqm] {
        font-size: 2rem;
    }
    
    .about-intro[b-a6a4h4veqm] {
        flex-direction: column;
        align-items: center;
        text-align: left;
    }
    
    .intro-badge[b-a6a4h4veqm] {
        order: -1;
        display: flex;
        justify-content: center;
    }
    
    .intro-badge img[b-a6a4h4veqm] {
        width: 180px;
    }
    
    .intro-text p[b-a6a4h4veqm] {
        font-size: 1rem;
    }
    
    .why-us-overlay[b-a6a4h4veqm] {
        padding: 2rem 1.5rem;
    }
    
    .why-us-overlay h2[b-a6a4h4veqm] {
        font-size: 2rem;
    }
    
    .why-us-overlay p[b-a6a4h4veqm] {
        font-size: 1.1rem;
    }
    
    .title-underline[b-a6a4h4veqm] {
        width: 100px;
        margin-bottom: 1.5rem;
    }
    
    .creators-section[b-a6a4h4veqm] {
        margin-top: 5rem;
    }
    
    .creators-content[b-a6a4h4veqm] {
        flex-direction: column;
        gap: 2rem;
    }
    
    .creators-text p[b-a6a4h4veqm] {
        font-size: 1rem;
    }

    .creators-image[b-a6a4h4veqm] {
        margin: 0 auto;
        width: 85%;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 0px;
    }
}

/* /Components/Pages/Affiliate/AffiliateRegister.razor.rz.scp.css */
.row[b-k33p5nhuhr] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    margin: 0;
}

.col-md-4[b-k33p5nhuhr] {
    width: 100%;
    max-width: 600px;
    padding: 0 1rem;
}

.name-row[b-k33p5nhuhr] {
    display: flex;
    gap: 1rem;
}

.name-row > div[b-k33p5nhuhr] {
    flex: 1;
}

@media (max-width: 768px) {
    .col-md-4[b-k33p5nhuhr] {
        padding: 0;
    }

    .name-row[b-k33p5nhuhr] {
        flex-direction: column;
        gap: 0;
    }
}
/* /Components/Pages/Affiliate/AffiliateTermsAndConditions.razor.rz.scp.css */
.terms-container[b-y35634l9hh] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.terms-header[b-y35634l9hh] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.terms-header h1[b-y35634l9hh] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 0.75rem 0;
}

.last-updated[b-y35634l9hh] {
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    opacity: 0.6;
    margin: 0;
}

.company-name[b-y35634l9hh] {
    font-size: 1rem;
    color: var(--dragonroads-black-text);
    font-weight: 600;
    margin: 0.5rem 0 0 0;
}

.company-address[b-y35634l9hh] {
    font-size: 0.95rem;
    color: #666;
    margin-top: 0.5rem;
    line-height: 1.5;
}

.company-address a[b-y35634l9hh] {
    color: var(--dragonroads-primary);
    text-decoration: none;
}

.company-address a:hover[b-y35634l9hh] {
    text-decoration: underline;
}

.terms-content[b-y35634l9hh] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 4rem;
}

.terms-section[b-y35634l9hh] {
    line-height: 1.8;
}

.terms-section h2[b-y35634l9hh] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--dragonroads-secondary);
    display: inline-block;
}

.terms-section h3[b-y35634l9hh] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 1.5rem 0 0.75rem 0;
}

.terms-section p[b-y35634l9hh] {
    font-size: 1rem;
    color: #444;
    margin: 0 0 1rem 0;
}

.terms-section ul[b-y35634l9hh] {
    margin: 0 0 1rem 0;
    padding-left: 1.5rem;
}

.terms-section ul li[b-y35634l9hh] {
    font-size: 1rem;
    color: #444;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.terms-section ul li strong[b-y35634l9hh] {
    color: var(--dragonroads-black-text);
}

.terms-section a[b-y35634l9hh] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.terms-section a:hover[b-y35634l9hh] {
    text-decoration: underline;
}

.contact-info[b-y35634l9hh] {
    list-style: none;
    padding-left: 0;
}

.contact-info li[b-y35634l9hh] {
    padding: 0.5rem 0;
}

.preamble[b-y35634l9hh] {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-left: 4px solid var(--dragonroads-primary);
    border-radius: 4px;
}

.preamble-text[b-y35634l9hh] {
    margin: 0;
    font-size: 1rem;
    color: #444;
}

.ficav-notice[b-y35634l9hh] {
    background-color: #f0f7ff;
    padding: 1.5rem;
    border-left: 4px solid var(--dragonroads-secondary);
    border-radius: 4px;
    margin-top: 1rem;
}

.language-clause[b-y35634l9hh] {
    margin-top: 1.5rem;
    font-style: italic;
    color: #666;
    border-top: 1px dashed #ccc;
    padding-top: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .terms-container[b-y35634l9hh] {
        padding: 0;
    }

    .terms-header h1[b-y35634l9hh] {
        font-size: 2rem;
    }

    .terms-section h2[b-y35634l9hh] {
        font-size: 1.25rem;
    }

    .terms-section h3[b-y35634l9hh] {
        font-size: 1.05rem;
    }

    .terms-section p[b-y35634l9hh],
    .terms-section ul li[b-y35634l9hh] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/Affiliate/Dashboard.razor.rz.scp.css */
.affiliate-dashboard[b-u9gp1bvvoa] {
    max-width: 1000px;
}

.not-authenticated[b-u9gp1bvvoa],
.loading[b-u9gp1bvvoa] {
    text-align: center;
    padding: 3rem;
    color: #757575;
}

.welcome-section h1[b-u9gp1bvvoa] {
    margin: 0 0 1rem 0;
    color: var(--dragonroads-black-text);
    font-size: 1.75rem;
}

.status-banner[b-u9gp1bvvoa] {
    padding: 1rem;
    border-radius: 6px;
    margin-bottom: 1.5rem;
}

.status-banner.pending[b-u9gp1bvvoa] {
    background: #FFF3CD;
    color: #856404;
}

.status-banner.suspended[b-u9gp1bvvoa] {
    background: #F8D7DA;
    color: #721C24;
}

/* Referral Link Card */
.referral-link-card[b-u9gp1bvvoa] {
    background: #F5F5F5;
    border-radius: 8px;
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.referral-link-card h3[b-u9gp1bvvoa] {
    margin: 0 0 1rem 0;
    color: var(--dragonroads-black-text);
    font-size: 1.75rem;
}

.link-display[b-u9gp1bvvoa] {
    display: flex;
    gap: 0.5rem;
}

.link-display input[b-u9gp1bvvoa] {
    flex: 1;
    padding: 0.75rem;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    font-size: 0.875rem;
    background: white;
}

.link-code[b-u9gp1bvvoa] {
    margin: 0.75rem 0 0 0;
    font-size: 0.875rem;
    color: #757575;
}

.link-code code[b-u9gp1bvvoa] {
    background: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-weight: 600;
}

/* Stats Grid */
.stats-grid[b-u9gp1bvvoa] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-u9gp1bvvoa] {
    background: white;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 1.25rem;
    text-align: center;
    overflow: hidden;
}

    .stat-card.stat-card-pending[b-u9gp1bvvoa] {
        background: #ECF8F2;
        border-color: #BFE8D2;
    }

.stat-card.stat-card-paid .stat-value[b-u9gp1bvvoa],
.stat-card.stat-card-paid .stat-label[b-u9gp1bvvoa] {
    color: white;
}

    .stat-card.stat-card-paid[b-u9gp1bvvoa] {
        background: #2fb8b3;
        border-color: #2fb8b3;
    }

.stat-card.stat-card-pending .stat-value[b-u9gp1bvvoa] {
    color: #0C6A3D;
}

.stat-card.stat-card-pending .stat-label[b-u9gp1bvvoa] {
    color: #2D6A4F;
}

.stat-card.stat-card-pending .fx-tooltip-trigger[b-u9gp1bvvoa] {
    border-bottom-color: rgba(255, 255, 255, 0.6);
}

.stat-card.stat-card-paid .fx-tooltip-trigger[b-u9gp1bvvoa] {
    border-bottom-color: rgba(45, 106, 79, 0.5);
}

.stat-card.stat-card-paid .fx-tooltip-trigger:hover[b-u9gp1bvvoa] {
    border-bottom-color: rgba(12, 106, 61, 0.7);
}

.stat-card.stat-card-pending .fx-tooltip-trigger:hover[b-u9gp1bvvoa] {
    border-bottom-color: rgba(255, 255, 255, 0.85);
}

.stat-card.stat-card-pending .fx-tooltip-wrapper .fx-tooltip[b-u9gp1bvvoa] {
    color: white;
}

.stat-value[b-u9gp1bvvoa] {
    font-size: clamp(1.2rem, 1.6vw, 1.75rem);
    font-weight: 600;
    color: var(--dragonroads-black-text);
    white-space: nowrap;
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.stat-label[b-u9gp1bvvoa] {
    font-size: 0.8125rem;
    color: #757575;
    margin-top: 0.25rem;
}

/* Earnings Breakdown */
.earnings-breakdown[b-u9gp1bvvoa] {
    display: flex;
    gap: 2rem;
    padding: 1rem;
    background: #FAFAFA;
    border-radius: 6px;
    margin-bottom: 2rem;
}

.earning-item[b-u9gp1bvvoa] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.earning-label[b-u9gp1bvvoa] {
    font-size: 0.875rem;
    color: #757575;
}

.earning-value[b-u9gp1bvvoa] {
    font-weight: 600;
}

.earning-value.pending[b-u9gp1bvvoa] {
    color: var(--dragonroads-quaternary);
}

.earning-value.paid[b-u9gp1bvvoa] {
    color: var(--dragonroads-secondary);
}

/* Commission Info */
.commission-info[b-u9gp1bvvoa] {
    background: white;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 1.25rem;
    margin-bottom: 2rem;
}

.commission-info h3[b-u9gp1bvvoa] {
    margin: 0 0 0.5rem 0;
    font-size: 1.75rem;
    color: var(--dragonroads-black-text);
    font-weight: 600;
}

.commission-info p[b-u9gp1bvvoa] {
    margin: 0;
    font-size: 1rem;
    color: var(--dragonroads-black-text);
}

/* Recent Section */
.recent-section[b-u9gp1bvvoa] {
    margin-top: 2rem;
}

.recent-section h3[b-u9gp1bvvoa] {
    margin: 0 0 1rem 0;
    color: var(--dragonroads-black-text);
    font-size: 1.75rem;
}

.view-all[b-u9gp1bvvoa] {
    display: inline-block;
    margin-top: 1rem;
    color: var(--dragonroads-tertiary);
    text-decoration: none;
}

.view-all:hover[b-u9gp1bvvoa] {
    text-decoration: underline;
}

/* Custom Tooltip Styling */
.fx-tooltip-wrapper[b-u9gp1bvvoa] {
    position: relative;
    display: inline-block;
}

.fx-tooltip-trigger[b-u9gp1bvvoa] {
    display: inline-block;
    cursor: help;
    border-bottom: 1px dotted #999;
    white-space: nowrap;
}

.fx-tooltip[b-u9gp1bvvoa] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: normal;
    max-width: 250px;
    width: max-content;
    z-index: 1000;
    transition: opacity 0.3s, visibility 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.fx-tooltip[b-u9gp1bvvoa]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.fx-tooltip-wrapper:hover .fx-tooltip[b-u9gp1bvvoa] {
    visibility: visible;
    opacity: 1;
}

/* Responsive */
@media (max-width: 768px) {
    .stats-grid[b-u9gp1bvvoa] {
        grid-template-columns: repeat(2, 1fr);
    }

    .earnings-breakdown[b-u9gp1bvvoa] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .link-display[b-u9gp1bvvoa] {
        flex-direction: column;
    }
}
/* /Components/Pages/Affiliate/Earnings.razor.rz.scp.css */
.earnings-page[b-mndkyxb2mp] {
    max-width: 1000px;
}

.earnings-page h1[b-mndkyxb2mp] {
    margin: 0 0 1.5rem 0;
    color: var(--dragonroads-black-text);
    font-size: 1.75rem;
}

/* Custom Tooltip Styling */
.fx-tooltip-wrapper[b-mndkyxb2mp] {
    position: relative;
    display: inline-block;
}

.fx-tooltip-trigger[b-mndkyxb2mp] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

.fx-tooltip[b-mndkyxb2mp] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: normal;
    max-width: 250px;
    width: max-content;
    z-index: 1000;
    transition: opacity 0.3s, visibility 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.fx-tooltip[b-mndkyxb2mp]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.fx-tooltip-wrapper:hover .fx-tooltip[b-mndkyxb2mp] {
    visibility: visible;
    opacity: 1;
}

.not-authenticated[b-mndkyxb2mp],
.loading[b-mndkyxb2mp],
.empty-state[b-mndkyxb2mp] {
    text-align: center;
    padding: 3rem;
    color: #757575;
}

.empty-state[b-mndkyxb2mp] {
    background: #FAFAFA;
    border-radius: 8px;
}

/* Earnings Summary */
.earnings-summary[b-mndkyxb2mp] {
    display: flex;
    gap: 2rem;
    padding: 1.5rem;
    background: #FAFAFA;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.summary-item[b-mndkyxb2mp] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.summary-label[b-mndkyxb2mp] {
    font-size: 0.8125rem;
    color: #757575;
}

.summary-value[b-mndkyxb2mp] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
}

.summary-value.pending[b-mndkyxb2mp] {
    color: var(--dragonroads-quaternary);
}

.summary-value.paid[b-mndkyxb2mp] {
    color: var(--dragonroads-secondary);
}

/* Filter Bar */
.filter-bar[b-mndkyxb2mp] {
    margin-bottom: 1rem;
}

.filter-bar select[b-mndkyxb2mp] {
    padding: 0.5rem 1rem;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    font-size: 0.875rem;
    color: var(--dragonroads-black-text);
}

@media (max-width: 768px) {
    .earnings-summary[b-mndkyxb2mp] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Pages/Affiliate/Referrals.razor.rz.scp.css */
.referrals-page[b-spa2f3ev2m] {
    max-width: 1200px;
}

.referrals-page h1[b-spa2f3ev2m] {
    margin: 0 0 1.5rem 0;
    color: var(--dragonroads-black-text);
    font-size: 1.75rem;
}

/* Ensure table scrolls horizontally on smaller screens */
.referrals-page .data-table-responsive[b-spa2f3ev2m] {
    overflow-x: auto;
    margin-bottom: 1rem;
}

.referrals-page .data-table[b-spa2f3ev2m] {
    min-width: 900px;
}

.not-authenticated[b-spa2f3ev2m],
.loading[b-spa2f3ev2m],
.empty-state[b-spa2f3ev2m] {
    text-align: center;
    padding: 3rem;
    color: #757575;
}

.empty-state[b-spa2f3ev2m] {
    background: #FAFAFA;
    border-radius: 8px;
}

.landing-page[b-spa2f3ev2m] {
    font-size: 0.8125rem;
    color: #757575;
    font-family: monospace;
}

/* Custom Tooltip Styling */
.fx-tooltip-wrapper[b-spa2f3ev2m] {
    position: relative;
    display: inline-block;
}

.fx-tooltip-trigger[b-spa2f3ev2m] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

.fx-tooltip[b-spa2f3ev2m] {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 125%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #333;
    color: #fff;
    text-align: center;
    padding: 0.75rem 1rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    line-height: 1.4;
    white-space: normal;
    max-width: 250px;
    width: max-content;
    z-index: 1000;
    transition: opacity 0.3s, visibility 0.3s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.fx-tooltip[b-spa2f3ev2m]::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
}

.fx-tooltip-wrapper:hover .fx-tooltip[b-spa2f3ev2m] {
    visibility: visible;
    opacity: 1;
}

/* Mobile Card Layout */
@media (max-width: 768px) {
    .referrals-page .data-table-responsive[b-spa2f3ev2m] {
        overflow-x: visible;
    }

    .referrals-page .data-table[b-spa2f3ev2m] {
        display: block;
        box-shadow: none;
        min-width: 0;
    }

    .referrals-page .data-table thead[b-spa2f3ev2m] {
        display: none;
    }

    .referrals-page .data-table tbody[b-spa2f3ev2m] {
        display: block;
    }

    .referrals-page .data-table tbody tr[b-spa2f3ev2m] {
        display: block;
        margin-bottom: 1rem;
        background: white;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
        padding: 1rem;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .referrals-page .data-table tbody tr:hover[b-spa2f3ev2m] {
        background: white;
    }

    .referrals-page .data-table tbody td[b-spa2f3ev2m] {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }

    .referrals-page .data-table tbody td[b-spa2f3ev2m]::before {
        content: attr(data-label);
        font-weight: 600;
        font-size: 0.75rem;
        color: #757575;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: block;
        margin-bottom: 0.25rem;
    }

    .referrals-page .data-table tbody td:first-child[b-spa2f3ev2m] {
        padding-top: 0;
    }

    .referrals-page .data-table tbody td:last-child[b-spa2f3ev2m] {
        padding-bottom: 0;
    }
}
/* /Components/Pages/BecomeAnAffiliate.razor.rz.scp.css */
/* ================================================
   FULL-WIDTH BANNER AT TOP
   ================================================ */

.affiliate-cta-banner[b-nfpuvyt4mb] {
    position: relative;
    width: 100%;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.affiliate-cta-banner .cta-background[b-nfpuvyt4mb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.affiliate-cta-banner .cta-overlay[b-nfpuvyt4mb] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.affiliate-cta-banner .cta-content[b-nfpuvyt4mb] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.affiliate-cta-banner .cta-heading[b-nfpuvyt4mb] {
    font-size: 2.5rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.affiliate-cta-banner .cta-text[b-nfpuvyt4mb] {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 2rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.affiliate-cta-banner a[b-nfpuvyt4mb] {
    text-decoration: none;
    display: inline-block;
}

[b-nfpuvyt4mb] .cta-button {
    background-color: #d6246e !important;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    text-transform: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

[b-nfpuvyt4mb] .cta-button:hover {
    background-color: #b51d5c !important;
    transform: translateY(-2px);
}

.cta-login-text[b-nfpuvyt4mb] {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
    color: #fff;
    opacity: 0.9;
}

.cta-login-text a[b-nfpuvyt4mb] {
    color: white;
    text-decoration: underline;
}

.cta-login-text a:hover[b-nfpuvyt4mb] {
    opacity: 0.8;
}

/* ================================================
   PAGE CONTENT
   ================================================ */

.affiliate-landing-container[b-nfpuvyt4mb] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Intro */
.affiliate-intro[b-nfpuvyt4mb] {
    margin-bottom: 3rem;
}

.intro-content[b-nfpuvyt4mb] {
    font-size: 1.125rem;
    line-height: 1.7;
    color: var(--dragonroads-black-text);
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

/* Benefits Section with Dragon Background */
.benefits-section[b-nfpuvyt4mb] {
    background-image: url(/_content/Chinanar.ComponentLib/images/dragon-background.webp);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 4rem 1rem;
    margin-bottom: 0;
}

.benefits-inner[b-nfpuvyt4mb] {
    max-width: 1000px;
    margin: 0 auto;
}

.benefits-section h2[b-nfpuvyt4mb] {
    text-align: center;
    font-size: 1.75rem;
    color: var(--dragonroads-black-text);
    margin-bottom: 2rem;
}

.benefits-grid[b-nfpuvyt4mb] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.benefit-card[b-nfpuvyt4mb] {
    background: white;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    padding: 1.5rem;
    text-align: center;
    transition: box-shadow 0.2s, transform 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 220px;
}

.benefit-card:hover[b-nfpuvyt4mb] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.benefit-icon[b-nfpuvyt4mb] {
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    color: var(--dragonroads-primary);
}

.benefit-icon svg[b-nfpuvyt4mb] {
    width: 100%;
    height: 100%;
}

.benefit-card h3[b-nfpuvyt4mb] {
    font-size: 1.125rem;
    color: var(--dragonroads-black-text);
    margin: 0 0 0.75rem 0;
}

.benefit-card p[b-nfpuvyt4mb] {
    font-size: 0.9375rem;
    color: #757575;
    margin: 0;
    line-height: 1.5;
}

/* How It Works Section */
.how-it-works-section[b-nfpuvyt4mb] {
    background: #FAFAFA;
    padding: 3rem 2rem;
    border-radius: 8px;
    margin-bottom: 4rem;
}

.how-it-works-section h2[b-nfpuvyt4mb] {
    text-align: center;
    font-size: 1.75rem;
    color: var(--dragonroads-black-text);
    margin-bottom: 2.5rem;
}

.steps-container[b-nfpuvyt4mb] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0;
}

.step[b-nfpuvyt4mb] {
    text-align: center;
    flex: 1;
    max-width: 200px;
}

.step-number[b-nfpuvyt4mb] {
    width: 48px;
    height: 48px;
    background: var(--dragonroads-primary);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    font-weight: 600;
    margin: 0 auto 1rem;
}

.step h3[b-nfpuvyt4mb] {
    font-size: 1rem;
    color: var(--dragonroads-black-text);
    margin: 0 0 0.5rem 0;
}

.step p[b-nfpuvyt4mb] {
    font-size: 0.875rem;
    color: #757575;
    margin: 0;
    line-height: 1.5;
}

.step-connector[b-nfpuvyt4mb] {
    width: 40px;
    height: 2px;
    background: #E0E0E0;
    margin-top: 24px;
    flex-shrink: 0;
}

/* Bottom CTA Section (original solid-color style) */
.cta-section[b-nfpuvyt4mb] {
    text-align: center;
    background: var(--dragonroads-tertiary);
    color: white;
    padding: 3rem 2rem;
    border-radius: 8px;
}

.cta-section h2[b-nfpuvyt4mb] {
    font-size: 1.75rem;
    margin: 0 0 1rem 0;
}

.cta-section > p[b-nfpuvyt4mb] {
    font-size: 1.125rem;
    margin: 0 0 1.5rem 0;
    opacity: 0.9;
}

.cta-section a[b-nfpuvyt4mb] {
    text-decoration: none;
    display: inline-block;
}

[b-nfpuvyt4mb] .apply-button {
    padding: 1rem 2.5rem !important;
    font-size: 1rem;
}

.login-text[b-nfpuvyt4mb] {
    margin-top: 1.5rem !important;
    font-size: 0.9375rem;
    opacity: 0.9;
}

.login-text a[b-nfpuvyt4mb] {
    color: white;
    text-decoration: underline;
}

.login-text a:hover[b-nfpuvyt4mb] {
    opacity: 0.8;
}

/* ================================================
   RESPONSIVE
   ================================================ */

@media (max-width: 900px) {
    .benefits-grid[b-nfpuvyt4mb] {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .steps-container[b-nfpuvyt4mb] {
        flex-wrap: wrap;
        gap: 1.5rem;
    }
    
    .step-connector[b-nfpuvyt4mb] {
        display: none;
    }
    
    .step[b-nfpuvyt4mb] {
        flex: 0 0 45%;
    }
}

@media (max-width: 768px) {
    .benefits-section[b-nfpuvyt4mb] {
        background-image: none;
        padding: 3rem 1rem;
    }

    .affiliate-cta-banner[b-nfpuvyt4mb] {
        min-height: 400px;
    }

    .affiliate-cta-banner .cta-content[b-nfpuvyt4mb] {
        padding: 2rem 1.5rem;
    }

    .affiliate-cta-banner .cta-heading[b-nfpuvyt4mb] {
        font-size: 1.75rem;
        margin-bottom: 0.75rem;
    }

    .affiliate-cta-banner .cta-text[b-nfpuvyt4mb] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    [b-nfpuvyt4mb] .cta-button {
        font-size: 0.9rem;
        padding: 0.75rem 1.5rem;
    }
}

@media (max-width: 600px) {
    .affiliate-cta-banner .cta-heading[b-nfpuvyt4mb] {
        font-size: 1.5rem;
    }
    
    .benefits-grid[b-nfpuvyt4mb] {
        grid-template-columns: 1fr;
    }

    .benefit-card[b-nfpuvyt4mb] {
        min-height: auto;
    }
    
    .step[b-nfpuvyt4mb] {
        flex: 0 0 100%;
    }
}

@media (max-width: 480px) {
    .affiliate-cta-banner[b-nfpuvyt4mb] {
        min-height: 350px;
    }

    .affiliate-cta-banner .cta-content[b-nfpuvyt4mb] {
        padding: 1.5rem 1rem;
    }

    .affiliate-cta-banner .cta-heading[b-nfpuvyt4mb] {
        font-size: 1.25rem;
    }

    .affiliate-cta-banner .cta-text[b-nfpuvyt4mb] {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    [b-nfpuvyt4mb] .cta-button {
        font-size: 0.85rem;
        padding: 0.7rem 1.25rem;
    }
}
/* /Components/Pages/Blog.razor.rz.scp.css */

@media (max-width: 768px) {
}

/* /Components/Pages/BlogPost.razor.rz.scp.css */

.blog-post-container[b-e47gsdq3po] {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}

/* Hero Header Section */
.post-header-hero[b-e47gsdq3po] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
    margin: 0 auto 3rem auto;
    max-width: 90%;
    overflow: hidden;
}

.post-header-content[b-e47gsdq3po] {
    background: linear-gradient(135deg, #4a6fa5 0%, #3d5a8c 100%);
    color: white;
    padding: 4rem 3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.post-header-category[b-e47gsdq3po] {
    font-size: 0.95rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
    opacity: 0.9;
    letter-spacing: 0.5px;
}

.post-header-title[b-e47gsdq3po] {
    font-size: 2.75rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    color: white;
}

.post-header-excerpt[b-e47gsdq3po] {
    font-size: 1rem;
    line-height: 1.6;
    opacity: 0.95;
    margin: 0;
    max-width: 500px;
}

.post-header-image[b-e47gsdq3po] {
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.post-header-image img[b-e47gsdq3po] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content Section */
.post-content[b-e47gsdq3po] {
    max-width: 900px;
    margin: 0 auto 3rem auto;
    padding: 0 2rem;
}

.post-body[b-e47gsdq3po] {
    line-height: 1.8;
    font-size: 16px;
}

.post-content-text[b-e47gsdq3po] {
    max-width: 100%;
}

    [b-e47gsdq3po] .post-content-text h2 {
        font-size: 22px;
        margin: 15px 0;
    }

    [b-e47gsdq3po] .post-content-text h3 {
        font-size: 20px;
        margin: 15px 0;
    }

    [b-e47gsdq3po] .post-content-text p {
        padding-bottom: 1px;
        margin-bottom: 10px;
    }

/* Video Container */
.post-video-container[b-e47gsdq3po] {
    margin-bottom: 2rem;
}

.post-video-wrapper[b-e47gsdq3po] {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.post-video-wrapper iframe[b-e47gsdq3po] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.related-posts-section[b-e47gsdq3po] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #e9ecef;
}

.related-posts-title[b-e47gsdq3po] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1.5rem;
}

.related-posts-grid[b-e47gsdq3po] {
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
    max-width: 1000px;
}

/* Responsive Design */
@media (max-width: 992px) {
    .post-header-hero[b-e47gsdq3po] {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .post-header-content[b-e47gsdq3po] {
        padding: 3rem 2rem;
    }

    .post-header-title[b-e47gsdq3po] {
        font-size: 2.25rem;
    }

    .post-header-image[b-e47gsdq3po] {
        min-height: 300px;
    }

    .related-posts-grid[b-e47gsdq3po] {
        grid-template-columns: repeat(2, 1fr);
    }
}

.back-to-hub-link[b-e47gsdq3po] {
    display: none;
}

@media (max-width: 640px) {
    .blog-post-container[b-e47gsdq3po] {
        padding-top: 1rem;
    }
    
    .back-to-hub-link[b-e47gsdq3po] {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
        color: #4a6fa5;
        text-decoration: none;
        font-size: 0.9375rem;
        font-weight: 500;
        transition: color 0.2s ease;
    }
    
    .back-to-hub-link:hover[b-e47gsdq3po] {
        color: #3d5a8c;
    }
    
    .back-to-hub-link svg[b-e47gsdq3po] {
        flex-shrink: 0;
    }
    
    .post-header-content[b-e47gsdq3po] {
        padding: 2rem 1.5rem;
    }

    .post-header-title[b-e47gsdq3po] {
        font-size: 1.875rem;
    }

    .post-header-excerpt[b-e47gsdq3po] {
        font-size: 0.95rem;
    }

    .post-header-image[b-e47gsdq3po] {
        min-height: 250px;
    }

    .post-content[b-e47gsdq3po] {
        padding: 0 1rem;
    }

    .related-posts-grid[b-e47gsdq3po] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}
/* /Components/Pages/Checkout.razor.rz.scp.css */
/* Checkout Page Container */
.checkout-page-container[b-zkhfs2l0tx] {
    min-height: calc(100vh - 200px);
}

.checkout-flow[b-zkhfs2l0tx] {
    max-width: 1100px;
    margin: 0 auto;
}

/* Checkout Steps Indicator */
.checkout-steps[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    margin-bottom: 2rem;
    padding: 0rem 1.5rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.step[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem;
    position: relative;
    min-width: 100px;
}

.step-number[b-zkhfs2l0tx] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e0e0e0;
    color: var(--dragonroads-black-text);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.step.active .step-number[b-zkhfs2l0tx] {
    background: var(--dragonroads-primary);
    color: white;
}

.step.completed .step-number[b-zkhfs2l0tx] {
    background: var(--dragonroads-secondary);
    color: white;
    opacity: 0.7;
}

.step-label[b-zkhfs2l0tx] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    transition: color 0.3s ease;
}

.step.active .step-label[b-zkhfs2l0tx] {
    color: var(--dragonroads-primary);
}

.step.completed .step-label[b-zkhfs2l0tx] {
    color: var(--dragonroads-secondary);
}

.step.locked[b-zkhfs2l0tx] {
    opacity: 0.5;
}

.step.clickable[b-zkhfs2l0tx] {
    cursor: pointer;
    transition: transform 0.2s ease;
}

.step.clickable:hover[b-zkhfs2l0tx] {
    transform: translateY(-2px);
}

.step-connector[b-zkhfs2l0tx] {
    width: 60px;
    height: 3px;
    background: #e0e0e0;
    transition: background 0.3s ease;
}

.step-connector.completed[b-zkhfs2l0tx] {
    background: var(--dragonroads-secondary);
}

/* Checkout Layout with Sidebar */
.checkout-layout[b-zkhfs2l0tx] {
    display: grid;
    grid-template-columns: 1fr 320px;
    gap: 2rem;
    align-items: start;
}

/* Checkout Content */
.checkout-content[b-zkhfs2l0tx] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 2rem;
}

.checkout-content h2[b-zkhfs2l0tx] {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin-bottom: 0.5rem;
}

.form-subtitle[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
    opacity: 0.7;
    margin-bottom: 2rem;
}

/* Booking Overview Sidebar */
.booking-overview[b-zkhfs2l0tx] {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    padding: 1.5rem;
    position: sticky;
    top: 100px;
}

.trip-thumbnail[b-zkhfs2l0tx] {
    max-width: 200px;
    margin-bottom: 21px;
    overflow: hidden;
    border-radius: 6px;
}

.trip-thumbnail img[b-zkhfs2l0tx] {
    width: 100%;
    object-fit: cover;
    display: block;
}

.booking-overview h3[b-zkhfs2l0tx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin-bottom: 1.25rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid #e0e0e0;
}

.overview-content[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.overview-item[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
}

.overview-label[b-zkhfs2l0tx] {
    font-size: 0.875rem;
    color: var(--dragonroads-black-text);
    opacity: 0.7;
}

.overview-value[b-zkhfs2l0tx] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--dragonroads-black-text);
    text-align: right;
}

.overview-divider[b-zkhfs2l0tx] {
    height: 1px;
    background: #e0e0e0;
    margin: 0.5rem 0;
}

.overview-item.total .overview-label[b-zkhfs2l0tx] {
    font-weight: 600;
    opacity: 1;
}

.overview-item.total .overview-value.price[b-zkhfs2l0tx] {
    font-size: 1.125rem;
    font-weight: 700;
    color: var(--dragonroads-primary);
}

.overview-actions[b-zkhfs2l0tx] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid #e0e0e0;
}

.overview-actions :deep(.btn)[b-zkhfs2l0tx] {
    width: 100%;
}

/* Travelers List */
.travelers-list[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.traveler-card[b-zkhfs2l0tx] {
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
}

.traveler-card:hover[b-zkhfs2l0tx] {
}

.traveler-card.adult[b-zkhfs2l0tx] {
}

.traveler-card.child[b-zkhfs2l0tx] {
}

.traveler-header[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.traveler-title[b-zkhfs2l0tx] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 0;
}

.traveler-fields[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.field-row[b-zkhfs2l0tx] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.field-group[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.field-group label[b-zkhfs2l0tx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
}

.field-group input[b-zkhfs2l0tx],
.field-group select[b-zkhfs2l0tx] {
    padding: 0.75rem 1rem;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    font-size: 1rem;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    width: 100%;
    box-sizing: border-box;
    background: white;
    height: 44px;
}

.field-group input:focus[b-zkhfs2l0tx],
.field-group select:focus[b-zkhfs2l0tx] {
    outline: none;
    border-color: var(--dragonroads-secondary);
    box-shadow: 0 0 0 3px rgba(0, 201, 199, 0.1);
}

.field-group input.invalid[b-zkhfs2l0tx],
.field-group select.invalid[b-zkhfs2l0tx] {
    border-color: var(--dragonroads-primary);
    background: rgba(210, 1, 88, 0.05);
}

/* Date input styling */
.field-group input[type="date"][b-zkhfs2l0tx] {
    cursor: pointer;
}

.field-group input[type="date"][b-zkhfs2l0tx]::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

/* Validation Error */
.validation-error[b-zkhfs2l0tx] {
    padding: 1rem;
    background: rgba(231, 174, 75, 0.1);
    border: 1px solid var(--dragonroads-quaternary);
    border-radius: 4px;
    color: #b8860b;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

/* Actions */
.travelers-actions[b-zkhfs2l0tx],
.payment-actions[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    border-top: 1px solid #e0e0e0;
    gap: 1rem;
    flex-wrap: wrap;
}

.back-arrow[b-zkhfs2l0tx] {
    font-size: 1.1rem;
    margin-right: 0.25rem;
    display: inline-block;
}

.forward-arrow[b-zkhfs2l0tx] {
    font-size: 1.1rem;
    margin-left: 0.25rem;
    display: inline-block;
}

/* Spinner */
.spinner[b-zkhfs2l0tx] {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-zkhfs2l0tx 1s linear infinite;
    display: inline-block;
    margin-right: 0.5rem;
}

@keyframes spin-b-zkhfs2l0tx {
    to { transform: rotate(360deg); }
}


#checkout[b-zkhfs2l0tx] {
    padding: 10px;
}

/* Error State */
.checkout-error[b-zkhfs2l0tx] {
    text-align: center;
    padding: 4rem 2rem;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.checkout-error h2[b-zkhfs2l0tx] {
    font-size: 1.5rem;
    color: var(--dragonroads-black-text);
    margin-bottom: 1rem;
}

.checkout-error p[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
    opacity: 0.7;
    margin-bottom: 2rem;
}

/* No Travelers */
.no-travelers[b-zkhfs2l0tx] {
    padding: 2rem;
    text-align: center;
    background: #f8f9fa;
    border-radius: 8px;
    color: var(--dragonroads-black-text);
    margin-bottom: 1.5rem;
}

/* Confirmation Section */
.confirmation-section[b-zkhfs2l0tx] {
    text-align: center;
    padding: 3rem 2rem;
}

.confirmation-section h2[b-zkhfs2l0tx] {
    margin-bottom: 1rem;
}

.confirmation-success h2[b-zkhfs2l0tx] {
    color: var(--dragonroads-secondary);
}

.confirmation-error h2[b-zkhfs2l0tx] {
    color: var(--dragonroads-primary);
}

.confirmation-success[b-zkhfs2l0tx],
.confirmation-error[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
}

.success-icon[b-zkhfs2l0tx],
.error-icon[b-zkhfs2l0tx] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.success-icon[b-zkhfs2l0tx] {
    background: rgba(0, 201, 199, 0.15);
    color: var(--dragonroads-secondary);
}

.error-icon[b-zkhfs2l0tx] {
    background: rgba(210, 1, 88, 0.15);
    color: var(--dragonroads-primary);
}

.email-notice[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
}

.email-notice strong[b-zkhfs2l0tx] {
    color: var(--dragonroads-secondary);
}

.deposit-notice[b-zkhfs2l0tx] {
    padding: 1rem 1.5rem;
    background: rgba(231, 174, 75, 0.1);
    border: 1px solid rgba(231, 174, 75, 0.3);
    border-radius: 8px;
    color: #b8860b;
    margin: 0.5rem 0;
}

.deposit-notice strong[b-zkhfs2l0tx] {
    color: #996f00;
}

.support-notice[b-zkhfs2l0tx] {
    font-size: 0.9rem;
    color: var(--dragonroads-black-text);
    opacity: 0.8;
}

.support-notice a[b-zkhfs2l0tx] {
    color: var(--dragonroads-primary);
    text-decoration: none;
}

.support-notice a:hover[b-zkhfs2l0tx] {
    text-decoration: underline;
}

.confirmation-actions[b-zkhfs2l0tx] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.confirmation-loading[b-zkhfs2l0tx] {
    padding: 3rem;
}

/* Payment Options Section */
.payment-options-section h2[b-zkhfs2l0tx] {
    margin-bottom: 0.5rem;
}

.payment-options-list[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.payment-option-card[b-zkhfs2l0tx] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border: 2px solid #e0e0e0;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: white;
}

.payment-option-card:hover[b-zkhfs2l0tx] {
    border-color: var(--dragonroads-secondary);
    box-shadow: 0 4px 12px rgba(0, 201, 199, 0.1);
}

.payment-option-card.selected[b-zkhfs2l0tx] {
    border-color: var(--dragonroads-secondary);
    background: rgba(0, 201, 199, 0.03);
    box-shadow: 0 4px 12px rgba(0, 201, 199, 0.15);
}

.option-radio[b-zkhfs2l0tx] {
    flex-shrink: 0;
    padding-top: 0.25rem;
}

.radio-circle[b-zkhfs2l0tx] {
    width: 24px;
    height: 24px;
    border: 2px solid #d0d0d0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.radio-circle.checked[b-zkhfs2l0tx] {
    border-color: var(--dragonroads-secondary);
}

.radio-dot[b-zkhfs2l0tx] {
    width: 12px;
    height: 12px;
    background: var(--dragonroads-secondary);
    border-radius: 50%;
}

.option-content[b-zkhfs2l0tx] {
    flex: 1;
}

.option-header[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.option-header h3[b-zkhfs2l0tx] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0;
}

.option-badge[b-zkhfs2l0tx] {
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    background: #f0f0f0;
    color: var(--dragonroads-black-text);
}

.option-badge.recommended[b-zkhfs2l0tx] {
    background: var(--dragonroads-secondary);
    color: white;
}

.option-description[b-zkhfs2l0tx] {
    font-size: 0.9rem;
    color: var(--dragonroads-black-text);
    margin-bottom: 1rem;
    line-height: 1.5;
}

.option-amounts[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.option-amount[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.option-amount.secondary[b-zkhfs2l0tx] {
    opacity: 0.7;
}

.amount-label[b-zkhfs2l0tx] {
    font-size: 0.875rem;
    color: var(--dragonroads-black-text);
}

.amount-value[b-zkhfs2l0tx] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
}

.amount-value.highlight[b-zkhfs2l0tx] {
    color: var(--dragonroads-secondary);
    font-size: 1rem;
}

.balance-collection-note[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: #eee;
    border-radius: 8px;
    margin-top: 0.75rem;
    font-size: 0.85rem;
}

.installment-schedule[b-zkhfs2l0tx] {
    margin-top: 0.75rem;
    padding: 0.85rem 1rem;
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background: #fafafa;
}

.installment-schedule-title[b-zkhfs2l0tx] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin-bottom: 0.5rem;
}

.installment-schedule-list[b-zkhfs2l0tx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.installment-schedule-item[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.85rem;
    color: var(--dragonroads-black-text);
}

.installment-date[b-zkhfs2l0tx] {
    opacity: 0.8;
}

.installment-amount[b-zkhfs2l0tx] {
    font-weight: 600;
    white-space: nowrap;
}

.installment-schedule-toggle[b-zkhfs2l0tx] {
    margin-top: 0.6rem;
    border: none;
    background: transparent;
    color: var(--dragonroads-primary);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    padding: 0;
}

.installment-schedule-toggle:hover[b-zkhfs2l0tx] {
    text-decoration: underline;
}

.note-icon[b-zkhfs2l0tx] {
    font-size: 1rem;
}

.payment-options-actions[b-zkhfs2l0tx] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 2rem;
    border-top: 1px solid #e0e0e0;
    gap: 1rem;
    flex-wrap: wrap;
}

/* Payment Summary Banner */
.payment-summary-banner[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    gap: 1rem;
    border-radius: 8px;
    margin-bottom: 0rem;
    margin-top: 15px;
}

    .payment-summary-banner.full[b-zkhfs2l0tx] {
    }

    .payment-summary-banner.deposit[b-zkhfs2l0tx] {
    }

.banner-icon[b-zkhfs2l0tx] {
    font-size: 1.5rem;
}

.banner-content[b-zkhfs2l0tx] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.banner-content strong[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
}

.banner-content span[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
}

/* Secure Checkout Header */
.secure-checkout-header[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
}

.secure-checkout-header h2[b-zkhfs2l0tx] {
    margin-bottom: 0;
}

/* Stripe Checkout Container */
.stripe-checkout-container[b-zkhfs2l0tx] {
    margin-top: 1rem;
}

.secure-payment-badge[b-zkhfs2l0tx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.secure-payment-badge .stripe-logo[b-zkhfs2l0tx] {
    height: 24px;
    width: auto;
    flex-shrink: 0;
}

.secure-payment-badge span[b-zkhfs2l0tx] {
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--dragonroads-black-text);
}

/* Trust Section */
.trust-section[b-zkhfs2l0tx] {
    margin-top: 0rem;
    padding-top: 1.5rem;
}

.trust-badge[b-zkhfs2l0tx] {
    display: flex;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.trust-icon[b-zkhfs2l0tx] {
    font-size: 1.75rem;
    flex-shrink: 0;
    line-height: 1;
}

.trust-content[b-zkhfs2l0tx] {
    flex: 1;
}

.trust-content strong[b-zkhfs2l0tx] {
    display: block;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin-bottom: 0.4rem;
}

.trust-content p[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
    margin: 0;
    line-height: 1.55;
    margin-bottom: 15px;
}

/* Terms Acceptance */
.terms-acceptance[b-zkhfs2l0tx] {
    padding: 1rem 1.25rem;
    background: #f8f9fa;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    margin-top: 1.5rem;
}

.terms-acceptance p[b-zkhfs2l0tx] {
    color: var(--dragonroads-black-text);
    margin: 0;
    line-height: 1.6;
}

.terms-acceptance a[b-zkhfs2l0tx] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
}

.terms-acceptance a:hover[b-zkhfs2l0tx] {
    text-decoration: underline;
}

/* Vue v-cloak to hide uncompiled template */
[v-cloak][b-zkhfs2l0tx] {
    display: none !important;
}

/* Mobile Responsive */
@media (max-width: 900px) {
    .checkout-layout[b-zkhfs2l0tx] {
        grid-template-columns: 1fr;
    }
    
    .booking-overview[b-zkhfs2l0tx] {
        position: static;
        order: -1;
    }
}

@media (max-width: 768px) {
    .checkout-steps[b-zkhfs2l0tx] {
        flex-wrap: wrap;
        gap: 0;
        padding: 1rem 0;
    }
    
    .step[b-zkhfs2l0tx] {
        min-width: 55px;
        padding: 0.5rem;
    }
    
    .step-number[b-zkhfs2l0tx] {
        width: 32px;
        height: 32px;
        font-size: 0.875rem;
    }
    
    .step-label[b-zkhfs2l0tx] {
        font-size: 0.7rem;
    }
    
    .step-connector[b-zkhfs2l0tx] {
        display: none;
    }
    
    .checkout-content[b-zkhfs2l0tx] {
        padding: 1.5rem;
    }
    
    .field-row[b-zkhfs2l0tx] {
        grid-template-columns: 1fr;
    }
    
    .travelers-actions[b-zkhfs2l0tx],
    .payment-actions[b-zkhfs2l0tx],
    .payment-options-actions[b-zkhfs2l0tx] {
        flex-direction: column;
    }
    
    .travelers-actions :deep(.btn)[b-zkhfs2l0tx],
    .payment-actions :deep(.btn)[b-zkhfs2l0tx],
    .payment-options-actions :deep(.btn)[b-zkhfs2l0tx] {
        width: 100%;
    }
    
    .payment-option-card[b-zkhfs2l0tx] {
        padding: 1rem;
    }
    
    .option-header[b-zkhfs2l0tx] {
        flex-wrap: wrap;
    }
    
    .option-amount[b-zkhfs2l0tx] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.25rem;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
/* Hide v-cloak elements until Vue is ready */
[v-cloak][b-bpxcvy95pt] {
    display: none !important;
}

.contact-page[b-bpxcvy95pt] {
    min-height: 100vh;
    background-color: #ffffff;
    position: relative;
    overflow-x: hidden;
    background-image: url('/_content/Chinanar.ComponentLib/images/dragon-background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: -34px;
}

.contact-hero[b-bpxcvy95pt] {
    padding: 0rem 0 0rem;
    text-align: left;
}

.contact-title[b-bpxcvy95pt] {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.team-avatars[b-bpxcvy95pt] {
    display: flex;
    gap: 0.5rem;
}

.avatar[b-bpxcvy95pt] {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e0e0e0 0%, #c0c0c0 100%);
    border: 3px solid white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.contact-subtitle[b-bpxcvy95pt] {
    font-size: 1.1rem;
    color: #666;
    margin-top: 0.5rem;
}

.contact-content[b-bpxcvy95pt] {
    padding: 1rem 0;
    position: relative;
    z-index: 1;
}

.container[b-bpxcvy95pt] {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 2rem;
}

.contact-grid[b-bpxcvy95pt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: stretch;
}

.contact-right[b-bpxcvy95pt] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: 100%;
}

.contact-card[b-bpxcvy95pt] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

    .contact-card h2[b-bpxcvy95pt] {
        font-size: 1.5rem;
        margin: 0.5rem 0 2rem 0;
        text-align: center;
    }

.card-description[b-bpxcvy95pt] {
    margin-bottom: 1.5rem;
    line-height: 1.6;
    font-size: 0.95rem;
}

.contact-form[b-bpxcvy95pt] {
    max-width: 100%;
}

.form-group[b-bpxcvy95pt] {
    margin-bottom: 1.25rem;
}

.form-group label[b-bpxcvy95pt] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-control[b-bpxcvy95pt] {
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    background-color: #fff;
    font-family: inherit;
}

.form-control:focus[b-bpxcvy95pt] {
    outline: none;
    border-color: #999;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

select.form-control[b-bpxcvy95pt] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

textarea.form-control[b-bpxcvy95pt] {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}

.terms-text[b-bpxcvy95pt] {
    font-size: 0.85rem;
    color: #666;
    margin: 1.5rem 0 1rem;
    font-style: italic;
}

.terms-text a[b-bpxcvy95pt] {
    color: var(--dragonroads-primary, #D20158);
    text-decoration: underline;
}

.form-actions[b-bpxcvy95pt] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
}

.form-actions .btn[b-bpxcvy95pt] {
    padding: 0.65rem 2rem;
    font-size: 0.95rem;
    font-weight: 500;
}

.btn-cancel[b-bpxcvy95pt] {
    min-width: 120px;
}

.btn-send[b-bpxcvy95pt] {
    min-width: 120px;
}

.alert[b-bpxcvy95pt] {
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.alert-success[b-bpxcvy95pt] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-error[b-bpxcvy95pt] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Phone Card */
.phone-cta[b-bpxcvy95pt] {
    text-align: center;
    padding: 1.5rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta-text[b-bpxcvy95pt] {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    font-weight: 500;
}

.btn-book[b-bpxcvy95pt] {
    padding: 0.75rem 2.5rem;
    font-size: 1rem;
    font-weight: 600;
    width: auto;
}

.btn-book:hover[b-bpxcvy95pt] {
    transform: translateY(-1px);
}

/* Quote Card */
.quote-card[b-bpxcvy95pt] {
    background-color: #fff;
}

.quote-cta[b-bpxcvy95pt] {
    text-align: center;
    padding: 1rem 0;
}

.btn-quote[b-bpxcvy95pt] {
    display: inline-block;
    background-color: var(--dragonroads-primary, #D20158);
    color: white !important;
    text-decoration: none;
    padding: 8px 18px;
    border-radius: 25px;
    font-size: 1rem;
    transition: all 0.2s ease;
}

.btn-quote:hover[b-bpxcvy95pt] {
    background-color: #B8014C;
    transform: translateY(-1px);
}

/* Wechat Card */
.wechat-card[b-bpxcvy95pt] {
    background-color: #fff;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.wechat-card .qr-code[b-bpxcvy95pt] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-code[b-bpxcvy95pt] {
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

.qr-placeholder[b-bpxcvy95pt] {
    width: 200px;
    height: 200px;
    border: 2px solid #e0e0e0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.qr-grid[b-bpxcvy95pt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
    padding: 20px;
}

.qr-cell[b-bpxcvy95pt] {
    width: 70px;
    height: 70px;
    background: linear-gradient(135deg, #333 0%, #666 100%);
    border-radius: 4px;
}

.wechat-logo[b-bpxcvy95pt] {
    position: absolute;
    bottom: 15px;
    right: 15px;
    background-color: var(--dragonroads-primary, #D20158);
    color: white;
    padding: 0.3rem 0.6rem;
    border-radius: 4px;
    font-size: 0.9rem;
    font-weight: bold;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .contact-grid[b-bpxcvy95pt] {
        grid-template-columns: 1fr;
    }

    .email-background[b-bpxcvy95pt] {
        font-size: 10rem;
        top: 250px;
    }
    
    .btn-book[b-bpxcvy95pt] {
        width: auto;
    }
}

@media (max-width: 768px) {
    .contact-title[b-bpxcvy95pt] {
        font-size: 1.8rem;
    }

    .avatar[b-bpxcvy95pt] {
        width: 50px;
        height: 50px;
    }

    .email-background[b-bpxcvy95pt] {
        font-size: 6rem;
        top: 220px;
        letter-spacing: 1rem;
    }

    .container[b-bpxcvy95pt] {
        padding: 0 1rem;
    }

    .contact-card[b-bpxcvy95pt] {
        padding: 1.5rem;
    }

    .form-actions[b-bpxcvy95pt] {
        flex-direction: column;
    }

    .form-actions .btn[b-bpxcvy95pt] {
        width: 100%;
    }
    
    .btn-book[b-bpxcvy95pt] {
        width: auto;
    }
}

@media (max-width: 480px) {
    .contact-title[b-bpxcvy95pt] {
        font-size: 1.5rem;
        flex-direction: column;
        align-items: flex-start;
    }

    .team-avatars[b-bpxcvy95pt] {
        margin-top: 0.5rem;
    }

    .email-background[b-bpxcvy95pt] {
        font-size: 4rem;
        top: 240px;
    }

    .qr-placeholder[b-bpxcvy95pt] {
        width: 160px;
        height: 160px;
    }

    .qr-cell[b-bpxcvy95pt] {
        width: 50px;
        height: 50px;
    }
    
    .btn-book[b-bpxcvy95pt] {
        width: auto;
    }
}

/* Hide dragon background on mobile */
@media (max-width: 768px) {
    .contact-page[b-bpxcvy95pt] {
        background-image: none;
    }

    .contact-hero[b-bpxcvy95pt] {
        padding: 1.5rem 0 0rem;
    }
}

/* Popup Overlay - for Calendar popup */
.popup-overlay[b-bpxcvy95pt] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-overlay.modal[b-bpxcvy95pt] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Popup Window */
.popup-window[b-bpxcvy95pt] {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    max-width: 90vw;
    max-height: 90vh;
    overflow: hidden;
}

.popup-window.centered[b-bpxcvy95pt] {
    /* Already centered by flexbox in overlay */
}

/* Popup Titlebar */
.popup-titlebar[b-bpxcvy95pt] {
    background-color: white;
    border-bottom: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.popup-title[b-bpxcvy95pt] {
    font-size: 1.25rem;
    font-weight: 500;
    flex: 1;
    padding: 0 0 0 20px;
}

/* Close Button */
.popup-close-button[b-bpxcvy95pt] {
    position: relative;
    margin: 12px 0;
    top: 8px;
    left: -15px;
    background: none;
    border: none;
    font-size: 2.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

.popup-close-button:hover[b-bpxcvy95pt] {
    background-color: #f5f5f5;
    color: #333;
}

.popup-close-button:active[b-bpxcvy95pt] {
    background-color: #e0e0e0;
}

/* Popup Content */
.popup-content[b-bpxcvy95pt] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}

/* Mobile Responsive for Popup */
@media (max-width: 768px) {
    .popup-window[b-bpxcvy95pt] {
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
        max-height: 100%;
        border-radius: 0;
    }

    .popup-titlebar[b-bpxcvy95pt] {
        padding: 0;
        margin: 24px 18px 8px 24px;
    }

    .popup-title[b-bpxcvy95pt] {
        font-size: 1.1rem;
    }

    .popup-content[b-bpxcvy95pt] {
        padding: 15px;
    }

    .popup-close-button[b-bpxcvy95pt] {
        margin: 0;
        top: 4px;
        left: -12px;
    }
}
/* /Components/Pages/Flights.razor.rz.scp.css */
.flights-page-container[b-vhtjtfmx63] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.flights-hero[b-vhtjtfmx63] {
    text-align: center;
    margin-bottom: 3rem;
    padding: 2rem 1rem;
}

.flights-page-title[b-vhtjtfmx63] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 1rem;
}

.flights-page-subtitle[b-vhtjtfmx63] {
    font-size: 1.125rem;
    color: #666;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .flights-page-container[b-vhtjtfmx63] {
        padding: 1rem 0.5rem;
    }

    .flights-hero[b-vhtjtfmx63] {
        margin-bottom: 2rem;
        padding: 1rem 0.5rem;
    }

    .flights-page-title[b-vhtjtfmx63] {
        font-size: 1.75rem;
    }

    .flights-page-subtitle[b-vhtjtfmx63] {
        font-size: 1rem;
    }
}


/* /Components/Pages/Home.razor.rz.scp.css */

.video-section[b-ki5ckatzno] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    margin-left: 0;
    overflow: hidden;
    z-index: -1;
}

.background-image-section[b-ki5ckatzno] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 70vh;
    margin-left: 0;
    z-index: -1;
    display: none;
    overflow: hidden;
}

    .background-image-section img[b-ki5ckatzno] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.background-image-section[b-ki5ckatzno]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.video-section[b-ki5ckatzno]::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 1;
}

.hero-video[b-ki5ckatzno] {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    min-width: 177.78vh; /* 16:9 aspect ratio */
    min-height: 56.25vw; /* 16:9 aspect ratio */
    transform: translate(-50%, -50%);
    border: none;
    pointer-events: none;
}

.hero-section[b-ki5ckatzno] {
    position: relative;
    margin-top: 18vh;
    height: 60vh;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hero-content[b-ki5ckatzno] {
    text-align: center;
    margin: 0 auto;
    padding: 0 1.5rem;
}

    .hero-content h1[b-ki5ckatzno] {
        color: white;
        font-size: 3rem;
        font-weight: 400;
        line-height: 1.2;
        text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
        margin-bottom: 1rem;
    }

    .hero-content h1 strong[b-ki5ckatzno] {
        font-weight: 700;
    }

.hero-description[b-ki5ckatzno] {
    color: white;
    font-size: 1.3rem;
    line-height: 1.7;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.6), 0 4px 12px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    max-width: 850px;
}

    .hero-description strong[b-ki5ckatzno] {
        font-weight: 600;
    }

#trip-search[b-ki5ckatzno] {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
    width: 100%;
    padding: 0 5%;
    position: absolute;
    top: 22vh;
}

.scroll-indicator[b-ki5ckatzno] {
    position: absolute;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    color: white;
    cursor: pointer;
    animation: bounce-b-ki5ckatzno 2s infinite;
    z-index: 10;
    opacity: 0.8;
    transition: opacity 0.3s ease;
}

    .scroll-indicator:hover[b-ki5ckatzno] {
        opacity: 1;
    }

    .scroll-indicator svg[b-ki5ckatzno] {
        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
    }

@keyframes bounce-b-ki5ckatzno {
    0%, 20%, 50%, 80%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    40% {
        transform: translateX(-50%) translateY(-10px);
    }
    60% {
        transform: translateX(-50%) translateY(-5px);
    }
}

/* Tablet styles */
@media (max-width: 1024px) {
    .hero-content h1[b-ki5ckatzno] {
        font-size: 2.5rem;
    }

    .hero-description[b-ki5ckatzno] {
        font-size: 1.1rem;
    }
}

/* Mobile styles - hide video and show background image */
@media (max-width: 768px) {
    .video-section[b-ki5ckatzno] {
        display: none;
    }
    
    .background-image-section[b-ki5ckatzno] {
        display: block;
        height: 100vh;
        width: 100%;
    }

    .hero-section[b-ki5ckatzno] {
        height: 86vh;
        margin-top: 4vh;
    }

    .hero-content[b-ki5ckatzno] {
        padding: 0 1.25rem;
    }

    .hero-content h1[b-ki5ckatzno] {
        font-size: 2rem;
    }

    .hero-description[b-ki5ckatzno] {
        font-size: 1.05rem;
        line-height: 1.6;
    }
    
    #trip-search[b-ki5ckatzno] {
        top: 32vh;
    }

    .scroll-indicator[b-ki5ckatzno] {
        bottom: 2.5rem;
    }
}

/* Small mobile */
@media (max-width: 480px) {
    .hero-content h1[b-ki5ckatzno] {
        font-size: 1.75rem;
    }

    .hero-description[b-ki5ckatzno] {
        font-size: 1.25rem;
    }
}

/* Smallest mobile */
@media (max-width: 375px) {
    
    .hero-section[b-ki5ckatzno] {

    }

    .hero-content h1[b-ki5ckatzno] {
        font-size: 1.5rem;
    }

    .hero-description[b-ki5ckatzno] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Privacy.razor.rz.scp.css */
.terms-container[b-9denc2wh9s] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.terms-header[b-9denc2wh9s] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.terms-header h1[b-9denc2wh9s] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 0.75rem 0;
}

.last-updated[b-9denc2wh9s] {
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    opacity: 0.6;
    margin: 0;
}

.company-name[b-9denc2wh9s] {
    font-size: 1rem;
    color: var(--dragonroads-black-text);
    font-weight: 600;
    margin: 0.5rem 0 0 0;
}

.terms-content[b-9denc2wh9s] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 4rem;
}

.terms-section[b-9denc2wh9s] {
    line-height: 1.8;
}

.terms-section h2[b-9denc2wh9s] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--dragonroads-secondary);
    display: inline-block;
}

.terms-section h3[b-9denc2wh9s] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 1.5rem 0 0.75rem 0;
}

.terms-section p[b-9denc2wh9s] {
    font-size: 1rem;
    color: #444;
    margin: 0 0 1rem 0;
}

.terms-section ul[b-9denc2wh9s] {
    margin: 0 0 1rem 0;
    padding-left: 1.5rem;
}

.terms-section ul li[b-9denc2wh9s] {
    font-size: 1rem;
    color: #444;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.terms-section ul li strong[b-9denc2wh9s] {
    color: var(--dragonroads-black-text);
}

.terms-section a[b-9denc2wh9s] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.terms-section a:hover[b-9denc2wh9s] {
    text-decoration: underline;
}

.contact-info[b-9denc2wh9s] {
    list-style: none;
    padding-left: 0;
}

.contact-info li[b-9denc2wh9s] {
    padding: 0.5rem 0;
}

.preamble[b-9denc2wh9s] {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-left: 4px solid var(--dragonroads-primary);
    border-radius: 4px;
}

.preamble-text[b-9denc2wh9s] {
    margin: 0;
    font-size: 1rem;
    color: #444;
}

.privacy-officer-card[b-9denc2wh9s] {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 1.5rem;
    margin-top: 1rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}

.privacy-officer-card p[b-9denc2wh9s] {
    margin: 0;
    line-height: 1.6;
}

/* Responsive Design */
@media (max-width: 768px) {
    .terms-container[b-9denc2wh9s] {
        padding: 0;
    }

    .terms-header h1[b-9denc2wh9s] {
        font-size: 2rem;
    }

    .terms-section h2[b-9denc2wh9s] {
        font-size: 1.25rem;
    }

    .terms-section h3[b-9denc2wh9s] {
        font-size: 1.05rem;
    }

    .terms-section p[b-9denc2wh9s],
    .terms-section ul li[b-9denc2wh9s] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/RequestQuote.razor.rz.scp.css */
.request-quote-page[b-0qcpzlz961] {
    min-height: 100vh;
    background-color: #ffffff;
    position: relative;
    overflow-x: hidden;
    background-image: url('/_content/Chinanar.ComponentLib/images/dragon-background.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position-y: -34px;
}

.quote-hero[b-0qcpzlz961] {
    padding: 0rem 0 0rem;
    text-align: left;
}

.quote-title[b-0qcpzlz961] {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.quote-subtitle[b-0qcpzlz961] {
    font-size: 1.1rem;
    color: #666;
    margin-top: 0.5rem;
}

.quote-content[b-0qcpzlz961] {
    padding: 1rem 0;
    position: relative;
    z-index: 1;
}

.container[b-0qcpzlz961] {
    max-width: 90%;
    margin: 0 auto;
    padding: 0 2rem;
}

.quote-card[b-0qcpzlz961] {
    background: white;
    padding: 2rem;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    width: 100%;
}

.quote-card h2[b-0qcpzlz961] {
    font-size: 1.5rem;
    margin: 0.5rem 0 2rem 0;
    text-align: left;
}

/* Form Styles */
.quote-form[b-0qcpzlz961] {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

/* Form Rows */
.form-row[b-0qcpzlz961] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
}

/* Form Groups */
.form-group[b-0qcpzlz961] {
    margin-bottom: 1.25rem;
    position: relative;
}

.form-group label[b-0qcpzlz961] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.required[b-0qcpzlz961] {
    color: var(--dragonroads-primary, #D20158);
    margin-left: 2px;
}

/* Form Controls */
.form-control[b-0qcpzlz961] {
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    background-color: #fff;
    font-family: inherit;
}

.form-control:focus[b-0qcpzlz961] {
    outline: none;
    border-color: #999;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

.form-control[b-0qcpzlz961]::placeholder {
    color: #999;
}

textarea.form-control[b-0qcpzlz961] {
    resize: vertical;
    min-height: 100px;
    font-family: inherit;
}

.textarea-large[b-0qcpzlz961] {
    resize: vertical;
    min-height: 120px;
    line-height: 1.5;
}

/* Date Input Wrapper */
.date-input-wrapper[b-0qcpzlz961] {
    position: relative;
    display: flex;
    align-items: center;
}

.date-input-wrapper .input-icon[b-0qcpzlz961] {
    position: absolute;
    left: 12px;
    width: 18px;
    height: 18px;
    z-index: 1;
    pointer-events: none;
    opacity: 0.6;
}

.date-input[b-0qcpzlz961] {
    padding-left: 40px !important;
    cursor: pointer;
}

.date-input[b-0qcpzlz961]::-webkit-calendar-picker-indicator {
    cursor: pointer;
    opacity: 0.6;
}

.date-input[b-0qcpzlz961]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* Travelers Selector */
.travelers-selector[b-0qcpzlz961] {
    display: flex;
    align-items: center;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: #fff;
    cursor: pointer;
    transition: all 0.2s ease;
    gap: 0.75rem;
}

.travelers-selector:hover[b-0qcpzlz961] {
    border-color: #999;
}

.travelers-icon[b-0qcpzlz961] {
    width: 20px;
    height: 20px;
    opacity: 0.6;
}

.travelers-text[b-0qcpzlz961] {
    flex: 1;
    font-size: 0.95rem;
    color: #333;
}

.chevron-icon[b-0qcpzlz961] {
    font-size: 0.8rem;
    color: #666;
    transition: transform 0.2s ease;
}

.chevron-icon.rotated[b-0qcpzlz961] {
    transform: rotate(180deg);
}

/* Travelers Panel Overlay */
.travelers-panel-overlay[b-0qcpzlz961] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: transparent;
}

/* Travelers Panel */
.travelers-panel[b-0qcpzlz961] {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    background: white;
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18);
    z-index: 1001;
    padding: 0;
    min-width: 320px;
    max-width: 380px;
    border: 1px solid #e0e0e0;
}

.travelers-panel-header[b-0qcpzlz961] {
    padding: 16px 20px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    background: #fafafa;
    border-radius: 12px 12px 0 0;
}

/* Travelers Section */
.travelers-section[b-0qcpzlz961] {
    padding: 20px;
}

/* Traveler Row */
.traveler-row[b-0qcpzlz961] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
}

.traveler-count[b-0qcpzlz961] {
    flex: 1;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: #333;
}

.age-hint[b-0qcpzlz961] {
    display: block;
    font-size: 12px;
    color: #888;
    font-weight: 400;
    margin-top: 2px;
}

/* Square Buttons */
.square-button[b-0qcpzlz961] {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 2px solid #555;
    background: white;
    cursor: pointer;
    outline: none;
    transition: all 0.2s;
    flex-shrink: 0;
    position: relative;
}

.square-button[b-0qcpzlz961]::before,
.square-button[b-0qcpzlz961]::after {
    content: '';
    position: absolute;
    background: #555;
    transition: background 0.2s;
}

/* Horizontal line (minus) */
.square-button[b-0qcpzlz961]::before {
    width: 14px;
    height: 2px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Vertical line (plus only) */
.square-button.increment[b-0qcpzlz961]::after {
    width: 2px;
    height: 14px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.square-button:hover:not(.disabled)[b-0qcpzlz961] {
    border-color: var(--dragonroads-primary);
}

.square-button:hover:not(.disabled)[b-0qcpzlz961]::before,
.square-button:hover:not(.disabled)[b-0qcpzlz961]::after {
    background: var(--dragonroads-primary);
}

.square-button.disabled[b-0qcpzlz961] {
    opacity: 0.3;
    cursor: not-allowed;
    border-color: #ccc;
}

.square-button.disabled[b-0qcpzlz961]::before,
.square-button.disabled[b-0qcpzlz961]::after {
    background: #ccc;
}

/* Children Ages Section */
.children-ages-section[b-0qcpzlz961] {
    margin-top: 12px;
    padding: 12px;
    background: #f8f8f8;
    border-radius: 8px;
}

.child-age-row[b-0qcpzlz961] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    gap: 12px;
}

.child-age-row:last-child[b-0qcpzlz961] {
    margin-bottom: 0;
}

.child-age-row label[b-0qcpzlz961] {
    font-size: 14px;
    color: #333;
    margin: 0;
}

.panel-footer[b-0qcpzlz961] {
    padding: 16px 20px;
    border-top: 1px solid #e8e8e8;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.panel-footer .apply-button[b-0qcpzlz961] {
    min-width: 80px;
}

/* File Upload Styles */
.file-upload-wrapper[b-0qcpzlz961] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.file-input[b-0qcpzlz961] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.file-upload-label[b-0qcpzlz961] {
    flex: 1;
    display: flex;
    align-items: center;
    padding: 0.65rem 0.85rem;
    border: 1px dashed #ddd;
    border-radius: 6px;
    background: #fafafa;
    cursor: pointer;
    font-size: 0.95rem;
    color: #666;
    transition: all 0.2s ease;
}

.file-upload-label:hover:not(.disabled)[b-0qcpzlz961] {
    border-color: #999;
    background: #f5f5f5;
}

.file-upload-label.disabled[b-0qcpzlz961] {
    cursor: not-allowed;
    opacity: 0.6;
}

.file-remove-btn[b-0qcpzlz961] {
    width: 32px;
    height: 32px;
    border: none;
    background: #f0f0f0;
    border-radius: 50%;
    cursor: pointer;
    font-size: 1.2rem;
    color: #666;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.file-remove-btn:hover[b-0qcpzlz961] {
    background: #e0e0e0;
    color: #333;
}

.upload-error[b-0qcpzlz961] {
    color: #dc3545;
    font-size: 0.85rem;
    margin-top: 0.5rem;
}

.upload-info[b-0qcpzlz961] {
    margin-top: 0.5rem;
}

/* Age Select in Travelers Panel */
.age-select[b-0qcpzlz961] {
    width: 80px;
    padding: 0.4rem 0.6rem;
    font-size: 0.9rem;
}

/* Contact Info Section */
.contact-info-section[b-0qcpzlz961] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #eee;
}

.contact-info-section h2[b-0qcpzlz961] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 1.25rem 0;
}

/* Newsletter Toggle */
.newsletter-toggle[b-0qcpzlz961] {
    flex-direction: row !important;
    align-items: center;
    gap: 0.75rem !important;
    display: flex;
}

.toggle-label[b-0qcpzlz961] {
    margin: 0;
    font-weight: 400;
    cursor: pointer;
}

/* Toggle Switch Styling */
.toggle-switch[b-0qcpzlz961] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    margin: 0;
}

.toggle-switch input[b-0qcpzlz961] {
    opacity: 0;
    width: 0;
    height: 0;
}

.toggle-slider[b-0qcpzlz961] {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: 0.3s;
    border-radius: 24px;
}

.toggle-slider[b-0qcpzlz961]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: 0.3s;
    border-radius: 50%;
}

.toggle-switch input:checked + .toggle-slider[b-0qcpzlz961] {
    background-color: var(--dragonroads-primary, #D20158);
}

.toggle-switch input:checked + .toggle-slider[b-0qcpzlz961]:before {
    transform: translateX(20px);
}

/* Turnstile */
#turnstile-container-quote[b-0qcpzlz961] {
    margin: 1rem 0;
}

/* Button Styles */
.btn[b-0qcpzlz961] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.65rem 1.5rem;
    font-size: 0.95rem;
    font-weight: 500;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    font-family: inherit;
}

.btn-rounded[b-0qcpzlz961] {
    border-radius: 25px;
}

.btn-primary[b-0qcpzlz961] {
    color: var(--dragonroads-primary, #D20158);
}

.btn-primary.btn-filled[b-0qcpzlz961] {
    background-color: var(--dragonroads-primary, #D20158);
    color: white;
}

.btn-primary.btn-filled:hover:not(:disabled)[b-0qcpzlz961] {
    background-color: #b00148;
}

.btn-primary.btn-filled:disabled[b-0qcpzlz961] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-text[b-0qcpzlz961] {
    background: transparent;
    color: #333;
}

.btn-text:hover[b-0qcpzlz961] {
    background: #f5f5f5;
}

/* Form Actions */
.form-actions[b-0qcpzlz961] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    align-items: center;
    margin-top: 1.5rem;
}

.form-actions .btn[b-0qcpzlz961] {
    padding: 0.65rem 2rem;
    font-size: 0.95rem;
    font-weight: 500;
}

.btn-submit[b-0qcpzlz961] {
    min-width: 200px;
}

/* Alerts */
.alert[b-0qcpzlz961] {
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    font-size: 0.9rem;
}

.alert-success[b-0qcpzlz961] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-error[b-0qcpzlz961] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .form-row[b-0qcpzlz961] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .quote-title[b-0qcpzlz961] {
        font-size: 1.8rem;
    }

    .container[b-0qcpzlz961] {
        padding: 0 1rem;
    }

    .quote-card[b-0qcpzlz961] {
        padding: 1.5rem;
    }

    .form-actions[b-0qcpzlz961] {
        flex-direction: column;
    }

    .form-actions .btn[b-0qcpzlz961] {
        width: 100%;
    }

    .btn-submit[b-0qcpzlz961] {
        width: 100%;
    }

    /* Hide dragon background on mobile */
    .request-quote-page[b-0qcpzlz961] {
        background-image: none;
    }

    .quote-hero[b-0qcpzlz961] {
        padding: 1.5rem 0 0rem;
    }
}

@media (max-width: 480px) {
    .quote-title[b-0qcpzlz961] {
        font-size: 1.5rem;
        flex-direction: column;
        align-items: flex-start;
    }
}
/* /Components/Pages/TermsAndConditions.razor.rz.scp.css */
.terms-container[b-axn8n7lvpd] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.terms-header[b-axn8n7lvpd] {
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
}

.terms-header h1[b-axn8n7lvpd] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 0.75rem 0;
}

.last-updated[b-axn8n7lvpd] {
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    opacity: 0.6;
    margin: 0;
}

.company-name[b-axn8n7lvpd] {
    font-size: 1rem;
    color: var(--dragonroads-black-text);
    font-weight: 600;
    margin: 0.5rem 0 0 0;
}

.company-address[b-axn8n7lvpd] {
    font-size: 0.95rem;
    color: #666;
    margin-top: 0.5rem;
    line-height: 1.5;
}

.company-address a[b-axn8n7lvpd] {
    color: var(--dragonroads-primary);
    text-decoration: none;
}

.company-address a:hover[b-axn8n7lvpd] {
    text-decoration: underline;
}

.terms-content[b-axn8n7lvpd] {
    display: flex;
    flex-direction: column;
    gap: 2.5rem;
    margin-bottom: 4rem;
}

.terms-section[b-axn8n7lvpd] {
    line-height: 1.8;
}

.terms-section h2[b-axn8n7lvpd] {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--dragonroads-black-text);
    margin: 0 0 1rem 0;
    padding-bottom: 0.5rem;
    border-bottom: 2px solid var(--dragonroads-secondary);
    display: inline-block;
}

.terms-section h3[b-axn8n7lvpd] {
    font-size: 1.1rem;
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 1.5rem 0 0.75rem 0;
}

.terms-section p[b-axn8n7lvpd] {
    font-size: 1rem;
    color: #444;
    margin: 0 0 1rem 0;
}

.terms-section ul[b-axn8n7lvpd] {
    margin: 0 0 1rem 0;
    padding-left: 1.5rem;
}

.terms-section ul li[b-axn8n7lvpd] {
    font-size: 1rem;
    color: #444;
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.terms-section ul li strong[b-axn8n7lvpd] {
    color: var(--dragonroads-black-text);
}

.terms-section a[b-axn8n7lvpd] {
    color: var(--dragonroads-primary);
    text-decoration: none;
    transition: color 0.2s ease;
}

.terms-section a:hover[b-axn8n7lvpd] {
    text-decoration: underline;
}

.contact-info[b-axn8n7lvpd] {
    list-style: none;
    padding-left: 0;
}

.contact-info li[b-axn8n7lvpd] {
    padding: 0.5rem 0;
}

.preamble[b-axn8n7lvpd] {
    background-color: #f8f9fa;
    padding: 1.5rem;
    border-left: 4px solid var(--dragonroads-primary);
    border-radius: 4px;
}

.preamble-text[b-axn8n7lvpd] {
    margin: 0;
    font-size: 1rem;
    color: #444;
}

.ficav-notice[b-axn8n7lvpd] {
    background-color: #f0f7ff;
    padding: 1.5rem;
    border-left: 4px solid var(--dragonroads-secondary);
    border-radius: 4px;
    margin-top: 1rem;
}

.language-clause[b-axn8n7lvpd] {
    margin-top: 1.5rem;
    font-style: italic;
    color: #666;
    border-top: 1px dashed #ccc;
    padding-top: 1rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .terms-container[b-axn8n7lvpd] {
        padding: 0;
    }

    .terms-header h1[b-axn8n7lvpd] {
        font-size: 2rem;
    }

    .terms-section h2[b-axn8n7lvpd] {
        font-size: 1.25rem;
    }

    .terms-section h3[b-axn8n7lvpd] {
        font-size: 1.05rem;
    }

    .terms-section p[b-axn8n7lvpd],
    .terms-section ul li[b-axn8n7lvpd] {
        font-size: 0.95rem;
    }
}
/* /Components/Pages/TripDetail.razor.rz.scp.css */
@media (max-width: 640.98px) {
    .home-container[b-2o8598js5t] {
        padding: 0px;
    }
}

.container[b-2o8598js5t] {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: none;
}

#trip-detail-app[b-2o8598js5t] {
    background-image: url(/_content/Chinanar.ComponentLib/images/dragon-background.webp);
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .container[b-2o8598js5t] {
        top: 7rem;
        left: 0;
        flex-direction: column;
        height: 100%;
    }
}

/* Custom Tabs Styles */
.custom-tabs[b-2o8598js5t] {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.custom-tabs-header[b-2o8598js5t] {
    display: flex;
    border-bottom: 2px solid #ddd; 
    background-color: #fff;
    padding: 0;
    margin: 0;
    position: -webkit-sticky; /* iOS Safari */
    position: sticky;
    top: 0;
    z-index: 1000;
    /* Prevent sub-pixel shifting during scroll */
    contain: layout;
    height: 60px;
}

.custom-tab-button[b-2o8598js5t] {
    flex: 0 0 auto;
    padding: 12px 44px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    bottom: -2px;
}

.custom-tab-button:hover[b-2o8598js5t] {
}

.custom-tab-button.active[b-2o8598js5t] {
    border-bottom-color: #00C9C7;
    background-color: #fff;
}

.custom-tabs-content[b-2o8598js5t] {
    flex: 1;
    overflow: clip;
    background-color: #fff;
}

.custom-tab-panel[b-2o8598js5t] {
    height: 100%;
    overflow: visible;
}

.map-tabs[b-2o8598js5t] {
    height: 100%;
}

@media (max-width: 768px) {
    .left-panel[b-2o8598js5t] {
        width: 100%;
        max-width: 100%;
        height: auto;
        /* Avoid creating a separate scroll container on mobile so sticky works */
        overflow-y: visible;
        z-index: 1;
    }
    
    .custom-tabs-header[b-2o8598js5t] {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: thin;
    }
    
    .custom-tabs-header[b-2o8598js5t]::-webkit-scrollbar {
        height: 4px;
    }
    
    .custom-tabs-header[b-2o8598js5t]::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    
    .custom-tabs-header[b-2o8598js5t]::-webkit-scrollbar-thumb {
        background: #888;
        border-radius: 2px;
    }
    
    .custom-tab-button[b-2o8598js5t] {
        padding: 10px 16px;
        font-size: 16px;
        white-space: nowrap;
        flex-shrink: 0;
    }
}

.d-flex[b-2o8598js5t] {
    display: flex;
}

.gap-2[b-2o8598js5t] {
    gap: 0.5rem;
}

.mb-3[b-2o8598js5t] {
    margin-bottom: 1rem;
}

.form-label[b-2o8598js5t] {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 500;
    color: #212529;
}

.p-3[b-2o8598js5t] {
    padding: 1rem;
}

.custom-marker.highlighted[b-2o8598js5t] {
    transform: scale(1.2);
    transition: transform 0.2s ease;
    box-shadow: 0 0 8px rgba(0,0,0,0.3);
}


.location-gallery[b-2o8598js5t] {
    margin: 12px 0;
}

[b-2o8598js5t] .location-carousel {
    border-radius: 4px;
    overflow: hidden;
}

.text-danger[b-2o8598js5t] {
    color: #dc3545;
}

.fw-bold[b-2o8598js5t] {
    font-weight: bold;
}

/* Keep utility classes needed elsewhere */
.my-2[b-2o8598js5t] {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.text-success[b-2o8598js5t] {
    color: #198754;
}

.text-warning[b-2o8598js5t] {
    color: #ffc107;
}

.text-secondary[b-2o8598js5t] {
    color: #6c757d;
}

/* Toast Notification */
.toast-notification[b-2o8598js5t] {
    position: fixed;
    padding: 12px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    z-index: 10001;
    animation: toastSlideIn-b-2o8598js5t 0.3s ease;
}

.toast-success[b-2o8598js5t] {
    background: #198754;
    color: white;
}

.toast-bottom-center[b-2o8598js5t] {
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
}

@keyframes toastSlideIn-b-2o8598js5t {
    from {
        opacity: 0;
        transform: translateX(-50%) translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateX(-50%) translateY(0);
    }
}

@media (max-width: 768px) {
    /* Estimated Cost Mobile Styles */
    .estimated-cost[b-2o8598js5t] {
        text-align: left;
        padding-left: 15px;
        margin: 15px 0;
        width: 100%;
    }

    .cost-header[b-2o8598js5t] {
        justify-content: flex-start;
    }

    body.popup-open .mobile-sticky-bottom-panel[b-2o8598js5t] {
        display: none !important;
    }
}

/* Highlight pulse animation for scroll-to effect */
.highlight-pulse[b-2o8598js5t] {
    animation: highlightPulse-b-2o8598js5t 4s ease-in-out;
}

@keyframes highlightPulse-b-2o8598js5t {
    0% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
        background-color: transparent;
    }
    10% {
        box-shadow: 0 0 0 15px rgba(220, 53, 69, 0.6);
        background-color: rgba(220, 53, 69, 0.15);
    }
    50% {
        box-shadow: 0 0 0 15px rgba(220, 53, 69, 0.3);
        background-color: rgba(220, 53, 69, 0.08);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(220, 53, 69, 0);
        background-color: transparent;
    }
}

/* Mobile Sticky Bottom Panel */
.mobile-sticky-bottom-panel[b-2o8598js5t] {
    display: none;
}

@media (max-width: 768px) {
    .mobile-sticky-bottom-panel[b-2o8598js5t] {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        padding: 12px 18px;
        box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
        z-index: 1000;
        border-top: 1px solid #e0e0e0;
    }

        .mobile-sticky-bottom-panel[b-2o8598js5t]  .mobile-create-trip-btn {
            float: left;
            margin: 0 auto;
            width: 200px;
            height: 40px;
            font-size: 15px;
            padding: 14px 30px;
            font-weight: 600;
            background-color: var(--dragonroads-primary);
            color: white;
            border: none;
            transition: all 0.3s;
        }
    
    .mobile-sticky-bottom-panel[b-2o8598js5t]  .mobile-create-trip-btn:hover:not(:disabled) {
        background-color: #a80147;
        transform: translateY(-1px);
        box-shadow: 0 4px 12px rgba(210, 1, 88, 0.3);
    }
    
    .mobile-sticky-bottom-panel[b-2o8598js5t]  .mobile-create-trip-btn:active:not(:disabled) {
        transform: translateY(0);
    }
}

/* Edit Name Dialog */
.edit-name-form[b-2o8598js5t] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 8px 0;
}

.edit-name-input[b-2o8598js5t] {
    width: 100%;
    padding: 10px 12px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease;
}

.edit-name-input:focus[b-2o8598js5t] {
    border-color: var(--dragonroads-primary, #00C9C7);
    box-shadow: 0 0 0 2px rgba(0, 201, 199, 0.1);
}

.edit-name-char-count[b-2o8598js5t] {
    font-size: 12px;
    color: #888;
    text-align: right;
    margin-top: -10px;
}

.edit-name-actions[b-2o8598js5t] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}

/* Header Loading State */
.header-loading[b-2o8598js5t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 40px 20px;
    background-color: #fff;
}

/* Itinerary Loading State */
.itinerary-loading[b-2o8598js5t] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 40px 20px;
    background-color: #fafafa;
    border-radius: 8px;
    margin: 20px 0;
}

/* Danger button style */
    .btn-danger[b-2o8598js5t] {
        background-color: #dc3545;
        color: white;
        border: 1px solid #dc3545;
    }

        .btn-danger:hover[b-2o8598js5t] {
            background-color: #c82333;
            border-color: #bd2130;
        }

        .btn-danger:disabled[b-2o8598js5t] {
            opacity: 0.65;
            cursor: not-allowed;
        }

    /* Warning button style */
    .btn-warning[b-2o8598js5t] {
        background-color: #ffc107;
        color: #212529;
        border: 1px solid #ffc107;
    }

        .btn-warning:hover[b-2o8598js5t] {
            background-color: #e0a800;
            border-color: #d39e00;
        }

        .btn-warning:disabled[b-2o8598js5t] {
            opacity: 0.65;
            cursor: not-allowed;
        }


    /* Hide all Vue-controlled elements until Vue compiles the template */
    [v-cloak][b-2o8598js5t] {
        display: none !important;
    }

    /* Hide modal overlays and popups until Vue processes v-if directives */
    .detail-modal-overlay[v-if][b-2o8598js5t],
    .gallery-popup-overlay[v-if][b-2o8598js5t],
    .carousel-fullscreen-overlay[v-if][b-2o8598js5t] {
        display: none !important;
    }

    /* Ensure modals stay hidden until Vue explicitly shows them */
    #trip-detail-app:not(.vue-initialized) .detail-modal-overlay[b-2o8598js5t],
    #trip-detail-app:not(.vue-initialized) .gallery-popup-overlay[b-2o8598js5t],
    #trip-detail-app:not(.vue-initialized) .carousel-fullscreen-overlay[b-2o8598js5t],
    #trip-detail-app:not(.vue-initialized) .delete-confirmation-overlay[b-2o8598js5t] {
        display: none !important;
    }

    /* Admin Modification Confirmation Modal */
    .admin-modification-content[b-2o8598js5t] {
        text-align: center;
        padding: 20px;
    }

    .admin-modification-icon[b-2o8598js5t] {
        margin-bottom: 16px;
    }

    .admin-modification-message[b-2o8598js5t] {
        margin: 0 0 12px 0;
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }

    .admin-modification-submessage[b-2o8598js5t] {
        margin: 0;
        font-size: 14px;
        color: #666;
        line-height: 1.4;
    }

    .admin-modification-actions[b-2o8598js5t] {
        display: flex;
        gap: 12px;
        justify-content: flex-end;
    }

    .admin-modification-actions .btn[b-2o8598js5t] {
        min-width: 100px;
    }

    /* Readonly Trip Blocked Modal */
    .readonly-blocked-content[b-2o8598js5t] {
        text-align: center;
        padding: 20px;
    }

    .readonly-blocked-icon[b-2o8598js5t] {
        margin-bottom: 16px;
    }

    .readonly-blocked-message[b-2o8598js5t] {
        margin: 0 0 12px 0;
        font-size: 16px;
        color: #333;
        line-height: 1.5;
    }

    .readonly-blocked-submessage[b-2o8598js5t] {
        margin: 0;
        font-size: 14px;
        color: #666;
        line-height: 1.4;
    }

    .readonly-blocked-submessage a[b-2o8598js5t] {
        color: var(--dragonroads-tertiary, #15559A);
        text-decoration: underline;
    }

    .readonly-blocked-submessage a:hover[b-2o8598js5t] {
        color: #0e3d73;
    }

    .readonly-blocked-actions[b-2o8598js5t] {
        display: flex;
        justify-content: center;
    }

    .readonly-blocked-actions .btn[b-2o8598js5t] {
        min-width: 120px;
    }
/* /Components/Pages/Trips.razor.rz.scp.css */
body[b-i1vk5fb3dr] {
}

.trips-container[b-i1vk5fb3dr] {
    
}

.hero-section[b-i1vk5fb3dr] {
    margin-bottom: 2rem;
    padding: 0rem;
    margin: 0 auto;
}

.hero-header-row[b-i1vk5fb3dr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
}

.hero-header-row > :first-child[b-i1vk5fb3dr] {
    flex: 1 1 auto;
}

.trip-guide-trigger-row[b-i1vk5fb3dr] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 2rem;
    margin-right: 136px;
}

.trip-guide-trigger[b-i1vk5fb3dr] {
    border: none;
    background: none;
    padding: 0;
    color: var(--dragonroads-primary, #D20158);
    font-size: 1rem;
    cursor: pointer;
    text-decoration: underline;
}

.trip-guide-trigger:hover[b-i1vk5fb3dr] {
    color: #a80147;
    text-decoration: underline;
}

.trip-guide-video-modal[b-i1vk5fb3dr] {
    position: fixed;
    inset: 0;
    z-index: 12000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.7);
}

.trip-guide-video-modal[hidden][b-i1vk5fb3dr] {
    display: none !important;
}

.trip-guide-video-dialog[b-i1vk5fb3dr] {
    position: relative;
    width: min(920px, 94vw);
}

.trip-guide-video-frame[b-i1vk5fb3dr] {
    position: relative;
    padding-top: 56.25%;
    background: #000;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 22px 54px rgba(0, 0, 0, 0.35);
}

.trip-guide-video-frame iframe[b-i1vk5fb3dr] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.trip-guide-video-close[b-i1vk5fb3dr] {
    position: absolute;
    top: -42px;
    right: 0;
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    color: #111;
    font-size: 1.8rem;
    line-height: 1;
    cursor: pointer;
}

.trip-guide-video-close:hover[b-i1vk5fb3dr] {
    background: #fff;
}

.results-section[b-i1vk5fb3dr] {
    padding: 40px 0;
    margin: 0 auto 8rem auto;
}

.cards-grid[b-i1vk5fb3dr] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 2rem;
    padding: 1rem;
    background-image: url('/_content/Chinanar.ComponentLib/images/dragon-background.webp');
    background-size: auto;
    background-position: top;
    background-repeat: no-repeat;
    background-position-y: -34px;
}

.trip-card[b-i1vk5fb3dr] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.trip-card .telerik-card-body[b-i1vk5fb3dr] {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .cards-grid[b-i1vk5fb3dr] {
        grid-template-columns: 1fr;
    }
}

/* Server-rendered loading spinner - shows immediately before Vue mounts */
.ssr-loading-spinner[b-i1vk5fb3dr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 4rem 2rem;
    min-height: 300px;
}

.ssr-loading-spinner .loading-spinner[b-i1vk5fb3dr] {
    width: 50px;
    height: 50px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid var(--dragonroads-primary, #3498db);
    border-radius: 50%;
    animation: spin-b-i1vk5fb3dr 1s linear infinite;
    margin-bottom: 1rem;
}

.ssr-loading-spinner .loading-text[b-i1vk5fb3dr] {
    color: var(--dragonroads-black-text, #333);
    font-size: 1.1rem;
    margin: 0;
    opacity: 0.8;
}

@keyframes spin-b-i1vk5fb3dr {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Hide SSR spinner when Vue has mounted (Vue adds class to parent) */
[data-vue-mounted="true"] .ssr-loading-spinner[b-i1vk5fb3dr] {
    display: none !important;
}

.no-results-message[b-i1vk5fb3dr] {
    text-align: center;
    padding: 3rem 2rem;
    border-radius: 12px;
    margin: 2rem auto;
}

.no-results-message h3[b-i1vk5fb3dr] {
    margin-bottom: 1rem;
    font-size: 1.5rem;
}

.no-results-message p[b-i1vk5fb3dr] {
    font-size: 1.1rem;
    line-height: 1.6;
    margin: 0;
}

    .no-results-message a[b-i1vk5fb3dr] {
        color: var(--dragonroads-primary);
    }

/* Mobile styles - hide dragon background */
@media (max-width: 768px) {
    .hero-header-row[b-i1vk5fb3dr] {
        flex-direction: column;
        align-items: stretch;
    }

    .trip-guide-trigger-row[b-i1vk5fb3dr] {
        justify-content: center;
        margin-bottom: 0.85rem;
        margin-right: 0px;
    }

    .trip-guide-trigger[b-i1vk5fb3dr] {
        text-align: center;
        font-size: 0.95rem;
    }

    .trip-guide-video-dialog[b-i1vk5fb3dr] {
        width: 96vw;
    }

    .trip-guide-video-close[b-i1vk5fb3dr] {
        top: -38px;
        width: 32px;
        height: 32px;
    }

    .cards-grid[b-i1vk5fb3dr] {
        background-image: none;
        padding: 0px;
    }
}
/* /Components/Pages/WhatWeDo.razor.rz.scp.css */
.what-we-do-container[b-lg99edq922] {
    max-width: 900px;
    margin: 0 auto;
    padding: 0rem 0 1rem;
    text-align: center;
}

/* Section Badge - Using SVG */
.section-badge[b-lg99edq922] {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.what-we-do-title[b-lg99edq922] {
    height: 60px;
    width: auto;
}

/* Main Heading */
.main-heading[b-lg99edq922] {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin-bottom: 2.5rem;
    line-height: 1.3;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}

/* Banner Image */
.banner-image-container[b-lg99edq922] {
    width: 100%;
    margin-bottom: 3.5rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.banner-image[b-lg99edq922] {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

/* Mission Content */
.mission-content[b-lg99edq922] {
    max-width: 850px;
    margin: 0 auto 3rem;
}

.mission-text[b-lg99edq922] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: #555;
    margin-bottom: 1.75rem;
    text-align: center;
}

.mission-text:last-child[b-lg99edq922] {
    margin-bottom: 0;
}

.mission-text.stages-intro[b-lg99edq922] {
    margin-top: 2.5rem;
    font-weight: 500;
    color: #444;
}

/* Five Stages Section (Icon Row) */
.stages-section[b-lg99edq922] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 2.5rem;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding: 2rem 0;
}

.stage-item[b-lg99edq922] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    min-width: 100px;
}

.stage-icon[b-lg99edq922] {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stage-icon img[b-lg99edq922] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stage-label[b-lg99edq922] {
    font-size: 0.9rem;
    font-weight: 500;
    color: #555;
    text-align: center;
}

/* ================================================
   DETAILED STAGES TIMELINE
   ================================================ */

.stages-timeline[b-lg99edq922] {
    max-width: 800px;
    margin: 0 auto;
    padding: 3rem 1rem 2rem;
}

.timeline-stage[b-lg99edq922] {
    display: grid;
    grid-template-columns: 1fr 80px;
    gap: 2rem;
    align-items: center;
    position: relative;
    padding: 2rem;
    margin-bottom: 2rem;
    border: 2px solid #ddd;
    border-radius: 8px;
}

.timeline-stage.stage-right[b-lg99edq922] {
    grid-template-columns: 80px 1fr;
}

.timeline-stage.stage-right .stage-content[b-lg99edq922] {
    text-align: left;
}

.timeline-stage.stage-left .stage-content[b-lg99edq922] {
    text-align: left;
}

/* Stage Content */
.stage-content[b-lg99edq922] {
    position: relative;
}

.stage-header[b-lg99edq922] {
    font-size: 1.1rem;
    font-weight: 400;
    color: #666;
    margin-bottom: 0.75rem;
    line-height: 1.4;
}

.stage-number[b-lg99edq922] {
    color: #666;
    font-weight: 400;
    padding-right: 5px;
}

.stage-title[b-lg99edq922] {
    color: var(--dragonroads-tertiary, #15559A);
    font-weight: 600;
}

.stage-description[b-lg99edq922] {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
    margin: 0;
}

.stage-description strong[b-lg99edq922] {
    font-weight: 600;
    color: #333;
}

/* Stage Icon (Large) */
.stage-icon-large[b-lg99edq922] {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stage-icon-large img[b-lg99edq922] {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Services Note */
.services-note[b-lg99edq922] {
    font-size: 1.1rem;
    color: var(--dragonroads-primary);
    text-align: center;
    margin-top: 2rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 1.25rem 1rem;
    letter-spacing: 0.01em;
    line-height: 1.6;
}

/* ================================================
   RESPONSIVE DESIGN
   ================================================ */

@media (max-width: 768px) {
    .what-we-do-container[b-lg99edq922] {
        padding: 1.5rem 1rem 1rem;
    }

    .section-badge[b-lg99edq922] {
        margin-bottom: 1.5rem;
    }

    .what-we-do-title[b-lg99edq922] {
        height: 32px;
    }

    .main-heading[b-lg99edq922] {
        font-size: 1.6rem;
        margin-bottom: 2rem;
    }

    .banner-image-container[b-lg99edq922] {
        margin-bottom: 2.5rem;
        border-radius: 8px;
    }

    .mission-content[b-lg99edq922] {
        margin-bottom: 2rem;
    }

    .mission-text[b-lg99edq922] {
        font-size: 1rem;
        line-height: 1.7;
        margin-bottom: 1.5rem;
    }

    .mission-text.stages-intro[b-lg99edq922] {
        margin-top: 1.5rem;
    }

    .stages-section[b-lg99edq922] {
        gap: 1.5rem;
        padding: 1.5rem 0;
    }

    .stage-item[b-lg99edq922] {
        min-width: 80px;
    }

    .stage-icon[b-lg99edq922] {
        width: 48px;
        height: 48px;
    }

    .stage-label[b-lg99edq922] {
        font-size: 0.8rem;
    }

    /* Timeline Mobile */
    .stages-timeline[b-lg99edq922] {
        padding: 2rem 0.5rem 1rem;
    }

    .timeline-stage[b-lg99edq922] {
        grid-template-columns: 1fr 60px;
        gap: 1rem;
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .timeline-stage.stage-right[b-lg99edq922] {
        grid-template-columns: 60px 1fr;
    }

    .stage-icon-large[b-lg99edq922] {
        width: 52px;
        height: 52px;
    }

    .stage-header[b-lg99edq922] {
        font-size: 1rem;
    }

    .stage-description[b-lg99edq922] {
        font-size: 0.95rem;
        line-height: 1.6;
    }

    .services-note[b-lg99edq922] {
        font-size: 0.9rem;
        margin-top: 2rem;
    }
}

@media (max-width: 480px) {
    .main-heading[b-lg99edq922] {
        font-size: 1.4rem;
    }

    .what-we-do-title[b-lg99edq922] {
        height: 28px;
    }

    .mission-text[b-lg99edq922] {
        font-size: 0.95rem;
    }

    .stages-section[b-lg99edq922] {
        gap: 1rem 1.5rem;
    }

    .stage-item[b-lg99edq922] {
        min-width: 70px;
        flex: 0 0 calc(33.333% - 1rem);
    }

    .stage-icon[b-lg99edq922] {
        width: 44px;
        height: 44px;
    }

    .stage-label[b-lg99edq922] {
        font-size: 0.75rem;
    }

    /* Timeline Mobile Small */
    .timeline-stage[b-lg99edq922] {
        grid-template-columns: 1fr 50px;
        gap: 0.75rem;
        padding: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .timeline-stage.stage-right[b-lg99edq922] {
        grid-template-columns: 50px 1fr;
    }

    .stage-icon-large[b-lg99edq922] {
        width: 44px;
        height: 44px;
    }

    .stage-header[b-lg99edq922] {
        font-size: 0.95rem;
    }

    .stage-description[b-lg99edq922] {
        font-size: 0.9rem;
    }

}

/* ================================================
   CTA SECTION
   ================================================ */

.cta-section[b-lg99edq922] {
    position: relative;
    width: 100%;
    min-height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
    margin-bottom: 3rem;
    overflow: hidden;
}

.cta-background[b-lg99edq922] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
}

.cta-overlay[b-lg99edq922] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 2;
}

.cta-content[b-lg99edq922] {
    position: relative;
    z-index: 3;
    text-align: center;
    max-width: 800px;
    padding: 3rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cta-heading[b-lg99edq922] {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1.5rem;
    font-style: italic;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.cta-text[b-lg99edq922] {
    font-size: 1.25rem;
    font-weight: 600;
    font-style: italic;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 2rem;
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[b-lg99edq922] .cta-button {
    background-color: #d6246e !important;
    color: #fff !important;
    font-size: 1rem;
    font-weight: 600;
    padding: 0.875rem 2rem;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.2s ease;
    text-transform: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

[b-lg99edq922] .cta-button:hover {
    background-color: #b51d5c !important;
    transform: translateY(-2px);
}

/* CTA Section Responsive */
@media (max-width: 768px) {
    .cta-section[b-lg99edq922] {
        min-height: 400px;
        margin-top: 2rem;
    }

    .cta-content[b-lg99edq922] {
        padding: 2rem 1.5rem;
    }

    .cta-heading[b-lg99edq922] {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    .cta-text[b-lg99edq922] {
        font-size: 1rem;
        margin-bottom: 1.5rem;
    }

    [b-lg99edq922] .cta-button {
        font-size: 0.9rem;
        padding: 0.75rem 1.5rem;
    }
}

@media (max-width: 480px) {
    .cta-section[b-lg99edq922] {
        min-height: 350px;
    }

    .cta-content[b-lg99edq922] {
        padding: 1.5rem 1rem;
    }

    .cta-heading[b-lg99edq922] {
        font-size: 1.25rem;
    }

    .cta-text[b-lg99edq922] {
        font-size: 0.9rem;
        line-height: 1.5;
    }

    [b-lg99edq922] .cta-button {
        font-size: 0.85rem;
        padding: 0.7rem 1.25rem;
    }
}
/* /Components/Popup.razor.rz.scp.css */
/* Popup Overlay */
.popup-overlay[b-rktg01g6dh] {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup-overlay.modal[b-rktg01g6dh] {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Popup Window */
.popup-window[b-rktg01g6dh] {
    background-color: white;
    border-radius: 4px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
    display: flex;
    flex-direction: column;
    max-width: 90vw;
    max-height: 90vh;
    overflow: hidden;
}

.popup-window.centered[b-rktg01g6dh] {
    /* Already centered by flexbox in overlay */
}

/* Popup Titlebar */
.popup-titlebar[b-rktg01g6dh] {
    background-color: white;
    border-bottom: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
}

.popup-go-back[b-rktg01g6dh] {
    color: #D20158; /* dragonroads primary */
    text-decoration: none;
    font-size: 1rem;
    padding: 0 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: color 0.2s;
    white-space: nowrap;
}

.popup-go-back:hover[b-rktg01g6dh] {
    color: #a80147;
    text-decoration: underline;
}

.popup-title[b-rktg01g6dh] {
    font-size: 1.25rem;
    font-weight: 500;
    flex: 1;
    padding: 0 0 0 20px;
}

.popup-go-back + .popup-title[b-rktg01g6dh] {
    padding-left: 0;
}

/* Close Button */
.popup-close-button[b-rktg01g6dh] {
    position: relative;
    margin: 12px 0;
    top: 8px;
    left: -15px;
    background: none;
    border: none;
    font-size: 2.5rem;
    line-height: 1;
    cursor: pointer;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s, color 0.2s;
}

.popup-close-button:hover[b-rktg01g6dh] {
    background-color: #f5f5f5;
    color: #333;
}

.popup-close-button:active[b-rktg01g6dh] {
    background-color: #e0e0e0;
}

/* Popup Content */
.popup-content[b-rktg01g6dh] {
    padding: 16px;
    overflow-y: auto;
    flex: 1;
}

/* Prevent click-through when popup just opened */
.popup-window.just-opened .popup-content[b-rktg01g6dh] {
    pointer-events: none;
}

.popup-window.just-opened .popup-close-button[b-rktg01g6dh] {
    pointer-events: none;
}

.popup-window.just-opened .popup-go-back[b-rktg01g6dh] {
    pointer-events: none;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .popup-window[b-rktg01g6dh] {
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
        max-height: 100%;
    }

    .popup-titlebar[b-rktg01g6dh] {
        padding: 0;
        margin: 24px 18px 8px 24px;
    }

    .popup-title[b-rktg01g6dh] {
        font-size: 1.1rem;
    }

    .popup-go-back[b-rktg01g6dh] {
        font-size: 0.9rem;
        padding: 0 15px;
    }

    .popup-content[b-rktg01g6dh] {
        padding: 15px;
    }

    .popup-close-button[b-rktg01g6dh] {
        margin: 0;
        top: 4px;
        left: -12px;
    }
}
/* /Components/QuickRegistrationForm.razor.rz.scp.css */
.quick-registration-form[b-8kv1l1q90e] {
    padding: 0 0rem;
    max-width: 600px;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 1rem;
}

.quick-registration-form .name-fields-container[b-8kv1l1q90e] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
}

.quick-registration-form .name-fields-container .form-floating[b-8kv1l1q90e] {
    flex: 1;
}

.quick-registration-form .k-form[b-8kv1l1q90e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quick-registration-form .k-form-label[b-8kv1l1q90e] {
    font-weight: 500;
    margin-bottom: 0.5rem;
    display: block;
}

.quick-registration-form .mb-3[b-8kv1l1q90e] {
    margin-bottom: 1rem;
}

.quick-registration-form .alert[b-8kv1l1q90e] {
    padding: 0.75rem 1rem;
    border-radius: 8px;
    margin-top: 0.5rem;
}

.quick-registration-form .alert-danger[b-8kv1l1q90e] {
    background-color: #f8d7da;
    border: 1px solid #f5c2c7;
    color: #842029;
}

.quick-registration-form .alert ul[b-8kv1l1q90e] {
    margin: 0;
    padding-left: 1.5rem;
}

.quick-registration-form .alert li[b-8kv1l1q90e] {
    margin: 0.25rem 0;
}

.quick-registration-form[b-8kv1l1q90e]  .k-form-buttons {
    display: flex;
    gap: 0.75rem;
    justify-content: flex-end;
    margin-top: 1.5rem;
}

.quick-registration-form[b-8kv1l1q90e]  .k-textbox {
    border-radius: 6px;
    border: 1px solid #ddd;
    padding: 0.5rem 0.75rem;
}

.quick-registration-form[b-8kv1l1q90e]  .k-textbox:focus {
    border-color: var(--dragonroads-primary);
    outline: none;
}

.quick-registration-form[b-8kv1l1q90e]  .validation-message {
    color: #d32f2f;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Company field - hidden from view (honeypot) */
.quick-registration-form[b-8kv1l1q90e]  .company-field {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

@media (max-width: 768px) {
    .quick-registration-form[b-8kv1l1q90e] {
        padding: 0.5rem;
        max-width: 100%;
    }
    
    .quick-registration-form[b-8kv1l1q90e]  .k-form-buttons {
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* /Components/RoomConfigurationSummary.razor.rz.scp.css */
.room-configuration-summary[b-ns7axdpcqj] {
    margin-top: 12px;
    padding: 12px;
    background-color: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.room-config-title[b-ns7axdpcqj] {
    font-size: 13px;
    font-weight: 600;
    color: #495057;
    margin-bottom: 8px;
}

.room-config-items[b-ns7axdpcqj] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.room-config-item[b-ns7axdpcqj] {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
}

.room-count[b-ns7axdpcqj] {
    font-weight: 700;
    color: #212529;
    min-width: 20px;
}

.room-x[b-ns7axdpcqj] {
    color: #6c757d;
    font-weight: 500;
}

.room-type[b-ns7axdpcqj] {
    color: #6c757d;
}

/* /Components/RoomUpdateModeDialog.razor.rz.scp.css */
/* Room Update Mode Dialog */
.room-update-dialog-overlay[b-3hme2n2b53] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fadeIn-b-3hme2n2b53 0.2s ease-out;
}

@keyframes fadeIn-b-3hme2n2b53 {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.room-update-dialog[b-3hme2n2b53] {
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 480px;
    animation: slideUp-b-3hme2n2b53 0.3s ease-out;
}

@keyframes slideUp-b-3hme2n2b53 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dialog-header[b-3hme2n2b53] {
    padding: 20px 24px;
    border-bottom: 1px solid #e8e8e8;
}

.dialog-header h3[b-3hme2n2b53] {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.dialog-content[b-3hme2n2b53] {
    padding: 24px;
}

.dialog-content > p[b-3hme2n2b53] {
    margin: 0 0 20px;
    color: #666;
    font-size: 15px;
}

.room-update-options[b-3hme2n2b53] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.room-option[b-3hme2n2b53] {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    border: 2px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.2s;
}

.room-option:hover[b-3hme2n2b53] {
    border-color: #bbb;
    background: #fafafa;
}

.room-option.selected[b-3hme2n2b53] {
    border-color: var(--dragonroads-primary, #d20158);
    background: rgba(210, 1, 88, 0.04);
}

.option-content[b-3hme2n2b53] {
    flex: 1;
}

.option-content strong[b-3hme2n2b53] {
    display: block;
    font-size: 15px;
    font-weight: 600;
    color: #333;
    margin-bottom: 4px;
}

.option-content p[b-3hme2n2b53] {
    margin: 0;
    font-size: 13px;
    color: #666;
    line-height: 1.4;
}

.dialog-footer[b-3hme2n2b53] {
    padding: 16px 24px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    border-top: 1px solid #e8e8e8;
}

/* Responsive Design */
@media (max-width: 768px) {
    .room-update-dialog[b-3hme2n2b53] {
        width: 95%;
        margin: 16px;
    }
}



/* /Components/SelectionCheckbox.razor.rz.scp.css */
.selection-checkbox[b-i7zak4dzi7] {
    width: 16px;
    height: 16px;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid var(--dragonroads-tertiary);
    pointer-events: none;
}

.selection-checkbox.selected[b-i7zak4dzi7] {
    background-color: var(--dragonroads-tertiary);
    border: none;
}

@media (max-width: 640.98px) {
    .selection-checkbox[b-i7zak4dzi7] {
        width: 20px;
        height: 20px;
    }
}

/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.breadcrumb-container[b-nyjkoyzbto] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 2rem;
    font-size: 14px;
    max-width: 90%;
    margin: 0 auto;
}

.breadcrumb-home[b-nyjkoyzbto] {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--dragonroads-primary, #D20158);
    font-weight: 500;
    transition: opacity 0.2s;
}

.breadcrumb-home:hover[b-nyjkoyzbto] {
    opacity: 0.7;
}

.home-icon[b-nyjkoyzbto] {
    width: 20px;
    height: 20px;
    display: block;
}

.breadcrumb-arrow[b-nyjkoyzbto] {
    width: 8px;
    height: auto;
    opacity: 0.5;
}

.breadcrumb-item[b-nyjkoyzbto] {
    color: #666;
    text-decoration: none;
    transition: color 0.2s;
}

.breadcrumb-item:hover[b-nyjkoyzbto] {
    color: #333;
}

.breadcrumb-item.current[b-nyjkoyzbto] {
    color: #333;
    font-weight: 500;
}

@media (max-width: 768px) {
    .breadcrumb-container[b-nyjkoyzbto] {
        display: none;
    }
}

/* /Components/Shared/Dropdown.razor.rz.scp.css */
.dropdown-wrapper[b-levyzgpf8e] {
    position: relative;
    width: 100%;
}

.dropdown-wrapper[b-levyzgpf8e]::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--dragonroads-black-text);
    pointer-events: none;
    opacity: 0.7;
}

.dropdown-wrapper.has-icon[b-levyzgpf8e]::after {
    opacity: 0;
}

.dropdown[b-levyzgpf8e] {
    width: 100%;
    padding: 10px 45px 10px 12px;
    border: 1px solid #aaa;
    border-radius: 8px;
    background: white;
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.dropdown:focus[b-levyzgpf8e] {
    outline: none;
    border-color: none;
    box-shadow: none;
}

.dropdown:hover[b-levyzgpf8e] {
    background: white;
    border-color: var(--dragonroads-secondary);
}

.dropdown:disabled[b-levyzgpf8e] {
    opacity: 0.6;
    cursor: not-allowed;
}

.dropdown-icon[b-levyzgpf8e] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
    opacity: 0.7;
}

/* /Components/Shared/SectionHeader.razor.rz.scp.css */
.section-header[b-pk0sxzcqkj] {
    text-align: left;
    margin: 0rem 0 2rem 0;
}

.section-subtitle[b-pk0sxzcqkj] {
    color: #666;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 400;
}

.section-title[b-pk0sxzcqkj] {
    text-align: left !important;
    color: var(--dragonroads-black-text, #333);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .section-title[b-pk0sxzcqkj] {
        font-size: 2rem;
    }
}

@media (max-width: 480px) {
    .section-title[b-pk0sxzcqkj] {
        font-size: 1.75rem;
    }
}

/* /Components/Shared/SortableList/SortableList.razor.rz.scp.css */
/* 
  you need the ::deep identifier if you are using scoped styles like this
  because scoped styles are only applied to markup in the component, not
  to the markup inside the render fragment.
*/

[b-08tvnoiep3] .sortable-ghost {
  opacity: 0.4;
  background-color: #f0f0f0;
}

[b-08tvnoiep3] .sortable-fallback {
  opacity: 1 !important
}

.sortable-grid[b-08tvnoiep3] {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  display: grid;
}
/* /Components/TravelerEditor.razor.rz.scp.css */
.traveler-editor[b-fvoupq3gt7] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 0.5rem;
}

.optional-hint[b-fvoupq3gt7] {
    margin: 0;
    font-size: 0.875rem;
    color: #6b7280;
    font-style: italic;
}

.traveler-editor-header[b-fvoupq3gt7] {
    text-align: center;
    padding-bottom: 1rem;
    border-bottom: 1px solid #e5e7eb;
}

.traveler-editor-header h3[b-fvoupq3gt7] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
}

.traveler-editor-subtitle[b-fvoupq3gt7] {
    margin: 0.5rem 0 0 0;
    font-size: 0.875rem;
    color: #6b7280;
}

.traveler-list[b-fvoupq3gt7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    max-height: 400px;
    overflow-y: auto;
}

.traveler-row[b-fvoupq3gt7] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.75rem;
    border-radius: 8px;
    width: 100%;
}

.traveler-row:hover[b-fvoupq3gt7] {
}

.traveler-row.adult[b-fvoupq3gt7] {
}

.traveler-row.child[b-fvoupq3gt7] {
}

.traveler-type-badge[b-fvoupq3gt7] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.badge[b-fvoupq3gt7] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.adult-badge[b-fvoupq3gt7] {
    color: var(--dragonroads-primary, #d20158);
}

.child-badge[b-fvoupq3gt7] {
    color: var(--dragonroads-primary, #d20158);
}

.traveler-fields[b-fvoupq3gt7] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    flex: 1;
    min-width: 0;
}

.field-group[b-fvoupq3gt7] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
    min-width: 140px;
}

.field-group-small[b-fvoupq3gt7] {
    flex: 0 0 80px;
    min-width: 80px;
}

.field-label[b-fvoupq3gt7] {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.field-input[b-fvoupq3gt7] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    font-size: 0.875rem;
    color: #1f2937;
    background-color: white;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.field-input:focus[b-fvoupq3gt7] {
    outline: none;
    border-color: var(--dragonroads-primary, #6366f1);
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.field-input[b-fvoupq3gt7]::placeholder {
    color: #9ca3af;
}

.field-input[type="number"][b-fvoupq3gt7] {
    -moz-appearance: textfield;
}

.field-input[type="number"][b-fvoupq3gt7]::-webkit-outer-spin-button,
.field-input[type="number"][b-fvoupq3gt7]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.traveler-editor-actions[b-fvoupq3gt7] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 0.75rem;
    padding-top: 1rem;
    margin-top: 0.5rem;
}

.traveler-editor-actions-right[b-fvoupq3gt7] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    flex-wrap: wrap;
}

.button-content[b-fvoupq3gt7] {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.plus-icon[b-fvoupq3gt7] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* Remove traveler button */
.remove-traveler-btn[b-fvoupq3gt7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    border: none;
    border-radius: 6px;
    background-color: transparent;
    color: #9ca3af;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    flex-shrink: 0;
}

.remove-traveler-btn:hover[b-fvoupq3gt7] {
    background-color: #fee2e2;
    color: #dc2626;
}

.remove-traveler-btn:active[b-fvoupq3gt7] {
    background-color: #fecaca;
}

/* Delete confirmation overlay */
.delete-confirmation-overlay[b-fvoupq3gt7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    animation: fadeIn-b-fvoupq3gt7 0.15s ease;
}

@keyframes fadeIn-b-fvoupq3gt7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.delete-confirmation-dialog[b-fvoupq3gt7] {
    background-color: white;
    border-radius: 12px;
    padding: 1.5rem;
    max-width: 400px;
    width: 90%;
    text-align: center;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    animation: slideUp-b-fvoupq3gt7 0.2s ease;
}

@keyframes slideUp-b-fvoupq3gt7 {
    from { 
        opacity: 0;
        transform: translateY(10px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

.delete-confirmation-icon[b-fvoupq3gt7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 1rem;
    border-radius: 50%;
    background-color: #fef2f2;
    color: #dc2626;
}

.delete-confirmation-dialog h3[b-fvoupq3gt7] {
    margin: 0 0 0.5rem 0;
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
}

.delete-confirmation-dialog p[b-fvoupq3gt7] {
    margin: 0 0 1.5rem 0;
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
}

.delete-confirmation-dialog strong[b-fvoupq3gt7] {
    color: #1f2937;
}

.delete-confirmation-actions[b-fvoupq3gt7] {
    display: flex;
    justify-content: center;
    gap: 0.75rem;
}

/* Responsive adjustments */
@media (max-width: 480px) {
    .traveler-row[b-fvoupq3gt7] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .traveler-fields[b-fvoupq3gt7] {
        flex-direction: column;
        width: 100%;
    }
    
    .field-group[b-fvoupq3gt7],
    .field-group-small[b-fvoupq3gt7] {
        flex: 1 1 100%;
        min-width: 100%;
    }
    
    .remove-traveler-btn[b-fvoupq3gt7] {
        position: absolute;
        top: 0.5rem;
        right: 0.5rem;
    }
    
    .traveler-row[b-fvoupq3gt7] {
        position: relative;
        padding-right: 2.5rem;
    }
    
    .traveler-editor-actions-right[b-fvoupq3gt7] {
        flex-direction: column;
        width: 100%;
        gap: 0.5rem;
    }
    
    .traveler-editor-actions-right[b-fvoupq3gt7]  .btn {
        width: 100%;
    }
}

/* /Components/TripChecklistViewer.razor.rz.scp.css */
.trip-checklist-container[b-fbbkefe7vq] {
    overflow-y: scroll;
    padding: 16px;
    height: 100%;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
}

.trip-checklist-container[b-fbbkefe7vq]::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.trip-checklist-container h3[b-fbbkefe7vq] {
    color: var(--dragonroads-black-text);
    font-size: 1.5rem;
    font-weight: 600;
    margin: 0 0 1rem 0;
}

    .trip-checklist-container .section-header[b-fbbkefe7vq]
    {
        margin-bottom: 0;
    }

.checklist-content[b-fbbkefe7vq] {
    margin-top: 16px;
}

.checklist-section[b-fbbkefe7vq] {
    margin-bottom: 24px;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    background-color: white;
    overflow: hidden;
}

.section-header[b-fbbkefe7vq] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    background-color: white;
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-bottom: 1px solid #E0E0E0;
}

.section-header:hover[b-fbbkefe7vq] {
    background-color: #FAFAFA;
}

.section-header:last-child[b-fbbkefe7vq] {
    border-bottom: none;
}

.section-header-content[b-fbbkefe7vq] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.section-icon[b-fbbkefe7vq] {
    width: 24px;
    height: 24px;
    filter: brightness(0) saturate(100%) invert(69%) sepia(54%) saturate(2449%) hue-rotate(127deg) brightness(95%) contrast(101%);
}

.section-header h4[b-fbbkefe7vq] {
    color: var(--dragonroads-black-text);
    font-size: 1.2rem;
    font-weight: 600;
    margin: 0;
}

.section-header[b-fbbkefe7vq]  svg {
    color: var(--dragonroads-tertiary);
    width: 24px;
    height: 24px;
}

.checklist-items[b-fbbkefe7vq] {
    padding: 12px;
    animation: slideDown-b-fbbkefe7vq 0.2s ease-out;
}

@keyframes slideDown-b-fbbkefe7vq {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Unified 3-column layout for all checklist items */
.checklist-item[b-fbbkefe7vq],
.checklist-item-hotel[b-fbbkefe7vq],
.activity-checklist-item[b-fbbkefe7vq] {
    display: grid;
    grid-template-columns: 120px 1fr auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    margin-bottom: 8px;
    border-radius: 4px;
    border: 1px solid #E0E0E0;
    background-color: #FAFAFA;
    transition: all 0.2s ease;
}

.checklist-item.booked[b-fbbkefe7vq],
.checklist-item-hotel.booked[b-fbbkefe7vq],
.activity-checklist-item.booked[b-fbbkefe7vq] {
    background-color: rgba(0, 201, 199, 0.08);
    border-color: var(--dragonroads-secondary);
}

/* Column 1: Date */
.item-day[b-fbbkefe7vq] {
    font-weight: 600;
    color: var(--dragonroads-tertiary);
    font-size: 0.9em;
}

/* Column 2: Content */
.item-content[b-fbbkefe7vq] {
    flex: 1;
    min-width: 0; /* Allow content to shrink */
}

/* Flights/Car item info styling */
.item-info[b-fbbkefe7vq] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.item-title[b-fbbkefe7vq] {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: var(--dragonroads-black-text);
}

    .item-title :deep(svg)[b-fbbkefe7vq] {
        margin-right: 8px;
    }

.item-details[b-fbbkefe7vq] {
    color: var(--dragonroads-black-text);
    opacity: 0.7;
    font-size: 0.9em;
}

/* Column 3: Actions/Checkbox */
.item-actions[b-fbbkefe7vq] {
    display: flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.item-actions label[b-fbbkefe7vq] {
    font-weight: 600;
    color: var(--dragonroads-black-text);
    margin: 0;
    cursor: pointer;
}

.item-actions label.auto-booked[b-fbbkefe7vq] {
    color: var(--dragonroads-black-text);
    opacity: 0.6;
    cursor: default;
}

.item-actions[b-fbbkefe7vq]  .booking-checkbox {
    accent-color: var(--dragonroads-tertiary);
}

.item-actions[b-fbbkefe7vq]  .k-checkbox:checked {
    background-color: var(--dragonroads-tertiary);
    border-color: var(--dragonroads-tertiary);
}

.item-actions[b-fbbkefe7vq]  .k-checkbox {
    border-color: var(--dragonroads-tertiary);
}

.no-items[b-fbbkefe7vq] {
    padding: 12px;
    color: var(--dragonroads-black-text);
    opacity: 0.7;
    font-style: italic;
}

/* Activity-specific styling */
.activity-card-wrapper[b-fbbkefe7vq] {
    pointer-events: auto;
    max-width: 250px;
    position: relative;
    cursor: pointer;
}

.activity-card-wrapper[b-fbbkefe7vq]  .activity-card {
    border: none;
    margin: 0;
    pointer-events: none;
}

.activity-card-wrapper[b-fbbkefe7vq]  .booking-overlay {
    pointer-events: auto;
    cursor: pointer;
}

.no-booking-needed[b-fbbkefe7vq] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(108, 117, 125, 0.85);
    padding: 8px 12px;
    text-align: center;
    pointer-events: none;
}

.no-booking-needed span[b-fbbkefe7vq] {
    color: white;
    font-size: 13px;
    font-weight: 500;
}


/* we don't want all hotels to be green in the checklist - they are all selected */
.trip-checklist-container[b-fbbkefe7vq]  .hotel-card.selected {
    border-color: #e0e0e0;
    background-color: white;
}
/* /Components/TripHeader.razor.rz.scp.css */
/* Trip Header Wrapper - with dragon background */
.trip-header-wrapper[b-wz7r8lj0k7] {    
    padding-bottom: 1rem;
}

/* Trip Header Styles */
.trip-header[b-wz7r8lj0k7] {
    padding: 0rem 0rem 1.5rem 0;
    margin-bottom: 1rem;
}

.trip-header-container[b-wz7r8lj0k7] {
    display: flex;
    gap: 2rem;
    align-items: flex-start;
}

.trip-header-left[b-wz7r8lj0k7] {
    flex: 0 1 70%;
}

.trip-header-right[b-wz7r8lj0k7] {
    flex: 0 1 30%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding-top: 0.5rem;
}

.trip-title[b-wz7r8lj0k7] {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 0;
    color: #000;
}

.trip-title-row[b-wz7r8lj0k7] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 1rem;
}

.trip-description[b-wz7r8lj0k7] {
    margin-bottom: 1.5rem;
    line-height: 1.5;
}

.read-more-link[b-wz7r8lj0k7] {
    display: inline-block;
    color: #00C9C7;
    text-decoration: none;
    font-weight: 600;
    margin-top: 13px;
}

.read-more-link:hover[b-wz7r8lj0k7] {
    text-decoration: underline;
}

.trip-details[b-wz7r8lj0k7] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem 4rem;
    margin-top: 10px;
    width: 100%;
}

.trip-detail-item[b-wz7r8lj0k7] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex: 1 1 40%;
    min-width: 300px;
}

/* For single-line detail items without detail-content wrapper */
.trip-detail-item > .detail-title[b-wz7r8lj0k7] {
    display: flex;
    align-items: center;
    min-height: 50px; /* Match the icon height */
}

.detail-icon[b-wz7r8lj0k7] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    color: #666;
}

.detail-icon img[b-wz7r8lj0k7] {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.detail-content[b-wz7r8lj0k7] {
    display: flex;
    flex-direction: column;
}

.detail-title[b-wz7r8lj0k7] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.detail-description[b-wz7r8lj0k7] {
    color: #666;
    font-size: 0.95rem;
}

@media (max-width: 768px) {
    .trip-header-wrapper[b-wz7r8lj0k7] {
        padding: 18px;
    }

    .trip-header-container[b-wz7r8lj0k7] {
        flex-direction: column;
        gap: 0;
        margin-bottom: 0px;
    }
    
    .trip-header-left[b-wz7r8lj0k7] {
        order: 1;
        margin-bottom: 1rem;
    }
    
    .trip-header-right[b-wz7r8lj0k7] {
        order: 3;
        width: 100%;
        justify-content: flex-start;
    }
    
    .trip-details[b-wz7r8lj0k7] {
        flex-direction: column;
        gap: 1.5rem;
    }
    
    .trip-detail-item[b-wz7r8lj0k7] {
        min-width: 100%;
    }
}
/* /Components/TripImages.razor.rz.scp.css */
.photo-collage[b-7mmm1izoy7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 250px;
    grid-gap: 10px;
    padding: 20px;
    width: 100%;
    height: 100%;
    overflow-y: auto;
}

.collage-item[b-7mmm1izoy7] {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.collage-item img[b-7mmm1izoy7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.collage-item img:hover[b-7mmm1izoy7] {
    transform: scale(1.05);
}

.collage-item.large[b-7mmm1izoy7] {
    grid-column: span 2;
    grid-row: span 2;
}

.collage-item.medium[b-7mmm1izoy7] {
    grid-column: span 2;
    grid-row: span 1;
}

.collage-item.tall[b-7mmm1izoy7] {
    grid-column: span 1;
    grid-row: span 2;
}

.trip-images-gallery[b-7mmm1izoy7] {
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 8px;
    margin-bottom: 30px;
    max-height: 450px;
    border-radius: 10px;
    overflow: hidden;
}

.main-image[b-7mmm1izoy7] {
    height: 100%;
    overflow: hidden;
    max-height: 450px;
}

.main-image img[b-7mmm1izoy7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s;
}

.main-image img:hover[b-7mmm1izoy7] {
    transform: scale(1.05);
}

.image-grid[b-7mmm1izoy7] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 8px;
    height: 100%;
    max-height: 450px;
}

.grid-item[b-7mmm1izoy7] {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.grid-item img[b-7mmm1izoy7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
    transition: transform 0.3s;
}

.grid-item img:hover[b-7mmm1izoy7] {
    transform: scale(1.05);
}

.more-photos-overlay[b-7mmm1izoy7] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: white;
    font-weight: bold;
}

.carousel-container[b-7mmm1izoy7] {
    width: 92%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-container .image-carousel[b-7mmm1izoy7] {
    height: 100%;
}

.carousel-container .carousel-image[b-7mmm1izoy7] {
    object-fit: contain;
}

/* Gallery Popup Styles */
.gallery-popup-overlay[b-7mmm1izoy7] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 9999;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 60px 20px 20px;
    animation: fadeIn-b-7mmm1izoy7 0.2s ease;
    overflow-y: auto;
}

@keyframes fadeIn-b-7mmm1izoy7 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.gallery-back-button[b-7mmm1izoy7] {
    position: fixed;
    top: 16px;
    left: 16px;
    background: transparent;
    border: none;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    z-index: 10001;
    transition: all 0.2s ease;
    border-radius: 50%;
}

.gallery-back-button:hover[b-7mmm1izoy7] {
    background: rgba(0, 0, 0, 0.05);
}

.gallery-back-button svg[b-7mmm1izoy7] {
    width: 28px;
    height: 28px;
    stroke-width: 2;
}

.gallery-popup-container[b-7mmm1izoy7] {
    background: transparent;
    width: 100%;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    animation: slideUp-b-7mmm1izoy7 0.3s ease;
}

@keyframes slideUp-b-7mmm1izoy7 {
    from { 
        opacity: 0;
        transform: translateY(20px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

.gallery-popup-content[b-7mmm1izoy7] {
    flex: 1;
    padding: 0;
}

/* Gallery Grid - similar to LocationsGallery */
.gallery-grid[b-7mmm1izoy7] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 150px;
    gap: 10px;
    grid-auto-flow: dense;
}

.gallery-item[b-7mmm1izoy7] {
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    background: #f5f5f5;
}

.gallery-item:hover[b-7mmm1izoy7] {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.gallery-item img[b-7mmm1izoy7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

.gallery-item:hover img[b-7mmm1izoy7] {
    transform: scale(1.08);
}

/* Size variations for dynamic layout */
.gallery-item.large[b-7mmm1izoy7] {
    grid-column: span 2;
    grid-row: span 2;
}

.gallery-item.medium[b-7mmm1izoy7] {
    grid-column: span 2;
    grid-row: span 1;
}

.gallery-item.tall[b-7mmm1izoy7] {
    grid-column: span 1;
    grid-row: span 2;
}

.gallery-item.wide[b-7mmm1izoy7] {
    grid-column: span 2;
    grid-row: span 1;
}

/* Responsive adjustments for gallery popup */
@media (max-width: 992px) {
    .gallery-grid[b-7mmm1izoy7] {
        grid-template-columns: repeat(3, 1fr);
        grid-auto-rows: 140px;
    }
    
    .gallery-item.large[b-7mmm1izoy7] {
        grid-column: span 2;
        grid-row: span 2;
    }
}

@media (max-width: 768px) {
    .gallery-popup-overlay[b-7mmm1izoy7] {
        padding: 56px 10px 10px;
    }
    
    .gallery-back-button[b-7mmm1izoy7] {
        top: 10px;
        left: 10px;
    }
    
    .gallery-grid[b-7mmm1izoy7] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 120px;
        gap: 8px;
    }
    
    /* Keep shape diversity on mobile with 2-column grid */
    .gallery-item.large[b-7mmm1izoy7] {
        grid-column: span 2;
        grid-row: span 2;
    }
    
    .gallery-item.medium[b-7mmm1izoy7],
    .gallery-item.wide[b-7mmm1izoy7] {
        grid-column: span 2;
        grid-row: span 1;
    }
    
    .gallery-item.tall[b-7mmm1izoy7] {
        grid-column: span 1;
        grid-row: span 2;
    }
    
    .trip-images-gallery[b-7mmm1izoy7] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto;
    }
    
    .main-image[b-7mmm1izoy7] {
        height: 300px;
    }
    
    .image-grid[b-7mmm1izoy7] {
        height: 200px;
    }
    
    .photo-collage[b-7mmm1izoy7] {
        grid-template-columns: repeat(2, 1fr);
    }

    .trip-images-gallery[b-7mmm1izoy7] {
        padding: 5px;
        max-height: none;
        margin-bottom: 0;
    }
}

@media (max-width: 480px) {
    .gallery-popup-overlay[b-7mmm1izoy7] {
        padding: 50px 8px 8px;
    }
    
    .gallery-back-button[b-7mmm1izoy7] {
        top: 8px;
        left: 8px;
        width: 40px;
        height: 40px;
    }
    
    .gallery-back-button svg[b-7mmm1izoy7] {
        width: 24px;
        height: 24px;
    }
    
    .gallery-grid[b-7mmm1izoy7] {
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: 100px;
        gap: 6px;
    }
    
    /* Keep shape diversity even on small screens */
    .gallery-item.large[b-7mmm1izoy7] {
        grid-column: span 2;
        grid-row: span 2;
    }
    
    .gallery-item.medium[b-7mmm1izoy7],
    .gallery-item.wide[b-7mmm1izoy7] {
        grid-column: span 2;
        grid-row: span 1;
    }
    
    .gallery-item.tall[b-7mmm1izoy7] {
        grid-column: span 1;
        grid-row: span 2;
    }
} 
/* /Components/TripInquiryForm.razor.rz.scp.css */
.trip-inquiry-form[b-0wwq18r6pm] {
    padding: 0.5rem;
}

.form-intro[b-0wwq18r6pm] {
    margin-bottom: 1.5rem;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.5;
}

.inquiry-form[b-0wwq18r6pm] {
    max-width: 100%;
}

.form-group[b-0wwq18r6pm] {
    margin-bottom: 1.25rem;
}

.form-group label[b-0wwq18r6pm] {
    display: block;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-control[b-0wwq18r6pm] {
    width: 100%;
    padding: 0.65rem 0.85rem;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    background-color: #fff;
    font-family: inherit;
    box-sizing: border-box;
}

.form-control:focus[b-0wwq18r6pm] {
    outline: none;
    border-color: #999;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05);
}

select.form-control[b-0wwq18r6pm] {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    padding-right: 2.5rem;
}

textarea.form-control[b-0wwq18r6pm] {
    resize: vertical;
    min-height: 80px;
    font-family: inherit;
}

.form-actions[b-0wwq18r6pm] {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
}

.btn-submit[b-0wwq18r6pm] {
    min-width: 150px;
    padding: 0.75rem 2rem;
    font-size: 1rem;
    font-weight: 500;
}

.alert[b-0wwq18r6pm] {
    padding: 1rem;
    border-radius: 6px;
    margin-top: 1rem;
    font-size: 0.9rem;
    text-align: center;
}

.alert-success[b-0wwq18r6pm] {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.alert-error[b-0wwq18r6pm] {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Design */
@media (max-width: 768px) {
    .trip-inquiry-form[b-0wwq18r6pm] {
        padding: 0;
    }

    .form-group[b-0wwq18r6pm] {
        margin-bottom: 1rem;
    }

    .btn-submit[b-0wwq18r6pm] {
        width: 100%;
    }
}

/* /Components/TripMap.razor.rz.scp.css */
.trip-map-container[b-xxt3hxm4xd] {
    width: 100%;
    height: 600px;
    position: relative;
}

.route-loader[b-xxt3hxm4xd] {
    padding: 20px;
}

.map-action-panel[b-xxt3hxm4xd] {
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-top: 15px;
    overflow: hidden;
}

.map-action-panel-header[b-xxt3hxm4xd] {
    background-color: #f8f9fa;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
}

.map-action-panel-title[b-xxt3hxm4xd] {
    font-size: 1rem;
    font-weight: 600;
    color: #333;
}

.map-action-panel-content[b-xxt3hxm4xd] {
    padding: 15px;
}

.route-refresh-icon[b-xxt3hxm4xd] {
    position: absolute;
    top: 10px;
    right: 10px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    transition: all 0.2s ease;
    width: 40px;
    height: 40px;
}

.route-refresh-icon:hover[b-xxt3hxm4xd] {
    background: #f8f9fa;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.route-refresh-icon:active[b-xxt3hxm4xd] {
    transform: scale(0.95);
}

.map-info-section[b-xxt3hxm4xd] {
    margin-top: 10px;
    padding: 8px 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

/* Mobile styles */
@media (max-width: 768px) {
    .trip-map-container[b-xxt3hxm4xd] {
        margin: 10px;
        width: 95%;
        height: calc(97vh - 60px);
    }
    
    .route-refresh-icon[b-xxt3hxm4xd] {
        right: auto;
        left: 10px;
    }

    .map-action-panel[b-xxt3hxm4xd] {
        margin-top: 10px;
    }

    .map-action-panel-header[b-xxt3hxm4xd] {
        padding: 10px 12px;
    }

    .map-action-panel-title[b-xxt3hxm4xd] {
        font-size: 0.95rem;
    }

    .map-action-panel-content[b-xxt3hxm4xd] {
        padding: 12px;
    }

    [b-xxt3hxm4xd] .map-buttons-row .btn {
        width: 200px !important;
        padding: 11px 10px;
    }
}
/* /Components/TripsTable.razor.rz.scp.css */
.data-table-responsive[b-spyrd4c5wc] {
    margin-bottom: 2rem;
}

.trip-actions[b-spyrd4c5wc] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.trip-actions a[b-spyrd4c5wc] {
    text-decoration: none;
    color: inherit;
    display: inline-flex;
}

.delete-btn[b-spyrd4c5wc] {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.delete-btn img[b-spyrd4c5wc] {
    width: 20px;
    height: 20px;
}

.trip-name[b-spyrd4c5wc] {
    font-weight: 600;
    color: var(--dragonroads-black-text);
    font-style: italic;
}

.payment-status[b-spyrd4c5wc] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.85rem;
    font-weight: 500;
}

.payment-status-clickable[b-spyrd4c5wc] {
    cursor: pointer;
}

.payment-status-clickable:hover[b-spyrd4c5wc] {
    opacity: 0.85;
}

.payment-status-paid[b-spyrd4c5wc] {
    background-color: #d4edda;
    color: #155724;
}

.payment-status-deposit[b-spyrd4c5wc] {
    background-color: #d4edda;
    color: #155724;
}

/* Mobile responsive styles */
@media (max-width: 768px) {
    .data-table-responsive[b-spyrd4c5wc] {
        overflow-x: visible;
    }

    .data-table[b-spyrd4c5wc] {
        display: block;
        box-shadow: none;
    }

    .data-table thead[b-spyrd4c5wc] {
        display: none;
    }

    .data-table tbody[b-spyrd4c5wc] {
        display: block;
    }

    .data-table tbody tr[b-spyrd4c5wc] {
        display: block;
        margin-bottom: 1.5rem;
        border: 1px solid #E0E0E0;
        border-radius: 8px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
        padding: 1rem;
        background-color: white;
    }

    .data-table tbody tr:hover[b-spyrd4c5wc] {
        background-color: white;
    }

    .data-table tbody td[b-spyrd4c5wc] {
        display: block;
        padding: 0.5rem 0;
        border: none;
        text-align: left;
    }

    .data-table tbody td[b-spyrd4c5wc]::before {
        content: attr(data-label);
        font-weight: 600;
        display: inline-block;
        margin-right: 0.5rem;
        color: var(--dragonroads-black-text);
    }

    /* Override the before content for specific cells */
    .data-table tbody td:nth-child(1)[b-spyrd4c5wc]::before {
        content: "Trip name: ";
    }

    .data-table tbody td:nth-child(2)[b-spyrd4c5wc]::before {
        content: "Start date: ";
    }

    .data-table tbody td:nth-child(3)[b-spyrd4c5wc]::before {
        content: "Rooms: ";
    }

    .data-table tbody td:nth-child(4)[b-spyrd4c5wc]::before {
        content: "Adults: ";
    }

    .data-table tbody td:nth-child(5)[b-spyrd4c5wc]::before {
        content: "Children: ";
    }

    .data-table tbody td:nth-child(6)[b-spyrd4c5wc]::before {
        content: "Last update: ";
    }

    .data-table tbody td:nth-child(7)[b-spyrd4c5wc]::before {
        content: "";
    }

    .trip-actions[b-spyrd4c5wc] {
        justify-content: flex-start;
        margin-top: 1rem;
        padding-top: 1rem;
        border-top: 1px solid #E0E0E0;
    }
}

/* /Components/Trips/TripSearch.razor.rz.scp.css */
.trip-search-container[b-n5t2z2gkfz] {
    width: 100%;
    max-width: 90%;
}

.search-wrapper[b-n5t2z2gkfz] {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    background: rgba(255, 255, 255, 0.95);
    border-radius: 15px;
    padding: 20px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    gap: 20px;
    margin: 0 auto;
}

.search-input-section[b-n5t2z2gkfz] {
    flex: 1;
    min-width: 200px;
}

.search-input[b-n5t2z2gkfz] {
    width: 100%;
    border: 1px solid #e0e0e0;
    outline: none;
    padding: 12px 20px;
    font-size: 1.1rem;
    background: white;
    color: var(--dragonroads-black-text);
    border-radius: 8px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.search-input:focus[b-n5t2z2gkfz] {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25);
}

.search-input[b-n5t2z2gkfz]::placeholder {
    color: var(--dragonroads-black-text);
    opacity: 0.6;
}

.dropdown-section[b-n5t2z2gkfz] {
    display: flex;
    flex: 1;
    gap: 20px;
    align-items: flex-end;
}

.dropdown-section > div[b-n5t2z2gkfz] {
    flex: 1;
    min-width: 0;
}

.dropdown-item[b-n5t2z2gkfz] {
    flex: 1;
    min-width: 180px;
}

/* Dropdown styles (inline since we're not using the Dropdown component) */
.dropdown-wrapper[b-n5t2z2gkfz] {
    position: relative;
    width: 100%;
}

.dropdown-wrapper[b-n5t2z2gkfz]::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid var(--dragonroads-black-text);
    pointer-events: none;
    opacity: 0.7;
}

.dropdown-wrapper.has-icon[b-n5t2z2gkfz]::after {
    opacity: 0;
}

.dropdown[b-n5t2z2gkfz] {
    width: 100%;
    padding: 10px 45px 10px 12px;
    border: 1px solid #aaa;
    border-radius: 8px;
    background: white;
    font-size: 0.95rem;
    color: var(--dragonroads-black-text);
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.dropdown:focus[b-n5t2z2gkfz] {
    outline: none;
    border-color: none;
    box-shadow: none;
}

.dropdown:hover[b-n5t2z2gkfz] {
    background: white;
    border-color: var(--dragonroads-secondary);
}

.dropdown:disabled[b-n5t2z2gkfz] {
    opacity: 0.6;
    cursor: not-allowed;
}

.dropdown-icon[b-n5t2z2gkfz] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    pointer-events: none;
    opacity: 0.7;
}

/* Search button styles */
.search-btn[b-n5t2z2gkfz] {
    padding: 10px 24px;
    background: var(--dragonroads-primary, #c9a227);
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
    white-space: nowrap;
}

.search-btn:hover[b-n5t2z2gkfz] {
    filter: brightness(0.85);
}

.search-btn:active[b-n5t2z2gkfz] {
    transform: scale(0.98);
}

/* Tablet responsiveness */
    @media (max-width: 1024px) and (min-width: 769px) {
        .search-wrapper[b-n5t2z2gkfz] {
            max-width: 95%;
            gap: 15px;
        }

        .dropdown-section[b-n5t2z2gkfz] {
            gap: 15px;
        }

        .dropdown-item[b-n5t2z2gkfz] {
            min-width: 160px;
        }
    }

    /* Mobile responsiveness */
    @media (max-width: 768px) {

        .trip-search-container[b-n5t2z2gkfz] {
            max-width: 100%;
        }

        .search-wrapper[b-n5t2z2gkfz] {
            max-width: 100%;
            padding: 12px;
            border-radius: 20px;
            flex-direction: column;
            align-items: stretch;
            gap: 15px;
        }

        .dropdown-section[b-n5t2z2gkfz] {
            flex-direction: column;
            gap: 9px;
            flex: unset;
        }

        .dropdown-section .dropdown-wrapper[b-n5t2z2gkfz] {
            width: 100%;
        }

        .dropdown-item[b-n5t2z2gkfz] {
            min-width: unset;
        }

        .search-input-section[b-n5t2z2gkfz] {
            min-width: unset;
            margin-bottom: 8px;
        }

        .search-input[b-n5t2z2gkfz] {
            border-radius: 20px;
            text-align: center;
        }

        .search-btn[b-n5t2z2gkfz] {
            width: 100%;
            padding: 12px 24px;
        }
    }

/* /Components/TypingIndicator.razor.rz.scp.css */
/* Typing Indicator - Message Bubble Style */
.typing-indicator-bubble[b-nf5ebu3ukn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 12px 16px;
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 16px;
    border-bottom-left-radius: 4px;
    width: fit-content;
    min-width: 50px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.typing-indicator-bubble .dot[b-nf5ebu3ukn] {
    width: 8px;
    height: 8px;
    background: #95a5a6;
    border-radius: 50%;
    animation: typing-bounce-b-nf5ebu3ukn 1.4s ease-in-out infinite;
}

.typing-indicator-bubble .dot:nth-child(2)[b-nf5ebu3ukn] {
    animation-delay: 0.2s;
}

.typing-indicator-bubble .dot:nth-child(3)[b-nf5ebu3ukn] {
    animation-delay: 0.4s;
}

@keyframes typing-bounce-b-nf5ebu3ukn {
    0%, 60%, 100% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-4px);
    }
}