/* === variables.css === */
/* 
   TaxiVtcParis - Design System Variables 
   Premium Luxury Theme (Deep Obsidian & Champagne Gold)
*/

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

:root {
    /* Color Palette - Prestigieux Bleu Nuit & Or */
    --bg-primary: #070817;      /* Bleu nuit ultra-sombre et luxueux */
    --bg-secondary: #0f1026;    /* Cartes prestige bleu nuit */
    --bg-tertiary: #171936;     /* Éléments de saisie et surbrillances */
    
    --accent-gold: #D4B275;     /* Or pur étincelant de prestige */
    --accent-gold-rgb: 212, 178, 117;
    --accent-gold-hover: #E5C386; /* Or encore plus lumineux au survol */
    --accent-gold-light: rgba(212, 178, 117, 0.1);
    --accent-gold-border: rgba(212, 178, 117, 0.35);
    
    --text-primary: #F4E3C1;    /* Or champagne très clair, ultra-prestigieux et très lisible */
    --text-secondary: #D4B275;  /* Or champagne moyen pour les paragraphes et descriptions */
    --text-muted: #A89068;      /* Or ardoise atténué pour les détails secondaires */
    
    --status-success: #2EC4B6;  /* Vert émeraude */
    
    /* Typography */
    --font-title: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    
    /* Spacing System */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 1.5rem;
    --spacing-lg: 2.5rem;
    --spacing-xl: 4rem;
    --spacing-xxl: 6rem;
    
    /* Borders & Corners */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --radius-full: 9999px;
    --border-thin: 1px solid rgba(255, 255, 255, 0.06);
    --border-gold-subtle: 1px solid rgba(197, 168, 128, 0.2);
    
    /* Glassmorphism Details */
    --glass-bg: rgba(15, 16, 38, 0.65);
    --glass-border: rgba(212, 178, 117, 0.15);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
    --glass-backdrop-filter: blur(12px);
    
    /* Shadows */
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.25);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.4);
    --shadow-gold-glow: 0 0 20px rgba(197, 168, 128, 0.15);
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-normal: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    
    /* Layout */
    --container-max-width: 1200px;
    --header-height: 80px;
}


/* === main.css === */
/* 
   TaxiVtcParis - Main Stylesheet
   Global resets, common components (Header, Footer), buttons and micro-animations
*/

@import url('variables.css');

/* ==========================================================================
   1. Reset & Global Styles
   ========================================================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    line-height: 1.6;
    background-color: var(--bg-primary);
    color: var(--text-primary);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
    text-decoration: none;
    transition: var(--transition-fast);
}

input, select, textarea, button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    border: none;
    outline: none;
}

button {
    cursor: pointer;
}

/* ==========================================================================
   2. Layout & Containers
   ========================================================================== */
.container {
    width: 100%;
    max-width: var(--container-max-width);
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

section {
    padding: var(--spacing-xl) 0;
    position: relative;
}

@media (min-width: 768px) {
    section {
        padding: var(--spacing-xxl) 0;
    }
}

/* ==========================================================================
   3. Typography & Titles
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-title);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-primary);
    letter-spacing: -0.02em;
}

.text-gold {
    color: var(--accent-gold);
}

.section-header {
    text-align: center;
    max-width: 700px;
    margin: 0 auto var(--spacing-xl) auto;
}

.section-subtitle {
    font-family: var(--font-body);
    text-transform: uppercase;
    font-size: 0.85rem;
    letter-spacing: 0.15em;
    color: var(--accent-gold);
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
    display: block;
}

.section-title {
    font-size: 2.2rem;
    margin-bottom: var(--spacing-sm);
}

.section-desc {
    color: var(--text-secondary);
    font-size: 1.1rem;
}

@media (min-width: 768px) {
    .section-title {
        font-size: 3rem;
    }
}

/* ==========================================================================
   4. Buttons & CTAs
   ========================================================================== */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0.9rem 2rem;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    transition: var(--transition-normal);
    position: relative;
    overflow: hidden;
}

.btn-primary {
    background-color: var(--accent-gold);
    color: var(--bg-primary);
    box-shadow: var(--shadow-gold-glow);
}

.btn-primary:hover {
    background-color: var(--accent-gold-hover);
    transform: translateY(-2px);
    box-shadow: 0 0 30px rgba(197, 168, 128, 0.35);
}

.btn-secondary {
    background-color: transparent;
    color: var(--text-primary);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-secondary:hover {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: var(--accent-gold);
    transform: translateY(-2px);
}

.btn-outline-gold {
    background-color: transparent;
    color: var(--accent-gold);
    border: var(--border-gold-subtle);
}

.btn-outline-gold:hover {
    background-color: var(--accent-gold-light);
    border-color: var(--accent-gold);
    transform: translateY(-2px);
}

.btn-phone {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.btn-phone i {
    color: var(--accent-gold);
}

.btn-phone:hover {
    background-color: var(--accent-gold-light);
    border-color: var(--accent-gold);
    transform: translateY(-2px);
}

/* ==========================================================================
   5. Header & Navigation (Premium Glassmorphism)
   ========================================================================== */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--header-height);
    z-index: 1000;
    transition: var(--transition-normal);
    border-bottom: 1px solid transparent;
}

.header.scrolled {
    background-color: var(--bg-primary); /* Opaque background to prevent text overlap */
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    border-bottom: 1px solid rgba(212, 178, 117, 0.15);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.35);
    transform: translateZ(0);
}

.header .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100% !important;
    padding: 0 40px !important;
}

.logo {
    display: flex;
    flex-direction: column;
    line-height: 1;
    flex-shrink: 0;
}

.logo-main {
    font-family: var(--font-title);
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    color: var(--text-primary);
    white-space: nowrap;
}

.logo-sub {
    font-size: 0.65rem;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--accent-gold);
    margin-top: 2px;
    white-space: nowrap;
}

.nav-menu {
    display: none;
}

.nav-cta {
    display: none;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.header-actions .theme-toggle,
.header-actions .luxury-lang-dropdown {
    margin: 0 !important;
}

@media (min-width: 1024px) {
    :root {
        --header-height: 115px;
    }

    .header {
        height: var(--header-height) !important;
        display: flex;
        align-items: center;
        padding: 10px 0;
    }

    .header .container {
        display: grid !important;
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        gap: 12px;
        max-width: 100% !important;
        padding: 0 40px !important;
        width: 100%;
    }

    .logo {
        grid-column: 1;
        grid-row: 1;
        justify-self: start;
        align-self: center;
    }

    .header-actions {
        grid-column: 2;
        grid-row: 1;
        justify-self: end;
        align-self: center;
        margin: 0 !important;
    }

    .nav-menu {
        grid-column: 1 / span 2;
        grid-row: 2;
        display: flex !important;
        justify-content: flex-start;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 8px;
        gap: 16px !important;
        list-style: none;
        align-items: center;
    }

    .nav-link {
        font-size: 0.8rem !important;
        font-weight: 600;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: var(--text-secondary);
        position: relative;
        padding: 4px 0 !important;
        white-space: nowrap;
        transition: var(--transition-fast);
    }
}

@media (min-width: 1440px) {
    .nav-menu {
        gap: 28px !important;
    }

    .nav-link {
        font-size: 0.85rem !important;
        letter-spacing: 0.05em;
    }
}

@media (min-width: 1024px) {

    .nav-link:hover, .nav-link.active {
        color: var(--accent-gold);
    }

    .nav-link::after {
        content: '';
        position: absolute;
        bottom: 5px;
        left: 0;
        width: 0;
        height: 1px;
        background-color: var(--accent-gold);
        transition: var(--transition-normal);
    }

    .nav-link:hover::after, .nav-link.active::after {
        width: 100%;
    }

    /* Luxury Dropdown Navigation */
    .nav-item-dropdown {
        position: relative;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .nav-dropdown-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%) translateY(15px);
        background-color: var(--bg-secondary);
        border: var(--border-thin);
        box-shadow: var(--shadow-lg);
        border-radius: 8px;
        padding: 12px 0;
        min-width: 250px;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
        z-index: 1000;
        backdrop-filter: blur(10px);
    }

    .nav-item-dropdown:hover .nav-dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateX(-50%) translateY(0);
    }

    .nav-dropdown-item {
        display: block;
        padding: 10px 20px;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--text-secondary);
        transition: var(--transition-normal);
        text-decoration: none;
    }

    .nav-dropdown-item:hover {
        color: var(--accent-gold);
        background-color: rgba(197, 168, 128, 0.05);
        padding-left: 25px;
    }

    .nav-cta {
        display: flex;
        align-items: center;
        gap: var(--spacing-xs);
    }
    
    .nav-cta .btn {
        padding: 0.5rem 1rem;
        font-size: 0.78rem;
    }
}

/* Mobile Menu Button */
.menu-toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 26px;
    height: 18px;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1001;
}

.menu-toggle span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--text-primary);
    transition: var(--transition-normal);
    border-radius: 2px;
}

.menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
    background-color: var(--accent-gold);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
    background-color: var(--accent-gold);
}

@media (min-width: 1024px) {
    .menu-toggle {
        display: none;
    }
}

/* Mobile Nav Overlay */
.mobile-nav {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 400px;
    height: 100vh;
    background-color: var(--bg-secondary);
    z-index: 999;
    padding: 100px var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
    transition: var(--transition-normal);
    border-left: 1px solid rgba(255, 255, 255, 0.05);
}

.mobile-nav.active {
    right: 0;
}

.mobile-nav-list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.mobile-nav-link {
    font-size: 1.3rem;
    font-family: var(--font-title);
    font-weight: 500;
    color: var(--text-primary);
    display: block;
    padding: var(--spacing-xs) 0;
}

.mobile-nav-link:hover, .mobile-nav-link.active {
    color: var(--accent-gold);
    padding-left: 8px;
}

/* Mobile Sub-menu Destinations styling */
.mobile-sub-menu {
    list-style: none;
    padding-left: var(--spacing-md);
    margin-top: var(--spacing-xs);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    border-left: 1px solid rgba(197, 168, 128, 0.15);
}

.mobile-sub-link {
    font-size: 0.95rem;
    font-family: var(--font-body);
    font-weight: 500;
    color: var(--text-secondary);
    display: block;
    padding: var(--spacing-xs) 0;
    transition: var(--transition-normal);
}

.mobile-sub-link:hover, .mobile-sub-link.active {
    color: var(--accent-gold);
    padding-left: 5px;
}

.mobile-cta {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    pointer-events: none;
    transition: var(--transition-normal);
    backdrop-filter: blur(4px);
}

.mobile-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

/* ==========================================================================
   6. Footer (SEO Local Friendly)
   ========================================================================== */
.footer {
    background-color: var(--bg-primary);
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding: var(--spacing-xl) 0 var(--spacing-md) 0;
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-top: auto;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-xl);
}

@media (min-width: 768px) {
    .footer-grid {
        grid-template-columns: 2fr 1fr 1fr;
    }
}

@media (min-width: 1024px) {
    .footer-grid {
        grid-template-columns: 2fr 1fr 1.5fr 1.5fr;
    }
}

.footer-col h4 {
    color: var(--text-primary);
    font-family: var(--font-body);
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--spacing-md);
    position: relative;
    padding-bottom: 8px;
}

.footer-col h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--accent-gold);
}

.footer-text {
    margin-bottom: var(--spacing-md);
    line-height: 1.7;
}

.footer-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
}

.footer-links a:hover {
    color: var(--accent-gold);
    padding-left: 4px;
}

.footer-contact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: var(--spacing-sm);
}

.footer-contact-item i {
    color: var(--accent-gold);
    margin-top: 4px;
}

.footer-cities {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.city-tag {
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: var(--text-secondary);
    padding: 4px 10px;
    border-radius: var(--radius-sm);
    font-size: 0.75rem;
    transition: var(--transition-fast);
}

.city-tag:hover {
    border-color: var(--accent-gold);
    color: var(--accent-gold);
    background-color: var(--accent-gold-light);
}

.footer-bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: var(--spacing-md);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    align-items: center;
    justify-content: space-between;
    font-size: 0.8rem;
    color: var(--text-muted);
}

@media (min-width: 768px) {
    .footer-bottom {
        flex-direction: row;
    }
}

.footer-bottom-links {
    display: flex;
    gap: var(--spacing-md);
}

.footer-bottom-links a:hover {
    color: var(--text-secondary);
}

/* ==========================================================================
   7. Common UI Components & Utilities
   ========================================================================== */
.card {
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    padding: var(--spacing-md);
    transition: var(--transition-normal);
}

.card:hover {
    transform: translateY(-5px);
    border-color: var(--accent-gold-border);
    box-shadow: var(--shadow-card);
}

/* Scroll Animation classes */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* WhatsApp Float Button */
.whatsapp-float {
    position: fixed;
    bottom: var(--spacing-md);
    right: var(--spacing-md);
    width: 60px;
    height: 60px;
    background-color: #25D366;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
    z-index: 999;
    transition: var(--transition-normal);
}

.whatsapp-float:hover {
    transform: scale(1.1) rotate(10deg);
    background-color: #128C7E;
}

@media (max-width: 768px) {
    .whatsapp-float {
        bottom: 12px;
        right: 12px;
        width: 50px;
        height: 50px;
        font-size: 1.5rem;
    }
}

/* ==========================================================================
   8. Luxury Language Selector (Flags only)
   ========================================================================== */
