/*
	Theme Name:   Savoy Child
	Theme URI:    http://themeforest.net/item/savoy-minimalist-ajax-woocommerce-theme/12537825
	Description:  Savoy child theme
	Author:       NordicMade
	Author URI:   http://www.nordicmade.com
	Template:     savoy
	Version:      1.0
*/


/* Child theme CSS
--------------------------------------------------------------- */


.you_save_price {
	width: fit-content;
}

.nm-product-summary-inner-col {
	display: grid;
}

.wc-price-history {
	order: 1;
}

.woocommerce-Tabs-panel {
    max-width: 900px;
    margin: 0 auto 15px auto;
    padding-inline: 15px;
}



@media (max-width: 991px) {

    .woocommerce-Tabs-panel {
        padding-inline: 15px !important;
    }
	
	
	

div.svy-terms-error {
  color: #cc0000 !important;
  font-size: 13px !important;
  margin-top: 6px !important;
  padding-left: 32px !important;
  line-height: 1.4 !important;
}
}

/* --- Wyrównanie odstępów w sekcji "Dane do faktury" --- */
.woocommerce-customer-details p {
    margin-bottom: 6px !important; /* było ok. 1.3em */
    line-height: 1.4;
}

.woocommerce-customer-details p strong {
    font-weight: 600;
}

.woocommerce-customer-details h3,
.woocommerce-customer-details h2 {
    margin-bottom: 10px !important;
}

.woocommerce-customer-details {
    margin-bottom: 0 !important;
}

.woocommerce-customer-details p:last-child {
    margin-bottom: 0 !important;
}

/* ciaśniejsze odstępy w bloku Stan techniczny / Czas wysyłki / Koszt dostawy */
.acf-custom-fields p {
    margin-bottom: 3px;  
}

.sofaoutlet-view-only-message-loop {
    display: none !important;
}

#menu-item-6845 > a {
    color: #E61E72 !important;
}


/* === CWG Instock – czarny nagłówek (FIX dla Savoy + W3TC) === */

div.panel-heading.cwginstock-panel-heading {
    background: #282828 !important;
    background-image: none !important;
    border-color: #282828 !important;
    color: #fff !important;
}

div.panel-heading.cwginstock-panel-heading * {
    color: #fff !important;
	font-size: 16px;
}

div.panel.panel-primary.cwginstock-panel-primary {
    border: 1px solid #000 !important;
}

/* Odstęp pod "Brak w magazynie" */
p.stock.out-of-stock {
    margin-bottom: 50px !important;
}

/* CWG Instock – komunikat sukcesu (magenta zamiast zielonego) */
.cwginstocksuccess {
    color: #E61E72 !important; /* magenta SofaOutlet */
}

.cwgstock_button {
	width: 70%;
}


/* GLOBALNIE: dostępność tylko wokół tekstu (nie na całą szerokość) */
.product .summary .stock.in-stock {
    display: inline-block !important;
    width: auto !important;
    padding: 6px 12px;
    box-sizing: border-box;
}

.product .summary .stock.out-of-stock {
    color: #000 !important;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.12);
}

/* GLOBAL: dostępność jako krótki "badge" tylko wokół tekstu */
.woocommerce div.product .summary p.stock{
  display: inline-flex !important;
  align-items: center;
  width: -moz-fit-content !important;
  width: fit-content !important;
  max-width: 100%;

  /* jeśli Savoy robi z tego "pole" */
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  box-shadow: none !important;

  padding: 6px 12px !important;
  border-radius: 999px !important;

}




/* =========================================================
   SOFAOUTLET / CusRev - FINAL (wg HTML z inspektora)
   Gwiazdki: #E61E72
   Histogram: #E61E72
   Przycisk: czarny
   Wklej na sam dół style.css
========================================================= */

section.sofaoutlet-cusrev{
  --so-magenta: #E61E72;
  --so-black: #111111;
}

/* Wrapper sekcji */
section.sofaoutlet-cusrev .cr-all-reviews-shortcode{
  max-width: 1100px;
  margin: 0 auto;
}

/* Górny box podsumowania */
section.sofaoutlet-cusrev .cr-summaryBox-wrap.cr-summaryBox-add-review{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 24px !important;
  box-shadow: 0 8px 30px rgba(0,0,0,.06) !important;
}

/* Separatory – możesz zostawić albo całkiem ukryć */
section.sofaoutlet-cusrev .cr-summary-separator,
section.sofaoutlet-cusrev .cr-summary-separator-side{
  background: rgba(0,0,0,.08) !important;
  width: 1px !important;
}

/* Jeśli chcesz je WYŁĄCZYĆ – odkomentuj:
section.sofaoutlet-cusrev .cr-summary-separator,
section.sofaoutlet-cusrev .cr-summary-separator-side{
  display: none !important;
}
*/

/* =========================
   GWIAZDKI (Twoje SVG)
   ========================= */

/* Pełne gwiazdki */
section.sofaoutlet-cusrev .cr-rating-icon-frnt,
section.sofaoutlet-cusrev svg.cr-rating-icon{
  color: var(--so-magenta) !important; /* currentColor */
  fill: var(--so-magenta) !important;
}

/* Tło/obrys gwiazdek (te z klasą cr-rating-icon-bg) */
section.sofaoutlet-cusrev .cr-rating-icon-base,
section.sofaoutlet-cusrev svg.cr-rating-icon-bg{
  color: var(--so-magenta) !important; /* stroke=currentColor */
  stroke: var(--so-magenta) !important;
}

