/* =========================================================
   LiderMoto - wygląd strony głównej v1
   Plik: /assets/css/lidermoto-home-v1.css
   Tylko wygląd, bez zmiany logiki filtrów
   ========================================================= */

:root {
    --lm-search-top-gap: 18px;
    --lm-navy: #2f4f6e;
    --lm-navy-dark: #263f5a;
    --lm-soft-bg: #f4f6f8;
    --lm-field-border: #cfd6df;
    --lm-field-border-focus: #e0ad1f;
    --lm-shadow-soft: 0 10px 26px rgba(35, 49, 64, 0.08);
}

body {
    background: #f3f5f7;
}

.search-zone {
    
background: var(--lm-soft-bg);
    padding: 0 0 16px;
    border-bottom: 1px solid #dfe5ec;
}

.tabs {
    background: transparent;
    border: 0;
    gap: 0;
    padding-top: 10px;
}

.tab {
    min-height: 36px;
    background: #ffffff;
    border: 1px solid #d2dae4;
    border-right: 0;
    color: #34495f;
    font-size: 12px;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.tab:last-child {
    border-right: 1px solid #d2dae4;
}

.tab:hover {
    background: #f7f9fb;
    color: #21384f;
}

.tab.active {
    background: var(--lm-navy);
    border-color: var(--lm-navy);
    color: #fff;
    font-weight: 800;
}

.search-box {
    background: #ffffff;
    border: 1px solid #dbe2ea;
    border-top: 0;
    padding: 10px 10px 0;
    box-shadow: var(--lm-shadow-soft);
}

.search-grid {
    gap: 10px;
    padding: 10px 0 0;
    background: linear-gradient(
        to bottom,
        var(--lm-navy) 0,
        var(--lm-navy) 50px,
        transparent 50px,
        transparent 100%
    );
}

.ctrl,
.filter-trigger {
    height: 32px;
    border: 1px solid var(--lm-field-border);
    background-color: #ffffff;
    color: #526173;
    padding-left: 10px;
    transition: border-color .15s ease, box-shadow .15s ease, color .15s ease;
}

.ctrl:focus,
.filter-trigger:focus,
.ctrl:focus-visible,
.filter-trigger:focus-visible {
    outline: none;
    border-color: var(--lm-field-border-focus);
    box-shadow: 0 0 0 2px rgba(240, 188, 37, 0.18);
    color: #233449;
}

select.ctrl {
    cursor: pointer;
}

.filter-trigger {
    font-weight: 500;
}

.year-field.has-value .ctrl,
.year-field.has-value .filter-trigger {
    border-color: #b9c7d6;
    color: #21384f;
    font-weight: 700;
    background-color: #fff;
}

.year-clear {
    right: 8px;
    color: #7d8996;
}

.year-clear:hover {
    color: #d52e2c;
}

.search-bottom {
    min-height: 44px;
    margin-top: 10px;
    padding: 8px 0 0;
    border-top: 1px solid #e4e8ed;
}

.type-switch {
    min-height: 34px;
    gap: 0;
}

.type-switch a,
.type-switch .muted {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border: 1px solid #dfe4ea;
    border-right: 0;
    background: #f7f8fa;
    color: #2f3c4c;
    font-weight: 800;
}

.type-switch a:first-child,
.type-switch .muted:first-child {
    border-radius: 8px 0 0 8px;
}

.type-switch a:last-child,
.type-switch .muted:last-child {
    border-right: 1px solid #dfe4ea;
    border-radius: 0 8px 8px 0;
}

.type-switch a {
    background: #ffffff;
}

.type-switch .muted {
    color: #6e7a87;
}

.search-submit {
    width: 38px;
    height: 34px;
    background: var(--gold);
    color: #182434;
    box-shadow: 0 2px 0 rgba(0,0,0,0.08);
    transition: filter .15s ease, transform .15s ease;
}

.search-submit:hover {
    filter: brightness(0.96);
    transform: translateY(-1px);
}

.filter-modal-head {
    background: var(--lm-navy);
}

@media (max-width: 980px) {
    .search-grid {
        background: transparent;
        padding-top: 0;
    }

    .search-box {
        border-top: 1px solid #dbe2ea;
    }
}


/* =========================================================
   LiderMoto - wspólna typografia wyszukiwarki
   Obowiązuje zarówno na stronie głównej, jak i na liście ogłoszeń.
   Dzięki temu pola filtrów nie dziedziczą większej czcionki z body listy.
   ========================================================= */

.search-zone,
.lm-list-search-zone {
    font-size: 12px;
}

.search-zone select,
.search-zone input,
.search-zone button,
.search-zone .ctrl,
.search-zone .filter-trigger,
.search-zone .tab,
.search-zone .type-switch,
.search-zone .muted,
.lm-list-search-zone select,
.lm-list-search-zone input,
.lm-list-search-zone button,
.lm-list-search-zone .ctrl,
.lm-list-search-zone .filter-trigger,
.lm-list-search-zone .tab,
.lm-list-search-zone .type-switch,
.lm-list-search-zone .muted {
    font-size: 12px;
}

.search-zone .ctrl,
.search-zone .filter-trigger,
.lm-list-search-zone .ctrl,
.lm-list-search-zone .filter-trigger {
    line-height: normal;
}

.search-zone .search-submit,
.lm-list-search-zone .search-submit {
    font-size: 12px;
    line-height: 1;
}


/* =========================================================
   LiderMoto - wspólny odstęp topbar → wyszukiwarka v2
   Używamy border-top zamiast margin-top, żeby odstęp nie ginął
   przez wcześniejsze lokalne style .search-zone w index.php.
   ========================================================= */

.search-zone {
    border-top: var(--lm-search-top-gap) solid #f3f5f7 !important;
}

.lm-list-search-zone .search-zone {
    border-top: var(--lm-search-top-gap) solid #f3f5f7 !important;
}


/* =========================================================
   LiderMoto - wspólna belka kategorii wyszukiwarki v3
   Ten blok ma wygrać z lokalnymi stylami z index.php i listy.
   Ujednolica wysokość zakładek, ikony i tekst kategorii:
   Osobowe / Motocykle / Dostawcze / itd.
   ========================================================= */

.search-zone .container > .tabs,
.lm-list-search-zone .search-zone .container > .tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding-top: 10px !important;
    align-items: stretch !important;
}

.search-zone .container > .tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs > .tab {
    min-height: 50px !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
    padding: 0 12px !important;
    background: #ffffff !important;
    border: 1px solid #d2dae4 !important;
    border-right: 0 !important;
    color: #34495f !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
}

.search-zone .container > .tabs > .tab:last-child,
.lm-list-search-zone .search-zone .container > .tabs > .tab:last-child {
    border-right: 1px solid #d2dae4 !important;
}

.search-zone .container > .tabs > .tab:hover,
.lm-list-search-zone .search-zone .container > .tabs > .tab:hover {
    background: #f7f9fb !important;
    color: #21384f !important;
}

.search-zone .container > .tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs > .tab.active {
    background: var(--lm-navy) !important;
    border-color: var(--lm-navy) !important;
    color: #ffffff !important;
    font-weight: 800 !important;
}