/* ==========================================================================
   8. Luxury Language Selector (Dropdown) & Theme Toggle & Light Mode
   ========================================================================== */

/* Toggle de Thème */
.theme-toggle {
    background: transparent;
    border: 1px solid var(--border-gold-subtle);
    color: var(--accent-gold);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.95rem;
    transition: var(--transition-normal);
    margin-left: var(--spacing-sm);
    z-index: 1002;
}

.theme-toggle:hover {
    background: var(--accent-gold-light);
    transform: scale(1.05);
    box-shadow: 0 0 10px rgba(197, 168, 128, 0.25);
}

/* Dropdown des langues */
.luxury-lang-dropdown {
    position: relative;
    display: inline-block;
    margin-left: var(--spacing-sm);
    z-index: 1002;
}

.lang-dropdown-btn {
    background: transparent;
    border: 1px solid var(--border-gold-subtle);
    color: var(--text-primary);
    padding: 6px 12px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 500;
    transition: var(--transition-normal);
}

.lang-dropdown-btn:hover {
    background: var(--accent-gold-light);
    border-color: var(--accent-gold);
    box-shadow: 0 0 8px rgba(197, 168, 128, 0.2);
}

.lang-dropdown-btn img {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 4px rgba(0,0,0,0.3);
}

.lang-chevron {
    font-size: 0.7rem;
    color: var(--accent-gold);
    transition: var(--transition-fast);
}

.luxury-lang-dropdown.open .lang-chevron {
    transform: rotate(180deg);
}

.lang-dropdown-menu {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    background: var(--bg-secondary);
    border: 1px solid var(--border-gold-subtle);
    border-radius: var(--radius-md);
    width: 150px;
    padding: 6px 0;
    box-shadow: var(--shadow-card);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);
}

.luxury-lang-dropdown.open .lang-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-dropdown-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 14px;
    color: var(--text-secondary);
    text-decoration: none;
    font-family: var(--font-body);
    font-size: 0.85rem;
    font-weight: 500;
    transition: var(--transition-fast);
}

.lang-dropdown-item:hover {
    background: var(--accent-gold-light);
    color: var(--accent-gold);
}

.lang-dropdown-item.active {
    color: var(--accent-gold);
    background: rgba(197, 168, 128, 0.05);
}

.lang-dropdown-item img {
    width: 24px;
    height: 16px;
    border-radius: 3px;
    object-fit: cover;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}

/* Masquer les barres et éléments par défaut de Google Translate */
.goog-te-banner-frame, .goog-te-banner, .goog-te-menu-value {
    display: none !important;
}
body {
    top: 0px !important;
}
#google_translate_element2 {
    display: none !important;
}

/* Version mobile du dropdown dans le header */
@media (max-width: 1023px) {
    .header-actions {
        margin-left: auto;
        margin-right: var(--spacing-xs);
        gap: 8px;
    }
    
    .theme-toggle {
        margin: 0 !important;
    }
    
    .luxury-lang-dropdown {
        margin: 0 !important;
    }
}

/* ==========================================================================
   9. Light Mode (Blanc & Or) Styles
   ========================================================================== */
body.light-mode {
    --bg-primary: #FFFFFF;      /* Blanc pur lumineux pour éliminer tout fond sombre */
    --bg-secondary: #F8F9FA;    /* Blanc-gris doux de prestige pour les cartes */
    --bg-tertiary: #EAECEF;     /* Gris clair pour les surbrillances et inputs */
    
    --accent-gold: #8E7143;     /* Or bronze profond hautement contrasté pour le mode clair */
    --accent-gold-hover: #735A33;
    --accent-gold-light: rgba(142, 113, 67, 0.08);
    --accent-gold-border: rgba(142, 113, 67, 0.25);
    
    --text-primary: #000000;    /* Noir absolu pour une lisibilité parfaite */
    --text-secondary: #1C1E21;  /* Gris très foncé pour le texte des paragraphes */
    --text-muted: #5C626A;      /* Gris anthracite pour les textes secondaires */
    
    --border-thin: 1px solid rgba(0, 0, 0, 0.08);
    --border-gold-subtle: 1px solid rgba(142, 113, 67, 0.2);
    
    --glass-bg: rgba(255, 255, 255, 0.9);
    --glass-border: rgba(0, 0, 0, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(142, 113, 67, 0.04);
    
    --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.02);
    --shadow-card: 0 10px 30px rgba(0, 0, 0, 0.04);
    --shadow-gold-glow: 0 0 20px rgba(142, 113, 67, 0.08);
}

/* Surcharge d'éléments spécifiques pour le Light Mode */
body.light-mode #rbs-v4-widget iframe {
    filter: none !important;
}

body.light-mode #rbs-v4-widget {
    background: #FFFFFF !important;
    border: 1px solid rgba(142, 113, 67, 0.2) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02) !important;
}

body.light-mode .coverage-map-container iframe {
    filter: none !important;
}

body.light-mode .hero-bg::after {
    background: radial-gradient(circle at 50% 40%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.9) 70%),
                linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #FFFFFF 100%) !important;
}

/* Surcharges de Cartes & Profils pour un relief prestigieux et ultra-lisible */
body.light-mode .card,
body.light-mode .fleet-card,
body.light-mode .reassurance-card,
body.light-mode .contact-card,
body.light-mode .contact-info-card,
body.light-mode .service-row,
body.light-mode .testimonial-card {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(142, 113, 67, 0.15) !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.02) !important;
}

/* Textes de cartes */
body.light-mode .card *,
body.light-mode .fleet-card *,
body.light-mode .reassurance-card *,
body.light-mode .contact-card *,
body.light-mode .contact-info-card *,
body.light-mode .service-row *,
body.light-mode .testimonial-card * {
    color: var(--text-secondary);
}

body.light-mode .card h3,
body.light-mode .fleet-card h3,
body.light-mode .reassurance-card h3,
body.light-mode .contact-card h2,
body.light-mode .contact-info-card h3,
body.light-mode .service-row-title,
body.light-mode .testimonial-card h4 {
    color: var(--text-primary) !important;
}

body.light-mode .fleet-standing-badge {
    background-color: var(--accent-gold) !important;
    color: #FFFFFF !important;
}

body.light-mode .hero-tagline {
    background: rgba(142, 113, 67, 0.1);
    color: var(--accent-gold);
}

body.light-mode .header {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: 1px solid rgba(142, 113, 67, 0.15);
}

body.light-mode .header.scrolled {
    background: #FFFFFF;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
}

body.light-mode .mobile-nav {
    background: #FFFFFF;
}

body.light-mode .menu-toggle span {
    background-color: var(--text-primary);
}

/* Formulaires Haut de Gamme ultra-lisibles */
body.light-mode input,
body.light-mode select,
body.light-mode textarea {
    background-color: #FFFFFF;
    color: var(--text-primary);
    border: 1px solid rgba(0, 0, 0, 0.15);
}

body.light-mode input:focus,
body.light-mode select:focus,
body.light-mode textarea:focus {
    border-color: var(--accent-gold);
    background-color: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(142, 113, 67, 0.1);
}

/* Boutons & Liens en Mode Clair pour une lisibilité ultime */
body.light-mode .btn-primary {
    background-color: var(--accent-gold) !important;
    color: #FFFFFF !important;
    box-shadow: 0 4px 15px rgba(142, 113, 67, 0.25) !important;
}

body.light-mode .btn-primary:hover {
    background-color: var(--accent-gold-hover) !important;
    box-shadow: 0 6px 20px rgba(142, 113, 67, 0.35) !important;
}

body.light-mode .btn-secondary {
    background-color: transparent !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

body.light-mode .btn-secondary:hover {
    background-color: var(--accent-gold-light) !important;
    border-color: var(--accent-gold) !important;
    color: var(--accent-gold) !important;
}

body.light-mode .btn-outline-gold {
    background-color: transparent !important;
    color: var(--accent-gold) !important;
    border: 1px solid var(--accent-gold) !important;
}

body.light-mode .btn-outline-gold:hover {
    background-color: var(--accent-gold) !important;
    color: #FFFFFF !important;
}

body.light-mode .btn-phone {
    background-color: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

body.light-mode .btn-phone i {
    color: var(--accent-gold) !important;
}

body.light-mode .btn-phone:hover {
    background-color: var(--accent-gold-light) !important;
    border-color: var(--accent-gold) !important;
}

/* Élimination totale des fonds noirs/sombres en mode clair */
body.light-mode .cta-banner,
body.light-mode .about-cta {
    background: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%) !important;
    border-top: 1px solid rgba(142, 113, 67, 0.15) !important;
    border-bottom: 1px solid rgba(142, 113, 67, 0.15) !important;
    padding: var(--spacing-xl) 0;
}

body.light-mode .page-header,
body.light-mode #aboutHeader,
body.light-mode #contactHeader {
    background: linear-gradient(135deg, #F8F9FA 0%, #FFFFFF 100%) !important;
    border-bottom: 1px solid rgba(142, 113, 67, 0.15) !important;
}

body.light-mode .page-header h1,
body.light-mode #aboutHeader h1,
body.light-mode #contactHeader h1,
body.light-mode .cta-banner h2,
body.light-mode .about-cta h2 {
    color: #000000 !important;
    text-shadow: none !important;
}

body.light-mode .page-header p,
body.light-mode #aboutHeader p,
body.light-mode #contactHeader p,
body.light-mode .cta-banner p,
body.light-mode .about-cta p {
    color: #212529 !important;
    text-shadow: none !important;
}

body.light-mode .cta-banner .btn-secondary,
body.light-mode .about-cta .btn-outline-gold {
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    color: #212529 !important;
}

body.light-mode .cta-banner .btn-secondary:hover,
body.light-mode .about-cta .btn-outline-gold:hover {
    background-color: var(--accent-gold-light) !important;
    border-color: var(--accent-gold) !important;
    color: var(--accent-gold) !important;
}

/* Footer Clair de prestige pour le Mode Clair */
body.light-mode .footer {
    background-color: #F8F9FA !important;
    border-top: 1px solid rgba(142, 113, 67, 0.15) !important;
}

body.light-mode .footer * {
    --text-primary: #000000;
    --text-secondary: #212529;
    --text-muted: #5C626A;
    --border-thin: 1px solid rgba(0, 0, 0, 0.08);
}

body.light-mode .footer h4 {
    color: #000000 !important;
    border-bottom: 2px solid var(--accent-gold) !important;
    padding-bottom: 8px;
}

body.light-mode .footer-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

body.light-mode .city-tag {
    background-color: rgba(142, 113, 67, 0.06) !important;
    color: var(--accent-gold) !important;
    border: 1px solid rgba(142, 113, 67, 0.12) !important;
}

body.light-mode .city-tag:hover {
    background-color: var(--accent-gold) !important;
    color: #FFFFFF !important;
}

/* Lisibilité ultime dans les listes de couverture */
body.light-mode .coverage {
    background-color: #FFFFFF !important;
}

body.light-mode .coverage-item {
    color: #1C1E21 !important;
    font-weight: 500;
}

/* Zone d'introduction sur fond clair */
body.light-mode .about-intro,
body.light-mode .about-values,
body.light-mode .about-experience {
    background-color: #FFFFFF !important;
}

body.light-mode .about-intro *,
body.light-mode .about-values *,
body.light-mode .about-experience * {
    color: var(--text-secondary);
}

body.light-mode .about-intro h2,
body.light-mode .about-values h2,
body.light-mode .about-experience h2 {
    color: var(--text-primary) !important;
}

body.light-mode .nav-menu {
    border-top: 1px solid rgba(142, 113, 67, 0.15) !important;
}

/* Force Brizy images visibility */
.brz-image { display: block !important; width: 100% !important; max-width: 800px !important; margin: 2rem auto !important; }
.brz-img { display: block !important; width: 100% !important; height: auto !important; border-radius: 8px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); visibility: visible !important; opacity: 1 !important; }

/* ==========================================================================
   Micro-Animations & Scroll Reveal (Premium Experience)
   ========================================================================== */
.reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
    will-change: opacity, transform;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

.reveal.delay-1 { transition-delay: 0.1s; }
.reveal.delay-2 { transition-delay: 0.2s; }
.reveal.delay-3 { transition-delay: 0.3s; }
.reveal.delay-4 { transition-delay: 0.4s; }

/* Specific animation variants (optional) */
.reveal.fade-in {
    transform: none;
}

.reveal.slide-left {
    transform: translateX(40px);
}
.reveal.slide-left.active {
    transform: translateX(0);
}

.reveal.slide-right {
    transform: translateX(-40px);
}
.reveal.slide-right.active {
    transform: translateX(0);
}


/* === pages.css === */
/* 
   TaxiVtcParis - Pages Specific Stylesheet
   Specific styles for Accueil, Services, Flotte, and Contact pages
*/

/* ==========================================================================
   1. Accueil Page (index.html)
   ========================================================================== */

/* Hero Section */
.hero {
    min-height: 100vh;
    padding-top: calc(var(--header-height) + var(--spacing-lg));
    padding-bottom: var(--spacing-xl);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    background-color: var(--bg-primary);
}

.hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.hero-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 60% 40%, rgba(7, 8, 23, 0.3) 0%, rgba(7, 8, 23, 0.95) 80%),
                linear-gradient(to bottom, rgba(7, 8, 23, 0.2) 0%, var(--bg-primary) 100%);
    z-index: 2;
}

