/*
 * Moeblo: stylowanie bloków ets_crosssell wg Figmy (plik 7GTA790PMIMqQC8Ni62cUC, strona Production).
 *
 *  - karta produktu:  „Product 1920w” 1547:139146 → sekcja 1547:139614 (slider 4 × 380, strzałki, kropki)
 *  - strona koszyka:  „Cart 1920w” 1547:144508 → „crosselling” 1547:144528 (karta z ramką, 4 karty)
 *  - popup koszyka:   „Modal - Add to cart 1920w” 1547:148461 → „crosselling” 1547:149179 (3 karty)
 *
 * 09.10.2026 (zgłoszenie T. Rybaka, pkt 6d): w koszyku i popupie liczba kart i slider ze strzałkami idą
 * z ustawień modułu, a nie z makiety (tam statyczny rząd 4 / 3 karty) — na wyraźne życzenie klienta.
 *
 * Wartości bez komentarza pochodzą wprost z węzłów powyżej (pobrane 06.10.2026).
 * Makiety koszyka i popupu istnieją tylko w 1920 — progi responsywne poniżej mają dopisek „bez makiety”.
 * Sama karta produktu (article.product-miniature) jest wspólna ze sklepem i nie jest tu stylowana.
 *
 * Wszystko jest zawężone do trzech stron bloku; mini-koszyk w headerze (który też odpala
 * displayShoppingCartFooter) jest wykluczony przez .mini-cart.
 */

/* ---------- wspólne: zerowanie stylów modułu (front.css) ---------- */

.ets_crosssell_product_page.ets_crosssell_block,
.ets_crosssell_cart_page.ets_crosssell_block,
.ets_crosssell_added_popup_page.ets_crosssell_block {
    margin: 0;
    padding: 0;
    text-align: left;
}
.ets_crosssell_product_page.layout_list > ul,
.ets_crosssell_cart_page.layout_list > ul,
.ets_crosssell_added_popup_page.layout_list > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.ets_crosssell_product_page.layout_list > ul > li,
.ets_crosssell_cart_page.layout_list > ul > li,
.ets_crosssell_added_popup_page.layout_list > ul > li {
    margin: 0;
}
.ets_crosssell_product_page h4.ets_crosssell_title,
.ets_crosssell_cart_page h4.ets_crosssell_title,
.ets_crosssell_added_popup_page h4.ets_crosssell_title {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    color: #000;
    font-family: inherit;
    letter-spacing: 0;
    text-align: center;
}
.ets_crosssell_product_page .featured-products,
.ets_crosssell_cart_page .featured-products,
.ets_crosssell_added_popup_page .featured-products {
    margin: 0;
    padding: 0;
}
/* Zakładki (układ „tab…”): pasek zakładek pełni rolę nagłówka sekcji. Pojedyncza zakładka wygląda
   jak nagłówek z makiety; dla kilku zakładek nieaktywne mają opacity 0.4 — tego makieta nie
   przewiduje (bez makiety). */
.ets_crosssell_product_page .ets_crosssell_nav_tabs,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 32px;
    margin: 0;
    padding: 0;
    border: 0;
    float: none;
}
.ets_crosssell_product_page .ets_crosssell_nav_tabs li,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li {
    margin: 0;
    padding: 0;
    float: none;
}
.ets_crosssell_product_page .ets_crosssell_nav_tabs li a,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li a,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li a,
.ets_crosssell_product_page .ets_crosssell_nav_tabs.nav-tabs li.active a,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs.nav-tabs li.active a,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs.nav-tabs li.active a {
    float: none;
    padding: 0;
    border: 0 !important;
    color: #000;
    font-family: inherit;
    letter-spacing: 0;
}
.ets_crosssell_product_page .ets_crosssell_nav_tabs li:not(.active) a,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li:not(.active) a,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li:not(.active) a {
    opacity: 0.4;
}
.ets_crosssell_product_page .ets_crosssell_tab_content.row,
.ets_crosssell_cart_page .ets_crosssell_tab_content.row,
.ets_crosssell_added_popup_page .ets_crosssell_tab_content.row {
    margin: 0;
}
.ets_crosssell_product_page .ets_crosssell_tab_content .list-content,
.ets_crosssell_cart_page .ets_crosssell_tab_content .list-content,
.ets_crosssell_added_popup_page .ets_crosssell_tab_content .list-content {
    padding: 0;
}
/* Filtr podkategorii i sortowanie z modułu nie występują w makietach — zostają, jeśli włączone
   w ustawieniach bloku, tylko wyśrodkowane pod nagłówkiem. */
