/* =============================================================================
   Moeblo — wishlist (moduł moeblo_wishlist, samodzielny)

   Źródło wymiarów: Figma "Moeblo.de" (7GTA790PMIMqQC8Ni62cUC), strona Production,
   sekcja tagowana `Wishlist` — tag 1547:135694, pasmo y ≈ -27089 (wersja aktualna;
   starszy duplikat tych samych ekranów leży w paśmie y ≈ +31958 i NIE jest źródłem).

   Ekrany (1920w → 1440w → 1024w → 768w → 390w):
     toast "Artikel hinzugefügt"      1547:150719 → 127680 → 129733 → 132688 → 131499
     modal wyboru listy               1547:152502 → 128980 → 130802 → 133472 → 132098
     wishlista pusta                  1547:152464 → 128424 → 130459 → 133129 → 131795
     lista list ("Ihre Wunschlisten") 1547:149934 → 128460 → 130174 → 132403 → 131252
     modal "Wunschliste erstellen"    1547:153175 → 128933 → 130755 → 133425 → 132051
     siatka produktów                 1547:149969 → 128495 → 130209 → 132438 → 131287
     modal usuwania produktu          1547:152240 → 128709 → 130495 → 133165 → 131829

   Uwagi do odczytu makiety:
   - Kontener treści w Figmie ma 1640 px i zaczyna się na x=140. Żywy sklep trzyma
     treść w `#wrapper > .container`, czyli 1640 px z paddingiem 15 px na boki →
     wewnętrzna szerokość 1610 px. Ta różnica 2×15 px istnieje na całym sklepie
     (breadcrumb na listingu startuje na x=155, w Figmie na x=140) i nie jest
     naprawiana tutaj. Siatka kart jest dlatego płynna (grid 1fr), a nie sztywna
     299 px: przy 1920 wychodzi 293,2 px zamiast 299 px z makiety.
   - Dużo `!important` zostało z czasów, gdy stylowaliśmy tu wyjście modułu
     blockwishlist: wstrzykiwał on własny CSS z bundle'a Vue jako <style> w runtime,
     czyli zawsze po naszym <link>. Tamten moduł został usunięty i markup jest teraz
     nasz, ale część reguł dalej bije się z motywem (np. `.select-title` z
     themes/classic/assets/css/custom.css), więc `!important` zostaje.
   ============================================================================= */

/* Kolory i stałe pudełka MUSZĄ siedzieć na :root, nie na kontenerach stron.
   Modale (`.wishlist-login`, `.wishlist-add-to`, `.wishlist-modal`), toast i
   `.wishlist-footer-links` renderują się POZA `.wishlist-container` /
   `.wishlist-products-container`. Gdy zmienna nie ma tam wartości, cała deklaracja
   jest nieprawidłowa i property wraca do initial — przycisk „Anmelden" w modalu
   logowania dostawał wtedy `background: transparent` przy `color:#fff`, czyli biały
   tekst na białym tle. */
:root {
    --mw-ink: #232323;
    --mw-ink-strong: #000000;
    --mw-muted: #7a7a7a;
    --mw-line: #dfdfdf;          /* obrys #000 @12,5% na białym = rgb(223,223,223) */
    --mw-field-line: #d9d9d9;    /* obrys selecta, Figma 1547:149991 */
    --mw-gold: #deb970;
    --mw-cta: #a53f5b;

    --mw-box-pad-y: 16px;
    --mw-box-pad-x: 20px;
    --mw-grid-gap: 26px;         /* zmierzone na renderze 1920: rozstaw kart 324/325 px przy karcie 299 px */
    --mw-img-h: 212px;           /* wysokość obrazka stała na wszystkich breakpointach */
}

.wishlist-container,
.wishlist-products-container {
    /* typografia — Figma 1920w */
    --mw-h1-size: 19px;
    --mw-h1-lh: 24.2px;
    --mw-count-size: 16px;
    --mw-count-lh: 22px;
    --mw-name-size: 14px;
    --mw-name-lh: 18.2px;
    --mw-price-size: 16px;
    --mw-price-lh: 24.2px;
    --mw-sort-size: 14px;

    /* liczba kolumn siatki — przestawiana w media queries na dole pliku */
    --mw-cols: 1;
}

/* -----------------------------------------------------------------------------
   1. Nagłówek strony — wspólny dla listy list i dla wishlisty z produktami
   Figma 1547:149984 / 1547:149949: wiersz space-between, pod nim odstęp 16 px
   -------------------------------------------------------------------------- */

.wishlist-container-header,
.wishlist-products-container-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px;
    margin: 0 0 16px !important;
}

.wishlist-container-header h1,
.wishlist-products-container-header h1 {
    display: flex;
    align-items: center;
    gap: 4px;                    /* Figma "Heading 1:margin" itemSpacing=4 */
    margin: 0;
    padding: 0;
    font-family: Inter, sans-serif;
    font-weight: 700;
    font-size: var(--mw-h1-size);
    line-height: var(--mw-h1-lh);
    color: var(--mw-ink);
    text-transform: none;
}

.wishlist-products-container-header h1 .wishlist-products-count {
    font-weight: 400;
    font-size: var(--mw-count-size);
    line-height: var(--mw-count-lh);
    color: var(--mw-muted);
}