.hero-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.hero .container {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--spacing-md);
}

@media (min-width: 1024px) {
    .hero {
        padding-top: calc(var(--header-height) + var(--spacing-md));
    }
    .hero .container {
        flex-direction: column;
    }
}

.hero-content {
    max-width: 800px;
    margin: 0 auto;
}

.hero-tagline {
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: var(--accent-gold);
    margin-bottom: var(--spacing-sm);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.hero-tagline::before {
    content: '';
    width: 20px;
    height: 1px;
    background-color: var(--accent-gold);
}

.hero-title {
    font-size: 2.6rem;
    margin-bottom: var(--spacing-md);
    line-height: 1.15;
}

@media (min-width: 768px) {
    .hero-title {
        font-size: 4rem;
    }
}

.hero-description {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin-bottom: var(--spacing-lg);
    line-height: 1.7;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

/* Reassurance Section */
.reassurance {
    background-color: var(--bg-secondary);
    border-top: var(--border-thin);
    border-bottom: var(--border-thin);
    padding: var(--spacing-lg) 0;
}

.reassurance-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}

@media (min-width: 576px) {
    .reassurance-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 992px) {
    .reassurance-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

.reassurance-card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: var(--spacing-sm);
}

.reassurance-icon {
    width: 48px;
    height: 48px;
    background-color: var(--bg-tertiary);
    border: var(--border-gold-subtle);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-gold);
    font-size: 1.25rem;
    flex-shrink: 0;
    transition: var(--transition-fast);
}

.reassurance-card:hover .reassurance-icon {
    background-color: var(--accent-gold);
    color: var(--bg-primary);
    transform: translateY(-3px);
    box-shadow: var(--shadow-gold-glow);
}

.reassurance-card h3 {
    font-family: var(--font-body);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 6px;
}

.reassurance-card p {
    color: var(--text-secondary);
    font-size: 0.85rem;
    line-height: 1.5;
}

/* Home Services Section */
.home-services-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}

@media (min-width: 768px) {
    .home-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1200px) {
    .home-services-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* Testimonials / Avis Section */
.testimonials {
    background-color: var(--bg-secondary);
    border-top: var(--border-thin);
    border-bottom: var(--border-thin);
}

.testimonials-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}

@media (min-width: 768px) {
    .testimonials-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .testimonials-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

.testimonial-card {
    background-color: var(--bg-primary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.testimonial-stars {
    color: var(--accent-gold);
    font-size: 0.9rem;
    margin-bottom: var(--spacing-sm);
}

.testimonial-text {
    color: var(--text-secondary);
    font-style: italic;
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: var(--spacing-md);
    flex-grow: 1;
}

.testimonial-author {
    display: flex;
    align-items: center;
    gap: 12px;
}

.author-avatar {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--bg-tertiary);
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    color: var(--accent-gold);
    font-size: 0.9rem;
}

.author-info h4 {
    font-family: var(--font-body);
    font-size: 0.95rem;
    font-weight: 600;
}

.author-info span {
    font-size: 0.8rem;
    color: var(--text-muted);
}

/* Zone / SEO Coverage Section */
.coverage {
    overflow: hidden;
    background-color: var(--bg-primary);
}

.coverage-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
    align-items: center;
}

@media (min-width: 1024px) {
    .coverage-layout {
        grid-template-columns: 1fr 1fr;
    }
}

.coverage-map-container {
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    height: 350px;
    overflow: hidden;
    position: relative;
}

.coverage-map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    filter: invert(90%) hue-rotate(180deg) grayscale(100%) contrast(90%);
}

.coverage-list-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-sm);
    margin-top: var(--spacing-md);
}

.coverage-item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.coverage-item i {
    color: var(--accent-gold);
    font-size: 0.8rem;
}

/* CTA Final Banner */
.cta-banner {
    position: relative;
    padding: var(--spacing-xxl) 0;
    background-color: var(--bg-secondary);
    overflow: hidden;
}

.cta-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle at 50% 50%, rgba(212, 178, 117, 0.08) 0%, var(--bg-primary) 100%);
    z-index: 1;
}

.cta-banner .container {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 800px;
}

.cta-banner h2 {
    font-size: 2.2rem;
    margin-bottom: var(--spacing-md);
}

.cta-banner p {
    color: var(--text-secondary);
    font-size: 1.15rem;
    margin-bottom: var(--spacing-lg);
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.cta-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
}

@media (min-width: 768px) {
    .cta-banner h2 {
        font-size: 3rem;
    }
}


/* ==========================================================================
   2. Services Page (services.html)
   ========================================================================== */

/* Page Header Block */
.page-header {
    padding-top: calc(var(--header-height) + var(--spacing-lg));
    padding-bottom: var(--spacing-xl);
    text-align: center;
    background-color: var(--bg-secondary);
    border-bottom: var(--border-thin);
}

.page-header h1 {
    font-size: 2.5rem;
    margin-bottom: var(--spacing-xs);
}

.page-header p {
    color: var(--text-secondary);
    max-width: 600px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .page-header {
        padding-top: calc(var(--header-height) + var(--spacing-xl));
        padding-bottom: var(--spacing-xxl);
    }
    .page-header h1 {
        font-size: 3.5rem;
    }
}

/* Service Detail Cards / Row Layout */
.services-list {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.service-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-lg);
    align-items: center;
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

@media (min-width: 992px) {
    .service-row {
        grid-template-columns: 1fr 1fr;
    }
    .service-row:nth-child(even) .service-img-container {
        order: 2;
    }
}

.service-img-container {
    height: 300px;
    overflow: hidden;
    position: relative;
    width: 100%;
}

@media (min-width: 992px) {
    .service-img-container {
        height: 100%;
        min-height: 400px;
    }
}

.service-img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition-slow);
}

.service-row:hover .service-img-container img {
    transform: scale(1.05);
}

.service-info-container {
    padding: var(--spacing-md);
}

@media (min-width: 768px) {
    .service-info-container {
        padding: var(--spacing-lg);
    }
}

.service-badge {
    display: inline-block;
    padding: 4px 12px;
    border-radius: var(--radius-full);
    background-color: var(--accent-gold-light);
    border: 1px solid rgba(197, 168, 128, 0.2);
    color: var(--accent-gold);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-sm);
}

.service-row-title {
    font-size: 1.8rem;
    margin-bottom: var(--spacing-sm);
}

.service-row-desc {
    color: var(--text-secondary);
    margin-bottom: var(--spacing-md);
    font-size: 1rem;
    line-height: 1.7;
}

.service-benefits {
    list-style: none;
    margin-bottom: var(--spacing-lg);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xs);
}

@media (min-width: 576px) {
    .service-benefits {
        grid-template-columns: 1fr 1fr;
    }
}

.service-benefit-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9rem;
    color: var(--text-primary);
}

.service-benefit-item i {
    color: var(--accent-gold);
    font-size: 0.85rem;
}


/* ==========================================================================
   3. Flotte Page (flotte.html)
   ========================================================================== */

/* Vehicle Card Grid */
.fleet-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
}

@media (min-width: 768px) {
    .fleet-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.fleet-card {
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.fleet-img-container {
    height: 480px;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #0d0e1e 0%, #141528 60%, #0d0e1e 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fleet-img-container img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    transition: var(--transition-slow);
    padding: 8px;
}

.fleet-card:hover .fleet-img-container img {
    transform: scale(1.04);
}

.fleet-standing-badge {
    position: absolute;
    top: var(--spacing-sm);
    right: var(--spacing-sm);
    background-color: rgba(15, 16, 38, 0.85);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border: 1px solid var(--accent-gold);
    color: var(--accent-gold);
    padding: 4px 12px;
    border-radius: var(--radius-full);
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.fleet-info {
    padding: var(--spacing-md);
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.fleet-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--spacing-xs);
}

.fleet-name {
    font-size: 1.5rem;
}

.fleet-subtitle {
    font-size: 0.8rem;
    color: var(--text-muted);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-sm);
}

.fleet-specs {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-md);
    padding: 8px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.spec-item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.spec-item i {
    color: var(--accent-gold);
}

.fleet-desc {
    color: var(--text-secondary);
    font-size: 0.88rem;
    line-height: 1.6;
    margin-bottom: var(--spacing-md);
    flex-grow: 1;
}

.fleet-services-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: var(--spacing-lg);
}

.service-tag {
    background-color: var(--bg-tertiary);
    border: 1px solid rgba(255, 255, 255, 0.05);
    color: var(--text-secondary);
    font-size: 0.75rem;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
}

.fleet-action-row {
    margin-top: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.fleet-price {
    font-size: 0.85rem;
    color: var(--text-muted);
}

.fleet-price-amount {
    display: block;
    font-family: var(--font-title);
    font-size: 1.2rem;
    color: var(--accent-gold);
    font-weight: 600;
}


/* ==========================================================================
   4. Contact Page (contact.html)
   ========================================================================== */

.contact-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-xl);
}

@media (min-width: 992px) {
    .contact-layout {
        grid-template-columns: 1fr 1.2fr;
    }
}

/* Contact Info cards */
.contact-info-cards {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.contact-info-card {
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    transition: var(--transition-normal);
}

.contact-info-card:hover {
    border-color: var(--accent-gold-border);
    transform: translateY(-3px);
}

.contact-info-icon {
    width: 52px;
    height: 52px;
    background-color: var(--bg-tertiary);
    border: var(--border-gold-subtle);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--accent-gold);
    font-size: 1.35rem;
    flex-shrink: 0;
}

.contact-info-details h3 {
    font-family: var(--font-body);
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: var(--spacing-xs);
}

.contact-info-details p {
    color: var(--text-secondary);
    font-size: 0.92rem;
    line-height: 1.6;
}

.contact-info-details a:hover {
    color: var(--accent-gold);
}

/* Contact Form */
.contact-form-wrapper {
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    border-radius: var(--radius-lg);
    padding: var(--spacing-lg);
}

.contact-form-wrapper h2 {
    font-size: 1.8rem;
    margin-bottom: var(--spacing-xs);
}

.contact-form-wrapper p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    margin-bottom: var(--spacing-lg);
}

.contact-html-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.contact-html-form .form-input {
    padding-left: 14px; /* normal inputs without icons in contact form */
}

.textarea-container textarea {
    min-height: 120px;
    resize: vertical;
}

.submit-btn-row {
    margin-top: 8px;
}

.form-success-message {
    background-color: rgba(46, 196, 182, 0.1);
    border: 1px solid var(--status-success);
    color: var(--text-primary);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    margin-bottom: var(--spacing-md);
    display: none;
    align-items: center;
    gap: 12px;
}

.form-success-message i {
    color: var(--status-success);
    font-size: 1.25rem;
}


/* === booking.css === */
/* 
   TaxiVtcParis - Booking Module Stylesheet
   Premium and elegant stylings for the luxury reservation widget
*/

.booking-wrapper {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: var(--glass-shadow);
    backdrop-filter: var(--glass-backdrop-filter);
    -webkit-backdrop-filter: var(--glass-backdrop-filter);
    padding: var(--spacing-md);
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .booking-wrapper {
        padding: var(--spacing-lg);
    }
}

.booking-tabs {
    display: flex;
    gap: 5px;
    margin-bottom: var(--spacing-md);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding-bottom: 10px;
}

.booking-tab {
    flex: 1;
    text-align: center;
    padding: 8px 4px;
    font-size: 0.8rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
}

@media (min-width: 375px) {
    .booking-tab {
        font-size: 0.85rem;
        padding: 10px 8px;
    }
}

.booking-tab.active {
    color: var(--accent-gold);
    background-color: var(--accent-gold-light);
    border: 1px solid rgba(197, 168, 128, 0.3);
}

.booking-tab:hover:not(.active) {
    color: var(--text-primary);
    background-color: rgba(255, 255, 255, 0.03);
}

.booking-form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
}

.form-label {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--accent-gold);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: 8px;
}

.form-label i {
    font-size: 0.9rem;
}

.input-container {
    position: relative;
    width: 100%;
}

.input-container i {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    font-size: 1rem;
    pointer-events: none;
    transition: var(--transition-fast);
}

.form-input {
    width: 100%;
    background-color: var(--bg-tertiary);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--text-primary);
    padding: 12px 14px 12px 42px;
    border-radius: var(--radius-md);
    font-size: 0.95rem;
    transition: var(--transition-fast);
}

.form-input:focus {
    border-color: var(--accent-gold);
    box-shadow: 0 0 12px rgba(212, 178, 117, 0.25);
    background-color: rgba(15, 16, 38, 0.85);
}

.form-input:focus + i {
    color: var(--accent-gold);
}

/* Specific select dropdown arrow style */
select.form-input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23C5A880'%3E%3Cpath d='M7 10l5 5 5-5H7z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 20px;
    padding-right: 40px;
    cursor: pointer;
}

.form-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--spacing-md);
}

@media (min-width: 576px) {
    .form-row.two-cols {
        grid-template-columns: 1fr 1fr;
    }
}

.booking-submit-btn {
    width: 100%;
    padding: 14px;
    font-size: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 10px;
}

.booking-reassurance {
    display: flex;
    justify-content: center;
    gap: var(--spacing-md);
    margin-top: var(--spacing-md);
    padding-top: var(--spacing-md);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    font-size: 0.75rem;
    color: var(--text-muted);
    text-align: center;
}

