.elementor-3753 .elementor-element.elementor-element-b72ec0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-184176d */<style>
    .comparateur-container {
        font-family: 'Segoe UI', Roboto, sans-serif;
        max-width: 1000px;
        margin: 0 auto;
        padding: 20px;
        background-color: #f9f9f9;
    }

    /* Hero Section */
    .hero-section { text-align: center; margin-bottom: 40px; }
    .main-title { font-size: 32px; font-weight: 800; color: #1a1a1a; }
    .badge-green { background: #e6f7f1; color: #2d6a4f; padding: 4px 10px; border-radius: 5px; }
    .main-description { color: #666; font-size: 18px; margin-top: 10px; }
    .reassurance-bar { display: flex; justify-content: center; gap: 20px; margin-top: 20px; font-size: 14px; color: #444; }

    /* Partner Card */
    .partner-card {
        display: flex;
        background: white;
        border-radius: 8px;
        border: 1px solid #e0e0e0;
        margin-bottom: 15px;
        padding: 20px;
        align-items: center;
        box-shadow: 0 4px 6px rgba(0,0,0,0.02);
    }

    .card-left { flex: 1; display: flex; align-items: center; gap: 15px; }
    .rank-number { font-size: 24px; font-weight: bold; color: #ccc; }
    .logo-box img { max-width: 200px; display: block; }
    .review-link { font-size: 12px; color: #007bff; text-decoration: none; }

    .card-center { flex: 3; padding: 0 20px; border-left: 1px solid #eee; border-right: 1px solid #eee; }
    .tagline { font-weight: bold; color: #2d6a4f; margin-bottom: 10px; text-transform: uppercase; font-size: 12px; }
    .features { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
    .features li { font-size: 13px; color: #555; }
    .duration { margin-top: 10px; font-size: 12px; font-style: italic; color: #888; }

    .card-right { flex: 1; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
    .score-value { font-size: 32px; font-weight: 800; color: #1a1a1a; display: block; }
    .score-label { font-size: 10px; color: #999; text-transform: uppercase; }
    .btn-cta { background: #ffcc00; color: #000; padding: 12px 25px; border-radius: 25px; text-decoration: none; font-weight: bold; transition: 0.3s; }
    .btn-cta:hover { background: #e6b800; transform: scale(1.05); }

    /* Responsive */
    @media (max-width: 768px) {
        .partner-card { flex-direction: column; text-align: center; }
        .card-center { border: none; margin: 20px 0; }
        .features { grid-template-columns: 1fr; }
    }
</style>/* End custom CSS */