/* "Neue Liste anlegen" — Figma 1547:149952: ikona 20 px + tekst 14/16, gap 5, #deb970 */
.wishlist-add-to-new {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    color: var(--mw-gold) !important;
    text-decoration: none !important;
}

.wishlist-add-to-new i {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    color: var(--mw-gold) !important;
    vertical-align: baseline !important;
}

/* Sortowanie — Figma 1547:149988: etykieta 14 px, gap 16, select 183×43, obrys #d9d9d9 */
.wishlist-products-container-header .sort-by-row {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    flex: 0 0 auto !important;
}

.wishlist-products-container-header .sort-by-row .sort-by {
    display: block !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    font-family: Inter, sans-serif !important;
    font-size: var(--mw-sort-size) !important;
    line-height: 24.2px !important;
    color: var(--mw-ink-strong) !important;
}

.wishlist-products-container-header .sort-by-row .products-sort-order {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
}

/* Uwaga: motyw (themes/classic/assets/css/custom.css:656) ustawia na
   `.products-sort-order:not(.products-sort-order--mobile) .select-title`
   wysokosc 44, padding 0/44/0/20 i `font-size: 0 !important` — ten ostatni
   dziala razem z osobnym <span> na listingu, ale na wishliscie tekst jest golym
   wezlem tekstowym w <button> i zniknalby. Stad wyzsza specyficznosc ponizej. */
.wishlist-products-container .wishlist-products-container-header .sort-by-row .products-sort-order .select-title,
.wishlist-products-container-header .sort-by-row .select-title {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 183px !important;
    height: 43px !important;
    min-height: 43px !important;
    max-height: 43px !important;
    padding: 8px 12px !important;
    background: #fff !important;
    border: 1px solid var(--mw-field-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Inter, sans-serif !important;
    font-size: var(--mw-sort-size) !important;
    line-height: 25px !important;
    font-weight: 400 !important;
    color: var(--mw-ink-strong) !important;
}

.wishlist-products-container .wishlist-products-container-header .sort-by-row .products-sort-order .select-title i,
.wishlist-products-container-header .sort-by-row .select-title i {
    float: none !important;
    margin: 0 !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: var(--mw-ink-strong) !important;
}

/* -----------------------------------------------------------------------------
   2. Białe pudełko z zawartością
   Figma 1547:149994 (produkty) i 1547:149955 (wiersz listy):
   tło #fff, obrys 1 px, promień 0, padding 16/20
   -------------------------------------------------------------------------- */

#main .wishlist-container .page-content.card,
#main .wishlist-products-container .page-content.card,
.wishlist-container .page-content.card,
.wishlist-products-container .page-content.card {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 1px solid var(--mw-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* -----------------------------------------------------------------------------
   3. Lista wishlist ("Ihre Wunschlisten") — Figma 1547:149955
   wiersz 56 px, padding 16/20, nazwa Inter Bold 15/22, licznik Regular 15 #7a7a7a,
   ikona share 16 px #7a7a7a
   -------------------------------------------------------------------------- */

.wishlist-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.wishlist-list-item,
.wishlist-list-item-default {
    border: 0 !important;
}

.wishlist-list-item:not(:last-child) {
    border-bottom: 1px solid var(--mw-line) !important;
}

.wishlist-list-item-link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 20px !important;
    min-height: 56px !important;
    padding: 16px 20px !important;
    box-sizing: border-box !important;
}

.wishlist-list-item:hover .wishlist-list-item-title {
    color: var(--mw-ink) !important;
}

/* padding 0: bundle `addtowishlist` ustawia `.wishlist-list .wishlist-list-item p{padding:0 2.5rem}`
   dla modala wyboru listy i przecieka na strone list */
.wishlist-list-container .wishlist-list .wishlist-list-item .wishlist-list-item-title,
.wishlist-list-item-title {
    display: flex !important;
    align-items: baseline !important;
    gap: 5px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--mw-ink) !important;
}

.wishlist-list-item-title span {
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 15px !important;
    line-height: 22px !important;
    color: var(--mw-muted) !important;
}

.wishlist-list-item-right > button i {
    font-size: 16px !important;
    line-height: 16px !important;
    color: var(--mw-muted) !important;
}

/* Pusto — Figma 1547:152489: pudełko 56 px, tekst wyśrodkowany Inter Bold 14/22.
   Zawężone do obu kontenerów stron, żeby nie ruszać stanu pustego w modalu wyboru
   listy (`.wishlist-add-to`), którego makieta nie pokazuje. */
.wishlist-container .wishlist-list-empty,
.wishlist-products-container .wishlist-list-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 56px !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    color: var(--mw-ink) !important;
}

/* -----------------------------------------------------------------------------
   4. Siatka produktów — Figma 1547:149994
   pudełko padding 16/20, karty w siatce; liczba kolumn wg breakpointu
   -------------------------------------------------------------------------- */

.wishlist-products-list {
    display: grid !important;
    grid-template-columns: repeat(var(--mw-cols), minmax(0, 1fr)) !important;
    gap: var(--mw-grid-gap) !important;
    margin: 0 !important;
    padding: var(--mw-box-pad-y) var(--mw-box-pad-x) !important;
    list-style: none !important;
}