/* Ikona w górnej belce kategorii — wspólna dla index-test i listy. */
.search-zone .container > .tabs > .tab > span:first-child,
.search-zone .container > .tabs > .tab .lm-tab-icon,
.search-zone .container > .tabs > .tab .lm-category-icon,
.lm-list-search-zone .search-zone .container > .tabs > .tab > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-tab-icon,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    flex: 0 0 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    background: transparent !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.search-zone .container > .tabs > .tab > span:first-child img,
.search-zone .container > .tabs > .tab img,
.search-zone .container > .tabs > .tab .lm-category-icon-img,
.search-zone .container > .tabs > .tab .tab-icon-media,
.search-zone .container > .tabs > .tab .lm-tab-icon img,
.search-zone .container > .tabs > .tab .lm-category-icon img,
.lm-list-search-zone .search-zone .container > .tabs > .tab > span:first-child img,
.lm-list-search-zone .search-zone .container > .tabs > .tab img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon-img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .tab-icon-media,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-tab-icon img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon img {
    width: 48px !important;
    height: 36px !important;
    max-width: 48px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.search-zone .container > .tabs > .tab > span:first-child:not(:has(img)),
.search-zone .container > .tabs > .tab .lm-category-icon-emoji,
.search-zone .container > .tabs > .tab .tab-icon-media:not(img),
.lm-list-search-zone .search-zone .container > .tabs > .tab > span:first-child:not(:has(img)),
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon-emoji,
.lm-list-search-zone .search-zone .container > .tabs > .tab .tab-icon-media:not(img) {
    font-size: 30px !important;
    line-height: 1 !important;
    background: transparent !important;
}

@media (max-width: 980px) {
    .search-zone .container > .tabs,
    .lm-list-search-zone .search-zone .container > .tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .search-zone .container > .tabs,
    .lm-list-search-zone .search-zone .container > .tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}


/* =========================================================
   LiderMoto - wspólna belka kategorii wyszukiwarki v4
   Finalne wartości testowe: większa, czytelniejsza belka kategorii.
   Ten blok jest wspólny dla index-test i ogloszenia-lista-test.
   ========================================================= */

.search-zone .container > .tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs > .tab {
    min-height: 50px !important;
    height: 50px !important;
    gap: 9px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
}

.search-zone .container > .tabs > .tab > span:first-child,
.search-zone .container > .tabs > .tab .lm-tab-icon,
.search-zone .container > .tabs > .tab .lm-category-icon,
.lm-list-search-zone .search-zone .container > .tabs > .tab > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-tab-icon,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon {
    width: 48px !important;
    min-width: 48px !important;
    height: 36px !important;
    min-height: 36px !important;
    flex: 0 0 48px !important;
}

.search-zone .container > .tabs > .tab > span:first-child img,
.search-zone .container > .tabs > .tab img,
.search-zone .container > .tabs > .tab .lm-category-icon-img,
.search-zone .container > .tabs > .tab .tab-icon-media,
.search-zone .container > .tabs > .tab .lm-tab-icon img,
.search-zone .container > .tabs > .tab .lm-category-icon img,
.lm-list-search-zone .search-zone .container > .tabs > .tab > span:first-child img,
.lm-list-search-zone .search-zone .container > .tabs > .tab img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon-img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .tab-icon-media,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-tab-icon img,
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon img {
    width: 48px !important;
    height: 36px !important;
    max-width: 48px !important;
    max-height: 36px !important;
    object-fit: contain !important;
}

.search-zone .container > .tabs > .tab .lm-category-icon-emoji,
.search-zone .container > .tabs > .tab .tab-icon-media:not(img),
.lm-list-search-zone .search-zone .container > .tabs > .tab .lm-category-icon-emoji,
.lm-list-search-zone .search-zone .container > .tabs > .tab .tab-icon-media:not(img) {
    font-size: 30px !important;
    line-height: 1 !important;
}


/* =========================================================
   LiderMoto - wspólne połączenie belki kategorii z filtrami v5
   Usuwa różnicę jasnego paska pod aktywną zakładką między index.php
   i ogloszenia-lista.php. Panel filtrów ma zaczynać się równo pod tabs.
   ========================================================= */

.search-zone .container > .tabs,
.lm-list-search-zone .search-zone .container > .tabs {
    margin-bottom: 0 !important;
}

.search-zone .search-box,
.lm-list-search-zone .search-zone .search-box {
    margin-top: 0 !important;
    border-top: 0 !important;
    padding-top: 0 !important;
}

.search-zone .search-grid,
.lm-list-search-zone .search-zone .search-grid {
    margin-top: 0 !important;
}

/* aktywna zakładka ma przykrywać linię styku z panelem filtrów */
.search-zone .container > .tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs > .tab.active {
    position: relative !important;
    z-index: 2 !important;
    margin-bottom: -1px !important;
}


/* =========================================================
   LiderMoto - jednolite tło boczne belki kategorii v7
   Poprawka globalna:
   - tło po lewej i prawej stronie belki kategorii ma mieć ten sam
     granat co aktywna kategoria,
   - usuwa jaśniejszy pasek widoczny na stronie głównej.
   ========================================================= */

.search-zone,
.lm-list-search-zone .search-zone {
    background: var(--lm-navy) !important;
}

.search-zone .container > .tabs,
.lm-list-search-zone .search-zone .container > .tabs {
    background: var(--lm-navy) !important;
}

.search-zone .container > .tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs > .tab.active {
    background: var(--lm-navy) !important;
    border-color: var(--lm-navy) !important;
    box-shadow: none !important;
}


/* =========================================================
   LiderMoto - układ kolorów wyszukiwarki v8
   Poprawka po teście produkcyjnym:
   - nie robimy już całej sekcji wyszukiwarki granatowej,
   - granat obejmuje tylko obszar pól filtrów,
   - wiersz Wszystkie / Nowe / Używane wraca na białe tło,
   - żółta lupa zostaje ukryta, bo wyszukiwanie będzie rozwiązane inaczej.
   ========================================================= */

/* Sekcja z zewnątrz wraca do jasnego tła portalu, żeby nie było ciężkiego bloku. */
.search-zone,
.lm-list-search-zone .search-zone {
    background: var(--lm-soft-bg) !important;
}

/* Sama belka kategorii nadal ma granatowe tło za aktywną zakładką. */
.search-zone .container > .tabs,
.lm-list-search-zone .search-zone .container > .tabs {
    background: var(--lm-navy) !important;
    margin-bottom: 0 !important;
    border-bottom: 0 !important;
}

/* Box filtrów nie jest już cały granatowy. */
.search-zone .search-box,
.lm-list-search-zone .search-zone .search-box {
    margin-top: 0 !important;
    border-top: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    box-shadow: var(--lm-shadow-soft) !important;
}

/* Granat obejmuje tylko siatkę pól filtrów. */
.search-zone .search-grid,
.lm-list-search-zone .search-zone .search-grid {
    background: var(--lm-navy) !important;
    margin: 0 !important;
    padding: 10px !important;
    gap: 10px !important;
}

/* Dolny pasek z Wszystkie / Nowe / Używane jest biały i oddzielony cienką linią. */
.search-zone .search-bottom,
.lm-list-search-zone .search-zone .search-bottom {
    background: #ffffff !important;
    margin: 0 !important;
    padding: 10px !important;
    border-top: 1px solid #e4e8ed !important;
    min-height: 44px !important;
}

/* Aktywna kategoria ma łączyć się z granatowym obszarem filtrów bez jasnej szczeliny. */
.search-zone .container > .tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs > .tab.active {
    background: var(--lm-navy) !important;
    border-color: var(--lm-navy) !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
}

/* Żółta lupa znika. */
.search-zone .search-submit,
.lm-list-search-zone .search-zone .search-submit {
    display: none !important;
}


/* =========================================================
   LiderMoto - przycisk Szukaj ofert pod wyszukiwarką v14
   KROK 2W:
   Przycisk nie siedzi już w filtr-szukaj.php.
   Jest pod search-box, bliżej części z ogłoszeniami, ale przez
   form="mainSearchForm" nadal wysyła główny formularz filtrów.
   ========================================================= */

.search-zone .lm-search-submit-row,
.lm-list-search-zone .search-zone .lm-search-submit-row {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    margin-top: 10px !important;
    padding: 0 !important;
}

.search-zone .lm-search-submit-main,
.lm-list-search-zone .search-zone .lm-search-submit-main {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 345px !important;
    max-width: 100% !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #23649d !important;
    background-color: #23649d !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-align: center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.search-zone .lm-search-submit-main:hover,
.lm-list-search-zone .search-zone .lm-search-submit-main:hover {
    background: #1f5a8d !important;
    background-color: #1f5a8d !important;
    color: #ffffff !important;
}

@media (max-width: 700px) {
    .search-zone .lm-search-submit-row,
    .lm-list-search-zone .search-zone .lm-search-submit-row {
        justify-content: stretch !important;
    }

    .search-zone .lm-search-submit-main,
    .lm-list-search-zone .search-zone .lm-search-submit-main {
        width: 100% !important;
    }
}


/* =========================================================
   LiderMoto - filtr-szukaj + Szukaj ofert w jednej linii v15
   KROK 2Z:
   Belka Wszystkie / Nowe / Używane jest po lewej,
   a przycisk Szukaj ofert po prawej, bliżej listy ogłoszeń.
   Pola i popupy zostają nietknięte.
   ========================================================= */

.search-zone .lm-search-actions-row,
.lm-list-search-zone .search-zone .lm-search-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 345px !important;
    gap: 28px !important;
    align-items: stretch !important;
    margin-top: 10px !important;
    padding: 0 !important;
}

.search-zone .lm-search-actions-tabs,
.lm-list-search-zone .search-zone .lm-search-actions-tabs {
    min-width: 0 !important;
}

.search-zone .lm-search-actions-tabs .search-bottom,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .search-bottom {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 44px !important;
    background: transparent !important;
}

.search-zone .lm-search-actions-tabs .type-switch,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch {
    display: inline-flex !important;
    align-items: stretch !important;
    min-height: 44px !important;
    gap: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dfe4ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(35, 49, 64, 0.06) !important;
}

.search-zone .lm-search-actions-tabs .type-switch a,
.search-zone .lm-search-actions-tabs .type-switch .muted,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch .muted {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-right: 1px solid #dfe4ea !important;
    border-bottom: 3px solid transparent !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #0f2238 !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.search-zone .lm-search-actions-tabs .type-switch a:last-child,
.search-zone .lm-search-actions-tabs .type-switch .muted:last-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a:last-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch .muted:last-child {
    border-right: 0 !important;
}

.search-zone .lm-search-actions-tabs .type-switch a:first-child,
.search-zone .lm-search-actions-tabs .type-switch .muted:first-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a:first-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch .muted:first-child {
    border-bottom-color: var(--lm-navy) !important;
}

.search-zone .lm-search-actions-button,
.lm-list-search-zone .search-zone .lm-search-actions-button {
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
}

.search-zone .lm-search-submit-main,
.lm-list-search-zone .search-zone .lm-search-submit-main {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    width: 100% !important;
    padding: 0 28px !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: #23649d !important;
    background-color: #23649d !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    text-align: center !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.search-zone .lm-search-submit-main:hover,
.lm-list-search-zone .search-zone .lm-search-submit-main:hover {
    background: #1f5a8d !important;
    background-color: #1f5a8d !important;
    color: #ffffff !important;
}

@media (max-width: 900px) {
    .search-zone .lm-search-actions-row,
    .lm-list-search-zone .search-zone .lm-search-actions-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}



/* =========================================================
   LiderMoto - biały pasek filtr-szukaj rozciągnięty do przycisku v16
   Cel:
   - biały pasek Wszystkie / Nowe / Używane wypełnia całą lewą kolumnę,
   - zostaje odstęp do niebieskiego przycisku Szukaj ofert,
   - brak pionowych kresek między Wszystkie / Nowe / Używane,
   - aktywne podkreślenie wynika z klasy .is-active.
   ========================================================= */

.search-zone .lm-search-actions-tabs,
.lm-list-search-zone .search-zone .lm-search-actions-tabs {
    min-width: 0 !important;
    width: 100% !important;
}

.search-zone .lm-search-actions-tabs .search-bottom,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .search-bottom {
    width: 100% !important;
}

.search-zone .lm-search-actions-tabs .type-switch,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch {
    display: flex !important;
    width: 100% !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    min-height: 44px !important;
    gap: 0 !important;
    background: #ffffff !important;
    border: 1px solid #dfe4ea !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 22px rgba(35, 49, 64, 0.06) !important;
}

.search-zone .lm-search-actions-tabs .type-switch a,
.search-zone .lm-search-actions-tabs .type-switch .muted,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch .muted {
    border-right: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 3px solid transparent !important;
    background: transparent !important;
}

.search-zone .lm-search-actions-tabs .type-switch a:first-child,
.search-zone .lm-search-actions-tabs .type-switch .muted:first-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a:first-child,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch .muted:first-child {
    border-bottom-color: transparent !important;
}

.search-zone .lm-search-actions-tabs .type-switch a.is-active,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a.is-active {
    border-bottom-color: var(--lm-navy) !important;
}

.search-zone .lm-search-actions-tabs .type-switch a:hover,
.lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch a:hover {
    background: #f7f9fb !important;
    color: #0f2238 !important;
}

@media (max-width: 900px) {
    .search-zone .lm-search-actions-tabs .type-switch,
    .lm-list-search-zone .search-zone .lm-search-actions-tabs .type-switch {
        width: 100% !important;
    }
}

/* =========================================================
   LiderMoto - wspólny lewy filtr kategorii v2
   Plik wspólny: /filtry/lewy-filtr-kategorii.php
   Cel:
   - jeden wygląd lewego menu na stronie głównej i liście ogłoszeń,
   - szerokość dopasowana do siatki strony głównej: ok. 300px,
   - brak ucinania nazw kategorii,
   - bez zmian w logice filtrów i liczników.
   ========================================================= */

:root {
    --lm-left-filter-width: 300px;
    --lm-left-filter-gap: 12px;
}

/* Strona główna: lewy filtr ma wejść w siatkę razem z listą promowanych i Ostatnią szansą. */
.section-2 {
    grid-template-columns: var(--lm-left-filter-width) minmax(0, 1fr) 170px !important;
    gap: var(--lm-left-filter-gap) !important;
    align-items: start !important;
}

/* Lista ogłoszeń: ten sam lewy komponent, ten sam wymiar. */
.lm-content-layout {
    grid-template-columns: var(--lm-left-filter-width) minmax(0, 1fr) !important;
    gap: var(--lm-left-filter-gap) !important;
    align-items: start !important;
}

.section-2 > .lm-category-sidebar,
.lm-content-layout > .lm-category-sidebar,
.lm-category-sidebar {
    width: 100% !important;
    max-width: var(--lm-left-filter-width) !important;
    align-self: start !important;
    background: #ffffff !important;
    border: 1px solid #d7dbe0 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.lm-category-sidebar-head {
    min-height: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    border-bottom: 1px solid #e3e7ec !important;
    color: #40556d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .01em !important;
}

.lm-category-sidebar-head span {
    color: #42576c !important;
    font-size: 13px !important;
}

.lm-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px 10px !important;
    padding: 14px 12px 14px !important;
    text-align: center !important;
}

.lm-category-tile {
    min-width: 0 !important;
    min-height: 104px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    align-items: start !important;
    gap: 3px !important;
    padding: 8px 5px 7px !important;
    border: 1px solid transparent !important;
    border-radius: 7px !important;
    color: #233f5d !important;
    text-align: center !important;
    text-decoration: none !important;
    font-size: 12px !important;
    line-height: 1.14 !important;
}

.lm-category-tile:hover {
    background: #f4f8fc !important;
    border-color: #d6e1ec !important;
}

.lm-category-tile.is-active {
    background: #eef5fb !important;
    border-color: #adc5da !important;
}

.lm-category-icon {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    overflow: visible !important;
    background: transparent !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

.lm-category-icon img,
.lm-category-icon .lm-category-icon-img {
    width: 58px !important;
    height: 42px !important;
    max-width: 58px !important;
    max-height: 42px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
}

.lm-category-icon .lm-category-icon-emoji,
.lm-category-icon span:not(.lm-category-name):not(.lm-category-count) {
    width: 58px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 38px !important;
    line-height: 1 !important;
    background: transparent !important;
}

.lm-category-name {
    display: block !important;
    max-width: 100% !important;
    color: #16334f !important;
    font-weight: 800 !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.lm-category-count {
    display: block !important;
    color: #7f91a4 !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 1.05 !important;
    margin-top: 1px !important;
}

@media (max-width: 1180px) {
    :root {
        --lm-left-filter-width: 260px;
    }
}

@media (max-width: 980px) {
    .section-2,
    .lm-content-layout {
        grid-template-columns: 1fr !important;
    }

    .section-2 > .lm-category-sidebar,
    .lm-content-layout > .lm-category-sidebar,
    .lm-category-sidebar {
        max-width: none !important;
    }

    .lm-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .lm-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
/* LM_LEFT_FILTER_COMMON_END */

/* =========================================================
   LiderMoto - lewy filtr kategorii v3: paginacja po 6 kafelków
   Cel:
   - lewy filtr ma wysokością zrównać się z siatką placeholderów pod Ofertą dnia,
   - widać 6 kategorii naraz: 2 kolumny x 3 wiersze,
   - strzałki w nagłówku przewijają kolejne kategorie,
   - komponent zostaje wspólny dla strony głównej i listy ogłoszeń.
   ========================================================= */

.lm-category-sidebar-head {
    gap: 9px !important;
}

.lm-category-nav-btn {
    width: 22px !important;
    height: 22px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    color: #42576c !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
}

.lm-category-nav-btn:hover:not(:disabled) {
    color: #18344e !important;
    transform: translateY(-1px) !important;
}

.lm-category-nav-btn:disabled,
.lm-category-nav-btn.is-disabled {
    opacity: .45 !important;
    cursor: default !important;
    transform: none !important;
}

/* 6 widocznych kafelków: 2 kolumny x 3 wiersze, bez rozciągania lewego panelu. */
.lm-category-grid {
    grid-template-rows: repeat(3, 112px) !important;
    align-content: start !important;
    min-height: 388px !important;
}

.lm-category-tile {
    min-height: 112px !important;
    height: 112px !important;
    max-height: 112px !important;
    align-content: start !important;
    overflow: hidden !important;
}

.lm-category-tile[hidden] {
    display: none !important;
}

/* Na stronie głównej lewy filtr ma być równy wysokością z blokiem placeholderów obok. */
.section-2 > .lm-category-sidebar {
    min-height: 425px !important;
    max-height: 425px !important;
}

/* Na liście ogłoszeń nie wymuszamy sztywnej wysokości względem kart. */
.lm-content-layout > .lm-category-sidebar {
    min-height: 0 !important;
    max-height: none !important;
}

@media (max-width: 980px) {
    .lm-category-grid {
        grid-template-rows: none !important;
        min-height: 0 !important;
    }

    .lm-category-tile {
        height: auto !important;
        max-height: none !important;
    }

    .section-2 > .lm-category-sidebar {
        min-height: 0 !important;
        max-height: none !important;
    }
}

/* =========================================================
   LiderMoto - strona główna: Hero + wyszukiwarka v1
   Zakres: tylko góra strony do sekcji Oferty dnia.
   Logika filtrów, modale, AJAX i rotatory zostają bez zmian.
   Aktywne tylko na body.lm-home-modern.
   ========================================================= */

body.lm-home-modern {
    background:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 30%),
        linear-gradient(180deg, #f6f8fb 0%, #edf2f7 100%) !important;
}

body.lm-home-modern .lm-home-hero {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(34px, 4vw, 52px) 0 30px !important;
    background:
        linear-gradient(90deg, rgba(7, 18, 32, 0.96) 0%, rgba(13, 36, 61, 0.86) 42%, rgba(13, 36, 61, 0.54) 67%, rgba(13, 36, 61, 0.24) 100%),
        radial-gradient(circle at 84% 28%, rgba(37, 99, 235, 0.26), transparent 34%),
        radial-gradient(circle at 16% 8%, rgba(247, 179, 19, 0.14), transparent 28%),
        #0d243d !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.12) !important;
}

body.lm-home-modern .lm-home-hero::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), transparent 34%),
        radial-gradient(circle at right center, rgba(37, 99, 235, 0.16), transparent 42%) !important;
}

body.lm-home-modern .lm-home-hero-copy,
body.lm-home-modern .lm-home-search-shell {
    position: relative !important;
    z-index: 1 !important;
    width: min(1240px, calc(100% - 32px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.lm-home-modern .lm-home-hero-copy {
    margin-bottom: 20px !important;
}

body.lm-home-modern .lm-home-hero-kicker {
    margin: 0 0 8px !important;
    color: #f7b313 !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;
}

body.lm-home-modern .lm-home-hero h1 {
    max-width: 640px !important;
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: clamp(32px, 3.7vw, 48px) !important;
    line-height: 1.04 !important;
    font-weight: 900 !important;
    letter-spacing: -1.5px !important;
    text-shadow: 0 4px 22px rgba(0, 0, 0, 0.28) !important;
}

body.lm-home-modern .lm-home-hero-lead {
    max-width: 560px !important;
    margin: 0 !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font-size: clamp(15px, 1.5vw, 18px) !important;
    line-height: 1.45 !important;
    font-weight: 500 !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone {
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    padding: 0 !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 16px 22px 20px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(255, 255, 255, 0.13) !important;
    background:
        linear-gradient(180deg, rgba(24, 51, 78, 0.94) 0%, rgba(16, 38, 63, 0.96) 100%) !important;
    box-shadow: 0 18px 46px rgba(9, 28, 50, 0.32) !important;
    backdrop-filter: blur(14px) !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    gap: 9px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    width: 100% !important;
    padding: 0 0 12px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    scroll-snap-type: x proximity !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(255, 255, 255, 0.45) transparent !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs::-webkit-scrollbar {
    height: 7px !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.38) !important;
    border-radius: 999px !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab {
    flex: 0 0 auto !important;
    min-width: max-content !important;
    width: auto !important;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 17px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    color: #0d243d !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    scroll-snap-align: start !important;
    transition: transform .16s ease, background .16s ease, color .16s ease, border-color .16s ease !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab:hover {
    transform: translateY(-1px) !important;
    background: #ffffff !important;
    color: #0d243d !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab.active {
    background: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, 0.28) !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab .lm-category-icon-img,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab img {
    max-width: 24px !important;
    max-height: 24px !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab .lm-category-icon-emoji {
    font-size: 18px !important;
    line-height: 1 !important;
}

body.lm-home-modern .lm-home-search-shell .search-box {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.lm-home-modern .lm-home-search-shell .field,
body.lm-home-modern .lm-home-search-shell .field-double,
body.lm-home-modern .lm-home-search-shell .year-field,
body.lm-home-modern .lm-home-search-shell .filter-range-field,
body.lm-home-modern .lm-home-search-shell .country-autocomplete-wrap,
body.lm-home-modern .lm-home-search-shell .owners-count-wrap {
    min-width: 0 !important;
}

body.lm-home-modern .lm-home-search-shell .field-double {
    gap: 12px !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl,
body.lm-home-modern .lm-home-search-shell .filter-trigger {
    width: 100% !important;
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(222, 231, 241, 0.92) !important;
    background: rgba(255, 255, 255, 0.97) !important;
    color: #102742 !important;
    padding: 0 38px 0 14px !important;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease, background .16s ease !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl:hover,
body.lm-home-modern .lm-home-search-shell .filter-trigger:hover {
    border-color: #aebfd1 !important;
    box-shadow: 0 10px 24px rgba(8, 24, 44, 0.10) !important;
    transform: translateY(-1px) !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl:focus,
body.lm-home-modern .lm-home-search-shell .ctrl:focus-visible,
body.lm-home-modern .lm-home-search-shell .filter-trigger:focus,
body.lm-home-modern .lm-home-search-shell .filter-trigger:focus-visible {
    outline: none !important;
    border-color: rgba(59, 130, 246, 0.68) !important;
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.14), 0 10px 24px rgba(8, 24, 44, 0.08) !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl:disabled {
    background: rgba(238, 243, 249, 0.95) !important;
    color: #718197 !important;
}

body.lm-home-modern .lm-home-search-shell .filter-trigger::after {
    right: 14px !important;
    color: #315b7a !important;
    font-size: 13px !important;
}

body.lm-home-modern .lm-home-search-shell .year-clear {
    right: 10px !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 999px !important;
    color: #74839a !important;
    font-size: 17px !important;
}

body.lm-home-modern .lm-home-search-shell .year-clear:hover {
    color: #dc2626 !important;
    background: rgba(220, 38, 38, 0.08) !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-row {
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 16px !important;
    align-items: stretch !important;
    margin-top: 14px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch {
    min-height: 48px !important;
    border: 1px solid rgba(222, 231, 241, 0.92) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 10px 24px rgba(8, 24, 44, 0.10) !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch a,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch .muted {
    min-height: 48px !important;
    padding: 0 20px !important;
    color: #0f2238 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch a.is-active {
    border-bottom-color: #2563eb !important;
    color: #102742 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-submit-main {
    min-height: 48px !important;
    border-radius: 14px !important;
    background: #2563eb !important;
    background-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 12px 26px rgba(37, 99, 235, 0.28) !important;
    font-size: 15px !important;
    font-weight: 900 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-submit-main:hover {
    background: #1d4ed8 !important;
    background-color: #1d4ed8 !important;
    transform: translateY(-1px) !important;
}

body.lm-home-modern .main.container {
    margin-top: 18px !important;
}

body.lm-home-modern .promo-heading-row {
    margin-top: 0 !important;
}

@media (max-width: 1180px) {
    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    body.lm-home-modern .lm-home-hero {
        padding-top: 28px !important;
    }

    body.lm-home-modern .lm-home-hero-copy,
    body.lm-home-modern .lm-home-search-shell {
        width: min(100% - 22px, 1240px) !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-zone > .container {
        border-radius: 18px !important;
        padding: 14px !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    body.lm-home-modern .lm-home-search-shell .lm-search-actions-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

@media (max-width: 560px) {
    body.lm-home-modern .lm-home-hero h1 {
        font-size: 30px !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern .lm-home-search-shell .field-double {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern .lm-home-search-shell .ctrl,
    body.lm-home-modern .lm-home-search-shell .filter-trigger {
        min-height: 50px !important;
        height: 50px !important;
    }

    body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch {
        overflow-x: auto !important;
    }
}

/* =========================================================
   LiderMoto - Hero + wyszukiwarka v2 odchudzona
   Zakres: tylko góra strony do Oferty dnia.
   Cel: lżejszy hero, brak ikon w kategoriach, niższe pola.
   ========================================================= */

body.lm-home-modern .lm-home-hero {
    padding: 22px 0 22px !important;
    background:
        linear-gradient(90deg, rgba(12, 32, 51, 0.98) 0%, rgba(22, 56, 86, 0.96) 52%, rgba(28, 71, 111, 0.94) 100%),
        radial-gradient(circle at 82% 18%, rgba(66, 133, 210, 0.18), transparent 34%),
        #10283f !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.10) !important;
}

body.lm-home-modern .lm-home-hero::after {
    background:
        radial-gradient(circle at 70% 22%, rgba(255, 255, 255, 0.07), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), transparent 38%) !important;
}

body.lm-home-modern .lm-home-hero-copy,
body.lm-home-modern .lm-home-search-shell {
    width: min(1180px, calc(100% - 34px)) !important;
}

body.lm-home-modern .lm-home-hero-copy {
    margin-bottom: 13px !important;
}

body.lm-home-modern .lm-home-hero-kicker {
    margin: 0 0 5px !important;
    color: #f1b51f !important;
    font-size: 11px !important;
    letter-spacing: .10em !important;
}

body.lm-home-modern .lm-home-hero h1 {
    max-width: 560px !important;
    margin: 0 0 7px !important;
    font-size: clamp(27px, 2.9vw, 38px) !important;
    line-height: 1.08 !important;
    letter-spacing: -1px !important;
    text-shadow: 0 3px 14px rgba(0, 0, 0, 0.22) !important;
}

body.lm-home-modern .lm-home-hero-lead {
    max-width: 560px !important;
    font-size: clamp(13px, 1.15vw, 15px) !important;
    line-height: 1.42 !important;
    color: rgba(255, 255, 255, 0.82) !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    padding: 12px 16px 14px !important;
    border-radius: 17px !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: linear-gradient(180deg, rgba(23, 54, 84, 0.94) 0%, rgba(16, 40, 64, 0.96) 100%) !important;
    box-shadow: 0 12px 30px rgba(8, 24, 44, 0.24) !important;
    backdrop-filter: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs {
    gap: 7px !important;
    padding: 0 0 9px !important;
    scrollbar-width: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs::-webkit-scrollbar {
    display: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 15px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    gap: 0 !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab .lm-category-icon-img,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab .lm-category-icon-emoji,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs > .tab img {
    display: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 9px !important;
}

body.lm-home-modern .lm-home-search-shell .field-double {
    gap: 9px !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl,
body.lm-home-modern .lm-home-search-shell .filter-trigger {
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 9px !important;
    padding: 0 30px 0 11px !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    border-color: rgba(219, 227, 236, 0.95) !important;
    box-shadow: none !important;
}

body.lm-home-modern .lm-home-search-shell .ctrl:hover,
body.lm-home-modern .lm-home-search-shell .filter-trigger:hover {
    transform: none !important;
    border-color: #b9c8d8 !important;
    box-shadow: 0 4px 12px rgba(8, 24, 44, 0.08) !important;
}

body.lm-home-modern .lm-home-search-shell .filter-trigger::after {
    right: 11px !important;
    font-size: 12px !important;
}

body.lm-home-modern .lm-home-search-shell .year-clear {
    right: 7px !important;
    width: 19px !important;
    height: 19px !important;
    font-size: 14px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-row {
    grid-template-columns: minmax(0, 1fr) 260px !important;
    gap: 12px !important;
    margin-top: 10px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch {
    min-height: 40px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch a,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch .muted {
    min-height: 40px !important;
    padding: 0 16px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-submit-main {
    min-height: 40px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.22) !important;
}

body.lm-home-modern .main.container {
    margin-top: 14px !important;
}

@media (max-width: 1180px) {
    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    body.lm-home-modern .lm-home-hero {
        padding: 18px 0 18px !important;
    }

    body.lm-home-modern .lm-home-hero-copy,
    body.lm-home-modern .lm-home-search-shell {
        width: min(100% - 22px, 1180px) !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-zone > .container {
        border-radius: 14px !important;
        padding: 12px !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 560px) {
    body.lm-home-modern .lm-home-hero h1 {
        font-size: 26px !important;
    }

    body.lm-home-modern .lm-home-search-shell .search-grid {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern .lm-home-search-shell .field-double {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern .lm-home-search-shell .ctrl,
    body.lm-home-modern .lm-home-search-shell .filter-trigger {
        min-height: 42px !important;
        height: 42px !important;
    }
}
/* LM_HOME_HERO_LIGHTER_V2_20260525_END */

/* LM_LIST_SEARCH_MODERN_V1_20260525_START */
/* =========================================================
   LiderMoto - lista ogłoszeń: nowoczesna wspólna wyszukiwarka
   Zakres: tylko wygląd wyszukiwarki na /ogloszenia-lista.php.
   Bez hero, bez zmian w PHP formularza, bez zmian w popupach.
   ========================================================= */

body.lm-list-modern .lm-list-search-zone {
    background: #eef3f8 !important;
    border-bottom: 1px solid #dce5ef !important;
    padding: 14px 0 16px !important;
}

body.lm-list-modern .lm-list-search-zone .search-zone {
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    padding: 0 !important;
}

body.lm-list-modern .lm-list-search-zone .search-zone > .container {
    width: min(1340px, calc(100% - 36px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 14px 16px 16px !important;
    border-radius: 18px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(24, 56, 86, 0.97) 0%, rgba(17, 43, 69, 0.98) 100%) !important;
    box-shadow: 0 14px 32px rgba(12, 34, 56, 0.18) !important;
    box-sizing: border-box !important;
}

body.lm-list-modern .lm-list-search-zone .tabs,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    align-items: stretch !important;
}

body.lm-list-modern .lm-list-search-zone .tab,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs > .tab {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: rgba(255,255,255,0.94) !important;
    color: #183653 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.lm-list-modern .lm-list-search-zone .tab:hover,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs > .tab:hover {
    background: #ffffff !important;
    border-color: rgba(255,255,255,0.38) !important;
    color: #0f2f4f !important;
    transform: translateY(-1px) !important;
}

body.lm-list-modern .lm-list-search-zone .tab.active,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs > .tab.active {
    background: #2563eb !important;
    border-color: #2563eb !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(37, 99, 235, 0.28) !important;
}

body.lm-list-modern .lm-list-search-zone .tab > span:first-child,
body.lm-list-modern .lm-list-search-zone .tab .lm-category-icon-img,
body.lm-list-modern .lm-list-search-zone .tab .lm-category-icon-emoji,
body.lm-list-modern .lm-list-search-zone .tab img,
body.lm-list-modern .lm-list-search-zone .tab .lm-tab-icon,
body.lm-list-modern .lm-list-search-zone .tab .lm-category-icon {
    display: none !important;
}

body.lm-list-modern .lm-list-search-zone .tab .lm-category-label {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.lm-list-modern .lm-list-search-zone .search-box {
    background: transparent !important;
    border: 0 !important;
    border-top: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    overflow: visible !important;
}

body.lm-list-modern .lm-list-search-zone .search-grid {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    align-items: stretch !important;
}

body.lm-list-modern .lm-list-search-zone .field,
body.lm-list-modern .lm-list-search-zone .field-double,
body.lm-list-modern .lm-list-search-zone .year-field,
body.lm-list-modern .lm-list-search-zone .filter-range-field {
    min-width: 0 !important;
}

body.lm-list-modern .lm-list-search-zone .field-double {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.lm-list-modern .lm-list-search-zone .ctrl,
body.lm-list-modern .lm-list-search-zone .filter-trigger {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 11px !important;
    border: 1px solid rgba(221, 229, 238, 0.95) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    color: #172f49 !important;
    padding: 0 32px 0 12px !important;
    box-shadow: 0 1px 0 rgba(255,255,255,0.72) inset !important;
    font-size: 12px !important;
    line-height: 44px !important;
    font-weight: 750 !important;
    text-align: left !important;
    transition: border-color .15s ease, box-shadow .15s ease, background .15s ease !important;
}

body.lm-list-modern .lm-list-search-zone .ctrl:hover,
body.lm-list-modern .lm-list-search-zone .filter-trigger:hover {
    border-color: #b7c7d8 !important;
    background: #ffffff !important;
    box-shadow: 0 7px 16px rgba(8, 24, 44, 0.08) !important;
    transform: none !important;
}

body.lm-list-modern .lm-list-search-zone .ctrl:focus,
body.lm-list-modern .lm-list-search-zone .filter-trigger:focus,
body.lm-list-modern .lm-list-search-zone .ctrl:focus-visible,
body.lm-list-modern .lm-list-search-zone .filter-trigger:focus-visible {
    outline: none !important;
    border-color: rgba(37, 99, 235, 0.72) !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.18) !important;
}

body.lm-list-modern .lm-list-search-zone .ctrl:disabled {
    background: rgba(232, 238, 245, 0.95) !important;
    color: #748396 !important;
    cursor: not-allowed !important;
}

body.lm-list-modern .lm-list-search-zone .filter-trigger::after {
    right: 12px !important;
    color: #6b7e92 !important;
    font-size: 12px !important;
}

body.lm-list-modern .lm-list-search-zone .year-clear {
    right: 7px !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 999px !important;
    color: #7b8796 !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

body.lm-list-modern .lm-list-search-zone .year-clear:hover {
    background: #eef3f8 !important;
    color: #d1222d !important;
}

body.lm-list-modern .lm-list-search-zone .lm-search-actions-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 260px !important;
    gap: 12px !important;
    align-items: center !important;
    margin-top: 11px !important;
}

body.lm-list-modern .lm-list-search-zone .search-bottom,
body.lm-list-modern .lm-list-search-zone .lm-filtr-szukaj {
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
}

body.lm-list-modern .lm-list-search-zone .type-switch {
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0 !important;
    border-radius: 11px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

body.lm-list-modern .lm-list-search-zone .type-switch a,
body.lm-list-modern .lm-list-search-zone .type-switch .muted {
    min-height: 42px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(221, 229, 238, 0.95) !important;
    border-right: 0 !important;
    background: rgba(255,255,255,0.94) !important;
    color: #223c56 !important;
    font-size: 12px !important;
    line-height: 42px !important;
    font-weight: 850 !important;
    border-radius: 0 !important;
}

body.lm-list-modern .lm-list-search-zone .type-switch a:first-child,
body.lm-list-modern .lm-list-search-zone .type-switch .muted:first-child {
    border-radius: 11px 0 0 11px !important;
}

body.lm-list-modern .lm-list-search-zone .type-switch a:last-child,
body.lm-list-modern .lm-list-search-zone .type-switch .muted:last-child {
    border-right: 1px solid rgba(221, 229, 238, 0.95) !important;
    border-radius: 0 11px 11px 0 !important;
}

body.lm-list-modern .lm-list-search-zone .type-switch a.is-active {
    background: #ffffff !important;
    color: #0f2f4f !important;
    box-shadow: inset 0 -3px 0 #2563eb !important;
}

body.lm-list-modern .lm-list-search-zone .lm-search-submit-main,
body.lm-list-modern .lm-list-search-zone .search-submit {
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: #2563eb !important;
    color: #ffffff !important;
    padding: 0 18px !important;
    box-shadow: 0 9px 18px rgba(37, 99, 235, 0.25) !important;
    font-size: 13px !important;
    line-height: 42px !important;
    font-weight: 900 !important;
    cursor: pointer !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.lm-list-modern .lm-list-search-zone .lm-search-submit-main:hover,
body.lm-list-modern .lm-list-search-zone .search-submit:hover {
    background: #1d4ed8 !important;
    transform: translateY(-1px) !important;
}

body.lm-list-modern .lm-list-shell {
    padding-top: 16px !important;
}

@media (max-width: 1180px) {
    body.lm-list-modern .lm-list-search-zone .search-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.lm-list-modern .lm-list-search-zone .tabs,
    body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 860px) {
    body.lm-list-modern .lm-list-search-zone {
        padding: 10px 0 12px !important;
    }

    body.lm-list-modern .lm-list-search-zone .search-zone > .container {
        width: min(100% - 22px, 1340px) !important;
        padding: 12px !important;
        border-radius: 15px !important;
    }

    body.lm-list-modern .lm-list-search-zone .search-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.lm-list-modern .lm-list-search-zone .lm-search-actions-row {
        grid-template-columns: 1fr !important;
    }

    body.lm-list-modern .lm-list-search-zone .type-switch {
        max-width: 100% !important;
        overflow-x: auto !important;
        scrollbar-width: none !important;
    }

    body.lm-list-modern .lm-list-search-zone .type-switch::-webkit-scrollbar {
        display: none !important;
    }
}

@media (max-width: 560px) {
    body.lm-list-modern .lm-list-search-zone .tabs,
    body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.lm-list-modern .lm-list-search-zone .search-grid,
    body.lm-list-modern .lm-list-search-zone .field-double {
        grid-template-columns: 1fr !important;
    }
}
/* LM_LIST_SEARCH_MODERN_V1_20260525_END */

/* =========================================================
   LiderMoto - Hero gradient premium v5 20260525
   Zakres: tylko kolor/tło Hero na stronie głównej.
   Korekta: rozjaśnienie zaczyna się wcześniej, ale lewa strona zostaje ciemna.
   Bez obrazka, bez zmian w filtrach, popupach i liście ogłoszeń.
   ========================================================= */

body.lm-home-modern .lm-home-hero {
    background:
        radial-gradient(circle at 82% 18%,
            rgba(255, 255, 255, 0.30) 0%,
            rgba(255, 255, 255, 0.16) 24%,
            rgba(255, 255, 255, 0.00) 54%
        ),
        linear-gradient(90deg,
            #07131f 0%,
            #0b2035 24%,
            #31465b 52%,
            #8292a4 78%,
            #c5d1df 100%
        ) !important;
}

body.lm-home-modern .lm-home-hero::after {
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.050) 0%,
            rgba(255, 255, 255, 0.00) 42%
        ),
        radial-gradient(circle at 70% 44%,
            rgba(37, 99, 235, 0.09) 0%,
            rgba(37, 99, 235, 0.00) 50%
        ) !important;
}



/* =========================================================
   LiderMoto - Hero gradient premium v6 20260525
   Zakres: tylko kolor/tło Hero na stronie głównej.
   Korekta: rozjaśnienie zaczyna się jeszcze wcześniej.
   Lewa część nadal czytelna pod biały tekst, prawa część jasna.
   Bez obrazka, bez zmian w filtrach, popupach i liście ogłoszeń.
   ========================================================= */

body.lm-home-modern .lm-home-hero {
    background:
        radial-gradient(circle at 78% 18%,
            rgba(255, 255, 255, 0.34) 0%,
            rgba(255, 255, 255, 0.18) 28%,
            rgba(255, 255, 255, 0.00) 58%
        ),
        linear-gradient(90deg,
            #07131f 0%,
            #10283d 18%,
            #40566b 42%,
            #8897a8 70%,
            #c7d2df 100%
        ) !important;
}

body.lm-home-modern .lm-home-hero::after {
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.055) 0%,
            rgba(255, 255, 255, 0.00) 42%
        ),
        radial-gradient(circle at 64% 40%,
            rgba(37, 99, 235, 0.075) 0%,
            rgba(37, 99, 235, 0.00) 52%
        ) !important;
}
/* LM_HOME_HERO_GRADIENT_V6_20260525_END */

/* =========================================================
   LiderMoto - Hero gradient premium v7 20260525
   Zakres: tylko kolor/tło Hero na stronie głównej.
   Korekta: pasek rozjaśnia się szybciej od lewej do prawej.
   Lewa krawędź zostaje ciemna pod biały tekst, ale przejście w stal i jasność zaczyna się wcześniej.
   Bez obrazka, bez zmian w filtrach, popupach i liście ogłoszeń.
   ========================================================= */

body.lm-home-modern .lm-home-hero {
    background:
        radial-gradient(circle at 72% 18%,
            rgba(255, 255, 255, 0.38) 0%,
            rgba(255, 255, 255, 0.22) 30%,
            rgba(255, 255, 255, 0.00) 62%
        ),
        linear-gradient(90deg,
            #07131f 0%,
            #173047 12%,
            #52677c 32%,
            #9aa7b6 58%,
            #c9d3df 100%
        ) !important;
}

body.lm-home-modern .lm-home-hero::after {
    background:
        linear-gradient(180deg,
            rgba(255, 255, 255, 0.060) 0%,
            rgba(255, 255, 255, 0.00) 42%
        ),
        radial-gradient(circle at 56% 38%,
            rgba(37, 99, 235, 0.060) 0%,
            rgba(37, 99, 235, 0.00) 54%
        ) !important;
}
/* LM_HOME_HERO_GRADIENT_V7_20260525_END */


/* =========================================================
   LiderMoto - HOME align search with promo grid v8 20260525
   Zakres: tylko szerokość i wyrównanie wyszukiwarki na stronie głównej.
   Cel: lewa/prawa krawędź panelu filtrów ma zaczynać się równo z siatką promowanych ogłoszeń poniżej.
   Bez zmian w logice filtrów, popupach i Ofercie dnia.
   ========================================================= */

body.lm-home-modern .lm-home-hero-copy,
body.lm-home-modern .lm-home-search-shell {
    width: min(1240px, calc(100% - 24px)) !important;
    max-width: 1240px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    width: 100% !important;
    max-width: none !important;
}

body.lm-home-modern .main.container {
    width: min(1240px, calc(100% - 24px)) !important;
}

@media (max-width: 760px) {
    body.lm-home-modern .lm-home-hero-copy,
    body.lm-home-modern .lm-home-search-shell,
    body.lm-home-modern .main.container {
        width: min(100% - 18px, 1240px) !important;
    }
}
/* LM_HOME_SEARCH_ALIGN_PROMO_GRID_V8_20260525_END */

/* =========================================================
   LiderMoto - kategorie w wyszukiwarce: równe kafelki + Więcej v9
   - pobieramy wszystkie kategorie z bazy,
   - widoczne kafelki mają równą długość,
   - nadmiar trafia automatycznie do kafelka Więcej,
   - ikony w górnym pasku kategorii są ukryte.
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    --lm-category-tile-min: 132px;
    display: flex !important;
    grid-template-columns: none !important;
    gap: 8px !important;
    align-items: stretch !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    flex: 1 1 0 !important;
    min-width: var(--lm-category-tile-min) !important;
    max-width: none !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 48px !important;
    height: 48px !important;
    width: 100% !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: rgba(255,255,255,0.96) !important;
    color: #0e263d !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab.active,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab.active {
    background: #2f66ea !important;
    border-color: #2f66ea !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(47,102,234,0.22) !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab:hover,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab:hover,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab:hover,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:hover,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:hover,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:hover {
    transform: none !important;
    background: #ffffff !important;
    color: #0e263d !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab.active:hover,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab.active:hover,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab.active:hover {
    background: #2f66ea !important;
    color: #ffffff !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
.search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child {
    display: none !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-label {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.lm-category-more-wrap {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    min-width: var(--lm-category-tile-min) !important;
    z-index: 50 !important;
}

.lm-category-more-wrap[hidden] {
    display: none !important;
}

.lm-category-more-button {
    font-family: inherit !important;
}

.lm-category-more-caret {
    font-size: 12px !important;
    transform: translateY(1px) !important;
}

.lm-category-more-menu {
    position: absolute !important;
    top: calc(100% + 9px) !important;
    right: 0 !important;
    min-width: 245px !important;
    max-width: min(360px, calc(100vw - 28px)) !important;
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(8,24,44,0.20) !important;
    padding: 8px !important;
    display: none !important;
    z-index: 10020 !important;
}

.lm-category-more-wrap.is-open .lm-category-more-menu {
    display: grid !important;
    gap: 4px !important;
}

.lm-category-more-item {
    display: flex !important;
    align-items: center !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    color: #0e263d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.lm-category-more-item:hover,
.lm-category-more-item.active {
    background: #edf4ff !important;
    color: #1f55d8 !important;
    text-decoration: none !important;
}

.lm-category-more-item .lm-category-icon-wrap,
.lm-category-more-item .lm-category-icon-img,
.lm-category-more-item .lm-category-icon-emoji {
    display: none !important;
}

@media (max-width: 900px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        --lm-category-tile-min: 118px;
        gap: 7px !important;
    }
}

@media (max-width: 640px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        --lm-category-tile-min: 104px;
        overflow-x: visible !important;
    }

    .lm-category-more-menu {
        left: auto !important;
        right: 0 !important;
    }
}



/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v10: stałe 7 + Więcej
   Cel:
   - 7 kategorii widocznych w belce,
   - 8. równy kafelek to Więcej,
   - Autokary, Kampery i kolejne aktywne kategorie trafiają do menu,
   - wszystkie widoczne kafelki mają równą szerokość i większą wysokość.
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 8px !important;
    align-items: stretch !important;
    padding: 0 0 10px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    position: relative !important;
    overflow: visible !important;
}

.search-zone .container > .tabs.lm-category-tabs.lm-category-tabs--no-more,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs.lm-category-tabs--no-more,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs.lm-category-tabs--no-more {
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
    flex: none !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 48px !important;
    height: 48px !important;
    width: 100% !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,0.18) !important;
    background: rgba(255,255,255,0.96) !important;
    color: #0e263d !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab.active,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab.active,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab.active,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active {
    background: #2f66ea !important;
    border-color: #2f66ea !important;
    color: #ffffff !important;
    box-shadow: 0 8px 18px rgba(47,102,234,0.22) !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
.search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
.search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-img,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-icon-emoji,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab > span:first-child {
    display: none !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-label {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.lm-category-more-wrap {
    position: relative !important;
    display: flex !important;
    align-items: stretch !important;
    min-width: 0 !important;
    width: 100% !important;
    z-index: 50 !important;
}

.lm-category-more-menu {
    position: absolute !important;
    top: calc(100% + 9px) !important;
    right: 0 !important;
    min-width: 250px !important;
    max-width: min(380px, calc(100vw - 28px)) !important;
    background: #ffffff !important;
    border: 1px solid #d9e2ec !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(8,24,44,0.20) !important;
    padding: 8px !important;
    display: none !important;
    z-index: 10020 !important;
}

.lm-category-more-wrap.is-open .lm-category-more-menu {
    display: grid !important;
    gap: 4px !important;
}

.lm-category-more-item {
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    color: #0e263d !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.lm-category-more-item:hover,
.lm-category-more-item.active {
    background: #edf4ff !important;
    color: #1f55d8 !important;
    text-decoration: none !important;
}

.lm-category-more-item .lm-category-icon-wrap,
.lm-category-more-item .lm-category-icon-img,
.lm-category-more-item .lm-category-icon-emoji {
    display: none !important;
}

@media (max-width: 1100px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .lm-category-more-menu {
        left: auto !important;
        right: 0 !important;
    }
}


/* LM_CATEGORIES_MORE_V12_19CATS: menu Więcej ma komplet 19 kategorii z panelu/admin-katalogu; układ 7 + Więcej zostaje bez zmian. */


/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v12: komplet 19 kategorii
   Cel:
   - belka: 7 kategorii + Więcej,
   - menu Więcej może pomieścić komplet kategorii z panelu administratora,
   - nie ucinamy długiej listy przy mniejszej wysokości okna.
   ========================================================= */

.lm-category-more-menu {
    max-height: min(70vh, 620px) !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
}

.lm-category-more-menu::-webkit-scrollbar {
    width: 8px !important;
}

.lm-category-more-menu::-webkit-scrollbar-thumb {
    background: rgba(30, 62, 96, 0.24) !important;
    border-radius: 999px !important;
}

.lm-category-more-menu::-webkit-scrollbar-track {
    background: transparent !important;
}

/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v13: wyższe kafelki
   Cel:
   - zostaje układ 7 kategorii + Więcej,
   - 12 pozycji w menu Więcej to pozostałe kategorie z kompletu 19,
   - kafelki w górnym pasku są wyraźnie wyższe i równe.
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 0 12px !important;
    align-items: stretch !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 999px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-label {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    text-align: center !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret {
    margin-left: 4px !important;
    font-size: 12px !important;
}

/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v14: menu Więcej nad ogłoszeniami
   Zakres:
   - dropdown Więcej ma być nad sekcją promowanych, ale pod pełnymi popupami filtrów,
   - kafelek Więcej jest mniejszy/smuklejszy,
   - 7 głównych kategorii jest trochę szersze i czytelniejsze,
   - czcionki kategorii są wyrównane.
   ========================================================= */

body.lm-home-modern .lm-home-hero,
body.lm-home-modern .lm-home-search-shell,
body.lm-home-modern .lm-home-search-shell .search-zone,
body.lm-home-modern .lm-home-search-shell .search-zone > .container,
.search-zone,
.search-zone > .container,
.search-zone .search-box,
.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone,
.lm-list-search-zone .search-zone,
.lm-list-search-zone .search-zone > .container,
.lm-list-search-zone .search-zone .search-box,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs {
    overflow: visible !important;
}

body.lm-home-modern .lm-home-hero {
    position: relative !important;
    z-index: 30 !important;
}

body.lm-home-modern .main.container {
    position: relative !important;
    z-index: 1 !important;
}

body.lm-home-modern .lm-home-search-shell,
.search-zone,
.lm-list-search-zone .search-zone {
    position: relative !important;
    z-index: 60 !important;
}

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    grid-template-columns: repeat(7, minmax(128px, 1fr)) minmax(104px, .72fr) !important;
    gap: 10px !important;
    align-items: stretch !important;
    position: relative !important;
    z-index: 80 !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab {
    min-height: 62px !important;
    height: 62px !important;
    padding: 0 14px !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-label {
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 1.08 !important;
    letter-spacing: -0.01em !important;
    text-align: center !important;
}

.lm-category-more-wrap {
    position: relative !important;
    z-index: 1200 !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 62px !important;
    height: 62px !important;
    padding: 0 10px !important;
    gap: 5px !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child {
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 16px !important;
    height: 16px !important;
    margin-left: 2px !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    transform: translateY(1px) !important;
    transition: transform .14s ease !important;
}

.lm-category-more-wrap.is-open .lm-category-more-caret {
    transform: translateY(1px) rotate(180deg) !important;
}

.lm-category-more-menu {
    z-index: 1500 !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    min-width: 270px !important;
    max-width: min(390px, calc(100vw - 28px)) !important;
    max-height: min(58vh, 520px) !important;
    padding: 8px !important;
    border-radius: 14px !important;
    box-shadow: 0 20px 48px rgba(8,24,44,0.24) !important;
}

.lm-category-more-head {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    min-height: 38px !important;
    margin: -1px -1px 6px !important;
    padding: 0 4px 6px 10px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #edf2f7 !important;
    color: #5d6d80 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .03em !important;
}

.lm-category-more-close {
    width: 28px !important;
    height: 28px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: #f1f5f9 !important;
    color: #52677f !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.lm-category-more-close:hover {
    background: #e6edf5 !important;
    color: #d52e2c !important;
}

.lm-category-more-item {
    min-height: 42px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.1 !important;
}

/* Pełne popupy filtrów mają zostać ważniejsze niż krótkie menu Więcej. */
.filter-modal,
.filter-modal.is-open {
    z-index: 9999 !important;
}

@media (max-width: 1180px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 640px) {
    .search-zone .container > .tabs.lm-category-tabs,
    .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
    body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .lm-category-more-menu {
        left: auto !important;
        right: 0 !important;
        min-width: min(280px, calc(100vw - 28px)) !important;
    }
}
/* LM_CATEGORIES_MORE_V14_MENU_ABOVE_END */


/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v15: niższe kafelki
   Zakres:
   - zmniejszamy wysokość kafelków kategorii o ok. 1/4 względem v14,
   - zostaje układ 7 kategorii + Więcej,
   - wszystkie kafelki nadal są równe,
   - czcionki w kategoriach są spokojniejsze i wyrównane,
   - menu Więcej pozostaje nad sekcją promowanych i pod pełnymi popupami.
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    gap: 10px !important;
    padding: 0 0 10px !important;
    align-items: stretch !important;
}

.search-zone .container > .tabs.lm-category-tabs > .tab,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 46px !important;
    height: 46px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-label {
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.005em !important;
    text-align: center !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    gap: 4px !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button > span:first-child {
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -0.015em !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret {
    width: 14px !important;
    height: 14px !important;
    margin-left: 1px !important;
    font-size: 11px !important;
    transform: translateY(1px) !important;
}

.lm-category-more-wrap.is-open .lm-category-more-caret {
    transform: translateY(1px) rotate(180deg) !important;
}

/* LM_CATEGORIES_MORE_V15_TABS_LOWER_END */


/* =========================================================
   LiderMoto - kategorie w wyszukiwarce v16: komplet kategorii w Więcej
   Cel:
   - w menu Więcej ma być od razu widoczny komplet pozostałych kategorii,
   - układ 2-kolumnowy na desktopie pokazuje także Ogrodnicze i Części,
   - na małych ekranach wracamy do jednej kolumny ze scrollem,
   - popupy filtrów nadal mają najwyższy priorytet.
   ========================================================= */

.lm-category-more-wrap.is-open .lm-category-more-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(190px, 1fr)) !important;
    column-gap: 8px !important;
    row-gap: 5px !important;
}

.lm-category-more-menu {
    width: min(520px, calc(100vw - 32px)) !important;
    min-width: min(520px, calc(100vw - 32px)) !important;
    max-width: min(520px, calc(100vw - 32px)) !important;
    max-height: min(72vh, 620px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding: 8px !important;
}

.lm-category-more-head {
    grid-column: 1 / -1 !important;
    min-height: 34px !important;
    margin: 0 0 4px !important;
    padding: 0 4px 6px 10px !important;
}

.lm-category-more-item {
    min-height: 36px !important;
    height: 36px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    border-radius: 9px !important;
}

@media (max-width: 700px) {
    .lm-category-more-wrap.is-open .lm-category-more-menu {
        grid-template-columns: 1fr !important;
    }

    .lm-category-more-menu {
        width: min(300px, calc(100vw - 28px)) !important;
        min-width: min(300px, calc(100vw - 28px)) !important;
        max-width: min(300px, calc(100vw - 28px)) !important;
        max-height: min(70vh, 560px) !important;
    }

    .lm-category-more-item {
        min-height: 38px !important;
        height: 38px !important;
    }
}
/* LM_CATEGORIES_MORE_V16_2COLS_END */


/* =========================================================
   LiderMoto - filtry jako wyższe kafelki v17: pierwszy rząd
   Zakres:
   - pierwszy rząd: Marka / Model / Generacja / Typ i nadwozie,
   - stała etykieta na górze kafelka,
   - wartość/placeholder pod etykietą,
   - niebieski pasek po lewej przy aktywnej wartości,
   - bez zmian w mechanice selectów i popupów.
   ========================================================= */

body.lm-home-modern .search-zone .lm-filter-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card,
body.lm-list-modern .search-zone .lm-filter-card {
    position: relative !important;
    min-height: 66px !important;
    height: 66px !important;
    overflow: visible !important;
    border-radius: 14px !important;
    background: #f9fbff !important;
    box-shadow: 0 8px 18px rgba(6, 20, 36, 0.08) !important;
}

body.lm-home-modern .search-zone .lm-filter-card::before,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card::before,
body.lm-list-modern .search-zone .lm-filter-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 0;
    border-radius: 0 999px 999px 0;
    background: #2f6bed;
    transition: width .16s ease;
    z-index: 2;
}

body.lm-home-modern .search-zone .lm-filter-card.has-value::before,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value::before,
body.lm-list-modern .search-zone .lm-filter-card.has-value::before {
    width: 4px;
}

body.lm-home-modern .search-zone .lm-filter-card .lm-filter-label,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .lm-filter-label,
body.lm-list-modern .search-zone .lm-filter-card .lm-filter-label {
    position: absolute;
    left: 18px;
    top: 10px;
    z-index: 4;
    color: #5b6b82;
    font-size: 12px;
    line-height: 1;
    font-weight: 900;
    pointer-events: none;
}

body.lm-home-modern .search-zone .lm-filter-card .ctrl,
body.lm-home-modern .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger {
    width: 100% !important;
    min-height: 66px !important;
    height: 66px !important;
    padding: 28px 42px 9px 18px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(203, 214, 228, 0.96) !important;
    background: #f9fbff !important;
    color: #66768c !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    box-shadow: none !important;
    text-align: left !important;
}

body.lm-home-modern .search-zone .lm-filter-card.has-value .ctrl,
body.lm-home-modern .search-zone .lm-filter-card.has-value .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-card.has-value .filter-trigger {
    color: #0f243c !important;
    font-weight: 900 !important;
    padding-left: 22px !important;
}

body.lm-home-modern .search-zone .lm-filter-card .ctrl:focus,
body.lm-home-modern .search-zone .lm-filter-card .filter-trigger:focus,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .ctrl:focus,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger:focus,
body.lm-list-modern .search-zone .lm-filter-card .ctrl:focus,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger:focus {
    border-color: rgba(47, 107, 237, .7) !important;
    box-shadow: 0 0 0 3px rgba(47, 107, 237, .14) !important;
    outline: none !important;
}

body.lm-home-modern .search-zone .lm-filter-card .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .year-clear,
body.lm-list-modern .search-zone .lm-filter-card .year-clear {
    right: 12px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 7 !important;
    width: 22px !important;
    height: 22px !important;
    border-radius: 6px !important;
    background: rgba(15, 35, 60, 0.06) !important;
    color: #8b97a7 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
}

body.lm-home-modern .search-zone .lm-filter-card.has-value .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .year-clear,
body.lm-list-modern .search-zone .lm-filter-card.has-value .year-clear {
    display: inline-flex !important;
}

body.lm-home-modern .search-zone .lm-filter-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-card.has-value .ctrl {
    padding-right: 46px !important;
}

@media (max-width: 900px) {
    body.lm-home-modern .search-zone .lm-filter-card,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card,
    body.lm-list-modern .search-zone .lm-filter-card,
    body.lm-home-modern .search-zone .lm-filter-card .ctrl,
    body.lm-home-modern .search-zone .lm-filter-card .filter-trigger,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .ctrl,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger,
    body.lm-list-modern .search-zone .lm-filter-card .ctrl,
    body.lm-list-modern .search-zone .lm-filter-card .filter-trigger {
        min-height: 62px !important;
        height: 62px !important;
    }
}


/* =========================================================
   LiderMoto - v18: poprawki pierwszego wiersza filtrów i kategorii
   Zakres:
   - równa szerokość 7 kategorii + kafelka Więcej,
   - gdy aktywna kategoria jest z menu Więcej, jej nazwa pokazuje się na kafelku Więcej,
   - Rok od / Rok do wyrównane do nowych kafelków pierwszego wiersza,
   - krótsze placeholdery bez rozbijania układu.
   ========================================================= */

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
.search-zone .container > .tabs.lm-category-tabs {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 10px !important;
    align-items: stretch !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .tab,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.search-zone .container > .tabs.lm-category-tabs > .tab,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    min-height: 46px !important;
    height: 46px !important;
    width: 100% !important;
    padding: 0 10px !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

body.lm-home-modern .search-zone .lm-filter-double-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card,
body.lm-list-modern .search-zone .lm-filter-double-card {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    min-height: 66px !important;
    height: 66px !important;
    align-items: stretch !important;
}

body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card,
body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card {
    min-width: 0 !important;
    min-height: 66px !important;
    height: 66px !important;
}

body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card .ctrl {
    min-height: 66px !important;
    height: 66px !important;
    padding: 28px 36px 9px 18px !important;
    font-size: 15px !important;
    font-weight: 850 !important;
}

body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card.has-value .ctrl {
    padding-left: 22px !important;
}

body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card .lm-filter-label,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card .lm-filter-label,
body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card .lm-filter-label {
    left: 18px !important;
    top: 10px !important;
}

body.lm-home-modern .search-zone .lm-filter-card select.ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card select.ctrl,
body.lm-list-modern .search-zone .lm-filter-card select.ctrl {
    text-overflow: ellipsis !important;
}

@media (max-width: 900px) {
    body.lm-home-modern .search-zone .lm-filter-double-card,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card,
    body.lm-list-modern .search-zone .lm-filter-double-card {
        min-height: 62px !important;
        height: 62px !important;
        gap: 10px !important;
    }

    body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card,
    body.lm-home-modern .search-zone .lm-filter-double-card .lm-filter-card .ctrl,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card,
    body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-double-card .lm-filter-card .ctrl,
    body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card,
    body.lm-list-modern .search-zone .lm-filter-double-card .lm-filter-card .ctrl {
        min-height: 62px !important;
        height: 62px !important;
    }
}
/* LM_FILTER_ROW_V18_FIXES_END */

/* =========================================================
   LiderMoto - v19: rok produkcji jako jeden kompaktowy kafelek
   Zakres:
   - Rok od / Rok do wyglądają jak jedna wspólna kolumna z podziałem na pół,
   - mniejsza przerwa między połówkami daje więcej miejsca na tekst "Wybierz",
   - bez zmian mechaniki selectów.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-year-combined,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined,
body.lm-list-modern .search-zone .lm-filter-year-combined {
    gap: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f9fbff !important;
    border: 1px solid rgba(203, 214, 228, 0.96) !important;
    box-shadow: 0 8px 18px rgba(6, 20, 36, 0.08) !important;
}

body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card:first-child,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card:first-child,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card:first-child {
    border-right: 1px solid rgba(203, 214, 228, 0.96) !important;
}

body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-right: 30px !important;
    font-size: 14px !important;
    text-overflow: clip !important;
}

body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card .year-clear,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card .year-clear {
    right: 6px !important;
}

body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card.has-value .ctrl {
    padding-right: 32px !important;
}
/* LM_FILTER_ROW_V19_YEAR_CLEAR_END */


/* =========================================================
   LiderMoto - v21: aktywna kategoria z menu „Więcej”
   Cel:
   - gdy długa kategoria z „Więcej” pokazuje się na kafelku,
     tekst ma zaczynać się od lewej i skracać jako „Autokary...”,
     zamiast centrować się i ucinać początek nazwy.
   - normalny kafelek „Więcej” pozostaje wizualnie lekki.
   ========================================================= */
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active {
    justify-content: flex-start !important;
    text-align: left !important;
    overflow: hidden !important;
    padding-left: 14px !important;
    padding-right: 10px !important;
    gap: 6px !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret,
body.lm-list-modern .lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret {
    flex: 0 0 auto !important;
    margin-left: 2px !important;
}
/* LM_MORE_ACTIVE_LABEL_V21_END */

/* =========================================================
   LiderMoto - v26: pole Fraza dopięte do trzeciego rzędu
   Zakres:
   - pole tekstowe "Fraza" wygląda jak pozostałe kafelki filtrów,
   - etykieta u góry, placeholder pod spodem,
   - niebieska lupa po prawej,
   - X do czyszczenia bez submitu formularza.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-phrase-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card,
body.lm-list-modern .search-zone .lm-filter-phrase-card {
    position: relative !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-phrase-card .ctrl {
    padding-right: 58px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-phrase-card.has-value .ctrl {
    padding-right: 82px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .lm-filter-search-icon,
body.lm-list-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon {
    position: absolute !important;
    right: 18px !important;
    top: 50% !important;
    z-index: 8 !important;
    transform: translateY(-50%) !important;
    color: #2f6bed !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    pointer-events: none !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .year-clear,
body.lm-list-modern .search-zone .lm-filter-phrase-card .year-clear {
    right: 46px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .ctrl::placeholder,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .ctrl::placeholder,
body.lm-list-modern .search-zone .lm-filter-phrase-card .ctrl::placeholder {
    color: #66768c !important;
    opacity: 1 !important;
    font-weight: 850 !important;
}
/* LM_FILTER_ROW_V26_PHRASE_END */


/* =========================================================
   LiderMoto - v27: aktywna lupa w polu „Wpisz czego szukasz”
   Cel:
   - etykieta pola zamiast „Fraza”,
   - lupa jest przyciskiem aktywnym dopiero po wpisaniu tekstu,
   - kliknięcie lupy wysyła główny formularz z aktualnymi filtrami.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-phrase-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-phrase-card .ctrl {
    padding-right: 58px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-phrase-card.has-value .ctrl {
    padding-right: 84px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .lm-filter-search-icon,
body.lm-list-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon {
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    z-index: 9 !important;
    width: 30px !important;
    height: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: translateY(-50%) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #8aa0ba !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: default !important;
    pointer-events: auto !important;
    opacity: .72 !important;
    transition: color .15s ease, background .15s ease, opacity .15s ease, transform .15s ease !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active,
body.lm-list-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active {
    color: #2563eb !important;
    cursor: pointer !important;
    opacity: 1 !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active:hover,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active:hover,
body.lm-list-modern .search-zone .lm-filter-phrase-card .lm-filter-search-icon.is-active:hover {
    background: rgba(37, 99, 235, 0.10) !important;
    transform: translateY(-50%) scale(1.04) !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .year-clear,
body.lm-list-modern .search-zone .lm-filter-phrase-card .year-clear {
    right: 47px !important;
}

body.lm-home-modern .search-zone .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern .search-zone .lm-filter-phrase-card .lm-filter-label {
    max-width: calc(100% - 48px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}
/* LM_FILTER_ROW_V27_PHRASE_SEARCH_END */


/* =========================================================
   LiderMoto - v28: Cena i Przebieg jak Rok produkcji
   Cel:
   - Cena od / Cena do jako jedna wspólna komórka dzielona na pół,
   - Przebieg od / Przebieg do jako jedna wspólna komórka dzielona na pół,
   - mniej pustych odstępów między połówkami,
   - wygląd spójny z kafelkiem Rok od / Rok do.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-combined-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card,
body.lm-list-modern .search-zone .lm-filter-combined-card {
    gap: 0 !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    background: #f9fbff !important;
    border: 1px solid rgba(203, 214, 228, 0.96) !important;
    box-shadow: 0 8px 18px rgba(6, 20, 36, 0.08) !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card {
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card:first-child,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card:first-child,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card:first-child {
    border-right: 1px solid rgba(203, 214, 228, 0.96) !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-right: 30px !important;
    font-size: 14px !important;
    text-overflow: ellipsis !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card .year-clear,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card .year-clear,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card .year-clear {
    right: 6px !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card.has-value .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card.has-value .ctrl,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card.has-value .ctrl {
    padding-right: 32px !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-label,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-label,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-label {
    max-width: calc(100% - 42px) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/* LM_FILTER_ROW_V28_PRICE_MILEAGE_COMBINED_END */


/* =========================================================
   LiderMoto - v29: końcowe etykiety filtrów bez wychodzenia poza ramki
   Cel:
   - Rok/Cena/Przebieg: dolna wartość pusta pokazuje tylko Od/Do,
   - kafelki popupów mają krótkie placeholdery,
   - teksty w kafelkach są ucinane wielokropkiem, nie wychodzą poza ramkę.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-card .ctrl,
body.lm-home-modern .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl {
    font-size: 14px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
}

body.lm-home-modern .search-zone .lm-filter-trigger-card .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-trigger-card .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-trigger-card .filter-trigger {
    max-width: 100% !important;
    padding-right: 34px !important;
}
/* LM_FILTER_ROW_V29_FINAL_LABELS_END */


/* =========================================================
   LiderMoto - v30: dolne placeholdery Od/Do w polach dzielonych
   Cel:
   - JS odbudowuje selecty jako Od/Do, nie pełne nazwy pól,
   - dodatkowo pilnujemy, żeby tekst w dolnej linii nie wychodził poza ramkę.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-home-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern .search-zone .lm-filter-combined-card .lm-filter-card .ctrl {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}
/* LM_FILTER_ROW_V30_LOWER_OD_DO_END */


/* =========================================================
   LiderMoto - v31: osobna ikona dla pól otwierających popup
   Cel:
   - zwykłe selecty zostają z lekkim chevronem przeglądarki,
   - pola popupów/modali .filter-trigger dostają ikonę otwierania panelu,
   - ikona nie koliduje z X czyszczenia przy wybranej wartości.
   ========================================================= */
body.lm-home-modern .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger,
body.lm-home-modern .lm-home-search-shell .filter-trigger,
body.lm-list-modern .lm-list-search-zone .filter-trigger,
.search-zone .filter-trigger {
    position: relative !important;
    padding-right: 42px !important;
}

body.lm-home-modern .search-zone .lm-filter-card .filter-trigger::after,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger::after,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger::after,
body.lm-home-modern .lm-home-search-shell .filter-trigger::after,
body.lm-list-modern .lm-list-search-zone .filter-trigger::after,
.search-zone .filter-trigger::after {
    content: "" !important;
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    width: 16px !important;
    height: 16px !important;
    transform: translateY(-50%) !important;
    opacity: .78 !important;
    pointer-events: none !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 16px 16px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23315b7a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.2 6V3.2H6'/%3E%3Cpath d='M10 3.2h2.8V6'/%3E%3Cpath d='M12.8 10v2.8H10'/%3E%3Cpath d='M6 12.8H3.2V10'/%3E%3C/svg%3E") !important;
}

body.lm-home-modern .search-zone .lm-filter-card .filter-trigger:hover::after,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card .filter-trigger:hover::after,
body.lm-list-modern .search-zone .lm-filter-card .filter-trigger:hover::after,
body.lm-home-modern .lm-home-search-shell .filter-trigger:hover::after,
body.lm-list-modern .lm-list-search-zone .filter-trigger:hover::after,
.search-zone .filter-trigger:hover::after {
    opacity: 1 !important;
}

/* Przy wybranej wartości pokazuje się X, więc ikona popupu znika, żeby nie było dwóch znaków po prawej. */
body.lm-home-modern .search-zone .lm-filter-card.has-value .filter-trigger::after,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .filter-trigger::after,
body.lm-list-modern .search-zone .lm-filter-card.has-value .filter-trigger::after,
.search-zone .lm-filter-card.has-value .filter-trigger::after {
    display: none !important;
}

body.lm-home-modern .search-zone .lm-filter-card.has-value .filter-trigger,
body.lm-list-modern .lm-list-search-zone .search-zone .lm-filter-card.has-value .filter-trigger,
body.lm-list-modern .search-zone .lm-filter-card.has-value .filter-trigger,
.search-zone .lm-filter-card.has-value .filter-trigger {
    padding-right: 46px !important;
}
/* LM_FILTER_ROW_V31_POPUP_ICON_END */

/* =========================================================
   LiderMoto - v32: belka Wszystkie/Nowe/Używane poza niebieską ramką
   Cel:
   - odchudzić panel filtrów,
   - wyciągnąć dolną belkę i przycisk Szukaj ofert pod ramkę wyszukiwarki,
   - zostawić sam formularz filtrów w granatowym panelu.
   ========================================================= */
.search-zone .lm-search-actions-shell,
.lm-list-search-zone .search-zone .lm-search-actions-shell {
    width: min(1240px, calc(100% - 32px)) !important;
    margin: 12px auto 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

.search-zone .lm-search-actions-shell .lm-search-actions-row,
.lm-list-search-zone .search-zone .lm-search-actions-shell .lm-search-actions-row {
    margin-top: 0 !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    padding-bottom: 18px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell {
    width: min(1240px, calc(100% - 32px)) !important;
    margin: 22px auto 0 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-row {
    margin-top: 0 !important;
    grid-template-columns: minmax(0, 1fr) 360px !important;
    gap: 28px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch {
    min-height: 50px !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, 0.98) !important;
    border: 1px solid rgba(212, 223, 235, 0.98) !important;
    box-shadow: 0 18px 38px rgba(9, 28, 50, 0.12) !important;
    overflow: hidden !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch a,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-tabs .type-switch .muted {
    min-height: 50px !important;
    padding: 0 22px !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-submit-main {
    min-height: 50px !important;
    border-radius: 999px !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, 0.25) !important;
}

body.lm-list-modern .lm-list-search-zone .search-zone .lm-search-actions-shell {
    width: min(1240px, calc(100% - 32px)) !important;
    margin-top: 14px !important;
}

@media (max-width: 900px) {
    body.lm-home-modern .lm-home-search-shell .lm-search-actions-row,
    .search-zone .lm-search-actions-shell .lm-search-actions-row,
    .lm-list-search-zone .search-zone .lm-search-actions-shell .lm-search-actions-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    .search-zone .lm-search-actions-shell,
    .lm-list-search-zone .search-zone .lm-search-actions-shell,
    body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell {
        width: min(100% - 22px, 1240px) !important;
        margin-top: 12px !important;
    }
}
/* LM_SEARCH_ACTIONS_OUTSIDE_V32_END */


/* =========================================================
   LiderMoto - v33: Więcej pokazuje aktywną kategorię + krótszy gradient Hero
   Cel:
   - po wyborze kategorii z menu „Więcej” kafelek pokazuje nazwę tej kategorii,
   - tło/gradient Hero nie schodzi już pod całą wyszukiwarkę i belkę akcji,
     tylko kończy się mniej więcej w połowie niebieskiego panelu filtrów.
   ========================================================= */
body.lm-home-modern .lm-home-hero {
    background: #eef3f8 !important;
    position: relative !important;
    overflow: visible !important;
}

body.lm-home-modern .lm-home-hero::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: calc(100% - 118px) !important;
    min-height: 305px !important;
    max-height: 430px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background:
        radial-gradient(circle at 88% 22%, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.11) 24%, rgba(255,255,255,0.00) 50%),
        linear-gradient(90deg,
            #07131f 0%,
            #193247 30%,
            #657687 63%,
            #c9d4e2 100%
        ) !important;
}

body.lm-home-modern .lm-home-hero::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: calc(100% - 118px) !important;
    min-height: 305px !important;
    max-height: 430px !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.00) 46%),
        radial-gradient(circle at 18% 10%, rgba(247, 179, 19, 0.10), transparent 28%) !important;
}

body.lm-home-modern .lm-home-hero-copy,
body.lm-home-modern .lm-home-search-shell {
    position: relative !important;
    z-index: 2 !important;
}

body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell {
    position: relative !important;
    z-index: 3 !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    position: relative !important;
    z-index: 3 !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-button-label {
    display: block !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label {
    display: inline-block !important;
    text-align: center !important;
}

@media (max-width: 900px) {
    body.lm-home-modern .lm-home-hero::before,
    body.lm-home-modern .lm-home-hero::after {
        height: calc(100% - 90px) !important;
        min-height: 280px !important;
    }
}
/* LM_MORE_HERO_TRIM_V33_END */


/* =========================================================
   LiderMoto - Oferta dnia modern v34
   Zakres: tylko główna Oferta dnia.
   Mechanika rotatora, AJAX i dobór ogłoszeń zostają bez zmian.
   ========================================================= */

#lm-oferta-dnia-rotator.lm-offer-day-modern,
#lm-oferta-dnia-rotator.lm-offer-day-modern.center-card {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    display: flex !important;
    flex-direction: column !important;
    background: #183a59 !important;
    border: 8px solid #183a59 !important;
    border-radius: 18px !important;
    overflow: hidden !important;
    box-shadow: 0 18px 34px rgba(16, 42, 66, 0.18) !important;
    box-sizing: border-box !important;
    transform: none !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern:hover {
    transform: none !important;
    box-shadow: 0 20px 38px rgba(16, 42, 66, 0.22) !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-main-link {
    flex: 0 0 350px !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    background: #eef2f5 !important;
    border-radius: 10px 10px 0 0 !important;
    color: inherit !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media {
    width: 100% !important;
    height: 350px !important;
    min-height: 350px !important;
    max-height: 350px !important;
    position: relative !important;
    display: block !important;
    overflow: hidden !important;
    background: linear-gradient(180deg, #f1f4f7 0%, #dfe6ed 100%) !important;
    border: 0 !important;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media img {
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-placeholder {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: linear-gradient(180deg, #f1f4f7 0%, #dfe6ed 100%) !important;
    color: #5f7082 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-badge {
    position: absolute !important;
    z-index: 5 !important;
    top: 18px !important;
    left: 20px !important;
    min-width: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-radius: 7px !important;
    background: #ef1d35 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 18px rgba(239, 29, 53, 0.28) !important;
    white-space: nowrap !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-bottom {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    background: #183a59 !important;
    color: #0d243d !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-info {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 116px !important;
    max-height: none !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
        "title price"
        "specs price" !important;
    column-gap: 22px !important;
    align-items: center !important;
    background: #ffffff !important;
    color: #0d243d !important;
    text-decoration: none !important;
    padding: 20px 24px 17px !important;
    border: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-title {
    grid-area: title !important;
    margin: 0 0 12px 0 !important;
    max-height: none !important;
    color: #082848 !important;
    font-size: 21px !important;
    line-height: 1.15 !important;
    font-weight: 950 !important;
    letter-spacing: -0.02em !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-specs {
    grid-area: specs !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
    min-width: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-spec {
    min-width: 0 !important;
    display: block !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-spec strong {
    display: block !important;
    margin: 0 0 6px !important;
    color: #7c8998 !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .035em !important;
    white-space: nowrap !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-spec em {
    display: block !important;
    color: #082848 !important;
    font-style: normal !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-meta-row {
    display: contents !important;
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-meta {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-price {
    grid-area: price !important;
    align-self: end !important;
    justify-self: end !important;
    color: #e3132c !important;
    font-size: clamp(24px, 2.2vw, 31px) !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    white-space: nowrap !important;
    text-align: right !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control {
    flex: 0 0 46px !important;
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    gap: 10px !important;
    background: #183a59 !important;
    color: #ffffff !important;
    border: 0 !important;
    padding: 0 12px !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    display: flex !important;
    align-items: center !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left {
    justify-content: flex-start !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    justify-content: flex-end !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-play,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-next {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    border: 1px solid rgba(255,255,255,.28) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.12) !important;
    color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    opacity: .92 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-play {
    font-size: 12px !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-play:disabled,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-next:disabled {
    opacity: .42 !important;
    cursor: default !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dots {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 !important;
    margin: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot {
    position: relative !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.43) !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active {
    width: 26px !important;
    min-width: 26px !important;
    background: rgba(255,255,255,.28) !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot-progress {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 0 !important;
    height: 100% !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffffff !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active .lm-offer-day-dot-progress {
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

@keyframes lmOfferDayDotProgress {
    from { width: 0; }
    to { width: 100%; }
}

@media (max-width: 980px) {
    #lm-oferta-dnia-rotator.lm-offer-day-modern,
    #lm-oferta-dnia-rotator.lm-offer-day-modern.center-card {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-main-link,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media {
        height: 320px !important;
        min-height: 320px !important;
        max-height: 320px !important;
        flex: 0 0 320px !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-info {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "specs"
            "price" !important;
        row-gap: 12px !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-price {
        justify-self: start !important;
        align-self: start !important;
    }
}

@media (max-width: 640px) {
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px 16px !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-title {
        white-space: normal !important;
    }
}
/* LM_OFFER_DAY_MODERN_V34_END */


/* =========================================================
   LiderMoto - Oferta dnia v35: kropki na samym dole
   Zakres: tylko główna Oferta dnia.
   - dane ogłoszenia zostają w białym panelu pod zdjęciem,
   - pasek sterowania z kropkami jest ostatnim elementem na dole,
   - aktywna kropka zachowuje pasek postępu.
   ========================================================= */

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-bottom {
    display: flex !important;
    flex-direction: column !important;
    background: #183a59 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-info {
    order: 1 !important;
    flex: 1 1 auto !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control {
    order: 2 !important;
    flex: 0 0 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    background: #183a59 !important;
    border-top: 0 !important;
    padding: 0 12px !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dots {
    justify-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left {
    justify-content: flex-start !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    justify-content: flex-end !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot {
    position: relative !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot .lm-offer-day-dot-progress {
    pointer-events: none !important;
}


/* =========================================================
   LiderMoto - Oferta dnia v36: badge na centralnym zdjęciu,
   kropki zawsze na środku dolnego granatowego paska
   ========================================================= */

/* Jeżeli jakikolwiek badge Oferty dnia pojawi się w bocznych kartach Basic,
   chowamy go tam. Badge ma należeć tylko do centralnej Oferty dnia. */
.promo-wrap .stack .lm-offer-day-badge,
.promo-wrap .mini-card .lm-offer-day-badge,
.promo-wrap .listing-card .lm-offer-day-badge {
    display: none !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media {
    position: relative !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media .lm-offer-day-badge,
#lm-oferta-dnia-rotator.lm-offer-day-modern > .lm-offer-day-main-link .lm-offer-day-badge {
    display: inline-flex !important;
    position: absolute !important;
    z-index: 20 !important;
    top: 18px !important;
    left: 20px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 40px) !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 14px !important;
    border-radius: 7px !important;
    background: #ef1d35 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 18px rgba(239, 29, 53, 0.28) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 12px !important;
    background: #183a59 !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    position: static !important;
    flex: 0 0 64px !important;
    width: 64px !important;
    min-width: 64px !important;
    z-index: 3 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left {
    justify-content: flex-start !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    justify-content: flex-end !important;
}

/* Ten zapis działa zarówno gdy .lm-offer-day-dots jest bezpośrednio w pasku,
   jak i gdy zewnętrzny JS włoży go do .lm-offer-day-control-left. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dots {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    min-width: 0 !important;
    max-width: calc(100% - 150px) !important;
    padding: 0 !important;
    margin: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot {
    position: relative !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    background: rgba(255,255,255,.25) !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot-progress {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    width: 0 !important;
    height: 100% !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffffff !important;
    pointer-events: none !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active .lm-offer-day-dot-progress {
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

@media (max-width: 640px) {
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dots {
        max-width: calc(100% - 120px) !important;
        gap: 5px !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active {
        width: 24px !important;
        min-width: 24px !important;
    }
}
/* LM_OFFER_DAY_CENTER_DOTS_V36_END */


/* =========================================================
   LiderMoto - Oferta dnia v38: badge na zdjęciu + progress bez JS
   Cel:
   - badge "Oferta dnia" nie może wpadać w dolny pasek i zasłaniać play,
   - kropki zostają na środku dolnego granatowego paska,
   - aktywna kropka ma biały pasek postępu także wtedy, gdy AJAX nie doda span.
   ========================================================= */

#lm-oferta-dnia-rotator.lm-offer-day-modern,
#lm-oferta-dnia-rotator.lm-offer-day-modern.center-card {
    position: relative !important;
    overflow: hidden !important;
}

/* Dolne elementy nie mogą być rodzicem pozycjonowania dla badge. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-bottom,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-info,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    overflow: visible !important;
}

/* Badge zawsze przypinamy do góry centralnego zdjęcia/karty, niezależnie od tego,
   czy po AJAX-ie trafi w media, bottom albo control-left. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-badge,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-offer-badge,
#lm-oferta-dnia-rotator.lm-offer-day-modern .tag {
    display: inline-flex !important;
    position: absolute !important;
    z-index: 30 !important;
    top: 20px !important;
    left: 20px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 40px) !important;
    height: auto !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 14px !important;
    border-radius: 7px !important;
    background: #ef1d35 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    letter-spacing: .02em !important;
    box-shadow: 0 10px 18px rgba(239, 29, 53, 0.28) !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    margin: 0 !important;
    transform: none !important;
}

/* W bocznych kartach badge ma pozostać ukryty, ale nie dotyczy centralnego rotatora. */
.promo-wrap .mini-card .lm-offer-day-badge,
.promo-wrap .listing-card .lm-offer-day-badge,
.promo-wrap .mini-card .center-offer-badge,
.promo-wrap .listing-card .center-offer-badge {
    display: none !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 12px !important;
    background: #183a59 !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left {
    grid-column: 1 !important;
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    z-index: 3 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    grid-column: 3 !important;
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    z-index: 3 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dots,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-dots,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-center-autoplay-dots {
    grid-column: 2 !important;
    position: static !important;
    transform: none !important;
    justify-self: center !important;
    align-self: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    z-index: 2 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-dot,
#lm-oferta-dnia-rotator.lm-offer-day-modern .promo-dot {
    position: relative !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-dot-active,
#lm-oferta-dnia-rotator.lm-offer-day-modern .promo-dot-active {
    width: 30px !important;
    min-width: 30px !important;
    background: rgba(255,255,255,.25) !important;
}

/* Progress działa CSS-em na pseudoelemencie, więc nie potrzebujemy dopinać span przez JS. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active::after,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-dot-active::after,
#lm-oferta-dnia-rotator.lm-offer-day-modern .promo-dot-active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffffff !important;
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot-progress {
    display: none !important;
}

@media (max-width: 640px) {
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .center-dot-active,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .promo-dot-active {
        width: 24px !important;
        min-width: 24px !important;
    }
}
/* LM_OFFER_DAY_V38_BADGE_PROGRESS_END */


/* =========================================================
   LiderMoto - Oferta dnia v39: badge i kropki bez konfliktu
   Cel:
   - ukryć realny badge, jeśli zewnętrzny rotator wklei go w dolny pasek,
   - pokazać stały badge na zdjęciu przez pseudo-element,
   - wyśrodkować kropki niezależnie od tego, czy są bezpośrednio w pasku,
     czy włożone przez starszy JS do lewej grupy,
   - uruchomić biały pasek postępu bez dodatkowego JS.
   ========================================================= */

#lm-oferta-dnia-rotator {
    position: relative !important;
    overflow: hidden !important;
}

/* Zdjęcie jest stałym miejscem dla badge. */
#lm-oferta-dnia-rotator .lm-offer-day-media,
#lm-oferta-dnia-rotator .thumb.lm-offer-day-thumb,
#lm-oferta-dnia-rotator .lm-oferta-dnia-photo-wrap,
#lm-oferta-dnia-rotator [data-offer-day-photo-wrap] {
    position: relative !important;
    overflow: hidden !important;
}

/* Ukrywamy wszystkie realne etykiety Oferta dnia, bo po AJAX-ie potrafią trafić do dolnego paska. */
#lm-oferta-dnia-rotator .lm-offer-day-badge,
#lm-oferta-dnia-rotator .center-offer-badge,
#lm-oferta-dnia-rotator .tag {
    display: none !important;
}

/* Badge wizualny zawsze na zdjęciu/centralnej karcie. */
#lm-oferta-dnia-rotator .lm-offer-day-media::before,
#lm-oferta-dnia-rotator .thumb.lm-offer-day-thumb::before,
#lm-oferta-dnia-rotator .lm-oferta-dnia-photo-wrap::before,
#lm-oferta-dnia-rotator [data-offer-day-photo-wrap]::before {
    content: "OFERTA DNIA" !important;
    position: absolute !important;
    z-index: 20 !important;
    top: 20px !important;
    left: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 14px !important;
    border-radius: 7px !important;
    background: #ef1d35 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 18px rgba(239, 29, 53, 0.28) !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

/* Dolny pasek sterowania. */
#lm-oferta-dnia-rotator .lm-offer-day-control,
#lm-oferta-dnia-rotator .center-control-row,
#lm-oferta-dnia-rotator .lm-oferta-dnia-bar {
    position: relative !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding: 0 12px !important;
    background: #183a59 !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-control-left,
#lm-oferta-dnia-rotator .lm-offer-day-control-right,
#lm-oferta-dnia-rotator .center-control-dots,
#lm-oferta-dnia-rotator .lm-oferta-dnia-controls {
    position: static !important;
    z-index: 3 !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-control-left {
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-control-right {
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Kropki zawsze na środku niebieskiego paska, nawet gdy siedzą wewnątrz lewej grupy. */
#lm-oferta-dnia-rotator .lm-offer-day-dots,
#lm-oferta-dnia-rotator .center-dots,
#lm-oferta-dnia-rotator .lm-center-autoplay-dots,
#lm-oferta-dnia-rotator .lm-oferta-dnia-dots {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    max-width: calc(100% - 150px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-dot,
#lm-oferta-dnia-rotator .center-dot,
#lm-oferta-dnia-rotator .promo-dot,
#lm-oferta-dnia-rotator .lm-oferta-dnia-dot {
    position: relative !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-dot.is-active,
#lm-oferta-dnia-rotator .center-dot-active,
#lm-oferta-dnia-rotator .promo-dot-active,
#lm-oferta-dnia-rotator .lm-oferta-dnia-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    background: rgba(255,255,255,.25) !important;
}

/* Pasek postępu: działa i na pseudoelemencie, i na span dodanym wcześniej przez PHP/JS. */
#lm-oferta-dnia-rotator .lm-offer-day-dot.is-active::after,
#lm-oferta-dnia-rotator .center-dot-active::after,
#lm-oferta-dnia-rotator .promo-dot-active::after,
#lm-oferta-dnia-rotator .lm-oferta-dnia-dot.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffffff !important;
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

#lm-oferta-dnia-rotator .lm-offer-day-dot.is-active .lm-offer-day-dot-progress {
    display: block !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    height: 100% !important;
    border-radius: inherit !important;
    background: #ffffff !important;
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

@media (max-width: 640px) {
    #lm-oferta-dnia-rotator .lm-offer-day-dots,
    #lm-oferta-dnia-rotator .center-dots,
    #lm-oferta-dnia-rotator .lm-center-autoplay-dots,
    #lm-oferta-dnia-rotator .lm-oferta-dnia-dots {
        max-width: calc(100% - 120px) !important;
        gap: 5px !important;
    }

    #lm-oferta-dnia-rotator .lm-offer-day-dot.is-active,
    #lm-oferta-dnia-rotator .center-dot-active,
    #lm-oferta-dnia-rotator .promo-dot-active,
    #lm-oferta-dnia-rotator .lm-oferta-dnia-dot.is-active {
        width: 24px !important;
        min-width: 24px !important;
    }
}
/* LM_OFFER_DAY_V39_BADGE_DOTS_FIX_END */


/* =========================================================
   LiderMoto - Oferta dnia v40: jeden badge + kropki idealnie na środku
   Cel:
   - realny czerwony badge z HTML nie może pojawiać się drugi raz w dolnym pasku,
   - badge wizualny jest tylko jeden: na zdjęciu, w lewym górnym rogu,
   - kropki są wymuszone dokładnie na środku granatowego paska,
   - aktywna kropka ma biały pasek postępu bez dodatkowego JS.
   ========================================================= */

#lm-oferta-dnia-rotator.lm-offer-day-modern,
#lm-oferta-dnia-rotator.lm-offer-day-modern.center-card {
    position: relative !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media,
#lm-oferta-dnia-rotator.lm-offer-day-modern .thumb.lm-offer-day-thumb,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-oferta-dnia-photo-wrap,
#lm-oferta-dnia-rotator.lm-offer-day-modern [data-offer-day-photo-wrap] {
    position: relative !important;
    overflow: hidden !important;
}

/* Wyłączamy wszystkie prawdziwe etykiety, także te z wcześniejszych stylów o większej specyficzności. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-badge,
#lm-oferta-dnia-rotator.lm-offer-day-modern .center-offer-badge,
#lm-oferta-dnia-rotator.lm-offer-day-modern .tag,
#lm-oferta-dnia-rotator .lm-offer-day-badge,
#lm-oferta-dnia-rotator .center-offer-badge,
#lm-oferta-dnia-rotator .tag {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Jedyny widoczny badge: rysowany CSS-em na zdjęciu. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-media::before,
#lm-oferta-dnia-rotator.lm-offer-day-modern .thumb.lm-offer-day-thumb::before,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-oferta-dnia-photo-wrap::before,
#lm-oferta-dnia-rotator.lm-offer-day-modern [data-offer-day-photo-wrap]::before {
    content: "OFERTA DNIA" !important;
    position: absolute !important;
    z-index: 25 !important;
    top: 20px !important;
    left: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 9px 14px !important;
    border-radius: 7px !important;
    background: #ef1d35 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .02em !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 18px rgba(239, 29, 53, 0.28) !important;
    pointer-events: none !important;
    white-space: nowrap !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 64px minmax(0, 1fr) 64px !important;
    align-items: center !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    padding: 0 12px !important;
    background: #183a59 !important;
    overflow: hidden !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-left {
    grid-column: 1 !important;
    position: relative !important;
    z-index: 3 !important;
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control-right {
    grid-column: 3 !important;
    position: relative !important;
    z-index: 3 !important;
    width: 64px !important;
    min-width: 64px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

/* Kropki zawsze w geometrycznym środku paska, niezależnie od lewej grupy i przycisku play. */
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-offer-day-dots,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .center-dots,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-center-autoplay-dots,
#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-oferta-dnia-dots {
    grid-column: 1 / -1 !important;
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    width: auto !important;
    max-width: calc(100% - 150px) !important;
    min-width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 0 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot {
    position: relative !important;
    width: 6px !important;
    height: 6px !important;
    min-width: 6px !important;
    flex: 0 0 auto !important;
    display: inline-block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.42) !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    transition: width .22s ease, background .22s ease !important;
    font-size: 0 !important;
    line-height: 0 !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active {
    width: 30px !important;
    min-width: 30px !important;
    background: rgba(255,255,255,.25) !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 0 !important;
    display: block !important;
    border-radius: inherit !important;
    background: #ffffff !important;
    animation: lmOfferDayDotProgress 30s linear forwards !important;
}

#lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot-progress {
    display: none !important;
}

@media (max-width: 640px) {
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-offer-day-dots,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .center-dots,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-center-autoplay-dots,
    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-control .lm-oferta-dnia-dots {
        max-width: calc(100% - 120px) !important;
        gap: 5px !important;
    }

    #lm-oferta-dnia-rotator.lm-offer-day-modern .lm-offer-day-dot.is-active {
        width: 24px !important;
        min-width: 24px !important;
    }
}
/* LM_OFFER_DAY_V40_BADGE_DOTS_FINAL_END */


/* =========================================================
   LiderMoto - lewy filtr: większa ikona Osobowe v50
   Cel:
   - powiększyć tylko zdjęcie kategorii Osobowe,
   - nie deformować grafiki,
   - pozostawić miejsce na nazwę i licznik w kafelku.
   ========================================================= */

.lm-category-tile--osobowe .lm-category-icon,
.lm-category-tile--samochody-osobowe .lm-category-icon {
    min-height: 64px !important;
    height: 64px !important;
    margin: 0 0 1px !important;
}

.lm-category-tile--osobowe .lm-category-icon img,
.lm-category-tile--osobowe .lm-category-icon .lm-category-icon-img,
.lm-category-tile--samochody-osobowe .lm-category-icon img,
.lm-category-tile--samochody-osobowe .lm-category-icon .lm-category-icon-img {
    width: 122px !important;
    height: 64px !important;
    max-width: calc(100% - 4px) !important;
    max-height: 64px !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.lm-category-tile--osobowe,
.lm-category-tile--samochody-osobowe {
    gap: 1px !important;
    padding-top: 5px !important;
}

/* Ten sam zamysł dla szczegółowego lewego filtra na liście ogłoszeń. */
.lm-category-details-item--osobowe .lm-category-details-logo img,
.lm-category-details-item--samochody-osobowe .lm-category-details-logo img {
    width: 62px !important;
    max-width: 62px !important;
    height: 44px !important;
    max-height: 44px !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.lm-category-details-item--osobowe .lm-category-details-logo,
.lm-category-details-item--samochody-osobowe .lm-category-details-logo {
    min-width: 70px !important;
}

/* =========================================================
   LiderMoto - v52: popupy i menu "Więcej" zawsze nad filtrami
   Cel:
   - menu "Więcej" nie może być przykrywane przez pola filtrów,
     belkę Wszystkie/Nowe/Używane ani przycisk Szukaj ofert,
   - pełne modale filtrów mają najwyższy priorytet,
   - bez zmian w index.php i bez ruszania mechaniki filtrów.
   ========================================================= */

body.lm-home-modern .lm-home-search-shell,
body.lm-home-modern .lm-home-search-shell .search-zone,
body.lm-home-modern .lm-home-search-shell .search-zone > .container,
.search-zone,
.search-zone > .container,
.search-zone .container,
.lm-list-search-zone,
.lm-list-search-zone .search-zone,
.lm-list-search-zone .search-zone > .container,
.lm-list-search-zone .search-zone .container {
    position: relative !important;
    overflow: visible !important;
}

/* Górny kontener z kategoriami i polami musi być ponad dolną belką akcji. */
body.lm-home-modern .lm-home-search-shell .search-zone > .container,
.search-zone > .container,
.lm-list-search-zone .search-zone > .container {
    z-index: 7000 !important;
}

/* Dolna belka i przycisk Szukaj ofert zostają niżej, żeby nie przykrywały menu Więcej. */
body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell,
.search-zone .lm-search-actions-shell,
.lm-list-search-zone .search-zone .lm-search-actions-shell {
    position: relative !important;
    z-index: 50 !important;
}

.search-zone .container > .tabs.lm-category-tabs,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs {
    position: relative !important;
    overflow: visible !important;
    z-index: 7100 !important;
}

.lm-category-more-wrap,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    position: relative !important;
    overflow: visible !important;
    z-index: 7200 !important;
}

.lm-category-more-wrap.is-open,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open {
    z-index: 7600 !important;
}

.lm-category-more-menu,
.lm-category-more-wrap.is-open .lm-category-more-menu {
    position: absolute !important;
    z-index: 7700 !important;
    pointer-events: auto !important;
}

/* Pełne popupy filtrów są ważniejsze niż krótkie menu Więcej i wszystko z wyszukiwarki. */
.filter-modal,
.filter-modal.is-open,
body.lm-home-modern .filter-modal,
body.lm-home-modern .filter-modal.is-open,
.lm-list-search-zone .filter-modal,
.lm-list-search-zone .filter-modal.is-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 200000 !important;
}

.filter-modal-panel {
    position: relative !important;
    z-index: 200001 !important;
}
/* LM_OVERLAY_ZINDEX_V52_END */


/* =========================================================
   LiderMoto - v55: nagłówek Promowane ogłoszenia pod wyszukiwarką
   Cel:
   - sam napis pod belką Wszystkie/Nowe/Używane + Szukaj ofert,
   - bez ramki, bez tła, bez dodatkowego opisu,
   - usunięcie poziomego separatora między wyszukiwarką a ogłoszeniami,
   - bez zmian w Ofercie dnia, Basic i mechanice ogłoszeń.
   ========================================================= */
body.lm-home-modern .lm-home-hero,
body.lm-home-modern .lm-home-search-shell .search-zone,
body.lm-home-modern .lm-home-search-shell .search-zone > .container,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell {
    border-bottom: 0 !important;
}

body.lm-home-modern .lm-home-hero {
    box-shadow: none !important;
    padding-bottom: 26px !important;
}

body.lm-home-modern .main.container {
    border-top: 0 !important;
    padding-top: 18px !important;
}

body.lm-home-modern .lm-home-promoted-heading {
    display: block !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f2238 !important;
    font-size: clamp(26px, 2.25vw, 34px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -0.035em !important;
    text-align: left !important;
}

body.lm-home-modern #lm-basic-rotator {
    margin-top: 0 !important;
}

body.lm-home-modern #lm-basic-rotator .lm-basic-heading-row {
    display: none !important;
}

@media (max-width: 700px) {
    body.lm-home-modern .lm-home-promoted-heading {
        font-size: 24px !important;
        margin-bottom: 12px !important;
    }
}
/* LM_PROMOTED_HEADING_V55_END */


/* =========================================================
   LiderMoto - v56: ujednolicenie jasnego tła pod wyszukiwarką
   Cel:
   - po usunięciu separatora nie może być różnicy koloru między
     dolną częścią Hero / belką akcji a sekcją Promowane ogłoszenia,
   - bez zmian w Ofercie dnia, Basic, rotatorach i układzie ogłoszeń.
   ========================================================= */
body.lm-home-modern {
    background: #eef3f8 !important;
}

body.lm-home-modern .lm-home-hero {
    background-color: #eef3f8 !important;
}

body.lm-home-modern .main.container {
    background: transparent !important;
}
/* LM_HOME_BACKGROUND_UNIFY_V56_END */


/* =========================================================
   LiderMoto - v57: mostek tła między wyszukiwarką i promowanymi
   Cel:
   - usunąć widoczne odcięcie koloru po prawej/lewej stronie
     między belką akcji wyszukiwarki a sekcją Promowane ogłoszenia,
   - tło tej strefy ma być jednym jasnym kolorem,
   - bez zmian w Ofercie dnia, Basic, JS i układzie ogłoszeń.
   ========================================================= */
body.lm-home-modern {
    --lm-home-soft-section-bg: #eef3f8;
    background-color: var(--lm-home-soft-section-bg) !important;
}

body.lm-home-modern .lm-home-hero,
body.lm-home-modern .lm-home-search-shell,
body.lm-home-modern .lm-home-search-shell .search-zone,
body.lm-home-modern .lm-home-search-shell .search-zone > .container,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-shell,
body.lm-home-modern .lm-home-search-shell .lm-search-actions-row,
body.lm-home-modern .main.container {
    background-color: var(--lm-home-soft-section-bg) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.lm-home-modern .lm-home-hero {
    margin-bottom: 0 !important;
}

body.lm-home-modern .main.container {
    position: relative !important;
    margin-top: 0 !important;
    padding-top: 18px !important;
    z-index: 1 !important;
}

/* Pełnoszeroki podkład pod początkiem sekcji promowanych.
   To maskuje różnicę, jeśli któryś wcześniejszy wrapper ma własne tło poza szerokością .container. */
body.lm-home-modern .main.container::before {
    content: "" !important;
    position: absolute !important;
    left: 50% !important;
    top: -1px !important;
    width: 100vw !important;
    height: 86px !important;
    transform: translateX(-50%) !important;
    background-color: var(--lm-home-soft-section-bg) !important;
    border: 0 !important;
    pointer-events: none !important;
    z-index: -1 !important;
}

body.lm-home-modern .lm-home-promoted-heading {
    position: relative !important;
    z-index: 2 !important;
}
/* LM_HOME_BG_BRIDGE_V57_END */


/* =========================================================
   LiderMoto - Safari: rogi panelu wyszukiwarki v1
   Cel:
   - bez zmiany układu i bez overflow:hidden, żeby nie ucinać menu/popupów,
   - Safari ma dostać jawny ciemny gradient pod zaokrągleniem kontenera,
   - Chrome/Edge zostają praktycznie bez zmian.
   ========================================================= */
body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

@supports (-webkit-touch-callout: none) {
    body.lm-home-modern .lm-home-search-shell .search-zone > .container {
        background:
            linear-gradient(180deg, rgba(23, 54, 84, 0.94) 0%, rgba(16, 40, 64, 0.96) 100%) !important;
        background-color: #102840 !important;
        border-radius: 17px !important;
    }
}
/* LM_SAFARI_SEARCH_CORNERS_V1_20260527_END */

/* =========================================================
   LiderMoto - HOME: usunięcie jasnych pasków wokół filtrów v58
   Data: 2026-05-28
   Cel:
   - naprawia jasne/białe paski widoczne wokół granatowego panelu filtrów
     na stronie głównej,
   - nie zmienia HTML, PHP, popupów, pól filtrów ani belki
     Wszystkie / Nowe / Używane,
   - cofa dla samej wyszukiwarki skutki wcześniejszego mostka jasnego tła,
     który był potrzebny niżej przy sekcji Promowane ogłoszenia.
   ========================================================= */
/* LM_HOME_SEARCH_NO_WHITE_STRIPS_V58_20260528_START */

body.lm-home-modern .lm-home-search-shell,
body.lm-home-modern .lm-home-search-shell .search-zone {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    background:
        linear-gradient(180deg, rgba(23, 54, 84, 0.96) 0%, rgba(16, 40, 64, 0.98) 100%) !important;
    background-color: #102840 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 17px !important;
    box-shadow: 0 12px 30px rgba(8, 24, 44, 0.24) !important;
    background-clip: padding-box !important;
    -webkit-background-clip: padding-box !important;
}

body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs,
body.lm-home-modern .lm-home-search-shell .search-box,
body.lm-home-modern .lm-home-search-shell .search-grid {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

/* Safari/WebKit: ten sam ciemny podkład pod zaokrągleniem, bez jasnej poświaty. */
@supports (-webkit-touch-callout: none) {
    body.lm-home-modern .lm-home-search-shell .search-zone > .container {
        background:
            linear-gradient(180deg, rgba(23, 54, 84, 0.97) 0%, rgba(16, 40, 64, 0.99) 100%) !important;
        background-color: #102840 !important;
        border: 0 !important;
        outline: 0 !important;
        border-radius: 17px !important;
        box-shadow: 0 12px 30px rgba(8, 24, 44, 0.24) !important;
    }
}

/* LM_HOME_SEARCH_NO_WHITE_STRIPS_V58_20260528_END */

/* =========================================================
   LiderMoto - V3: mniej napisów w kafelkach filtrów
   Cel:
   - puste kafelki pokazują przede wszystkim nazwę filtra,
   - drugi wiersz placeholdera jest ukrywany dopóki nie ma wartości,
   - po wyborze wartości kafelek wraca do układu etykieta + wartość,
   - popupy, pola GET i logika wyszukiwania zostają bez zmian.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V3_20260528_START */
body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .lm-filter-label {
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: #102742 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: -0.01em !important;
    max-width: calc(100% - 52px) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .filter-trigger {
    color: transparent !important;
    font-size: 0 !important;
    text-shadow: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl option,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl option {
    color: #102742 !important;
    font-size: 13px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card.has-value .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-card.has-value .lm-filter-label {
    transform: none !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card .filter-trigger {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 13px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-card .lm-filter-label {
    top: 9px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card .filter-trigger {
    padding-top: 24px !important;
    padding-bottom: 7px !important;
    font-size: 14px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-double-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 13px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-double-card .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card {
    min-height: 58px !important;
    height: 58px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label {
    top: 50% !important;
    left: 18px !important;
    transform: translateY(-50%) !important;
    max-width: 170px !important;
    color: #102742 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 185px !important;
}

body.lm-home-modern #mainSearchForm .lm-more-filters-toggle,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 13px !important;
    border-color: rgba(255,255,255,.72) !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel {
    gap: 10px !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open {
    max-height: 98px !important;
}

@media (max-width:1180px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 160px !important;
    }
}

@media (max-width:860px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 330px !important;
    }
}

@media (max-width:700px) {
    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label {
        display: none !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl {
        padding-left: 16px !important;
    }
}

@media (max-width:560px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 520px !important;
    }
}
/* LM_SEARCH_MORE_FILTERS_V3_20260528_END */

/* =========================================================
   LiderMoto - V4: naprawa siatki Więcej filtrów
   Cel:
   - panel dodatkowych filtrów jest ukryty w stanie zwiniętym,
   - po rozwinięciu układa się jako jeden równy rząd 5 kafelków,
   - pole Fraza zajmuje cały szeroki dolny rząd,
   - przycisk Więcej/Mniej zostaje w miejscu kafelka,
   - bez zmian w popupach i parametrach formularza.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V4_20260528_START */
body.lm-home-modern #mainSearchForm .lm-search-grid-collapsible,
body.lm-list-modern #mainSearchForm .lm-search-grid-collapsible,
#mainSearchForm .lm-search-grid-collapsible {
    align-items: stretch !important;
}

/* Przycisk + Więcej filtrów ma zachowywać się jak zwykły kafelek w siatce. */
body.lm-home-modern #mainSearchForm .lm-more-filters-toggle,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle,
#mainSearchForm .lm-more-filters-toggle {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255, 255, 255, .74) !important;
    background: rgba(31, 64, 94, .96) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.06) !important;
}

body.lm-home-modern #mainSearchForm .lm-more-filters-toggle:hover,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle:hover,
#mainSearchForm .lm-more-filters-toggle:hover {
    background: rgba(43, 82, 119, .98) !important;
}

/* Najważniejsza poprawka: panel dodatkowych filtrów jest osobnym pełnym rzędem siatki. */
body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
#mainSearchForm .lm-extra-filters-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;

    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
    transition:
        max-height .26s ease,
        opacity .20s ease,
        transform .20s ease,
        margin-top .20s ease !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
#mainSearchForm .lm-extra-filters-panel.is-open {
    max-height: 78px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
    margin-top: 0 !important;
}

/* Dzieci panelu mają wejść w pięć równych kolumn, a nie układać się pionowo. */
body.lm-home-modern #mainSearchForm .lm-extra-filters-panel > *,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel > *,
#mainSearchForm .lm-extra-filters-panel > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel .lm-filter-card,
#mainSearchForm .lm-extra-filters-panel .lm-filter-card {
    width: 100% !important;
    max-width: none !important;
}

/* Fraza zawsze jest osobnym pełnym dolnym rzędem. */
body.lm-home-modern #mainSearchForm .lm-search-phrase-row,
body.lm-list-modern #mainSearchForm .lm-search-phrase-row,
#mainSearchForm .lm-search-phrase-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.lm-home-modern #mainSearchForm .lm-search-phrase-row > *,
body.lm-list-modern #mainSearchForm .lm-search-phrase-row > *,
#mainSearchForm .lm-search-phrase-row > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    grid-column: 1 / -1 !important;
    box-sizing: border-box !important;
}

/* Fraza: nazwa po lewej, placeholder dalej w prawo. */
body.lm-home-modern #mainSearchForm .lm-filter-phrase-card,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card,
#mainSearchForm .lm-filter-phrase-card {
    width: 100% !important;
    max-width: none !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
#mainSearchForm .lm-filter-phrase-card .lm-filter-label {
    top: 50% !important;
    left: 18px !important;
    transform: translateY(-50%) !important;
    max-width: 170px !important;
    color: #102742 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
#mainSearchForm .lm-filter-phrase-card .ctrl {
    padding-left: 185px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Nadpisanie poprzedniego V3: po rozwinięciu nie może być pionowej listy po lewej. */
body.lm-home-modern #mainSearchForm .lm-extra-filters-panel[aria-hidden="true"],
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel[aria-hidden="true"],
#mainSearchForm .lm-extra-filters-panel[aria-hidden="true"] {
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel[aria-hidden="false"],
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel[aria-hidden="false"],
#mainSearchForm .lm-extra-filters-panel[aria-hidden="false"] {
    opacity: 1 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
}

@media (max-width: 1180px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 150px !important;
    }
}

@media (max-width: 860px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 230px !important;
    }
}

@media (max-width: 560px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 370px !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
    #mainSearchForm .lm-filter-phrase-card .lm-filter-label {
        display: none !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    #mainSearchForm .lm-filter-phrase-card .ctrl {
        padding-left: 16px !important;
    }
}
/* LM_SEARCH_MORE_FILTERS_V4_20260528_END */


/* =========================================================
   LiderMoto - V5: wyrównanie siatki i drobna kosmetyka
   Cel:
   - wymuszenie dokładnej siatki 5 kolumn na desktopie,
   - wszystkie kafelki i przycisk Więcej/Mniej mają tę samą wysokość,
   - dodatkowe filtry po rozwinięciu układają się w jeden równy rząd,
   - Fraza zostaje pełnym dolnym rzędem,
   - skrócenie problematycznych etykiet, żeby nie było "Przebie...".
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V5_20260528_START */
body.lm-home-modern #mainSearchForm .search-grid,
body.lm-home-modern #mainSearchForm .lm-search-grid-collapsible,
body.lm-list-modern #mainSearchForm .search-grid,
body.lm-list-modern #mainSearchForm .lm-search-grid-collapsible,
#mainSearchForm .search-grid.lm-search-grid-collapsible {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    gap: 10px !important;
    align-items: stretch !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* Każdy bezpośredni element w siatce ma tę samą logikę szerokości. */
body.lm-home-modern #mainSearchForm .search-grid > *,
body.lm-list-modern #mainSearchForm .search-grid > *,
#mainSearchForm .search-grid.lm-search-grid-collapsible > * {
    min-width: 0 !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

/* Standardowa wysokość kart. */
body.lm-home-modern #mainSearchForm .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-card,
#mainSearchForm .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card .filter-trigger,
#mainSearchForm .lm-filter-card .ctrl,
#mainSearchForm .lm-filter-card .filter-trigger {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 13px !important;
    box-sizing: border-box !important;
}

/* Karty podwójne: cena, przebieg, rok. */
body.lm-home-modern #mainSearchForm .lm-filter-double-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card,
#mainSearchForm .lm-filter-double-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined,
#mainSearchForm .lm-filter-year-combined,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card,
#mainSearchForm .lm-filter-combined-card {
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    box-sizing: border-box !important;
}

/* Etykiety w pustych kartach wyśrodkowane pionowo. */
body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .lm-filter-label,
#mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .lm-filter-label {
    top: 50% !important;
    left: 16px !important;
    transform: translateY(-50%) !important;
    max-width: calc(100% - 52px) !important;
    color: #102742 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Placeholdery w pustych kartach schowane, ale select/input działa normalnie. */
body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .filter-trigger,
#mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl,
#mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .filter-trigger {
    color: transparent !important;
    font-size: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-shadow: none !important;
}

#mainSearchForm .lm-filter-card:not(.has-value):not(.lm-filter-phrase-card) .ctrl option {
    color: #102742 !important;
    font-size: 13px !important;
}

/* Strzałki/ikonki po prawej zostają widoczne i w jednej osi. */
#mainSearchForm .lm-filter-card .filter-trigger::after,
#mainSearchForm .lm-filter-card select.ctrl,
#mainSearchForm .lm-filter-card .year-clear {
    font-size: inherit !important;
}

/* Przycisk Więcej/Mniej jako kafelek w siatce. */
body.lm-home-modern #mainSearchForm .lm-more-filters-toggle,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle,
#mainSearchForm .lm-more-filters-toggle {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    height: 58px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 13px !important;
    border: 1px solid rgba(255,255,255,.75) !important;
    background: rgba(31,64,94,.96) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    box-sizing: border-box !important;
    cursor: pointer !important;
}

/* Dodatkowe filtry: pełny rząd, 5 równych kolumn. */
body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
#mainSearchForm .lm-extra-filters-panel {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    padding: 0 !important;
    margin: 0 !important;
    max-height: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
    transform: translateY(-6px) !important;
    transition: max-height .26s ease, opacity .20s ease, transform .20s ease !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
#mainSearchForm .lm-extra-filters-panel.is-open {
    max-height: 70px !important;
    opacity: 1 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel > *,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel > *,
#mainSearchForm .lm-extra-filters-panel > * {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    grid-column: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* Fraza zawsze pełny dolny rząd. */
body.lm-home-modern #mainSearchForm .lm-search-phrase-row,
body.lm-list-modern #mainSearchForm .lm-search-phrase-row,
#mainSearchForm .lm-search-phrase-row {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

body.lm-home-modern #mainSearchForm .lm-search-phrase-row > *,
body.lm-list-modern #mainSearchForm .lm-search-phrase-row > *,
#mainSearchForm .lm-search-phrase-row > * {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Fraza: etykieta + przykład w jednej linii. */
body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
#mainSearchForm .lm-filter-phrase-card .lm-filter-label {
    top: 50% !important;
    left: 18px !important;
    transform: translateY(-50%) !important;
    max-width: 170px !important;
    color: #102742 !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    white-space: nowrap !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
#mainSearchForm .lm-filter-phrase-card .ctrl {
    padding-left: 185px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Responsywność */
@media (max-width:1180px) {
    body.lm-home-modern #mainSearchForm .search-grid,
    body.lm-home-modern #mainSearchForm .lm-search-grid-collapsible,
    body.lm-list-modern #mainSearchForm .search-grid,
    body.lm-list-modern #mainSearchForm .lm-search-grid-collapsible,
    #mainSearchForm .search-grid.lm-search-grid-collapsible {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 150px !important;
    }
}

@media (max-width:860px) {
    body.lm-home-modern #mainSearchForm .search-grid,
    body.lm-home-modern #mainSearchForm .lm-search-grid-collapsible,
    body.lm-list-modern #mainSearchForm .search-grid,
    body.lm-list-modern #mainSearchForm .lm-search-grid-collapsible,
    #mainSearchForm .search-grid.lm-search-grid-collapsible {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 230px !important;
    }
}

@media (max-width:560px) {
    body.lm-home-modern #mainSearchForm .search-grid,
    body.lm-home-modern #mainSearchForm .lm-search-grid-collapsible,
    body.lm-list-modern #mainSearchForm .search-grid,
    body.lm-list-modern #mainSearchForm .lm-search-grid-collapsible,
    #mainSearchForm .search-grid.lm-search-grid-collapsible,
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
    #mainSearchForm .lm-extra-filters-panel {
        grid-template-columns: 1fr !important;
    }

    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 370px !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
    #mainSearchForm .lm-filter-phrase-card .lm-filter-label {
        display: none !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    #mainSearchForm .lm-filter-phrase-card .ctrl {
        padding-left: 16px !important;
    }
}
/* LM_SEARCH_MORE_FILTERS_V5_20260528_END */

/* =========================================================
   LiderMoto - V6: kosmetyka zwiniętych filtrów
   Zakres: tylko CSS.
   Cel:
   - lżejszy przycisk + Więcej filtrów / - Mniej filtrów,
   - delikatniejsze podziały w kafelkach podwójnych,
   - lepsze wyrównanie tekstu i lupy w polu Fraza,
   - mniejszy odstęp między wyszukiwarką a belką Wszystkie / Nowe / Używane.
   Bez zmian w PHP, popupach i parametrach formularza.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V6_COSMETIC_20260528_START */

/* Delikatniejsze, bardziej „portalowe” kafelki */
body.lm-home-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-card .filter-trigger,
body.lm-list-modern #mainSearchForm .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-card .filter-trigger,
#mainSearchForm .lm-filter-card .ctrl,
#mainSearchForm .lm-filter-card .filter-trigger {
    border-color: rgba(205, 216, 229, .88) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

/* Podwójne pola: Rok, Cena, Przebieg — cieńsza i jaśniejsza linia podziału */
body.lm-home-modern #mainSearchForm .lm-filter-double-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card,
#mainSearchForm .lm-filter-double-card,
#mainSearchForm .lm-filter-year-combined,
#mainSearchForm .lm-filter-combined-card {
    border: 1px solid rgba(205, 216, 229, .88) !important;
    background: rgba(255,255,255,.97) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-double-card .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card,
#mainSearchForm .lm-filter-double-card .lm-filter-card,
#mainSearchForm .lm-filter-year-combined .lm-filter-card,
#mainSearchForm .lm-filter-combined-card .lm-filter-card {
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-double-card .lm-filter-card + .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card + .lm-filter-card,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card + .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card .lm-filter-card + .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card + .lm-filter-card,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card + .lm-filter-card,
#mainSearchForm .lm-filter-double-card .lm-filter-card + .lm-filter-card,
#mainSearchForm .lm-filter-year-combined .lm-filter-card + .lm-filter-card,
#mainSearchForm .lm-filter-combined-card .lm-filter-card + .lm-filter-card {
    border-left: 1px solid rgba(205, 216, 229, .72) !important;
}

/* Przycisk Więcej/Mniej — mniej ciężki, ale nadal odróżnia się od zwykłych filtrów */
body.lm-home-modern #mainSearchForm .lm-more-filters-toggle,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle,
#mainSearchForm .lm-more-filters-toggle {
    background: rgba(255,255,255,.08) !important;
    border: 1px solid rgba(210, 226, 242, .78) !important;
    color: #ffffff !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        0 1px 0 rgba(0,0,0,.04) !important;
    text-shadow: none !important;
}

body.lm-home-modern #mainSearchForm .lm-more-filters-toggle:hover,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle:hover,
#mainSearchForm .lm-more-filters-toggle:hover {
    background: rgba(255,255,255,.14) !important;
    border-color: rgba(230, 240, 250, .9) !important;
}

body.lm-home-modern #mainSearchForm .lm-more-filters-toggle[aria-expanded="true"],
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle[aria-expanded="true"],
#mainSearchForm .lm-more-filters-toggle[aria-expanded="true"] {
    background: rgba(255,255,255,.12) !important;
}

/* Fraza: tekst i lupa w jednej osi, bez wrażenia „pływania” */
body.lm-home-modern #mainSearchForm .lm-filter-phrase-card,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card,
#mainSearchForm .lm-filter-phrase-card {
    min-height: 58px !important;
    height: 58px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-filter-label,
#mainSearchForm .lm-filter-phrase-card .lm-filter-label {
    top: 50% !important;
    transform: translateY(-50%) !important;
    line-height: 1 !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
#mainSearchForm .lm-filter-phrase-card .ctrl {
    height: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .lm-search-icon,
body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .search-icon,
body.lm-home-modern #mainSearchForm .lm-filter-phrase-card button,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .lm-search-icon,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .search-icon,
body.lm-list-modern #mainSearchForm .lm-filter-phrase-card button,
#mainSearchForm .lm-filter-phrase-card .lm-search-icon,
#mainSearchForm .lm-filter-phrase-card .search-icon,
#mainSearchForm .lm-filter-phrase-card button {
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Zmniejszamy ciężki odstęp pod panelem, żeby belka statusu była bliżej */
body.lm-home-modern .lm-home-search-shell .lm-search-actions-row,
body.lm-list-modern .lm-list-search-zone .lm-search-actions-row,
.search-zone .lm-search-actions-row,
.lm-list-search-zone .search-zone .lm-search-actions-row {
    margin-top: 8px !important;
}

/* Minimalnie niższy panel po zwinięciu/rozwinięciu bez ruszania logiki */
body.lm-home-modern .lm-home-search-shell .search-zone > .container {
    padding-bottom: 12px !important;
}

/* Dodatkowe filtry po rozwinięciu: ten sam rytm co główna siatka */
body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
#mainSearchForm .lm-extra-filters-panel.is-open {
    max-height: 68px !important;
}

/* Na desktopie nie zmieniamy kolumn, tylko wygładzamy odbiór */
@media (max-width: 1180px) {
    body.lm-home-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    body.lm-list-modern #mainSearchForm .lm-extra-filters-panel.is-open,
    #mainSearchForm .lm-extra-filters-panel.is-open {
        max-height: 150px !important;
    }
}

@media (max-width: 560px) {
    body.lm-home-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    body.lm-list-modern #mainSearchForm .lm-filter-phrase-card .ctrl,
    #mainSearchForm .lm-filter-phrase-card .ctrl {
        line-height: 1.2 !important;
    }
}
/* LM_SEARCH_MORE_FILTERS_V6_COSMETIC_20260528_END */


/* =========================================================
   LiderMoto - V7 final grid sync
   Ten blok odpowiada finalnemu inline z formularza.
   Stare inline V4/V5 zostały usunięte z PHP, więc kosmetyka CSS
   będzie już widoczna.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V7_GRID_FINAL_20260528_START */
body.lm-home-modern #mainSearchForm .search-grid.lm-search-grid-collapsible,
body.lm-list-modern #mainSearchForm .search-grid.lm-search-grid-collapsible,
#mainSearchForm .search-grid.lm-search-grid-collapsible {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
    align-items: stretch !important;
}

body.lm-home-modern #mainSearchForm .lm-extra-filters-panel,
body.lm-list-modern #mainSearchForm .lm-extra-filters-panel,
#mainSearchForm .lm-extra-filters-panel {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
}

body.lm-home-modern #mainSearchForm .lm-more-filters-toggle,
body.lm-list-modern #mainSearchForm .lm-more-filters-toggle,
#mainSearchForm .lm-more-filters-toggle {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(210,226,242,.78) !important;
    color: #fff !important;
}
/* LM_SEARCH_MORE_FILTERS_V7_GRID_FINAL_20260528_END */


/* =========================================================
   LiderMoto - V8: detale siatki filtrów
   Ten sam kierunek co blok inline w formularzu.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V8_DETAILS_20260528_START */
body.lm-home-modern #mainSearchForm .lm-filter-double-card,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card,
body.lm-list-modern #mainSearchForm .lm-filter-double-card,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card,
#mainSearchForm .lm-filter-double-card,
#mainSearchForm .lm-filter-year-combined,
#mainSearchForm .lm-filter-combined-card {
    border: 1px solid rgba(205,216,229,.88) !important;
    background: rgba(248,251,255,.98) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}

body.lm-home-modern #mainSearchForm .lm-filter-double-card .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-home-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-double-card .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-year-combined .lm-filter-card .ctrl,
body.lm-list-modern #mainSearchForm .lm-filter-combined-card .lm-filter-card .ctrl,
#mainSearchForm .lm-filter-double-card .lm-filter-card .ctrl,
#mainSearchForm .lm-filter-year-combined .lm-filter-card .ctrl,
#mainSearchForm .lm-filter-combined-card .lm-filter-card .ctrl {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}
/* LM_SEARCH_MORE_FILTERS_V8_DETAILS_20260528_END */

/* =========================================================
   LiderMoto - V9: brakujące strzałki rozwijania w filtrach
   Zakres: drobna kosmetyka po wyrównaniu siatki.
   Cel:
   - przywraca widoczny znacznik rozwijania dla Modelu i Generacji,
   - dodaje delikatne strzałki dla Rok od/do, Cena od/do, Przebieg od/do,
   - nie rusza popupów, GET, JS zależności ani układu 5 kolumn.
   ========================================================= */
/* LM_SEARCH_MORE_FILTERS_V9_ARROWS_20260528_START */

/* Model: poprzednie style chowały strzałkę, zwłaszcza gdy model jest jeszcze zablokowany do czasu wyboru marki. */
#mainSearchForm #filterModelWrap .lm-model-autocomplete-arrow,
body.lm-home-modern #mainSearchForm #filterModelWrap .lm-model-autocomplete-arrow,
body.lm-list-modern #mainSearchForm #filterModelWrap .lm-model-autocomplete-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    width: 18px !important;
    height: 18px !important;
    color: #62738a !important;
    font-size: 16px !important;
    line-height: 1 !important;
    pointer-events: none !important;
    opacity: .95 !important;
}

/* Jeżeli model/generacja mają wartość i pokazuje się X do czyszczenia, nie wciskamy drugiej ikonki. */
#mainSearchForm #filterModelWrap.has-value .lm-model-autocomplete-arrow,
body.lm-home-modern #mainSearchForm #filterModelWrap.has-value .lm-model-autocomplete-arrow,
body.lm-list-modern #mainSearchForm #filterModelWrap.has-value .lm-model-autocomplete-arrow {
    display: none !important;
}

/* Wspólny wygląd strzałki jako SVG — identyczny dla zwykłych selectów. */
#mainSearchForm #filterGeneracjaWrap,
#mainSearchForm #filterRokOdWrap,
#mainSearchForm #filterRokDoWrap,
#mainSearchForm #filterCenaOdWrap,
#mainSearchForm #filterCenaDoWrap,
#mainSearchForm #filterPrzebiegOdWrap,
#mainSearchForm #filterPrzebiegDoWrap {
    position: relative !important;
}

#mainSearchForm #filterGeneracjaWrap::after,
#mainSearchForm #filterRokOdWrap::after,
#mainSearchForm #filterRokDoWrap::after,
#mainSearchForm #filterCenaOdWrap::after,
#mainSearchForm #filterCenaDoWrap::after,
#mainSearchForm #filterPrzebiegOdWrap::after,
#mainSearchForm #filterPrzebiegDoWrap::after {
    content: "" !important;
    position: absolute !important;
    right: 13px !important;
    top: 50% !important;
    width: 18px !important;
    height: 18px !important;
    transform: translateY(-50%) !important;
    pointer-events: none !important;
    z-index: 12 !important;
    opacity: .92 !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 18px 18px !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2362738a' d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E") !important;
}

/* Gdy pole ma wybraną wartość, na jego miejscu działa X do czyszczenia, więc strzałkę chowamy. */
#mainSearchForm #filterGeneracjaWrap.has-value::after,
#mainSearchForm #filterRokOdWrap.has-value::after,
#mainSearchForm #filterRokDoWrap.has-value::after,
#mainSearchForm #filterCenaOdWrap.has-value::after,
#mainSearchForm #filterCenaDoWrap.has-value::after,
#mainSearchForm #filterPrzebiegOdWrap.has-value::after,
#mainSearchForm #filterPrzebiegDoWrap.has-value::after {
    display: none !important;
}

/* Selecty dostają miejsce po prawej na strzałkę, żeby tekst nie wchodził pod ikonę. */
#mainSearchForm #filterGeneracjaWrap select.ctrl,
#mainSearchForm #filterRokOdWrap select.ctrl,
#mainSearchForm #filterRokDoWrap select.ctrl,
#mainSearchForm #filterCenaOdWrap select.ctrl,
#mainSearchForm #filterCenaDoWrap select.ctrl,
#mainSearchForm #filterPrzebiegOdWrap select.ctrl,
#mainSearchForm #filterPrzebiegDoWrap select.ctrl {
    padding-right: 36px !important;
}

/* Drobne wyrównanie tekstu w połówkach, żeby strzałka i etykieta były optycznie w jednej osi. */
#mainSearchForm #filterRokOdWrap .lm-filter-label,
#mainSearchForm #filterRokDoWrap .lm-filter-label,
#mainSearchForm #filterCenaOdWrap .lm-filter-label,
#mainSearchForm #filterCenaDoWrap .lm-filter-label,
#mainSearchForm #filterPrzebiegOdWrap .lm-filter-label,
#mainSearchForm #filterPrzebiegDoWrap .lm-filter-label {
    max-width: calc(100% - 42px) !important;
}

/* Dla pól podwójnych X do czyszczenia zostaje nad strzałką, kiedy pole ma wartość. */
#mainSearchForm #filterRokOdWrap .year-clear,
#mainSearchForm #filterRokDoWrap .year-clear,
#mainSearchForm #filterCenaOdWrap .year-clear,
#mainSearchForm #filterCenaDoWrap .year-clear,
#mainSearchForm #filterPrzebiegOdWrap .year-clear,
#mainSearchForm #filterPrzebiegDoWrap .year-clear,
#mainSearchForm #filterGeneracjaWrap .year-clear {
    z-index: 20 !important;
}

/* LM_SEARCH_MORE_FILTERS_V9_ARROWS_20260528_END */

/* =========================================================
   LiderMoto - Więcej: strzałka bardziej w prawo, bez zmiany wysokości
   LM_CATEGORY_MORE_CARET_RIGHT_ONLY_V1_20260528
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button {
    gap: 8px !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button .lm-category-more-caret,
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret {
    margin-left: 8px !important;
}

/* =========================================================
   LiderMoto - aktywne Więcej: strzałka przy prawej krawędzi, bez zmiany wysokości
   LM_CATEGORY_MORE_ACTIVE_CARET_ABSOLUTE_RIGHT_V1_20260528
   ========================================================= */

/* Dotyczy tylko aktywnego kafelka z menu Więcej, czyli np. Kampery / Przyczepy... */
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active {
    position: relative !important;
    padding-right: 30px !important;
}

/* Tekst ma zostać po lewej i skracać się na końcu, a nie pod strzałką. */
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active > span:first-child,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active > span:first-child,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active > span:first-child {
    display: block !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: left !important;
}

/* Sama strzałka jest niezależna od tekstu i siedzi bliżej prawej krawędzi. */
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button.active .lm-category-more-caret {
    position: absolute !important;
    right: 11px !important;
    top: 50% !important;
    margin-left: 0 !important;
    transform: translateY(-50%) !important;
}

/* Gdy menu jest otwarte, zachowujemy obrót strzałki. */
.lm-category-more-wrap.is-open .lm-category-more-button.active .lm-category-more-caret {
    transform: translateY(-50%) rotate(180deg) !important;
}

/* =========================================================
   OtoLider - realna poprawka położenia tekstu Hero V2 20260531
   Cel: sam tekst „Znajdź samochód...” startuje przy lewej krawędzi strony/topbara,
   a wyszukiwarka pozostaje wycentrowana jak dotychczas.
   Marker: OTOLIDER_HOME_HERO_TITLE_LEFT_REAL_V2_20260531
   ========================================================= */
body.lm-home-modern .lm-home-hero .lm-home-hero-copy {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: clamp(18px, 1.8vw, 34px) !important;
    padding-right: clamp(18px, 1.8vw, 34px) !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

body.lm-home-modern .lm-home-hero .lm-home-hero-copy h1,
body.lm-home-modern .lm-home-hero .lm-home-hero-copy .lm-home-hero-lead {
    margin-left: 0 !important;
    margin-right: auto !important;
    text-align: left !important;
}

/* Wyszukiwarka zostaje w swojej osi i nie jest ruszana przez powyższą poprawkę. */
body.lm-home-modern .lm-home-hero .lm-home-search-shell {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* =========================================================
   OtoLider - wyrównanie kafelka „Więcej” w belce kategorii
   Cel: kafelek Więcej ma siedzieć w tej samej osi pionowej co Osobowe/Motocykle/etc.
   Nie zmieniamy wysokości kategorii ani działania menu, tylko pozycję całego kafelka.
   Marker: OTOLIDER_CATEGORY_MORE_ALIGN_V1_20260531
   ========================================================= */
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    align-self: stretch !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: stretch !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: translateY(2px) !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button {
    align-self: stretch !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    top: auto !important;
    transform: none !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
}


/* =========================================================
   OtoLider - Więcej: wyrównanie samego napisu, nie kafelka V2
   Cel: kafelek „Więcej” zostaje w miejscu, a obniżamy tylko napis
   względem pozostałych kategorii.
   Marker: OTOLIDER_CATEGORY_MORE_TEXT_ALIGN_V2_20260531
   ========================================================= */
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap {
    transform: none !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button-label {
    position: relative !important;
    top: 3px !important;
    transform: none !important;
    line-height: 1 !important;
}


/* =========================================================
   OtoLider - Więcej: finalne wyrównanie samego napisu V3
   Cel: kafelek zostaje nieruszony; tylko tekst „Więcej” dostaje
   identyczną typografię jak pozostałe etykiety kategorii i jest
   optycznie opuszczony względem środka przycisku.
   Marker: OTOLIDER_CATEGORY_MORE_TEXT_ALIGN_V3_20260531
   ========================================================= */
.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active),
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active),
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) {
    position: relative !important;
    padding-left: 12px !important;
    padding-right: 34px !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-button-label {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1.05 !important;
    letter-spacing: -0.005em !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: translate(-50%, -50%) translateY(4px) !important;
}

.search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs .lm-category-more-button:not(.active) .lm-category-more-caret {
    position: absolute !important;
    right: 28px !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    margin-left: 0 !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translateY(-50%) translateY(4px) !important;
}

/* =========================================================
   OtoLider - ostrożna korekta pionu kafelka Więcej v10
   Marker kontrolny: OTOLIDER_CATEGORY_MORE_VERTICAL_FIX_V10_20260601
   Zakres:
   - tylko napis i trójkąt w kafelku "Więcej",
   - bez zmiany wysokości kafelka,
   - bez zmiany menu rozwijanego,
   - bez zmiany pozostałych kategorii.
   ========================================================= */

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button {
    position: relative !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 12px !important;
    padding-right: 40px !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreButtonLabel,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreButtonLabel,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreButtonLabel,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-button-label,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-button-label,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-button-label {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    right: auto !important;
    bottom: auto !important;
    display: block !important;
    width: auto !important;
    max-width: calc(100% - 56px) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: -0.005em !important;
    transform: translate(-50%, -50%) translateY(8px) !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreCaret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreCaret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button #lmCategoryMoreCaret,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap .lm-category-more-button .lm-category-more-caret {
    position: absolute !important;
    right: 22px !important;
    top: 50% !important;
    left: auto !important;
    bottom: auto !important;
    width: 14px !important;
    height: 14px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    line-height: 1 !important;
    transform: translateY(-50%) translateY(8px) !important;
}

.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button #lmCategoryMoreCaret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button #lmCategoryMoreCaret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button #lmCategoryMoreCaret,
.search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button .lm-category-more-caret,
.lm-list-search-zone .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button .lm-category-more-caret,
body.lm-home-modern .lm-home-search-shell .search-zone .container > .tabs.lm-category-tabs > .lm-category-more-wrap.is-open .lm-category-more-button .lm-category-more-caret {
    transform: translateY(-50%) translateY(8px) rotate(180deg) !important;
}

/* OTOLIDER_CATEGORY_MORE_VERTICAL_FIX_V10_20260601_END */

