.chd-colors {
        --honda-blue: #007bbd;
        --honda-blue-dark: #005a8c;
        --text-dark: #003459;
        --text-body: #444444;
        --section-gap: 80px;
    }

    .chd-main {
        width: 100%;
        margin: 0 auto;
    }

    .chd-main * { box-sizing: border-box; }

    .full-width-hero {
        position: relative;
        width: 100%;
        height: 500px;
        background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.3)), 
                    url('https://service.secureoffersites.com/images/GetLibraryImage?fileNameOrId=706731') center/cover;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        color: white;
        margin-bottom: var(--section-gap);
    }
    .hero-inner { max-width: 900px; padding: 20px; text-shadow: 2px 2px 10px rgba(0,0,0,0.5); }
    .hero-inner h1 { font-size: 50px!important; margin: 10px 0; }

    .content-container {
        max-width: 1400px; 
        margin: 0 auto;
        padding: 0 20px;
    }

    .info-row { display: flex; gap: 60px; align-items: center; margin-bottom: var(--section-gap); }
    .info-row:nth-child(even) { flex-direction: row-reverse; }
    
    .info-image-wrap { 
        flex: 1; 
        aspect-ratio: 16 / 10; 
        overflow: hidden;
        border-radius: 15px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    }
    
    .info-image-wrap img { 
        width: 100%; 
        height: 100%; 
        object-fit: cover; 
        display: block; 
    }

    .info-content { flex: 1; }
    .info-content h2 { color: var(--text-dark); margin-bottom: 20px; }
    .info-content p { color: var(--text-body); margin-bottom: 25px; }

    .card-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: var(--section-gap); }
    .card { background: #fff; border: 1px solid #e1e1e1; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 4px 12px rgba(0,0,0,0.05); }
    .card-img-wrap { height: 200px; width: 100%; overflow: hidden; }
    .card-img-wrap img { width: 100%; height: 100%; object-fit: cover; }
    .card-body { padding: 20px; flex-grow: 1; display: flex; flex-direction: column; }
    .card-body h3 { color: var(--text-dark); margin-bottom: 12px; min-height: 48px; }
    .card-body p { color: var(--text-body); margin-bottom: 20px; }
    .card-body .chd-btn-honda { align-self: flex-start; margin-top: auto; padding: 10px 20px !important; }

    .text-block-section { max-width: 1100px; margin: 40px auto var(--section-gap); text-align: center; }
    .text-block-section h2 { color: var(--text-dark); margin-bottom: 30px; }
    .text-block-section p { color: var(--text-body); margin-bottom: 20px; }

    .map-section { display: flex; gap: 30px; align-items: stretch; margin-bottom: var(--section-gap); }
    .map-embed { flex: 1.5; min-height: 400px; border-radius: 12px; overflow: hidden; border: 1px solid #ddd; }
    .map-embed iframe { width: 100%; height: 100%; border: 0; }
    .directions-card { flex: 1; background: #fff; border: 1px solid #eee; border-radius: 12px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); display: flex; flex-direction: column; justify-content: center; }
    .directions-card h2 { color: var(--text-dark); margin-bottom: 20px; }
    .directions-card p { color: var(--text-body); margin-bottom: 25px; }

    .chd-btn-honda { display: inline-block; background-color: var(--honda-blue) !important; color: white !important; padding: 14px 30px !important; text-decoration: none !important; border-radius: 6px; transition: all 0.3s ease; }
    .chd-btn-honda:hover { background-color: var(--honda-blue-dark) !important; }

    @media (max-width: 1200px) { .card-grid { grid-template-columns: repeat(2, 1fr); } }
    
    @media (max-width: 768px) {
        .info-row, .info-row:nth-child(even), .map-section { flex-direction: column; text-align: center; }
        .card-grid { grid-template-columns: 1fr; }
        .map-embed { min-height: 300px; width: 100%; }
        .directions-card .chd-btn-honda { align-self: center; }
        .full-width-hero { height: 400px; }
        .info-image-wrap { width: 100%; }
    }