.wishlist-products-item {
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wishlist-product {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;   /* karty w wierszu równej wysokości — CTA wyrównane do dołu */
    margin: 0 !important;
}

.wishlist-product-link {
    display: block !important;
    flex: 1 1 auto !important;
    align-items: stretch !important;
    text-decoration: none !important;
}

/* Na stronie gościa link jest na obrazku i na nazwie (patrz komentarz w mylist.tpl),
   a nie na całej karcie — kolor i podkreślenie mają wyglądać tak samo jak u zalogowanego. */
.wishlist-product-image > a,
.wishlist-product-title > a {
    display: block !important;
    color: inherit !important;
    text-decoration: none !important;
}

.wishlist-product-image > a {
    width: 100% !important;
    height: 100% !important;
}

/* Obrazek — Figma 1547:149996: 299×212 przy 1920, wysokość 212 na każdym breakpoincie */
.wishlist-product-image {
    position: relative !important;
    width: 100% !important;
    height: var(--mw-img-h) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.wishlist-product-image img {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    transform: none !important;
    object-fit: cover !important;
}

.wishlist-product-link:hover .wishlist-product-image img {
    transform: none !important;
}

/* Treść karty — Figma 1547:150000: padding-top 20, odstęp 16 między blokami */
.wishlist-product-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    flex: 1 1 auto !important;
    padding-top: 20px !important;
}

/* Nazwa — Figma 1547:150001: Inter Medium 14/18,2 #000, dwie linie */
.wishlist-product-title {
    margin: 0 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: var(--mw-name-size) !important;
    line-height: var(--mw-name-lh) !important;
    color: var(--mw-ink-strong) !important;
}

/* Cena — Figma 1547:150002: Inter SemiBold 16/24,2 #000 */
.wishlist-product-price {
    margin: 0 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: var(--mw-price-size) !important;
    line-height: var(--mw-price-lh) !important;
    color: var(--mw-ink-strong) !important;
}

.wishlist-product-price-promo {
    margin: 0 8px 0 0 !important;
    font-weight: 400 !important;
    font-size: var(--mw-name-size) !important;
    line-height: var(--mw-price-lh) !important;
    color: var(--mw-muted) !important;
    text-decoration: line-through !important;
    vertical-align: baseline !important;
}

/* Atrybuty + ołówek — Figma 1547:150003: space-between, tekst 12/20, ikona 24×24 (glif 18) */
.wishlist-product-combinations {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
}

.wishlist-product-combinations-text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
    color: var(--mw-ink) !important;
}

/* Makieta (Figma 1547:150004) ma trzy osobne wiersze — "Farbe:", "Liegefläch:", "Menge:".
   Szablon renderuje kazdy wiersz jako .wishlist-product-combination (etykieta w <span>,
   wartosc w <strong>), wiec wystarczy zrobic z wiersza blok. Wczesniej byl tu hack na
   separatorach <span> - </span> — nie ma juz czego ukrywac. */
.wishlist-product-combination {
    display: block !important;
}

.wishlist-product-combination-value {
    font-weight: 700 !important;
}

.wishlist-product-combinations a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 24px !important;
    width: 24px !important;
    height: 24px !important;
    color: var(--mw-ink) !important;
}

.wishlist-product-combinations a:hover {
    color: var(--mw-ink) !important;
    opacity: .7 !important;
}

.wishlist-product-combinations a i {
    font-size: 18px !important;
    line-height: 18px !important;
}

/* Pasek dostawy — ten sam komponent co na karcie produktu w listingu
   (ps_deliverydate → display_delivery_date-productlist.tpl). Wartosci przepisane
   z moeblo_product_miniatures/views/css/front.css, blok
   `.product-miniature .moeblo-mini-delivery` (12 px kontener, ramka 1px #000 r4,
   etykieta 10/600, data 10/500) — tamte selektory sa zawezone do listingu
   (#js-product-list / .featured-products / .product-accessories), wiec na wishliscie
   nie lapia i regula musi byc powtorzona tutaj. */
.wishlist-product-delivery {
    padding-top: 16px !important;
}

.wishlist-product-delivery .moeblo-mini-delivery {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    color: #000 !important;
}

.wishlist-product-delivery .moeblo-mini-delivery__free {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    height: 23px !important;
    padding: 0 8px !important;
    border: 1px solid #000 !important;
    border-radius: 4px !important;
    background: #fff !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    color: #242424 !important;
    white-space: nowrap !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
}