/* KLUCZ: nic nie może nadawać tła/“prostokąta” pod gwiazdkami */
section.sofaoutlet-cusrev .cr-average-rating-stars,
section.sofaoutlet-cusrev .crstar-rating-svg,
section.sofaoutlet-cusrev .cr-rating-icon-base,
section.sofaoutlet-cusrev .cr-rating-icon-frnt{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* =========================
   HISTOGRAM (Twoje DIVy)
   ========================= */

section.sofaoutlet-cusrev .ivole-meter{
  background: rgba(0,0,0,.08) !important; /* “puste” tło paska */
  border: 1px solid rgba(0,0,0,.12) !important;
  border-radius: 0 !important; /* jak chcesz zaokrąglone, zmień np. na 10px */
  overflow: hidden !important;
}

/* Wypełnienie paska */
section.sofaoutlet-cusrev .ivole-meter-bar{
  background: var(--so-magenta) !important;
  color: #fff !important;          /* “100” w środku */
  font-weight: 600 !important;
}

/* =========================
   PRZYCISK
   ========================= */

section.sofaoutlet-cusrev .cr-add-review-wrap .cr-all-reviews-add-review{
  background: var(--so-black) !important;
  border-color: var(--so-black) !important;
  color: #fff !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
}

section.sofaoutlet-cusrev .cr-add-review-wrap .cr-all-reviews-add-review:hover{
  filter: brightness(1.1);
}

/* =========================
   Wyszukiwarka – bez grzebania w układzie
   ========================= */

section.sofaoutlet-cusrev .cr-ajax-search{
  margin-top: 14px !important;
}

section.sofaoutlet-cusrev .cr-ajax-search input[type="text"]{
  border-radius: 12px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  padding: 12px 14px !important;
}

/* =========================================================
   SOFAOUTLET / CusRev - poprawki finalne
   - usuń szare bloczki separatorów
   - odstępy: pod long desc + nad opiniami
   - usuń wyszukiwarkę
========================================================= */

/* 1) Odstęp pod long desc */
.single-product .woocommerce-product-details__short-description,
.single-product .woocommerce-product-details__description,
.single-product .product .summary,
.single-product .entry-summary{
  padding-bottom: 35px !important;
}

.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description{
  padding-bottom: 35px !important;
}

/* 2) Odstęp NAD sekcją opinii (żeby nie kleiło się do opisu) */
section.sofaoutlet-cusrev{
  margin-top: 35px !important;
  padding-top: 0 !important;
}

/* 3) Wywal te “szare tła/bloczki” (separatory CusRev) */
section.sofaoutlet-cusrev .cr-summary-separator,
section.sofaoutlet-cusrev .cr-summary-separator-side{
  display: none !important;
  width: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
  border: 0 !important;
}

/* 4) Usuń pasek wyszukiwania opinii */
section.sofaoutlet-cusrev .cr-ajax-search,
section.sofaoutlet-cusrev .cr-ajax-search *{
  display: none !important;
}

/* =========================================================
   SOFAOUTLET - Nagłówek OPINIE taki sam jak "Podobne produkty"
   ========================================================= */

/* 1) "Podobne produkty" - typowe selektory Savoy */
.single-product .related.products > h2,
.single-product .related.products .nm-section-title,
.single-product .related.products .woocommerce-products-header__title{
  /* nic tu nie zmieniamy - tylko wykorzystamy jako wzór */
}

/* 2) "Opinie" - wymuszenie identycznego stylu jak Related */
.single-product section.sofaoutlet-cusrev .sofaoutlet-cusrev__title,
.single-product section.sofaoutlet-cusrev h2,
.single-product section.sofaoutlet-cusrev h3{
  font-size: 22px !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  line-height: 1.2 !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

/* 3) Desktop */
@media (min-width: 768px){
  .single-product section.sofaoutlet-cusrev .sofaoutlet-cusrev__title,
  .single-product section.sofaoutlet-cusrev h2,
  .single-product section.sofaoutlet-cusrev h3{
    font-size: 24px !important;
  }
}


/* =========================================================
   SOFAOUTLET - GWIAZDKI WooCommerce (karta produktu)
   Kolor: #E61E72 (magenta)
   ========================================================= */

:root{
  --so-magenta: #E61E72;
}

/* Gwiazdki w summary (karta produktu) */
.single-product .woocommerce-product-rating .star-rating:before,
.single-product .woocommerce-product-rating .star-rating span:before,
.single-product .star-rating:before,
.single-product .star-rating span:before{
  color: var(--so-magenta) !important;
}

/* Gwiazdki w listach produktów / kategoriach */
.woocommerce ul.products li.product .star-rating:before,
.woocommerce ul.products li.product .star-rating span:before{
  color: var(--so-magenta) !important;
}


/* =========================================================
   SOFAOUTLET - CusRev histogram (paski)
   Lżejsze tło + delikatna ramka
   ========================================================= */

section.sofaoutlet-cusrev{
  --so-magenta: #E61E72;
  --so-bar-bg: #F6F6F6;
  --so-bar-border: #E8E8E8;
}

/* Kontener paska */
section.sofaoutlet-cusrev .ivole-meter{
  background: var(--so-bar-bg) !important;
  border: 1px solid var(--so-bar-border) !important;
  border-radius: 4px !important;
  height: 16px !important;
  box-shadow: none !important;
}

/* Wypełnienie paska */
section.sofaoutlet-cusrev .ivole-meter .ivole-meter-bar{
  background: var(--so-magenta) !important;
  border-radius: 3px !important;
  height: 100% !important;
  box-shadow: none !important;
}

/* Tekst przy paskach */
section.sofaoutlet-cusrev .cr-histogramTable td,
section.sofaoutlet-cusrev .cr-histogramTable span{
  color: rgba(0,0,0,.70) !important;
}

/* Usuń ostre obramowania */
section.sofaoutlet-cusrev .ivole-histogramCell2{
  border: 0 !important;
}


/* =========================================================
   SOFAOUTLET - CusRev button "Dodaj opinię"
   Bez zaokrągleń + lżejszy font
   ========================================================= */

section.sofaoutlet-cusrev .cr-add-review-wrap .cr-all-reviews-add-review,
section.sofaoutlet-cusrev .cr-add-review-wrap .cr-add-review,
section.sofaoutlet-cusrev .cr-add-review-wrap button,
section.sofaoutlet-cusrev button.cr-add-review{
  border-radius: 0 !important;
  font-weight: 400 !important;
  letter-spacing: .2px !important;
  text-transform: none !important;
}

/* Hover */
section.sofaoutlet-cusrev .cr-add-review-wrap .cr-all-reviews-add-review:hover,
section.sofaoutlet-cusrev .cr-add-review-wrap .cr-add-review:hover,
section.sofaoutlet-cusrev .cr-add-review-wrap button:hover,
section.sofaoutlet-cusrev button.cr-add-review:hover{
  filter: brightness(1.08) !important;
}


/* =========================================================
   SOFAOUTLET - CusRev: przesuń przycisk "Dodaj opinię" w lewo
   ========================================================= */

section.sofaoutlet-cusrev .cr-add-review-wrap{
  padding-right: 70px !important;
}


/* =========================================================
   SOFAOUTLET - CusRev: ukryj komunikat "brak recenzji..."
   ========================================================= */

section.sofaoutlet-cusrev .cr-search-no-reviews,
section.sofaoutlet-cusrev .cr-no-reviews,
section.sofaoutlet-cusrev .cr-no-reviews-message,
section.sofaoutlet-cusrev .cr-no-reviews-found{
  display: none !important;
}


/* =========================================================
   SOFAOUTLET - Opinie: odsuń nagłówek "Opinie" w dół
   ========================================================= */

section.sofaoutlet-cusrev{
  padding-top: 25px !important;
}

section.sofaoutlet-cusrev .sofaoutlet-cusrev__title{
  margin-top: 10px !important;
}


/* =========================================================
   SOFAOUTLET - Long desc: dodatkowe 15px od góry
   ========================================================= */

.single-product .woocommerce-Tabs-panel--description,
.single-product #tab-description{
  padding-top: 55px !important;
}


/* =========================================================
   WooCommerce Blocks - ukrycie błędu dla pola z "-"
   ========================================================= */

.wc-block-components-text-input.has-error input[value="-"] {
  border-color: #e5e5e5 !important;
  box-shadow: none !important;
}

.wc-block-components-text-input.has-error input[value="-"] + label + .wc-block-components-validation-error {
  display: none !important;
}


/* =========================================================
   Customer Reviews - tło strony formularza
   ========================================================= */

html,
body {
  background: #fff !important;
}

.cr-form-wrapper {
  background: #fff !important;
}

.cr-form-wrapper .cr-form,
.cr-form-wrapper .cr-form-header,
.cr-form-wrapper .cr-form-footer {
  background: #fff !important;
}

.cr-form-container,
.cr-review-form {
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
}


/* =========================================================
   FORCE: badge zawsze pływa po PRAWEJ
   ========================================================= */

.so-float-badge,
a.so-float-badge{
  position: fixed !important;
  right: 20px !important;
  left: auto !important;
  bottom: 20px !important;
  top: auto !important;
  z-index: 2147483647 !important;
}

/* pozwól JS zamykać widget */
.so-float-badge[style*="display: none"],
a.so-float-badge[style*="display: none"] {
  display: none !important;
}

/* wygląd "karty" */
.so-float-badge{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  padding: 14px 16px !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.18) !important;
  text-decoration: none !important;
  font-family: Arial, sans-serif !important;
  color: #111 !important;
  min-width: 160px !important;
}

/* hover */
.so-float-badge:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(0,0,0,.22) !important;
}

/* mobile - wyżej żeby nie nachodził na elementy */
@media (max-width: 768px){
  .so-float-badge,
  a.so-float-badge{
    right: 12px !important;
    bottom: 90px !important;
  }
}


/* =========================================================
   Checkout - notatki do zamówienia
   ========================================================= */

#order-notes .wc-block-checkout__add-note {
  margin-top: 0 !important;
}


/* =========================================================
   Checkout - podświetlenie pola „Chcę fakturę VAT”
   ========================================================= */