.ets_crosssell_product_page ul.ets_cs_sub_categories,
.ets_crosssell_cart_page ul.ets_cs_sub_categories,
.ets_crosssell_added_popup_page ul.ets_cs_sub_categories {
    text-align: center;
    margin: 0 0 20px;
    padding: 0;
}

/* Siatka kart dla karty produktu, koszyka i popupu w układach „…grid” (bez slidera). Karta produktu doszła 18.10.2026
   (zgłoszenie z 16.10, pkt 1b: style miniatury dawały karcie width 100% → 1 produkt w rzędzie na każdym breakpoincie). Liczba kolumn i kart pochodzi z ustawień
   modułu (klasy ets_mp_desktop/tablet/mobile_N i „Liczba produktów”), progi jak w front.css modułu.
   Do 09.10.2026 było tu na sztywno 4/3/2 karty + nth-child chowający resztę — przez to ustawienia
   „nie działały” (zgłoszenie T. Rybaka, pkt 6d).
   Pusta lista (.no-product, komunikat „Keine Produkte verfügbar”) jest wyłączona z siatki — inaczej komunikat lądował
   w pierwszej wąskiej kolumnie zamiast pod podkategoriami (zgłoszenie z 20.10.2026, pkt 5). */
.ets_crosssell_product_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product),
.ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product),
.ets_crosssell_added_popup_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
    display: grid;
    grid-template-columns: repeat(var(--ets-cs-cols, 4), minmax(0, 1fr));
    margin: 0;
    padding: 0;
    overflow: visible;
}
.ets_crosssell_product_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > *,
.ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > *,
.ets_crosssell_added_popup_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > *,
.ets_crosssell_product_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > * > article.product-miniature,
.ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > * > article.product-miniature,
.ets_crosssell_added_popup_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) > * > article.product-miniature {
    display: block;
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 0;
    float: none;
}
@media (min-width: 1200px) {
    .crosssell_product_list_wrapper.ets_mp_desktop_1 { --ets-cs-cols: 1; }
    .crosssell_product_list_wrapper.ets_mp_desktop_2 { --ets-cs-cols: 2; }
    .crosssell_product_list_wrapper.ets_mp_desktop_3 { --ets-cs-cols: 3; }
    .crosssell_product_list_wrapper.ets_mp_desktop_4 { --ets-cs-cols: 4; }
    .crosssell_product_list_wrapper.ets_mp_desktop_5 { --ets-cs-cols: 5; }
    .crosssell_product_list_wrapper.ets_mp_desktop_6 { --ets-cs-cols: 6; }
}
@media (min-width: 768px) and (max-width: 1199px) {
    .crosssell_product_list_wrapper.ets_mp_tablet_1 { --ets-cs-cols: 1; }
    .crosssell_product_list_wrapper.ets_mp_tablet_2 { --ets-cs-cols: 2; }
    .crosssell_product_list_wrapper.ets_mp_tablet_3 { --ets-cs-cols: 3; }
    .crosssell_product_list_wrapper.ets_mp_tablet_4 { --ets-cs-cols: 4; }
    .crosssell_product_list_wrapper.ets_mp_tablet_5 { --ets-cs-cols: 5; }
    .crosssell_product_list_wrapper.ets_mp_tablet_6 { --ets-cs-cols: 6; }
}
@media (max-width: 767px) {
    .crosssell_product_list_wrapper.ets_mp_mobile_1 { --ets-cs-cols: 1; }
    .crosssell_product_list_wrapper.ets_mp_mobile_2 { --ets-cs-cols: 2; }
    .crosssell_product_list_wrapper.ets_mp_mobile_3 { --ets-cs-cols: 3; }
    .crosssell_product_list_wrapper.ets_mp_mobile_4 { --ets-cs-cols: 4; }
    .crosssell_product_list_wrapper.ets_mp_mobile_5 { --ets-cs-cols: 5; }
    .crosssell_product_list_wrapper.ets_mp_mobile_6 { --ets-cs-cols: 6; }
}

/* Obrazek karty: „Image” 380 × 240 (karta produktu), 220,5 × 139,26 (koszyk), 226,67 × 143,16 (popup) — zawsze 19 : 12.
   Bez tego slick/grid liczy flex-basis linku z kwadratowych atrybutów width/height obrazka i link ma 380 px wysokości. */