.booking-reassurance-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.booking-reassurance-item i {
    color: var(--status-success);
}

/* Styles for integration of the real client widget if they use iframe */
.widget-iframe-container {
    width: 100%;
    min-height: 480px;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background-color: var(--bg-secondary);
    border: var(--border-thin);
    position: relative;
}

.widget-iframe-container iframe {
    width: 100%;
    height: 100%;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
}

.iframe-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--bg-secondary);
    z-index: 2;
    transition: opacity 0.5s ease;
}

.spinner {
    width: 40px;
    height: 40px;
    border: 3px solid rgba(197, 168, 128, 0.1);
    border-radius: 50%;
    border-top-color: var(--accent-gold);
    animation: spin 1s ease-in-out infinite;
    margin-bottom: 12px;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}

/* ==========================================================================
   Luxury Styling overrides for RideBookingSystem Container
   ========================================================================== */
#bookingSection {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: hidden;
    max-width: 680px !important;
    width: 100% !important;
    padding: 0 !important;
}

#bookingSection:hover {
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

#rbs-v4-widget {
    border-radius: 16px !important;
    overflow: hidden !important;
    border: 2px solid var(--accent-gold) !important;
    box-shadow: 0 0 25px rgba(212, 178, 117, 0.25), inset 0 0 20px rgba(7, 8, 23, 0.8) !important;
    background: var(--bg-secondary) !important;
}

#rbs-v4-widget iframe {
    background: transparent !important;
    transition: var(--transition-normal);
    filter: invert(0.92) sepia(0.2) hue-rotate(190deg) saturate(1.4) brightness(0.95) contrast(1.1) !important;
}



