/* =========================================================
   OtoLider - tablet_mini home v1
   Plik docelowy: /web/lidermoto/assets/tablet_mini/otolider-tablet-mini.css

   Zakres:
   - iPad mini / mały tablet: 768x1024 i podobne,
   - osobna warstwa 761-1100 px,
   - nie rusza mobile telefonu <=760 px,
   - nie rusza desktopu >1100 px,
   - pasek kategorii na górze jak w mobile,
   - Oferta dnia nad Basic,
   - wyszukiwarka lżejsza i mniej ściśnięta.
   Marker: OTOLIDER_TABLET_MINI_HOME_V1_20260610
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html,
    body {
        max-width: 100% !important;
        overflow-x: hidden !important;
        background: #eef3f7 !important;
    }

    body.lm-home-modern {
        padding-top: 0 !important;
    }

    /* Delikatne odciążenie desktopowego topbara na małym tablecie.
       Na tym etapie nie budujemy jeszcze osobnego tabletowego menu. */
    html body .lm-sticky-userbar {
        width: 100% !important;
        background: #ffffff !important;
        border-bottom: 1px solid #dce4ec !important;
        box-shadow: 0 4px 12px rgba(21, 41, 65, 0.05) !important;
    }

    html body .lm-sticky-userbar .lm-userbar-inner {
        width: 100% !important;
        max-width: 1024px !important;
        min-height: 50px !important;
        margin: 0 auto !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        box-sizing: border-box !important;
        gap: 8px !important;
    }

    html body .lm-sticky-userbar .lm-userbar-actions {
        min-width: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        gap: 10px !important;
    }

    html body .lm-sticky-userbar .lm-userbar-actions::-webkit-scrollbar {
        display: none !important;
    }

    html body .lm-sticky-userbar .lm-userbar-actions > * {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        font-size: 12px !important;
    }

    html body .lm-sticky-userbar .lm-userbar-add,
    html body .lm-sticky-userbar a[href*="dodaj"] {
        min-height: 34px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        border-radius: 9px !important;
        font-size: 12px !important;
    }

    /* Pasek kategorii tablet_mini na samej górze, osobno od filtrów. */
    html body .lm-tablet-mini-category-rail {
        display: block !important;
        width: 100% !important;
        background: #ffffff !important;
        border-bottom: 1px solid #dce4ec !important;
        position: relative !important;
        z-index: 80 !important;
    }

    html body .lm-tablet-mini-category-scroller {
        width: 100% !important;
        max-width: 1024px !important;
        margin: 0 auto !important;
        padding: 8px 10px !important;
        box-sizing: border-box !important;
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    html body .lm-tablet-mini-category-scroller::-webkit-scrollbar {
        display: none !important;
    }

    html body .lm-tablet-mini-category-chip {
        flex: 0 0 auto !important;
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 16px !important;
        border: 1px solid #d4dfeb !important;
        border-radius: 999px !important;
        background: #f7fafc !important;
        color: #17314f !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
        scroll-snap-align: start !important;
    }

    html body .lm-tablet-mini-category-chip.is-active {
        border-color: #2f63e6 !important;
        background: #2f63e6 !important;
        color: #ffffff !important;
    }

    /* Jeżeli tabletowy pasek kategorii działa, drugi rząd kategorii w wyszukiwarce chowamy. */
    body.lm-tablet-mini-category-ready .search-zone .tabs,
    body.lm-tablet-mini-category-ready .search-zone .category-tabs,
    body.lm-tablet-mini-category-ready .search-zone .category-row,
    body.lm-tablet-mini-category-ready .search-zone .category-switch,
    body.lm-tablet-mini-category-ready .search-zone .lm-category-tabs,
    body.lm-tablet-mini-category-ready .search-zone .lm-search-category-tabs,
    body.lm-tablet-mini-category-ready .search-zone .lm-search-categories,
    body.lm-tablet-mini-category-ready .search-zone .lm-filter-categories,
    body.lm-tablet-mini-category-ready .search-zone .lm-category-strip,
    body.lm-tablet-mini-category-ready .search-zone .lm-main-categories,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .tabs,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .category-tabs,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .category-row,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .category-switch,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-category-tabs,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-search-category-tabs,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-search-categories,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-filter-categories,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-category-strip,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .lm-main-categories {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /* Nie chowamy Wszystkie / Nowe / Używane / Elektryczne. */
    body.lm-tablet-mini-category-ready .search-zone .type-switch,
    body.lm-tablet-mini-category-ready .search-zone .search-bottom,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .type-switch,
    body.lm-tablet-mini-category-ready .lm-home-search-shell .search-bottom {
        display: flex !important;
        visibility: visible !important;
        height: auto !important;
        max-height: none !important;
        pointer-events: auto !important;
    }

    /* Hero i wyszukiwarka: pośredni układ między telefonem a desktopem. */
    html body .lm-home-hero {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 20px 12px 14px !important;
        box-sizing: border-box !important;
    }

    html body .lm-home-hero-copy,
    html body .lm-home-search-shell {
        width: 100% !important;
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    html body .lm-home-hero-copy {
        padding: 0 4px !important;
    }

    html body .lm-home-hero-copy h1,
    html body #lm-home-hero-title {
        max-width: 760px !important;
        margin: 0 0 8px !important;
        font-size: clamp(28px, 4vw, 40px) !important;
        line-height: 1.02 !important;
        letter-spacing: -0.03em !important;
    }

    html body .lm-home-hero-lead {
        max-width: 760px !important;
        font-size: 16px !important;
        line-height: 1.35 !important;
    }

    html body .lm-home-search-shell {
        margin-top: 14px !important;
    }

    html body #mainSearchForm .search-grid,
    html body #mainSearchForm .lm-search-grid-collapsible,
    html body #mainSearchForm .search-grid.lm-search-grid-collapsible {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        align-items: stretch !important;
    }

    html body #mainSearchForm .search-grid > *,
    html body #mainSearchForm .lm-search-grid-collapsible > * {
        min-width: 0 !important;
    }

    html body #mainSearchForm .lm-search-phrase-row,
    html body #mainSearchForm .search-phrase-row,
    html body #mainSearchForm [data-field="fraza"],
    html body #mainSearchForm .phrase-row {
        grid-column: 1 / -1 !important;
    }

    html body #mainSearchForm .lm-more-filters-toggle,
    html body #mainSearchForm .more-filters-toggle,
    html body #mainSearchForm [data-more-filters-toggle] {
        min-height: 54px !important;
    }

    html body .search-zone .container,
    html body .lm-home-search-shell .search-zone .container {
        width: 100% !important;
        max-width: 980px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        box-sizing: border-box !important;
    }

    html body .lm-search-submit-main {
        min-height: 52px !important;
        border-radius: 18px !important;
        font-size: 16px !important;
    }

    /* Promowania: Oferta dnia jako pierwsza, Basic dopiero pod nią. */
    html body main.main.container {
        width: 100% !important;
        max-width: 980px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }

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

    html body #lm-basic-rotator .promo-wrap,
    html body #lm-basic-rotator .lm-basic-modern-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
        align-items: start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    html body #lm-basic-rotator #lm-oferta-dnia-rotator,
    html body #lm-basic-rotator .lm-offer-day-modern,
    html body #lm-basic-rotator .center-card {
        order: 1 !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 4px !important;
    }

    html body #lm-basic-rotator .lm-basic-side-left {
        order: 2 !important;
        grid-column: 1 / 2 !important;
        min-width: 0 !important;
    }

    html body #lm-basic-rotator .lm-basic-side-right {
        order: 3 !important;
        grid-column: 2 / 3 !important;
        min-width: 0 !important;
    }

    html body #lm-basic-rotator .lm-basic-side .stack {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        min-width: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    html body #lm-basic-rotator .mini-card,
    html body #lm-basic-rotator .lm-basic-card {
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    html body #lm-basic-rotator .mini-card .thumb {
        min-height: 190px !important;
        height: 190px !important;
    }

    html body #lm-basic-rotator .promo-side-controls {
        margin-top: 8px !important;
    }

    /* Light niżej: na tablecie bez lewego desktopowego menu, żeby nie ściskać kart. */
    html body .main .section-2.lm-light-stage1-section,
    html body .section-2.lm-light-stage1-section {
        display: block !important;
        width: 100% !important;
        margin-top: 22px !important;
    }

    html body .section-2.lm-light-stage1-section > .lm-category-sidebar,
    html body .main .section-2.lm-light-stage1-section > .lm-category-sidebar {
        display: none !important;
    }

    html body .lm-light-stage1-grid,
    html body .listing-grid.lm-light-stage1-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }

    /* Asystent nie powinien zasłaniać ceny na kartach. */
    html body .ol-assistant-launcher,
    html body .ol-assistant-widget .ol-assistant-launcher {
        right: 18px !important;
        bottom: 18px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v13 - etap 1: układ
   Marker: OTOLIDER_TABLET_MINI_HOME_V13_STAGE1_LAYOUT_20260610

   Zakres:
   - tylko tablet_mini 761-1100 px,
   - tylko stabilny układ filtrów,
   - bez zmiany zachowania okienek/list wyboru,
   - bez natywnego selecta iPada,
   - bez ruszania telefonu, desktopu i index.php.

   Układ:
   Rząd 1: Marka / Model / Generacja
   Rząd 2: Nadwozie / Rok / Więcej-Mniej filtrów
   Fraza: cała szerokość
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > * {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        justify-self: stretch !important;
    }

    /*
     * Stałe dwa pierwsze rzędy.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterMarkaWrap {
        order: 1 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterModelWrap {
        order: 2 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterGeneracjaWrap {
        order: 3 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-body-v13 {
        order: 4 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-year-v13 {
        order: 5 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v4 {
        order: 6 !important;
        grid-column: 3 / 4 !important;
        display: flex !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v4 {
        order: 999 !important;
        grid-column: 1 / -1 !important;
        display: block !important;
    }

    /*
     * Zwinięty widok: tylko dwa rzędy + fraza.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > * {
        display: none !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #filterMarkaWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #filterModelWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #filterGeneracjaWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-body-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-year-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-more-toggle-v4,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-phrase-row-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-phrase-row-v4 {
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-more-toggle-v4 {
        display: flex !important;
    }

    /*
     * Rozwinięty widok: pokazujemy wszystko,
     * ale dwa pierwsze rzędy zostają na górze.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > * {
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-tablet-mini-more-toggle-v4 {
        display: flex !important;
    }

    /*
     * Wysokości i wygląd przycisku Więcej/Mniej bez zmiany działania okienek.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterMarkaWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterModelWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterGeneracjaWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-body-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-year-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v4 {
        min-height: 54px !important;
        height: 54px !important;
        border-radius: 12px !important;
        overflow: visible !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v13,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v4 {
        align-items: center !important;
        justify-content: center !important;
        padding: 0 10px !important;
        border: 1px solid rgba(210,226,242,.86) !important;
        background: rgba(255,255,255,.08) !important;
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        text-align: center !important;
        cursor: pointer !important;
        white-space: normal !important;
        box-sizing: border-box !important;
    }

    /*
     * Techniczne znaczniki zawsze ukryte.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > style,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > script,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > noscript,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > template {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        width: 0 !important;
        overflow: hidden !important;
        position: absolute !important;
        left: -99999px !important;
        pointer-events: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v14
   Marker: OTOLIDER_TABLET_MINI_HOME_V14_NO_TOGGLE_JUMP_20260610

   Zakres:
   - tylko tablet_mini 761-1100 px,
   - blokuje przeskakiwanie Więcej/Mniej filtrów do pierwszego rzędu,
   - przycisk zawsze zostaje w drugim rzędzie:
     Nadwozie | Rok | Więcej/Mniej filtrów,
   - bez zmiany działania okienek Marka/Model/Generacja.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    /*
     * Stały układ góry — w obu stanach.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterMarkaWrap {
        order: 1 !important;
        grid-column: 1 / 2 !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterModelWrap {
        order: 2 !important;
        grid-column: 2 / 3 !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterGeneracjaWrap {
        order: 3 !important;
        grid-column: 3 / 4 !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-body-v13 {
        order: 4 !important;
        grid-column: 1 / 2 !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-year-v13 {
        order: 5 !important;
        grid-column: 2 / 3 !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v13 {
        order: 6 !important;
        grid-column: 3 / 4 !important;
        display: flex !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v13 {
        order: 999 !important;
        grid-column: 1 / -1 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v16
   Marker: OTOLIDER_TABLET_MINI_HOME_V16_THIRD_ROW_PRICE_ONLY_20260610

   Zakres:
   - tylko tablet_mini 761-1100 px,
   - baza: stabilny układ v14,
   - po rozwinięciu dodaje tylko jeden kafelek: Cena,
   - Cena zaczyna 3. rząd, pod Nadwozie,
   - nie dodaje Przebiegu, Paliwa ani innych filtrów.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Cena w rozwiniętym widoku:
     * Rząd 3 / kolumna 1, czyli pod Nadwozie.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-tablet-mini-price-v16 {
        display: block !important;
        order: 7 !important;
        grid-column: 1 / 2 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 54px !important;
        height: 54px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        justify-self: stretch !important;
    }

    /*
     * W zwiniętym widoku Cena ma być schowana.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-tablet-mini-price-v16 {
        display: none !important;
    }

    /*
     * Fraza zawsze zostaje niżej na całą szerokość.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v13 {
        order: 999 !important;
        grid-column: 1 / -1 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v19
   Marker: OTOLIDER_TABLET_MINI_HOME_V19_LOCATION_PANEL_EXACT_20260611

   Zakres:
   - tylko tablet_mini 761-1100 px,
   - bazuje na czystych plikach użytkownika,
   - nie zgaduje filtrów po tekście,
   - używa dokładnych elementów:
     #lmExtraFiltersPanel i #filterLocationWrap,
   - Lokalizacja trafia pod Przebieg,
   - inne filtry z panelu dodatkowego zostają na razie schowane,
   - nie rusza telefonu, desktopu i index.php.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Panel dodatkowy na tablet_mini nie może zachowywać się jak osobny
     * pełnoszeroki kontener, bo wtedy Lokalizacja nie da się ustawić
     * pod Przebiegiem w głównej siatce.
     *
     * Po rozwinięciu robimy z niego przezroczysty kontener,
     * a jego dzieci mogą uczestniczyć w gridzie rodzica.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel {
        display: contents !important;
        max-height: none !important;
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
        pointer-events: auto !important;
        transform: none !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #lmExtraFiltersPanel {
        display: none !important;
    }

    /*
     * Na tym etapie pokazujemy tylko Lokalizację z panelu dodatkowego.
     * Wyposażenie, Historia, Sprzedający i Finansowanie zostają na później.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > * {
        display: none !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterLocationWrap {
        display: block !important;
        order: 11 !important;
        grid-column: 2 / 3 !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        min-height: 54px !important;
        height: 54px !important;
        border-radius: 12px !important;
        box-sizing: border-box !important;
        justify-self: stretch !important;
    }

    /*
     * Uporządkowanie podstawowych filtrów po rozwinięciu.
     * Nie ruszamy mechaniki pól, tylko ich pozycję.
     */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-filter-price-combined {
        order: 7 !important;
        grid-column: 1 / 2 !important;
        display: grid !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-filter-mileage-combined {
        order: 8 !important;
        grid-column: 2 / 3 !important;
        display: grid !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #filterFuelWrap {
        order: 9 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #filterEngineWrap {
        order: 10 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v13 {
        order: 999 !important;
        grid-column: 1 / -1 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v26 clean controller
   Marker: OTOLIDER_TABLET_MINI_HOME_V26_CLEAN_CONTROLLER_20260611

   Zakres:
   - bazuje na najlepszych plikach użytkownika,
   - nie zmienia telefonu ani desktopu,
   - jeden kontroler przełączania zamiast kilku walczących bloków,
   - usuwa miganie Ceny i pozostający Przebieg po kliknięciu Mniej filtrów,
   - docelowy układ:
     Marka | Model | Generacja
     Nadwozie | Rok | Więcej/Mniej
     Cena | Przebieg | Paliwo
     Silnik | Lokalizacja | Wyposażenie
     Historia | Sprzedający | Finansowanie
     Fraza
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: none !important;
        align-items: stretch !important;
        justify-items: stretch !important;
        box-sizing: border-box !important;
        grid-auto-rows: auto !important;
        align-content: start !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > * {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        justify-self: stretch !important;
    }

    /* Stałe dwa pierwsze rzędy. */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterMarkaWrap {
        order: 1 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterModelWrap {
        order: 2 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > #filterGeneracjaWrap {
        order: 3 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-body-v13 {
        order: 4 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-year-v13 {
        order: 5 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-more-toggle-v13 {
        order: 6 !important;
        grid-column: 3 / 4 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Stan zwinięty: chowamy dokładnie tylko rozwinięte kafelki. */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-filter-price-combined,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > .lm-filter-mileage-combined,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #filterFuelWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #filterEngineWrap,
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #lmExtraFiltersPanel {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13:not(.is-tablet-mini-open-v13) > #lmExtraFiltersPanel > * {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /* Stan rozwinięty: pełny układ. */
    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-filter-price-combined {
        order: 7 !important;
        grid-column: 1 / 2 !important;
        display: grid !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > .lm-filter-mileage-combined {
        order: 8 !important;
        grid-column: 2 / 3 !important;
        display: grid !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #filterFuelWrap {
        order: 9 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #filterEngineWrap {
        order: 10 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel {
        display: contents !important;
        visibility: visible !important;
        pointer-events: auto !important;
        max-height: none !important;
        height: auto !important;
        opacity: 1 !important;
        overflow: visible !important;
        transform: none !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterLocationWrap {
        order: 11 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterEquipmentWrap {
        order: 12 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterHistoryWrap {
        order: 13 !important;
        grid-column: 1 / 2 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterSalesNetworkWrap {
        order: 14 !important;
        grid-column: 2 / 3 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13.is-tablet-mini-open-v13 > #lmExtraFiltersPanel > #filterFinancialWrap {
        order: 15 !important;
        grid-column: 3 / 4 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    html body #mainSearchForm .lm-tablet-mini-filter-grid-v13 > .lm-tablet-mini-phrase-row-v13 {
        order: 999 !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        margin: 0 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v30
   Marker: OTOLIDER_TABLET_MINI_HOME_V30_BRAND_CALM_CLICK_20260611

   Zakres:
   - bazuje na idealnym układzie v26,
   - tylko kafelek Marka,
   - spokojne przełączanie na click, bez agresywnego pointerdown,
   - jeden ładny picker marek,
   - drugie kliknięcie w Marka zamyka picker,
   - stare/originalne listy autocomplete są ukryte.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm #filterMarkaWrap {
        position: relative !important;
        overflow: visible !important;
    }

    /*
     * Gdy działa tabletowy picker Marki, stare listy autocomplete są zawsze ukryte.
     * Dzięki temu nie trzeba agresywnie przejmować pointerdown/touchstart.
     */
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready .lm-vehicle-autocomplete-list,
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready .lm-vehicle-autocomplete-results,
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready .vehicle-autocomplete-list,
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready .vehicle-autocomplete-results,
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready [data-vehicle-autocomplete-results],
    html body #mainSearchForm #filterMarkaWrap.lm-tablet-mini-brand-v30-ready [data-autocomplete-results] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    html body #mainSearchForm #filterMarkaWrap .lm-tablet-mini-brand-picker-v30 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 8px) !important;
        z-index: 9999 !important;
        display: none !important;
        max-height: 360px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #ffffff !important;
        border: 1px solid rgba(203,216,230,.96) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 38px rgba(12,31,52,.28) !important;
        padding: 6px !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterMarkaWrap.is-tablet-mini-brand-open-v30 .lm-tablet-mini-brand-picker-v30 {
        display: block !important;
    }

    html body #mainSearchForm #filterMarkaWrap .lm-tablet-mini-brand-option-v30 {
        width: 100% !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #102742 !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 850 !important;
        text-align: left !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterMarkaWrap .lm-tablet-mini-brand-option-v30:hover,
    html body #mainSearchForm #filterMarkaWrap .lm-tablet-mini-brand-option-v30.is-active {
        background: #eef4ff !important;
        color: #245fe7 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v31
   Marker: OTOLIDER_TABLET_MINI_HOME_V31_MODEL_PICKER_20260611

   Zakres:
   - bazuje na v30,
   - tylko kafelek Model,
   - wygląd listy Modeli jak przy Marce,
   - pierwsze kliknięcie otwiera picker,
   - drugie kliknięcie w Model zamyka picker,
   - stare/originalne listy autocomplete Modelu są ukryte,
   - wybór Modelu odpala istniejące change dla Generacji.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm #filterModelWrap {
        position: relative !important;
        overflow: visible !important;
    }

    /*
     * Gdy działa tabletowy picker Modelu, stare listy autocomplete Modelu są ukryte.
     */
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready .lm-vehicle-autocomplete-list,
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready .lm-vehicle-autocomplete-results,
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready .vehicle-autocomplete-list,
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready .vehicle-autocomplete-results,
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready [data-vehicle-autocomplete-results],
    html body #mainSearchForm #filterModelWrap.lm-tablet-mini-model-v31-ready [data-autocomplete-results] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    html body #mainSearchForm #filterModelWrap .lm-tablet-mini-model-picker-v31 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 8px) !important;
        z-index: 9998 !important;
        display: none !important;
        max-height: 360px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #ffffff !important;
        border: 1px solid rgba(203,216,230,.96) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 38px rgba(12,31,52,.28) !important;
        padding: 6px !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterModelWrap.is-tablet-mini-model-open-v31 .lm-tablet-mini-model-picker-v31 {
        display: block !important;
    }

    html body #mainSearchForm #filterModelWrap .lm-tablet-mini-model-option-v31 {
        width: 100% !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #102742 !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 850 !important;
        text-align: left !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterModelWrap .lm-tablet-mini-model-option-v31:hover,
    html body #mainSearchForm #filterModelWrap .lm-tablet-mini-model-option-v31.is-active {
        background: #eef4ff !important;
        color: #245fe7 !important;
    }

    html body #mainSearchForm #filterModelWrap .lm-tablet-mini-model-option-v31.is-disabled {
        color: #6d7d8f !important;
        font-weight: 750 !important;
        cursor: default !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v32
   Marker: OTOLIDER_TABLET_MINI_HOME_V32_GENERATION_PICKER_20260611

   Zakres:
   - bazuje na v31,
   - tylko kafelek Generacja,
   - wygląd listy Generacji jak przy Marce i Modelu,
   - pierwsze kliknięcie otwiera picker,
   - drugie kliknięcie w Generacja zamyka picker,
   - stare/originalne listy autocomplete Generacji są ukryte,
   - wybór Generacji odpala istniejące change.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body #mainSearchForm #filterGeneracjaWrap {
        position: relative !important;
        overflow: visible !important;
    }

    /*
     * Gdy działa tabletowy picker Generacji, stare listy autocomplete Generacji są ukryte.
     */
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready .lm-vehicle-autocomplete-list,
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready .lm-vehicle-autocomplete-results,
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready .vehicle-autocomplete-list,
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready .vehicle-autocomplete-results,
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready [data-vehicle-autocomplete-results],
    html body #mainSearchForm #filterGeneracjaWrap.lm-tablet-mini-generation-v32-ready [data-autocomplete-results] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    html body #mainSearchForm #filterGeneracjaWrap .lm-tablet-mini-generation-picker-v32 {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        top: calc(100% + 8px) !important;
        z-index: 9997 !important;
        display: none !important;
        max-height: 360px !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        background: #ffffff !important;
        border: 1px solid rgba(203,216,230,.96) !important;
        border-radius: 14px !important;
        box-shadow: 0 18px 38px rgba(12,31,52,.28) !important;
        padding: 6px !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterGeneracjaWrap.is-tablet-mini-generation-open-v32 .lm-tablet-mini-generation-picker-v32 {
        display: block !important;
    }

    html body #mainSearchForm #filterGeneracjaWrap .lm-tablet-mini-generation-option-v32 {
        width: 100% !important;
        min-height: 38px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        padding: 0 10px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 10px !important;
        background: transparent !important;
        color: #102742 !important;
        font-size: 14px !important;
        line-height: 1.1 !important;
        font-weight: 850 !important;
        text-align: left !important;
        cursor: pointer !important;
        box-sizing: border-box !important;
    }

    html body #mainSearchForm #filterGeneracjaWrap .lm-tablet-mini-generation-option-v32:hover,
    html body #mainSearchForm #filterGeneracjaWrap .lm-tablet-mini-generation-option-v32.is-active {
        background: #eef4ff !important;
        color: #245fe7 !important;
    }

    html body #mainSearchForm #filterGeneracjaWrap .lm-tablet-mini-generation-option-v32.is-disabled {
        color: #6d7d8f !important;
        font-weight: 750 !important;
        cursor: default !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v41
   Marker: OTOLIDER_TABLET_MINI_HOME_V41_BODY_MODAL_CLEAN_20260611

   Zakres:
   - tylko tablet_mini 761-1100 px,
   - tylko istniejący popup Nadwozia #vehicleFilterModal,
   - bez przenoszenia modala pod body,
   - bez osobnego popupu tabletowego,
   - wygląd spójny z popupem Silnik i napęd:
     niebieski pasek, mały biały X, przewijany środek,
     stały dół Czyść/Wybierz.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html.lm-tablet-mini-vehicle-modal-open-v41,
    body.lm-tablet-mini-vehicle-modal-open-v41 {
        overflow: hidden !important;
        overscroll-behavior: contain !important;
    }

    /* Na czas otwartego popupu chowamy elementy, które na iPad mini tworzyły konflikt warstw. */
    body.lm-tablet-mini-vehicle-modal-open-v41 .lm-sticky-userbar,
    body.lm-tablet-mini-vehicle-modal-open-v41 .lm-userbar,
    body.lm-tablet-mini-vehicle-modal-open-v41 .topbar,
    body.lm-tablet-mini-vehicle-modal-open-v41 .lm-tablet-mini-category-rail {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal,
    html body #vehicleFilterModal.filter-modal.lm-vehicle-modern-modal {
        position: fixed !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 2147482000 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(8, 20, 34, .52) !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
        transform: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal.is-open,
    html body #vehicleFilterModal.filter-modal.lm-vehicle-modern-modal.is-open,
    html body #vehicleFilterModal.lm-vehicle-modern-modal[aria-hidden="false"],
    html body #vehicleFilterModal.filter-modal.lm-vehicle-modern-modal[aria-hidden="false"] {
        display: flex !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-panel {
        position: relative !important;
        z-index: 2147482001 !important;
        width: min(720px, calc(100vw - 20px)) !important;
        max-width: min(720px, calc(100vw - 20px)) !important;
        height: auto !important;
        max-height: calc(100vh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        background: #eef3f7 !important;
        box-shadow: 0 26px 80px rgba(0, 0, 0, .38) !important;
        transform: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-head {
        flex: 0 0 auto !important;
        min-height: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        background: #315a7e !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(9, 24, 42, .16) !important;
        color: #ffffff !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-head #vehicleFilterTitle,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-head > div {
        min-width: 0 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-close,
    html body #vehicleFilterModal.lm-vehicle-modern-modal #closeVehicleFilter {
        flex: 0 0 auto !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-close:hover,
    html body #vehicleFilterModal.lm-vehicle-modern-modal #closeVehicleFilter:hover {
        background: rgba(255,255,255,.12) !important;
        border-radius: 5px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body.lm-vehicle-modern-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-modern-body {
        position: relative !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding: 12px 12px 92px !important;
        box-sizing: border-box !important;
        background: #eef3f7 !important;
        scrollbar-width: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body::-webkit-scrollbar,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-modern-body::-webkit-scrollbar {
        display: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-section {
        margin: 0 0 10px !important;
        padding: 12px !important;
        border-radius: 12px !important;
        border: 1px solid #d8e3ee !important;
        background: #ffffff !important;
        box-shadow: 0 6px 18px rgba(15, 34, 56, .04) !important;
        box-sizing: border-box !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-section-title {
        color: #173656 !important;
        font-size: 11px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-chip-grid,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-chip-grid-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-chip-grid-color {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-chip-grid-paint {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-two-columns,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-range-cards {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-chip-visual {
        min-height: 32px !important;
        padding: 6px 10px !important;
        font-size: 12px !important;
        line-height: 1.12 !important;
        border-radius: 999px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions {
        position: absolute !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 60 !important;
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 0 !important;
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        border-top: 1px solid #d3deea !important;
        background: rgba(238, 243, 247, .98) !important;
        box-shadow: 0 -8px 22px rgba(21, 41, 65, .12) !important;
        backdrop-filter: blur(10px) !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions .filter-btn,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 48px !important;
        height: 48px !important;
        border-radius: 11px !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions #clearVehicleFilter {
        border: 1px solid #cbd8e6 !important;
        background: #ffffff !important;
        color: #31506d !important;
        box-shadow: none !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions #applyVehicleFilter {
        border: 1px solid #2f63e6 !important;
        background: #2f63e6 !important;
        color: #ffffff !important;
        box-shadow: 0 8px 18px rgba(47, 99, 230, .24) !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal label,
    html body #vehicleFilterModal.lm-vehicle-modern-modal input,
    html body #vehicleFilterModal.lm-vehicle-modern-modal button,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body * {
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v42
   Marker: OTOLIDER_TABLET_MINI_HOME_V42_BODY_MODAL_ACTIONS_AFTER_PAINT_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - popup Nadwozie zachowuje styl v41,
   - ale Czyść / Wybierz nie zasłaniają sekcji Lakier,
   - przyciski wracają pod treść popupu jako normalny dolny blok.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .filter-modal-body.lm-vehicle-modern-body,
    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-modern-body {
        padding: 12px 12px 16px !important;
    }

    html body #vehicleFilterModal.lm-vehicle-modern-modal .lm-vehicle-actions {
        position: static !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        z-index: auto !important;
        margin: 10px -12px -10px !important;
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v45
   Marker: OTOLIDER_TABLET_MINI_HOME_V45_EQUIPMENT_MODAL_HEADER_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko popup Wyposażenie #equipmentFilterModal,
   - bez zmiany logiki checkboxów i przycisków,
   - dodaje widoczny niebieski pasek nagłówka i mały biały X,
   - panel przykrywa topbar/pasek kategorii jak pozostałe popupy tablet_mini.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html body #equipmentFilterModal.filter-modal.lm-equipment-modal,
    html body #equipmentFilterModal.lm-equipment-modal {
        position: fixed !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        z-index: 2147481900 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        max-width: none !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px !important;
        box-sizing: border-box !important;
        display: none !important;
        align-items: center !important;
        justify-content: center !important;
        background: rgba(8, 20, 34, .52) !important;
        overflow: hidden !important;
        overscroll-behavior: contain !important;
        transform: none !important;
    }

    html body #equipmentFilterModal.filter-modal.lm-equipment-modal.is-open,
    html body #equipmentFilterModal.lm-equipment-modal.is-open,
    html body #equipmentFilterModal.filter-modal.lm-equipment-modal[aria-hidden="false"],
    html body #equipmentFilterModal.lm-equipment-modal[aria-hidden="false"] {
        display: flex !important;
    }

    html body #equipmentFilterModal .lm-equipment-modal-panel,
    html body #equipmentFilterModal .filter-modal-panel.lm-equipment-modal-panel {
        position: relative !important;
        z-index: 2147481901 !important;
        width: min(760px, calc(100vw - 20px)) !important;
        max-width: min(760px, calc(100vw - 20px)) !important;
        height: auto !important;
        max-height: calc(100vh - 20px) !important;
        max-height: calc(100dvh - 20px) !important;
        margin: 0 auto !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        border-radius: 12px !important;
        background: #eef3f7 !important;
        box-shadow: 0 26px 80px rgba(0, 0, 0, .38) !important;
        transform: none !important;
    }

    html body #equipmentFilterModal .filter-modal-head {
        flex: 0 0 auto !important;
        min-height: 44px !important;
        height: 44px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding: 0 14px !important;
        box-sizing: border-box !important;
        background: #315a7e !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(9, 24, 42, .16) !important;
        color: #ffffff !important;
    }

    html body #equipmentFilterModal .filter-modal-head #equipmentFilterTitle,
    html body #equipmentFilterModal .filter-modal-head > div {
        min-width: 0 !important;
        color: #ffffff !important;
        font-size: 14px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    html body #equipmentFilterModal .filter-modal-close,
    html body #equipmentFilterModal #closeEquipmentFilter {
        flex: 0 0 auto !important;
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        color: #ffffff !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        box-shadow: none !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body #equipmentFilterModal .filter-modal-close:hover,
    html body #equipmentFilterModal #closeEquipmentFilter:hover {
        background: rgba(255,255,255,.12) !important;
        border-radius: 5px !important;
    }

    html body #equipmentFilterModal .filter-modal-body {
        position: relative !important;
        flex: 1 1 auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        overscroll-behavior: contain !important;
        padding: 12px 12px 0 !important;
        box-sizing: border-box !important;
        background: #eef3f7 !important;
        scrollbar-width: none !important;
    }

    html body #equipmentFilterModal .filter-modal-body::-webkit-scrollbar {
        display: none !important;
    }

    html body #equipmentFilterModal .filter-section {
        margin: 0 0 10px !important;
        padding: 12px !important;
        border-radius: 12px !important;
        border: 1px solid #d8e3ee !important;
        background: #ffffff !important;
        box-shadow: 0 6px 18px rgba(15, 34, 56, .04) !important;
        box-sizing: border-box !important;
    }

    html body #equipmentFilterModal .filter-actions {
        position: sticky !important;
        bottom: 0 !important;
        display: grid !important;
        grid-template-columns: minmax(0, .85fr) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        margin: 10px -12px 0 !important;
        padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        box-sizing: border-box !important;
        border-top: 1px solid #d3deea !important;
        background: rgba(238, 243, 247, .98) !important;
        box-shadow: 0 -8px 22px rgba(21, 41, 65, .12) !important;
        backdrop-filter: blur(10px) !important;
    }

    html body #equipmentFilterModal .filter-actions .filter-btn,
    html body #equipmentFilterModal .filter-actions button {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        border-radius: 11px !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        box-sizing: border-box !important;
        cursor: pointer !important;
        pointer-events: auto !important;
        touch-action: manipulation !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v46
   Marker: OTOLIDER_TABLET_MINI_HOME_V46_EQUIPMENT_MODAL_MOVE_DOWN_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko popup Wyposażenie #equipmentFilterModal,
   - poprawia v45: popup nie startuje zbyt wysoko,
   - niebieski pasek i X mają być widoczne od razu po otwarciu,
   - bez zmiany JS, checkboxów, Czyść/Wybierz i logiki formularza.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html body #equipmentFilterModal.filter-modal.lm-equipment-modal,
    html body #equipmentFilterModal.lm-equipment-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: calc(68px + env(safe-area-inset-top, 0px)) !important;
        padding-right: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 10px !important;
        overflow: hidden !important;
    }

    html body #equipmentFilterModal .lm-equipment-modal-panel,
    html body #equipmentFilterModal .filter-modal-panel.lm-equipment-modal-panel {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        max-height: calc(100vh - 88px) !important;
        max-height: calc(100dvh - 88px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
    }

    html body #equipmentFilterModal .filter-modal-head {
        position: relative !important;
        z-index: 5 !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v47
   Marker: OTOLIDER_TABLET_MINI_HOME_V47_EQUIPMENT_MODAL_BELOW_CATEGORY_RAIL_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko popup Wyposażenie #equipmentFilterModal,
   - opuszcza popup niżej, żeby nie nachodził na topbar i pasek kategorii,
   - niebieski pasek i X pozostają widoczne od razu,
   - bez zmiany JS, checkboxów, Czyść/Wybierz i logiki formularza.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html body #equipmentFilterModal.filter-modal.lm-equipment-modal,
    html body #equipmentFilterModal.lm-equipment-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: calc(104px + env(safe-area-inset-top, 0px)) !important;
        padding-right: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 10px !important;
        overflow: hidden !important;
    }

    html body #equipmentFilterModal .lm-equipment-modal-panel,
    html body #equipmentFilterModal .filter-modal-panel.lm-equipment-modal-panel {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        max-height: calc(100vh - 124px) !important;
        max-height: calc(100dvh - 124px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini home v48
   Marker: OTOLIDER_TABLET_MINI_HOME_V48_EQUIPMENT_MODAL_LOWER_START_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko popup Wyposażenie #equipmentFilterModal,
   - opuszcza popup jeszcze niżej po v47,
   - niebieski pasek i X mają być w całości widoczne pod paskiem kategorii,
   - bez zmiany JS, checkboxów, Czyść/Wybierz i logiki formularza.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    html body #equipmentFilterModal.filter-modal.lm-equipment-modal,
    html body #equipmentFilterModal.lm-equipment-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: calc(148px + env(safe-area-inset-top, 0px)) !important;
        padding-right: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 10px !important;
        overflow: hidden !important;
    }

    html body #equipmentFilterModal .lm-equipment-modal-panel,
    html body #equipmentFilterModal .filter-modal-panel.lm-equipment-modal-panel {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        max-height: calc(100vh - 168px) !important;
        max-height: calc(100dvh - 168px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini lista ogłoszeń v49
   Marker: OTOLIDER_TABLET_MINI_LIST_HIDE_LEFT_CATEGORY_FILTER_V49_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko publiczna lista ogłoszeń,
   - ukrywa lewe menu / filtr kategorii,
   - lista ogłoszeń i górne filtry dostają pełną szerokość,
   - bez zmiany kart ogłoszeń, SQL, sortowania i mobile.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    body.lm-tablet-mini-listing-page .lm-content-layout,
    body.lm-list-modern.lm-tablet-mini-listing-page .lm-content-layout {
        display: block !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.lm-tablet-mini-listing-page .lm-category-details-sidebar,
    body.lm-tablet-mini-listing-page .lm-category-sidebar,
    body.lm-tablet-mini-listing-page [data-lm-category-details] {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-layout-main {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-list-shell {
        width: 100% !important;
        max-width: 980px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
        box-sizing: border-box !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini lista ogłoszeń v50
   Marker: OTOLIDER_TABLET_MINI_LIST_NATIVE_RANGES_AND_POPUP_OFFSET_V50_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko publiczna lista ogłoszeń,
   - Cena od/do i Przebieg od/do używają natywnego selecta zamiast inputu autocomplete,
     żeby nie otwierać klawiatury ekranowej na tablecie,
   - popup Lokalizacja i Historia startują niżej pod topbarem/paskiem kategorii,
   - bez zmiany JS, PHP, SQL, kart ogłoszeń, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Lista ogłoszeń / tablet:
     * zakresy Cena i Przebieg nie powinny otwierać klawiatury ekranowej.
     * Pokazujemy więc natywny select, a chowamy input autocomplete.
     */
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-price-combined .lm-range-native-select,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-mileage-combined .lm-range-native-select {
        display: block !important;
        width: 100% !important;
        min-height: 54px !important;
        height: 54px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #102742 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        padding: 18px 34px 6px 16px !important;
        cursor: pointer !important;
        appearance: auto !important;
        -webkit-appearance: menulist !important;
    }

    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-input,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-arrow,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-list,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-input,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-arrow,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-list {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-price-combined .lm-filter-card.is-typing .lm-filter-label,
    body.lm-tablet-mini-listing-page #mainSearchForm .lm-filter-mileage-combined .lm-filter-card.is-typing .lm-filter-label {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /*
     * Popup Lokalizacja i Historia na liście ogłoszeń:
     * opuszczamy panel niżej, bo nad nim jest topbar i pasek kategorii.
     */
    body.lm-tablet-mini-listing-page #locationFilterModal.filter-modal,
    body.lm-tablet-mini-listing-page #historyFilterModal.filter-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: calc(148px + env(safe-area-inset-top, 0px)) !important;
        padding-right: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-tablet-mini-listing-page #locationFilterModal .filter-modal-panel,
    body.lm-tablet-mini-listing-page #historyFilterModal .filter-modal-panel {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        max-height: calc(100vh - 168px) !important;
        max-height: calc(100dvh - 168px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v51
   Marker: OTOLIDER_TABLET_MINI_HOME_NATIVE_RANGES_AND_POPUP_OFFSET_V51_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - strona główna,
   - Cena od/do i Przebieg od/do używają natywnego selecta zamiast inputu autocomplete,
     żeby nie otwierać klawiatury ekranowej na tablecie,
   - popup Lokalizacja i Historia startują niżej pod topbarem/paskiem kategorii,
   - analogicznie do działającej poprawki v50 na liście ogłoszeń,
   - bez zmiany JS, PHP, SQL, kart ogłoszeń, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Strona główna / tablet:
     * zakresy Cena i Przebieg nie powinny otwierać klawiatury ekranowej.
     * Pokazujemy więc natywny select, a chowamy input autocomplete.
     */
    body.lm-home-modern #mainSearchForm .lm-filter-price-combined .lm-range-native-select,
    body.lm-home-modern #mainSearchForm .lm-filter-mileage-combined .lm-range-native-select {
        display: block !important;
        width: 100% !important;
        min-height: 54px !important;
        height: 54px !important;
        box-sizing: border-box !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #102742 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        padding: 18px 34px 6px 16px !important;
        cursor: pointer !important;
        appearance: auto !important;
        -webkit-appearance: menulist !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-input,
    body.lm-home-modern #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-arrow,
    body.lm-home-modern #mainSearchForm .lm-filter-price-combined .lm-range-autocomplete-list,
    body.lm-home-modern #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-input,
    body.lm-home-modern #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-arrow,
    body.lm-home-modern #mainSearchForm .lm-filter-mileage-combined .lm-range-autocomplete-list {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    body.lm-home-modern #mainSearchForm .lm-filter-price-combined .lm-filter-card.is-typing .lm-filter-label,
    body.lm-home-modern #mainSearchForm .lm-filter-mileage-combined .lm-filter-card.is-typing .lm-filter-label {
        opacity: 1 !important;
        visibility: visible !important;
    }

    /*
     * Popup Lokalizacja i Historia na stronie głównej:
     * opuszczamy panel niżej, bo nad nim jest topbar i pasek kategorii.
     */
    body.lm-home-modern #locationFilterModal.filter-modal,
    body.lm-home-modern #historyFilterModal.filter-modal {
        align-items: flex-start !important;
        justify-content: center !important;
        padding-top: calc(148px + env(safe-area-inset-top, 0px)) !important;
        padding-right: 10px !important;
        padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px)) !important;
        padding-left: 10px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #locationFilterModal .filter-modal-panel,
    body.lm-home-modern #historyFilterModal .filter-modal-panel {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        max-height: calc(100vh - 168px) !important;
        max-height: calc(100dvh - 168px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)) !important;
        transform: none !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini lista ogłoszeń v52
   Marker: OTOLIDER_TABLET_MINI_LIST_CARDS_V52_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko publiczna lista ogłoszeń,
   - karta pozioma: zdjęcie po lewej, dane po prawej,
   - widok pośredni między telefonem a desktopem,
   - bez zmiany PHP, JS, SQL, filtrów, sortowania i mobile.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    body.lm-tablet-mini-listing-page .lm-results-bar {
        gap: 10px !important;
        margin-bottom: 12px !important;
        align-items: flex-start !important;
    }

    body.lm-tablet-mini-listing-page .lm-results-bar form {
        width: 230px !important;
        max-width: 230px !important;
        flex: 0 0 230px !important;
        margin-left: auto !important;
    }

    body.lm-tablet-mini-listing-page .lm-filter-summary {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        gap: 6px !important;
    }

    body.lm-tablet-mini-listing-page .lm-filter-summary .lm-chip,
    body.lm-tablet-mini-listing-page .lm-filter-summary .lm-clear {
        font-size: 12px !important;
        line-height: 1.1 !important;
        padding: 6px 9px !important;
    }

    body.lm-tablet-mini-listing-page .lm-list-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: none !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-card {
        display: grid !important;
        grid-template-columns: clamp(252px, 34vw, 320px) minmax(0, 1fr) !important;
        align-items: stretch !important;
        min-height: 202px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid #d5e1ec !important;
        box-shadow: 0 8px 22px rgba(24, 48, 74, .08) !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-card:hover {
        transform: translateY(-1px) !important;
        border-color: #b9c9d8 !important;
        box-shadow: 0 12px 28px rgba(24, 48, 74, .12) !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo {
        width: calc(100% - 20px) !important;
        height: 178px !important;
        min-height: 178px !important;
        max-height: 178px !important;
        margin: 12px 0 12px 12px !important;
        border-radius: 12px !important;
        overflow: hidden !important;
        background: #e7edf3 !important;
        align-self: stretch !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        width: 100% !important;
        height: 178px !important;
        min-height: 178px !important;
        max-height: 178px !important;
        object-fit: cover !important;
    }

    body.lm-tablet-mini-listing-page .lm-badge-stack {
        left: 8px !important;
        top: 8px !important;
        gap: 5px !important;
        max-width: calc(100% - 16px) !important;
    }

    body.lm-tablet-mini-listing-page .lm-badge {
        min-height: 22px !important;
        padding: 0 8px !important;
        border-radius: 999px !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-main {
        min-width: 0 !important;
        padding: 13px 14px 12px 4px !important;
        display: grid !important;
        grid-template-rows: auto auto 1fr !important;
        gap: 10px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-headline {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        align-items: start !important;
        min-width: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-title {
        margin: 0 !important;
        color: #155992 !important;
        font-size: 18px !important;
        line-height: 1.18 !important;
        font-weight: 950 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-business-logo {
        width: 108px !important;
        height: 38px !important;
        max-width: 108px !important;
        max-height: 38px !important;
        padding: 5px 7px !important;
        border-radius: 8px !important;
        justify-self: end !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px 10px !important;
        align-items: stretch !important;
        overflow: visible !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item {
        min-width: 0 !important;
        padding: 7px 8px !important;
        border-radius: 9px !important;
        background: #f6f9fc !important;
        border: 1px solid #e3ebf3 !important;
        white-space: nowrap !important;
        box-sizing: border-box !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item span {
        display: block !important;
        margin: 0 0 3px !important;
        color: #6c7b8a !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 800 !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item strong {
        display: block !important;
        color: #1d3046 !important;
        font-size: 12px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        gap: 12px !important;
        min-height: 0 !important;
        margin-top: 2px !important;
    }

    body.lm-tablet-mini-listing-page .lm-price-line {
        display: flex !important;
        align-items: baseline !important;
        gap: 7px !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-price {
        color: #07111c !important;
        font-size: 23px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.01em !important;
    }

    body.lm-tablet-mini-listing-page .lm-price-tax {
        color: #536170 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
    }

    body.lm-tablet-mini-listing-page .lm-finance-tags {
        gap: 6px !important;
        font-size: 10px !important;
        font-weight: 800 !important;
    }

    body.lm-tablet-mini-listing-page .lm-location {
        max-width: 100% !important;
        margin-top: 5px !important;
        color: #687789 !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.lm-tablet-mini-listing-page .lm-card-actions {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }

    body.lm-tablet-mini-listing-page .lm-btn {
        min-height: 38px !important;
        padding: 0 14px !important;
        border-radius: 10px !important;
        border: 1px solid #c7d7e7 !important;
        background: #eef5fc !important;
        color: #194a74 !important;
        font-size: 13px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
    }

    body.lm-tablet-mini-listing-page .lm-btn-icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        background: #254f73 !important;
        border-color: #254f73 !important;
        color: #ffffff !important;
        font-size: 17px !important;
    }

    body.lm-tablet-mini-listing-page .lm-pagination {
        margin-top: 18px !important;
    }
}

/*
 * Węższy tablet pionowy, np. iPad mini 768 px:
 * zostawiamy kartę poziomą, ale trochę zmniejszamy zdjęcie i przyciski.
 */
@media (min-width: 761px) and (max-width: 840px) {
    body.lm-tablet-mini-listing-page .lm-results-bar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 220px !important;
        align-items: start !important;
    }

    body.lm-tablet-mini-listing-page .lm-results-bar form {
        width: 220px !important;
        max-width: 220px !important;
        flex: 0 0 220px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-card {
        grid-template-columns: 244px minmax(0, 1fr) !important;
        min-height: 188px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo,
    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        height: 164px !important;
        min-height: 164px !important;
        max-height: 164px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-main {
        padding: 12px 12px 10px 2px !important;
        gap: 8px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-title {
        font-size: 16px !important;
        -webkit-line-clamp: 2 !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-business-logo {
        width: 96px !important;
        height: 34px !important;
        max-width: 96px !important;
        max-height: 34px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item {
        padding: 6px 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-price {
        font-size: 20px !important;
    }

    body.lm-tablet-mini-listing-page .lm-btn {
        min-height: 34px !important;
        padding: 0 11px !important;
        font-size: 12px !important;
    }

    body.lm-tablet-mini-listing-page .lm-btn-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini lista ogłoszeń v54
   Marker: OTOLIDER_TABLET_MINI_LIST_PRICE_UNDER_PHOTO_CSS_ONLY_V54_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko publiczna lista ogłoszeń,
   - CSS-only, bez zmian HTML/PHP,
   - cena i lokalizacja wizualnie przechodzą pod zdjęcie,
   - prawa kolumna zostaje dla tytułu, parametrów i przycisków,
   - desktop i telefon zostają nietknięte.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    body.lm-tablet-mini-listing-page .lm-ad-card {
        display: grid !important;
        grid-template-columns: clamp(252px, 34vw, 320px) minmax(0, 1fr) !important;
        grid-template-rows: auto auto auto !important;
        column-gap: 0 !important;
        row-gap: 0 !important;
        min-height: 226px !important;
        align-items: start !important;
    }

    /*
     * Klucz: rozbijamy prawą część tylko w CSS.
     * Dzięki display: contents dzieci .lm-ad-main mogą być układane
     * w siatce .lm-ad-card bez zmiany HTML.
     */
    body.lm-tablet-mini-listing-page .lm-ad-main {
        display: contents !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
        width: calc(100% - 12px) !important;
        height: 148px !important;
        min-height: 148px !important;
        max-height: 148px !important;
        margin: 12px 0 0 12px !important;
        border-radius: 12px !important;
        align-self: start !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        height: 148px !important;
        min-height: 148px !important;
        max-height: 148px !important;
        object-fit: cover !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-headline {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
        margin: 12px 14px 8px 8px !important;
        align-self: start !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        gap: 10px !important;
        min-width: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-grid {
        grid-column: 2 / 3 !important;
        grid-row: 2 / 3 !important;
        margin: 0 14px 8px 8px !important;
        align-self: start !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px 10px !important;
        min-width: 0 !important;
    }

    /*
     * Dolny blok rozbijamy tak, żeby:
     * - pierwszy div z ceną/lokalizacją trafił pod zdjęcie,
     * - przyciski zostały po prawej.
     */
    body.lm-tablet-mini-listing-page .lm-ad-bottom {
        display: contents !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom > div:first-child:not(.lm-card-actions) {
        grid-column: 1 / 2 !important;
        grid-row: 2 / 4 !important;
        margin: 8px 0 12px 12px !important;
        padding: 0 2px 0 1px !important;
        align-self: start !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price-line {
        display: flex !important;
        align-items: baseline !important;
        gap: 6px !important;
        flex-wrap: wrap !important;
        min-width: 0 !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price {
        color: #07111c !important;
        font-size: 22px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.01em !important;
        white-space: nowrap !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price-tax {
        color: #536170 !important;
        font-size: 10px !important;
        line-height: 1 !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-location {
        max-width: 100% !important;
        margin-top: 5px !important;
        color: #5d6d7f !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    /*
     * Finansowanie na razie zostaje przy cenie, ale jako małe czytelne chipy.
     * Jeżeli będziemy chcieli zrobić z tego prawdziwe 6. okienko danych,
     * zrobimy to osobnym JS-em tylko dla tabletowej listy.
     */
    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-finance-tags {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 5px !important;
        margin-top: 6px !important;
        width: 100% !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-finance-tags span {
        min-height: 21px !important;
        display: inline-flex !important;
        align-items: center !important;
        padding: 0 7px !important;
        border-radius: 999px !important;
        background: #eef5fc !important;
        border: 1px solid #d5e3f1 !important;
        color: #34536f !important;
        font-size: 10px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-card-actions {
        grid-column: 2 / 3 !important;
        grid-row: 3 / 4 !important;
        justify-self: end !important;
        align-self: end !important;
        margin: 0 14px 12px 8px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-tablet-mini-listing-page .lm-ad-card {
        grid-template-columns: 236px minmax(0, 1fr) !important;
        min-height: 216px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo,
    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-headline {
        margin: 10px 12px 7px 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-grid {
        margin: 0 12px 7px 7px !important;
        gap: 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom > div:first-child:not(.lm-card-actions) {
        margin: 7px 0 10px 10px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price {
        font-size: 20px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-card-actions {
        margin: 0 12px 10px 7px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini lista ogłoszeń v55
   Marker: OTOLIDER_TABLET_MINI_LIST_CARDS_FINANCE_TILE_V55_20260611

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko publiczna lista ogłoszeń,
   - lewa kolumna trochę węższa,
   - kafelki danych idą wyżej, zaraz pod tytuł,
   - finansowanie jest 6. kafelkiem dodawanym przez tabletowy JS,
   - cena i lokalizacja zostają pod zdjęciem,
   - bez zmian PHP, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    body.lm-tablet-mini-listing-page .lm-ad-card {
        grid-template-columns: clamp(220px, 30vw, 278px) minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        min-height: 214px !important;
        align-items: start !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo {
        grid-column: 1 / 2 !important;
        grid-row: 1 / 2 !important;
        width: calc(100% - 12px) !important;
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
        margin: 12px 0 0 12px !important;
        border-radius: 12px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
        object-fit: cover !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-headline {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 2 !important;
        margin: 12px 12px 0 8px !important;
        align-self: start !important;
        z-index: 2 !important;
    }

    /*
     * Kafelki przenosimy do tego samego wiersza co tytuł,
     * z odsunięciem od góry. Dzięki temu nie czekają na wysokość zdjęcia.
     */
    body.lm-tablet-mini-listing-page .lm-spec-grid {
        grid-column: 2 / 3 !important;
        grid-row: 1 / 3 !important;
        margin: 42px 12px 52px 8px !important;
        align-self: start !important;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px 9px !important;
        min-width: 0 !important;
        z-index: 1 !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item {
        min-height: 42px !important;
        padding: 6px 8px !important;
        display: grid !important;
        align-content: center !important;
        border-radius: 9px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item span {
        font-size: 9.5px !important;
        line-height: 1 !important;
        margin-bottom: 3px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item strong {
        font-size: 11.5px !important;
        line-height: 1.08 !important;
    }

    body.lm-tablet-mini-listing-page .lm-tablet-mini-finance-spec-v55 strong {
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom > div:first-child:not(.lm-card-actions) {
        grid-column: 1 / 2 !important;
        grid-row: 2 / 3 !important;
        margin: 8px 0 12px 12px !important;
        padding: 0 2px 0 1px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price {
        font-size: 21px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price-tax {
        font-size: 10px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-location {
        font-size: 11.5px !important;
        margin-top: 5px !important;
    }

    /*
     * Finansowanie nie powtarza się przy cenie.
     * JS v55 dodaje je jako 6. kafelek w .lm-spec-grid.
     */
    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-finance-tags {
        display: none !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-card-actions {
        grid-column: 2 / 3 !important;
        grid-row: 2 / 3 !important;
        justify-self: end !important;
        align-self: end !important;
        margin: 0 12px 12px 8px !important;
        z-index: 3 !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-tablet-mini-listing-page .lm-ad-card {
        grid-template-columns: 210px minmax(0, 1fr) !important;
        min-height: 206px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-photo,
    body.lm-tablet-mini-listing-page .lm-ad-photo img,
    body.lm-tablet-mini-listing-page .lm-ad-photo-placeholder {
        height: 126px !important;
        min-height: 126px !important;
        max-height: 126px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-headline {
        margin: 10px 10px 0 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-grid {
        margin: 39px 10px 48px 7px !important;
        gap: 6px 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-spec-item {
        min-height: 40px !important;
        padding: 5px 7px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom > div:first-child:not(.lm-card-actions) {
        margin: 7px 0 10px 10px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-price {
        font-size: 19px !important;
    }

    body.lm-tablet-mini-listing-page .lm-ad-bottom .lm-card-actions {
        margin: 0 10px 10px 7px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini shell v1
   Marker: OTOLIDER_TABLET_MINI_SHELL_V1_20260612

   Cel:
   - wspólny toolbar/topbar dla tabletu 761-1100 px,
   - logo zawsze widoczne,
   - bez porównywarki,
   - wspólny wygląd na stronie głównej, liście i widoku ogłoszenia,
   - telefon i desktop bez zmian.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    body.lm-tablet-mini-shell-ready > .lm-sticky-userbar:not(.lm-tablet-mini-topbar),
    body.lm-tablet-mini-shell-ready > header.lm-sticky-userbar:not(.lm-tablet-mini-topbar),
    body.lm-tablet-mini-shell-ready > .lm-userbar,
    body.lm-tablet-mini-shell-ready > .topbar,
    body.lm-tablet-mini-shell-ready > .topbar-fallback {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    .lm-tablet-mini-topbar {
        position: sticky !important;
        top: 0 !important;
        z-index: 10020 !important;
        width: 100% !important;
        background: #ffffff !important;
        border-bottom: 1px solid #d7e0ea !important;
        box-shadow: 0 4px 14px rgba(15, 35, 56, .07) !important;
    }

    .lm-tablet-mini-topbar-inner {
        width: 100% !important;
        max-width: 1100px !important;
        min-height: 58px !important;
        margin: 0 auto !important;
        padding: 6px 10px !important;
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 10px !important;
        box-sizing: border-box !important;
    }

    .lm-tablet-mini-topbar-logo {
        min-width: 118px !important;
        max-width: 154px !important;
        height: 46px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-decoration: none !important;
        overflow: hidden !important;
    }

    .lm-tablet-mini-topbar-logo img {
        display: block !important;
        max-width: 148px !important;
        max-height: 46px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
    }

    .lm-tablet-mini-topbar-logo-text {
        font-weight: 950 !important;
        letter-spacing: .02em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    .lm-tablet-mini-topbar-logo-text .logo-oto,
    .lm-tablet-mini-topbar-logo-text .logo-pl {
        color: #18344e !important;
        font-size: 24px !important;
    }

    .lm-tablet-mini-topbar-logo-text .logo-lider {
        color: #2f63e6 !important;
        font-size: 24px !important;
    }

    .lm-tablet-mini-topbar-logo-text .logo-pl {
        font-size: 16px !important;
        margin-left: 2px !important;
    }

    .lm-tablet-mini-topbar-actions {
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
        white-space: nowrap !important;
    }

    .lm-tablet-mini-topbar-actions::-webkit-scrollbar {
        display: none !important;
    }

    .lm-tablet-mini-topbar-link,
    .lm-tablet-mini-topbar-add {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        padding: 0 8px !important;
        border-radius: 9px !important;
        color: #153a5b !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        text-decoration: none !important;
        box-sizing: border-box !important;
    }

    .lm-tablet-mini-topbar-link:hover {
        background: #f2f6fa !important;
        text-decoration: none !important;
    }

    .lm-tablet-mini-topbar-add {
        padding: 0 11px !important;
        background: #c91f2f !important;
        color: #ffffff !important;
        border: 1px solid #c91f2f !important;
        font-weight: 950 !important;
    }

    .lm-tablet-mini-topbar-add:hover {
        background: #ad1725 !important;
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .lm-tablet-mini-observed span:first-child {
        color: #8b939c !important;
        font-size: 17px !important;
        transform: translateY(-1px) !important;
    }

    /*
     * Porównywarka zostaje wyłączona na tablecie.
     * Ukrywamy też ewentualny link desktopowy, gdyby shell nie był jeszcze gotowy.
     */
    .lm-userbar-compare,
    [data-lm-topbar-compare-link] {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    .lm-tablet-mini-topbar-inner {
        min-height: 56px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
        gap: 8px !important;
    }

    .lm-tablet-mini-topbar-logo {
        min-width: 106px !important;
        max-width: 132px !important;
        height: 42px !important;
    }

    .lm-tablet-mini-topbar-logo img {
        max-width: 128px !important;
        max-height: 42px !important;
    }

    .lm-tablet-mini-topbar-actions {
        gap: 7px !important;
    }

    .lm-tablet-mini-topbar-link,
    .lm-tablet-mini-topbar-add {
        min-height: 32px !important;
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .lm-tablet-mini-topbar-add {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini shell v57
   Marker: OTOLIDER_TABLET_MINI_SHELL_HIDE_OBSERVED_V57_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - usuwa z paska tabletowego ucinany tekst Obserwowane,
   - zostawia logo, konto/logowanie, Zleć poszukiwanie i Dodaj ogłoszenie,
   - bez hamburgera na tym etapie,
   - desktop i telefon bez zmian.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {
    .lm-tablet-mini-topbar .lm-tablet-mini-observed {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    .lm-tablet-mini-topbar-actions {
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    .lm-tablet-mini-topbar-logo {
        min-width: 126px !important;
        max-width: 162px !important;
        overflow: visible !important;
    }

    .lm-tablet-mini-topbar-logo img {
        max-width: 156px !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    .lm-tablet-mini-topbar-logo {
        min-width: 118px !important;
        max-width: 146px !important;
    }

    .lm-tablet-mini-topbar-logo img {
        max-width: 140px !important;
    }

    .lm-tablet-mini-topbar-actions {
        gap: 8px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v58
   Marker: OTOLIDER_TABLET_MINI_HOME_OFFER_DAY_WIDE_V58_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Oferta dnia szerzej i centralnie nad Basic,
   - kropki / play / strzałki zostają widoczne,
   - Basic i Light na tym etapie bez przebudowy,
   - bez zmian PHP, JS, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Sekcja promowań na tablecie ma mieć logiczną hierarchię:
     * 1. Oferta dnia jako mocny element centralny,
     * 2. Basic niżej,
     * 3. Light później osobnym etapem.
     */
    body.lm-home-modern #lm-basic-rotator,
    body.lm-home-modern .lm-basic-modern-section,
    body.lm-home-modern .promo-section {
        max-width: 980px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .promo-wrap,
    body.lm-home-modern #lm-basic-rotator .lm-basic-modern-wrap {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 14px !important;
        row-gap: 16px !important;
        align-items: start !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /*
     * Oferta dnia idzie na górę i dostaje szerszy, centralny układ.
     * Nie robimy pełnego mobile, bo na tablecie zostawiamy kontrolki rotatora.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern,
    body.lm-home-modern #lm-basic-rotator .center-card {
        order: 1 !important;
        grid-column: 1 / -1 !important;
        width: min(620px, 100%) !important;
        max-width: 620px !important;
        margin: 0 auto 8px !important;
        justify-self: center !important;
        align-self: start !important;
    }

    /*
     * Karta Oferty dnia: szersza niż wcześniej, ale nie rozlana na cały ekran.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .offer-card,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .offer-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-card,
    body.lm-home-modern #lm-basic-rotator .center-card .offer-card,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-card {
        width: 100% !important;
        max-width: 620px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        border-radius: 18px !important;
        overflow: hidden !important;
    }

    /*
     * Zdjęcie Oferty dnia ma wyglądać mocniej niż Basic,
     * ale bez robienia gigantycznego bloku.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .thumb,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .photo,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .image,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .photo,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .image,
    body.lm-home-modern #lm-basic-rotator .center-card .thumb,
    body.lm-home-modern #lm-basic-rotator .center-card .photo,
    body.lm-home-modern #lm-basic-rotator .center-card .image {
        min-height: 285px !important;
        height: 285px !important;
        max-height: 285px !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator img,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern img,
    body.lm-home-modern #lm-basic-rotator .center-card img {
        object-fit: cover !important;
    }

    /*
     * Kontrolki zostają, bo na tablecie mieszczą się i pokazują,
     * że to rotator.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .lm-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .rotator-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .controls,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-controls,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .lm-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .rotator-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .controls,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-controls,
    body.lm-home-modern #lm-basic-rotator .center-card .dots,
    body.lm-home-modern #lm-basic-rotator .center-card .lm-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .rotator-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .controls,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-controls {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /*
     * Basic zostaje pod Ofertą dnia; właściwe porządkowanie Basic zrobimy osobnym etapem.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left {
        order: 2 !important;
        grid-column: 1 / 2 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right {
        order: 3 !important;
        grid-column: 2 / 3 !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern,
    body.lm-home-modern #lm-basic-rotator .center-card {
        width: min(560px, 100%) !important;
        max-width: 560px !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .offer-card,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .offer-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-card,
    body.lm-home-modern #lm-basic-rotator .center-card .offer-card,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-card {
        max-width: 560px !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .thumb,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .photo,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .image,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .photo,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .image,
    body.lm-home-modern #lm-basic-rotator .center-card .thumb,
    body.lm-home-modern #lm-basic-rotator .center-card .photo,
    body.lm-home-modern #lm-basic-rotator .center-card .image {
        min-height: 255px !important;
        height: 255px !important;
        max-height: 255px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v59
   Marker: OTOLIDER_TABLET_MINI_HOME_OFFER_DAY_FULL_WIDTH_V59_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Oferta dnia jako pełna szerokość sekcji promowań,
   - napis "Oferta dnia" nad kartą jak w mobile,
   - bez przebudowy Basic i Light na tym etapie,
   - bez zmian PHP, JS, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Cofamy efekt "piramidy": Oferta dnia nie jest już wąską kartą pośrodku,
     * tylko pełnym pierwszym poziomem sekcji Promowane ogłoszenia.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern,
    body.lm-home-modern #lm-basic-rotator .center-card {
        order: 1 !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: none !important;
        margin: 0 0 16px 0 !important;
        justify-self: stretch !important;
        align-self: start !important;
        box-sizing: border-box !important;
    }

    /*
     * Napis nad Ofertą dnia - tabletowa wersja jak w mobile.
     * Robimy pseudo-elementem, więc nie trzeba ruszać PHP.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator::before,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern::before,
    body.lm-home-modern #lm-basic-rotator .center-card::before {
        content: "Oferta dnia" !important;
        display: block !important;
        margin: 0 0 8px 0 !important;
        color: #0d253f !important;
        font-size: 18px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.01em !important;
    }

    /*
     * Sama karta ma wykorzystać pełną szerokość sekcji,
     * ale nadal zachować elegancki promowany wygląd.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .offer-card,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .offer-card,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-card,
    body.lm-home-modern #lm-basic-rotator .center-card .offer-card,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-card {
        width: 100% !important;
        max-width: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        border-radius: 18px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    /*
     * Zdjęcie większe i bardziej panoramiczne, ale bez przesadnego rozciągania pionowego.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .thumb,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .photo,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .image,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .photo,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .image,
    body.lm-home-modern #lm-basic-rotator .center-card .thumb,
    body.lm-home-modern #lm-basic-rotator .center-card .photo,
    body.lm-home-modern #lm-basic-rotator .center-card .image {
        min-height: 315px !important;
        height: 315px !important;
        max-height: 315px !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator img,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern img,
    body.lm-home-modern #lm-basic-rotator .center-card img {
        width: 100% !important;
        object-fit: cover !important;
    }

    /*
     * Kontrolki rotatora zostają widoczne.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .lm-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .rotator-dots,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .controls,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .promo-controls,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .lm-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .rotator-dots,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .controls,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .promo-controls,
    body.lm-home-modern #lm-basic-rotator .center-card .dots,
    body.lm-home-modern #lm-basic-rotator .center-card .lm-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .rotator-dots,
    body.lm-home-modern #lm-basic-rotator .center-card .controls,
    body.lm-home-modern #lm-basic-rotator .center-card .promo-controls {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    /*
     * Basic nadal pod Ofertą dnia. Jego pełna przebudowa będzie etapem 2.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left {
        order: 2 !important;
        grid-column: 1 / 2 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right {
        order: 3 !important;
        grid-column: 2 / 3 !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .thumb,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .photo,
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator .image,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .photo,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern .image,
    body.lm-home-modern #lm-basic-rotator .center-card .thumb,
    body.lm-home-modern #lm-basic-rotator .center-card .photo,
    body.lm-home-modern #lm-basic-rotator .center-card .image {
        min-height: 285px !important;
        height: 285px !important;
        max-height: 285px !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator::before,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern::before,
    body.lm-home-modern #lm-basic-rotator .center-card::before {
        font-size: 17px !important;
        margin-bottom: 7px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v60
   Marker: OTOLIDER_TABLET_MINI_HOME_OFFER_DAY_HEADING_CLEAN_V60_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - zamiast "Promowane ogłoszenia" robimy nagłówek:
     Oferta dnia    Zobacz →
   - nie powtarzamy "Zobacz Oferty dnia",
   - link Basic chowamy do czasu etapu Basic,
   - usuwamy pseudo-napis Oferta dnia z samej karty v59,
   - bez zmian PHP, JS, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Ogólny tytuł "Promowane ogłoszenia" jest za szeroki znaczeniowo,
     * bo docelowo poniżej będą trzy osobne poziomy: Oferta dnia / Basic / Light.
     */
    body.lm-home-modern .lm-home-promoted-topline,
    body.lm-home-modern .lm-home-promoted-heading {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    /*
     * Ten wiersz wykorzystujemy jako lekki nagłówek sekcji Oferty dnia.
     */
    body.lm-home-modern .lm-home-promoted-over-ads-links {
        width: 100% !important;
        max-width: 980px !important;
        margin: 0 auto 8px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern .lm-home-promoted-over-ads-links::before {
        content: "Oferta dnia" !important;
        display: inline-flex !important;
        align-items: baseline !important;
        color: #0d253f !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }

    /*
     * Pierwszy link zostaje, ale tekst skracamy do samego "Zobacz →".
     * Nie piszemy drugi raz "Oferty dnia".
     */
    body.lm-home-modern .lm-home-promoted-over-ads-links .lm-promo-link-offer-day {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 22px !important;
        color: #174468 !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    body.lm-home-modern .lm-home-promoted-over-ads-links .lm-promo-link-offer-day::before {
        content: "Zobacz →" !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    /*
     * Link Basic pokażemy dopiero przy nagłówku sekcji Basic w następnym etapie.
     */
    body.lm-home-modern .lm-home-promoted-over-ads-links .lm-promo-link-basic {
        display: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /*
     * W v59 nagłówek był dopisany na samej karcie. Po przeniesieniu nagłówka wyżej
     * ten tekst jest niepotrzebny i tworzył ciemny napis na granatowym tle.
     */
    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator::before,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern::before,
    body.lm-home-modern #lm-basic-rotator .center-card::before {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator #lm-oferta-dnia-rotator,
    body.lm-home-modern #lm-basic-rotator .lm-offer-day-modern,
    body.lm-home-modern #lm-basic-rotator .center-card {
        margin-top: 0 !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern .lm-home-promoted-over-ads-links::before {
        font-size: 21px !important;
    }

    body.lm-home-modern .lm-home-promoted-over-ads-links {
        gap: 10px !important;
        margin-bottom: 7px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v61
   Marker: OTOLIDER_TABLET_MINI_HOME_BASIC_4_OFFERS_V61_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - pod Ofertą dnia pokazujemy nagłówek "Promowane Basic",
   - pod nagłówkiem 4 oferty Basic w równym układzie 2 x 2,
   - bez ruszania Oferty dnia, Light, PHP, JS, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Nagłówek Basic jako osobny poziom pod Ofertą dnia.
     * Pseudo-element działa jako element gridu, więc nie trzeba ruszać PHP.
     */
    body.lm-home-modern #lm-basic-rotator .promo-wrap::before,
    body.lm-home-modern #lm-basic-rotator .lm-basic-modern-wrap::before {
        content: "Promowane Basic" !important;
        order: 2 !important;
        grid-column: 1 / -1 !important;
        display: block !important;
        margin: 2px 0 2px !important;
        color: #0d253f !important;
        font-size: 21px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
    }

    /*
     * Basic pod nagłówkiem: dwie kolumny, razem 4 oferty.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left {
        order: 3 !important;
        grid-column: 1 / 2 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right {
        order: 4 !important;
        grid-column: 2 / 3 !important;
        width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .stack {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-auto-rows: auto !important;
        gap: 12px !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        box-sizing: border-box !important;
    }

    /*
     * Karty Basic mają być mniejsze niż Oferta dnia,
     * ale równe i czytelne.
     */
    body.lm-home-modern #lm-basic-rotator .mini-card,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 0 !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        background: #ffffff !important;
        box-shadow: 0 6px 18px rgba(15, 35, 56, .08) !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .mini-card .photo,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .photo,
    body.lm-home-modern #lm-basic-rotator .mini-card .image,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .image {
        width: 100% !important;
        min-height: 165px !important;
        height: 165px !important;
        max-height: 165px !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card img,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .content,
    body.lm-home-modern #lm-basic-rotator .mini-card .meta,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .content,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .meta {
        padding: 10px 12px 11px !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .title,
    body.lm-home-modern #lm-basic-rotator .mini-card h3,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .title,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card h3 {
        font-size: 14px !important;
        line-height: 1.18 !important;
        font-weight: 950 !important;
        color: #123554 !important;
        margin: 0 0 8px !important;
        white-space: normal !important;
        overflow: hidden !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .price,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .price {
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        color: #e1122f !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator .promo-wrap::before,
    body.lm-home-modern #lm-basic-rotator .lm-basic-modern-wrap::before {
        font-size: 20px !important;
        margin-top: 0 !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .mini-card .photo,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .photo,
    body.lm-home-modern #lm-basic-rotator .mini-card .image,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .image {
        min-height: 150px !important;
        height: 150px !important;
        max-height: 150px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .title,
    body.lm-home-modern #lm-basic-rotator .mini-card h3,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .title,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card h3 {
        font-size: 13px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v62
   Marker: OTOLIDER_TABLET_MINI_HOME_BASIC_HEADING_CONTROLS_V62_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Basic jako jedna sekcja: "Promowane Basic    Zobacz →",
   - 4 karty Basic jako 2 x 2,
   - jeden wspólny pasek play/kropki/strzałka pod całą sekcją,
   - karty Basic mają więcej miejsca na tytuł i metę,
   - bez zmian PHP, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Wyłączamy pseudo-nagłówek z v61, bo nagłówek z linkiem dodaje JS v62.
     */
    body.lm-home-modern #lm-basic-rotator .promo-wrap::before,
    body.lm-home-modern #lm-basic-rotator .lm-basic-modern-wrap::before {
        content: none !important;
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-v62 {
        order: 2 !important;
        grid-column: 1 / -1 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin: 2px 0 4px !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-title-v62 {
        color: #0d253f !important;
        font-size: 21px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-link-v62 {
        color: #174468 !important;
        text-decoration: none !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-link-v62:hover {
        color: #2563eb !important;
        text-decoration: none !important;
    }

    /*
     * Robimy z side-left / side-right przezroczyste kontenery.
     * Dzięki temu stacki i jeden pasek sterowania mogą być elementami wspólnego gridu.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right {
        display: contents !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left > .stack {
        order: 3 !important;
        grid-column: 1 / 2 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right > .stack {
        order: 4 !important;
        grid-column: 2 / 3 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    /*
     * Jeden wspólny wizualny pasek sterowania.
     * Technicznie zostaje lewy pasek, a JS v62 przekazuje jego kliknięcia także do prawej kolumny.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left {
        order: 5 !important;
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        width: min(260px, 48vw) !important;
        margin: 2px auto 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        border-radius: 0 0 10px 10px !important;
        background: #153d5f !important;
        color: #ffffff !important;
        box-shadow: none !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-right {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        max-width: 0 !important;
        max-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-play,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-arrow {
        color: #ffffff !important;
        opacity: 1 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dots-track {
        flex: 1 1 auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        min-width: 0 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dot {
        background: rgba(255,255,255,.52) !important;
        opacity: 1 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dot-active {
        background: #ffffff !important;
    }

    /*
     * Karty Basic: więcej miejsca na tekst. Wcześniej tytuł/meta były ucinane.
     */
    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 236px !important;
        min-height: 236px !important;
        max-height: 236px !important;
        border-radius: 14px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link,
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        display: grid !important;
        grid-template-rows: 148px 42px 46px !important;
        height: 236px !important;
        min-height: 236px !important;
        max-height: 236px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .thumb {
        height: 148px !important;
        min-height: 148px !important;
        max-height: 148px !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-line,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-line {
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding: 6px 9px 4px !important;
        display: -webkit-box !important;
        align-items: initial !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        color: #123554 !important;
        font-size: 13px !important;
        line-height: 1.16 !important;
        font-weight: 950 !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar {
        height: 46px !important;
        min-height: 46px !important;
        max-height: 46px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        padding: 0 8px 8px !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar .meta,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar .meta {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 6px 0 0 !important;
        color: #52687e !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        font-weight: 850 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar .price,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar .price {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 0 !important;
        align-self: end !important;
        justify-content: flex-end !important;
        color: #e1122f !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-title-v62 {
        font-size: 20px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 222px !important;
        min-height: 222px !important;
        max-height: 222px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link,
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        grid-template-rows: 138px 40px 44px !important;
        height: 222px !important;
        min-height: 222px !important;
        max-height: 222px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .thumb {
        height: 138px !important;
        min-height: 138px !important;
        max-height: 138px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-line,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-line {
        height: 40px !important;
        min-height: 40px !important;
        max-height: 40px !important;
        font-size: 12px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar .price,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar .price {
        font-size: 15px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v63
   Marker: OTOLIDER_TABLET_MINI_HOME_BASIC_FULL_HEADING_V63_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Basic jako pełna szerokość sekcji,
   - nagłówek w stylu Oferty dnia:
     Promowania Basic    Zobacz →
   - 4 karty Basic wykorzystują całą szerokość sekcji 2 x 2,
   - jeden pasek sterowania zostaje pod całością,
   - bez zmian PHP, SQL, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-v62 {
        order: 2 !important;
        grid-column: 1 / -1 !important;
        width: 100% !important;
        max-width: 980px !important;
        margin: 4px auto 8px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-title-v62 {
        color: #0d253f !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-link-v62 {
        color: #174468 !important;
        text-decoration: none !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    /*
     * Basic ma zajmować całą szerokość sekcji.
     * Dwie kolumny są pełne i równe, bez efektu "wąskiego bloku".
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left > .stack,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right > .stack {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
        align-self: start !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-left > .stack {
        grid-column: 1 / 2 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-right > .stack {
        grid-column: 2 / 3 !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        width: 100% !important;
        max-width: none !important;
        justify-self: stretch !important;
    }

    /*
     * Lekko większe zdjęcie/więcej proporcji, bo sekcja jest pełnoszeroka.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link,
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        grid-template-rows: 154px 42px 46px !important;
        height: 242px !important;
        min-height: 242px !important;
        max-height: 242px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 242px !important;
        min-height: 242px !important;
        max-height: 242px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .thumb {
        height: 154px !important;
        min-height: 154px !important;
        max-height: 154px !important;
    }

    /*
     * Pasek sterowania traktuje cztery Basic jako jedną całość.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left {
        order: 5 !important;
        grid-column: 1 / -1 !important;
        justify-self: center !important;
        width: min(280px, 52vw) !important;
        margin: 2px auto 0 !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-title-v62 {
        font-size: 21px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-tablet-mini-basic-heading-v62 {
        gap: 10px !important;
        margin-bottom: 7px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link,
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        grid-template-rows: 144px 40px 44px !important;
        height: 228px !important;
        min-height: 228px !important;
        max-height: 228px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 228px !important;
        min-height: 228px !important;
        max-height: 228px !important;
    }

    body.lm-home-modern #lm-basic-rotator .mini-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .thumb {
        height: 144px !important;
        min-height: 144px !important;
        max-height: 144px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v64
   Marker: OTOLIDER_TABLET_MINI_HOME_BASIC_CONTROLS_FULL_WIDTH_V64_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - pasek play/kropki/strzałka Basic rozciągnięty na szerokość ofert Basic,
   - 4 karty Basic nadal traktowane jako jedna sekcja,
   - bez zmian PHP, JS, SQL, Oferty dnia, Light, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left {
        order: 5 !important;
        grid-column: 1 / -1 !important;
        justify-self: stretch !important;
        align-self: start !important;
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        margin: 2px 0 0 !important;
        padding: 0 12px !important;
        min-height: 38px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 42px !important;
        align-items: center !important;
        justify-content: stretch !important;
        gap: 8px !important;
        border-radius: 0 0 12px 12px !important;
        background: #153d5f !important;
        color: #ffffff !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-play {
        justify-self: start !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-arrow {
        justify-self: end !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-play,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-arrow {
        width: 28px !important;
        height: 28px !important;
        min-width: 28px !important;
        min-height: 28px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 50% !important;
        color: #ffffff !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dots-track {
        justify-self: center !important;
        width: min(240px, 100%) !important;
        max-width: 240px !important;
        min-width: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dot {
        width: 24px !important;
        height: 4px !important;
        border-radius: 999px !important;
        background: rgba(255,255,255,.45) !important;
        opacity: 1 !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dot-active {
        background: #ffffff !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left {
        min-height: 36px !important;
        height: 36px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
        grid-template-columns: 38px minmax(0, 1fr) 38px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dots-track {
        max-width: 210px !important;
        gap: 7px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side-controls-left .promo-dot {
        width: 22px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v65
   Marker: OTOLIDER_TABLET_MINI_HOME_BASIC_READABLE_META_V65_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Basic ma pokazywać więcej danych jak Light:
     tytuł + rok/przebieg/paliwo/metę + cena,
   - zdjęcie lekko niższe, więcej miejsca na treść,
   - 4 karty Basic nadal jako 2 x 2,
   - pasek sterowania Basic zostaje pełnoszeroki z v64,
   - bez zmian PHP, JS, SQL, Oferty dnia, Light, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /*
     * Karta Basic trochę wyższa i spokojniejsza informacyjnie.
     * Chodzi o to, żeby nie była tylko zdjęciem + tytułem + ceną.
     */
    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 258px !important;
        min-height: 258px !important;
        max-height: 258px !important;
        overflow: hidden !important;
        border-radius: 14px !important;
        box-sizing: border-box !important;
    }

    /*
     * Wariant live z AJAX: .thumb + .lm-basic-card-body.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-link {
        display: grid !important;
        grid-template-rows: 142px 116px !important;
        height: 258px !important;
        min-height: 258px !important;
        max-height: 258px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-link > .thumb {
        height: 142px !important;
        min-height: 142px !important;
        max-height: 142px !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-body {
        min-height: 116px !important;
        max-height: 116px !important;
        padding: 9px 11px 10px !important;
        display: grid !important;
        grid-template-rows: 34px 24px 1fr !important;
        align-items: start !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-title,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side .offer-line {
        min-height: 0 !important;
        height: 34px !important;
        max-height: 34px !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        color: #123554 !important;
        font-size: 13px !important;
        line-height: 1.16 !important;
        font-weight: 950 !important;
        white-space: normal !important;
        text-overflow: clip !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-meta {
        display: block !important;
        visibility: visible !important;
        min-height: 0 !important;
        height: 24px !important;
        max-height: 24px !important;
        margin: 3px 0 0 !important;
        padding: 0 !important;
        color: #596b7f !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        font-weight: 850 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-price {
        align-self: end !important;
        justify-self: end !important;
        margin-top: 4px !important;
        color: #e1122f !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
        text-align: right !important;
    }

    /*
     * Wariant placeholder/cache: .thumb + .offer-line + .offer-meta-bar.
     * Tu też wymuszamy widoczność meta, bo wcześniej Basic miał za mało informacji.
     */
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link:not(:has(.lm-basic-card-body)),
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        display: grid !important;
        grid-template-rows: 142px 38px 78px !important;
        height: 258px !important;
        min-height: 258px !important;
        max-height: 258px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar {
        display: grid !important;
        visibility: visible !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        min-height: 0 !important;
        height: 78px !important;
        max-height: 78px !important;
        padding: 0 10px 10px !important;
        background: #ffffff !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar .meta,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar .meta {
        display: -webkit-box !important;
        visibility: visible !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 8px 0 0 !important;
        color: #596b7f !important;
        font-size: 11px !important;
        line-height: 1.18 !important;
        font-weight: 850 !important;
        white-space: normal !important;
        overflow: hidden !important;
        text-overflow: clip !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar .price,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar .price {
        display: flex !important;
        visibility: visible !important;
        align-items: flex-end !important;
        justify-content: flex-end !important;
        padding: 0 !important;
        color: #e1122f !important;
        font-size: 16px !important;
        line-height: 1 !important;
        font-weight: 950 !important;
        white-space: nowrap !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    body.lm-home-modern #lm-basic-rotator .mini-card.lm-basic-card {
        height: 246px !important;
        min-height: 246px !important;
        max-height: 246px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-link {
        grid-template-rows: 134px 112px !important;
        height: 246px !important;
        min-height: 246px !important;
        max-height: 246px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card .thumb,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-link > .thumb {
        height: 134px !important;
        min-height: 134px !important;
        max-height: 134px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-card-body {
        min-height: 112px !important;
        max-height: 112px !important;
        padding: 8px 10px 9px !important;
        grid-template-rows: 32px 24px 1fr !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-title,
    body.lm-home-modern #lm-basic-rotator .lm-basic-side .offer-line {
        height: 32px !important;
        max-height: 32px !important;
        font-size: 12.5px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-meta {
        font-size: 10.5px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-side .lm-basic-price {
        font-size: 15px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link:not(:has(.lm-basic-card-body)),
    body.lm-home-modern #lm-basic-rotator .lm-basic-placeholder {
        grid-template-rows: 134px 36px 76px !important;
        height: 246px !important;
        min-height: 246px !important;
        max-height: 246px !important;
    }

    body.lm-home-modern #lm-basic-rotator .lm-basic-card .offer-meta-bar,
    body.lm-home-modern #lm-basic-rotator .lm-basic-card-link > .offer-meta-bar {
        height: 76px !important;
        max-height: 76px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v66
   Marker: OTOLIDER_TABLET_MINI_HOME_LIGHT_6_CARDS_V66_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - Light jako spokojniejsza sekcja niż Basic,
   - 6 widocznych ogłoszeń: 3 kolumny x 2 rzędy,
   - mniejsze zdjęcia, lżejsze cienie i spokojniejsza typografia,
   - bez zmian PHP, JS, SQL, Oferty dnia, Basic, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    /* Sekcja Light nie może wyglądać ciężej niż Basic. */
    html body .main .section-2.lm-light-stage1-section,
    html body .section-2.lm-light-stage1-section {
        display: block !important;
        width: 100% !important;
        margin-top: 24px !important;
    }

    html body .lm-light-stage1-area {
        max-width: 980px !important;
        margin: 0 auto !important;
    }

    /* Nagłówek Light zostaje, ale jest lżejszy od Basic i Oferty dnia. */
    html body .lm-light-stage1-head {
        margin: 0 0 10px !important;
        align-items: baseline !important;
        gap: 12px !important;
    }

    html body .lm-light-stage1-title-block h2 {
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        margin: 0 !important;
        color: #0d253f !important;
    }

    html body .lm-light-stage1-title-block p {
        display: none !important;
    }

    html body .lm-light-stage1-all,
    html body .lm-light-stage1-footer a {
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    /* 3 kolumny x 2 rzędy = 6 kart widocznych. */
    html body .lm-light-stage1-grid,
    html body .listing-grid.lm-light-stage1-grid {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: 100% !important;
    }

    /* Wszystko ponad 6 chowamy na tablecie, żeby sekcja była spokojna. */
    html body .lm-light-stage1-grid > *:nth-child(n+7),
    html body .listing-grid.lm-light-stage1-grid > *:nth-child(n+7) {
        display: none !important;
    }

    html body .lm-light-stage1-card,
    html body .listing-card.lm-light-stage1-card {
        min-width: 0 !important;
        display: grid !important;
        grid-template-rows: 104px 34px 38px !important;
        overflow: hidden !important;
        background: #ffffff !important;
        border: 1px solid #dde6ef !important;
        border-radius: 12px !important;
        box-shadow: 0 4px 12px rgba(15, 31, 49, 0.05) !important;
        box-sizing: border-box !important;
    }

    html body .lm-light-stage1-card .thumb,
    html body .listing-card.lm-light-stage1-card .thumb {
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 8px !important;
        background: linear-gradient(135deg, #f1f5f9 0%, #e3ebf3 100%) !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    html body .lm-light-stage1-card .thumb img,
    html body .listing-card.lm-light-stage1-card .thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    html body .lm-light-stage1-card .offer-line,
    html body .listing-card.lm-light-stage1-card .offer-line {
        min-height: 34px !important;
        height: 34px !important;
        padding: 4px 9px 0 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        align-items: initial !important;
        color: #10243b !important;
        background: #ffffff !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        line-height: 1.14 !important;
        overflow: hidden !important;
        white-space: normal !important;
        text-overflow: clip !important;
        box-sizing: border-box !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar {
        min-height: 38px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        background: #ffffff !important;
        border-top: 1px solid #edf2f6 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
        padding-bottom: 6px !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar .meta,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar .meta {
        min-width: 0 !important;
        padding: 0 8px !important;
        color: #607082 !important;
        background: transparent !important;
        font-size: 10.5px !important;
        font-weight: 800 !important;
        line-height: 1.12 !important;
        overflow: hidden !important;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar .price,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar .price {
        padding: 0 8px 0 6px !important;
        color: #e31725 !important;
        background: transparent !important;
        font-size: 12px !important;
        font-weight: 900 !important;
        white-space: nowrap !important;
        align-self: end !important;
    }

    /* Sterowanie Light spokojniejsze niż w Basic. */
    html body .lm-light-stage1-footer {
        margin-top: 10px !important;
        gap: 10px !important;
        color: #627187 !important;
        font-size: 11px !important;
        font-weight: 800 !important;
    }

    html body .lm-light-stage1-dots {
        gap: 5px !important;
    }

    html body .lm-light-stage1-dots span {
        width: 7px !important;
        height: 7px !important;
        background: #cfd8e2 !important;
    }

    html body .lm-light-stage1-dots span.is-active {
        background: #98a8b8 !important;
    }

    html body .lm-light-stage1-nav {
        width: 28px !important;
        height: 28px !important;
        box-shadow: 0 4px 10px rgba(15, 31, 49, 0.08) !important;
        font-size: 16px !important;
        opacity: .9 !important;
    }

    html body .lm-light-stage1-prev {
        left: -12px !important;
    }

    html body .lm-light-stage1-next {
        right: -12px !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {

    html body .lm-light-stage1-grid,
    html body .listing-grid.lm-light-stage1-grid {
        gap: 10px !important;
    }

    html body .lm-light-stage1-title-block h2 {
        font-size: 21px !important;
    }

    html body .lm-light-stage1-card,
    html body .listing-card.lm-light-stage1-card {
        grid-template-rows: 96px 32px 36px !important;
    }

    html body .lm-light-stage1-card .thumb,
    html body .listing-card.lm-light-stage1-card .thumb {
        height: 96px !important;
        min-height: 96px !important;
        max-height: 96px !important;
    }

    html body .lm-light-stage1-card .offer-line,
    html body .listing-card.lm-light-stage1-card .offer-line {
        font-size: 11.5px !important;
        height: 32px !important;
        min-height: 32px !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar {
        height: 36px !important;
        min-height: 36px !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar .meta,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar .meta {
        font-size: 10px !important;
    }

    html body .lm-light-stage1-card .offer-meta-bar .price,
    html body .listing-card.lm-light-stage1-card .offer-meta-bar .price {
        font-size: 11.5px !important;
    }
}

/* =========================================================
   OtoLider - tablet_mini strona główna v67
   Marker: OTOLIDER_TABLET_MINI_HOME_LIGHT_HEADING_V67_20260612

   Cel:
   - tylko tablet_mini 761-1100 px,
   - tylko strona główna,
   - nad sekcją Light piszemy:
     Promowania Light    Zobacz →
   - bez swipe palcem,
   - funkcja play/sterowanie Light zostaje,
   - bez zmian PHP, JS, SQL, Oferty dnia, Basic, desktopu i telefonu.
   ========================================================= */

@media (min-width: 761px) and (max-width: 1100px) {

    html body .lm-light-stage1-head {
        width: 100% !important;
        max-width: 980px !important;
        margin: 0 auto 10px !important;
        padding: 0 !important;
        display: flex !important;
        align-items: baseline !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        box-sizing: border-box !important;
    }

    html body .lm-light-stage1-title-block {
        display: inline-flex !important;
        align-items: baseline !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
     * Zmieniamy widoczny tekst nagłówka na "Promowania Light",
     * bez ruszania PHP.
     */
    html body .lm-light-stage1-title-block h2 {
        margin: 0 !important;
        padding: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
        color: #0d253f !important;
        white-space: nowrap !important;
    }

    html body .lm-light-stage1-title-block h2::before {
        content: "Promowania Light" !important;
        display: inline-flex !important;
        align-items: baseline !important;
        color: #0d253f !important;
        font-size: 22px !important;
        line-height: 1.1 !important;
        font-weight: 950 !important;
        letter-spacing: -0.02em !important;
        white-space: nowrap !important;
    }

    html body .lm-light-stage1-title-block p {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /*
     * Link przy Light skracamy do "Zobacz →",
     * tak samo jak przy Oferta dnia i Basic.
     */
    html body .lm-light-stage1-all {
        display: inline-flex !important;
        align-items: center !important;
        min-height: 22px !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #174468 !important;
        text-decoration: none !important;
        font-size: 0 !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        white-space: nowrap !important;
    }

    html body .lm-light-stage1-all::before {
        content: "Zobacz →" !important;
        font-size: 12px !important;
        line-height: 1 !important;
        font-weight: 850 !important;
    }

    html body .lm-light-stage1-all:hover {
        color: #2563eb !important;
        text-decoration: none !important;
    }
}

@media (min-width: 761px) and (max-width: 840px) {
    html body .lm-light-stage1-title-block h2::before {
        font-size: 21px !important;
    }

    html body .lm-light-stage1-head {
        gap: 10px !important;
        margin-bottom: 9px !important;
    }
}