.wishlist-product-delivery .moeblo-mini-delivery__icon {
    display: inline-flex !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

/* Szablon ps_deliverydate wstawia ikone jako <img src="/img/free-delivery.svg">
   — plik ma wlasne 16x12, listing nie nadaje mu rozmiaru, wiec trzymamy sie tego. */
.wishlist-product-delivery .moeblo-mini-delivery__icon img,
.wishlist-product-delivery .moeblo-mini-delivery__icon svg {
    display: block !important;
    width: 16px !important;
    height: 12px !important;
}

.wishlist-product-delivery .moeblo-mini-delivery__date {
    display: flex !important;
    flex-direction: row !important;
    align-items: baseline !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 4px !important;
    white-space: nowrap !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.wishlist-product-delivery .moeblo-mini-delivery__date-label,
.wishlist-product-delivery .moeblo-mini-delivery__date-value {
    display: inline !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 16.6px !important;
    color: #000 !important;
    white-space: nowrap !important;
}

/* CTA — Figma 1547:150026: 44 px, tło #a53f5b, promień 2,63, tekst Inter SemiBold 12,
   ikona PO tekście (w markupie modułu jest przed — stąd row-reverse) */
.wishlist-product-bottom {
    display: block !important;
    margin-top: auto !important;   /* dosuwa CTA do dołu karty */
    padding-top: 16px !important;
}

.wishlist-product-addtocart {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 20px !important;
    background: var(--mw-cta) !important;
    border: 0 !important;
    border-radius: 2.63px !important;
    box-shadow: none !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 12px !important;
    letter-spacing: 0 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}

.wishlist-product-addtocart:hover:not(:disabled) {
    background: var(--mw-cta) !important;
    opacity: .85 !important;
}

.wishlist-product-addtocart:disabled {
    opacity: .5 !important;
}

.wishlist-product-addtocart i {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 14px !important;
}

/* Kosz — w markupie modułu siedzi obok CTA, w makiecie jest NAD obrazkiem
   (Figma 1547:149999: 33×33, białe koło, glif 12,6×13,75, top 12 / right 17
   zmierzone na renderze 1920w). Dlatego wyjmujemy go z flow karty. */
.wishlist-product-bottom .wishlist-button-add {
    position: absolute !important;
    top: 12px !important;
    right: 17px !important;
    left: auto !important;
    z-index: 3 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 33px !important;
    height: 33px !important;
    min-width: 33px !important;
    min-height: 33px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
}

.wishlist-product-bottom .wishlist-button-add:hover {
    opacity: .85 !important;
}

.wishlist-product-bottom .wishlist-button-add i {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 15px !important;
    color: var(--mw-ink-strong) !important;
}

/* Dostępność — makieta nie pokazuje tej etykiety na karcie wishlisty */
.wishlist-product-availability {
    position: static !important;
    left: auto !important;
    bottom: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    transform: none !important;
    justify-content: flex-start !important;
    font-family: Inter, sans-serif !important;
    font-size: 12px !important;
    line-height: 20px !important;
}

/* -----------------------------------------------------------------------------
   5. Stopka strony — Figma 1547:150175: ikona 20 px + tekst Inter 13/19,
   gap 4 w linku, 20 px między linkami, 12 px od pudełka
   -------------------------------------------------------------------------- */

.wishlist-footer-links {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    margin: 12px 0 50px !important;
}

.wishlist-footer-links > a,
.wishlist-footer-links > a.text-primary {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin: 0 !important;
    font-family: Inter, sans-serif !important;
    font-size: 13px !important;
    line-height: 19px !important;
    color: var(--mw-ink-strong) !important;
    text-decoration: none !important;
}

.wishlist-footer-links > a i {
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
    color: var(--mw-ink-strong) !important;
}

/* -----------------------------------------------------------------------------
   6. Modale — Figma 1547:153211 ("Wunschliste erstellen"), 1547:152455 (usuwanie),
   1547:153166 (wybór listy). Wspólna skorupa: białe okno, promień 4,8, obrys 1 px,
   nagłówek padding 16 (Inter Bold 16/20 + ✕ 20 px), stopka padding 20/16 gap 20,
   przyciski 44 px: "Abbrechen" z obrysem, akcja na #a53f5b, oba Inter SemiBold 15/20.
   -------------------------------------------------------------------------- */

.wishlist-modal.fade .modal-dialog {
    max-width: 455px !important;
}

.wishlist-modal .modal-content {
    border: 1px solid var(--mw-line) !important;
    border-radius: 4.8px !important;
    box-shadow: none !important;
}

.wishlist-modal .modal-header {
    align-items: center !important;
    gap: 16px !important;
    padding: 16px !important;
    border: 0 !important;
}

.wishlist-modal .modal-header h5 {
    margin: 0 !important;
    font-family: Inter, sans-serif !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: var(--mw-ink-strong) !important;
}

.wishlist-modal .close {
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 20px !important;
    color: var(--mw-ink-strong) !important;
    opacity: 1 !important;
}

.wishlist-modal .modal-body {
    padding: 8px 16px 0 !important;
}

.wishlist-modal .modal-text,
.wishlist-modal .modal-body label {
    margin: 0 0 12px !important;
    font-family: Inter, sans-serif !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: var(--mw-ink) !important;
}

/* Pole "Name der Wunschliste" — Figma 1547:153217: 44 px, padding 10, promień 5 */
.wishlist-modal .modal-body .form-control {
    box-sizing: border-box !important;
    height: 44px !important;
    padding: 10px !important;
    background: #fff !important;
    border: 1px solid var(--mw-field-line) !important;
    border-radius: 5px !important;
    box-shadow: none !important;
    font-family: Montserrat, Inter, sans-serif !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #101010 !important;
}

.wishlist-modal .modal-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 20px !important;
    padding: 20px 16px !important;
    border: 0 !important;
}

.wishlist-modal .modal-footer .btn,
.wishlist-modal .modal-footer .modal-cancel {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 12px 20px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    line-height: 20px !important;
    text-transform: uppercase !important;
}

.wishlist-modal .modal-footer .modal-cancel {
    min-width: 134px !important;
    background: #fff !important;
    border: 1px solid var(--mw-line) !important;
    color: var(--mw-ink-strong) !important;
}

.wishlist-modal .modal-footer .btn-primary,
.wishlist-modal .modal-footer .btn-danger {
    flex: 1 1 auto !important;
    background: var(--mw-cta) !important;
    border: 1px solid var(--mw-cta) !important;
    color: #fff !important;
}

/* Modal wyboru listy — Figma 1547:153166: okno 548, nagłówek padding 12/16,
   wiersz listy padding 20/16 Inter 14/16, "Nue Liste anlegen" 13/16 #c5a055 */
.wishlist-add-to.fade .modal-dialog {
    max-width: 548px !important;
}

.wishlist-add-to .modal-header {
    padding: 12px 16px !important;
}

.wishlist-add-to .wishlist-list {
    max-height: 55vh !important;
    overflow-y: auto !important;
    border-top: 1px solid var(--mw-line) !important;
    border-bottom: 1px solid var(--mw-line) !important;
}

.wishlist-add-to .wishlist-list .wishlist-list-item {
    padding: 0 !important;
}

.wishlist-add-to .wishlist-list .wishlist-list-item p {
    padding: 20px 16px !important;
    font-family: Inter, sans-serif !important;
    font-size: 14px !important;
    line-height: 16px !important;
    color: var(--mw-ink) !important;
}

.wishlist-add-to .modal-footer {
    justify-content: flex-start !important;
    padding: 0 !important;
}

.wishlist-add-to .modal-footer .wishlist-add-to-new {
    gap: 8px !important;
    padding: 16px !important;
    font-size: 13px !important;
    line-height: 16px !important;
    color: #c5a055 !important;
}

.wishlist-add-to .modal-footer .wishlist-add-to-new i {
    font-size: 20px !important;
    color: #c5a055 !important;
}

/* -----------------------------------------------------------------------------
   6b. Stan „na wishliście" dla gościa

   guest.js ustawia `src` obrazka NA pełne serce i dokłada klasę
   `.moeblo-wishlist-checked`. Problem: widget Creative Elements
   (`.ce-add-to-wishlist` na karcie produktu) po załadowaniu strony przestawia
   `src` z powrotem na puste serce — czyta stan z `productsAlreadyTagged`, które
   dla niezalogowanego jest puste. Zamiast ścigać się z jego skryptem o atrybut,
   wymuszamy grafikę z CSS-a: klasa jest nasza i nikt jej nie kasuje.
   -------------------------------------------------------------------------- */

.moeblo-wishlist-checked > img {
    content: url('/img/heart-filled.svg');
}

/* -----------------------------------------------------------------------------
   7. Toast „Artikel hinzugefügt" / „Artikel entfernt"

   Figma: ramka `Home 1920w` 1547:150719 → dziecko 1547:151382, zmierzone 31.08.2026
   przez /v1/files: 175×44, x=1725 w ramce 1920 (czyli 20 px od prawej), y=20.
   Tło #deb970, tekst biały Inter 600 14/19.

   UWAGA — to jest sedno zgłoszenia z 31.08.2026, pkt 1. Do wersji 2.0.4 leżały tu
   WYŁĄCZNIE nadpisania wyglądu (kolor, padding, font), bo `position: fixed`, `z-index`,
   `opacity` i przejście `.isActive` przychodziły z bundle'a blockwishlist
   (public/wishlist.css, komponent _dev/front/js/components/Toast/Toast.vue). Po usunięciu
   tamtego modułu element dalej powstawał w DOM, ale jako blok `position: static` na końcu
   <body> — zmierzone na DDEV: 1920×63 px na y≈3184, czyli pod stopką. Stąd „zniknęły
   powiadomienia". Cała baza pozycjonowania jest teraz tutaj i nic jej już nie dostarcza
   z zewnątrz — nie usuwać przy kolejnych porządkach.

   Bez `!important`: po blockwishlist nikt inny nie styluje `.wishlist-toast`
   (sprawdzone grepem po themes/ i modules/), więc reguły nie mają z czym konkurować.
   -------------------------------------------------------------------------- */

.wishlist-toast {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;               /* nad sticky headerem motywu */
    display: flex;
    align-items: center;
    box-sizing: border-box;
    min-width: 175px;
    min-height: 44px;
    max-width: calc(100vw - 40px);
    margin: 0;
    padding: 12px 20px;          /* 12 + 19 (line-height) + 12 ≈ 44 px wysokości z makiety */
    background-color: var(--mw-gold, #deb970);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    transform: translateY(-10px);
    pointer-events: none;
    transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.wishlist-toast.isActive {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

/* Błąd (np. zerwane połączenie) — makieta nie ma tego wariantu, kolor za
   blockwishlist (#b9312d), żeby komunikat błędu nie udawał potwierdzenia. */
.wishlist-toast.error {
    background-color: #b9312d;
}

.wishlist-toast .wishlist-toast-text {
    margin: 0;
    font-family: Inter, sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}

/* -----------------------------------------------------------------------------
   8. Breakpointy — liczba kolumn wprost z makiety:
   1920w → 5, 1440w → 4, 1024w → 3, 768w → 2, 390w → 1.
   Próg dla 5 kolumn (1600 px) jest naszym wyborem — makieta daje tylko 1920 i 1440.
   -------------------------------------------------------------------------- */

@media (min-width: 768px) {
    .wishlist-products-container {
        --mw-cols: 2;
    }
}

@media (min-width: 1024px) {
    .wishlist-products-container {
        --mw-cols: 3;
    }
}

@media (min-width: 1440px) {
    .wishlist-products-container {
        --mw-cols: 4;
    }
}

@media (min-width: 1600px) {
    .wishlist-products-container {
        --mw-cols: 5;
    }
}

/* Wariant mobilny — Figma 390w (1547:131287 / 131252):
   H1 16 px, licznik 14 px, nazwa 13 px, cena 15 px, select 13 px na pełną szerokość,
   etykieta "Sortiert nach:" ukryta, sekcja z paddingiem 12 px na boki. */
@media (max-width: 767px) {
    .wishlist-container,
    .wishlist-products-container {
        --mw-h1-size: 16px;
        --mw-count-size: 14px;
        --mw-name-size: 13px;
        --mw-price-size: 15px;
        --mw-sort-size: 13px;
    }

    /* kolumna, nie `display:block` — `.sort-by-row` niesie klasy `col-*` z bootstrapa,
       ktore w tym motywie sa float i wypadaja z bloku (naglowek mierzyl 24 px zamiast 87) */
    .wishlist-products-container-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 20px !important;               /* Figma 390w 1547:131302: odstęp 20 px */
    }

    .wishlist-products-container-header h1 {
        margin-bottom: 0 !important;
    }

    .wishlist-products-container-header .sort-by-row {
        display: block !important;
        width: 100% !important;
        flex: 0 0 auto !important;
    }

    /* etykieta "Sortiert nach:" nie występuje w wariancie 390w */
    .wishlist-products-container-header .sort-by-row .sort-by {
        display: none !important;
    }

    .wishlist-products-container-header .sort-by-row .products-sort-order {
        width: 100% !important;
    }

    .wishlist-products-container .wishlist-products-container-header .sort-by-row .products-sort-order .select-title,
    .wishlist-products-container-header .sort-by-row .select-title {
        width: 100% !important;
        min-width: 0 !important;
    }

    /* na 390w kosz zostaje nad obrazkiem — bundle modułu przenosi go do flow, cofamy to */
    .wishlist-product-bottom .wishlist-button-add {
        position: absolute !important;
        margin: 0 !important;
    }

    .wishlist-product-link {
        display: block !important;
    }

    .wishlist-product-image {
        width: 100% !important;
        height: var(--mw-img-h) !important;
        margin: 0 !important;
    }

    .wishlist-product-availability-responsive {
        display: none !important;
    }

    .wishlist-footer-links {
        flex-wrap: wrap !important;
    }
}

/* -----------------------------------------------------------------------------
   8b. Serce na miniaturze produktu (listing, karuzele, powiązane)

   Pozycjonowanie dawał wcześniej blockwishlist/public/wishlist.css regułą
   `.products article .wishlist-button-add{position:absolute;top:.635rem;right:.635rem;z-index:10}`.
   Po usunięciu tamtego modułu przycisk został `position: static` i wypadał POD
   obrazek, wyrównany do lewej. `.thumbnail-container` jest już `position: relative`,
   więc wystarczy wyjąć przycisk z flow — rozmiar i offsety 12/12 nadaje mu dalej
   moeblo_product_miniatures, a `top`/`right` poniżej to zapas dla kart, których
   tamten moduł nie obejmuje swoją listą selektorów.
   -------------------------------------------------------------------------- */

.js-moeblo-wishlist-toggle {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
}

/* Na karcie produktu przycisk siedzi w `.product-cover__wishlist`, który sam jest
   pozycjonowany — tam offsety ustawia sekcja 9. */
.product-cover__wishlist .js-moeblo-wishlist-toggle {
    position: static;
    top: auto;
    right: auto;
}

/* =============================================================================
   9. Nagłówek i serce na karcie produktu

   Przeniesione 1:1 z blockwishlist/views/css/header-wishlist.css oraz
   blockwishlist/views/css/product-wishlist.css. Oba pliki były pisane przez
   Moeblo (zmienne --moeblo-*), a nie stockowe — po usunięciu tamtego modułu
   zniknęłyby razem z jego katalogiem i ikona w nagłówku oraz serce nad zdjęciem
   straciłyby style. Treść bez zmian, tylko przeniesiona.
   ============================================================================= */

#_desktop_wishlist .header-action-icon {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

#_desktop_wishlist .header-action-icon img {
  display: block;
  height: var(--header-icon-size, 22px);
  width: auto;
  max-width: var(--header-icon-size, 22px);
}

/* 1:1 z #header .header-toolbar .cart-badge-sticker */
#header .header-toolbar #_desktop_wishlist .wishlist-products-count,
#header .header-toolbar #_desktop_wishlist .cart-badge-sticker {
  position: absolute;
  top: -3px;
  right: -6px;
  left: auto;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  background: #000;
  color: #fff;
  border-radius: 999px;
  font-size: 9px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  pointer-events: none;
}

@media (max-width: 1439px) {
  #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist .header-wishlist-link,
  #header #mobile_top_menu_wrapper .mobile-icons.header-toolbar #_desktop_wishlist .header-action-icon {
    overflow: visible;
  }
}