.ets_crosssell_product_page .product-miniature .thumbnail-container .product-thumbnail,
.ets_crosssell_cart_page .product-miniature .thumbnail-container .product-thumbnail,
.ets_crosssell_added_popup_page .product-miniature .thumbnail-container .product-thumbnail {
    aspect-ratio: 19 / 12;
    height: auto;
    overflow: hidden;
}

/* Wiersz kolorów miniatury ma nowrap (moeblo_product_miniatures). W wąskich kartach crossellingu — np. siatka popupu
   4 × 160 px przy 1920 — 6 kropek + „+6 Farben” wystawało 16 px poza kartę; tu wiersz może się zawinąć
   (test 18.10.2026). Przy szerszych kartach nic się nie zmienia. */
.ets_crosssell_block .crosssell_product_list_wrapper .product-miniature .moeblo-mini-variants .variant-links {
    flex-wrap: wrap;
    row-gap: 8px;
}

/* ---------- karta produktu: 1547:139614 ---------- */

/* Pionowe 40/0/40 daje sekcja CE, w której siedzi widget (jak sekcja z karuzelą 1bd39710).
   Kolejne bloki modułu = kolejne sekcje: 40 + 40 między nimi. */
.ets_crosssell_product_page.layout_list > ul > li + li {
    margin-top: 80px;
}
/* Heading 2: Inter 24 / lh 36 / 600 / UPPER / center, gap 20 do kart */
.ets_crosssell_product_page h4.ets_crosssell_title,
.ets_crosssell_product_page .ets_crosssell_nav_tabs li a {
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    text-transform: uppercase;
}
.ets_crosssell_product_page h4.ets_crosssell_title,
.ets_crosssell_product_page .ets_crosssell_nav_tabs {
    margin-bottom: 20px;
}
/* Siatka (układ „…grid”): odstęp 40 jak między slajdami; na telefonie 16 (bez makiety). */
.ets_crosssell_product_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
    gap: 40px;
}
@media (max-width: 767px) {
    .ets_crosssell_product_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
        gap: 16px;
    }
}
/* Slider (od 09.10.2026 także koszyk i popup — wartości koszyka/popupu niżej): 4 × 380 w kontenerze 1640, SPACE_BETWEEN → odstęp 40 (po 20 z każdej strony slajdu). */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper.slick-slider {
    position: relative;
    margin: 0;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-list,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .tab_content .crosssell_product_list_wrapper .slick-list {
    position: relative;
    width: auto;
    margin: 0 -20px;
    overflow: hidden;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-slide,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper article.product-miniature.slick-slide {
    padding: 0 20px;
    margin: 0;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-slide > article.product-miniature {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}
/* Strzałki: 25 × 25, 50 px na zewnątrz kontenera (x 90 i 1805 przy kontenerze 140–1780),
   pionowo na środku rzędu kart (rząd 391 px + 20 pad + 20 kropki pod nim → 50% − 20 px). */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-arrow,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .tab_content .crosssell_product_list_wrapper button.slick-arrow {
    position: absolute;
    top: calc(50% - 20px);
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0;
    line-height: 0;
    opacity: 1;
    z-index: 2;
    cursor: pointer;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
    left: -50px;
    right: auto;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-next.slick-arrow {
    right: -50px;
    left: auto;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-arrow:hover {
    background: transparent;
}
/* Ikona: chevron 25 px w kolorze #232323 — ten sam glif co strzałki karuzeli CE na tej stronie. */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-arrow:before,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-arrow:hover:before,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .tab_content .crosssell_product_list_wrapper button.slick-prev.slick-arrow:before,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .tab_content .crosssell_product_list_wrapper button.slick-next.slick-arrow:before {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
    transform: none;
    background-color: #232323;
    -webkit-mask: var(--ets-cs-chevron) center / 25px 25px no-repeat;
    mask: var(--ets-cs-chevron) center / 25px 25px no-repeat;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper {
    --ets-cs-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25 25'%3E%3Cpath d='M16 4 7.5 12.5 16 21' fill='none' stroke='%23000' stroke-width='1.6'/%3E%3C/svg%3E");
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .tab_content .crosssell_product_list_wrapper button.slick-next.slick-arrow:before,
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-next.slick-arrow:before {
    transform: scaleX(-1);
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-arrow.slick-disabled {
    opacity: 0.2;
    cursor: default;
}
/* Kropki: kontener 20 px wys., pad 8/…/4, kropka 8 × 8 r 4 #000, gap 8, nieaktywne opacity 0.2;
   pad-bottom 20 kontenera kart nad nimi. */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    position: static;
    margin: 20px 0 0;
    padding: 8px 0 4px;
    list-style: none;
    line-height: 0;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-dots li {
    width: 8px;
    height: 8px;
    margin: 0;
    padding: 0;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-dots button {
    display: block;
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #000;
    opacity: 0.2;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
}
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-dots li.slick-active button {
    opacity: 1;
}
/* Strzałki 50 px poza kontenerem mieszczą się tylko przy ≥ 50 px marginesu obok kontenera
   (kontener motywu 1640 → od ok. 1740 px). Węższe ramki z Figmy to przeskalowane kopie 1920, a kontener
   motywu przy 1440 ma tylko 20 px marginesu — tu (bez makiety) strzałki stoją na krawędziach kontenera,
   nad zdjęciami, tak jak strzałki karuzeli CE na tej samej stronie (x = 140 przy 1920). */
@media (max-width: 1739px) {
    :is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
        left: 0;
    }
    :is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-next.slick-arrow {
        right: 0;
    }
}
/* Na telefonie strzałki zostają (zgłoszenie z 16.10.2026, pkt 2d — wcześniej ≤767 były ukryte, zostawały same kropki).
   Bez kropek (ETS_CS_HIDE_DOTS / .slick-dotted brak) strzałki stoją na środku całego slidera. */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper.slick-slider:not(.slick-dotted) button.slick-arrow {
    top: 50%;
}

/* front.css modułu przy ≤767 stawia strzałki pod sliderem na środku (left/right 50% !important) — u nas zostają
   po bokach slajdu jak na większych szerokościach, stąd !important (pkt 2d zgłoszenia z 16.10.2026). */
@media (max-width: 767px) {
    :is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
        left: 0 !important;
        right: auto !important;
        margin: 0;
    }
    :is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper button.slick-next.slick-arrow {
        right: 0 !important;
        left: auto !important;
        margin: 0;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
        left: -24px !important;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper button.slick-next.slick-arrow {
        right: -24px !important;
    }
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
        left: -20px !important;
    }
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper button.slick-next.slick-arrow {
        right: -20px !important;
    }
}
/* Jedna strona = nie ma dokąd przejść: slick i tak rysuje pojedynczą kropkę — chowamy ją (pkt 2b). */
:is(.ets_crosssell_product_page, .ets_crosssell_cart_page, .ets_crosssell_added_popup_page) .crosssell_product_list_wrapper .slick-dots:has(> li:only-child) {
    display: none;
}

/* ---------- strona koszyka: 1547:144528 ---------- */

/* „crosselling” 1080 w lewej kolumnie, 20 px pod przyciskiem „Weiter einkaufen” (1076 → 1096). */
.cart-grid-body .ets_crosssell_cart_page_wrap {
    margin-top: 20px;
}
/* Każdy blok to osobna karta: tło #FFF, ramka 1 px #000 @ 0.12. Kolejne karty co 20 px (bez makiety). */
.cart-grid-body .ets_crosssell_cart_page.layout_list > ul > li,
.cart-grid-body .ets_crosssell_cart_page.ets_crosssell_layout-tab {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
}
.cart-grid-body .ets_crosssell_cart_page.layout_list > ul > li + li {
    margin-top: 20px;
}
/* Heading: pad 12/32, Inter 18 / lh 24 / 700; Separator 1 px #000 @ 0.25 pod nim. */
.cart-grid-body .ets_crosssell_cart_page h4.ets_crosssell_title,
.cart-grid-body .ets_crosssell_cart_page .ets_crosssell_nav_tabs {
    padding: 12px 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}
.cart-grid-body .ets_crosssell_cart_page h4.ets_crosssell_title,
.cart-grid-body .ets_crosssell_cart_page .ets_crosssell_nav_tabs li a {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: none;
}
/* crosselling_content: pad 32, gap 44, 4 karty po 220,5. */
.cart-grid-body .ets_crosssell_cart_page .tab_content,
.cart-grid-body .ets_crosssell_cart_page .ets_crosssell_tab_content .list-content {
    padding: 32px;
}
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
    gap: 44px;
}
/* Slider: gap 44 → po 22 z każdej strony slajdu. Strzałki 25 px w paddingu karty — od 18.10.2026 padding to 24
   (CSS klienta niżej), więc −24; makieta ma statyczny rząd, strzałki i kropki to wymóg klienta z 6d (bez makiety). */
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-list {
    margin: 0 -22px;
}
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-slide,
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper article.product-miniature.slick-slide {
    padding: 0 22px;
}
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
    left: -24px;
}
.cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper button.slick-next.slick-arrow {
    right: -24px;
}
/* bez makiety: węższa lewa kolumna → mniejszy odstęp */
@media (max-width: 1199px) {
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
        gap: 24px;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-list {
        margin: 0 -12px;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-slide,
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper article.product-miniature.slick-slide {
        padding: 0 12px;
    }
}
@media (max-width: 767px) {
    .cart-grid-body .ets_crosssell_cart_page h4.ets_crosssell_title,
    .cart-grid-body .ets_crosssell_cart_page .ets_crosssell_nav_tabs {
        padding: 12px 16px;
    }
    .cart-grid-body .ets_crosssell_cart_page .tab_content,
    .cart-grid-body .ets_crosssell_cart_page .ets_crosssell_tab_content .list-content {
        padding: 16px;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
        gap: 16px;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-list {
        margin: 0 -8px;
    }
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper .slick-slide,
    .cart-grid-body .ets_crosssell_cart_page .crosssell_product_list_wrapper article.product-miniature.slick-slide {
        padding: 0 8px;
    }
}

/* ---------- popup po dodaniu do koszyka: 1547:149179 ---------- */

/* 30 px pod sekcją z przyciskami (Details kończy się na 622, crosselling zaczyna na 652). */
#blockcart-modal .ets_crosssell_added_popup_page.ets_crosssell_block {
    margin-top: 30px;
}
#blockcart-modal .ets_crosssell_added_popup_page.layout_list > ul > li + li {
    margin-top: 30px;
}
/* crosselling_header: border-top 1 px #E5E5E5, pad 20/15, Inter 14 / lh 24 / 500, center → 65 px. */
#blockcart-modal .ets_crosssell_added_popup_page h4.ets_crosssell_title,
#blockcart-modal .ets_crosssell_added_popup_page .ets_crosssell_nav_tabs {
    padding: 20px 15px;
    border-top: 1px solid #e5e5e5;
}
#blockcart-modal .ets_crosssell_added_popup_page h4.ets_crosssell_title,
#blockcart-modal .ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li a {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    text-transform: none;
}
/* crosselling_content: 3 karty po 226,67, gap 44, bez paddingu. Liczba kart w rzędzie idzie z ustawień
   modułu („Popup”: desktop/tablet/mobile) — makieta ma 3. */
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
    gap: 44px;
}
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper .slick-list {
    margin: 0 -22px;
}
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper .slick-slide,
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper article.product-miniature.slick-slide {
    padding: 0 22px;
}
/* Strzałki w paddingu .modal-body (24 px od 1200, 20 px niżej → −20 mieści się w obu) — przy −50 z karty produktu
   wypadały poza modal (bez makiety). */
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper button.slick-prev.slick-arrow {
    left: -20px;
}
#blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper button.slick-next.slick-arrow {
    right: -20px;
}
/* bez makiety: na telefonie mniejszy odstęp */
@media (max-width: 767px) {
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper:not(.layout-slide):not(.no-product) {
        gap: 16px;
    }
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper .slick-list {
        margin: 0 -8px;
    }
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper .slick-slide,
    #blockcart-modal .ets_crosssell_added_popup_page .crosssell_product_list_wrapper article.product-miniature.slick-slide {
        padding: 0 8px;
    }
}

