/* ==========================================================================
           1. ZMIENNE KOLORYSTYCZNE 
           ========================================================================== */
        :root {
            --brand-primary: #b81d1d; /* Główny czerwony do tekstów i ikon */
            --brand-gradient: linear-gradient(180deg,rgba(211, 43, 43, 1) 40%, rgba(186, 39, 39, 1) 61%); /* Pionowy gradient z ciemniejszym środkiem */
            --brand-dark: #2a2d34;    /* Ciemny grafit do tekstów */
            --bg-light: #f8f9fa;
        }

        body {
            background-color: #eef1f5;
            -webkit-font-smoothing: antialiased;
            color: #333;
        }

        /* Nadpisania Bootstrapa pod nowy gradient */
        .text-primary { color: var(--brand-primary) !important; }
        .bg-primary { background: var(--brand-gradient) !important; }
        
        .btn-primary { 
            background: var(--brand-gradient) !important; 
            border: none !important;
            color: #fff !important;
            transition: filter 0.3s ease;
        }
        .btn-primary:hover {
            filter: brightness(1.15); /* Rozjaśnia cały gradient po najechaniu */
        }

        /* Główny kontener - zwężony, by przypominał projekt ze zdjęcia */
        .ebay-container {
            max-width: 950px;
            margin: 2rem auto;
            background-color: #ffffff;
            border-radius: 8px;
            box-shadow: 0 5px 25px rgba(0,0,0,0.05);
            overflow: hidden;
            padding-bottom: 2rem;
        }

        /* Lista z "ptaszkami" (Wyróżniki) */
        .feature-list {
            list-style: none;
            padding-left: 0;
        }
        .feature-list li {
            margin-bottom: 1rem;
            display: flex;
            align-items: center;
            font-size: 1.1rem;
            color: var(--brand-dark);
            font-weight: 500;
        }
        .feature-list li svg {
            color: var(--brand-primary);
            margin-right: 12px;
            min-width: 24px;
        }

        /* Tabela pojazdów */
        .vehicle-table th {
            background: var(--brand-gradient) !important;
            color: white !important;
            font-weight: 600;
            border: none;
        }
        .vehicle-table td, .vehicle-table th {
            padding: 12px;
            vertical-align: middle;
        }

        /* Wygląd tagów z numerami OE */
        .oe-badge {
            font-size: 1rem;
            padding: 0.5rem 1.2rem;
            border: 2px dashed var(--brand-primary);
            color: var(--brand-dark);
            background: #fff;
            border-radius: 0.5rem;
            font-weight: 700;
            display: inline-block;
        }

        /* Ikony na dole */
        .bottom-icon {
            width: 60px;
            height: 60px;
            color: var(--brand-dark);
            margin-bottom: 1rem;
        }

        /* Trust badges w nagłówku - ULEPSZONE */
        .header-trust-badge {
            font-size: 0.8rem; /* Zmniejszona baza dla dobrego dopasowania */
            font-weight: 700;
            color: var(--brand-dark);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            text-align: left;
            line-height: 1.2;
            flex: 1 1 0; /* Gwarantuje równy podział szerokości na 3 elementy */
            min-width: 0; /* Zapobiega rozpychaniu kontenera */
        }
        .header-trust-badge svg {
            flex-shrink: 0; /* Blokuje spłaszczanie się ikon */
            width: 24px;
            height: 24px;
        }
        .header-trust-badge span {
            display: inline-block;
        }
        
        @media (min-width: 1200px) {
            .header-trust-badge {
                font-size: 0.85rem;
            }
        }