/* Product page — gallery background + wishlist button (classic + Creative Elements) */
#product .product-cover,
#product .images-container,
#product .elementor-widget-product-images .elementor-widget-container {
  background-color: #f5f5f5;
}

#product .product-cover__wishlist {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 50;
  margin: 0;
  pointer-events: none;
}

#product .product-cover__wishlist .ce-add-to-wishlist.elementor-icon,
#product .product-cover__wishlist .ce-add-to-wishlist,
#product .product-cover__wishlist .wishlist-button-add {
  --moeblo-product-wishlist-btn: 28px;
  --moeblo-product-wishlist-icon: 13px;
  pointer-events: auto;
  margin: 0 !important;
  width: var(--moeblo-product-wishlist-btn) !important;
  height: var(--moeblo-product-wishlist-btn) !important;
  min-width: var(--moeblo-product-wishlist-btn) !important;
  min-height: var(--moeblo-product-wishlist-btn) !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.8) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
  color: #000 !important;
  box-shadow: none !important;
  outline: none !important;
  -webkit-tap-highlight-color: transparent;
}

#product .product-cover__wishlist .ce-add-to-wishlist:focus,
#product .product-cover__wishlist .ce-add-to-wishlist:focus-visible,
#product .product-cover__wishlist .ce-add-to-wishlist:active,
#product .product-cover__wishlist .wishlist-button-add:focus,
#product .product-cover__wishlist .wishlist-button-add:focus-visible,
#product .product-cover__wishlist .wishlist-button-add:active {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important;
  transform: none !important;
}