/* ======================================================================================================
 * Poprawki stylów od klienta (T. Rybak, komentarz w zadaniu Asana „Koszyk - crosseling” z 16.10.2026, pkt 4).
 * Wklejone 1:1, bez zmian wartości — nadpisują część liczb z Figmy powyżej (np. padding koszyka 32 → 24,
 * nagłówek koszyka 18/700 → 17 UPPER, nagłówek karty produktu 24/36 → 20/28). Celowo na końcu pliku.
 * ====================================================================================================== */

.cart-grid-body .ets_crosssell_cart_page .tab_content,
.cart-grid-body .ets_crosssell_cart_page .ets_crosssell_tab_content .list-content {
    padding: 24px;
}

.ets_crosssell_product_page .ets_crosssell_nav_tabs li,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li {
    border: 1px solid #000;
    padding: 4px 8px;
}

.ets_crosssell_product_page .ets_crosssell_nav_tabs li:not(.active),
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li:not(.active),
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li:not(.active) {
    border: 0px solid rgba(0, 0, 0, 0.3);
}

.ets_crosssell_product_page .ets_crosssell_nav_tabs,
.ets_crosssell_cart_page .ets_crosssell_nav_tabs,
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs {
    gap: 0 16px;
}

.ets_crosssell_product_page ul.ets_cs_sub_categories,
.ets_crosssell_cart_page ul.ets_cs_sub_categories,
.ets_crosssell_added_popup_page ul.ets_cs_sub_categories {
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    column-gap: 8px;
    flex-wrap: wrap;
    row-gap: 8px;
    padding: 20px 0px;
    border-top: 1px solid #e5e5e5;
}