/* === extracted-styles.css === */
.ext-style-1 { padding-top: 100px; }
.ext-style-2 { padding-bottom: 2rem; }
.ext-style-3 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-4 { padding-top: 2rem; }
.ext-style-5 { max-width: 800px; margin: 0 auto; }
.ext-style-6 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-7 { width: 100%; height: auto; }
.ext-style-8 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-9 { min-height:20px }
.ext-style-10 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-11 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-12 { margin-top: var(--spacing-xxl); }
.ext-style-13 { margin-bottom: var(--spacing-sm); }
.ext-style-14 { color: var(--accent-gold); }
.ext-style-15 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-16 { padding-top: 100px; }
.ext-style-17 { padding-bottom: 2rem; }
.ext-style-18 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-19 { padding-top: 2rem; }
.ext-style-20 { max-width: 800px; margin: 0 auto; }
.ext-style-21 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-22 { width: 100%; height: auto; }
.ext-style-23 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-24 { min-height:20px }
.ext-style-25 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-26 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-27 { margin-top: var(--spacing-xxl); }
.ext-style-28 { margin-bottom: var(--spacing-sm); }
.ext-style-29 { color: var(--accent-gold); }
.ext-style-30 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-31 { padding-top: 100px; }
.ext-style-32 { padding-bottom: 2rem; }
.ext-style-33 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-34 { padding-top: 2rem; }
.ext-style-35 { max-width: 800px; margin: 0 auto; }
.ext-style-36 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-37 { width: 100%; height: auto; }
.ext-style-38 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-39 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-40 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-41 { margin-top: var(--spacing-xxl); }
.ext-style-42 { margin-bottom: var(--spacing-sm); }
.ext-style-43 { color: var(--accent-gold); }
.ext-style-44 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-45 { padding-top: 100px; }
.ext-style-46 { padding-bottom: 2rem; }
.ext-style-47 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-48 { padding-top: 2rem; }
.ext-style-49 { max-width: 800px; margin: 0 auto; }
.ext-style-50 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-51 { width: 100%; height: auto; }
.ext-style-52 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-53 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-54 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-55 { margin-top: var(--spacing-xxl); }
.ext-style-56 { margin-bottom: var(--spacing-sm); }
.ext-style-57 { color: var(--accent-gold); }
.ext-style-58 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-59 { padding-top: 100px; }
.ext-style-60 { padding-bottom: 2rem; }
.ext-style-61 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-62 { padding-top: 2rem; }
.ext-style-63 { max-width: 800px; margin: 0 auto; }
.ext-style-64 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-65 { width: 100%; height: auto; }
.ext-style-66 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-67 { min-height:20px }
.ext-style-68 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-69 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-70 { margin-top: var(--spacing-xxl); }
.ext-style-71 { margin-bottom: var(--spacing-sm); }
.ext-style-72 { color: var(--accent-gold); }
.ext-style-73 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-74 { padding-top: 100px; }
.ext-style-75 { padding-bottom: 2rem; }
.ext-style-76 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-77 { padding-top: 2rem; }
.ext-style-78 { max-width: 800px; margin: 0 auto; }
.ext-style-79 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-80 { width: 100%; height: auto; }
.ext-style-81 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-82 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-83 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-84 { margin-top: var(--spacing-xxl); }
.ext-style-85 { margin-bottom: var(--spacing-sm); }
.ext-style-86 { color: var(--accent-gold); }
.ext-style-87 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-88 { padding-top: 100px; }
.ext-style-89 { padding-bottom: 2rem; }
.ext-style-90 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-91 { padding-top: 2rem; }
.ext-style-92 { max-width: 800px; margin: 0 auto; }
.ext-style-93 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-94 { width: 100%; height: auto; }
.ext-style-95 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-96 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-97 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-98 { margin-top: var(--spacing-xxl); }
.ext-style-99 { margin-bottom: var(--spacing-sm); }
.ext-style-100 { color: var(--accent-gold); }
.ext-style-101 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-102 { padding-top: 100px; }
.ext-style-103 { padding-bottom: 2rem; }
.ext-style-104 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-105 { padding-top: 2rem; }
.ext-style-106 { max-width: 800px; margin: 0 auto; }
.ext-style-107 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-108 { width: 100%; height: auto; }
.ext-style-109 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-110 { min-height:20px }
.ext-style-111 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-112 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-113 { margin-top: var(--spacing-xxl); }
.ext-style-114 { margin-bottom: var(--spacing-sm); }
.ext-style-115 { color: var(--accent-gold); }
.ext-style-116 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-117 { padding-top: 100px; }
.ext-style-118 { padding-bottom: 2rem; }
.ext-style-119 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-120 { padding-top: 2rem; }
.ext-style-121 { max-width: 800px; margin: 0 auto; }
.ext-style-122 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-123 { width: 100%; height: auto; }
.ext-style-124 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-125 { min-height:20px }
.ext-style-126 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-127 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-128 { margin-top: var(--spacing-xxl); }
.ext-style-129 { margin-bottom: var(--spacing-sm); }
.ext-style-130 { color: var(--accent-gold); }
.ext-style-131 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-132 { padding-top: 100px; }
.ext-style-133 { padding-bottom: 2rem; }
.ext-style-134 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-135 { padding-top: 2rem; }
.ext-style-136 { max-width: 800px; margin: 0 auto; }
.ext-style-137 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-138 { width: 100%; height: auto; }
.ext-style-139 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-140 { min-height:20px }
.ext-style-141 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-142 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-143 { margin-top: var(--spacing-xxl); }
.ext-style-144 { margin-bottom: var(--spacing-sm); }
.ext-style-145 { color: var(--accent-gold); }
.ext-style-146 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-147 { padding-top: 100px; }
.ext-style-148 { padding-bottom: 2rem; }
.ext-style-149 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-150 { padding-top: 2rem; }
.ext-style-151 { max-width: 800px; margin: 0 auto; }
.ext-style-152 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-153 { width: 100%; height: auto; }
.ext-style-154 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-155 { min-height:20px }
.ext-style-156 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-157 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-158 { margin-top: var(--spacing-xxl); }
.ext-style-159 { margin-bottom: var(--spacing-sm); }
.ext-style-160 { color: var(--accent-gold); }
.ext-style-161 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-162 { margin-bottom: var(--spacing-xs); }
.ext-style-163 { padding-bottom: 2rem; }
.ext-style-164 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-165 { padding-top: 2rem; }
.ext-style-166 { max-width: 800px; margin: 0 auto; }
.ext-style-167 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-168 { width: 100%; height: auto; }
.ext-style-169 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-170 { margin-bottom: 1.5rem; }
.ext-style-171 { margin-bottom: 1.5rem; }
.ext-style-172 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-173 { margin-bottom: 1.5rem; }
.ext-style-174 { margin-bottom: 1.5rem; }
.ext-style-175 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-176 { margin-bottom: 1.5rem; }
.ext-style-177 { margin-bottom: 1.5rem; }
.ext-style-178 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-179 { margin-bottom: 1.5rem; }
.ext-style-180 { list-style-type: none; padding-left: 0; margin-bottom: 1.5rem; }
.ext-style-181 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-182 { color: var(--accent-gold); }
.ext-style-183 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-184 { color: var(--accent-gold); }
.ext-style-185 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-186 { color: var(--accent-gold); }
.ext-style-187 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-188 { color: var(--accent-gold); }
.ext-style-189 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-190 { margin-bottom: 2rem; }
.ext-style-191 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-192 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-193 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-194 { margin-top: var(--spacing-xxl); }
.ext-style-195 { margin-bottom: var(--spacing-sm); }
.ext-style-196 { color: var(--accent-gold); }
.ext-style-197 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-198 { color: var(--accent-gold); }
.ext-style-199 { color: var(--accent-gold); }
.ext-style-200 { color: var(--accent-gold); }
.ext-style-201 { color: var(--accent-gold); }
.ext-style-202 { color: var(--accent-gold); }
.ext-style-203 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-204 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-205 { padding-top: 100px; }
.ext-style-206 { padding-bottom: 2rem; }
.ext-style-207 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-208 { padding-top: 2rem; }
.ext-style-209 { max-width: 800px; margin: 0 auto; }
.ext-style-210 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-211 { width: 100%; height: auto; }
.ext-style-212 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-213 { min-height:20px }
.ext-style-214 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-215 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-216 { margin-top: var(--spacing-xxl); }
.ext-style-217 { margin-bottom: var(--spacing-sm); }
.ext-style-218 { color: var(--accent-gold); }
.ext-style-219 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-220 { padding-top: 100px; }
.ext-style-221 { padding-bottom: 2rem; }
.ext-style-222 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-223 { padding-top: 2rem; }
.ext-style-224 { max-width: 800px; margin: 0 auto; }
.ext-style-225 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-226 { width: 100%; height: auto; }
.ext-style-227 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-228 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-229 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-230 { margin-top: var(--spacing-xxl); }
.ext-style-231 { margin-bottom: var(--spacing-sm); }
.ext-style-232 { color: var(--accent-gold); }
.ext-style-233 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-234 { padding-top: 100px; }
.ext-style-235 { padding-bottom: 2rem; }
.ext-style-236 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-237 { padding-top: 2rem; }
.ext-style-238 { max-width: 800px; margin: 0 auto; }
.ext-style-239 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-240 { width: 100%; height: auto; }
.ext-style-241 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-242 { min-height:20px }
.ext-style-243 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-244 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-245 { margin-top: var(--spacing-xxl); }
.ext-style-246 { margin-bottom: var(--spacing-sm); }
.ext-style-247 { color: var(--accent-gold); }
.ext-style-248 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-249 { padding-top: 100px; }
.ext-style-250 { padding-bottom: 2rem; }
.ext-style-251 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-252 { padding-top: 2rem; }
.ext-style-253 { max-width: 800px; margin: 0 auto; }
.ext-style-254 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-255 { width: 100%; height: auto; }
.ext-style-256 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-257 { min-height:20px }
.ext-style-258 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-259 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-260 { margin-top: var(--spacing-xxl); }
.ext-style-261 { margin-bottom: var(--spacing-sm); }
.ext-style-262 { color: var(--accent-gold); }
.ext-style-263 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-264 { padding-top: 100px; }
.ext-style-265 { padding-bottom: 2rem; }
.ext-style-266 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-267 { padding-top: 2rem; }
.ext-style-268 { max-width: 800px; margin: 0 auto; }
.ext-style-269 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-270 { width: 100%; height: auto; }
.ext-style-271 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-272 { min-height:20px }
.ext-style-273 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-274 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-275 { margin-top: var(--spacing-xxl); }
.ext-style-276 { margin-bottom: var(--spacing-sm); }
.ext-style-277 { color: var(--accent-gold); }
.ext-style-278 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-279 { padding-top: 100px; }
.ext-style-280 { padding-bottom: 2rem; }
.ext-style-281 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-282 { padding-top: 2rem; }
.ext-style-283 { max-width: 800px; margin: 0 auto; }
.ext-style-284 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-285 { width: 100%; height: auto; }
.ext-style-286 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-287 { min-height:20px }
.ext-style-288 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-289 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-290 { margin-top: var(--spacing-xxl); }
.ext-style-291 { margin-bottom: var(--spacing-sm); }
.ext-style-292 { color: var(--accent-gold); }
.ext-style-293 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-294 { padding-top: 100px; }
.ext-style-295 { padding-bottom: 2rem; }
.ext-style-296 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-297 { padding-top: 2rem; }
.ext-style-298 { max-width: 800px; margin: 0 auto; }
.ext-style-299 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-300 { width: 100%; height: auto; }
.ext-style-301 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-302 { min-height:20px }
.ext-style-303 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-304 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-305 { margin-top: var(--spacing-xxl); }
.ext-style-306 { margin-bottom: var(--spacing-sm); }
.ext-style-307 { color: var(--accent-gold); }
.ext-style-308 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-309 { padding-top: 100px; }
.ext-style-310 { padding-bottom: 2rem; }
.ext-style-311 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-312 { padding-top: 2rem; }
.ext-style-313 { max-width: 800px; margin: 0 auto; }
.ext-style-314 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-315 { width: 100%; height: auto; }
.ext-style-316 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-317 { min-height:20px }
.ext-style-318 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-319 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-320 { margin-top: var(--spacing-xxl); }
.ext-style-321 { margin-bottom: var(--spacing-sm); }
.ext-style-322 { color: var(--accent-gold); }
.ext-style-323 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-324 { padding-top: 100px; }
.ext-style-325 { padding-bottom: 2rem; }
.ext-style-326 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-327 { padding-top: 2rem; }
.ext-style-328 { max-width: 800px; margin: 0 auto; }
.ext-style-329 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-330 { width: 100%; height: auto; }
.ext-style-331 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-332 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-333 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-334 { margin-top: var(--spacing-xxl); }
.ext-style-335 { margin-bottom: var(--spacing-sm); }
.ext-style-336 { color: var(--accent-gold); }
.ext-style-337 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-338 { padding-top: 100px; }
.ext-style-339 { padding-bottom: 2rem; }
.ext-style-340 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-341 { padding-top: 2rem; }
.ext-style-342 { max-width: 800px; margin: 0 auto; }
.ext-style-343 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-344 { width: 100%; height: auto; }
.ext-style-345 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-346 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-347 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-348 { margin-top: var(--spacing-xxl); }
.ext-style-349 { margin-bottom: var(--spacing-sm); }
.ext-style-350 { color: var(--accent-gold); }
.ext-style-351 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-352 { padding-top: 100px; }
.ext-style-353 { padding-bottom: 2rem; }
.ext-style-354 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-355 { padding-top: 2rem; }
.ext-style-356 { max-width: 800px; margin: 0 auto; }
.ext-style-357 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-358 { width: 100%; height: auto; }
.ext-style-359 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-360 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-361 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-362 { margin-top: var(--spacing-xxl); }
.ext-style-363 { margin-bottom: var(--spacing-sm); }
.ext-style-364 { color: var(--accent-gold); }
.ext-style-365 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-366 { padding-top: 100px; }
.ext-style-367 { padding-bottom: 2rem; }
.ext-style-368 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-369 { padding-top: 2rem; }
.ext-style-370 { max-width: 800px; margin: 0 auto; }
.ext-style-371 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-372 { width: 100%; height: auto; }
.ext-style-373 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-374 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-375 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-376 { margin-top: var(--spacing-xxl); }
.ext-style-377 { margin-bottom: var(--spacing-sm); }
.ext-style-378 { color: var(--accent-gold); }
.ext-style-379 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-380 { margin-bottom: var(--spacing-xs); }
.ext-style-381 { padding-bottom: 2rem; }
.ext-style-382 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-383 { padding-top: 2rem; }
.ext-style-384 { max-width: 800px; margin: 0 auto; }
.ext-style-385 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-386 { width: 100%; height: auto; }
.ext-style-387 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-388 { margin-bottom: 1.5rem; }
.ext-style-389 { margin-bottom: 1.5rem; }
.ext-style-390 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-391 { margin-bottom: 1.5rem; }
.ext-style-392 { margin-bottom: 1.5rem; }
.ext-style-393 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-394 { margin-bottom: 1.5rem; }
.ext-style-395 { margin-bottom: 1.5rem; }
.ext-style-396 { border-radius: 12px; overflow: hidden; margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-397 { width: 100%; height: auto; }
.ext-style-398 { margin-bottom: 1.5rem; }
.ext-style-399 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-400 { margin-bottom: 1.5rem; }
.ext-style-401 { margin-bottom: 1.5rem; }
.ext-style-402 { margin-bottom: 1.5rem; }
.ext-style-403 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-404 { margin-bottom: 1.5rem; }
.ext-style-405 { margin-bottom: 1.5rem; }
.ext-style-406 { list-style-type: none; padding-left: 0; margin-bottom: 1.5rem; }
.ext-style-407 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-408 { color: var(--accent-gold); }
.ext-style-409 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-410 { color: var(--accent-gold); }
.ext-style-411 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-412 { color: var(--accent-gold); }
.ext-style-413 { margin-bottom: 1.5rem; }
.ext-style-414 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-415 { margin-bottom: 2rem; }
.ext-style-416 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-417 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-418 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-419 { margin-top: var(--spacing-xxl); }
.ext-style-420 { margin-bottom: var(--spacing-sm); }
.ext-style-421 { color: var(--accent-gold); }
.ext-style-422 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-423 { color: var(--accent-gold); }
.ext-style-424 { color: var(--accent-gold); }
.ext-style-425 { color: var(--accent-gold); }
.ext-style-426 { color: var(--accent-gold); }
.ext-style-427 { color: var(--accent-gold); }
.ext-style-428 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-429 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-430 { padding-top: 100px; }
.ext-style-431 { padding-bottom: 2rem; }
.ext-style-432 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-433 { padding-top: 2rem; }
.ext-style-434 { max-width: 800px; margin: 0 auto; }
.ext-style-435 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-436 { width: 100%; height: auto; }
.ext-style-437 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-438 { min-height:20px }
.ext-style-439 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-440 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-441 { margin-top: var(--spacing-xxl); }
.ext-style-442 { margin-bottom: var(--spacing-sm); }
.ext-style-443 { color: var(--accent-gold); }
.ext-style-444 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-445 { padding-top: 100px; }
.ext-style-446 { padding-bottom: 2rem; }
.ext-style-447 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-448 { padding-top: 2rem; }
.ext-style-449 { max-width: 800px; margin: 0 auto; }
.ext-style-450 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-451 { width: 100%; height: auto; }
.ext-style-452 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-453 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-454 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-455 { margin-top: var(--spacing-xxl); }
.ext-style-456 { margin-bottom: var(--spacing-sm); }
.ext-style-457 { color: var(--accent-gold); }
.ext-style-458 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-459 { padding-top: 100px; }
.ext-style-460 { padding-bottom: 2rem; }
.ext-style-461 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-462 { padding-top: 2rem; }
.ext-style-463 { max-width: 800px; margin: 0 auto; }
.ext-style-464 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-465 { width: 100%; height: auto; }
.ext-style-466 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-467 { min-height:20px }
.ext-style-468 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-469 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-470 { margin-top: var(--spacing-xxl); }
.ext-style-471 { margin-bottom: var(--spacing-sm); }
.ext-style-472 { color: var(--accent-gold); }
.ext-style-473 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-474 { padding-top: 100px; }
.ext-style-475 { padding-bottom: 2rem; }
.ext-style-476 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-477 { padding-top: 2rem; }
.ext-style-478 { max-width: 800px; margin: 0 auto; }
.ext-style-479 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-480 { width: 100%; height: auto; }
.ext-style-481 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-482 { min-height:20px }
.ext-style-483 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-484 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-485 { margin-top: var(--spacing-xxl); }
.ext-style-486 { margin-bottom: var(--spacing-sm); }
.ext-style-487 { color: var(--accent-gold); }
.ext-style-488 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-489 { padding-top: 100px; }
.ext-style-490 { padding-bottom: 2rem; }
.ext-style-491 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-492 { padding-top: 2rem; }
.ext-style-493 { max-width: 800px; margin: 0 auto; }
.ext-style-494 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-495 { width: 100%; height: auto; }
.ext-style-496 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-497 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-498 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-499 { margin-top: var(--spacing-xxl); }
.ext-style-500 { margin-bottom: var(--spacing-sm); }
.ext-style-501 { color: var(--accent-gold); }
.ext-style-502 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-503 { padding-top: 100px; }
.ext-style-504 { padding-bottom: 2rem; }
.ext-style-505 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-506 { padding-top: 2rem; }
.ext-style-507 { max-width: 800px; margin: 0 auto; }
.ext-style-508 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-509 { width: 100%; height: auto; }
.ext-style-510 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-511 { min-height:20px }
.ext-style-512 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-513 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-514 { margin-top: var(--spacing-xxl); }
.ext-style-515 { margin-bottom: var(--spacing-sm); }
.ext-style-516 { color: var(--accent-gold); }
.ext-style-517 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-518 { padding-top: 100px; }
.ext-style-519 { padding-bottom: 2rem; }
.ext-style-520 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-521 { padding-top: 2rem; }
.ext-style-522 { max-width: 800px; margin: 0 auto; }
.ext-style-523 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-524 { width: 100%; height: auto; }
.ext-style-525 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-526 { min-height:20px }
.ext-style-527 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-528 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-529 { margin-top: var(--spacing-xxl); }
.ext-style-530 { margin-bottom: var(--spacing-sm); }
.ext-style-531 { color: var(--accent-gold); }
.ext-style-532 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-533 { padding-top: 100px; }
.ext-style-534 { padding-bottom: 2rem; }
.ext-style-535 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-536 { padding-top: 2rem; }
.ext-style-537 { max-width: 800px; margin: 0 auto; }
.ext-style-538 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-539 { width: 100%; height: auto; }
.ext-style-540 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-541 { min-height:20px }
.ext-style-542 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-543 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-544 { margin-top: var(--spacing-xxl); }
.ext-style-545 { margin-bottom: var(--spacing-sm); }
.ext-style-546 { color: var(--accent-gold); }
.ext-style-547 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-548 { padding-top: 100px; }
.ext-style-549 { padding-bottom: 2rem; }
.ext-style-550 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-551 { padding-top: 2rem; }
.ext-style-552 { max-width: 800px; margin: 0 auto; }
.ext-style-553 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-554 { width: 100%; height: auto; }
.ext-style-555 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-556 { min-height:20px }
.ext-style-557 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-558 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-559 { margin-top: var(--spacing-xxl); }
.ext-style-560 { margin-bottom: var(--spacing-sm); }
.ext-style-561 { color: var(--accent-gold); }
.ext-style-562 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-563 { padding-top: 100px; }
.ext-style-564 { padding-bottom: 2rem; }
.ext-style-565 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-566 { padding-top: 2rem; }
.ext-style-567 { max-width: 800px; margin: 0 auto; }
.ext-style-568 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-569 { width: 100%; height: auto; }
.ext-style-570 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-571 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-572 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-573 { margin-top: var(--spacing-xxl); }
.ext-style-574 { margin-bottom: var(--spacing-sm); }
.ext-style-575 { color: var(--accent-gold); }
.ext-style-576 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-577 { padding-top: 100px; }
.ext-style-578 { padding-bottom: 2rem; }
.ext-style-579 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-580 { padding-top: 2rem; }
.ext-style-581 { max-width: 800px; margin: 0 auto; }
.ext-style-582 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-583 { width: 100%; height: auto; }
.ext-style-584 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-585 { min-height:20px }
.ext-style-586 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-587 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-588 { margin-top: var(--spacing-xxl); }
.ext-style-589 { margin-bottom: var(--spacing-sm); }
.ext-style-590 { color: var(--accent-gold); }
.ext-style-591 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-592 { padding-top: 100px; }
.ext-style-593 { padding-bottom: 2rem; }
.ext-style-594 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-595 { padding-top: 2rem; }
.ext-style-596 { max-width: 800px; margin: 0 auto; }
.ext-style-597 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-598 { width: 100%; height: auto; }
.ext-style-599 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-600 { min-height:20px }
.ext-style-601 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-602 { padding: 0.6rem 1.2rem; font-size: 0.85rem; width: 100%; text-align: center; }
.ext-style-603 { margin-top: var(--spacing-xxl); }
.ext-style-604 { margin-bottom: var(--spacing-sm); }
.ext-style-605 { color: var(--accent-gold); }
.ext-style-606 { font-size: 0.88rem; color: var(--text-secondary); line-height: 1.6; }
.ext-style-607 { margin-bottom: var(--spacing-xs); }
.ext-style-608 { padding-bottom: 2rem; }
.ext-style-609 { font-size: 0.95rem; color: var(--accent-gold); margin-top: 10px; }
.ext-style-610 { padding-top: 2rem; }
.ext-style-611 { max-width: 800px; margin: 0 auto; }
.ext-style-612 { border-radius: 12px; overflow: hidden; margin-bottom: var(--spacing-md); border: var(--border-thin); }
.ext-style-613 { width: 100%; height: auto; }
.ext-style-614 { color: var(--text-secondary); line-height: 1.8; font-size: 1.05rem; }
.ext-style-615 { margin-bottom: 1.5rem; }
.ext-style-616 { margin-bottom: 1.5rem; }
.ext-style-617 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-618 { margin-bottom: 1.5rem; }
.ext-style-619 { margin-bottom: 1.5rem; }
.ext-style-620 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-621 { margin-bottom: 1.5rem; }
.ext-style-622 { margin-bottom: 1.5rem; }
.ext-style-623 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-624 { margin-bottom: 1.5rem; }
.ext-style-625 { margin-bottom: 1.5rem; }
.ext-style-626 { list-style-type: none; padding-left: 0; margin-bottom: 1.5rem; }
.ext-style-627 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-628 { color: var(--accent-gold); }
.ext-style-629 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-630 { color: var(--accent-gold); }
.ext-style-631 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-632 { color: var(--accent-gold); }
.ext-style-633 { margin-bottom: 8px; display: flex; align-items: center; gap: 10px; }
.ext-style-634 { color: var(--accent-gold); }
.ext-style-635 { font-family: var(--font-title); font-size: 1.8rem; color: var(--text-primary); margin-top: var(--spacing-lg); margin-bottom: var(--spacing-sm); border-bottom: 1px solid rgba(197, 168, 128, 0.2); padding-bottom: 8px; }
.ext-style-636 { margin-bottom: 2rem; }
.ext-style-637 { border-top: 1px solid rgba(255, 255, 255, 0.08); padding-top: var(--spacing-md); display: flex; justify-content: space-between; align-items: center; margin-top: var(--spacing-xl); }
.ext-style-638 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-639 { padding: 0.6rem 1.2rem; font-size: 0.85rem; }
.ext-style-640 { margin-top: var(--spacing-xxl); }
.ext-style-641 { margin-bottom: var(--spacing-sm); }
.ext-style-642 { color: var(--accent-gold); }
.ext-style-643 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-644 { color: var(--accent-gold); }
.ext-style-645 { color: var(--accent-gold); }
.ext-style-646 { color: var(--accent-gold); }
.ext-style-647 { color: var(--accent-gold); }
.ext-style-648 { color: var(--accent-gold); }
.ext-style-649 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-650 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-651 { font-size: 0.7rem; margin-left: 3px; }
.ext-style-652 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ext-style-653 { font-size: 0.8rem; }
.ext-style-654 { margin-bottom: var(--spacing-xs); }
.ext-style-655 { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--spacing-lg); }
.ext-style-656 { height: 100%; display: flex; flex-direction: column; }
.ext-style-657 { height: 220px; overflow: hidden; }
.ext-style-658 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-659 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-660 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-661 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-662 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-663 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-664 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-665 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-666 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-667 { height: 100%; display: flex; flex-direction: column; }
.ext-style-668 { height: 220px; overflow: hidden; }
.ext-style-669 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-670 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-671 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-672 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-673 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-674 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-675 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-676 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-677 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-678 { height: 100%; display: flex; flex-direction: column; }
.ext-style-679 { height: 220px; overflow: hidden; }
.ext-style-680 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-681 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-682 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-683 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-684 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-685 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-686 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-687 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-688 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-689 { height: 100%; display: flex; flex-direction: column; }
.ext-style-690 { height: 220px; overflow: hidden; }
.ext-style-691 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-692 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-693 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-694 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-695 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-696 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-697 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-698 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-699 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-700 { height: 100%; display: flex; flex-direction: column; }
.ext-style-701 { height: 220px; overflow: hidden; }
.ext-style-702 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-703 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-704 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-705 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-706 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-707 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-708 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-709 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-710 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-711 { height: 100%; display: flex; flex-direction: column; }
.ext-style-712 { height: 220px; overflow: hidden; }
.ext-style-713 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-714 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-715 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-716 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-717 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-718 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-719 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-720 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-721 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-722 { height: 100%; display: flex; flex-direction: column; }
.ext-style-723 { height: 220px; overflow: hidden; }
.ext-style-724 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-725 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-726 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-727 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-728 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-729 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-730 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-731 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-732 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-733 { height: 100%; display: flex; flex-direction: column; }
.ext-style-734 { height: 220px; overflow: hidden; }
.ext-style-735 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-736 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-737 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-738 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-739 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-740 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-741 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-742 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-743 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-744 { height: 100%; display: flex; flex-direction: column; }
.ext-style-745 { height: 220px; overflow: hidden; }
.ext-style-746 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-747 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-748 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-749 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-750 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-751 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-752 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-753 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-754 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-755 { height: 100%; display: flex; flex-direction: column; }
.ext-style-756 { height: 220px; overflow: hidden; }
.ext-style-757 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-758 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-759 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-760 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-761 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-762 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-763 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-764 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-765 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-766 { height: 100%; display: flex; flex-direction: column; }
.ext-style-767 { height: 220px; overflow: hidden; }
.ext-style-768 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-769 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-770 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-771 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-772 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-773 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-774 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-775 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-776 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-777 { height: 100%; display: flex; flex-direction: column; }
.ext-style-778 { height: 220px; overflow: hidden; }
.ext-style-779 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-780 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-781 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-782 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-783 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-784 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-785 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-786 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-787 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-788 { height: 100%; display: flex; flex-direction: column; }
.ext-style-789 { height: 220px; overflow: hidden; }
.ext-style-790 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-791 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-792 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-793 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-794 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-795 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-796 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-797 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-798 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-799 { height: 100%; display: flex; flex-direction: column; }
.ext-style-800 { height: 220px; overflow: hidden; }
.ext-style-801 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-802 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-803 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-804 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-805 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-806 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-807 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-808 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-809 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-810 { height: 100%; display: flex; flex-direction: column; }
.ext-style-811 { height: 220px; overflow: hidden; }
.ext-style-812 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-813 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-814 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-815 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-816 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-817 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-818 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-819 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-820 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-821 { height: 100%; display: flex; flex-direction: column; }
.ext-style-822 { height: 220px; overflow: hidden; }
.ext-style-823 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-824 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-825 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-826 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-827 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-828 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-829 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-830 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-831 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-832 { height: 100%; display: flex; flex-direction: column; }
.ext-style-833 { height: 220px; overflow: hidden; }
.ext-style-834 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-835 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-836 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-837 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-838 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-839 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-840 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-841 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-842 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-843 { height: 100%; display: flex; flex-direction: column; }
.ext-style-844 { height: 220px; overflow: hidden; }
.ext-style-845 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-846 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-847 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-848 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-849 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-850 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-851 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-852 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-853 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-854 { height: 100%; display: flex; flex-direction: column; }
.ext-style-855 { height: 220px; overflow: hidden; }
.ext-style-856 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-857 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-858 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-859 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-860 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-861 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-862 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-863 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-864 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-865 { height: 100%; display: flex; flex-direction: column; }
.ext-style-866 { height: 220px; overflow: hidden; }
.ext-style-867 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-868 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-869 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-870 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-871 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-872 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-873 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-874 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-875 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-876 { height: 100%; display: flex; flex-direction: column; }
.ext-style-877 { height: 220px; overflow: hidden; }
.ext-style-878 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-879 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-880 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-881 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-882 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-883 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-884 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-885 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-886 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-887 { height: 100%; display: flex; flex-direction: column; }
.ext-style-888 { height: 220px; overflow: hidden; }
.ext-style-889 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-890 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-891 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-892 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-893 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-894 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-895 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-896 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-897 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-898 { height: 100%; display: flex; flex-direction: column; }
.ext-style-899 { height: 220px; overflow: hidden; }
.ext-style-900 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-901 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-902 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-903 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-904 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-905 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-906 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-907 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-908 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-909 { height: 100%; display: flex; flex-direction: column; }
.ext-style-910 { height: 220px; overflow: hidden; }
.ext-style-911 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-912 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-913 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-914 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-915 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-916 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-917 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-918 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-919 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-920 { height: 100%; display: flex; flex-direction: column; }
.ext-style-921 { height: 220px; overflow: hidden; }
.ext-style-922 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-923 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-924 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-925 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-926 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-927 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-928 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-929 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-930 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-931 { height: 100%; display: flex; flex-direction: column; }
.ext-style-932 { height: 220px; overflow: hidden; }
.ext-style-933 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-934 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-935 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-936 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-937 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-938 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-939 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-940 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-941 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-942 { height: 100%; display: flex; flex-direction: column; }
.ext-style-943 { height: 220px; overflow: hidden; }
.ext-style-944 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-945 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-946 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-947 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-948 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-949 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-950 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-951 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-952 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-953 { height: 100%; display: flex; flex-direction: column; }
.ext-style-954 { height: 220px; overflow: hidden; }
.ext-style-955 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-956 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-957 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-958 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-959 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-960 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-961 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-962 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-963 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-964 { height: 100%; display: flex; flex-direction: column; }
.ext-style-965 { height: 220px; overflow: hidden; }
.ext-style-966 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-967 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-968 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-969 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-970 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-971 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-972 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-973 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-974 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-975 { height: 100%; display: flex; flex-direction: column; }
.ext-style-976 { height: 220px; overflow: hidden; }
.ext-style-977 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-978 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-979 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-980 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-981 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-982 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-983 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-984 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-985 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-986 { height: 100%; display: flex; flex-direction: column; }
.ext-style-987 { height: 220px; overflow: hidden; }
.ext-style-988 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-989 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-990 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-991 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-992 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-993 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-994 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-995 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-996 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-997 { height: 100%; display: flex; flex-direction: column; }
.ext-style-998 { height: 220px; overflow: hidden; }
.ext-style-999 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-1000 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-1001 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-1002 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-1003 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-1004 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-1005 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-1006 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-1007 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-1008 { height: 100%; display: flex; flex-direction: column; }
.ext-style-1009 { height: 220px; overflow: hidden; }
.ext-style-1010 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-1011 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-1012 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-1013 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-1014 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-1015 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-1016 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-1017 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-1018 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-1019 { height: 100%; display: flex; flex-direction: column; }
.ext-style-1020 { height: 220px; overflow: hidden; }
.ext-style-1021 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-1022 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-1023 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-1024 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-1025 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-1026 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-1027 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-1028 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-1029 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-1030 { height: 100%; display: flex; flex-direction: column; }
.ext-style-1031 { height: 220px; overflow: hidden; }
.ext-style-1032 { width: 100%; height: 100%; object-fit: cover; }
.ext-style-1033 { background-color: var(--accent-gold); color: #08080A; }
.ext-style-1034 { flex-grow: 1; display: flex; flex-direction: column; justify-content: space-between; padding: var(--spacing-md); }
.ext-style-1035 { font-size: 0.78rem; color: var(--accent-gold); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.ext-style-1036 { font-family: var(--font-title); font-size: 1.35rem; margin-top: 5px; margin-bottom: 10px; line-height: 1.3; }
.ext-style-1037 { color: var(--text-secondary); font-size: 0.9rem; line-height: 1.6; margin-bottom: var(--spacing-sm); }
.ext-style-1038 { margin-top: 15px; border-top: 1px solid rgba(255, 255, 255, 0.05); padding-top: 15px; display: flex; justify-content: space-between; align-items: center; }
.ext-style-1039 { font-size: 0.8rem; color: var(--text-muted); }
.ext-style-1040 { padding: 0.45rem 1rem; font-size: 0.78rem; }
.ext-style-1041 { margin-bottom: var(--spacing-sm); }
.ext-style-1042 { color: var(--accent-gold); }
.ext-style-1043 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-1044 { color: var(--accent-gold); }
.ext-style-1045 { color: var(--accent-gold); }
.ext-style-1046 { color: var(--accent-gold); }
.ext-style-1047 { color: var(--accent-gold); }
.ext-style-1048 { color: var(--accent-gold); }
.ext-style-1049 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-1050 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-1051 { font-size: 0.7rem; margin-left: 3px; }
.ext-style-1052 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ext-style-1053 { font-size: 0.8rem; }
.ext-style-1054 { margin-bottom: var(--spacing-xs); }
.ext-style-1055 { font-weight: 700; color: var(--accent-gold); font-size: 1.1rem; display: block; margin-top: 8px; }
.ext-style-1056 { color: #25D366; border-color: rgba(37, 211, 102, 0.2); }
.ext-style-1057 { font-weight: 700; color: #25D366; font-size: 1.1rem; display: inline-flex; align-items: center; gap: 8px; margin-top: 8px; }
.ext-style-1058 { font-size: 0.8rem; }
.ext-style-1059 { font-weight: 700; color: var(--accent-gold); font-size: 1.1rem; display: block; margin-top: 8px; }
.ext-style-1060 { font-weight: 700; color: var(--text-secondary); font-size: 0.95rem; display: block; margin-top: 2px; }
.ext-style-1061 { font-weight: 600; margin-bottom: 2px; }
.ext-style-1062 { font-size: 0.85rem; color: var(--text-secondary); }
.ext-style-1063 { padding-left: 14px; }
.ext-style-1064 { padding-left: 14px; }
.ext-style-1065 { margin-top: 1.8rem; margin-bottom: 1rem; padding: 15px; background: rgba(197, 168, 128, 0.06); border: 1px solid rgba(197, 168, 128, 0.2); border-radius: var(--radius-md); }
.ext-style-1066 { display: flex; align-items: flex-start; gap: 12px; }
.ext-style-1067 { width: 22px; height: 22px; cursor: pointer; accent-color: var(--accent-gold); margin-top: 2px; }
.ext-style-1068 { flex: 1; cursor: pointer; }
.ext-style-1069 { font-size: 0.95rem; font-weight: 700; color: var(--accent-gold); cursor: pointer; text-transform: none; letter-spacing: normal; display: flex; align-items: center; gap: 8px; }
.ext-style-1070 { font-size: 0.78rem; color: var(--text-secondary); margin: 4px 0 0 0; line-height: 1.4; }
.ext-style-1071 { display: none; flex-direction: column; gap: var(--spacing-sm); padding: 20px; border: 1px dashed var(--accent-gold); border-radius: var(--radius-md); background: rgba(12, 12, 20, 0.4); margin-bottom: 20px; box-shadow: var(--shadow-gold); }
.ext-style-1072 { font-family: var(--font-body); font-size: 0.9rem; font-weight: 600; color: var(--text-primary); margin-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 8px; }
.ext-style-1073 { color: var(--accent-gold); margin-right: 6px; }
.ext-style-1074 { margin-top: 10px; }
.ext-style-1075 { margin-top: 10px; }
.ext-style-1076 { color: var(--accent-gold); }
.ext-style-1077 { position: relative; }
.ext-style-1078 { padding-right: 45px; }
.ext-style-1079 { font-size: 0.72rem; color: var(--text-muted); margin-top: 4px; }
.ext-style-1080 { width: 100%; }
.ext-style-1081 { margin-bottom: var(--spacing-sm); }
.ext-style-1082 { color: var(--accent-gold); }
.ext-style-1083 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-1084 { color: var(--accent-gold); }
.ext-style-1085 { color: var(--accent-gold); }
.ext-style-1086 { color: var(--accent-gold); }
.ext-style-1087 { color: var(--accent-gold); }
.ext-style-1088 { color: var(--accent-gold); }
.ext-style-1089 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-1090 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-1091 { max-width: 500px; }
.ext-style-1092 { display: flex; border-bottom: 1px solid var(--border-color); margin-bottom: 1.5rem; justify-content: center; gap: 2rem; }
.ext-style-1093 { font-size: 0.95rem; padding: 0.5rem 0; }
.ext-style-1094 { font-size: 0.95rem; padding: 0.5rem 0; }
.ext-style-1095 { margin-top: 1.2rem; }
.ext-style-1096 { font-size: 0.78rem; color: var(--text-secondary); text-align: left; margin: 10px 0; line-height: 1.4; }
.ext-style-1097 { color: var(--accent-gold); }
.ext-style-1098 { display: none; text-align: left; flex-direction: column; gap: 1rem; }
.ext-style-1099 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.ext-style-1100 { padding-left: 14px; }
.ext-style-1101 { padding-left: 14px; }
.ext-style-1102 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0.8rem; }
.ext-style-1103 { padding-left: 14px; }
.ext-style-1104 { padding-left: 14px; }
.ext-style-1105 { padding-left: 14px; }
.ext-style-1106 { padding-left: 14px; }
.ext-style-1107 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.ext-style-1108 { padding-left: 14px; }
.ext-style-1109 { padding-left: 14px; }
.ext-style-1110 { padding-left: 14px; }
.ext-style-1111 { margin-top: 0; min-height: auto; }
.ext-style-1112 { background-color: var(--accent-gold); color: #000; margin-top: 0.5rem; }
.ext-style-1113 { border-color: rgba(239, 68, 68, 0.4); color: var(--status-rembourse); background-color: rgba(239, 68, 68, 0.05); }
.ext-style-1114 { display: flex; flex-direction: column; gap: 2rem; width: 100%; }
.ext-style-1115 { background: linear-gradient(135deg, rgba(197, 168, 128, 0.12) 0%, rgba(28, 28, 38, 0.9) 100%); border: 1px solid var(--accent-gold); border-radius: 16px; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; box-shadow: var(--shadow-gold); backdrop-filter: var(--glass-blur); margin-top: 1rem; flex-wrap: wrap; gap: 1.5rem; }
.ext-style-1116 { display: flex; align-items: center; gap: 1.5rem; flex-wrap: wrap; }
.ext-style-1117 { font-size: 1.8rem; color: var(--accent-gold); background: rgba(197, 168, 128, 0.08); width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 0 15px rgba(197, 168, 128, 0.15); }
.ext-style-1118 { font-family: 'Outfit', sans-serif; font-size: 1.15rem; font-weight: 600; color: var(--text-primary); margin-bottom: 4px; letter-spacing: 0.5px; }
.ext-style-1119 { font-size: 0.88rem; color: var(--text-secondary); margin: 0; }
.ext-style-1120 { padding: 0.8rem 1.6rem; font-weight: 600; font-size: 0.95rem; border-radius: 8px; box-shadow: 0 4px 15px rgba(197, 168, 128, 0.25); display: flex; align-items: center; gap: 10px; cursor: pointer; }
.ext-style-1121 { grid-template-columns: 1fr 1.5fr; }
.ext-style-1122 { padding: 2rem; justify-content: flex-start; gap: 1.5rem; height: 100%; }
.ext-style-1123 { font-size: 1.25rem; }
.ext-style-1124 { color: var(--accent-gold); }
.ext-style-1125 { list-style: none; font-size: 0.9rem; color: var(--text-secondary); display: flex; flex-direction: column; gap: 10px; line-height: 1.5; }
.ext-style-1126 { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border-color); }
.ext-style-1127 { font-weight: 500; }
.ext-style-1128 { color: #cd7f32; }
.ext-style-1129 { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border-color); }
.ext-style-1130 { font-weight: 500; }
.ext-style-1131 { color: #c0c0c0; }
.ext-style-1132 { color: var(--status-paye); }
.ext-style-1133 { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border-color); }
.ext-style-1134 { font-weight: 500; }
.ext-style-1135 { color: #ffd700; }
.ext-style-1136 { color: var(--status-paye); }
.ext-style-1137 { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--border-color); }
.ext-style-1138 { font-weight: 500; }
.ext-style-1139 { color: #e5e4e2; }
.ext-style-1140 { color: var(--status-paye); }
.ext-style-1141 { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; }
.ext-style-1142 { font-weight: 500; }
.ext-style-1143 { color: #b9f2ff; }
.ext-style-1144 { color: var(--status-paye); }
.ext-style-1145 { margin-top: auto; padding-top: 1rem; border-top: 1px solid var(--border-color); font-size: 0.82rem; color: var(--text-secondary); line-height: 1.4; }
.ext-style-1146 { color: var(--accent-gold); }
.ext-style-1147 { margin-top: 0; display: block; border-radius: 16px; padding: 2rem; box-shadow: var(--shadow-gold); background: var(--bg-card); border: 1px solid var(--border-color); height: 100%; }
.ext-style-1148 { font-family: 'Outfit', sans-serif; font-size: 1.3rem; font-weight: 500; margin-bottom: 0.5rem; display: flex; align-items: center; gap: 10px; color: var(--text-primary); }
.ext-style-1149 { color: var(--accent-gold); }
.ext-style-1150 { font-size: 0.85rem; color: var(--text-secondary); margin-bottom: 1.5rem; }
.ext-style-1151 { max-height: 500px; }
.ext-style-1152 { width: 70px; text-align: center; }
.ext-style-1153 { text-align: center; }
.ext-style-1154 { color: var(--accent-gold); }
.ext-style-1155 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ext-style-1156 { background-color: var(--status-paye); color: #000; border-color: var(--status-paye); font-weight: bold; width: 100%; }
.ext-style-1157 { display: flex; flex-direction: column; gap: 1rem; }
.ext-style-1158 { margin-top: 2px; }
.ext-style-1159 { font-weight: normal; color: var(--accent-gold); }
.ext-style-1160 { margin-top: 4px; border-top: 1px solid var(--border-color); padding-top: 6px; }
.ext-style-1161 { font-weight: 500; color: var(--text-primary); }
.ext-style-1162 { color: var(--accent-gold); }
.ext-style-1163 { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.ext-style-1164 { width: 100%; font-weight: bold; padding: 1rem; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
.ext-style-1165 { display: none; margin-top: 1rem; }
.ext-style-1166 { display: flex; justify-content: space-between; font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 6px; }
.ext-style-1167 { width: 100%; height: 8px; background: rgba(255,255,255,0.05); border-radius: 4px; overflow: hidden; border: 1px solid var(--border-color); }
.ext-style-1168 { width: 0%; height: 100%; background: var(--accent-gold); border-radius: 4px; transition: width 0.4s; }
.ext-style-1169 { color: var(--accent-gold); }
.ext-style-1170 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 1rem; }
.ext-style-1171 { width: 100%; background-color: var(--status-paye); color: #000; border-color: var(--status-paye); font-weight: bold; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 8px; }
.ext-style-1172 { display: none; flex-direction: column; gap: 2rem; width: 100%; }
.ext-style-1173 { font-family: 'Outfit', sans-serif; font-size: 2rem; font-weight: 500; color: var(--text-primary); }
.ext-style-1174 { display: block; font-size: 0.9rem; color: var(--text-secondary); margin-top: 5px; }
.ext-style-1175 { color: var(--accent-gold); }
.ext-style-1176 { text-decoration: none; }
.ext-style-1177 { cursor: default; }
.ext-style-1178 { cursor: default; }
.ext-style-1179 { grid-template-columns: 1.6fr 1fr; margin-top: 0; display: grid; }
.ext-style-1180 { margin-top: 0; display: block; border-radius: 16px; padding: 2rem; box-shadow: var(--shadow-gold); background: var(--bg-card); border: 1px solid var(--border-color); }
.ext-style-1181 { font-family: 'Outfit', sans-serif; font-size: 1.3rem; font-weight: 500; margin-bottom: 1.5rem; display: flex; align-items: center; gap: 10px; color: var(--text-primary); }
.ext-style-1182 { color: var(--accent-gold); }
.ext-style-1183 { max-height: 400px; }
.ext-style-1184 { padding: 2rem; justify-content: flex-start; gap: 1.5rem; height: 100%; }
.ext-style-1185 { font-size: 1.25rem; }
.ext-style-1186 { color: var(--accent-gold); }
.ext-style-1187 { display: flex; flex-direction: column; gap: 1rem; font-size: 0.95rem; line-height: 1.6; width: 100%; }
.ext-style-1188 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.ext-style-1189 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1190 { color: var(--text-primary); font-size: 1.05rem; }
.ext-style-1191 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.ext-style-1192 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1193 { color: var(--text-primary); font-weight: 500; }
.ext-style-1194 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.ext-style-1195 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1196 { color: var(--text-primary); font-weight: 500; }
.ext-style-1197 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.ext-style-1198 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1199 { color: var(--text-primary); font-weight: 500; }
.ext-style-1200 { border-bottom: 1px solid var(--border-color); padding-bottom: 8px; }
.ext-style-1201 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1202 { color: var(--text-primary); font-weight: 500; }
.ext-style-1203 { padding-bottom: 8px; }
.ext-style-1204 { color: var(--text-secondary); font-size: 0.85rem; text-transform: uppercase; display: block; }
.ext-style-1205 { color: var(--text-primary); font-weight: 500; }
.ext-style-1206 { width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; margin-top: 15px; color: #000; }
.ext-style-1207 { display: none; flex-direction: column; gap: 1rem; text-align: left; width: 100%; }
.ext-style-1208 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; }
.ext-style-1209 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1210 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1211 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1212 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1213 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1214 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1215 { display: grid; grid-template-columns: 1fr 1.2fr; gap: 0.8rem; }
.ext-style-1216 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1217 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1218 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1219 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1220 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1221 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1222 { display: grid; grid-template-columns: 1.2fr 1fr; gap: 0.8rem; }
.ext-style-1223 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1224 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1225 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1226 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1227 { font-size: 0.75rem; font-weight: 600; color: var(--text-secondary); }
.ext-style-1228 { padding: 0.6rem 0.8rem; font-size: 0.88rem; }
.ext-style-1229 { margin-top: 0; min-height: auto; text-align: left; }
.ext-style-1230 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.8rem; margin-top: 0.5rem; }
.ext-style-1231 { font-size: 0.85rem; padding: 0.6rem 1rem; }
.ext-style-1232 { font-size: 0.85rem; padding: 0.6rem 1rem; color: #000; }
.ext-style-1233 { margin-top: auto; padding-top: 15px; border-top: 1px solid var(--border-color); text-align: center; width: 100%; }
.ext-style-1234 { font-size: 0.8rem; color: var(--text-secondary); margin-bottom: 15px; line-height: 1.4; }
.ext-style-1235 { width: 100%; display: flex; justify-content: center; align-items: center; gap: 8px; }
.ext-style-1236 { max-width: 820px; }
.ext-style-1237 { padding: 1.5rem; background-color: #ffffff; color: #1c1a17; }
.ext-style-1238 { background: #ffffff; border-radius: 8px; color: #1c1a17; padding: 10px; }
.ext-style-1239 { background-color: var(--accent-gold); color: #000; font-weight: 600; }
.ext-style-1240 { max-width: 950px; }
.ext-style-1241 { color: var(--accent-gold); }
.ext-style-1242 { padding: 1.5rem 2rem; }
.ext-style-1243 { display: flex; gap: 2rem; margin-bottom: 1.5rem; padding: 1rem 1.5rem; background: rgba(197, 168, 128, 0.05); border: 1px solid var(--border-color); border-radius: 12px; flex-wrap: wrap; }
.ext-style-1244 { max-height: 400px; }
.ext-style-1245 { font-size: 0.7rem; margin-left: 3px; }
.ext-style-1246 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ext-style-1247 { font-size: 0.8rem; }
.ext-style-1248 { margin-bottom: var(--spacing-xs); }
.ext-style-1249 { text-align: right; }
.ext-style-1250 { width: 100%; }
.ext-style-1251 { text-align: right; }
.ext-style-1252 { width: 100%; }
.ext-style-1253 { text-align: right; }
.ext-style-1254 { width: 100%; }
.ext-style-1255 { text-align: right; }
.ext-style-1256 { width: 100%; }
.ext-style-1257 { text-align: right; }
.ext-style-1258 { width: 100%; }
.ext-style-1259 { text-align: right; }
.ext-style-1260 { width: 100%; }
.ext-style-1261 { text-align: right; }
.ext-style-1262 { width: 100%; }
.ext-style-1263 { background-color: var(--bg-secondary); padding: var(--spacing-xl) 0; border-top: var(--border-thin); border-bottom: var(--border-thin); }
.ext-style-1264 { text-align: center; max-width: 800px; margin: 0 auto; }
.ext-style-1265 { font-size: 1.8rem; margin-bottom: var(--spacing-sm); }
.ext-style-1266 { color: var(--text-secondary); line-height: 1.7; margin-bottom: var(--spacing-md); }
.ext-style-1267 { margin-bottom: var(--spacing-sm); }
.ext-style-1268 { color: var(--accent-gold); }
.ext-style-1269 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-1270 { color: var(--accent-gold); }
.ext-style-1271 { color: var(--accent-gold); }
.ext-style-1272 { color: var(--accent-gold); }
.ext-style-1273 { color: var(--accent-gold); }
.ext-style-1274 { color: var(--accent-gold); }
.ext-style-1275 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-1276 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-1277 { font-size: 0.7rem; margin-left: 3px; }
.ext-style-1278 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ext-style-1279 { font-size: 0.8rem; }
.ext-style-1280 { margin-bottom: var(--spacing-xs); }
.ext-style-1281 { background: linear-gradient(135deg, #07070b 0%, #12121c 100%); position: relative; padding: 140px 0 80px 0; text-align: center; border-bottom: var(--border-thin); }
.ext-style-1282 { letter-spacing: 0.3em; text-transform: uppercase; color: var(--accent-gold); font-size: 0.85rem; font-weight: 600; display: block; margin-bottom: var(--spacing-xs); }
.ext-style-1283 { font-family: var(--font-title); font-size: 2.8rem; font-weight: 700; color: var(--text-primary); margin-bottom: var(--spacing-sm); }
.ext-style-1284 { color: var(--text-secondary); max-width: 800px; margin: 0 auto; font-size: 1.05rem; line-height: 1.6; }
.ext-style-1285 { padding: var(--spacing-xl) 0; position: relative; }
.ext-style-1286 { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); align-items: center; }
.ext-style-1287 { font-size: 2.2rem; margin-bottom: var(--spacing-md); font-family: var(--font-title); }
.ext-style-1288 { color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1289 { color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1290 { color: var(--text-secondary); margin-bottom: var(--spacing-md); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1291 { margin-top: 30px; }
.ext-style-1292 { margin-left: 8px; }
.ext-style-1293 { position: relative; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-lg); border: var(--border-thin); }
.ext-style-1294 { width: 100%; height: auto; display: block; filter: brightness(0.9); }
.ext-style-1295 { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(12, 12, 20, 0.9) 0%, rgba(12, 12, 20, 0) 100%); padding: 30px 20px; text-align: center; }
.ext-style-1296 { font-family: var(--font-title); font-size: 1.25rem; font-weight: 600; color: var(--accent-gold); display: block; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.ext-style-1297 { font-size: 0.85rem; color: var(--text-primary); text-transform: uppercase; letter-spacing: 0.15em; }
.ext-style-1298 { background-color: var(--bg-secondary); padding: var(--spacing-xl) 0; border-top: var(--border-thin); border-bottom: var(--border-thin); }
.ext-style-1299 { text-align: center; margin-bottom: var(--spacing-xl); }
.ext-style-1300 { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--spacing-lg); }
.ext-style-1301 { background-color: var(--bg-primary); border: var(--border-thin); padding: 40px; border-radius: 12px; transition: var(--transition-normal); height: 100%; }
.ext-style-1302 { font-size: 2.5rem; color: var(--accent-gold); margin-bottom: var(--spacing-xs); }
.ext-style-1303 { font-family: var(--font-title); font-size: 1.35rem; font-weight: 600; margin-bottom: var(--spacing-xs); color: var(--text-primary); }
.ext-style-1304 { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; margin-bottom: 0; }
.ext-style-1305 { background-color: var(--bg-primary); border: var(--border-thin); padding: 40px; border-radius: 12px; transition: var(--transition-normal); height: 100%; }
.ext-style-1306 { font-size: 2.5rem; color: var(--accent-gold); margin-bottom: var(--spacing-xs); }
.ext-style-1307 { font-family: var(--font-title); font-size: 1.35rem; font-weight: 600; margin-bottom: var(--spacing-xs); color: var(--text-primary); }
.ext-style-1308 { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; margin-bottom: 0; }
.ext-style-1309 { background-color: var(--bg-primary); border: var(--border-thin); padding: 40px; border-radius: 12px; transition: var(--transition-normal); height: 100%; }
.ext-style-1310 { font-size: 2.5rem; color: var(--accent-gold); margin-bottom: var(--spacing-xs); }
.ext-style-1311 { font-family: var(--font-title); font-size: 1.35rem; font-weight: 600; margin-bottom: var(--spacing-xs); color: var(--text-primary); }
.ext-style-1312 { color: var(--text-secondary); font-size: 0.95rem; line-height: 1.7; margin-bottom: 0; }
.ext-style-1313 { padding: var(--spacing-xl) 0; }
.ext-style-1314 { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); align-items: center; }
.ext-style-1315 { position: relative; border-radius: 12px; overflow: hidden; box-shadow: var(--shadow-lg); border: var(--border-thin); order: 2; }
.ext-style-1316 { width: 100%; height: auto; display: block; filter: brightness(0.85); }
.ext-style-1317 { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(12, 12, 20, 0.9) 0%, rgba(12, 12, 20, 0) 100%); padding: 30px 20px; text-align: center; }
.ext-style-1318 { font-family: var(--font-title); font-size: 1.25rem; font-weight: 600; color: var(--accent-gold); display: block; text-shadow: 0 2px 10px rgba(0,0,0,0.5); }
.ext-style-1319 { font-size: 0.85rem; color: var(--text-primary); text-transform: uppercase; letter-spacing: 0.15em; }
.ext-style-1320 { order: 1; }
.ext-style-1321 { font-size: 2.2rem; margin-bottom: var(--spacing-md); font-family: var(--font-title); }
.ext-style-1322 { color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1323 { color: var(--text-secondary); margin-bottom: var(--spacing-md); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1324 { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; margin-bottom: 30px; }
.ext-style-1325 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 0.95rem; }
.ext-style-1326 { color: var(--accent-gold); font-size: 1.2rem; }
.ext-style-1327 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 0.95rem; }
.ext-style-1328 { color: var(--accent-gold); font-size: 1.2rem; }
.ext-style-1329 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 0.95rem; }
.ext-style-1330 { color: var(--accent-gold); font-size: 1.2rem; }
.ext-style-1331 { display: flex; align-items: center; gap: 10px; color: var(--text-primary); font-size: 0.95rem; }
.ext-style-1332 { color: var(--accent-gold); font-size: 1.2rem; }
.ext-style-1333 { color: var(--text-secondary); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1334 { background-color: var(--bg-primary); padding: var(--spacing-xl) 0; border-bottom: var(--border-thin); }
.ext-style-1335 { display: grid; grid-template-columns: 1fr; gap: var(--spacing-xl); align-items: center; }
.ext-style-1336 { order: 1; }
.ext-style-1337 { color: #e53e3e; }
.ext-style-1338 { font-size: 2.2rem; margin-bottom: var(--spacing-md); font-family: var(--font-title); }
.ext-style-1339 { color: var(--text-secondary); margin-bottom: var(--spacing-sm); line-height: 1.8; font-size: 1.02rem; }
.ext-style-1340 { list-style: none; padding: 0; margin-bottom: var(--spacing-md); }
.ext-style-1341 { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; }
.ext-style-1342 { color: #e53e3e; margin-top: 5px; }
.ext-style-1343 { color: var(--text-secondary); }
.ext-style-1344 { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; }
.ext-style-1345 { color: #e53e3e; margin-top: 5px; }
.ext-style-1346 { color: var(--text-secondary); }
.ext-style-1347 { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; }
.ext-style-1348 { color: #e53e3e; margin-top: 5px; }
.ext-style-1349 { color: var(--text-secondary); }
.ext-style-1350 { order: 2; text-align: center; }
.ext-style-1351 { font-size: 8rem; color: rgba(229, 62, 62, 0.1); }
.ext-style-1352 { background: linear-gradient(135deg, #12121c 0%, #07070b 100%); padding: var(--spacing-xl) 0; text-align: center; border-top: var(--border-thin); border-bottom: var(--border-thin); }
.ext-style-1353 { font-family: var(--font-title); font-size: 2.2rem; color: var(--text-primary); margin-bottom: var(--spacing-sm); }
.ext-style-1354 { color: var(--text-secondary); max-width: 700px; margin: 0 auto var(--spacing-md) auto; font-size: 1.05rem; line-height: 1.6; }
.ext-style-1355 { display: flex; gap: var(--spacing-sm); justify-content: center; flex-wrap: wrap; }
.ext-style-1356 { margin-bottom: var(--spacing-sm); }
.ext-style-1357 { color: var(--accent-gold); }
.ext-style-1358 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-1359 { color: var(--accent-gold); }
.ext-style-1360 { color: var(--accent-gold); }
.ext-style-1361 { color: var(--accent-gold); }
.ext-style-1362 { color: var(--accent-gold); }
.ext-style-1363 { color: var(--accent-gold); }
.ext-style-1364 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-1365 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }
.ext-style-1366 { font-size: 0.7rem; margin-left: 3px; }
.ext-style-1367 { display: flex; justify-content: space-between; align-items: center; cursor: pointer; }
.ext-style-1368 { font-size: 0.8rem; }
.ext-style-1369 { margin-bottom: var(--spacing-xs); }
.ext-style-1370 { background-color: var(--accent-gold); color: #08080A; font-weight: 700; }
.ext-style-1371 { margin-top: -10px; }
.ext-style-1372 { color: var(--accent-gold); }
.ext-style-1373 { color: var(--accent-gold); }
.ext-style-1374 { color: var(--accent-gold); }
.ext-style-1375 { color: var(--accent-gold); }
.ext-style-1376 { background-color: var(--accent-gold); color: #08080A; font-weight: 700; }
.ext-style-1377 { color: var(--accent-gold); }
.ext-style-1378 { color: var(--accent-gold); }
.ext-style-1379 { color: var(--accent-gold); }
.ext-style-1380 { color: var(--accent-gold); }
.ext-style-1381 { background-color: var(--bg-secondary); padding: var(--spacing-xl) 0; border-top: var(--border-thin); border-bottom: var(--border-thin); }
.ext-style-1382 { text-align: center; max-width: 800px; margin: 0 auto; }
.ext-style-1383 { font-size: 2.2rem; margin-bottom: var(--spacing-sm); }
.ext-style-1384 { color: var(--text-secondary); margin-bottom: var(--spacing-lg); line-height: 1.7; }
.ext-style-1385 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--spacing-md); margin-bottom: var(--spacing-lg); }
.ext-style-1386 { background: var(--bg-primary); padding: var(--spacing-md); border: var(--border-thin); border-radius: var(--radius-md); text-align: center; }
.ext-style-1387 { font-size: 2rem; color: var(--accent-gold); margin-bottom: 15px; }
.ext-style-1388 { margin-bottom: 10px; }
.ext-style-1389 { color: var(--text-secondary); font-size: 0.9rem; }
.ext-style-1390 { background: var(--bg-primary); padding: var(--spacing-md); border: var(--border-thin); border-radius: var(--radius-md); text-align: center; }
.ext-style-1391 { font-size: 2rem; color: var(--accent-gold); margin-bottom: 15px; }
.ext-style-1392 { margin-bottom: 10px; }
.ext-style-1393 { color: var(--text-secondary); font-size: 0.9rem; }
.ext-style-1394 { background: var(--bg-primary); padding: var(--spacing-md); border: var(--border-thin); border-radius: var(--radius-md); text-align: center; }
.ext-style-1395 { font-size: 2rem; color: var(--accent-gold); margin-bottom: 15px; }
.ext-style-1396 { margin-bottom: 10px; }
.ext-style-1397 { color: var(--text-secondary); font-size: 0.9rem; }
.ext-style-1398 { text-align: center; }
.ext-style-1399 { margin-bottom: var(--spacing-sm); }
.ext-style-1400 { color: var(--accent-gold); }
.ext-style-1401 { display: flex; gap: var(--spacing-sm); font-size: 1.2rem; }
.ext-style-1402 { color: var(--accent-gold); }
.ext-style-1403 { color: var(--accent-gold); }
.ext-style-1404 { color: var(--accent-gold); }
.ext-style-1405 { color: var(--accent-gold); }
.ext-style-1406 { color: var(--accent-gold); }
.ext-style-1407 { border-top: 1px solid rgba(255, 255, 255, 0.05); padding: var(--spacing-md) 0; margin-bottom: var(--spacing-sm); }
.ext-style-1408 { font-family: var(--font-body); font-size: 0.8rem; text-transform: uppercase; color: var(--text-primary); margin-bottom: 12px; letter-spacing: 0.05em; }



.footer-socials {
    display: flex;
    gap: 15px;
    margin-top: 20px;
    flex-wrap: wrap;
}
.footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.1);
    color: var(--accent-gold);
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}
.footer-socials a:hover {
    background-color: var(--accent-gold);
    color: var(--bg-primary);
    transform: translateY(-3px);
}