#product .product-cover__wishlist .ce-add-to-wishlist img,
#product .product-cover__wishlist .wishlist-button-add img {
  display: block !important;
  flex-shrink: 0 !important;
  width: var(--moeblo-product-wishlist-icon) !important;
  height: auto !important;
  max-height: calc(var(--moeblo-product-wishlist-icon) * 12 / 14) !important;
  aspect-ratio: 14 / 12 !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: center center !important;
}

#product .product-cover__wishlist .ce-add-to-wishlist i,
#product .product-cover__wishlist .wishlist-button-add i {
  display: none !important;
}

/* 390px — 28px */
@media (min-width: 768px) {
  #product .product-cover__wishlist .ce-add-to-wishlist,
  #product .product-cover__wishlist .wishlist-button-add {
    --moeblo-product-wishlist-btn: 24px;
    --moeblo-product-wishlist-icon: 11px;
  }
}

/* 1024px — 32px */
@media (min-width: 1024px) {
  #product .product-cover__wishlist .ce-add-to-wishlist,
  #product .product-cover__wishlist .wishlist-button-add {
    --moeblo-product-wishlist-btn: 32px;
    --moeblo-product-wishlist-icon: 15px;
  }
}

/* 1440px / 1920px — 44px */
@media (min-width: 1440px) {
  #product .product-cover__wishlist .ce-add-to-wishlist,
  #product .product-cover__wishlist .wishlist-button-add {
    --moeblo-product-wishlist-btn: 44px;
    --moeblo-product-wishlist-icon: 20px;
  }
}