.ets_crosssell_cart_page ul.ets_cs_sub_categories {
    padding: 0px 0px 24px 0px;
    border-top: 0px solid #e5e5e5;
}

ul.ets_cs_sub_categories li a {
    padding: 4px 8px;
    border: 1px solid #e5e5e5;
    font-size: 13px;
}

ul.ets_cs_sub_categories .ets_crosssel_sub_category.active {
    color: #000;
    border: 1px solid #000;
    padding: 4px 8px;
}

ul.ets_cs_sub_categories li a {
    margin-right: 0;
    margin-bottom: 0;
}

.cart-grid-body .ets_crosssell_cart_page h4.ets_crosssell_title, .cart-grid-body .ets_crosssell_cart_page .ets_crosssell_nav_tabs li a {
    font-size: 17px;
    text-transform: uppercase;
}

ul.ets_cs_sub_categories li a:hover,
ul.ets_cs_sub_categories .ets_crosssel_sub_category.active {
    text-shadow: 0.5px 0 0 currentColor, -0.5px 0 0 currentColor;
}

.ets_crosssell_block.layout_tab.layout-slide .ets_crosssell_nav_tabs {
    padding-right: 0px;
}

.ets_crosssell_product_page .ets_crosssell_nav_tabs, .ets_crosssell_cart_page .ets_crosssell_nav_tabs, .ets_crosssell_added_popup_page .ets_crosssell_nav_tabs {
    gap: 8px 16px;
}

