       .comfi-page { padding-top: 20px; padding-bottom: 50px; }
        .comfi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 20px; margin-top: 30px; }
        .comfi-listing-card { border: 1px solid #eee; padding: 20px; border-radius: 8px; transition: box-shadow 0.3s; }
        .comfi-listing-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); }
        .comfi-listing-card h3 { font-size: 1.1rem; margin-bottom: 10px; line-height: 1.4; }
        .comfi-listing-card .entreprise { color: #e62117; font-weight: 600; font-size: 0.9rem; text-transform: uppercase; display: block; margin-bottom: 5px; }
        .comfi-listing-card .date { font-size: 0.8rem; color: #888; }

        /* Search Box Styles */
        .comfi-search { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 12px; padding: 30px; margin: 30px 0; }
        .comfi-search__header { margin-bottom: 20px; }
        .comfi-search__title { font-size: 1.5rem; color: #333; margin: 0; }
        .comfi-search__title span { color: #e62117; font-weight: bold; }
        .comfi-search__subtitle { color: #6c757d; font-size: 0.9rem; }
        .comfi-search__form { display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end; }
        .comfi-search__fields { display: flex; gap: 15px; flex: 1; min-width: 250px; max-width: 400px; }
        .comfi-search__select { flex: 1; height: 45px; border: 1px solid #ced4da; border-radius: 6px; padding: 0 15px; background-color: white; }
        .comfi-search__actions { display: flex; gap: 10px; }
        .comfi-search__btn { height: 45px; padding: 0 25px; font-weight: 600; border-radius: 6px; cursor: pointer; transition: all 0.2s; }
        .comfi-search__btn--submit { background: #e62117; color: white; border: none; }
        .comfi-search__btn--submit:hover { background: #c51c13; }
        .comfi-search__btn--reset { background: white; color: #6c757d; border: 1px solid #ced4da; text-decoration: none; display: flex; align-items: center; }
        .comfi-search__btn--reset:hover { background: #f8f9fa; }
        
        @media (max-width: 768px) {
            .comfi-search__fields { flex-direction: column; }
            .comfi-search__form { flex-direction: column; align-items: stretch; }
        }