/* Wishlist toast and collective page */
  .wishlist-toast {
        background-color: #DEB970;
        padding: 12px 20px;
        min-width: auto;
    }
    
    .wishlist-toast .wishlist-toast-text {
        font-size: 14px;
    }
    
    body#module-moeblo_wishlist-mylist #main * {
        font-family: "Inter", sans-serif;
    }
    
    body#module-moeblo_wishlist-mylist #main .material-icons {
        font-family: Material Icons;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-products-list {
        gap:28px!important;
    }
    
    body#module-moeblo_wishlist-mylist .wishlist-product-bottom .wishlist-button-add {
       background: rgba(255, 255, 255, 0.8)!important; 
    }
    
    body#module-moeblo_wishlist-mylist .wishlist-product-bottom .wishlist-button-add i {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1042 2.79171H0.5M5.08341 6.22918V10.8125M8.52098 6.22918V10.8125M11.9585 2.79171V13.6771C11.9585 13.8291 11.8982 13.9748 11.7907 14.0822C11.6833 14.1897 11.5376 14.25 11.3856 14.25H2.21894C2.067 14.25 1.92127 14.1897 1.81383 14.0822C1.70639 13.9748 1.64603 13.8291 1.64603 13.6771V2.79171M9.6669 2.79167V1.64583C9.6669 1.34194 9.54618 1.05049 9.33129 0.835607C9.11641 0.620721 8.82496 0.5 8.52107 0.5H5.08357C4.77967 0.5 4.48823 0.620721 4.27334 0.835607C4.05846 1.05049 3.93773 1.34194 3.93773 1.64583V2.79167' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: 14px;
        background-repeat:no-repeat;
        background-position: center;
        font-size: 0px !important;
        width: 14px;
        height: 15px;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-right {
        gap: 8px !important;
        padding-top: 16px !important;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-title {
        font-size:14px!important;
        font-weight:500!important;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-price {
        font-size: 16px !important;
        font-weight: 600 !important;
        line-height: 1 !important;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-price .wishlist-product-price-promo {
        font-weight: 500;
        color: #9a9a9a !important;
        text-decoration: line-through !important;
        margin: 0 4px 0 0 !important;
    }
    
   body#module-moeblo_wishlist-mylist .wishlist-product-price:has(.wishlist-product-price-promo) {
       color: #E8A020 !important; 
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-combinations-text {
        font-size: 12px !important;
    }
    
    body#module-moeblo_wishlist-mylist .wishlist-product-combinations a {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1412 3.88051L15.6194 9.3587M5.90439 18.7499H1.5326C1.32504 18.7499 1.12598 18.6674 0.979218 18.5207 0.832452 18.3739 0.75 18.1748 0.75 17.9673V13.5955C0.750096 13.3882 0.832421 13.1894 0.97891 13.0428L13.0427 0.979036C13.1894 0.832382 13.3884 0.75 13.5959 0.75 13.8033 0.75 14.0023 0.832382 14.1491 0.979036L18.5208 5.34789C18.6675 5.49464 18.7499 5.69362 18.7499 5.90109C18.7499 6.10856 18.6675 6.30754 18.5208 6.45429L6.45709 18.521C6.31044 18.6675 6.11167 18.7498 5.90439 18.7499Z' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-size: 18px;
        background-repeat:no-repeat;
        background-position: center;
    }
    
    body#module-moeblo_wishlist-mylist .wishlist-product-combinations a i {
        display:none;
    }
    
    
    body#module-moeblo_wishlist-mylist .wishlist-product-addtocart {
        font-size: 12px !important;
        gap:12px !important;
    }
    
    body#module-moeblo_wishlist-mylist .wishlist-product-addtocart i {
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='12' viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.8008 10.9463L8.9383 2.75256C8.93093 2.67147 8.89591 2.60144 8.83325 2.54246C8.77059 2.48349 8.69503 2.454 8.60657 2.454H6.99214V2.0891C6.99214 1.5141 6.78758 1.02203 6.37844 0.612897C5.96931 0.203762 5.47724 -0.000804901 4.90224 -0.000804901C4.32724 -0.000804901 3.83702 0.203762 3.43157 0.612897C3.02612 1.02203 2.8234 1.5141 2.8234 2.0891V2.454H1.19792C1.11683 2.454 1.04311 2.48349 0.976762 2.54246C0.910416 2.60144 0.873557 2.67147 0.866185 2.75256L0.0036859 10.9463C-0.0036859 10.9979 0 11.0458 0.0147436 11.0901C0.0294872 11.1343 0.0552884 11.1748 0.0921474 11.2117C0.121635 11.2485 0.158494 11.2762 0.202724 11.2946C0.246955 11.3131 0.291186 11.3223 0.335417 11.3223H9.46907C9.5133 11.3223 9.55753 11.3131 9.60176 11.2946C9.64599 11.2762 9.68285 11.2485 9.71233 11.2117C9.74919 11.1748 9.77499 11.1343 9.78974 11.0901C9.80448 11.0458 9.80817 10.9979 9.8008 10.9463ZM3.49792 2.0891C3.49792 1.69839 3.63429 1.36482 3.90705 1.08838C4.17981 0.811935 4.51154 0.673714 4.90224 0.673714C5.29295 0.673714 5.62652 0.811935 5.90296 1.08838C6.1794 1.36482 6.31763 1.69839 6.31763 2.0891V2.454H3.49792V2.0891ZM0.711378 10.6477L1.50753 3.12852H2.8234V3.86939C2.8234 3.96522 2.85473 4.04447 2.91739 4.10713C2.98005 4.16979 3.05929 4.20112 3.15513 4.20112C3.25096 4.20112 3.33205 4.16979 3.3984 4.10713C3.46474 4.04447 3.49792 3.96522 3.49792 3.86939V3.12852H6.31763V3.86939C6.31763 3.96522 6.3508 4.04447 6.41714 4.10713C6.48349 4.16979 6.56089 4.20112 6.64936 4.20112C6.74519 4.20112 6.82628 4.16979 6.89262 4.10713C6.95897 4.04447 6.99214 3.96522 6.99214 3.86939V3.12852H8.30801L9.0931 10.6477H0.711378Z' fill='white'/%3E%3C/svg%3E");
        background-repeat:no-repeat;
        background-position: center;
        font-size: 0px !important;
        background-size: 12px;
        width: 12px;
        height: 14px;
    }
    
    