.ets_crosssell_product_page .ets_crosssell_nav_tabs li:not(.active),
.ets_crosssell_cart_page .ets_crosssell_nav_tabs li:not(.active),
.ets_crosssell_added_popup_page .ets_crosssell_nav_tabs li:not(.active) {
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.ets_crosssell_product_page h4.ets_crosssell_title,
.ets_crosssell_product_page .ets_crosssell_nav_tabs li a {
    font-size: 20px;
    line-height: 28px;
}

@media (min-width: 1440px) {
    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-title a {
        font-size: 13px !important;
    }

    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .price,
    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .regular-price {
        font-size: 14px !important;
    }
}

@media (max-width: 1024px) {
    .cart-grid-body .ets_crosssell_cart_page h4.ets_crosssell_title,
    .cart-grid-body .ets_crosssell_cart_page .ets_crosssell_nav_tabs li a {
        font-size: 15px;
        line-height: 24px;
    }

    ul.ets_cs_sub_categories li a {
        font-size: 12px;
    }

    .ets_crosssell_product_page h4.ets_crosssell_title,
    .ets_crosssell_product_page .ets_crosssell_nav_tabs li a {
        font-size: 18px;
        line-height: 24px;
    }
}

@media (min-width: 768px) and (max-width: 1439px) {
    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-title a {
        font-size: 13px !important;
    }

    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .price,
    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .regular-price {
        font-size: 14px !important;
    }
}

@media (max-width: 767px) {
    .ets_crosssell_block .slick-slider {
        padding-bottom: 0px;
    }

    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-title a {
        font-size: 13px !important;
    }

    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .price,
    .ets_crosssell_block .product-miniature .moeblo-mini-card .product-price-and-shipping .moeblo-mini-prices .regular-price {
        font-size: 13px !important;
    }

    .ets_crosssell_product_page h4.ets_crosssell_title,
    .ets_crosssell_product_page .ets_crosssell_nav_tabs li a {
        font-size: 17px;
        line-height: 24px;
    }
}