.nip-invoice-fields label[for="nip_invoice_wants"] {
  background-color: #fff3cd;
  border: 2px solid #ffc107;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 600;
  color: #856404;
  display: inline-block;
  margin-top: 5px;
  position: relative;
  z-index: 2;
}

/* Wymuszenie koloru checkboxa w motywie Savoy/Blocks */
.nip-invoice-fields input[type="checkbox"]#nip_invoice_wants {
  accent-color: #0073e6 !important;
}

.nip-invoice-fields label[for="nip_invoice_wants"]::after {
  content: "⬅ Kliknij, jeśli chcesz fakturę VAT";
  font-size: 0.9em;
  color: #856404;
  margin-left: 8px;
}


/* Ukrycie kategorii SUPER PROMO wszędzie w menu kategorii sklepu */
.nm-shop-categories li.cat-item-133,
#nm-shop-categories li.cat-item-133,
.nm-shop-categories-wrap li.cat-item-133,
.nm-shop-menu li.cat-item-133 {
    display: none !important;
}


/* SOFAOUTLET - tylko etykieta rabatu, np. -40%, -39% */
span.onsale:not(.nm-label-itsnew),
.nm-shop-loop-thumbnail span.onsale:not(.nm-label-itsnew) {
    background: #E61E72 !important;
    color: #ffffff !important;
    border-color: #E61E72 !important;
}

/* SOFAOUTLET - etykieta Nowość zostaje czarna */
span.nm-label-itsnew,
.nm-shop-loop-thumbnail span.nm-label-itsnew {
    background: #282828 !important;
    color: #ffffff !important;
    border-color: #282828 !important;
}




/* =========================================================
   SOFAOUTLET - TOPBAR + STICKY HEADER SAVOY
   FINAL OVERRIDE - WKLEJ NA SAMYM KOŃCU STYLE.CSS
   ========================================================= */


/* =========================================================
   TOPBAR - zawsze przyklejony na górze
   ========================================================= */

#wpfront-notification-bar {
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    height: 35px !important;
    min-height: 35px !important;
    z-index: 1000000 !important;
    display: block !important;
    visibility: visible !important;
}

/* Spacer topbara */
#wpfront-notification-bar-spacer {
    display: block !important;
    height: 35px !important;
}


/* =========================================================
   DESKTOP - topbar + sticky header
   ========================================================= */