@media (max-width: 1440px) {
    body#module-moeblo_wishlist-mylist .wishlist-product-title {
        font-size:13px!important;
    }
}
    
    
@media (max-width: 1024px) {
   body#module-moeblo_wishlist-mylist .wishlist-product-price {
        font-size: 15px !important;
    }
}

/* Dostawa — kompaktowy uklad ponizej 1024px, 1:1 z blokiem
   `@media (max-width: 1023px)` w moeblo_product_miniatures (9 px, ikona 15,44x11,15). */
@media (max-width: 1023px) {
    .wishlist-product-delivery .moeblo-mini-delivery {
        gap: 8px !important;
        font-size: 9px !important;
        line-height: 1.25 !important;
    }

    .wishlist-product-delivery .moeblo-mini-delivery__free {
        height: auto !important;
        min-height: 0 !important;
        padding: 6px 8px !important;
        gap: 4px !important;
        font-size: 9px !important;
        font-weight: 600 !important;
        line-height: 1.25 !important;
    }

    .wishlist-product-delivery .moeblo-mini-delivery__icon img,
    .wishlist-product-delivery .moeblo-mini-delivery__icon svg {
        width: 15.44px !important;
        height: 11.15px !important;
    }

    .wishlist-product-delivery .moeblo-mini-delivery__date-label,
    .wishlist-product-delivery .moeblo-mini-delivery__date-value {
        font-size: 9px !important;
        line-height: 1.25 !important;
    }
}