@media only screen and (min-width: 769px) {

    /* Topbar */
    #wpfront-notification-bar {
        top: 0 !important;
        height: 35px !important;
        min-height: 35px !important;
        z-index: 1000000 !important;
    }

    /* Dla zalogowanego admina WP */
    body.admin-bar #wpfront-notification-bar {
        top: 32px !important;
    }

    /*
       Header Savoy przyklejony pod topbarem.
       To przywraca sticky header przy scrollowaniu.
    */
    #nm-header,
    .nm-header,
    body.header-on-scroll #nm-header,
    body.header-on-scroll .nm-header,
    body.header-fixed #nm-header,
    body.header-fixed .nm-header,
    body.header-sticky #nm-header,
    body.header-sticky .nm-header {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 35px !important;
        transform: none !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        z-index: 999999 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Admin WP: 32px admin bar + 35px topbar */
    body.admin-bar #nm-header,
    body.admin-bar .nm-header,
    body.admin-bar.header-on-scroll #nm-header,
    body.admin-bar.header-on-scroll .nm-header,
    body.admin-bar.header-fixed #nm-header,
    body.admin-bar.header-fixed .nm-header,
    body.admin-bar.header-sticky #nm-header,
    body.admin-bar.header-sticky .nm-header {
        top: 67px !important;
    }

    /*
       Placeholder Savoy ma zostać aktywny,
       żeby treść strony nie wskakiwała pod fixed header.
    */
    #nm-header-placeholder,
    .nm-header-placeholder {
        display: block !important;
        height: 119px !important;
        min-height: 119px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
       Rezerwa pod fixed topbar.
       Nie zwiększamy za mocno, żeby nie robić dziur w treści.
    */
    .nm-page-overflow {
        padding-top: 35px !important;
    }

    /*
       Wyszukiwarka desktop pod topbarem.
    */
    .nm-header-search-holder {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 35px !important;
        margin-top: 0 !important;
        transform: none !important;
        z-index: 999998 !important;
    }

    body.admin-bar .nm-header-search-holder {
        top: 67px !important;
    }

    .nm-header-search-wrap {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    #nm-search,
    .nm-search,
    .nm-search-wrap,
    .nm-search-form,
    .nm-search-overlay,
    .nm-search-results {
        margin-top: 0 !important;
    }

    /*
       Gdy wyszukiwarka jest otwarta, chowamy header,
       żeby nie nachodził na pasek wyszukiwania.
    */
    body.header-search-open #nm-header,
    body.header-search-open .nm-header {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }
}


/* =========================================================
   MOBILE - topbar + sticky header
   ========================================================= */

@media only screen and (max-width: 768px) {

    /* Topbar mobile */
    #wpfront-notification-bar {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        height: 35px !important;
        min-height: 35px !important;
        z-index: 1000000 !important;
        display: block !important;
        visibility: visible !important;
    }

    #wpfront-notification-bar-spacer {
        display: block !important;
        height: 35px !important;
    }

    /*
       Header mobile Savoy przyklejony pod topbarem.
       Bez transform, bo transform psuje menu mobilne.
    */
    #nm-header,
    .nm-header,
    body.header-on-scroll #nm-header,
    body.header-on-scroll .nm-header,
    body.header-fixed #nm-header,
    body.header-fixed .nm-header,
    body.header-sticky #nm-header,
    body.header-sticky .nm-header {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 35px !important;
        transform: none !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        z-index: 999999 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /*
       Placeholder dla mobile.
       Jeżeli zrobi się za duża luka nad kafelkami, zmień 95px na 85px.
    */
    #nm-header-placeholder,
    .nm-header-placeholder {
        display: block !important;
        height: 95px !important;
        min-height: 95px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .nm-page-overflow {
        padding-top: 35px !important;
    }

    /*
       Mobile menu - pierwszy poziom.
    */
    #nm-mobile-menu,
    .nm-mobile-menu,
    #nm-mobile-menu-main,
    #nm-mobile-menu-main-ul,
    .nm-mobile-menu-main,
    .nm-mobile-menu-main-ul {
        padding-top: 22px !important;
        margin-top: 0 !important;
    }

    /*
       Submenu drugiego poziomu, np. SKLEP -> MEBLE.
    */
    #nm-mobile-menu ul.sub-menu,
    .nm-mobile-menu ul.sub-menu,
    #nm-mobile-menu-main-ul ul.sub-menu,
    .nm-mobile-menu-main-ul ul.sub-menu,
    #nm-mobile-menu .sub-menu,
    .nm-mobile-menu .sub-menu,
    #nm-mobile-menu li.menu-item-has-children > ul,
    .nm-mobile-menu li.menu-item-has-children > ul {
        padding-top: 55px !important;
    }

    /*
       Wyszukiwarka mobile pod topbarem.
    */
    .nm-header-search-holder {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        top: 35px !important;
        margin-top: 0 !important;
        transform: none !important;
        z-index: 999998 !important;
    }

    .nm-header-search-wrap {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    #nm-search,
    .nm-search,
    .nm-search-wrap,
    .nm-search-form,
    .nm-search-overlay,
    .nm-search-results {
        margin-top: 0 !important;
    }

    #nm-search input[type="search"],
    .nm-search input[type="search"],
    .nm-search-form input[type="search"],
    .nm-search-field,
    input.nm-search-field {
        margin-top: 0 !important;
    }

    /*
       Cofamy wcześniejsze podbijanie ikon.
    */
    #nm-header .nm-right-menu,
    #nm-header .nm-menu-search,
    #nm-header #nm-menu-search,
    #nm-header #nm-menu-search-btn,
    #nm-header .nm-menu-cart,
    #nm-header .nm-menu-account {
        position: static !important;
        z-index: auto !important;
    }

    /*
       Przy aktywnej wyszukiwarce chowamy header,
       żeby nie wchodził pod pole wyszukiwania.
    */
    body.header-search-open #nm-header,
    body.header-search-open .nm-header {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
    }

    /*
       Widget opinii / pływający badge.
    */
    .so-float-badge,
    a.so-float-badge {
        z-index: 2147483647 !important;
        pointer-events: auto !important;
    }
}


/* =========================================================
   MOBILE + ADMIN BAR WORDPRESS
   ========================================================= */

@media only screen and (max-width: 782px) {

    body.admin-bar #wpfront-notification-bar {
        top: 46px !important;
    }

    body.admin-bar #nm-header,
    body.admin-bar .nm-header,
    body.admin-bar.header-on-scroll #nm-header,
    body.admin-bar.header-on-scroll .nm-header,
    body.admin-bar.header-fixed #nm-header,
    body.admin-bar.header-fixed .nm-header,
    body.admin-bar.header-sticky #nm-header,
    body.admin-bar.header-sticky .nm-header {
        top: 81px !important;
    }

    body.admin-bar .nm-header-search-holder {
        top: 81px !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE HEADER GAP FIX
   Zmniejszenie pustej przestrzeni pod logo/headerem
   ========================================================= */

@media only screen and (max-width: 768px) {

    /*
       Savoy dodaje placeholder headera.
       Domyślnie ma u Ciebie ok. 76px i robi dużą dziurę.
    */
    #nm-header-placeholder,
    .nm-header-placeholder {
        height: 40px !important;
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /*
       Zmniejszamy dodatkową rezerwę strony.
       Topbar i header już są fixed, więc nie potrzebujemy aż 35px.
    */
    .nm-page-overflow {
        padding-top: 10px !important;
    }
}



/* =========================================================
   SOFAOUTLET - MOBILE LOGO / HEADER GAP FIX
   Odsunięcie logo od czarnego topbara
   ========================================================= */

@media only screen and (max-width: 768px) {

    /*
       Delikatnie obniżamy zawartość headera mobile:
       logo, hamburger, lupa, koszyk.
    */
    #nm-header .nm-header-inner,
    #nm-header .nm-header-row,
    #nm-header .nm-header-col,
    .nm-header .nm-header-inner,
    .nm-header .nm-header-row,
    .nm-header .nm-header-col {
        padding-top: 8px !important;
    }

    /*
       Żeby header nie robił się za wysoki przez padding,
       zmniejszamy trochę placeholder pod headerem.
    */
    #nm-header-placeholder,
    .nm-header-placeholder {
        height: 34px !important;
        min-height: 34px !important;
    }

    /*
       Kontrola odstępu nad kafelkiem MEBLE.
    */
    .nm-page-overflow {
        padding-top: 8px !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE CONTENT GAP UNDER HEADER
   Odsunięcie pierwszego kafelka MEBLE od headera
   ========================================================= */

@media only screen and (max-width: 768px) {

    /*
       Dodaje oddech między headerem mobilnym a pierwszą sekcją/kafelkiem.
    */
    .nm-page-overflow {
        padding-top: 22px !important;
    }

    /*
       Dodatkowo pilnujemy pierwszego widocznego kafelka/kategorii.
    */
    .products.meble-daily-grid,
    ul.products.meble-daily-grid,
    .nm-shop-products,
    .nm-shop,
    .nm-page-default {
        margin-top: 10px !important;
    }
}


/* =========================================================
   SOFAOUTLET - CTA "PRZEJDŹ" NA KAFELKACH KATEGORII
   FINAL FIX - nie psuje układu masonry Savoy
   WKLEJ NA SAMYM KOŃCU STYLE.CSS
   ========================================================= */


/* =========================================================
   1. Przywrócenie układu kafelków Savoy
   ========================================================= */

/*
   WAŻNE:
   Savoy ustawia kafelki kategorii jako position:absolute inline.
   Nie wolno nadpisywać ich na relative, bo rozjeżdża się cały grid.
*/
body.home ul.nm-products li.product-category.product,
body.page-id-9141 ul.nm-products li.product-category.product,
body.home ul.products li.product-category.product,
body.page-id-9141 ul.products li.product-category.product {
    position: absolute !important;
}


/* =========================================================
   2. Wewnętrzny kontener kafelka
   ========================================================= */

body.home li.product-category.product .nm-product-category-inner,
body.page-id-9141 li.product-category.product .nm-product-category-inner {
    position: relative !important;
    overflow: hidden !important;
}


/* =========================================================
   3. Link / obrazek kafelka
   ========================================================= */

body.home li.product-category.product .nm-product-category-inner > a,
body.page-id-9141 li.product-category.product .nm-product-category-inner > a {
    position: relative !important;
    display: block !important;
}


/* =========================================================
   4. Przycisk CTA "PRZEJDŹ"
   ========================================================= */

body.home li.product-category.product .nm-product-category-inner::after,
body.page-id-9141 li.product-category.product .nm-product-category-inner::after {
    content: "PRZEJDŹ";
    position: absolute !important;
    right: 28px !important;
    bottom: 28px !important;
    z-index: 20 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 118px !important;
    height: 38px !important;
    padding: 0 22px !important;

    border: 1px solid #111 !important;
    background: transparent !important;
    color: #111 !important;

    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    font-family: inherit !important;

    box-sizing: border-box !important;
    pointer-events: none !important;
    transition: all 0.2s ease !important;
}


/* Hover desktop */
body.home li.product-category.product:hover .nm-product-category-inner::after,
body.page-id-9141 li.product-category.product:hover .nm-product-category-inner::after {
    background: #111 !important;
    color: #fff !important;
}


/* =========================================================
   5. Mobile
   ========================================================= */

@media only screen and (max-width: 768px) {

    body.home li.product-category.product .nm-product-category-inner::after,
    body.page-id-9141 li.product-category.product .nm-product-category-inner::after {
        right: 18px !important;
        bottom: 18px !important;

        min-width: 100px !important;
        height: 34px !important;
        padding: 0 16px !important;

        font-size: 11px !important;
        letter-spacing: 0.05em !important;
    }
}



/* =========================================================
   SOFAOUTLET - CTA "PRZEJDŹ" - font jak tytuły kafelków
   ========================================================= */

body.home li.product-category.product .nm-product-category-inner::after,
body.page-id-9141 li.product-category.product .nm-product-category-inner::after {
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    line-height: 1 !important;
}

/* Mobile */
@media only screen and (max-width: 768px) {
    body.home li.product-category.product .nm-product-category-inner::after,
    body.page-id-9141 li.product-category.product .nm-product-category-inner::after {
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        letter-spacing: 0 !important;
    }
}







/* =========================================================
   SOFAOUTLET - PayPo nad przyciskiem koszyka
   mniejszy banner
   ========================================================= */

.so-product-paypo-above-cart {
    margin: 18px 0 8px;
    text-align: left;
    width: 100%;
}

.so-product-paypo-above-cart img {
    display: block !important;
    width: 68% !important;
    max-width: 360px !important;
    min-width: 280px !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;

    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* =========================================================
   SOFAOUTLET - zmniejszenie odstępów przy share icons i meta
   SKU / Kategorie / Marka bliżej ikon
   ========================================================= */

.single-product .summary .nm-product-share-wrap {
    margin-bottom: 12px !important;
}

.single-product .summary .product_meta {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.single-product .summary .product_meta .nm-row,
.single-product .summary .product_meta .col-xs-12 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Każdy główny wiersz meta osobno */
.single-product .summary .product_meta .col-xs-12 > span {
    display: block;
    margin-bottom: 6px !important;
    line-height: 1.35;
}

/* Ale wartości wewnątrz, np. SKU, kategorie, marka, mają zostać w tej samej linii */
.single-product .summary .product_meta .col-xs-12 > span span,
.single-product .summary .product_meta .col-xs-12 > span a {
    display: inline !important;
}

.single-product .summary .product_meta .col-xs-12 > span:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   SOFAOUTLET - paski dostawy i płatności na dole produktu
   bez białego tła, wyrównane do lewej
   bliżej sekcji Marka
   ========================================================= */

.so-product-banners-bottom {
    margin-top: 18px;
    text-align: left;
}

.so-product-banner-block {
    margin-top: 10px;
}

.so-product-banner-block:first-child {
    margin-top: 0;
}

.so-product-banner-label {
    margin-bottom: 3px;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 400;
    color: #444;
    text-align: left;
}

/* Pierwszy pasek: dostawy */
.so-product-banner-block img {
    display: block;
    width: 50%;
    max-width: 335px;
    height: auto;
    margin-left: 0;
    margin-right: auto;

    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Drugi pasek: płatności */
.so-product-banner-block:nth-child(2) img {
    width: 45%;
}


/* =========================================================
   SOFAOUTLET - zmniejszenie dolnego odstępu prawej kolumny produktu
   nadpisuje padding-bottom: 35px z motywu Savoy
   ========================================================= */

body.single-product .product .summary,
body.single-product .summary.entry-summary,
body.single-product .woocommerce-product-details__short-description,
body.single-product .woocommerce-product-additional_information {
    padding-bottom: 50px !important;
}

body.single-product .nm-single-product-summary-row,
body.single-product .nm-single-product-showcase {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
    .so-product-paypo-above-cart {
        margin: 16px 0 8px;
    }

    .so-product-paypo-above-cart img {
        width: 90% !important;
        max-width: 360px !important;
        min-width: 0 !important;
    }

    .single-product .summary .nm-product-share-wrap {
        margin-bottom: 10px !important;
    }

    .single-product .summary .product_meta .col-xs-12 > span {
        margin-bottom: 5px !important;
    }

    .so-product-banners-bottom {
        margin-top: 16px;
    }

    .so-product-banner-block {
        margin-top: 18px;
    }

    .so-product-banner-block:first-child {
        margin-top: 0;
    }

    .so-product-banner-label {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .so-product-banner-block img {
        width: 85%;
        max-width: 360px;
        margin-left: 0;
        margin-right: auto;
    }

    /* Mobile: drugi pasek płatności może być trochę mniejszy niż dostawy */
    .so-product-banner-block:nth-child(2) img {
        width: 75%;
    }

    body.single-product .product .summary,
    body.single-product .summary.entry-summary,
    body.single-product .woocommerce-product-details__short-description,
    body.single-product .woocommerce-product-additional_information {
        padding-bottom: 20px !important;
    }
}






/* =========================================================
   SOFAOUTLET - paski dostawy i płatności w stopce Elementor
   oba paski tej samej szerokości
   ========================================================= */

.so-footer-trust-banners {
    margin-top: 26px;
    margin-bottom: 20px;
    text-align: left;
    width: 280px !important;
    max-width: 280px !important;
    font-family: "Poppins", sans-serif !important;
}

.so-footer-trust-title {
    margin-bottom: 8px;
    font-family: "Poppins", sans-serif !important;
    font-size: 14px;
    line-height: 1.8;
    font-weight: 300;
    color: #CFCFCF;
}

.so-footer-trust-banners img,
.so-footer-trust-banners img.so-footer-trust-delivery,
.so-footer-trust-banners img.so-footer-trust-payment {
    display: block !important;
    width: 260px !important;
    max-width: 260px !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    margin-bottom: 8px !important;

    padding: 5px 7px !important;
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.so-footer-trust-banners img:last-child {
    margin-bottom: 0 !important;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {
    .so-footer-trust-banners {
        margin-top: 24px;
        margin-bottom: 22px;
        width: 280px !important;
        max-width: 100% !important;
    }

    .so-footer-trust-title {
        font-size: 14px;
        line-height: 1.8;
        color: #CFCFCF;
    }

    .so-footer-trust-banners img,
    .so-footer-trust-banners img.so-footer-trust-delivery,
    .so-footer-trust-banners img.so-footer-trust-payment {
        width: 250px !important;
        max-width: 100% !important;
    }
}







/* =========================================================
   SOFAOUTLET - przycisk Dodaj do koszyka na karcie produktu
   mocniejszy CTA w kolorze magenta
   ========================================================= */

.single-product .summary form.cart .single_add_to_cart_button,
.single-product .summary .single_add_to_cart_button {
    background: #000000 !important;
    color: #ffffff !important;
    border: 0 !important;
    height: 54px !important;
    line-height: 54px !important;
    padding: 0 34px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    text-align: center !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transition: background-color 0.2s ease, transform 0.15s ease;
}

.single-product .summary form.cart .single_add_to_cart_button:hover,
.single-product .summary .single_add_to_cart_button:hover {
    background: #e60068 !important;
    color: #ffffff !important;
}

.single-product .summary form.cart .single_add_to_cart_button:active,
.single-product .summary .single_add_to_cart_button:active {
    transform: translateY(1px);
}

/* Mobile */
@media (max-width: 767px) {
    .single-product .summary form.cart .single_add_to_cart_button,
    .single-product .summary .single_add_to_cart_button {
        width: 100% !important;
        height: 52px !important;
        line-height: 52px !important;
        font-size: 13px !important;
        letter-spacing: 0.035em !important;
    }
}







/* =========================================================
   SOFAOUTLET - boczny koszyk Savoy pod topbarem i headerem
   ========================================================= */

@media (min-width: 1025px) {

    #nm-widget-panel,
    .nm-widget-panel,
    #nm-cart-panel,
    .nm-cart-panel {
        top: 156px !important;
        height: calc(100vh - 156px) !important;
        max-height: calc(100vh - 156px) !important;
    }

    #nm-widget-panel .nm-widget-panel-inner,
    .nm-widget-panel .nm-widget-panel-inner,
    #nm-cart-panel .nm-cart-panel-inner,
    .nm-cart-panel .nm-cart-panel-inner {
        height: 100% !important;
        overflow-y: auto !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE
   koszyk boczny
   ========================================================= */

@media (max-width: 1024px) {

    #nm-widget-panel,
    .nm-widget-panel,
    #nm-cart-panel,
    .nm-cart-panel {
        top: 142px !important;
        bottom: 18px !important;
        height: auto !important;
        max-height: none !important;
    }

    #nm-widget-panel .nm-widget-panel-inner,
    .nm-widget-panel .nm-widget-panel-inner,
    #nm-cart-panel .nm-cart-panel-inner,
    .nm-cart-panel .nm-cart-panel-inner {
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        padding-bottom: 24px !important;
    }

    #nm-widget-panel .buttons,
    .nm-widget-panel .buttons,
    #nm-cart-panel .buttons,
    .nm-cart-panel .buttons,
    #nm-widget-panel .woocommerce-mini-cart__buttons,
    .nm-widget-panel .woocommerce-mini-cart__buttons,
    #nm-cart-panel .woocommerce-mini-cart__buttons,
    .nm-cart-panel .woocommerce-mini-cart__buttons {
        position: sticky !important;
        bottom: 0 !important;
        background: #fff !important;
        z-index: 20 !important;
        padding: 12px 0 18px !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE
   koszyk główny WooCommerce Blocks
   ========================================================= */

@media (max-width: 1024px) {

    body.woocommerce-cart .wc-block-cart__sidebar,
    body.woocommerce-cart .wc-block-cart__totals-block,
    body.woocommerce-cart .wc-block-components-sidebar {
        padding-left: 14px !important;
        padding-right: 14px !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-cart .wc-block-components-totals-item__value,
    body.woocommerce-cart .wc-block-components-totals-footer-item .wc-block-components-totals-item__value,
    body.woocommerce-cart .wc-block-components-formatted-money-amount,
    body.woocommerce-cart .wc-block-formatted-money-amount {
        white-space: nowrap !important;
        padding-right: 4px !important;
        box-sizing: border-box !important;
    }

    body.woocommerce-cart .wc-block-cart-item__total,
    body.woocommerce-cart .wc-block-components-product-price,
    body.woocommerce-cart .wc-block-components-product-price__value {
        padding-right: 8px !important;
        box-sizing: border-box !important;
        white-space: nowrap !important;
    }
}







/* =========================================================
   SOFAOUTLET - MOBILE
   NOWOŚCI + GRID + BREADCRUMBS + KATEGORIE
   wersja uporządkowana
   ========================================================= */


/* =========================================================
   SOFAOUTLET - MOBILE
   NOWOŚCI - nagłówek pod sticky headerem
   produkcja: #post-9270
   staging:   #post-9169
   ========================================================= */

@media only screen and (max-width: 1024px) {

    html body #post-9270 .elementor-element-62724eb,
    html body #post-9169 .elementor-element-62724eb,
    html body .elementor-9270 > .elementor-element-62724eb,
    html body .elementor-9169 > .elementor-element-62724eb {
        padding-top: 35px !important;
        margin-top: 0 !important;
        box-sizing: border-box !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html body #post-9270 .elementor-element-871c8ed,
    html body #post-9169 .elementor-element-871c8ed {
        margin-top: 0 !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 2 !important;
    }

    html body #post-9270 .elementor-element-871c8ed .elementor-widget-container,
    html body #post-9169 .elementor-element-871c8ed .elementor-widget-container {
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
    }

    html body #post-9270 h1.elementor-heading-title,
    html body #post-9169 h1.elementor-heading-title {
        margin-top: 0 !important;
        margin-bottom: 32px !important;
        padding-top: 0 !important;
        position: relative !important;
        z-index: 3 !important;
        line-height: 1.05 !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE
   NOWOŚCI - grid produktów 2 kolumny
   produkcja: #post-9270
   staging:   #post-9169
   ========================================================= */

@media only screen and (max-width: 1024px) {

    html body #post-9270 .nowosci-shortcode-wrapper,
    html body #post-9169 .nowosci-shortcode-wrapper,
    html body #post-9270 .elementor-widget-shortcode,
    html body #post-9169 .elementor-widget-shortcode,
    html body #post-9270 .elementor-widget-shortcode .elementor-widget-container,
    html body #post-9169 .elementor-widget-shortcode .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid,
    html body #post-9270 ul.products.nowosci-grid,
    html body #post-9169 ul.products.nowosci-grid,
    html body #post-9270 .elementor-widget-shortcode ul.products,
    html body #post-9169 .elementor-widget-shortcode ul.products {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 14px !important;
        row-gap: 34px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 12px !important;
        list-style: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid::before,
    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid::after,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid::before,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid::after,
    html body #post-9270 ul.products.nowosci-grid::before,
    html body #post-9270 ul.products.nowosci-grid::after,
    html body #post-9169 ul.products.nowosci-grid::before,
    html body #post-9169 ul.products.nowosci-grid::after,
    html body #post-9270 .elementor-widget-shortcode ul.products::before,
    html body #post-9270 .elementor-widget-shortcode ul.products::after,
    html body #post-9169 .elementor-widget-shortcode ul.products::before,
    html body #post-9169 .elementor-widget-shortcode ul.products::after {
        display: none !important;
        content: none !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product,
    html body #post-9270 ul.products.nowosci-grid > li.product,
    html body #post-9169 ul.products.nowosci-grid > li.product,
    html body #post-9270 .elementor-widget-shortcode ul.products > li.product,
    html body #post-9169 .elementor-widget-shortcode ul.products > li.product {
        float: none !important;
        clear: none !important;
        display: block !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product:nth-child(odd),
    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product:nth-child(even),
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product:nth-child(odd),
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product:nth-child(even),
    html body #post-9270 ul.products.nowosci-grid > li.product:nth-child(odd),
    html body #post-9270 ul.products.nowosci-grid > li.product:nth-child(even),
    html body #post-9169 ul.products.nowosci-grid > li.product:nth-child(odd),
    html body #post-9169 ul.products.nowosci-grid > li.product:nth-child(even),
    html body #post-9270 .elementor-widget-shortcode ul.products > li.product:nth-child(odd),
    html body #post-9270 .elementor-widget-shortcode ul.products > li.product:nth-child(even),
    html body #post-9169 .elementor-widget-shortcode ul.products > li.product:nth-child(odd),
    html body #post-9169 .elementor-widget-shortcode ul.products > li.product:nth-child(even) {
        clear: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product img,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product img,
    html body #post-9270 ul.products.nowosci-grid > li.product img,
    html body #post-9169 ul.products.nowosci-grid > li.product img,
    html body #post-9270 .elementor-widget-shortcode ul.products > li.product img,
    html body #post-9169 .elementor-widget-shortcode ul.products > li.product img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        box-sizing: border-box !important;
    }

    html body #post-9270 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product .nm-shop-loop-thumbnail,
    html body #post-9169 .nowosci-shortcode-wrapper ul.products.nowosci-grid > li.product .nm-shop-loop-thumbnail,
    html body #post-9270 ul.products.nowosci-grid > li.product .nm-shop-loop-thumbnail,
    html body #post-9169 ul.products.nowosci-grid > li.product .nm-shop-loop-thumbnail,
    html body #post-9270 .elementor-widget-shortcode ul.products > li.product .nm-shop-loop-thumbnail,
    html body #post-9169 .elementor-widget-shortcode ul.products > li.product .nm-shop-loop-thumbnail {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE
   strony produktów
   breadcrumbs pod sticky headerem
   ========================================================= */

@media only screen and (max-width: 1024px) {

    html body.single-product .woocommerce-breadcrumb,
    html body.single-product .nm-breadcrumb,
    html body.single-product .nm-breadcrumbs {
        margin-top: 42px !important;
        position: relative !important;
        z-index: 1 !important;
    }
}


/* =========================================================
   SOFAOUTLET - MOBILE
   Kategorie WooCommerce / Savoy
   nagłówki kategorii: Lampy, Krzesła, Sofy itd.
   BEZ ruszania NOWOŚCI, breadcrumbs i gridu
   ========================================================= */

@media only screen and (max-width: 1024px) {

    html body.tax-product_cat #nm-shop-taxonomy-header,
    html body.post-type-archive-product #nm-shop-taxonomy-header,
    html body.woocommerce.archive #nm-shop-taxonomy-header {
        position: relative !important;
        z-index: 1 !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        overflow: visible !important;
    }

    html body.tax-product_cat #nm-shop-taxonomy-header .nm-shop-taxonomy-header-inner,
    html body.tax-product_cat #nm-shop-taxonomy-header .nm-shop-taxonomy-text,
    html body.tax-product_cat #nm-shop-taxonomy-header .nm-shop-taxonomy-text-col,
    html body.post-type-archive-product #nm-shop-taxonomy-header .nm-shop-taxonomy-header-inner,
    html body.post-type-archive-product #nm-shop-taxonomy-header .nm-shop-taxonomy-text,
    html body.post-type-archive-product #nm-shop-taxonomy-header .nm-shop-taxonomy-text-col,
    html body.woocommerce.archive #nm-shop-taxonomy-header .nm-shop-taxonomy-header-inner,
    html body.woocommerce.archive #nm-shop-taxonomy-header .nm-shop-taxonomy-text,
    html body.woocommerce.archive #nm-shop-taxonomy-header .nm-shop-taxonomy-text-col {
        position: relative !important;
        overflow: visible !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    html body.tax-product_cat #nm-shop-taxonomy-header h1,
    html body.post-type-archive-product #nm-shop-taxonomy-header h1,
    html body.woocommerce.archive #nm-shop-taxonomy-header h1 {
        position: relative !important;
        display: block !important;
        top: auto !important;
        margin-top: 0 !important;
        margin-bottom: 105px !important;
        padding-top: 0 !important;
        transform: translateY(105px) !important;
        line-height: 1.1 !important;
        z-index: 5 !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}







/* =========================================================
   SOFAOUTLET - MOBILE
   boczny koszyk Savoy - FINAL COMPACT v3
   większy odstęp od krawędzi
   produkty +1px
   strzałki ilości niżej
   bez nachodzenia stopki na produkty
   ========================================================= */

@media (max-width: 1024px) {

    /* Główny panel */
    #nm-cart-panel,
    .nm-cart-panel,
    #nm-widget-panel,
    .nm-widget-panel {
        top: 142px !important;
        bottom: 14px !important;
        height: auto !important;
        max-height: none !important;
    }

    /* Wnętrze panelu */
    #nm-cart-panel .widget_shopping_cart_content,
    .nm-cart-panel .widget_shopping_cart_content,
    #nm-widget-panel .widget_shopping_cart_content,
    .nm-widget-panel .widget_shopping_cart_content {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        min-height: 0 !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    #nm-cart-panel .nm-widget-panel-inner,
    .nm-cart-panel .nm-widget-panel-inner,
    #nm-widget-panel .nm-widget-panel-inner,
    .nm-widget-panel .nm-widget-panel-inner {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
        max-height: 100% !important;
        overflow: hidden !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        padding-bottom: 6px !important;
        box-sizing: border-box !important;
    }

    /* Nagłówek "Koszyk" */
    #nm-cart-panel .nm-cart-panel-header,
    #nm-cart-panel .nm-widget-panel-header,
    .nm-cart-panel .nm-cart-panel-header,
    .nm-cart-panel .nm-widget-panel-header,
    #nm-widget-panel .nm-cart-panel-header,
    #nm-widget-panel .nm-widget-panel-header,
    .nm-widget-panel .nm-cart-panel-header,
    .nm-widget-panel .nm-widget-panel-header {
        flex: 0 0 auto !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        margin: 0 !important;
        min-height: auto !important;
        line-height: 1.1 !important;
    }

    #nm-cart-panel .nm-cart-panel-header-inner,
    .nm-cart-panel .nm-cart-panel-header-inner,
    #nm-widget-panel .nm-cart-panel-header-inner,
    .nm-widget-panel .nm-cart-panel-header-inner {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: auto !important;
    }

    #nm-cart-panel .nm-cart-panel-title,
    .nm-cart-panel .nm-cart-panel-title,
    #nm-widget-panel .nm-cart-panel-title,
    .nm-widget-panel .nm-cart-panel-title,
    #nm-cart-panel .nm-widget-panel-title,
    .nm-cart-panel .nm-widget-panel-title,
    #nm-widget-panel .nm-widget-panel-title,
    .nm-widget-panel .nm-widget-panel-title {
        font-size: 15px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Lista produktów, przewijana osobno */
    #nm-cart-panel-list-wrap,
    #nm-cart-panel .nm-cart-panel-list-wrap,
    .nm-cart-panel .nm-cart-panel-list-wrap,
    #nm-widget-panel .nm-cart-panel-list-wrap,
    .nm-widget-panel .nm-cart-panel-list-wrap {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
        margin: 0 !important;
        padding: 0 6px 0 8px !important;
        box-sizing: border-box !important;
    }

    #nm-cart-panel ul.woocommerce-mini-cart,
    .nm-cart-panel ul.woocommerce-mini-cart,
    #nm-widget-panel ul.woocommerce-mini-cart,
    .nm-widget-panel ul.woocommerce-mini-cart,
    #nm-cart-panel ul.product_list_widget,
    .nm-cart-panel ul.product_list_widget,
    #nm-widget-panel ul.product_list_widget,
    .nm-widget-panel ul.product_list_widget {
        margin: 0 !important;
        padding: 0 !important;
        list-style: none !important;
    }

    /* Pojedynczy produkt */
    #nm-cart-panel li.woocommerce-mini-cart-item,
    .nm-cart-panel li.woocommerce-mini-cart-item,
    #nm-widget-panel li.woocommerce-mini-cart-item,
    .nm-widget-panel li.woocommerce-mini-cart-item,
    #nm-cart-panel li.mini_cart_item,
    .nm-cart-panel li.mini_cart_item,
    #nm-widget-panel li.mini_cart_item,
    .nm-widget-panel li.mini_cart_item {
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        margin: 0 !important;
        min-height: auto !important;
        box-sizing: border-box !important;
    }

    #nm-cart-panel li.woocommerce-mini-cart-item + li.woocommerce-mini-cart-item,
    .nm-cart-panel li.woocommerce-mini-cart-item + li.woocommerce-mini-cart-item,
    #nm-widget-panel li.woocommerce-mini-cart-item + li.woocommerce-mini-cart-item,
    .nm-widget-panel li.woocommerce-mini-cart-item + li.woocommerce-mini-cart-item,
    #nm-cart-panel li.mini_cart_item + li.mini_cart_item,
    .nm-cart-panel li.mini_cart_item + li.mini_cart_item,
    #nm-widget-panel li.mini_cart_item + li.mini_cart_item,
    .nm-widget-panel li.mini_cart_item + li.mini_cart_item {
        margin-top: 0 !important;
    }

    /* Miniatura */
    #nm-cart-panel .nm-cart-panel-item-thumbnail,
    .nm-cart-panel .nm-cart-panel-item-thumbnail,
    #nm-widget-panel .nm-cart-panel-item-thumbnail,
    .nm-widget-panel .nm-cart-panel-item-thumbnail {
        width: 42px !important;
        min-width: 42px !important;
        max-width: 42px !important;
        margin-left: 4px !important;
        margin-right: 11px !important;
    }

    #nm-cart-panel .nm-cart-panel-item-thumbnail img,
    .nm-cart-panel .nm-cart-panel-item-thumbnail img,
    #nm-widget-panel .nm-cart-panel-item-thumbnail img,
    .nm-widget-panel .nm-cart-panel-item-thumbnail img,
    #nm-cart-panel ul.product_list_widget li img,
    .nm-cart-panel ul.product_list_widget li img,
    #nm-widget-panel ul.product_list_widget li img,
    .nm-widget-panel ul.product_list_widget li img {
        width: 42px !important;
        max-width: 42px !important;
        height: auto !important;
    }

    /* Szczegóły produktu */
    #nm-cart-panel .nm-cart-panel-item-details,
    .nm-cart-panel .nm-cart-panel-item-details,
    #nm-widget-panel .nm-cart-panel-item-details,
    .nm-widget-panel .nm-cart-panel-item-details {
        min-width: 0 !important;
        padding-right: 22px !important;
    }

    /* Nazwa produktu, zwiększona o 1px */
    #nm-cart-panel .nm-cart-panel-product-title,
    .nm-cart-panel .nm-cart-panel-product-title,
    #nm-widget-panel .nm-cart-panel-product-title,
    .nm-widget-panel .nm-cart-panel-product-title {
        font-size: 13px !important;
        line-height: 1.13 !important;
        margin-bottom: 1px !important;
        padding-right: 4px !important;
    }

    /* Ilość i cena, strzałki niżej */
    #nm-cart-panel .nm-cart-panel-quantity-pricing,
    .nm-cart-panel .nm-cart-panel-quantity-pricing,
    #nm-widget-panel .nm-cart-panel-quantity-pricing,
    .nm-widget-panel .nm-cart-panel-quantity-pricing {
        margin-top: 5px !important;
        line-height: 1.1 !important;
        transform: translateY(2px) !important;
    }

    #nm-cart-panel .quantity,
    .nm-cart-panel .quantity,
    #nm-widget-panel .quantity,
    .nm-widget-panel .quantity,
    #nm-cart-panel .product-quantity,
    .nm-cart-panel .product-quantity,
    #nm-widget-panel .product-quantity,
    .nm-widget-panel .product-quantity {
        font-size: 12px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    #nm-cart-panel .nm-cart-panel-item-price,
    .nm-cart-panel .nm-cart-panel-item-price,
    #nm-widget-panel .nm-cart-panel-item-price,
    .nm-widget-panel .nm-cart-panel-item-price,
    #nm-cart-panel .nm-cart-panel-item-price .amount,
    .nm-cart-panel .nm-cart-panel-item-price .amount,
    #nm-widget-panel .nm-cart-panel-item-price .amount,
    .nm-widget-panel .nm-cart-panel-item-price .amount {
        font-size: 13px !important;
        line-height: 1.1 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Plus / minus niżej i czytelniej */
    #nm-cart-panel .nm-qty-minus,
    .nm-cart-panel .nm-qty-minus,
    #nm-cart-panel .nm-qty-plus,
    .nm-cart-panel .nm-qty-plus,
    #nm-widget-panel .nm-qty-minus,
    .nm-widget-panel .nm-qty-minus,
    #nm-widget-panel .nm-qty-plus,
    .nm-widget-panel .nm-qty-plus {
        font-size: 11px !important;
        line-height: 1 !important;
        position: relative !important;
        top: 2px !important;
    }

    /* X usuwania */
    #nm-cart-panel .remove,
    .nm-cart-panel .remove,
    #nm-widget-panel .remove,
    .nm-widget-panel .remove {
        top: 4px !important;
        right: 0 !important;
        font-size: 13px !important;
    }

    /* Kwota */
    #nm-cart-panel .total,
    .nm-cart-panel .total,
    #nm-widget-panel .total,
    .nm-widget-panel .total,
    #nm-cart-panel .woocommerce-mini-cart__total,
    .nm-cart-panel .woocommerce-mini-cart__total,
    #nm-widget-panel .woocommerce-mini-cart__total,
    .nm-widget-panel .woocommerce-mini-cart__total {
        flex: 0 0 auto !important;
        margin: 5px 0 5px !important;
        padding-top: 6px !important;
        padding-bottom: 3px !important;
        background: #fff !important;
        position: relative !important;
        z-index: 10 !important;
    }

    /* Komunikat "Dołóż jeszcze..." */
    #nm-cart-panel .sofaoutlet-side-cart-progress-notice,
    .nm-cart-panel .sofaoutlet-side-cart-progress-notice,
    #nm-widget-panel .sofaoutlet-side-cart-progress-notice,
    .nm-widget-panel .sofaoutlet-side-cart-progress-notice {
        flex: 0 0 auto !important;
        margin: 6px 0 7px !important;
        padding: 7px 9px !important;
        gap: 6px !important;
        border-radius: 7px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    #nm-cart-panel .sofaoutlet-side-cart-progress-icon,
    .nm-cart-panel .sofaoutlet-side-cart-progress-icon,
    #nm-widget-panel .sofaoutlet-side-cart-progress-icon,
    .nm-widget-panel .sofaoutlet-side-cart-progress-icon {
        width: 19px !important;
        height: 19px !important;
        min-width: 19px !important;
        font-size: 11px !important;
    }

    #nm-cart-panel .sofaoutlet-side-cart-progress-text,
    .nm-cart-panel .sofaoutlet-side-cart-progress-text,
    #nm-widget-panel .sofaoutlet-side-cart-progress-text,
    .nm-widget-panel .sofaoutlet-side-cart-progress-text {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    /* Linia rabatu */
    #nm-cart-panel .sofaoutlet-side-cart-discount-box,
    .nm-cart-panel .sofaoutlet-side-cart-discount-box,
    #nm-widget-panel .sofaoutlet-side-cart-discount-box,
    .nm-widget-panel .sofaoutlet-side-cart-discount-box {
        flex: 0 0 auto !important;
        margin: 5px 0 7px !important;
        padding: 6px 0 !important;
        gap: 6px !important;
        font-size: 11px !important;
        line-height: 1.15 !important;
        background: #fff !important;
    }

    #nm-cart-panel .sofaoutlet-side-cart-discount-badge,
    .nm-cart-panel .sofaoutlet-side-cart-discount-badge,
    #nm-widget-panel .sofaoutlet-side-cart-discount-badge,
    .nm-widget-panel .sofaoutlet-side-cart-discount-badge {
        font-size: 10px !important;
        padding: 5px 8px !important;
        line-height: 1 !important;
    }

    #nm-cart-panel .sofaoutlet-side-cart-discount-text,
    .nm-cart-panel .sofaoutlet-side-cart-discount-text,
    #nm-widget-panel .sofaoutlet-side-cart-discount-text,
    .nm-widget-panel .sofaoutlet-side-cart-discount-text,
    #nm-cart-panel .sofaoutlet-side-cart-discount-amount,
    .nm-cart-panel .sofaoutlet-side-cart-discount-amount,
    #nm-widget-panel .sofaoutlet-side-cart-discount-amount,
    .nm-widget-panel .sofaoutlet-side-cart-discount-amount {
        font-size: 11px !important;
        line-height: 1.15 !important;
    }

    /* Przyciski */
    #nm-cart-panel .buttons,
    .nm-cart-panel .buttons,
    #nm-widget-panel .buttons,
    .nm-widget-panel .buttons,
    #nm-cart-panel .woocommerce-mini-cart__buttons,
    .nm-cart-panel .woocommerce-mini-cart__buttons,
    #nm-widget-panel .woocommerce-mini-cart__buttons,
    .nm-widget-panel .woocommerce-mini-cart__buttons {
        flex: 0 0 auto !important;
        position: relative !important;
        bottom: auto !important;
        background: #fff !important;
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        z-index: 20 !important;
    }

    #nm-cart-panel .buttons a,
    .nm-cart-panel .buttons a,
    #nm-widget-panel .buttons a,
    .nm-widget-panel .buttons a,
    #nm-cart-panel .woocommerce-mini-cart__buttons a,
    .nm-cart-panel .woocommerce-mini-cart__buttons a,
    #nm-widget-panel .woocommerce-mini-cart__buttons a,
    .nm-widget-panel .woocommerce-mini-cart__buttons a {
        min-height: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        margin-bottom: 5px !important;
        font-size: 13px !important;
    }

    #nm-cart-panel .buttons a:last-child,
    .nm-cart-panel .buttons a:last-child,
    #nm-widget-panel .buttons a:last-child,
    .nm-widget-panel .buttons a:last-child,
    #nm-cart-panel .woocommerce-mini-cart__buttons a:last-child,
    .nm-widget-panel .woocommerce-mini-cart__buttons a:last-child,
    #nm-widget-panel .woocommerce-mini-cart__buttons a:last-child,
    .nm-widget-panel .woocommerce-mini-cart__buttons a:last-child {
        margin-bottom: 0 !important;
    }
}





/* =========================================================
   SOFAOUTLET - MOBILE
   globalny offset zwykłych podstron pod sticky headerem
   dotyczy: koszyk, checkout, o nas, kontakt itd.
   NIE dotyka: nowości, kategorii, produktów
   ========================================================= */

@media (max-width: 1024px) {

    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .nm-page-default {
        padding-top: 38px !important;
        box-sizing: border-box !important;
    }

    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .entry-content {
        padding-top: 0 !important;
    }

    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .wp-block-woocommerce-cart,
    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .wp-block-woocommerce-checkout,
    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .woocommerce,
    body.page:not(.home):not(.page-id-9270):not(.page-id-9169) .elementor {
        margin-top: 0 !important;
    }
}







body.woocommerce-cart .so-float-badge,
body.woocommerce-checkout .so-float-badge,
html.cart-panel-open .so-float-badge,
body.cart-panel-open .so-float-badge {
    display: none !important;
}