to teraz WYMAGANY blok „Jak ekipa dotrze" (#nw-access-block) -> gwiazdka znikala.
Regula wylaczona (carry-distance = ostatni
nie ma .required). */
body.page-id-29938 #nw-mounting-fields > p.form-row:last-of-type label,
body.page-id-29938 #nw-mounting-fields > .form-row:last-of-type label {
color: #2d2d2d !important;
}
/* ---------------------------------------------------------
SZCZEGÓŁ Y REZERWACJI B DY WYMAGANYCH PÓL
--------------------------------------------------------- */
body.page-id-29938 .nw-form-errors {
margin: 0 0 24px !important;
padding: 18px 22px !important;
color: #8b5a2b !important;
font-size: 15px !important;
line-height: 1.7 !important;
background: #fff8f1 !important;
border: 1px solid #e7b56a !important;
}
body.page-id-29938 .nw-form-errors strong {
display: block !important;
margin-bottom: 8px !important;
color: #8b5a2b !important;
}
body.page-id-29938 .nw-form-errors ul {
margin: 0 !important;
padding-left: 18px !important;
}
body.page-id-29938 .nw-form-errors li {
margin: 0 0 4px !important;
}
/* ---------------------------------------------------------
SZCZEGÓŁ Y REZERWACJI CHOICES / RADIO / CHECKBOX
--------------------------------------------------------- */
/* ---------------------------------------------------------
SZCZEGÓŁ Y REZERWACJI CHECKBOX KONTAKTU TELEFONICZNEGO
--------------------------------------------------------- */
body.page-id-29938 .nw-reservation-actions { display: flex !important;flex-direction: column !important; }
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]) { position: relative !important;transition: border-color 0.2s ease, background-color 0.2s ease !important; }
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"])::before { position: absolute !important;left: 18px !important;top: 8px !important;color: var(--nw-beige) !important;font-size: 11px !important;line-height: 1 !important;font-weight: 600 !important;letter-spacing: 0.08em !important;text-transform: uppercase !important; }
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]):hover {
border-color: var(--nw-beige) !important;
background: #fffdfa !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"] { transition: border-color 0.2s ease, background-color 0.2s ease !important; }
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"]:checked {
background: var(--nw-black) !important;
border-color: var(--nw-black) !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"]:focus {
outline: none !important;
box-shadow: 0 0 0 3px rgba(212, 186, 135, 0.18) !important;
}
body.page-id-29938 .nw-reservation-actions > .button,
body.page-id-29938 .nw-reservation-actions > button,
body.page-id-29938 .nw-reservation-actions > a.button {
margin-top: 2px !important;
}
/* =========================================================
17. FINALIZACJA ZGODY, 2 PRZYCISKI, THANK YOU
========================================================= */
/* ---------------------------------------------------------
BOX KOŃ COWY W CHECKOUT
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-box {
margin: 24px 0 18px !important;
padding: 24px !important;
background: #fff !important;
border: 1px solid #e5e5e5 !important;
box-shadow: none !important;
border-radius: 12px !important; /* (audyt 2026-06-26) radius zyl TYLKO w snippecie 06 (inline) — gdy 06 niewdrozony box byl ostry. Tu (CSS, zawsze wdrozony) = niezaleznie od 06. */
overflow: hidden !important;
}
/* (audyt 2026-06-26) Box „W sezonie wolne terminy…" — radius takze w CSS (byl tylko w 06). User: „nadal nie zaokraglona ramka". */
.woocommerce-checkout .nw-final-urgency {
border-radius: 12px !important;
}
.woocommerce-checkout .nw-final-box h3 {
margin: 0 0 18px !important;
padding-bottom: 14px !important;
color: #111 !important;
font-size: 24px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
border-bottom: 1px solid #ececec !important;
}
.woocommerce-checkout .nw-final-box .form-row {
margin: 0 0 16px !important;
padding: 0 !important;
}
/* ---------------------------------------------------------
ZGODY / CHECKBOXY
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-box label.checkbox,
.woocommerce-checkout .nw-final-box .woocommerce-form__label.checkbox {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
color: #222 !important;
font-size: 14px !important;
line-height: 1.75 !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
.woocommerce-checkout .nw-final-box input[type="checkbox"] {
margin: 3px 0 0 !important;
flex: 0 0 auto !important;
accent-color: var(--nw-beige) !important;
}
.woocommerce-checkout .nw-final-box a {
color: #8b6b2e !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
.woocommerce-checkout .nw-final-box a:hover {
color: #111 !important;
}
/* ---------------------------------------------------------
WALIDACJA ZGÓD
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-box .validate-required.woocommerce-invalid {
padding: 14px !important;
background: #fff5f5 !important;
border: 1px solid #d92d20 !important;
}
.woocommerce-checkout .nw-final-box .validate-required.woocommerce-invalid label {
color: #b42318 !important;
}
.woocommerce-checkout .nw-final-box .validate-required.woocommerce-validated {
background: transparent !important;
border-color: transparent !important;
}
/* ---------------------------------------------------------
KOMUNIKAT PILNOŚ CI
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-urgency {
margin-top: 14px !important;
padding: 14px 16px !important;
background: #fff8f1 !important;
border: 1px solid #eed7b8 !important;
color: #8b5a2b !important;
font-size: 14px !important;
line-height: 1.6 !important;
}
/* ---------------------------------------------------------
AKCJE ZAMÓWIENIA
--------------------------------------------------------- */
/* gł ówny przycisk */
.woocommerce-checkout .nw-main-submit { border-radius: 8px !important; }
/* opis pod przyciskiem */
/* drugi przycisk — kanon 6px (bylo 0) */
.woocommerce-checkout .nw-secondary-submit { border-radius: 8px !important; }
/* ukrycie domyś lnego place_order */
.woocommerce-checkout #payment #place_order {
display: none !important;
}
/* ---------------------------------------------------------
THANK YOU PAGE
--------------------------------------------------------- */
.woocommerce-order-received .nw-thankyou-box {
max-width: 900px !important;
margin: 0 auto 28px !important;
padding: 32px !important;
background: #faf9f6 !important; /* (audyt 2026-06-24) lekko cieple tlo — zeby biale karty-sekcje wewnatrz sie wyroznialy */
border: 1px solid rgba(212, 186, 135, 0.30) !important; /* (audyt 2026-06-24) zlota ramka jak reszta strony (bylo szare #e5e5e5) */
border-radius: 12px !important; /* (audyt 2026-06-24) zaokraglone jak karty na stronie (bylo 0/ostre) */
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.04) !important;
}
/* (audyt 2026-06-24) PODZIAL info: kazda sekcja boxa = osobna BIALA karta (zlota ramka, zaokraglona, cien) —
wczesniej wszystkie kremowe zlewaly sie w jedna sciane. Teraz wyraznie podzielone (Zadatek+przelew / Dane zgloszenia / Kalkulacja / Zmiany). */
.woocommerce-order-received .nw-thankyou-box > div {
background: #fff !important;
border: 1px solid rgba(212, 186, 135, 0.28) !important;
border-radius: 12px !important;
margin: 16px 0 0 !important;
padding: 22px 24px !important;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.03) !important;
}
/* naglowek sekcji (pierwsze
w karcie) — wyrazny, z zlota linia pod spodem */
.woocommerce-order-received .nw-thankyou-box > div > p:first-child {
margin: 0 0 14px !important;
padding-bottom: 12px !important;
border-bottom: 1px solid rgba(212, 186, 135, 0.30) !important;
}
.woocommerce-order-received .nw-thankyou-box > div > p:first-child > strong:only-child {
font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
font-size: 15px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.04em !important;
color: #111 !important;
}
/* (audyt 2026-06-24) Rozwijane szczegoly kosztow () — czysty „summary" ze strzalka, jak disclosure w koszyku */
.woocommerce-order-received .nw-ty-costs > summary {
list-style: none !important;
cursor: pointer !important;
color: #8a6d2f !important;
font-weight: 600 !important;
user-select: none !important;
}
.woocommerce-order-received .nw-ty-costs > summary::-webkit-details-marker { display: none !important; }
.woocommerce-order-received .nw-ty-costs > summary::before { content: "\25B8 "; }
.woocommerce-order-received .nw-ty-costs[open] > summary::before { content: "\25BE "; }
.woocommerce-order-received .nw-thankyou-box h2 {
margin: 0 0 14px !important;
color: #111 !important;
font-size: 34px !important;
line-height: 1.12 !important;
}
.woocommerce-order-received .nw-thankyou-box p {
margin: 0 0 12px !important;
color: #4d4d4d !important;
font-size: 16px !important;
line-height: 1.75 !important;
}
.woocommerce-order-received .nw-thankyou-box strong {
color: #111 !important;
}
/* =========================================================
18. RESPONSIVE + MOBILE FIXES
========================================================= */
@media (max-width: 1260px) {
.nw-gallery-main-link {
max-width: 980px !important;
}
.nw-gallery-arrow.is-prev {
left: -24px;
}
.nw-gallery-arrow.is-next {
right: -24px;
}
}
@media (max-width: 1180px) {
.nw-gallery-tabs {
grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.nw-gallery-tab {
min-height: 56px !important;
}
}
@media (max-width: 1024px) {
/* ---------------------------------------------------------
usuń pasek menu / categories na mobilce
--------------------------------------------------------- */
.wd-nav.wd-nav-mob-tab.wd-style-underline,
.wd-nav-mob-tab,
.mobile-tab-title,
.mobile-pages-title,
.mobile-categories-title {
display: none !important;
}
/* ---------------------------------------------------------
MOBILE HEADER / STICKY finalny ukł ad
--------------------------------------------------------- */
.whb-general-header,
.whb-sticked .whb-general-header,
.whb-clone .whb-general-header,
.whb-general-header .whb-row,
.whb-sticked .whb-row,
.whb-clone .whb-row,
.whb-general-header .container,
.whb-sticked .container,
.whb-clone .container,
.whb-mobile-left,
.whb-mobile-center,
.whb-mobile-right {
background: #000 !important;
border-color: rgba(255, 255, 255, 0.08) !important;
}
.whb-hidden-lg .whb-flex-row,
.whb-general-header .whb-flex-row,
.whb-sticked .whb-flex-row,
.whb-clone .whb-flex-row {
display: grid !important;
grid-template-columns: minmax(88px, auto) 1fr minmax(56px, auto) !important;
align-items: center !important;
column-gap: 10px !important;
min-height: 86px !important;
}
.whb-mobile-left,
.whb-mobile-center,
.whb-mobile-right {
min-width: 0 !important;
width: 100% !important;
}
.whb-mobile-left {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
}
.whb-mobile-center {
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
/* Logo mobile — trochę większe, bez rozmycia */
.whb-mobile-center .site-logo img,
.whb-column_mobile3 .site-logo img,
.whb-mobile-center .wd-main-logo img {
max-width: 230px !important;
width: 230px !important;
height: auto !important;
image-rendering: -webkit-optimize-contrast;
image-rendering: crisp-edges;
}
.whb-mobile-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
}
.whb-mobile-left .wd-tools-element,
.whb-mobile-right .wd-tools-element,
.whb-mobile-left .wd-header-mobile-nav {
margin: 0 !important;
}
/* (2026-07-06, user) koszyk lekko w lewo od krawedzi na mobile (wczesniej margin:0 !important zerowalo kazde przesuniecie) */
.whb-mobile-right .wd-header-cart {
margin: 0 12px 0 0 !important;
}
.whb-hidden-lg .wd-tools-element > a,
.whb-hidden-lg .wd-header-cart a,
.whb-hidden-lg .wd-header-mobile-nav a,
.whb-hidden-lg .wd-tools-text,
.whb-hidden-lg .wd-cart-subtotal {
color: var(--nw-beige) !important;
}
.whb-hidden-lg .wd-header-cart a {
display: inline-flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 10px !important;
min-width: 0 !important;
}
.whb-hidden-lg .wd-header-cart .wd-tools-icon {
flex: 0 0 auto !important;
}
.whb-hidden-lg .wd-header-cart .wd-tools-text {
display: inline-flex !important;
align-items: center !important;
min-width: 0 !important;
}
.whb-hidden-lg .wd-header-cart .wd-cart-subtotal {
display: inline-block !important;
font-size: clamp(14px, 4.6vw, 18px) !important;
line-height: 1.1 !important;
white-space: nowrap !important;
}
.whb-hidden-lg .wd-tools-element svg,
.whb-hidden-lg .wd-header-cart svg,
.whb-hidden-lg .wd-header-mobile-nav svg {
color: var(--nw-beige) !important;
fill: var(--nw-beige) !important;
}
.whb-hidden-lg .wd-tools-count,
.whb-hidden-lg .wd-cart-number {
background: var(--nw-beige) !important;
color: #000 !important;
border-color: var(--nw-beige) !important;
}
.whb-mobile-left .wd-tools-text {
font-size: 0 !important;
}
.whb-mobile-left .wd-tools-text::after {
content: "Menu" !important;
font-size: 14px !important;
line-height: 1 !important;
color: var(--nw-beige) !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
}
.wd-nav-mobile li > a,
.wd-nav-mobile li > a .nav-link-text,
.mobile-nav .wd-nav-mobile li > a,
.mobile-nav .wd-nav-mobile li > a .nav-link-text {
color: #111 !important;
}
.wd-nav-mobile li.current-menu-item > a,
.wd-nav-mobile li.current_page_item > a,
.wd-nav-mobile li > a:hover,
.wd-nav-mobile li > a:hover .nav-link-text,
.wd-nav-mobile li.current-menu-item > a .nav-link-text,
.wd-nav-mobile li.current_page_item > a .nav-link-text,
.mobile-nav .wd-nav-mobile li.current-menu-item > a,
.mobile-nav .wd-nav-mobile li.current_page_item > a,
.mobile-nav .wd-nav-mobile li > a:hover {
color: var(--nw-beige) !important;
}
.wd-nav-mobile li.current-menu-item > a::before,
.wd-nav-mobile li.current_page_item > a::before,
.wd-nav-mobile li > a:hover::before,
.wd-nav-mobile li.current-menu-item > a::after,
.wd-nav-mobile li.current_page_item > a::after,
.wd-nav-mobile li > a:hover::after {
background-color: var(--nw-beige) !important;
border-color: var(--nw-beige) !important;
}
/* ---------------------------------------------------------
HOME HERO
--------------------------------------------------------- */
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty {
width: calc(100vw - 32px) !important;
padding-left: 16px !important;
padding-right: 16px !important;
gap: 14px !important;
}
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty h1,
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty .elementor-heading-title {
font-size: 42px !important;
}
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty p {
max-width: 420px !important;
font-size: 15px !important;
}
/* ---------------------------------------------------------
SINGLE PRODUCT bundle + tabs + dostawa
--------------------------------------------------------- */
.single-product form.bundle_form.layout_default.group_mode_parent,
.single-product form.bundle_form.bundle_form {
grid-template-columns: 1fr !important;
}
.single-product form.bundle_form > .bundled_product,
.single-product form.bundle_form > div[class*="bundled_item_"].bundled_product {
min-height: auto !important;
}
.single-product #tab-shipping-and-delivery .e-con-inner {
grid-template-columns: 1fr !important;
gap: 20px !important;
}
.single-product #tab-shipping-and-delivery .wd-images-gallery,
.single-product #tab-shipping-and-delivery .wd-gallery,
.single-product #tab-shipping-and-delivery .elementor-widget-image,
.single-product #tab-shipping-and-delivery .elementor-widget-gallery {
max-width: 100% !important;
}
/* ---------------------------------------------------------
POPUP
--------------------------------------------------------- */
#nw-popup-v3 .nw-popup-v3__box {
width: calc(100vw - 20px) !important;
max-width: calc(100vw - 20px) !important;
margin: 10px auto 0 !important;
}
#nw-popup-v3 .nw-popup-v3__header {
padding: 18px 18px 16px !important;
}
#nw-popup-v3 .nw-popup-v3__body {
padding: 14px 14px 0 !important;
}
#nw-popup-v3 .nw-popup-v3__grid {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
#nw-popup-v3 .nw-popup-v3__card {
grid-template-columns: 78px minmax(0, 1fr) !important;
gap: 12px !important;
min-height: 0 !important;
padding: 14px !important;
}
#nw-popup-v3 .nw-popup-v3__thumb {
width: 78px !important;
height: 78px !important;
}
#nw-popup-v3 .nw-popup-v3__content strong {
font-size: 15px !important;
line-height: 1.2 !important;
}
#nw-popup-v3 .nw-popup-v3__content p {
min-height: 0 !important;
font-size: 12px !important;
line-height: 1.45 !important;
}
#nw-popup-v3 .nw-popup-v3__buy-wrap {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
#nw-popup-v3 .nw-popup-v3__qty {
width: 100% !important;
min-width: 0 !important;
grid-template-columns: 44px minmax(0, 1fr) 44px !important;
height: 44px !important;
}
#nw-popup-v3 .nw-popup-v3__qty-btn,
#nw-popup-v3 .nw-popup-v3__qty-input {
height: 42px !important;
min-height: 42px !important;
font-size: 18px !important;
}
#nw-popup-v3 .nw-popup-v3__buy-wrap .add_to_cart_button,
#nw-popup-v3 .nw-popup-v3__buy-wrap .button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 46px !important;
height: auto !important;
padding: 10px 14px !important;
font-size: 13px !important;
line-height: 1.2 !important;
white-space: normal !important;
word-break: break-word !important;
text-align: center !important;
}
#nw-popup-v3 .nw-popup-v3__footer {
flex-direction: column !important;
padding: 14px !important;
}
#nw-popup-v3 .nw-popup-v3__footer .button {
width: 100% !important;
min-width: 0 !important;
}
/* ---------------------------------------------------------
BUTTONY NA LISTINGU / KARTACH
--------------------------------------------------------- */
.products .product .button,
.products .product .add_to_cart_button,
.products .product .single_add_to_cart_button,
.products .product .bundle_add_to_cart_button,
.product-grid-item .button,
.product-grid-item .add_to_cart_button,
.product-grid-item .single_add_to_cart_button,
.product-grid-item .bundle_add_to_cart_button,
.wd-add-btn a,
.wd-add-btn .button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
min-height: 44px !important;
height: auto !important;
padding: 10px 12px !important;
font-size: 12px !important;
line-height: 1.2 !important;
letter-spacing: 0 !important;
text-transform: none !important;
white-space: normal !important;
word-break: break-word !important;
text-align: center !important;
}
.product-grid-item .wd-buttons,
.product-grid-item .wd-add-btn,
.products .product .wd-buttons,
.products .product .wd-add-btn {
width: 100% !important;
}
/* ---------------------------------------------------------
BANNERY WEWNĘ TRZNE
--------------------------------------------------------- */
body.woocommerce-account .page-title h1,
body.woocommerce-account .wd-page-title h1 {
font-size: 42px !important;
}
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .page-title .container,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .wd-page-title .container,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .page-title .title-wrapper,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .wd-page-title .title-wrapper {
justify-content: center !important;
text-align: center !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .page-title::after,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .wd-page-title::after {
left: 50% !important;
right: auto !important;
transform: translate(-50%, -50%) !important;
text-align: center !important;
}
body.page-id-29938 .page-title,
body.page-id-29938 .wd-page-title {
height: 220px !important;
min-height: 220px !important;
}
body.page-id-29938 .page-title::after,
body.page-id-29938 .wd-page-title::after {
width: calc(100vw - 36px) !important;
max-width: calc(100vw - 36px) !important;
font-size: clamp(34px, 10vw, 52px) !important;
line-height: 0.98 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
text-align: center !important;
}
/* ---------------------------------------------------------
CHECKOUT
--------------------------------------------------------- */
.woocommerce-checkout #customer_details,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
float: none !important;
width: 100% !important;
clear: both !important;
}
.woocommerce-checkout #order_review_heading {
margin: 20px 0 14px !important;
}
.woocommerce-checkout #order_review_heading::after {
font-size: 24px !important;
line-height: 1.15 !important;
}
.woocommerce-checkout #payment,
.woocommerce-checkout .shop_table {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
.woocommerce-checkout .shop_table th,
.woocommerce-checkout .shop_table td {
padding: 12px 10px !important;
font-size: 14px !important;
line-height: 1.45 !important;
word-break: break-word !important;
}
.woocommerce-checkout .shop_table .product-name,
.woocommerce-checkout .shop_table .product-total,
.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout-review-order-table .product-total {
width: auto !important;
}
.woocommerce-checkout-review-order-table td.product-name,
.woocommerce-checkout-review-order-table th.product-name {
padding-right: 8px !important;
}
.woocommerce-checkout-review-order-table td.product-total,
.woocommerce-checkout-review-order-table th.product-total {
text-align: right !important;
white-space: normal !important;
}
.woocommerce-checkout .shop_table .amount,
.woocommerce-checkout-review-order-table .amount,
.woocommerce-cart .shop_table .amount {
font-size: 14px !important;
line-height: 1.35 !important;
white-space: nowrap !important;
}
/* ---------------------------------------------------------
SZCZEGÓŁ Y REZERWACJI
--------------------------------------------------------- */
body.page-id-29938 .nw-reservation-step,
body.page-id-29938 .site-content .container,
body.page-id-29938 .main-page-wrapper .container,
.woocommerce-checkout .woocommerce {
padding-left: 14px !important;
padding-right: 14px !important;
}
body.page-id-29938 .nw-reservation-step {
padding-bottom: calc(130px + env(safe-area-inset-bottom)) !important;
}
body.page-id-29938 .nw-reservation-columns {
grid-template-columns: 1fr !important;
gap: 18px !important;
}
body.page-id-29938 .nw-reservation-card,
body.page-id-29938 .nw-reservation-inline-note {
width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
padding: 18px 14px !important;
}
body.page-id-29938 .nw-reservation-card h2,
body.page-id-29938 .nw-reservation-card h3,
body.page-id-29938 #nw-mounting-fields > h3 {
font-size: 21px !important;
line-height: 1.15 !important;
margin-bottom: 14px !important;
padding-bottom: 12px !important;
}
body.page-id-29938 .nw-period-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
body.page-id-29938 .nw-period-grid .form-row label,
body.page-id-29938 .nw-period-grid .form-row-first label,
body.page-id-29938 .nw-period-grid .form-row-last label,
body.page-id-29938 .nw-period-grid .form-row-wide label {
display: block !important;
min-height: auto !important;
}
body.page-id-29938 .nw-reservation-form input[type="text"],
body.page-id-29938 .nw-reservation-form input[type="email"],
body.page-id-29938 .nw-reservation-form input[type="tel"],
body.page-id-29938 .nw-reservation-form input[type="date"],
body.page-id-29938 .nw-reservation-form input[type="time"],
body.page-id-29938 .nw-reservation-form textarea,
body.page-id-29938 .nw-reservation-form select,
body.page-id-29938 .nw-reservation-form .select2-selection,
body.page-id-29938 #nw-mounting-fields input[type="text"],
body.page-id-29938 #nw-mounting-fields input[type="email"],
body.page-id-29938 #nw-mounting-fields input[type="tel"],
body.page-id-29938 #nw-mounting-fields input[type="date"],
body.page-id-29938 #nw-mounting-fields input[type="time"],
body.page-id-29938 #nw-mounting-fields textarea,
body.page-id-29938 #nw-mounting-fields select,
body.page-id-29938 #nw-mounting-fields .select2-selection {
min-height: 50px !important;
padding: 10px 14px !important;
font-size: 15px !important;
}
body.page-id-29938 .nw-reservation-bottom,
body.page-id-29938 .nw-reservation-actions,
body.page-id-29938 .nw-reservation-actions button.button,
body.page-id-29938 .nw-reservation-actions .button {
position: relative !important;
z-index: 5 !important;
pointer-events: auto !important;
touch-action: manipulation !important;
}
body.page-id-29938 .nw-reservation-actions button.button,
body.page-id-29938 .nw-reservation-actions .button {
min-height: 58px !important;
-webkit-appearance: none !important;
appearance: none !important;
}
body.page-id-29938 .nw-reservation-bottom .button,
body.page-id-29938 .nw-reservation-bottom button,
body.page-id-29938 .nw-reservation-bottom a.button,
body.page-id-29938 .nw-reservation-actions .button,
body.page-id-29938 .nw-reservation-actions button,
body.page-id-29938 .nw-reservation-actions a.button,
.woocommerce-checkout .nw-main-submit,
.woocommerce-checkout .nw-secondary-submit {
width: 100% !important;
min-width: 0 !important;
min-height: 50px !important;
height: auto !important;
padding: 12px 14px !important;
font-size: 13px !important;
line-height: 1.2 !important;
white-space: normal !important;
word-break: break-word !important;
text-align: center !important;
}
/* ---------------------------------------------------------
FINALIZACJA / THANK YOU
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-box {
padding: 20px !important;
}
.woocommerce-order-received .nw-thankyou-box {
padding: 22px !important;
}
.woocommerce-order-received .nw-thankyou-box h2 {
font-size: 28px !important;
}
}
@media (max-width: 767px) {
/* ---------------------------------------------------------
HEADER
--------------------------------------------------------- */
.whb-hidden-lg .whb-flex-row,
.whb-general-header .whb-flex-row,
.whb-sticked .whb-flex-row,
.whb-clone .whb-flex-row {
grid-template-columns: minmax(86px, auto) 1fr minmax(52px, auto) !important;
min-height: 72px !important;
column-gap: 8px !important;
}
.whb-mobile-left .wd-tools-text::after {
font-size: 13px !important;
}
/* ---------------------------------------------------------
GALERIA
--------------------------------------------------------- */
.nw-gallery-wrap {
padding: 20px 14px 50px;
}
.nw-gallery-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
margin-bottom: 18px !important;
gap: 10px !important;
}
.nw-gallery-tab {
width: 100% !important;
min-width: 0 !important;
min-height: 52px !important;
padding: 10px 12px !important;
font-size: 13px !important;
}
.nw-gallery-main-frame {
aspect-ratio: 4 / 3;
}
.nw-gallery-arrow {
width: 32px;
height: 32px;
color: #000 !important;
}
.nw-gallery-arrow svg {
width: 30px;
height: 30px;
fill: currentColor !important;
}
.nw-gallery-arrow.is-prev {
left: 6px;
}
.nw-gallery-arrow.is-next {
right: 6px;
}
.nw-gallery-thumbs-bar {
margin-top: 14px;
}
.nw-gallery-thumbs {
gap: 8px;
padding: 10px;
width: 100%;
overflow-x: auto;
justify-content: flex-start;
}
.nw-gallery-thumb {
flex: 0 0 92px;
width: 92px;
height: 62px;
}
.nw-gallery-bundle-box {
padding: 22px 18px !important;
}
.nw-gallery-bundle-products {
gap: 8px !important;
margin-bottom: 18px !important;
}
.nw-gallery-bundle-product {
width: 100% !important;
}
.nw-gallery-bundle-btn {
width: 100% !important;
min-width: 0 !important;
}
.nw-gallery-bundle-note {
max-width: 100% !important;
}
/* ---------------------------------------------------------
SINGLE PRODUCT
--------------------------------------------------------- */
.single-product .wd-nav-wrapper .wd-nav,
.single-product .woocommerce-tabs .wc-tabs,
.single-product .wd-nav-tabs {
gap: 16px !important;
overflow-x: auto !important;
flex-wrap: nowrap !important;
}
.single-product .woocommerce-Tabs-panel,
.single-product #tab-description,
.single-product #tab-shipping-and-delivery {
padding: 18px !important;
}
.single-product form.bundle_form > .bundled_product,
.single-product form.bundle_form > div[class*="bundled_item_"].bundled_product {
padding: 16px !important;
}
.single-product form.bundle_form .bundled_product_images,
.single-product form.bundle_form .bundled_product_image,
.single-product form.bundle_form .bundled_product_image figure,
.single-product form.bundle_form .bundled_product_image a,
.single-product form.bundle_form .woocommerce-product-gallery__image,
.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder,
.single-product form.bundle_form .placeholder_image {
width: 92px !important;
height: 92px !important;
min-width: 92px !important;
min-height: 92px !important;
max-width: 92px !important;
max-height: 92px !important;
}
.single-product form.bundle_form .bundled_product_images img,
.single-product form.bundle_form .bundled_product_image img,
.single-product form.bundle_form .woocommerce-product-gallery__image img,
.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder img,
.single-product form.bundle_form .placeholder_image img {
width: 92px !important;
height: 92px !important;
min-width: 92px !important;
min-height: 92px !important;
max-width: 92px !important;
max-height: 92px !important;
}
.single-product form.bundle_form .bundled_product_title,
.single-product form.bundle_form .bundled_product_title_inner,
.single-product form.bundle_form .bundled_product_title .item_title {
font-size: 15px !important;
}
.single-product .single_add_to_cart_button,
.single-product .bundle_add_to_cart_button,
.single-product .add_to_cart_button,
.products .product .button {
min-height: 42px !important;
height: 42px !important;
padding: 0 16px !important;
font-size: 13px !important;
line-height: 42px !important;
letter-spacing: 0 !important;
text-transform: none !important;
border-radius: 0 !important;
width: auto !important;
}
body.single-product button.single_add_to_cart_button.button.alt.wp-element-button,
body.single-product .single_add_to_cart_button.button.alt.wp-element-button,
body.single-product button.bundle_add_to_cart_button.button.alt.wp-element-button,
body.single-product .bundle_add_to_cart_button.button.alt.wp-element-button {
width: 165.99px !important;
min-width: 165.99px !important;
max-width: 165.99px !important;
height: 43.99px !important;
min-height: 43.99px !important;
max-height: 43.99px !important;
padding: 0 16px !important;
line-height: 43.99px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
box-sizing: border-box !important;
white-space: nowrap !important;
flex: 0 0 165.99px !important;
}
.single-product .bundle_button {
display: flex !important;
align-items: center !important;
gap: 10px !important;
flex-wrap: wrap !important;
}
.single-product .bundle_button .quantity {
margin: 0 !important;
}
.single-product .bundle_button .qty,
.single-product .bundle_button .minus,
.single-product .bundle_button .plus {
height: 42px !important;
min-height: 42px !important;
}
.item_title {
font-size: 15px !important;
}
/* ---------------------------------------------------------
MOBILE NAV ukrywane elementy
--------------------------------------------------------- */
.mobile-nav a .nav-link-text {
white-space: normal !important;
}
.mobile-nav a[href="#"] .nav-link-text,
.wd-nav-mobile > li.item-has-block.menu-item-has-children,
.mobile-nav .item-has-block.menu-item-has-children,
.mobile-categories-menu,
.single-product .product_meta .posted_in,
.wd-nav-mobile li:has(> a[href*="page_id=14"]),
.wd-nav-mobile li:has(> a[href*="customer-logout"]),
.mobile-nav li:has(> a[href*="page_id=14"]),
.mobile-nav li:has(> a[href*="customer-logout"]) {
display: none !important;
}
/* ---------------------------------------------------------
HOME HERO
--------------------------------------------------------- */
body.home .elementor-element.elementor-element-f317353 {
min-height: 420px !important;
margin-top: 0 !important;
}
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty {
left: 14px !important;
right: 14px !important;
top: 50% !important;
width: auto !important;
max-width: none !important;
transform: translateY(-50%) !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty h1,
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty .elementor-heading-title {
max-width: 100% !important;
font-size: clamp(28px, 10.5vw, 46px) !important;
line-height: 0.96 !important;
}
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty p {
max-width: 300px !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
/* ---------------------------------------------------------
BUTTONY LISTINGU
--------------------------------------------------------- */
.products.columns-2 .product-grid-item .button,
.products.columns-2 .product-grid-item .add_to_cart_button,
.products.columns-2 .product-grid-item .single_add_to_cart_button,
.products.columns-2 .product-grid-item .bundle_add_to_cart_button,
.product-grid-item .button,
.product-grid-item .add_to_cart_button,
.product-grid-item .single_add_to_cart_button,
.product-grid-item .bundle_add_to_cart_button {
font-size: 11px !important;
padding: 9px 8px !important;
}
/* ---------------------------------------------------------
POPUP finalny plus / minus
--------------------------------------------------------- */
#nw-popup-v3 .nw-popup-v3__buy-wrap {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
width: 100% !important;
}
#nw-popup-v3 .nw-popup-v3__qty {
display: flex !important;
align-items: stretch !important;
justify-content: stretch !important;
width: 100% !important;
min-width: 0 !important;
height: 46px !important;
min-height: 46px !important;
border: 1px solid #e8deca !important;
background: #fff !important;
overflow: hidden !important;
}
#nw-popup-v3 .nw-popup-v3__qty-btn {
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
height: 46px !important;
min-height: 46px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
font-size: 28px !important;
line-height: 1 !important;
box-sizing: border-box !important;
}
#nw-popup-v3 .nw-popup-v3__qty-input {
flex: 1 1 auto !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
height: 46px !important;
min-height: 46px !important;
margin: 0 !important;
padding: 0 !important;
border-left: 1px solid #e8deca !important;
border-right: 1px solid #e8deca !important;
text-align: center !important;
font-size: 18px !important;
font-weight: 600 !important;
line-height: 46px !important;
box-sizing: border-box !important;
background: #fff !important;
}
#nw-popup-v3 .nw-popup-v3__buy-wrap .add_to_cart_button,
#nw-popup-v3 .nw-popup-v3__buy-wrap .button {
width: 100% !important;
min-height: 46px !important;
padding: 10px 14px !important;
}
/* ---------------------------------------------------------
FINALIZACJA
--------------------------------------------------------- */
.woocommerce-checkout .nw-final-box h3 {
font-size: 22px !important;
}
.woocommerce-checkout .nw-main-submit,
.woocommerce-checkout .nw-secondary-submit {
font-size: 13px !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.woocommerce-checkout .nw-main-submit-note,
.woocommerce-checkout .nw-final-box label.checkbox,
.woocommerce-checkout .nw-final-box .woocommerce-form__label.checkbox {
font-size: 13px !important;
}
/* ---------------------------------------------------------
SZCZEGÓŁ Y REZERWACJI
--------------------------------------------------------- */
body.page-id-29938 .page-title,
body.page-id-29938 .wd-page-title {
height: 200px !important;
min-height: 200px !important;
}
body.page-id-29938 .page-title::after,
body.page-id-29938 .wd-page-title::after {
width: calc(100vw - 28px) !important;
max-width: calc(100vw - 28px) !important;
font-size: clamp(28px, 11vw, 42px) !important;
}
body.page-id-29938 .nw-reservation-card,
body.page-id-29938 .nw-reservation-inline-note {
padding: 20px 16px !important;
}
body.page-id-29938 .nw-reservation-card h3 {
font-size: 22px !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]) {
width: 100% !important;
padding: 16px 14px 14px !important;
gap: 12px !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"])::before {
left: 14px !important;
top: 8px !important;
font-size: 10px !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]) span {
margin-top: 9px !important;
font-size: 14px !important;
line-height: 1.5 !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"] {
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"]:checked::after {
left: 6px !important;
top: 1px !important;
width: 4px !important;
height: 10px !important;
}
/* ---------------------------------------------------------
THANK YOU
--------------------------------------------------------- */
.woocommerce-order-received .nw-thankyou-box h2 {
font-size: 28px !important;
}
}
/* =========================================================
DOSTĘ PNO + PODMIANA ZDJ KATEGORII
wklej na sam dół nowego CSS
========================================================= */
/* ---------------------------------------------------------
1. STRONA DOSTĘ PNO CI uk ad, wy rodkowanie, brak sidebara
--------------------------------------------------------- */
body.page-id-30264,
body.page-id-30264 .site-content,
body.page-id-30264 .main-page-wrapper {
background: #f7f7f7 !important;
}
body.page-id-30264 .main-page-wrapper,
body.page-id-30264 .site-content,
body.page-id-30264 .content-layout-wrapper,
body.page-id-30264 #main-content,
body.page-id-30264 .content-area,
body.page-id-30264 .wd-content-area,
body.page-id-30264 article#post-30264,
body.page-id-30264 .entry-content,
body.page-id-30264 .elementor,
body.page-id-30264 .e-con,
body.page-id-30264 .e-con-inner,
body.page-id-30264 .elementor-widget-shortcode,
body.page-id-30264 .elementor-widget-shortcode .elementor-widget-container,
body.page-id-30264 .elementor-shortcode {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
body.page-id-30264 #main-content,
body.page-id-30264 .content-layout-wrapper,
body.page-id-30264 .site-content,
body.page-id-30264 .wd-content-area {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-id-30264 #main-content > .wd-content-area,
body.page-id-30264 .content-layout-wrapper > .wd-content-area,
body.page-id-30264 .content-layout-wrapper > .content-area {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
grid-column: 1 / -1 !important;
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0 !important;
}
body.page-id-30264 aside.sidebar-container,
body.page-id-30264 .wd-sidebar,
body.page-id-30264 .widget-area,
body.page-id-30264 .sidebar-container {
display: none !important;
}
/* ---------------------------------------------------------
2. BANNER DOSTĘ PNO CI taki sam styl jak inne bannery
--------------------------------------------------------- */
body.page-id-30264 .page-title,
body.page-id-30264 .wd-page-title,
body.page-template-template-availability .page-title,
body.page-template-template-availability .wd-page-title,
body.page-template-page-availability .page-title,
body.page-template-page-availability .wd-page-title,
body.page-template-availability .page-title,
body.page-template-availability .wd-page-title {
display: flex !important;
position: relative !important;
width: 100vw !important;
max-width: 100vw !important;
height: 320px !important;
min-height: 320px !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0 20px !important;
border: 0 !important;
overflow: hidden !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
background: var(--nw-new-bg-image) center center / cover no-repeat !important; /* (2026-07-11) wspolna zmienna headerow */
}
body.page-id-30264 .page-title::before,
body.page-id-30264 .wd-page-title::before,
body.page-template-template-availability .page-title::before,
body.page-template-template-availability .wd-page-title::before,
body.page-template-page-availability .page-title::before,
body.page-template-page-availability .wd-page-title::before,
body.page-template-availability .page-title::before,
body.page-template-availability .wd-page-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.35) !important;
z-index: 1 !important;
}
body.page-id-30264 .page-title .container,
body.page-id-30264 .wd-page-title .container,
body.page-id-30264 .page-title .title-wrapper,
body.page-id-30264 .wd-page-title .title-wrapper,
body.page-template-template-availability .page-title .container,
body.page-template-template-availability .wd-page-title .container,
body.page-template-page-availability .page-title .container,
body.page-template-page-availability .wd-page-title .container,
body.page-template-availability .page-title .container,
body.page-template-availability .wd-page-title .container {
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 20px !important;
position: relative !important;
z-index: 4 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
body.page-id-30264 .page-title h1,
body.page-id-30264 .wd-page-title h1,
body.page-template-template-availability .page-title h1,
body.page-template-template-availability .wd-page-title h1,
body.page-template-page-availability .page-title h1,
body.page-template-page-availability .wd-page-title h1,
body.page-template-availability .page-title h1,
body.page-template-availability .wd-page-title h1 {
position: relative !important;
z-index: 2 !important;
margin: 0 !important;
color: #fff !important;
font-size: clamp(30px, 3.4vw, 44px) !important; /* (2026-07-03) kanon banerow — bylo 72/700 */
line-height: 1.15 !important;
font-weight: 600 !important;
text-align: center !important;
font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important; /* (audyt 2026-06-25) hero = czcionka storefrontu */
}
/* usuń breadcrumbs */
body.page-id-30264 .page-title .breadcrumbs,
body.page-id-30264 .wd-page-title .breadcrumbs,
body.page-id-30264 .page-title .wd-breadcrumbs,
body.page-id-30264 .wd-page-title .wd-breadcrumbs,
body.page-id-30264 .page-title .yoast-breadcrumb,
body.page-id-30264 .wd-page-title .yoast-breadcrumb,
body.page-template-template-availability .page-title .breadcrumbs,
body.page-template-template-availability .wd-page-title .breadcrumbs,
body.page-template-template-availability .page-title .wd-breadcrumbs,
body.page-template-template-availability .wd-page-title .wd-breadcrumbs,
body.page-template-page-availability .page-title .breadcrumbs,
body.page-template-page-availability .wd-page-title .breadcrumbs,
body.page-template-page-availability .page-title .wd-breadcrumbs,
body.page-template-page-availability .wd-page-title .wd-breadcrumbs,
body.page-template-availability .page-title .breadcrumbs,
body.page-template-availability .wd-page-title .breadcrumbs,
body.page-template-availability .page-title .wd-breadcrumbs,
body.page-template-availability .wd-page-title .wd-breadcrumbs{
display: none !important;
}
/* ---------------------------------------------------------
3. KARTA DOSTĘ PNO CI finalny wygl d
--------------------------------------------------------- */
/* ---------------------------------------------------------
4. PODMIANA ZDJĘ KATEGORII
--------------------------------------------------------- */
.wd-cats.products .category-grid-item .wd-cat-thumb {
position: relative !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
.wd-cats.products .category-grid-item .wd-cat-image {
position: relative !important;
display: block !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.wd-cats.products .category-grid-item .wd-cat-image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
opacity: 0 !important;
visibility: hidden !important;
}
.wd-cats.products .category-grid-item .wd-cat-image::after {
content: "" !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.10) !important;
opacity: 0 !important;
transition: opacity 0.25s ease !important;
pointer-events: none !important;
}
.wd-cats.products .category-grid-item:hover .wd-cat-image::after {
opacity: 1 !important;
}
/* (audyt 2026-07-13, user „na kategorii na obrazku namiotow ekspresowych i pomiedzy namioty ekspresowe i namioty
sa jakies zlote linie") KAZDA karta kategorii ma natywna `.category-grid-item::after` ze ZLOTYM borderem 4px
(top+left = L-naroznik przy lewym-gornym rogu) — persistentny, nie hover. Wyglada jak obce zlote linie na
kartach (naroznik na ekspresach + lewy border sasiada = „linia miedzy" kategoriami). Zdejmujemy ten border
(rounding ::after z l.924 zostaje). ID-spec `:not(#nw-z)` bije natywna regule WoodMart. */
html .category-grid-item:not(#nw-z)::after,
html .wd-cats.products .category-grid-item:not(#nw-z)::after,
html .category-grid-item:not(#nw-z):hover::after,
html .wd-cats.products .category-grid-item:not(#nw-z):hover::after {
border-width: 0 !important;
border-color: transparent !important;
}
/* podmiana konkretnych kategorii */
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Namioty ekspresowe"] {
background-image: url("/wp-content/uploads/2026/03/ekspresy.jpeg") !important;
}
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Namioty"] {
background-image: url("/wp-content/uploads/2026/03/namioty.jpeg") !important;
}
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Meble"] {
background-image: url("/wp-content/uploads/2026/03/meble.jpeg") !important;
}
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Podłogi"] {
background-image: url("/wp-content/uploads/2026/03/podlogi.jpeg") !important;
}
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Akcesoria"] {
background-image: url("/wp-content/uploads/2026/03/akcesoria.jpeg") !important;
}
.wd-cats.products .category-grid-item .wd-cat-image[aria-label="Zastawa"],
.wd-cats.products .category-grid-item .wd-cat-image[href*="product_cat=zastawa"] {
background-image: url("/wp-content/uploads/2026/03/zastawa.jpg") !important;
}
/* lepszy wyglą d kafelków kategorii */
/* USUNIÄTO: .wd-cat-inner display:flex/column + .wd-cat-content padding-top:14px
â psuto centrowanie nazw (hover-mask/cat-design-center). WoodMart sam centruje. */
.wd-cats.products .category-grid-item .wd-cat-inner {
height: 100% !important;
}
/* ---------------------------------------------------------
5. TABLET
--------------------------------------------------------- */
@media (max-width: 1024px) {
body.page-id-30264 .page-title,
body.page-id-30264 .wd-page-title,
body.page-template-template-availability .page-title,
body.page-template-template-availability .wd-page-title,
body.page-template-page-availability .page-title,
body.page-template-page-availability .wd-page-title,
body.page-template-availability .page-title,
body.page-template-availability .wd-page-title {
height: 220px !important;
min-height: 220px !important;
}
body.page-id-30264 .page-title h1,
body.page-id-30264 .wd-page-title h1,
body.page-template-template-availability .page-title h1,
body.page-template-template-availability .wd-page-title h1,
body.page-template-page-availability .page-title h1,
body.page-template-page-availability .wd-page-title h1,
body.page-template-availability .page-title h1,
body.page-template-availability .wd-page-title h1 {
font-size: 42px !important;
line-height: 1.05 !important;
}
}
/* ---------------------------------------------------------
6. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
/* Zapobiegaj wychodzeniu karty poza ekran */
body.page-id-30264,
body.page-id-30264 .wd-page-content,
body.page-id-30264 .main-page-wrapper,
body.page-id-30264 #main-content,
body.page-id-30264 .wd-content-area,
body.page-id-30264 .content-layout-wrapper,
body.page-id-30264 .elementor,
body.page-id-30264 .e-con,
body.page-id-30264 .e-con-inner,
body.page-id-30264 .elementor-widget-shortcode,
body.page-id-30264 .elementor-widget-container {
overflow-x: hidden !important;
max-width: 100vw !important;
box-sizing: border-box !important;
}
body.page-id-30264 .page-title,
body.page-id-30264 .wd-page-title,
body.page-template-template-availability .page-title,
body.page-template-template-availability .wd-page-title,
body.page-template-page-availability .page-title,
body.page-template-page-availability .wd-page-title,
body.page-template-availability .page-title,
body.page-template-availability .wd-page-title {
height: 200px !important;
min-height: 200px !important;
}
body.page-id-30264 .page-title h1,
body.page-id-30264 .wd-page-title h1,
body.page-template-template-availability .page-title h1,
body.page-template-template-availability .wd-page-title h1,
body.page-template-page-availability .page-title h1,
body.page-template-page-availability .wd-page-title h1,
body.page-template-availability .page-title h1,
body.page-template-availability .wd-page-title h1 {
font-size: clamp(28px, 11vw, 42px) !important;
line-height: 1 !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.wd-cats.products .category-grid-item .wd-cat-image {
min-height: 150px !important;
}
}
/* =========================================================
SKLEP UŁ O ENIE GÓRNEJ SEKCJI + SIATKA PRODUKTÓW
========================================================= */
/* ---------------------------------------------------------
1. OGÓLNY KONTENER SKLEPU
--------------------------------------------------------- */
body.post-type-archive-product .site-content,
body.tax-product_cat .site-content,
body.tax-product_tag .site-content {
width: 100% !important;
}
body.post-type-archive-product .wd-content-layout,
body.post-type-archive-product .content-layout-wrapper,
body.tax-product_cat .wd-content-layout,
body.tax-product_cat .content-layout-wrapper,
body.tax-product_tag .wd-content-layout,
body.tax-product_tag .content-layout-wrapper {
max-width: var(--nw-content-max) !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: var(--nw-content-side) !important;
padding-right: var(--nw-content-side) !important;
box-sizing: border-box !important;
}
/* peł na szeroko contentu bez dziwnych przesuni */
body.post-type-archive-product .wd-content-area,
body.tax-product_cat .wd-content-area,
body.tax-product_tag .wd-content-area {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* ---------------------------------------------------------
2. GÓRNA BELKA SKLEPU: pokaż / widok / sortowanie
--------------------------------------------------------- */
body.post-type-archive-product .wd-shop-tools,
body.post-type-archive-product .shop-loop-head,
body.tax-product_cat .wd-shop-tools,
body.tax-product_cat .shop-loop-head,
body.tax-product_tag .wd-shop-tools,
body.tax-product_tag .shop-loop-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
flex-wrap: wrap !important;
gap: 18px !important;
width: 100% !important;
margin: 0 0 28px !important;
padding: 0 !important;
border: 0 !important;
box-sizing: border-box !important;
}
body.post-type-archive-product .woocommerce-result-count,
body.tax-product_cat .woocommerce-result-count,
body.tax-product_tag .woocommerce-result-count {
display: none !important;
}
/* lewa czę : "Poka " */
body.post-type-archive-product .wd-products-per-page,
body.tax-product_cat .wd-products-per-page,
body.tax-product_tag .wd-products-per-page {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
font-size: 16px !important;
line-height: 1.3 !important;
color: #111 !important;
}
body.post-type-archive-product .wd-products-per-page > span,
body.tax-product_cat .wd-products-per-page > span,
body.tax-product_tag .wd-products-per-page > span {
font-weight: 600 !important;
color: #111 !important;
}
body.post-type-archive-product .wd-products-per-page a,
body.tax-product_cat .wd-products-per-page a,
body.tax-product_tag .wd-products-per-page a {
color: #8a8a8a !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
body.post-type-archive-product .wd-products-per-page a.current,
body.post-type-archive-product .wd-products-per-page a:hover,
body.tax-product_cat .wd-products-per-page a.current,
body.tax-product_cat .wd-products-per-page a:hover,
body.tax-product_tag .wd-products-per-page a.current,
body.tax-product_tag .wd-products-per-page a:hover {
color: #111 !important;
font-weight: 600 !important;
}
/* ikony widoku */
body.post-type-archive-product .shop-view,
body.post-type-archive-product .wd-products-shop-view,
body.tax-product_cat .shop-view,
body.tax-product_cat .wd-products-shop-view,
body.tax-product_tag .shop-view,
body.tax-product_tag .wd-products-shop-view {
display: flex !important;
align-items: center !important;
gap: 10px !important;
margin: 0 !important;
}
body.post-type-archive-product .shop-view a,
body.post-type-archive-product .wd-products-shop-view a,
body.tax-product_cat .shop-view a,
body.tax-product_cat .wd-products-shop-view a,
body.tax-product_tag .shop-view a,
body.tax-product_tag .wd-products-shop-view a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
color: #a5a5a5 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
body.post-type-archive-product .shop-view a.current,
body.post-type-archive-product .shop-view a:hover,
body.post-type-archive-product .wd-products-shop-view a.current,
body.post-type-archive-product .wd-products-shop-view a:hover,
body.tax-product_cat .shop-view a.current,
body.tax-product_cat .shop-view a:hover,
body.tax-product_cat .wd-products-shop-view a.current,
body.tax-product_cat .wd-products-shop-view a:hover,
body.tax-product_tag .shop-view a.current,
body.tax-product_tag .shop-view a:hover,
body.tax-product_tag .wd-products-shop-view a.current,
body.tax-product_tag .wd-products-shop-view a:hover {
color: #111 !important;
}
/* sortowanie po prawej */
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
margin: 0 0 0 auto !important;
min-width: 260px !important;
}
body.post-type-archive-product .woocommerce-ordering select,
body.tax-product_cat .woocommerce-ordering select,
body.tax-product_tag .woocommerce-ordering select {
width: 100% !important;
min-height: 48px !important;
padding: 0 42px 0 0 !important;
border: 0 !important;
border-bottom: 1px solid #d9d9d9 !important;
border-radius: 0 !important;
background-color: transparent !important;
color: #111 !important;
font-size: 16px !important;
font-weight: 500 !important;
box-shadow: none !important;
}
/* ---------------------------------------------------------
3. SIATKA PRODUKTÓW
--------------------------------------------------------- */
body.post-type-archive-product ul.products,
body.post-type-archive-product .products.elements-grid,
body.tax-product_cat ul.products,
body.tax-product_cat .products.elements-grid,
body.tax-product_tag ul.products,
body.tax-product_tag .products.elements-grid {
margin: 0 !important;
padding: 0 !important;
}
/* wyrównanie kart */
body.post-type-archive-product .product-grid-item,
body.post-type-archive-product li.product,
body.tax-product_cat .product-grid-item,
body.tax-product_cat li.product,
body.tax-product_tag .product-grid-item,
body.tax-product_tag li.product {
margin: 0 !important;
padding: 24px 20px 26px !important;
box-sizing: border-box !important;
background: #fff !important;
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
/* zdję cie */
body.post-type-archive-product .product-grid-item .product-image-link,
body.post-type-archive-product li.product .product-image-link,
body.tax-product_cat .product-grid-item .product-image-link,
body.tax-product_cat li.product .product-image-link,
body.tax-product_tag .product-grid-item .product-image-link,
body.tax-product_tag li.product .product-image-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 260px !important;
}
body.post-type-archive-product .product-grid-item img,
body.post-type-archive-product li.product img,
body.tax-product_cat .product-grid-item img,
body.tax-product_cat li.product img,
body.tax-product_tag .product-grid-item img,
body.tax-product_tag li.product img {
max-height: 260px !important;
width: auto !important;
object-fit: contain !important;
}
/* (2026-07-07, user „widok wszystkich produktow ma wygladac jak kategoria") to samo wyrownanie dla SHOP
+ WoodMartowej klasy .wd-product-img-link (na archiwum/kategorii dziala juz przez .product-image-link wyzej). */
body.woocommerce-shop .product-grid-item .product-image-link, body.woocommerce-shop li.product .product-image-link,
body.woocommerce-shop .product-grid-item .wd-product-img-link, body.woocommerce-shop li.product .wd-product-img-link,
body.post-type-archive-product .product-grid-item .wd-product-img-link, body.post-type-archive-product li.product .wd-product-img-link,
body.tax-product_cat .product-grid-item .wd-product-img-link, body.tax-product_cat li.product .wd-product-img-link,
body.tax-product_tag .product-grid-item .wd-product-img-link, body.tax-product_tag li.product .wd-product-img-link {
display: flex !important; align-items: center !important; justify-content: center !important; min-height: 260px !important;
}
body.woocommerce-shop .product-grid-item img, body.woocommerce-shop li.product img {
max-height: 260px !important; width: auto !important; object-fit: contain !important;
}
body.woocommerce-shop .product-grid-item .wd-entities-title, body.woocommerce-shop li.product .wd-entities-title {
min-height: 2.8em !important; margin: 14px 0 8px !important; text-align: center !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 600 !important; color: #111 !important;
}
/* treś kart */
body.post-type-archive-product .product-grid-item .wd-entities-title,
body.post-type-archive-product li.product .wd-entities-title,
body.tax-product_cat .product-grid-item .wd-entities-title,
body.tax-product_cat li.product .wd-entities-title,
body.tax-product_tag .product-grid-item .wd-entities-title,
body.tax-product_tag li.product .wd-entities-title {
min-height: 2.8em !important;
margin: 14px 0 8px !important;
text-align: center !important;
font-size: 18px !important;
line-height: 1.35 !important;
font-weight: 600 !important;
color: #111 !important;
}
body.post-type-archive-product .product-grid-item .wd-product-cats,
body.post-type-archive-product li.product .wd-product-cats,
body.tax-product_cat .product-grid-item .wd-product-cats,
body.tax-product_cat li.product .wd-product-cats,
body.tax-product_tag .product-grid-item .wd-product-cats,
body.tax-product_tag li.product .wd-product-cats {
text-align: center !important;
margin: 0 0 8px !important;
color: #9a9a9a !important;
font-size: 14px !important;
}
body.post-type-archive-product .product-grid-item .price,
body.post-type-archive-product li.product .price,
body.tax-product_cat .product-grid-item .price,
body.tax-product_cat li.product .price,
body.tax-product_tag .product-grid-item .price,
body.tax-product_tag li.product .price {
text-align: center !important;
margin: 0 0 16px !important;
color: #d4ba87 !important;
font-size: 18px !important;
font-weight: 600 !important;
}
/* przycisk zawsze równo */
body.post-type-archive-product .product-grid-item .wrap-button,
body.post-type-archive-product li.product .wrap-button,
body.tax-product_cat .product-grid-item .wrap-button,
body.tax-product_cat li.product .wrap-button,
body.tax-product_tag .product-grid-item .wrap-button,
body.tax-product_tag li.product .wrap-button {
margin-top: auto !important;
display: flex !important;
justify-content: center !important;
}
body.post-type-archive-product .product-grid-item .button,
body.post-type-archive-product li.product .button,
body.tax-product_cat .product-grid-item .button,
body.tax-product_cat li.product .button,
body.tax-product_tag .product-grid-item .button,
body.tax-product_tag li.product .button {
min-height: 46px !important;
padding: 12px 22px !important;
border: 1px solid #d4ba87 !important;
background: #d4ba87 !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
border-radius: 8px !important;
font-size: 14px !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}
body.post-type-archive-product .product-grid-item .button:hover,
body.post-type-archive-product li.product .button:hover,
body.tax-product_cat .product-grid-item .button:hover,
body.tax-product_cat li.product .button:hover,
body.tax-product_tag .product-grid-item .button:hover,
body.tax-product_tag li.product .button:hover {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
}
/* ---------------------------------------------------------
4. TABLET
--------------------------------------------------------- */
@media (max-width: 1024px) {
body.post-type-archive-product .wd-shop-tools,
body.post-type-archive-product .shop-loop-head,
body.tax-product_cat .wd-shop-tools,
body.tax-product_cat .shop-loop-head,
body.tax-product_tag .wd-shop-tools,
body.tax-product_tag .shop-loop-head {
gap: 14px !important;
margin-bottom: 22px !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
min-width: 220px !important;
}
body.post-type-archive-product .product-grid-item,
body.post-type-archive-product li.product,
body.tax-product_cat .product-grid-item,
body.tax-product_cat li.product,
body.tax-product_tag .product-grid-item,
body.tax-product_tag li.product {
padding: 20px 16px 22px !important;
}
body.post-type-archive-product .product-grid-item .product-image-link,
body.post-type-archive-product li.product .product-image-link,
body.tax-product_cat .product-grid-item .product-image-link,
body.tax-product_cat li.product .product-image-link,
body.tax-product_tag .product-grid-item .product-image-link,
body.tax-product_tag li.product .product-image-link {
min-height: 220px !important;
}
}
/* ---------------------------------------------------------
5. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
body.post-type-archive-product .wd-shop-tools,
body.post-type-archive-product .shop-loop-head,
body.tax-product_cat .wd-shop-tools,
body.tax-product_cat .shop-loop-head,
body.tax-product_tag .wd-shop-tools,
body.tax-product_tag .shop-loop-head {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
align-items: stretch !important;
}
body.post-type-archive-product .wd-products-per-page,
body.tax-product_cat .wd-products-per-page,
body.tax-product_tag .wd-products-per-page {
justify-content: center !important;
text-align: center !important;
}
body.post-type-archive-product .shop-view,
body.post-type-archive-product .wd-products-shop-view,
body.tax-product_cat .shop-view,
body.tax-product_cat .wd-products-shop-view,
body.tax-product_tag .shop-view,
body.tax-product_tag .wd-products-shop-view {
justify-content: center !important;
}
body.post-type-archive-product .woocommerce-ordering,
body.tax-product_cat .woocommerce-ordering,
body.tax-product_tag .woocommerce-ordering {
width: 100% !important;
min-width: 100% !important;
margin-left: 0 !important;
}
body.post-type-archive-product .product-grid-item .product-image-link,
body.post-type-archive-product li.product .product-image-link,
body.tax-product_cat .product-grid-item .product-image-link,
body.tax-product_cat li.product .product-image-link,
body.tax-product_tag .product-grid-item .product-image-link,
body.tax-product_tag li.product .product-image-link {
min-height: 180px !important;
}
body.post-type-archive-product .product-grid-item .wd-entities-title,
body.post-type-archive-product li.product .wd-entities-title,
body.tax-product_cat .product-grid-item .wd-entities-title,
body.tax-product_cat li.product .wd-entities-title,
body.tax-product_tag .product-grid-item .wd-entities-title,
body.tax-product_tag li.product .wd-entities-title {
font-size: 16px !important;
min-height: auto !important;
}
body.post-type-archive-product .product-grid-item .button,
body.post-type-archive-product li.product .button,
body.tax-product_cat .product-grid-item .button,
body.tax-product_cat li.product .button,
body.tax-product_tag .product-grid-item .button,
body.tax-product_tag li.product .button {
width: 100% !important;
font-size: 13px !important;
padding: 11px 14px !important;
}
}
/* =========================================================
FIX KONTAKT MOBILE / PRZELEWANIE TREŚ CI
wklej na sam dół CSS
========================================================= */
.nw-contact-grid,
.nw-contact-main,
.nw-contact-info,
.nw-contact-cta-box,
.nw-contact-step,
.nw-contact-step > div,
.nw-contact-row{
min-width: 0 !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
.nw-contact-cta-box h2,
.nw-contact-info h2,
.nw-contact-step strong,
.nw-contact-step p,
.nw-contact-info a,
.nw-contact-info p,
.nw-contact-label,
.nw-contact-cta-note {
max-width: 100% !important;
overflow-wrap: anywhere !important;
word-break: break-word !important;
hyphens: auto !important;
}
.nw-contact-step {
align-items: start !important;
}
.nw-contact-step > div {
width: 100% !important;
}
.nw-contact-cta-actions{
width: 100% !important;
}
.nw-contact-main-btn,
.nw-contact-secondary-btn{
max-width: 100% !important;
box-sizing: border-box !important;
}
/* ---------------------------------------------------------
MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
.nw-contact-grid {
grid-template-columns: 1fr !important;
gap: 24px !important;
}
.nw-contact-cta-box {
padding: 18px 14px !important;
}
.nw-contact-cta-box h2,
.nw-contact-info h2{
margin: 0 0 16px !important;
font-size: 20px !important;
line-height: 1.2 !important;
}
.nw-contact-step {
grid-template-columns: 34px minmax(0, 1fr) !important;
gap: 10px !important;
padding-bottom: 14px !important;
}
.nw-contact-step-no {
width: 34px !important;
height: 34px !important;
font-size: 13px !important;
}
.nw-contact-step strong {
margin-bottom: 4px !important;
font-size: 15px !important;
line-height: 1.35 !important;
}
.nw-contact-step p,
.nw-contact-info p,
.nw-contact-cta-note {
font-size: 14px !important;
line-height: 1.6 !important;
}
.nw-contact-info a {
display: inline-block !important;
font-size: 18px !important;
line-height: 1.4 !important;
}
.nw-contact-row {
margin: 0 0 18px !important;
padding: 0 0 18px !important;
}
.nw-contact-main-btn,
.nw-contact-secondary-btn {
min-height: 50px !important;
padding: 12px 14px !important;
font-size: 13px !important;
line-height: 1.2 !important;
white-space: normal !important;
text-align: center !important;
}
}
/* =========================================================
MOBILE FIX 2 banner / kategorie / button hover
WLEJ NA SAM DÓŁ CSS
========================================================= */
@media (max-width: 767px) {
/* ---------------------------------------------------------
1. BANNER "WYPOŻ YCZ" wi kszy i spójny z reszt stron
--------------------------------------------------------- */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image,
body.tax-product_cat .elementor-element-57d2cbf .wd-image,
body.tax-product_tag .elementor-element-57d2cbf .wd-image {
height: 220px !important;
min-height: 220px !important;
margin-bottom: 24px !important;
}
body.woocommerce-shop .elementor-element-57d2cbf .wd-image::after,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image::after,
body.tax-product_cat .elementor-element-57d2cbf .wd-image::after,
body.tax-product_tag .elementor-element-57d2cbf .wd-image::after {
content: "Oferta" !important;
padding: 0 16px !important;
font-size: clamp(36px, 11vw, 44px) !important;
line-height: 1.05 !important;
font-weight: 600 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
text-align: center !important;
}
/* ---------------------------------------------------------
2. KATEGORIE wył czenie slidera i u o enie 1 pod 2
HTML ma: .wd-carousel > .wd-carousel-wrap > .wd-carousel-item
--------------------------------------------------------- */
body.woocommerce-shop .wd-carousel.wd-grid,
body.post-type-archive-product .wd-carousel.wd-grid,
body.tax-product_cat .wd-carousel.wd-grid,
body.tax-product_tag .wd-carousel.wd-grid {
display: block !important;
width: 100% !important;
max-width: 100% !important;
overflow: visible !important;
padding: 0 !important;
margin: 0 0 24px !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-carousel-wrap,
body.post-type-archive-product .wd-carousel.wd-grid .wd-carousel-wrap,
body.tax-product_cat .wd-carousel.wd-grid .wd-carousel-wrap,
body.tax-product_tag .wd-carousel.wd-grid .wd-carousel-wrap {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 14px !important;
width: 100% !important;
max-width: 100% !important;
transform: none !important;
overflow: visible !important;
cursor: default !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-carousel-item,
body.post-type-archive-product .wd-carousel.wd-grid .wd-carousel-item,
body.tax-product_cat .wd-carousel.wd-grid .wd-carousel-item,
body.tax-product_tag .wd-carousel.wd-grid .wd-carousel-item {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
flex: 0 0 100% !important;
}
/* kasuje inline width typu style="width:185px" */
body.woocommerce-shop .wd-carousel.wd-grid .wd-carousel-item[style],
body.post-type-archive-product .wd-carousel.wd-grid .wd-carousel-item[style],
body.tax-product_cat .wd-carousel.wd-grid .wd-carousel-item[style],
body.tax-product_tag .wd-carousel.wd-grid .wd-carousel-item[style] {
width: 100% !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .category-grid-item,
body.post-type-archive-product .wd-carousel.wd-grid .category-grid-item,
body.tax-product_cat .wd-carousel.wd-grid .category-grid-item,
body.tax-product_tag .wd-carousel.wd-grid .category-grid-item,
body.woocommerce-shop .wd-carousel.wd-grid .product-category,
body.post-type-archive-product .wd-carousel.wd-grid .product-category,
body.tax-product_cat .wd-carousel.wd-grid .product-category,
body.tax-product_tag .wd-carousel.wd-grid .product-category {
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-inner,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-inner,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-inner,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-inner {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: auto !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-thumb,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-thumb,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-thumb,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-thumb {
width: 100% !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-image,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-image { display: block !important;width: 100% !important;min-height: 220px !important; }
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-content,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-content,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-content,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-content {
padding-top: 12px !important;
text-align: center !important;
}
body.woocommerce-shop .wd-carousel.wd-grid .wd-entities-title,
body.post-type-archive-product .wd-carousel.wd-grid .wd-entities-title,
body.tax-product_cat .wd-carousel.wd-grid .wd-entities-title,
body.tax-product_tag .wd-carousel.wd-grid .wd-entities-title {
min-height: auto !important;
margin-bottom: 6px !important;
}
/* wył czenie nawigacji slidera */
body.woocommerce-shop .wd-carousel.wd-grid .wd-nav-arrows,
body.post-type-archive-product .wd-carousel.wd-grid .wd-nav-arrows,
body.tax-product_cat .wd-carousel.wd-grid .wd-nav-arrows,
body.tax-product_tag .wd-carousel.wd-grid .wd-nav-arrows,
body.woocommerce-shop .wd-carousel.wd-grid .swiper-notification,
body.post-type-archive-product .wd-carousel.wd-grid .swiper-notification,
body.tax-product_cat .wd-carousel.wd-grid .swiper-notification,
body.tax-product_tag .wd-carousel.wd-grid .swiper-notification {
display: none !important;
}
/* ---------------------------------------------------------
3. "DODAJ DO WYCENY" normalny wyglą d tak e na hover
--------------------------------------------------------- */
body.woocommerce-shop .product-grid-item .button,
body.woocommerce-shop .product-grid-item .add_to_cart_button,
body.woocommerce-shop .product-grid-item .single_add_to_cart_button,
body.woocommerce-shop .product-grid-item .bundle_add_to_cart_button,
body.woocommerce-shop .product-grid-item .wd-add-btn a,
body.post-type-archive-product .product-grid-item .button,
body.post-type-archive-product .product-grid-item .add_to_cart_button,
body.post-type-archive-product .product-grid-item .single_add_to_cart_button,
body.post-type-archive-product .product-grid-item .bundle_add_to_cart_button,
body.post-type-archive-product .product-grid-item .wd-add-btn a,
body.tax-product_cat .product-grid-item .button,
body.tax-product_cat .product-grid-item .add_to_cart_button,
body.tax-product_cat .product-grid-item .single_add_to_cart_button,
body.tax-product_cat .product-grid-item .bundle_add_to_cart_button,
body.tax-product_cat .product-grid-item .wd-add-btn a,
body.tax-product_tag .product-grid-item .button,
body.tax-product_tag .product-grid-item .add_to_cart_button,
body.tax-product_tag .product-grid-item .single_add_to_cart_button,
body.tax-product_tag .product-grid-item .bundle_add_to_cart_button,
body.tax-product_tag .product-grid-item .wd-add-btn a,
body.woocommerce-shop li.product .button,
body.post-type-archive-product li.product .button,
body.tax-product_cat li.product .button,
body.tax-product_tag li.product .button {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 50px !important;
height: auto !important;
padding: 12px 10px !important;
font-size: 13px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
body.woocommerce-shop .product-grid-item .button:hover,
body.woocommerce-shop .product-grid-item .add_to_cart_button:hover,
body.woocommerce-shop .product-grid-item .single_add_to_cart_button:hover,
body.woocommerce-shop .product-grid-item .bundle_add_to_cart_button:hover,
body.woocommerce-shop .product-grid-item .wd-add-btn a:hover,
body.post-type-archive-product .product-grid-item .button:hover,
body.post-type-archive-product .product-grid-item .add_to_cart_button:hover,
body.post-type-archive-product .product-grid-item .single_add_to_cart_button:hover,
body.post-type-archive-product .product-grid-item .bundle_add_to_cart_button:hover,
body.post-type-archive-product .product-grid-item .wd-add-btn a:hover,
body.tax-product_cat .product-grid-item .button:hover,
body.tax-product_cat .product-grid-item .add_to_cart_button:hover,
body.tax-product_cat .product-grid-item .single_add_to_cart_button:hover,
body.tax-product_cat .product-grid-item .bundle_add_to_cart_button:hover,
body.tax-product_cat .product-grid-item .wd-add-btn a:hover,
body.tax-product_tag .product-grid-item .button:hover,
body.tax-product_tag .product-grid-item .add_to_cart_button:hover,
body.tax-product_tag .product-grid-item .single_add_to_cart_button:hover,
body.tax-product_tag .product-grid-item .bundle_add_to_cart_button:hover,
body.tax-product_tag .product-grid-item .wd-add-btn a:hover,
body.woocommerce-shop li.product .button:hover,
body.post-type-archive-product li.product .button:hover,
body.tax-product_cat li.product .button:hover,
body.tax-product_tag li.product .button:hover {
min-height: 50px !important;
height: auto !important;
padding: 12px 10px !important;
font-size: 13px !important;
line-height: 1.2 !important;
text-transform: none !important;
letter-spacing: 0 !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
color: #fff !important;
}
body.woocommerce-shop .product-grid-item .wd-add-btn,
body.post-type-archive-product .product-grid-item .wd-add-btn,
body.tax-product_cat .product-grid-item .wd-add-btn,
body.tax-product_tag .product-grid-item .wd-add-btn,
body.woocommerce-shop .product-grid-item .wrap-button,
body.post-type-archive-product .product-grid-item .wrap-button,
body.tax-product_cat .product-grid-item .wrap-button,
body.tax-product_tag .product-grid-item .wrap-button {
width: 100% !important;
}
}
/* =========================================================
MOBILE hover koszyka bez mocnego przeskoku
========================================================= */
@media (max-width: 767px) {
body.woocommerce-shop .product-grid-item .wd-add-btn > a,
body.post-type-archive-product .product-grid-item .wd-add-btn > a,
body.tax-product_cat .product-grid-item .wd-add-btn > a,
body.tax-product_tag .product-grid-item .wd-add-btn > a,
body.woocommerce-shop li.product .wd-add-btn > a,
body.post-type-archive-product li.product .wd-add-btn > a,
body.tax-product_cat li.product .wd-add-btn > a,
body.tax-product_tag li.product .wd-add-btn > a {
position: relative !important;
overflow: hidden !important;
transition:
background-color 0.2s ease,
border-color 0.2s ease,
color 0.16s ease !important;
}
/* domyś lnie ikonka ukryta */
body.woocommerce-shop .product-grid-item .wd-add-btn > a::before,
body.post-type-archive-product .product-grid-item .wd-add-btn > a::before,
body.tax-product_cat .product-grid-item .wd-add-btn > a::before,
body.tax-product_tag .product-grid-item .wd-add-btn > a::before,
body.woocommerce-shop li.product .wd-add-btn > a::before,
body.post-type-archive-product li.product .wd-add-btn > a::before,
body.tax-product_cat li.product .wd-add-btn > a::before,
body.tax-product_tag li.product .wd-add-btn > a::before {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
opacity: 0 !important;
transition: opacity 0.16s ease !important;
}
/* hover: tekst znika pł ynnie, ikonka si pokazuje */
body.woocommerce-shop .product-grid-item .wd-add-btn > a:hover,
body.post-type-archive-product .product-grid-item .wd-add-btn > a:hover,
body.tax-product_cat .product-grid-item .wd-add-btn > a:hover,
body.tax-product_tag .product-grid-item .wd-add-btn > a:hover,
body.woocommerce-shop li.product .wd-add-btn > a:hover,
body.post-type-archive-product li.product .wd-add-btn > a:hover,
body.tax-product_cat li.product .wd-add-btn > a:hover,
body.tax-product_tag li.product .wd-add-btn > a:hover {
color: transparent !important;
text-shadow: none !important;
}
body.woocommerce-shop .product-grid-item .wd-add-btn > a:hover::before,
body.post-type-archive-product .product-grid-item .wd-add-btn > a:hover::before,
body.tax-product_cat .product-grid-item .wd-add-btn > a:hover::before,
body.tax-product_tag .product-grid-item .wd-add-btn > a:hover::before,
body.woocommerce-shop li.product .wd-add-btn > a:hover::before,
body.post-type-archive-product li.product .wd-add-btn > a:hover::before,
body.tax-product_cat li.product .wd-add-btn > a:hover::before,
body.tax-product_tag li.product .wd-add-btn > a:hover::before {
opacity: 1 !important;
color: #fff !important;
text-shadow: none !important;
}
}
/* =========================================================
MOBILE JEDEN STYL DLA WSZYSTKICH BANNERÓW
poza home
WLEJ NA SAM DÓŁ CSS
========================================================= */
@media (max-width: 767px) {
/* ---------------------------------------------------------
1. WSPÓLNA WYSOKOŚ BANNERÓW
--------------------------------------------------------- */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image,
body.tax-product_cat .elementor-element-57d2cbf .wd-image,
body.tax-product_tag .elementor-element-57d2cbf .wd-image,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .page-title,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .wd-page-title,
.nw-faq-top,
.nw-contact-top{
height: 200px !important;
min-height: 200px !important;
}
body.woocommerce-shop .elementor-element-57d2cbf .wd-image img,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image img,
body.tax-product_cat .elementor-element-57d2cbf .wd-image img,
body.tax-product_tag .elementor-element-57d2cbf .wd-image img {
height: 200px !important;
min-height: 200px !important;
object-fit: cover !important;
object-position: center center !important;
}
/* ---------------------------------------------------------
2. WSPÓLNY UKŁ AD TRE CI BANNERÓW
--------------------------------------------------------- */
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .page-title .container,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .wd-page-title .container,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .page-title .title-wrapper,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .wd-page-title .title-wrapper,
.nw-faq-top,
.nw-contact-top{
padding-left: 16px !important;
padding-right: 16px !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
/* ---------------------------------------------------------
3. WSPÓLNY STYL TYTUŁ ÓW
--------------------------------------------------------- */
/* Wypoż ycz */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image::after,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image::after,
body.tax-product_cat .elementor-element-57d2cbf .wd-image::after,
body.tax-product_tag .elementor-element-57d2cbf .wd-image::after,
/* bannery z pseudo-tytuł em */
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout) .page-title::after,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout) .wd-page-title::after,
/* bannery z normalnym h1 */
body.woocommerce-account .page-title h1,
body.woocommerce-account .wd-page-title h1,
body.page-id-30264 .page-title h1,
body.page-id-30264 .wd-page-title h1,
.nw-faq-top h1,
.nw-contact-top h1{
width: calc(100vw - 32px) !important;
max-width: 680px !important;
margin: 0 auto !important;
padding: 0 !important;
font-size: clamp(32px, 10.2vw, 42px) !important;
line-height: 1.04 !important;
font-weight: 600 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
/* korekta pozycji pseudo-tytuł ów */
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout) .page-title::after,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout) .wd-page-title::after {
left: 50% !important;
top: 50% !important;
right: auto !important;
transform: translate(-50%, -50%) !important;
}
/* ---------------------------------------------------------
4. WSPÓLNY STYL OPISÓW POD TYTUŁ EM
--------------------------------------------------------- */
body.page-id-30264 .page-title p,
body.page-id-30264 .wd-page-title p,
.nw-faq-top p,
.nw-contact-top p{
max-width: 680px !important;
margin: 12px auto 0 !important;
padding: 0 6px !important;
font-size: 14px !important;
line-height: 1.55 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: break-word !important;
}
/* ---------------------------------------------------------
5. WSPÓLNY ODSTĘ P POD BANNEREM
--------------------------------------------------------- */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image,
body.tax-product_cat .elementor-element-57d2cbf .wd-image,
body.tax-product_tag .elementor-element-57d2cbf .wd-image,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .page-title,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .wd-page-title,
.nw-faq-top,
.nw-contact-top{
margin-bottom: 24px !important;
}
/* ---------------------------------------------------------
6. BREADCRUMBS OFF
--------------------------------------------------------- */
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .breadcrumbs,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .wd-breadcrumbs,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account, .page-id-30264) .yoast-breadcrumb,
.nw-faq-top .breadcrumbs,
.nw-faq-top .wd-breadcrumbs,
.nw-contact-top .breadcrumbs,
.nw-contact-top .wd-breadcrumbs{
display: none !important;
}
}
@media (max-width: 767px) {
.nw-contact-top p {
display: none !important;
}
}
/* =========================================================
KONTAKT banner identyczny jak pozostał e bannery
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* sekcja kontaktu nie moż e ucina bannera */
.nw-contact-page {
max-width: var(--nw-content-max) !important;
margin: 0 auto !important;
padding: 0 20px 80px !important;
overflow: visible !important;
box-sizing: border-box !important;
}
/* sam banner */
.nw-contact-page > .nw-contact-top { left: 50% !important;transform: translateX(-50%) !important;width: 100vw !important;max-width: 100vw !important;min-width: 100vw !important;height: 320px !important;min-height: 320px !important;margin: 0 0 42px !important;padding: 0 !important;display: flex !important;flex-direction: column !important;align-items: center !important;justify-content: center !important;text-align: center !important;border: 0 !important;border-radius: 0 !important;box-shadow: none !important;background: none !important; }
/* zdję cie */
/* overlay jak w innych bannerach */
.nw-contact-page > .nw-contact-top::after { position: absolute !important;inset: 0 !important;z-index: 2 !important;background: rgba(0, 0, 0, 0.35) !important; }
/* tekst */
.nw-contact-page > .nw-contact-top h1,
.nw-contact-page > .nw-contact-top p {
position: relative !important;
z-index: 3 !important;
max-width: 760px !important;
padding-left: 20px !important;
padding-right: 20px !important;
}
.nw-contact-page > .nw-contact-top h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(30px, 3.4vw, 44px) !important; /* (2026-07-03) kanon banerow — bylo 72/700 */
line-height: 1.15 !important;
font-weight: 600 !important;
text-align: center !important;
font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important; /* (audyt 2026-06-25) hero = czcionka storefrontu */
}
.nw-contact-page > .nw-contact-top p {
margin: 18px auto 0 !important;
color: rgba(255, 255, 255, 0.92) !important;
font-size: 18px !important;
line-height: 1.55 !important;
text-align: center !important;
font-family: Poppins, "Helvetica Neue", Arial, sans-serif !important;
}
/* content pod bannerem zostaje w normalnej szerokoś ci */
.nw-contact-page > .nw-contact-grid {
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* tablet */
@media (max-width: 1024px) {
.nw-contact-page > .nw-contact-top {
height: 220px !important;
min-height: 220px !important;
margin-bottom: 30px !important;
}
.nw-contact-page > .nw-contact-top h1 {
font-size: 42px !important;
line-height: 1.05 !important;
}
.nw-contact-page > .nw-contact-top p {
font-size: 15px !important;
line-height: 1.5 !important;
}
}
/* mobile */
@media (max-width: 767px) {
.nw-contact-page {
padding: 0 14px 50px !important;
overflow-x: visible !important;
}
.nw-contact-page > .nw-contact-top {
height: 200px !important;
min-height: 200px !important;
margin-bottom: 24px !important;
}
.nw-contact-page > .nw-contact-top h1 {
font-size: clamp(28px, 11vw, 42px) !important;
line-height: 1 !important;
padding-left: 14px !important;
padding-right: 14px !important;
}
.nw-contact-page > .nw-contact-top p {
display: none !important;
}
}
/* =========================================================
FIX GŁ ÓWNE PRZYCISKI / GALERIA / CTA
========================================================= */
.website-wrapper .home a.nw-shop-cta-btn,
.website-wrapper .nw-gallery-tab,
.website-wrapper .nw-gallery-bundle-btn,
.website-wrapper body.page-id-29938 .nw-reservation-bottom .button,
.website-wrapper body.page-id-29938 .nw-reservation-bottom button,
.website-wrapper body.page-id-29938 .nw-reservation-bottom a.button,
.website-wrapper body.page-id-29938 .nw-reservation-actions .button,
.website-wrapper body.page-id-29938 .nw-reservation-actions button,
.website-wrapper body.page-id-29938 .nw-reservation-actions a.button {
background: #d4ba87 !important;
border-color: #d4ba87 !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
border-radius: 8px !important;
text-decoration: none !important;
}
.website-wrapper .home a.nw-shop-cta-btn:hover,
.website-wrapper .home a.nw-shop-cta-btn:focus,
.website-wrapper .nw-gallery-tab:hover,
.website-wrapper .nw-gallery-tab:focus,
.website-wrapper .nw-gallery-tab.is-active,
.website-wrapper .nw-gallery-bundle-btn:hover,
.website-wrapper .nw-gallery-bundle-btn:focus,
.website-wrapper body.page-id-29938 .nw-reservation-bottom .button:hover,
.website-wrapper body.page-id-29938 .nw-reservation-bottom button:hover,
.website-wrapper body.page-id-29938 .nw-reservation-bottom a.button:hover,
.website-wrapper body.page-id-29938 .nw-reservation-actions .button:hover,
.website-wrapper body.page-id-29938 .nw-reservation-actions button:hover,
.website-wrapper body.page-id-29938 .nw-reservation-actions a.button:hover {
background: #c9a84c !important;
border-color: #c9a84c !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
text-decoration: none !important;
}
/* dodatkowe zabezpieczenie na span i link w galerii */
.website-wrapper a.nw-gallery-bundle-btn,
.website-wrapper a.nw-gallery-bundle-btn:hover,
.website-wrapper a.nw-gallery-bundle-btn:focus,
.website-wrapper span.nw-gallery-bundle-btn,
.website-wrapper span.nw-gallery-bundle-btn:hover,
.website-wrapper span.nw-gallery-bundle-btn:focus {
text-decoration: none !important;
}
.website-wrapper .nw-gallery-bundle-btn.is-disabled,
.website-wrapper span.nw-gallery-bundle-btn.is-disabled {
background: #e9e9e9 !important;
border-color: #dcdcdc !important;
color: #777 !important;
}
/* =========================================================
CHECKOUT mocniejsze promowanie opcji "Zarezerwuj termin"
+ poprawa formatowania bł dów w formularzu
========================================================= */
/* ---------------------------------------------------------
1. GŁ ÓWNA AKCJA W KASIE "Zarezerwuj termin"
--------------------------------------------------------- */
.woocommerce-checkout .nw-order-actions {
margin-top: 24px !important;
}
.woocommerce-checkout .nw-main-submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 74px !important;
padding: 0 24px !important;
background: #d4ba87 !important;
border: 2px solid #d4ba87 !important;
color: #1a1407 !important;
font-size: 18px !important;
line-height: 1.1 !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
text-align: center !important;
box-shadow: 0 14px 30px rgba(0, 0, 0, 0.10) !important;
transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}
.woocommerce-checkout .nw-main-submit:hover {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
transform: translateY(-1px) !important;
}
.woocommerce-checkout .nw-main-submit-note {
margin: 12px 0 16px !important;
text-align: center !important;
color: #111 !important;
font-size: 15px !important;
line-height: 1.65 !important;
font-weight: 500 !important;
}
/* ---------------------------------------------------------
2. DRUGA OPCJA "sama wycena" mniej dominują ca
--------------------------------------------------------- */
.woocommerce-checkout .nw-secondary-submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 82% !important;
max-width: 420px !important;
min-height: 44px !important;
margin: 0 auto !important;
padding: 0 18px !important;
background: #fff !important;
border: 1px solid rgba(212, 186, 135, 0.55) !important;
color: #5f5f5f !important;
font-size: 13px !important;
line-height: 1.15 !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0 !important;
box-shadow: none !important;
}
.woocommerce-checkout .nw-secondary-submit:hover {
background: #faf8f4 !important;
border-color: #d4ba87 !important;
color: #111 !important;
}
/* ---------------------------------------------------------
3. BŁ DY W FORMULARZU poprawne u o enie ikon i tekstu
--------------------------------------------------------- */
body.page-id-29938 .woocommerce-error,
body.page-id-29938 .woocommerce-message,
body.page-id-29938 .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
position: relative !important;
padding: 18px 22px 18px 54px !important;
box-sizing: border-box !important;
}
body.page-id-29938 .woocommerce-error::before,
body.page-id-29938 .woocommerce-message::before,
body.page-id-29938 .woocommerce-info::before,
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-checkout .woocommerce-info::before {
left: 20px !important;
top: 50% !important;
transform: translateY(-50%) !important;
margin: 0 !important;
}
body.page-id-29938 .woocommerce-error li,
body.page-id-29938 .woocommerce-message li,
body.page-id-29938 .woocommerce-info li,
.woocommerce-checkout .woocommerce-error li,
.woocommerce-checkout .woocommerce-message li,
.woocommerce-checkout .woocommerce-info li {
margin: 0 !important;
padding: 0 !important;
line-height: 1.6 !important;
}
/* gdy komunikat nie jest listą */
body.page-id-29938 .woocommerce-error,
body.page-id-29938 .woocommerce-message,
body.page-id-29938 .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
font-size: 15px !important;
line-height: 1.6 !important;
}
/* ---------------------------------------------------------
4. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
.woocommerce-checkout .nw-main-submit {
min-height: 68px !important;
padding: 14px 16px !important;
font-size: 16px !important;
line-height: 1.2 !important;
}
.woocommerce-checkout .nw-main-submit-note {
font-size: 14px !important;
line-height: 1.6 !important;
}
.woocommerce-checkout .nw-secondary-submit {
width: 100% !important;
max-width: 100% !important;
min-height: 42px !important;
font-size: 12px !important;
padding: 10px 14px !important;
}
body.page-id-29938 .woocommerce-error,
body.page-id-29938 .woocommerce-message,
body.page-id-29938 .woocommerce-info,
.woocommerce-checkout .woocommerce-error,
.woocommerce-checkout .woocommerce-message,
.woocommerce-checkout .woocommerce-info {
padding: 16px 16px 16px 46px !important;
font-size: 14px !important;
}
body.page-id-29938 .woocommerce-error::before,
body.page-id-29938 .woocommerce-message::before,
body.page-id-29938 .woocommerce-info::before,
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-checkout .woocommerce-info::before {
left: 16px !important;
}
}
/* =========================================================
FORMULARZ spokojniejsze komunikaty bez "Do poprawy"
========================================================= */
body.page-id-29938 .woocommerce-error,
body.page-id-29938 .nw-form-errors,
.woocommerce-checkout .woocommerce-error {
position: relative !important;
margin: 0 0 24px !important;
padding: 16px 18px !important;
background: #fff8f1 !important;
border: 1px solid #e7c38a !important;
color: #8b5a2b !important;
box-shadow: none !important;
list-style: none !important;
}
/* usuń domy lne ikonki / znaczniki WooCommerce */
body.page-id-29938 .woocommerce-error::before,
body.page-id-29938 .woocommerce-error::after,
body.page-id-29938 .nw-form-errors::before,
body.page-id-29938 .nw-form-errors::after,
.woocommerce-checkout .woocommerce-error::before,
.woocommerce-checkout .woocommerce-error::after {
display: none !important;
content: none !important;
}
body.page-id-29938 .woocommerce-error li,
body.page-id-29938 .nw-form-errors li,
.woocommerce-checkout .woocommerce-error li {
margin: 0 0 8px !important;
padding: 0 !important;
list-style: none !important;
color: #8b5a2b !important;
font-size: 15px !important;
line-height: 1.65 !important;
}
body.page-id-29938 .woocommerce-error li:last-child,
body.page-id-29938 .nw-form-errors li:last-child,
.woocommerce-checkout .woocommerce-error li:last-child {
margin-bottom: 0 !important;
}
/* delikatny separator zamiast ostrych bulletów */
body.page-id-29938 .woocommerce-error li + li,
body.page-id-29938 .nw-form-errors li + li,
.woocommerce-checkout .woocommerce-error li + li {
padding-top: 8px !important;
border-top: 1px solid rgba(231, 195, 138, 0.35) !important;
}
/* pola z bł dem spokojniejsze pod wietlenie */
/* =========================================================
FORMULARZ przywrócenie czerwonego zaznaczenia pól z bł dem
przy spokojniejszym boxie komunikatu
========================================================= */
body.page-id-29938 .nw-reservation-form .form-row.nw-required-error,
body.page-id-29938 .nw-reservation-form .form-row-wide.nw-required-error,
body.page-id-29938 .nw-reservation-form .form-row-first.nw-required-error,
body.page-id-29938 .nw-reservation-form .form-row-last.nw-required-error,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error {
/* (2026-07-07, user „nie dawaj tego paska po lewo, normalne czerwone ramki") pasek po lewej USUNIETY —
blad widac przez czerwona ramke inputa/kafla (#d92d20) + czerwona etykiete. Zero akcentu z lewej. */
padding: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-sizing: border-box !important;
}
body.page-id-29938 .nw-reservation-form .form-row.nw-required-error label,
body.page-id-29938 .nw-reservation-form .form-row-wide.nw-required-error label,
body.page-id-29938 .nw-reservation-form .form-row-first.nw-required-error label,
body.page-id-29938 .nw-reservation-form .form-row-last.nw-required-error label,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error label {
color: #c0402a !important;
}
body.page-id-29938 .nw-reservation-form .form-row.nw-required-error input,
body.page-id-29938 .nw-reservation-form .form-row.nw-required-error select,
body.page-id-29938 .nw-reservation-form .form-row.nw-required-error textarea,
body.page-id-29938 .nw-reservation-form .form-row-wide.nw-required-error input,
body.page-id-29938 .nw-reservation-form .form-row-wide.nw-required-error select,
body.page-id-29938 .nw-reservation-form .form-row-wide.nw-required-error textarea,
body.page-id-29938 .nw-reservation-form .form-row-first.nw-required-error input,
body.page-id-29938 .nw-reservation-form .form-row-first.nw-required-error select,
body.page-id-29938 .nw-reservation-form .form-row-first.nw-required-error textarea,
body.page-id-29938 .nw-reservation-form .form-row-last.nw-required-error input,
body.page-id-29938 .nw-reservation-form .form-row-last.nw-required-error select,
body.page-id-29938 .nw-reservation-form .form-row-last.nw-required-error textarea,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error select,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error input {
background: #fffaf8 !important;
border: 1.5px solid #e0684f !important;
box-shadow: 0 0 0 3px rgba(224,104,79,.12) !important;
}
body.page-id-29938 .nw-reservation-form .nw-required-error input:focus,
body.page-id-29938 .nw-reservation-form .nw-required-error select:focus,
body.page-id-29938 .nw-reservation-form .nw-required-error textarea:focus,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error input:focus,
body.page-id-29938 #nw-can-anchor-wrap.nw-required-error select:focus {
border-color: #d92d20 !important;
box-shadow: 0 0 0 1px rgba(217, 45, 32, 0.12) !important;
outline: none !important;
}
/* =========================================================
FORMULARZ ukrycie nagł ówka "Popraw prosz formularz:"
zostają tylko konkretne komunikaty b dów
========================================================= */
body.page-id-29938 .nw-form-errors strong,
body.page-id-29938 .nw-form-errors b,
body.page-id-29938 .nw-form-errors > p:first-child,
body.page-id-29938 .woocommerce-error > strong,
body.page-id-29938 .woocommerce-error > b,
.woocommerce-checkout .woocommerce-error > strong,
.woocommerce-checkout .woocommerce-error > b {
display: none !important;
}
body.page-id-29938 .nw-form-errors,
body.page-id-29938 .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
padding-top: 16px !important;
}
body.page-id-29938 .nw-form-errors ul,
body.page-id-29938 .woocommerce-error,
.woocommerce-checkout .woocommerce-error {
margin: 0 !important;
}
body.page-id-29938 .nw-form-errors li,
body.page-id-29938 .woocommerce-error li,
.woocommerce-checkout .woocommerce-error li {
margin: 0 !important;
padding: 0 !important;
list-style: none !important;
}
/* =========================================================
CHECKOUT róż ny wygl d przy 2 akcjach i przy samej wycenie
========================================================= */
/* ---------------------------------------------------------
1. GDY SĄ DWA PRZYCISKI obecna, mocna hierarchia
--------------------------------------------------------- */
.woocommerce-checkout .nw-order-actions:has(.nw-main-submit):has(.nw-secondary-submit) .nw-main-submit {
width: 100% !important;
max-width: 100% !important;
min-height: 74px !important;
font-size: 18px !important;
}
.woocommerce-checkout .nw-order-actions:has(.nw-main-submit):has(.nw-secondary-submit) .nw-secondary-submit {
width: 82% !important;
max-width: 420px !important;
min-height: 44px !important;
margin: 0 auto !important;
}
/* ---------------------------------------------------------
2. GDY JEST TYLKO JEDNA AKCJA "wyś lij tylko wycen "
ma być spokojniejsza i mniej dominuj ca
--------------------------------------------------------- */
.woocommerce-checkout .nw-order-actions:not(:has(.nw-secondary-submit)) .nw-main-submit,
.woocommerce-checkout .nw-order-actions:not(:has(.nw-main-submit)) .nw-secondary-submit {
width: min(420px, 100%) !important;
max-width: 420px !important;
min-height: 56px !important;
margin: 0 auto !important;
padding: 0 22px !important;
font-size: 15px !important;
line-height: 1.15 !important;
letter-spacing: 0.02em !important;
text-transform: uppercase !important;
box-shadow: none !important;
}
/* trochę l ejszy box, gdy jest tylko wycena */
.woocommerce-checkout .nw-order-actions:not(:has(.nw-secondary-submit)) {
align-items: center !important;
}
/* tekst pod samą wycen te troch w szy */
.woocommerce-checkout .nw-order-actions:not(:has(.nw-secondary-submit)) + .nw-main-submit-note,
.woocommerce-checkout .nw-order-actions:not(:has(.nw-secondary-submit)) ~ .nw-main-submit-note {
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
/* ---------------------------------------------------------
3. WERSJA MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
.woocommerce-checkout .nw-order-actions:has(.nw-main-submit):has(.nw-secondary-submit) .nw-main-submit {
min-height: 68px !important;
font-size: 16px !important;
}
.woocommerce-checkout .nw-order-actions:has(.nw-main-submit):has(.nw-secondary-submit) .nw-secondary-submit {
width: 100% !important;
max-width: 100% !important;
}
.woocommerce-checkout .nw-order-actions:not(:has(.nw-secondary-submit)) .nw-main-submit,
.woocommerce-checkout .nw-order-actions:not(:has(.nw-main-submit)) .nw-secondary-submit {
width: 100% !important;
max-width: 100% !important;
min-height: 52px !important;
font-size: 14px !important;
padding: 12px 16px !important;
}
}
/* =========================================================
SINGLE PRODUCT usuń pust kolumn po compare
i rozcią gnij "Zamów w zestawie"
========================================================= */
/* 1. ukryj cał y kontener compare, a nie tylko sam przycisk */
body.single-product .elementor-element.elementor-element-1cdddcbf,
body.single-product .elementor-element.elementor-element-16e258,
body.single-product .elementor-widget-wd_single_product_compare_button,
body.single-product .wd-single-compare-btn,
body.single-product .wd-compare-btn {
display: none !important;
width: 0 !important;
min-width: 0 !important;
max-width: 0 !important;
margin: 0 !important;
padding: 0 !important;
flex: 0 0 0 !important;
}
/* 2. rodzic po prawej stronie produktu */
body.single-product .elementor-element.elementor-element-79060157 {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
}
/* 3. kontener add to cart / bundle ma wypeł ni ca e miejsce */
body.single-product .elementor-element.elementor-element-79060157
> .elementor-element.elementor-element-5c3430e2,
body.single-product .elementor-element.elementor-element-79060157
> .elementor-element.elementor-element-5c3430e2
> .elementor-widget-container,
body.single-product .elementor-widget-wd_single_product_add_to_cart,
body.single-product .elementor-widget-wd_single_product_add_to_cart
> .elementor-widget-container,
body.single-product .wd-single-add-cart {
display: block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 0 0 100% !important;
margin: 0 !important;
}
/* 4. sam formularz bundle */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
margin: 18px 0 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* 5. każ da karta */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
> .bundled_product { width: auto !important;min-width: 0 !important;max-width: none !important;margin: 0 !important;border: 1px solid #ececec !important;background: #fff !important;box-sizing: border-box !important;overflow: hidden !important;float: none !important; }
/* 6. zdję cie normalnie przyci te */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_images,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_image,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_image a,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image--placeholder,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.placeholder_image {
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
margin: 0 auto 12px !important;
overflow: hidden !important;
background: #f4f4f4 !important;
display: block !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_images img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_image img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image--placeholder img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.placeholder_image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
/* 7. nazwa */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.item_title {
display: block !important;
min-height: 52px !important;
margin: 0 0 10px !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-align: center !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
}
/* 8. cena */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_cart_details .price,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_cart_details .amount,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_cart_details .bundled_item_price_quantity {
color: #d4ba87 !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
/* 9. licznik */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .minus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .plus { width: auto !important;height: 36px !important;min-height: 36px !important;margin: 0 !important;padding: 0 !important;background: #000 !important;border: 1px solid #000 !important;color: #d4ba87 !important;opacity: 1 !important;visibility: visible !important; }
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .qty { width: auto !important;height: 36px !important;min-height: 36px !important;margin: 0 !important;padding: 0 !important;border: 1px solid #d9d9d9 !important;border-left: 0 !important;border-right: 0 !important;background: #fff !important;color: #111 !important; }
/* 10. podsumowanie na cał szeroko */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
> .cart.bundle_data {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 10px 0 0 !important;
padding-top: 18px !important;
border-top: 1px solid #ececec !important;
}
/* 11. mobile */
@media (max-width: 767px) {
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
}
/* =========================================================
SINGLE PRODUCT wyrównanie kart bundle
obrazy / tytuł y / ceny / liczniki w jednej linii
========================================================= */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
> .bundled_product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-items: stretch !important;
min-height: 370px !important;
padding: 18px 16px !important;
}
/* cał a zawarto karty */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
> .bundled_product
> .details {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
}
/* ukryj ikonkę /link zewn trzny przy pierwszej pozycji */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_title_link {
display: none !important;
}
/* blok zdję cia */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_images {
display: flex !important;
align-items: center !important;
justify-content: center !important;
height: 96px !important;
min-height: 96px !important;
margin: 0 0 14px !important;
}
/* samo zdję cie */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_image,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image--placeholder,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.placeholder_image {
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
margin: 0 auto !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_image img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.woocommerce-product-gallery__image--placeholder img,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.placeholder_image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
display: block !important;
}
/* tytuł sta a wysoko */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_title,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_title_inner,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.item_title {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
text-align: center !important;
min-height: 58px !important;
max-height: 58px !important;
margin: 0 0 12px !important;
font-size: 15px !important;
line-height: 1.25 !important;
font-weight: 600 !important;
overflow: hidden !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
}
/* cena stał y obszar */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_cart_details {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 44px !important;
max-height: 44px !important;
margin: 0 0 16px !important;
text-align: center !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_cart_details .price {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 2px !important;
line-height: 1.25 !important;
}
/* kontener przy liczniku dociś ni ty do do u */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_after_cart_details,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_button {
margin-top: auto !important;
padding-top: 6px !important;
}
/* licznik identyczna wysokoś */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity {
display: grid !important;
grid-template-columns: 40px 1fr 40px !important;
align-items: stretch !important;
width: 120px !important;
min-width: 120px !important;
max-width: 120px !important;
margin: 0 auto !important;
}
/* (audyt 2026-07-12, user „pole na liczbe co jest plus i minus troche wezsze") stepper liczby w KOSZYKU (WC cart form)
wezszy: 120->92px (przyciski 30, pole 32; wysokosc bez zmian). Zakres tylko koszyk (single-product ma swoje reguly).
Dzieci maja wlasne szerokosci (40/40) nadpisujace grid-track -> zmniejszamy je jawnie, inaczej pole przelewa siatke.
ZWERYFIKOWANE live @412: box 92px, brak przelania. */
html body.woocommerce-cart .woocommerce-cart-form .quantity:not(#nw-z){ grid-template-columns:30px 32px 30px !important; width:92px !important; min-width:92px !important; max-width:92px !important; }
html body.woocommerce-cart .woocommerce-cart-form .quantity .minus:not(#nw-z),
html body.woocommerce-cart .woocommerce-cart-form .quantity .plus:not(#nw-z){ width:30px !important; min-width:30px !important; max-width:30px !important; }
html body.woocommerce-cart .woocommerce-cart-form .quantity .qty:not(#nw-z){ width:32px !important; min-width:32px !important; max-width:32px !important; }
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .minus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .plus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .qty {
height: 40px !important;
min-height: 40px !important;
line-height: 40px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .minus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .plus {
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 18px !important;
font-weight: 600 !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.quantity .qty {
text-align: center !important;
font-size: 14px !important;
}
/* tablet/mobile */
@media (max-width: 767px) {
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
> .bundled_product {
min-height: 320px !important;
padding: 16px 12px !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_title,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product_title_inner,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.item_title {
min-height: 52px !important;
max-height: 52px !important;
font-size: 14px !important;
}
}
/* =========================================================
SINGLE PRODUCT bundle qty: idealnie równe plus / qty / minus
========================================================= */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity {
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
/* wspólna baza */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .minus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .plus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .qty {
margin: 0 !important;
padding: 0 !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
box-sizing: border-box !important;
border-radius: 0 !important;
vertical-align: top !important;
transform: none !important;
}
/* przyciski - / + */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .minus,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .plus {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
display: block !important;
text-align: center !important;
line-height: 44px !important;
font-size: 22px !important;
font-weight: 600 !important;
font-family: inherit !important;
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
box-shadow: none !important;
}
/* drobna korekta optyczna znaku */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .minus {
padding-bottom: 2px !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .plus {
padding-bottom: 1px !important;
}
/* pole ś rodkowe */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .qty {
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
display: block !important;
text-align: center !important;
line-height: 44px !important;
font-size: 15px !important;
font-weight: 500 !important;
font-family: inherit !important;
border-left: 0 !important;
border-right: 0 !important;
box-shadow: none !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .qty::-webkit-outer-spin-button,
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_product
.quantity > .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* ż eby ka dy licznik siedzia dok adnie na tej samej wysoko ci */
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_button {
margin-top: auto !important;
padding-top: 0 !important;
}
body.single-product
form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width
.bundled_item_after_cart_details {
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
min-height: 44px !important;
}
/* =========================================================
BUNDLE jeden stał y uk ad dla wszystkich produktów
zawsze 4 w rzę dzie na desktopie
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* ---------------------------------------------------------
1. FORMULARZ BUNDLE zawsze grid 4 kolumny
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) { display: grid !important;grid-template-columns: repeat(4, minmax(0, 1fr)) !important;gap: 18px !important;width: 100% !important;max-width: 100% !important;min-width: 0 !important;margin: 18px 0 0 !important;padding: 0 !important;box-sizing: border-box !important; }
/* ---------------------------------------------------------
2. KARTA PRODUKTU
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product { width: auto !important;min-width: 0 !important;max-width: none !important;margin: 0 !important;border: 1px solid #ececec !important;background: #fff !important;overflow: hidden !important;float: none !important;box-shadow: none !important; }
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .details,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .bundled_product_details { min-width: 0 !important; }
/* ---------------------------------------------------------
3. UKRYCIE ZBĘ DNEGO LINKU W TYTULE
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title_link {
display: none !important;
}
/* ---------------------------------------------------------
4. ZDJĘ CIE
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_images img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image--placeholder img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .placeholder_image img { min-width: 100% !important;min-height: 100% !important; }
/* ---------------------------------------------------------
5. TYTUŁ
--------------------------------------------------------- */
/* ---------------------------------------------------------
6. CENA
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_cart_details { display: flex !important;align-items: center !important;justify-content: center !important;text-align: center !important; }
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_cart_details .price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_cart_details .amount,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_price_quantity {
color: #d4ba87 !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
}
/* ---------------------------------------------------------
7. DÓŁ KARTY / LICZNIK
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity {
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
height: 44px !important;
min-height: 44px !important;
margin: 0 auto !important;
padding: 0 !important;
overflow: hidden !important;
box-sizing: border-box !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .minus,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .plus,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .qty {
margin: 0 !important;
padding: 0 !important;
height: 44px !important;
min-height: 44px !important;
max-height: 44px !important;
box-sizing: border-box !important;
border-radius: 0 !important;
vertical-align: top !important;
transform: none !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .minus,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .plus {
flex: 0 0 40px !important;
width: 40px !important;
min-width: 40px !important;
max-width: 40px !important;
display: block !important;
text-align: center !important;
line-height: 44px !important;
font-size: 22px !important;
font-weight: 600 !important;
font-family: inherit !important;
appearance: none !important;
-webkit-appearance: none !important;
border: 0 !important;
box-shadow: none !important;
background: #000 !important;
color: #d4ba87 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .minus {
padding-bottom: 2px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .plus {
padding-bottom: 1px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .qty {
flex: 0 0 46px !important;
width: 46px !important;
min-width: 46px !important;
max-width: 46px !important;
display: block !important;
text-align: center !important;
line-height: 44px !important;
font-size: 15px !important;
font-weight: 500 !important;
font-family: inherit !important;
border-left: 0 !important;
border-right: 0 !important;
border-top: 1px solid #d9d9d9 !important;
border-bottom: 1px solid #d9d9d9 !important;
box-shadow: none !important;
appearance: textfield !important;
-moz-appearance: textfield !important;
background: #fff !important;
color: #111 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .qty::-webkit-outer-spin-button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .quantity > .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* ---------------------------------------------------------
8. PODSUMOWANIE POD KARTAMI
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data { padding-top: 18px !important; }
/* ---------------------------------------------------------
9. MOBILE 2 kolumny
--------------------------------------------------------- */
@media (max-width: 767px) {
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_images {
height: 92px !important;
min-height: 92px !important;
margin-bottom: 12px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image figure,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image a,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image--placeholder,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .placeholder_image {
width: 92px !important;
height: 92px !important;
min-width: 92px !important;
min-height: 92px !important;
max-width: 92px !important;
max-height: 92px !important;
}
}
/* =========================================================
FIX bundle zdję cia równo w jednej linii
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product {
align-items: stretch !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_images { width: 100% !important;display: flex !important;align-items: center !important;justify-content: center !important;overflow: hidden !important; }
/* wszystkie moż liwe wrapery zdj cia */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image figure,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image a,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image--placeholder,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .placeholder_image {
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
/* same obrazki */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_images img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_image img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image--placeholder img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .placeholder_image img {
display: block !important;
width: 96px !important;
height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
object-fit: contain !important;
object-position: center center !important;
margin: 0 auto !important;
}
/* placeholder też centralnie */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .woocommerce-product-gallery__image--placeholder img,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .placeholder_image img {
opacity: 1 !important;
}
/* =========================================================
FIX mniejsze nazwy w bundle + ł adniejsze amanie
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* trochę cia niejsza cena pod tytu em */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product {
padding-left: 12px !important;
padding-right: 12px !important;
}
/* =========================================================
FIX bundle title nie ucina się
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title_inner,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .item_title { align-items: flex-start !important;justify-content: center !important;text-wrap: balance !important; }
/* lekka korekta odstę pów pod nazw */
@media (max-width: 767px) {
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title_inner,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .item_title {
min-height: 50px !important;
max-height: 50px !important;
font-size: 12px !important;
line-height: 1.16 !important;
}
}
/* =========================================================
FIX POWIĄ ZANE PRODUKTY / CAROUSEL
wszystkie slajdy mają identyczny styl
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product .related.products .wd-carousel,
body.single-product .related.products .wd-carousel-wrap {
align-items: stretch !important;
}
body.single-product .related.products .wd-carousel-item > .wd-product,
body.single-product .related.products .wd-carousel-item > .product,
body.single-product .related.products .wd-product {
width: 100% !important;
display: flex !important;
flex-direction: column !important;
}
body.single-product .related.products .wd-product-wrapper,
body.single-product .related.products .product-wrapper {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
box-sizing: border-box !important;
}
/* zdję cie */
body.single-product .related.products .wd-product-thumb {
width: 100% !important;
margin: 0 0 14px !important;
}
body.single-product .related.products .wd-product-img-link,
body.single-product .related.products .product-image-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
body.single-product .related.products .wd-product-img-link img,
body.single-product .related.products .product-image-link img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
/* (audyt 2026-06-25): SZARA RAMKA pod zdjeciem w "Powiazane produkty". WoodMart renderuje related jako
.wd-carousel (NIE .related.products), wiec moj fix wyzej nigdy nie lapal — stad "nadal". Zwyciezca szarosci:
body .wd-carousel .wd-product-img-link {background:#f7f7f7}. Obraz object-fit:contain (185px) w boksie 224px
= ~39px szarego pod zdjeciem. Fix: kwadratowa komorka + cover (zdjecie wypelnia siatke), tlo transparent. ID-spec. */
body:is(.single-product, .woocommerce-cart, .woocommerce-checkout) .wd-carousel .wd-product-img-link:not(#nw-z),
body:is(.single-product, .woocommerce-cart, .woocommerce-checkout) .wd-carousel .product-image-link:not(#nw-z) {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
overflow: hidden !important;
background: transparent !important;
}
body:is(.single-product, .woocommerce-cart, .woocommerce-checkout) .wd-carousel .wd-product-img-link:not(#nw-z) img,
body:is(.single-product, .woocommerce-cart, .woocommerce-checkout) .wd-carousel .product-image-link:not(#nw-z) img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
}
/* (audyt 2026-06-25): zaokraglenie ramki OPIS / SZCZEGOLY I WYMIARY (panel opisu byl ostry r=0) */
body.single-product .woocommerce-Tabs-panel:not(#nw-z),
body.single-product .wc-tab:not(#nw-z) {
border-radius: 12px !important;
overflow: hidden !important;
}
/* (audyt 2026-06-25): usun kropkowany focus-outline z zakladek OPIS/SZCZEGOLY (brzydki kwadrat) */
body.single-product .wd-nav-tabs a:focus,
body.single-product .woocommerce-tabs .tabs a:focus,
body.single-product .wd-nav-link:focus {
outline: 0 !important;
box-shadow: none !important;
}
/* (audyt 2026-06-25): STRZALKI "Powiazane produkty" jak w opiniach — przezroczyste, zlote, BEZ boksu/ramki, wiekszy chevron.
Tylko karuzela related (.wd-carousel-container.with-title) — NIE galeria zdjecia produktu (.wd-gallery-*). */
body:is(.single-product,.woocommerce-cart,.woocommerce-checkout) .wd-carousel-container.with-title .wd-btn-arrow:not(#nw-z),
body:is(.single-product,.woocommerce-cart,.woocommerce-checkout) .wd-carousel-container.with-title .wd-btn-arrow .wd-arrow-inner:not(#nw-z) {
background: transparent !important;
background-color: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #d4ba87 !important;
}
body:is(.single-product,.woocommerce-cart,.woocommerce-checkout) .wd-carousel-container.with-title .wd-btn-arrow .wd-arrow-inner:not(#nw-z) {
font-size: 46px !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
}
body:is(.single-product,.woocommerce-cart,.woocommerce-checkout) .wd-carousel-container.with-title .wd-btn-arrow:hover .wd-arrow-inner:not(#nw-z),
body:is(.single-product,.woocommerce-cart,.woocommerce-checkout) .wd-carousel-container.with-title .wd-btn-arrow:hover:not(#nw-z) {
color: #f0dcae !important;
background: transparent !important;
}
/* tytuł */
/* kategoria */
body.single-product .related.products .wd-product-cats { font-size: 14px !important; }
/* cena */
/* przycisk zawsze na dole */
body.single-product .related.products .wd-add-btn {
margin-top: auto !important;
display: flex !important;
justify-content: center !important;
width: 100% !important;
}
body.single-product .related.products .wd-add-btn a,
body.single-product .related.products .add_to_cart_button,
body.single-product .related.products .button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 46px !important;
padding: 12px 16px !important;
background: #d4ba87 !important;
border: 1px solid #d4ba87 !important;
color: #1a1407 !important;
text-align: center !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
box-sizing: border-box !important;
}
body.single-product .related.products .wd-add-btn a:hover,
body.single-product .related.products .add_to_cart_button:hover,
body.single-product .related.products .button:hover {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
}
/* wyczyś dziwne marginesy slajdów */
body.single-product .related.products .wd-carousel-item .wd-product,
body.single-product .related.products .wd-carousel-item .wd-product-wrapper,
body.single-product .related.products .wd-carousel-item .product-wrapper {
margin: 0 !important;
}
/* mobile */
@media (max-width: 767px) {
body.single-product .related.products .wd-product-cats {
font-size: 13px !important;
}
body.single-product .related.products .wd-add-btn a,
body.single-product .related.products .add_to_cart_button,
body.single-product .related.products .button {
min-height: 42px !important;
font-size: 13px !important;
padding: 10px 12px !important;
}
}
/* =========================================================
HOME mniejszy odstę p pod opiniami
========================================================= */
.home .nw-opinie-section {
margin-bottom: 18px !important;
padding-bottom: 28px !important;
}
.nw-faq-regulations-inner,
.nw-faq-regulations-btn {
border-radius: 0 !important;
}
/* MOBILE premium heading "Wybierz kategorię " nad kategoriami sklepu */
@media (max-width: 767px) {
.post-type-archive-product .wd-cats.products {
position: relative;
padding-top: 54px;
}
.post-type-archive-product .wd-cats.products::before {
content: "Wybierz kategorię ";
position: absolute;
top: 0;
left: 0;
right: 0;
display: block;
padding: 0 0 14px;
font-size: 24px;
line-height: 1.08;
font-weight: 600;
letter-spacing: -0.02em;
color: #000;
text-align: center; /* (audyt 2026-07-10, user "wybierz kategorie na mobilce wysrodkuj") */
/* (audyt 2026-07-13, user „dziwne zlote linie na kategorii") usuniete zlote podkreslenie naglowka */
border-bottom: none;
z-index: 2;
}
/* (audyt 2026-07-13, user „dziwne linie w ofercie zlote... na namiot ekspresowy i pomiedzy zdjeciami") zlota
kreska-akcent 56x1px byla przy LEWEJ krawedzi (left:0), a naglowek jest wysrodkowany -> wygladala jak obca
linia po lewej nad zdjeciami. Usunieta. */
.post-type-archive-product .wd-cats.products::after {
content: none !important;
display: none !important;
background: transparent !important;
}
}
/* =========================================================
POWIĄ ZANE PRODUKTY TWARDY FIX OSTATECZNY
przycisk zawsze na dole, obrazek w stał ym boxie
========================================================= */
body.single-product .related.products .wd-carousel-item {
display: flex !important;
align-self: stretch !important;
height: auto !important;
}
body.single-product .related.products .wd-carousel-item > .wd-product,
body.single-product .related.products .wd-carousel-item > .product {
display: block !important;
width: 100% !important;
height: 100% !important;
}
body.single-product .related.products .wd-product-wrapper.product-wrapper {
position: relative !important;
display: block !important;
width: 100% !important;
min-height: 560px !important;
padding: 0 0 74px !important; /* miejsce na przycisk */
box-sizing: border-box !important;
}
/* ---------------------------------------------------------
1. OBRAZEK jeden stał y box
--------------------------------------------------------- */
body.single-product .related.products .wd-product-thumb.product-element-top {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 300px !important;
min-height: 300px !important;
max-height: 300px !important;
margin: 0 0 16px !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.single-product .related.products .wd-product-img-link.product-image-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
background: #f6f6f6 !important;
}
body.single-product .related.products .wd-product-img-link.product-image-link img,
body.single-product .related.products .wd-product-thumb.product-element-top img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: none !important;
max-height: none !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
}
/* ---------------------------------------------------------
2. TYTUŁ
--------------------------------------------------------- */
body.single-product .related.products .wd-entities-title {
display: -webkit-box !important;
-webkit-box-orient: vertical !important;
-webkit-line-clamp: 2 !important;
overflow: hidden !important;
min-height: 52px !important;
max-height: 52px !important;
margin: 0 0 8px !important;
padding: 0 6px !important;
text-align: center !important;
font-size: 18px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
box-sizing: border-box !important;
}
body.single-product .related.products .wd-entities-title a {
color: #111 !important;
text-decoration: none !important;
}
/* ---------------------------------------------------------
3. KATEGORIA
--------------------------------------------------------- */
body.single-product .related.products .wd-product-cats {
min-height: 24px !important;
max-height: 24px !important;
margin: 0 0 8px !important;
padding: 0 !important;
text-align: center !important;
line-height: 1.3 !important;
}
body.single-product .related.products .wd-product-cats a {
color: #9a9a9a !important;
text-decoration: none !important;
}
/* ---------------------------------------------------------
4. CENA
--------------------------------------------------------- */
body.single-product .related.products .price {
display: flex !important;
align-items: center !important;
justify-content: center !important;
min-height: 34px !important;
max-height: 34px !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
color: #d4ba87 !important;
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
/* ---------------------------------------------------------
5. PRZYCISK absolutnie na dole
--------------------------------------------------------- */
body.single-product .related.products .wd-add-btn.wd-add-btn-replace {
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: stretch !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product .related.products .wd-add-btn.wd-add-btn-replace > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
min-height: 46px !important;
height: 46px !important;
margin: 0 !important;
padding: 0 14px !important;
box-sizing: border-box !important;
background: #d4ba87 !important;
border: 1px solid #d4ba87 !important;
color: #1a1407 !important;
text-align: center !important;
text-decoration: none !important;
font-size: 14px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
text-transform: uppercase !important;
letter-spacing: 0.01em !important;
}
body.single-product .related.products .wd-add-btn.wd-add-btn-replace > a:hover {
background: #111 !important;
border-color: #111 !important;
color: #fff !important;
}
body.single-product .related.products .wd-add-btn .wd-action-icon {
display: none !important;
}
body.single-product .related.products .wd-add-btn .wd-action-text {
display: block !important;
width: 100% !important;
text-align: center !important;
}
/* ---------------------------------------------------------
6. DROBNE RESETY
--------------------------------------------------------- */
body.single-product .related.products .wd-buttons,
body.single-product .related.products .wd-product-wrapper > * {
box-sizing: border-box !important;
}
body.single-product .related.products .wd-product-wrapper > .wd-product-cats,
body.single-product .related.products .wd-product-wrapper > .price,
body.single-product .related.products .wd-product-wrapper > .wd-entities-title {
width: 100% !important;
}
/* ---------------------------------------------------------
7. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
body.single-product .related.products .wd-product-wrapper.product-wrapper {
min-height: 450px !important;
padding-bottom: 66px !important;
}
body.single-product .related.products .wd-product-thumb.product-element-top {
height: 220px !important;
min-height: 220px !important;
max-height: 220px !important;
}
body.single-product .related.products .wd-entities-title {
min-height: 44px !important;
max-height: 44px !important;
font-size: 16px !important;
}
body.single-product .related.products .wd-product-cats {
min-height: 22px !important;
max-height: 22px !important;
}
body.single-product .related.products .price {
min-height: 30px !important;
max-height: 30px !important;
font-size: 16px !important;
}
body.single-product .related.products .wd-add-btn.wd-add-btn-replace > a {
min-height: 42px !important;
height: 42px !important;
font-size: 13px !important;
}
}
/* =========================================================
FAQ + KONTAKT dopasowanie kadru zdję cia do sklepu
========================================================= */
/* FAQ (2026-07-11: wspolna zmienna --nw-new-bg-image zamiast produkcyjnego URL tlo_zoptymalizowane — ta regula
wygrywala kaskada (0,2,0 z >) nad blokiem master, wiec FAQ/Kontakt pokazywaly STARE/404 zdjecie mimo podmiany var) */
.nw-faq-page > .nw-faq-top {
background-image: var(--nw-new-bg-image) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
/* Kontakt */
.nw-contact-page > .nw-contact-top {
background-image: var(--nw-new-bg-image) !important;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center !important;
}
/* wył cz stare obrazowe pseudo-warstwy, eby nie robi y drugiego kadru */
.nw-faq-page > .nw-faq-top::after,
.nw-contact-page > .nw-contact-top::after {
background-image: none !important;
}
.nw-faq-page > .nw-faq-top::before,
.nw-contact-page > .nw-contact-top::before {
background-image: none !important;
background-color: rgba(0, 0, 0, 0.35) !important;
}
/* mobile (audyt 2026-07-11, user „headery na kazdej stronie maja zdjecie w innej pozycji, powinna byc taka sama")
bylo 50% 27% (inna pozycja niz center center reszty headerow) -> ujednolicone do center center wszedzie. */
@media (max-width: 767px) {
.nw-faq-page > .nw-faq-top,
.nw-contact-page > .nw-contact-top {
background-position: center center !important;
}
}
/* =========================================================
FIX Kontakt ma mieć jedno przyciemnienie, nie dwa
========================================================= */
.nw-contact-page > .nw-contact-top::after {
content: none !important;
display: none !important;
}
.nw-contact-page > .nw-contact-top::before { display: block !important; }
/* =========================================================
BUNDLE czytelne podsumowanie + krótsze ramki kart
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* ---------------------------------------------------------
1. DÓŁ BUNDLE podsumowanie ma jasno mówi ,
ż e cena zmienia si od dodatków z zestawu
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 16px 0 0 !important;
padding: 20px 0 0 !important;
border-top: 1px solid #ececec !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_wrap { width: 100% !important;margin: 0 !important;padding: 0 !important; }
/* box z ceną */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data { display: flex !important;flex-direction: column !important;align-items: flex-start !important;justify-content: center !important;margin: 0 !important;box-sizing: border-box !important; }
/* prawa kolumna */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button { flex-direction: column !important; }
/* podpis przy gł ównym liczniku */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button .quantity {
position: relative !important;
display: flex !important;
align-items: stretch !important;
justify-content: center !important;
width: 100% !important;
min-width: 0 !important;
margin: 0 !important;
padding: 26px 0 0 !important;
background: transparent !important;
overflow: visible !important;
box-sizing: border-box !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button .quantity::before {
content: "Liczba produktu głównego" !important; /* (audyt 2026-07-20, user "nie ilosci, liczbie") terminologia UI */
position: absolute !important;
top: 0 !important;
left: 0 !important;
color: #767676 !important;
font-size: 12px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
/* ---------------------------------------------------------
2. RAMKI KAFELKÓW BUNDLE mają ko czy si pod +/-,
bez duż ej pustej przestrzeni pod spodem
--------------------------------------------------------- */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product { padding: 16px 12px 10px !important;display: flex !important;flex-direction: column !important;justify-content: flex-start !important;box-sizing: border-box !important; }
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .details,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .bundled_product_details { display: flex !important;flex-direction: column !important; }
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_images {
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
margin: 0 0 12px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_cart_details {
min-height: 34px !important;
max-height: 34px !important;
margin: 0 0 8px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_button {
margin-top: auto !important;
padding-top: 0 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_after_cart_details { display: flex !important;align-items: flex-end !important;justify-content: center !important;margin: 0 !important;padding: 0 !important; }
/* ---------------------------------------------------------
3. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data {
min-height: 88px !important;
padding: 14px 16px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price .price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price .amount,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data .price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data .amount {
font-size: 24px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product {
min-height: 300px !important;
padding: 14px 10px 8px !important;
}
}
/* =========================================================
FIX przywrócenie bundle + subtelne podsumowanie ceny
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* ---------------------------------------------------------
1. KARTY BUNDLE wracają do normalnego uk adu
--------------------------------------------------------- */
body.single-product form.bundle_form {
align-items: stretch !important;
}
body.single-product form.bundle_form > .bundled_product {
display: flex !important;
flex-direction: column !important;
justify-content: flex-start !important;
align-self: stretch !important;
min-height: 308px !important;
height: auto !important;
padding: 16px 14px 12px !important;
border: 1px solid #ececec !important;
background: #fff !important;
box-shadow: none !important;
box-sizing: border-box !important;
}
body.single-product form.bundle_form > .bundled_product > .details,
body.single-product form.bundle_form > .bundled_product > .bundled_product_details {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-height: 0 !important;
height: auto !important;
}
/* zdję cia */
body.single-product form.bundle_form .bundled_product_images {
width: 100% !important;
height: 96px !important;
min-height: 96px !important;
max-height: 96px !important;
margin: 0 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.single-product form.bundle_form .bundled_product_image,
body.single-product form.bundle_form .bundled_product_image figure,
body.single-product form.bundle_form .bundled_product_image a,
body.single-product form.bundle_form .woocommerce-product-gallery__image,
body.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder,
body.single-product form.bundle_form .placeholder_image {
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
body.single-product form.bundle_form .bundled_product_images img,
body.single-product form.bundle_form .bundled_product_image img,
body.single-product form.bundle_form .woocommerce-product-gallery__image img,
body.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder img,
body.single-product form.bundle_form .placeholder_image img {
width: 96px !important;
height: 96px !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* tytuł bez dziwnego amania w rodku s ów */
body.single-product form.bundle_form .bundled_product_title,
body.single-product form.bundle_form .bundled_product_title_inner,
body.single-product form.bundle_form .item_title {
display: block !important;
min-height: 48px !important;
max-height: 48px !important;
max-width: 120px !important;
margin: 0 auto 10px !important;
text-align: center !important;
font-size: 13px !important;
line-height: 1.18 !important;
font-weight: 600 !important;
white-space: normal !important;
word-break: keep-all !important;
overflow-wrap: normal !important;
hyphens: none !important;
overflow: hidden !important;
}
/* cena w karcie */
body.single-product form.bundle_form .bundled_item_cart_details {
display: flex !important;
justify-content: center !important;
align-items: center !important;
min-height: 36px !important;
max-height: 36px !important;
margin: 0 0 10px !important;
text-align: center !important;
}
body.single-product form.bundle_form .bundled_item_after_cart_details,
body.single-product form.bundle_form .bundled_item_button {
margin-top: auto !important;
padding-top: 0 !important;
}
body.single-product form.bundle_form .bundled_item_after_cart_details {
display: flex !important;
justify-content: center !important;
align-items: flex-end !important;
min-height: 44px !important;
}
/* ---------------------------------------------------------
2. DÓŁ BUNDLE tylko lekkie podsumowanie
--------------------------------------------------------- */
body.single-product form.bundle_form > .cart.bundle_data {
grid-column: 1 / -1 !important;
width: 100% !important;
margin: 16px 0 0 !important;
padding: 18px 0 0 !important;
border-top: 1px solid #ececec !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 240px !important;
gap: 18px !important;
align-items: center !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_price,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price_data {
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_price::before,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price_data::before {
content: "Cena zestawu / dobę " !important;
display: block !important;
margin: 0 0 6px !important;
color: #767676 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_price .price,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price .amount,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price_data .price,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price_data .amount {
margin: 0 !important;
color: #111 !important;
font-size: 24px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_price::after,
body.single-product form.bundle_form > .cart.bundle_data .bundle_price_data::after {
content: "Cena aktualizuje się po zmianie elementów w zestawie." !important;
display: block !important;
margin: 8px 0 0 !important;
color: #8b6b2e !important;
font-size: 13px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
/* prawa strona */
body.single-product form.bundle_form > .cart.bundle_data .bundle_button {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
margin: 0 !important;
}
/* usuń ewentualny podpis nad ilo ci z wcze niejszych prób */
body.single-product form.bundle_form > .cart.bundle_data .bundle_button .quantity::before {
content: none !important;
display: none !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_button .quantity {
padding-top: 0 !important;
}
/* USUNIÄTO: button width:240px / min-height:48px â przycisk bundle
dziedziczy wymiary z ogĂłlnej reguĹy .single_add_to_cart_button
(height:42px, padding:0 16px) identycznie jak simple product. */
/* ---------------------------------------------------------
3. MOBILE
--------------------------------------------------------- */
@media (max-width: 767px) {
body.single-product form.bundle_form > .bundled_product {
min-height: 292px !important;
padding: 14px 10px 10px !important;
}
body.single-product form.bundle_form .bundled_product_title,
body.single-product form.bundle_form .bundled_product_title_inner,
body.single-product form.bundle_form .item_title {
max-width: 110px !important;
font-size: 12px !important;
line-height: 1.16 !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_wrap {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_button {
justify-content: flex-start !important;
}
body.single-product form.bundle_form > .cart.bundle_data .bundle_button .bundle_add_to_cart_button,
body.single-product form.bundle_form > .cart.bundle_data .bundle_button .single_add_to_cart_button,
body.single-product form.bundle_form > .cart.bundle_data .bundle_button button[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
TWARDY OVERRIDE informacja o zestawie
nadpisuje wcześ niejsze mocniejsze selektory
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_wrap {
display: grid !important;
grid-template-columns: minmax(0, 1fr) 240px !important;
gap: 18px !important;
align-items: center !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
padding: 0 !important;
min-height: 0 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price::before,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data::before {
content: "Cena zestawu / dobę " !important;
display: block !important;
margin: 0 0 6px !important;
color: #767676 !important;
font-size: 11px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price::after,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data::after {
content: "Cena zmienia się po wybraniu dodatków w zestawie." !important;
display: block !important;
margin: 8px 0 0 !important;
color: #8b6b2e !important;
font-size: 13px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
text-transform: none !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price .price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price .amount,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data .price,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_price_data .amount {
margin: 0 !important;
color: #111 !important;
font-size: 24px !important;
line-height: 1.05 !important;
font-weight: 600 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button {
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
gap: 14px !important;
width: 100% !important;
margin: 0 !important;
}
/* USUNIÄTO: :is() button width:240px / min-height:48px */
@media (max-width: 767px) {
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_wrap {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button {
justify-content: flex-start !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button .bundle_add_to_cart_button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button .single_add_to_cart_button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button button[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
}
/* =========================================================
FIX ramka bundle ma koń czy si pod licznikiem
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) {
align-items: start !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product {
align-self: start !important;
min-height: 0 !important;
height: auto !important;
padding-bottom: 12px !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .details,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .bundled_product > .bundled_product_details {
flex: 0 0 auto !important;
height: auto !important;
min-height: 0 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_after_cart_details {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_item_after_cart_details {
min-height: 44px !important;
}
/* USUNIÄTO: caĹa sekcja "FIX â dolna akcja bundle" (grid layout,
height:52px na qty i buttonie, kolory qty). Przycisk bundle
dziedziczy ogĂłlne reguĹy .single_add_to_cart_button (height:42px)
identycznie jak simple product. Layout kontroluje 01.txt. */
/* =========================================================
POWIĄ ZANE PRODUKTY równe kafelki i pe niejsze tytu y
========================================================= */
body.single-product .wd-products-element .wd-carousel-item,
body.single-product .wd-products-element .wd-product,
body.single-product .wd-products-element .wd-product-wrapper {
height: 100%;
}
body.single-product .wd-products-element .wd-product-wrapper {
display: flex;
flex-direction: column;
}
/* obrazek jeden proporcjonalny box dla wszystkich */
body.single-product .wd-products-element .wd-product-thumb {
aspect-ratio: 4 / 3;
overflow: hidden;
background: #f7f7f7;
margin-bottom: 18px;
}
body.single-product .wd-products-element .wd-product-img-link {
display: block;
width: 100%;
height: 100%;
}
body.single-product .wd-products-element .wd-product-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
display: block;
}
/* tytuł bez dziwnego ucinania */
body.single-product .wd-products-element .wd-entities-title {
margin: 0 0 8px;
text-align: center;
line-height: 1.35;
min-height: 56px; /* trzyma równą wysoko */
display: flex;
align-items: flex-start;
justify-content: center;
}
body.single-product .wd-products-element .wd-entities-title a {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
white-space: normal !important;
text-overflow: unset !important;
word-break: break-word;
overflow-wrap: anywhere;
max-width: 100%;
}
/* kategoria */
body.single-product .wd-products-element .wd-product-cats {
min-height: 24px;
margin-bottom: 10px;
text-align: center;
}
/* cena */
body.single-product .wd-products-element .price {
display: block;
min-height: 34px;
margin-bottom: 16px;
text-align: center;
}
/* przycisk zawsze na dole */
body.single-product .wd-products-element .wd-add-btn {
margin-top: auto;
display: flex;
justify-content: center;
}
body.single-product .wd-products-element .wd-add-btn .button {
min-width: 160px;
justify-content: center;
text-align: center;
}
/* wewnę trzne odst py kafelka */
body.single-product .wd-products-element .wd-product {
height: 100%;
}
body.single-product .wd-products-element .wd-product-wrapper {
padding-bottom: 6px;
}
/* strzał ki troch bardziej estetycznie wzgl dem sekcji */
body.single-product .wd-products-element .wd-nav-arrows {
pointer-events: none;
}
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow {
pointer-events: auto;
}
/* mobile */
@media (max-width: 767px) {
body.single-product .wd-products-element .wd-product-thumb {
aspect-ratio: 4 / 3;
margin-bottom: 14px;
}
body.single-product .wd-products-element .wd-entities-title {
min-height: 48px;
margin-bottom: 6px;
}
body.single-product .wd-products-element .wd-entities-title a {
-webkit-line-clamp: 2;
font-size: 16px;
line-height: 1.3;
}
body.single-product .wd-products-element .wd-product-cats {
min-height: 20px;
margin-bottom: 8px;
}
body.single-product .wd-products-element .price {
min-height: 28px;
margin-bottom: 12px;
}
body.single-product .wd-products-element .wd-add-btn .button {
min-width: 100%;
}
}
/* =========================================================
SZCZEGÓŁ Y REZERWACJI UWAGI / US UGI
ukł ad zostaje, styl dopasowany do reszty formularza
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* chowamy poprzedni nagł ówek i robimy nowy jak w innych kartach */
/* ukrycie labela nad textarea */
/* textarea jak reszta pól */
/* checkbox telefonu bardziej jak pole formularza */
body.page-id-29938 .nw-reservation-actions {
width: 100% !important;
max-width: 100% !important;
align-items: stretch !important;
gap: 14px !important;
margin-top: 16px !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]) {
display: flex !important;
align-items: flex-start !important;
gap: 12px !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 14px 16px !important;
background: #fff !important;
border: 1px solid #dcdcdc !important;
border-radius: 10px !important;
box-shadow: none !important;
cursor: pointer !important;
box-sizing: border-box !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"])::before {
display: none !important;
content: none !important;
}
body.page-id-29938 .nw-reservation-actions > label:has(input[name="request_phone_contact"]) span {
display: block !important;
margin: 0 !important;
color: #2d2d2d !important;
font-size: 14px !important;
line-height: 1.45 !important;
font-weight: 500 !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"] {
appearance: none !important;
-webkit-appearance: none !important;
position: relative !important;
width: 22px !important;
height: 22px !important;
min-width: 22px !important;
margin: 0 !important;
border: 1.5px solid #d4ba87 !important;
border-radius: 6px !important;
background: #fff !important;
box-shadow: none !important;
cursor: pointer !important;
}
body.page-id-29938 .nw-reservation-actions input[name="request_phone_contact"]:checked::after {
content: "" !important;
position: absolute !important;
left: 7px !important;
top: 2px !important;
width: 5px !important;
height: 11px !important;
border: solid #d4ba87 !important;
border-width: 0 2px 2px 0 !important;
transform: rotate(45deg) !important;
}
/* sekcja usł ug */
/* mobile */
/* =========================================================
FIX 1 STRZAŁ KI PRZY POWI ZANYCH PRODUKTACH
========================================================= */
body.single-product .wd-products-element .wd-nav-arrows,
body.single-product .related.products .wd-nav-arrows {
pointer-events: auto !important;
}
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow,
body.single-product .wd-products-element .wd-btn-arrow,
body.single-product .related.products .wd-btn-arrow {
pointer-events: auto !important;
cursor: pointer !important;
z-index: 10 !important;
position: relative !important;
}
/* =========================================================
FIX 2 NAZWY W BUNDLE NIE UCIĘ TE
========================================================= */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .bundled_product_title_inner,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) .item_title {
/* zdejmujemy stał max-height i overflow hidden */
min-height: 0 !important;
max-height: none !important;
height: auto !important;
overflow: visible !important;
/* naturalne ł amanie tekstu */
display: block !important;
text-align: center !important;
margin: 0 auto 10px !important;
max-width: 100% !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
word-break: break-word !important;
overflow-wrap: break-word !important;
white-space: normal !important;
hyphens: none !important;
}
/* ukrycie zduplikowanego tytuł u (bundled_product_title_inner jest wewn trz bundled_product_title) */
body.single-product form.bundle_form .bundled_product_title_inner {
display: none !important;
}
/* =========================================================
FIX 3 PRZYCISK "DODAJ DO WYCENY" BEZ LICZNIKA
gdy nie ma .quantity w .bundle_button, przycisk ma peł n szeroko
========================================================= */
/* gdy bundle_button nie zawiera quantity przycisk zajmuje cał o */
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button:not(:has(.quantity)) {
grid-template-columns: 1fr !important;
justify-items: stretch !important;
}
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button:not(:has(.quantity)) .bundle_add_to_cart_button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button:not(:has(.quantity)) .single_add_to_cart_button,
body.single-product :is(
form.cart.cart_group.bundle_form.layout_default.group_mode_parent,
form.cart.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default.group_mode_parent,
form.bundle_form.layout_default,
form.bundle_form
) > .cart.bundle_data .bundle_button:not(:has(.quantity)) button[type="submit"] {
width: 100% !important;
min-width: 0 !important;
}
/* USUNIÄTO: fallback bundle button height:52px â przycisk dziedziczy
ogĂłlne reguĹy .single_add_to_cart_button. Override w 01.txt. */* =========================================================
BUNDLE równe kafelki, bez psucia ł amania nazw
WLEJ NA SAM DÓŁ CSS
========================================================= */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
align-items: stretch !important;
width: 100% !important;
}
/* pojedyncza karta */
/* ś rodek karty */
/* zdję cie */
/* tytuł zostaje dobre amanie, ale wysoko jest wyrównana */
/* cena */
/* licznik zawsze przy dole */
/* =========================================================
FIX POWIĄ ZANE PRODUKTY + BUNDLE
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* =========================================================
1. POWIĄ ZANE PRODUKTY strza ki przy samej sekcji
========================================================= */
body.single-product .related.products,
body.single-product .wd-products-element {
position: relative !important;
}
body.single-product .related.products .wd-carousel-container,
body.single-product .wd-products-element .wd-carousel-container,
body.single-product .related.products .wd-carousel-inner,
body.single-product .wd-products-element .wd-carousel-inner {
position: relative !important;
}
body.single-product .related.products .wd-nav-arrows,
body.single-product .wd-products-element .wd-nav-arrows {
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
z-index: 20 !important;
pointer-events: none !important;
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow {
position: absolute !important;
top: 36% !important; /* ś rodek obszaru zdj , nie ca ej sekcji */
transform: translateY(-50%) !important;
pointer-events: auto !important;
z-index: 21 !important;
width: 48px !important;
height: 60px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
background: transparent !important; /* (audyt 2026-06-25): bylo #fff box — strzałki jak w opiniach: przezroczyste, zlote, BEZ boxu */
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #d4ba87 !important;
font-size: 46px !important;
line-height: 1 !important;
cursor: pointer !important;
}
/* chevron w .wd-arrow-inner — wiekszy, zloty (jak w opiniach) */
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow .wd-arrow-inner {
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
color: #d4ba87 !important;
font-size: 46px !important;
width: auto !important;
height: auto !important;
line-height: 1 !important;
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:hover,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:hover,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:hover .wd-arrow-inner,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:hover .wd-arrow-inner {
border-color: transparent !important;
background: transparent !important;
color: #f0dcae !important; /* hover = jasniejsze zloto (jak opinie) */
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow[class*="prev"],
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow.wd-prev,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:first-child,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow[class*="prev"],
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow.wd-prev,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:first-child {
left: -22px !important;
right: auto !important;
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow[class*="next"],
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow.wd-next,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:last-child,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow[class*="next"],
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow.wd-next,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:last-child {
right: -22px !important;
left: auto !important;
}
/* =========================================================
2. BUNDLE równe karty naprawdę równe
========================================================= */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized {
display: grid !important;
grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
gap: 18px !important;
align-items: stretch !important;
width: 100% !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized > .bundled_product {
float: none !important;
width: auto !important;
margin: 0 !important;
padding: 16px 12px !important;
display: flex !important;
flex-direction: column !important;
align-self: stretch !important;
min-width: 0 !important;
height: auto !important;
border: 1px solid #ececec !important;
background: #fff !important;
box-sizing: border-box !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized > .bundled_product > .details {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-width: 0 !important;
height: 100% !important;
}
/* zdję cie */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_images {
width: 100% !important;
height: 104px !important;
min-height: 104px !important;
margin: 0 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_image,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_image figure,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_image a,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .woocommerce-product-gallery__image,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .woocommerce-product-gallery__image--placeholder,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .placeholder_image {
width: 96px !important;
height: 96px !important;
min-width: 96px !important;
min-height: 96px !important;
max-width: 96px !important;
max-height: 96px !important;
margin: 0 auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #f4f4f4 !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_images img,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_image img,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .woocommerce-product-gallery__image img,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .woocommerce-product-gallery__image--placeholder img,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .placeholder_image img {
width: 96px !important;
height: 96px !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
margin: 0 auto !important;
}
/* tytuł */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_title {
margin: 0 0 10px !important;
min-height: 68px !important;
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
text-align: center !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_title_inner {
display: block !important;
width: 100% !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .item_title {
display: block !important;
width: 100% !important;
font-size: 13px !important;
line-height: 1.3 !important;
font-weight: 600 !important;
text-align: center !important;
white-space: normal !important;
word-break: normal !important;
overflow-wrap: anywhere !important;
hyphens: none !important;
}
/* ś rodkowa cz karty */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .cart[data-bundled_item_id] {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
min-height: 0 !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_wrap,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_cart_content {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_cart_details {
min-height: 38px !important;
margin: 0 0 12px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
}
/* licznik zawsze na dole */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_after_cart_details,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_button {
margin-top: auto !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_item_after_cart_details {
display: flex !important;
justify-content: center !important;
align-items: flex-end !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .quantity {
display: grid !important;
grid-template-columns: 40px 46px 40px !important;
justify-content: center !important;
width: 126px !important;
min-width: 126px !important;
max-width: 126px !important;
margin: 0 auto !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .quantity > .minus,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .quantity > .plus,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .quantity > .qty {
height: 44px !important;
min-height: 44px !important;
margin: 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized > .cart.bundle_data {
grid-column: 1 / -1 !important;
}
/* =========================================================
3. MOBILE
========================================================= */
@media (max-width: 767px) {
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow {
width: 38px !important;
height: 38px !important;
top: 32% !important;
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow[class*="prev"],
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow.wd-prev,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:first-child,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow[class*="prev"],
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow.wd-prev,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:first-child {
left: -10px !important;
}
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow[class*="next"],
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow.wd-next,
body.single-product .related.products .wd-nav-arrows .wd-btn-arrow:last-child,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow[class*="next"],
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow.wd-next,
body.single-product .wd-products-element .wd-nav-arrows .wd-btn-arrow:last-child {
right: -10px !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 12px !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .bundled_product_title {
min-height: 58px !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.initialized .item_title {
font-size: 12px !important;
line-height: 1.25 !important;
}
}
/* ============================================
KASA - Namioty Warszawa
============================================ */
/* --- LAYOUT: dwie kolumny na desktopie --- */
.woocommerce-checkout #payment,
.woocommerce form.checkout {
display: flex;
flex-wrap: wrap;
gap: 40px;
align-items: flex-start;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout #customer_details {
flex: 1 1 400px;
min-width: 0;
}
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout #order_review {
flex: 1 1 380px;
min-width: 0;
}
/* --- DANE REZERWACJI (lewa kolumna) --- */
.woocommerce-checkout .col2-set {
background: #f9f8f6;
border-radius: 4px;
padding: 32px 36px;
font-size: 14px;
line-height: 1.8;
color: #222;
}
.woocommerce-checkout .col2-set p,
.woocommerce-checkout .col2-set .woocommerce-billing-fields p {
margin-bottom: 6px;
}
/* --- PODSUMOWANIE ZAMÓWIENIA (prawa kolumna) --- */
.woocommerce-checkout-review-order-table {
width: 100%;
border-collapse: collapse;
font-size: 14px;
}
.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td {
padding: 12px 4px;
border-bottom: 1px solid #ececec;
vertical-align: middle;
}
.woocommerce-checkout-review-order-table thead th {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #222;
border-bottom: 2px solid #222;
padding-bottom: 10px;
}
/* Nazwy produktów */
.woocommerce-checkout-review-order-table .product-name {
color: #222;
font-weight: 500;
}
/* Ceny w tabeli - zł oty akcent */
.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout-review-order-table td.product-total {
color: #b5882e;
font-weight: 600;
text-align: right;
white-space: nowrap;
}
/* Wiersze dopł at / kosztów */
.woocommerce-checkout-review-order-table .cart-subtotal td,
.woocommerce-checkout-review-order-table .order-total td,
.woocommerce-checkout-review-order-table tr.fee td {
color: #b5882e;
font-weight: 600;
text-align: right;
}
.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-checkout-review-order-table .cart-subtotal th,
.woocommerce-checkout-review-order-table .order-total th {
font-size: 11px;
font-weight: 600;
letter-spacing: 0.07em;
text-transform: uppercase;
color: #222;
}
/* Ł cznie - wyró nienie */
.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
font-size: 16px;
border-top: 2px solid #222;
padding-top: 16px;
}
.woocommerce-checkout-review-order-table .order-total td {
color: #b5882e;
font-size: 18px;
}
/* --- SEKCJA ZGÓD I CHECKBOXÓW --- */
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper {
background: #fff;
border: 1px solid #e0ddd8;
border-radius: 4px;
padding: 24px 28px;
margin-top: 24px;
}
.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 16px;
color: #111;
}
.woocommerce-checkout .wc-terms-and-conditions label,
.woocommerce-checkout #terms label,
.woocommerce-checkout .form-row label {
font-size: 13.5px;
line-height: 1.6;
color: #333;
display: inline;
margin-left: 8px;
}
.woocommerce-checkout input[type="checkbox"] {
width: 16px;
height: 16px;
accent-color: #b5882e;
cursor: pointer;
flex-shrink: 0;
margin-top: 3px;
}
.woocommerce-checkout .form-row.validate-required label::after {
content: none; /* usuwa gwiazdki jeś li niepotrzebne */
}
/* Checkbox rows ukł ad */
.woocommerce-checkout .form-row {
display: flex;
align-items: flex-start;
gap: 8px;
margin-bottom: 14px;
}
/* --- PRZYCISK ZAREZERWUJ TERMIN --- */
#place_order,
.woocommerce-checkout #place_order {
display: block;
width: 100%;
background: #111;
color: #fff !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 18px 24px;
border: none;
border-radius: 8px;
cursor: pointer;
transition: background 0.2s ease;
margin-top: 16px;
}
#place_order:hover {
background: #b5882e;
}
/* --- PRZYCISK WYŚ LIJ WYCEN NA E-MAIL --- */
.woocommerce-checkout .quote-only-btn,
button.quote-email,
a.quote-email,
input[name="quote_only"] {
display: block;
width: 100%;
background: #333;
color: #fff !important;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: none;
padding: 14px 24px;
border: none;
border-radius: 2px;
cursor: pointer;
transition: background 0.2s ease;
text-align: center;
margin-top: 10px;
}
.woocommerce-checkout .quote-only-btn:hover,
button.quote-email:hover {
background: #555;
}
/* --- KOMUNIKAT "W sezonie wolne terminy szybko się ko cz " --- */
.woocommerce-checkout .woocommerce-info,
.season-notice {
background: #fdf8f0;
border-left: 4px solid #b5882e;
color: #7a5c1e;
font-size: 13.5px;
padding: 12px 16px;
border-radius: 0 4px 4px 0;
margin-bottom: 16px;
}
/* --- DROBNY TEKST POD PRZYCISKAMI --- */
.woocommerce-checkout #order_review p small,
.woocommerce-checkout #order_review > p {
font-size: 12.5px;
color: #777;
text-align: center;
line-height: 1.6;
margin-top: 10px;
}
/* --- RESPONSYWNOŚ --- */
@media (max-width: 768px) {
.woocommerce-checkout #payment,
.woocommerce form.checkout {
flex-direction: column;
}
.woocommerce-checkout .col2-set,
.woocommerce-checkout #order_review {
flex: 1 1 100%;
}
}
/* =========================================================
POPRAWKI UX koszyk, kasa, thank you
========================================================= */
/* 1. BANER W KOSZYKU kremowy zamiast ż ó tego */
body.woocommerce-cart .woocommerce-info {
background: #fdf8ef !important;
border-left: 3px solid #d4ba87 !important;
color: #7a5a24 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.woocommerce-cart .woocommerce-info::before {
color: #d4ba87 !important;
}
/* 2. PRZYCISK KOSZYKA podmiana tekstu przez CSS jako fallback */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
font-size: 0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::after {
content: "PRZEJDŹ DO REZERWACJI" !important;
font-size: 16px !important; /* (2026-07-03, user: 'inny styl niz buttony z glownej') kanon 16/500/0.04em */
font-weight: 500 !important;
letter-spacing: 0.04em !important;
}
/* przycisk kasy = wymiary kanonu (bylo padding 5px 20px, h42 — kanon 16px 34px, h~58) */
html .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:not(#nw-z) {
padding: 16px 34px !important;
min-height: 58px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
}
/* =========================================================
PROGRESS jedna idealnie równa linia pod kół kami
========================================================= */
.nw-progress-bar {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
width: 100% !important;
max-width: 680px !important;
margin: 0 auto 32px !important;
position: relative !important;
align-items: start !important;
}
/* jedna wspólna linia od ś rodka 1. kó ka do rodka 4. kó ka */
.nw-progress-bar::before {
content: "" !important;
position: absolute !important;
top: 13px !important;
left: 12.5% !important;
right: 12.5% !important;
height: 2px !important;
background: #d9d9d9 !important;
border-radius: 2px !important;
z-index: 0 !important;
}
.nw-progress-step {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
gap: 8px !important;
text-align: center !important;
min-width: 0 !important;
z-index: 1 !important;
}
/* wył cz wszystkie stare kreski */
.nw-progress-step::before,
.nw-progress-step::after,
.nw-progress-dot::before,
.nw-progress-dot::after {
content: none !important;
display: none !important;
}
.nw-progress-dot {
width: 28px !important;
height: 28px !important;
border-radius: 50% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
font-size: 12px !important;
font-weight: 600 !important;
position: relative !important;
z-index: 2 !important;
background: #fff !important;
border: 1.5px solid #d9d9d9 !important;
color: #aaa !important;
}
.nw-progress-step.is-done .nw-progress-dot {
background: #d4ba87 !important;
border-color: #d4ba87 !important;
color: #fff !important;
}
.nw-progress-step.is-active .nw-progress-dot {
background: #000 !important;
border-color: #000 !important;
color: #d4ba87 !important;
}
.nw-progress-label {
font-size: 11px !important;
line-height: 1.2 !important;
color: #aaa !important;
font-weight: 500 !important;
letter-spacing: 0.04em !important;
white-space: nowrap !important;
}
.nw-progress-step.is-done .nw-progress-label,
.nw-progress-step.is-active .nw-progress-label {
color: #111 !important;
font-weight: 600 !important;
}
/* 4. IKONKI PŁ ATNO CI W STOPCE ukrycie */
.site-footer .payments,
.copyrights-wrapper .payments {
display: none !important;
}
/* 5. DOPŁ ATY W KASIE normalna wielko liter */
.woocommerce-checkout-review-order-table tr.fee th,
.woocommerce-checkout-review-order-table .cart-subtotal th {
text-transform: none !important;
letter-spacing: 0 !important;
font-size: 15px !important;
font-weight: 600 !important;
}
/* 6. ZIELONY BOX THANK YOU kolory marki */
.woocommerce-order-received .woocommerce-thankyou-order-received {
background: #fdf8ef !important;
border: 1px solid #d4ba87 !important;
color: #7a5a24 !important;
border-radius: 12px !important; /* (audyt 2026-06-25): komunikat "Dziekujemy" byl ostry (radius:0) -> 12px jak reszta kart */
box-shadow: none !important;
padding: 20px 24px !important;
font-size: 16px !important;
font-weight: 600 !important;
text-align: center !important;
}
/* 7. LINK "WRÓĆ DO EDYCJI" */
.nw-checkout-back-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
margin-top: 14px !important;
color: #767676 !important;
font-size: 13px !important;
text-decoration: none !important;
border-bottom: 1px solid #d9d9d9 !important;
transition: color 0.2s ease, border-color 0.2s ease !important;
}
.nw-checkout-back-link::before { content: "← " !important; }
.nw-checkout-back-link:hover {
color: #111 !important;
border-color: #111 !important;
}
/* 8. TOOLTIP DOPŁ ATA LAST MINUTE */
/* 9. COLLAPSIBLE NA THANK YOU */
/* =========================================================
MOBILE BUNDLE PLACEHOLDER WYŚ RODKOWANY
========================================================= */
body.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder,
body.single-product form.bundle_form .placeholder_image {
display: flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 auto !important;
}
body.single-product form.bundle_form .woocommerce-product-gallery__image--placeholder img,
body.single-product form.bundle_form .placeholder_image img {
display: block !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center center !important;
}
/* =========================================================
MOBILE TOOLBAR "Product category namioty" aria-label
========================================================= */
@media (max-width: 767px) {
a.wd-fill.category-link[aria-label^="Product category"] {
font-size: 0 !important;
}
}
/* =========================================================
UKRYCIE MY ACCOUNT mobilka + desktop
========================================================= */
/* (audyt) KONTO PRZYWROCONE — ponizszy blok ukrywajacy konto zostal wylaczony.
To on powodowal, ze ikona konta dodana w Header Builderze sie nie pokazywala.
.wd-header-my-account,
.whb-sticked .wd-header-my-account,
.whb-clone .wd-header-my-account,
.whb-mobile-left .wd-header-my-account,
.whb-mobile-right .wd-header-my-account {
display: none !important;
} */
/* ============================================
FIX 1: Zawsze 4 kolumny produktów
============================================ */
.woocommerce ul.products,
.woocommerce-page ul.products,
.woodmart-products-grid .products {
display: grid !important;
grid-template-columns: repeat(4, 1fr) !important;
gap: 20px !important;
}
/* Upewnij się e li.product nie nadpisuje */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
width: 100% !important;
margin: 0 !important;
float: none !important;
}
/* ============================================
FIX 2: Pł ynna zmiana kategorii bez mrugania
============================================ */
/* Zapobiegaj skakaniu hero bannera */
.woocommerce-products-header,
.woodmart-page-header,
.woodmart-shop-page-header {
min-height: 180px; /* dopasuj do swojej wysokoś ci */
transition: none !important;
}
/* Wygł adzenie AJAX loading - zamiast mrugania */
.woodmart-products-grid.loading .products,
.woocommerce ul.products.loading {
opacity: 0.4;
transition: opacity 0.2s ease !important;
}
.woodmart-products-grid .products {
opacity: 1;
transition: opacity 0.2s ease !important;
}
/* Zablokuj zmianę wysoko ci kontenera podczas adowania AJAX */
.site-content,
.woodmart-content-holder {
min-height: 100vh;
}
/* =========================================================
WYPOŻ YCZ -> WYPO YCZALNIA
banner + header fallback
========================================================= */
/* 1. BANNER SKLEPU / WYPOŻ YCZALNI */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image::after,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image::after,
body.tax-product_cat .elementor-element-57d2cbf .wd-image::after,
body.tax-product_tag .elementor-element-57d2cbf .wd-image::after {
content: "Oferta" !important;
}
/* Sekcje 2 (HEADER DESKTOP) i 3 (MOBILE MENU) wizualnej podmiany tekstu
linku został y usuni te podmiana "Sklep/Wypo ycz" "Wypo yczalnia"
jest teraz wykonywana po stronie JS w tlumaczenia.rtf (selektory obejmują
desktop, tablet i mobile: .woodmart-nav-link, .mobile-nav, .wd-nav-mobile),
a antyflicker w NW Patch.rtf. Dzię ki temu nie ma ju wy cigu trzech
mechanizmów i nie miga "Wypoż ycz" przy nawigacji mi dzy stronami. */
.nw-footer-legal-row {
grid-column: 1 / -1 !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
flex-wrap: wrap !important;
gap: 10px !important;
margin-top: 18px !important;
padding-top: 16px !important;
border-top: 1px solid rgba(212, 186, 135, 0.14) !important;
color: rgba(212, 186, 135, 0.9) !important;
font-size: 13px !important;
line-height: 1.6 !important;
}
.nw-footer-legal-row a {
color: var(--nw-beige) !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.nw-footer-legal-row a:hover {
color: #fff !important;
}
.nw-footer-legal-row .sep {
opacity: 0.8 !important;
}
@media (max-width: 767px) {
.nw-footer-legal-row {
gap: 8px !important;
font-size: 12px !important;
margin-top: 14px !important;
padding-top: 14px !important;
}
}
/* =========================================================
NW korekta pozycji paska postę pu na:
29938 = Szczegół y rezerwacji
30264 = Dostę pno
Element wstrzykiwany bezpoś rednio jako .nw-progress-bar
(brak wrappera .nw-progress-page-wrap na tych stronach)
========================================================= */
body.page-id-29938 .nw-progress-bar,
body.page-id-30264 .nw-progress-bar {
max-width: 1240px;
margin: 52px auto 30px !important;
padding: 0 20px !important;
position: relative;
z-index: 12;
}
@media (max-width: 767px) {
body.page-id-29938 .nw-progress-bar,
body.page-id-30264 .nw-progress-bar {
margin: 36px auto 22px !important;
padding: 0 12px !important;
}
}
/* ---------------------------------------------------------
UKRYJ SKU "Brak danych"
--------------------------------------------------------- */
.single-product .product_meta .sku_wrapper {
display: none !important;
}
/* ---------------------------------------------------------
ZŁ OTY SPINNER WooCommerce (AJAX koszyk, dodaj do wyceny)
--------------------------------------------------------- */
/* Nadpisuje domyś lny blockOverlay */
.blockOverlay {
background: rgba(255,255,255,0.7) !important;
}
/* Niestandardowy spinner oparty na kolorze marki */
.blockUI.blockOverlay::after {
content: '' !important;
display: block !important;
position: fixed !important;
top: 50% !important;
left: 50% !important;
width: 36px !important;
height: 36px !important;
margin: -18px 0 0 -18px !important;
border: 3px solid rgba(212,186,135,0.25) !important;
border-top-color: rgb(212,186,135) !important;
border-radius: 50% !important;
animation: nwSpinnerRotate 0.7s linear infinite !important;
background: none !important;
z-index: 99999 !important;
}
/* Ukryj krę cio ki na przyciskach zostaje tylko jeden centralny spinner */
.add_to_cart_button.loading::after,
.single_add_to_cart_button.loading::after,
.bundle_add_to_cart_button.loading::after,
button.loading::after {
display: none !important;
}
@keyframes nwSpinnerRotate {
to { transform: rotate(360deg); }
}
@media (max-width: 1024px) {
.nw-home-categories-intro {
margin-bottom: 32px;
}
}
@media (max-width: 767px) {
.nw-home-categories-intro { margin-bottom: 24px; }
}
color: var(--nw-beige) !important;
.nw-home-process {
max-width: 1240px;
margin: 0 auto;
padding: 20px 20px 10px;
}
/* =========================
JAK WYGLĄ DA WYNAJEM?
========================= */
.nw-home-process-step p { margin-left: auto;margin-right: auto; }
/* =========================
NAGŁ ÓWEK NAD KATEGORIAMI
========================= */
/* =========================
TABLET
========================= */
@media (max-width: 1024px) {
.nw-home-process {
padding: 56px 20px 24px;
}
.nw-home-process-head {
margin-bottom: 34px;
}
.nw-home-process-head h2 {
font-size: 38px;
}
.nw-home-process-step h3 {
font-size: 22px;
}
.nw-home-categories-intro {
margin: 56px auto 34px;
}
.nw-home-categories-intro h2 {
font-size: 38px;
}
.nw-home-categories-intro p {
font-size: 17px;
}
}
/* =========================
MOBILE
========================= */
@media (max-width: 767px) {
.nw-home-process {
padding: 40px 16px 12px;
}
.nw-home-process-head {
margin-bottom: 26px;
}
.nw-home-process-head h2 {
font-size: 30px;
line-height: 1.18;
}
.nw-home-process-steps {
grid-template-columns: 1fr;
gap: 26px;
}
.nw-home-process-step p {
font-size: 15px;
line-height: 1.65;
max-width: 100%;
}
.nw-home-categories-intro h2 {
font-size: 30px;
line-height: 1.18;
}
.nw-home-categories-intro p {
font-size: 15px;
line-height: 1.65;
}
}
@media (max-width: 1024px) {
.nw-home-why {
padding: 64px 20px 72px;
}
.nw-home-why-head {
margin-bottom: 38px;
}
.nw-home-why-head h2 {
font-size: 38px;
}
.nw-home-why-intro {
font-size: 18px;
}
}
@media (max-width: 767px) {
.nw-home-why {
padding: 44px 16px 54px;
}
.nw-home-why-head {
margin-bottom: 28px;
}
.nw-home-why-head h2 {
font-size: 30px;
line-height: 1.18;
}
.nw-home-why-intro {
font-size: 16px;
line-height: 1.65;
}
.nw-home-why-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.nw-home-why-item h3 { line-height: 1.3; }
.nw-home-why-item p {
font-size: 15px;
line-height: 1.7;
margin-bottom: 12px;
}
}
/* =========================================
HOME TYLKO SEKCJE, BEZ RUSZANIA HEADERA
========================================= */
:root { --nw-text: #111;--nw-muted: #6f6f6f;--nw-section-space: 64px;--nw-section-space-mobile: 42px; }
/* =========================================
HERO tylko tekst wewną trz bannera
========================================= */
.hero-tekst-namioty h1 {
font-size: 48px; /* (2026-07-03 v2) banery podstron 44 -> hero wyzej dla hierarchii */
line-height: 1.12;
font-weight: 600;
color: #fff;
}
.hero-tekst-namioty p {
font-size: 16px;
line-height: 1.65;
max-width: 470px;
color: #fff;
}
/* =========================================
JAK WYGLĄ DA WYNAJEM?
========================================= */
.nw-home-process {
max-width: 1240px;
margin: 0 auto;
padding: var(--nw-section-space) 20px 0;
}
.nw-home-process-head {
text-align: center;
max-width: 760px;
margin: 0 auto 38px;
}
.nw-home-process-head h2 {
margin: 0;
font-size: 44px;
line-height: 1.12;
font-weight: 600;
color: var(--nw-gold);
}
.nw-home-process-steps {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
position: relative;
}
.nw-home-process-step {
position: relative;
text-align: center;
padding: 0 14px;
}
.nw-home-process-step::after {
content: "";
position: absolute;
top: 34px;
left: calc(50% + 46px);
width: calc(100% - 24px);
height: 1px;
background: rgba(212, 186, 135, 0.35);
}
.nw-home-process-step:last-child::after {
display: none;
}
.nw-home-process-number {
width: 68px;
height: 68px;
margin: 0 auto 18px;
border-radius: 50%;
background: var(--nw-gold);
color: #fff;
font-size: 28px;
font-weight: 600;
line-height: 68px;
text-align: center;
box-shadow: 0 10px 24px rgba(212, 186, 135, 0.18);
position: relative;
z-index: 2;
}
.nw-home-process-step h3 {
margin: 0 0 12px;
font-size: 22px;
line-height: 1.25;
font-weight: 600;
color: var(--nw-text);
}
.nw-home-process-step p {
margin: 0 auto;
max-width: 260px;
font-size: 16px;
line-height: 1.72;
color: var(--nw-muted);
}
/* =========================================
NAGŁ ÓWEK NAD KATEGORIAMI
========================================= */
.nw-home-categories-intro {
max-width: 980px;
margin: var(--nw-section-space) auto 34px;
text-align: center;
padding: 0 20px;
}
.nw-home-categories-intro h2 {
margin: 0 0 14px;
font-size: 44px;
line-height: 1.12;
font-weight: 600;
color: var(--nw-gold);
}
.nw-home-categories-intro p {
margin: 0;
font-size: 18px;
line-height: 1.68;
color: var(--nw-muted);
}
/* =========================================
DLACZEGO WARTO
========================================= */
.nw-home-why {
max-width: 1240px;
margin: 0 auto;
padding: var(--nw-section-space) 20px 56px;
}
.nw-home-why-head {
max-width: 940px;
margin: 0 auto 38px;
text-align: center;
}
.nw-home-why-head h2 {
margin: 0 0 16px;
font-size: 44px;
line-height: 1.12;
font-weight: 600;
color: var(--nw-gold);
}
.nw-home-why-intro {
margin: 0;
font-size: 18px;
line-height: 1.75;
color: var(--nw-muted);
font-style: italic;
}
.nw-home-why-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.nw-home-why-item {
background: #fff;
border: 1px solid rgba(212, 186, 135, 0.2);
border-radius: 12px; /* (audyt 2026-06-25): bylo 18px — konflikt z kanonem kart 12px (regula @831 i tak wymuszala 12px). Wyrownane do jednej wartosci. */
padding: 30px 28px;
box-shadow: 0 14px 34px rgba(0, 0, 0, 0.035);
}
.nw-home-why-item h3 {
margin: 0 0 14px;
font-size: 26px;
line-height: 1.22;
font-weight: 600;
color: var(--nw-text);
}
.nw-home-why-item p {
margin: 0 0 13px;
font-size: 16px;
line-height: 1.78;
color: var(--nw-muted);
}
.nw-home-why-item p:last-child {
margin-bottom: 0;
}
.nw-home-why::after {
content: "";
display: block;
width: 100%;
height: 1px;
margin-top: 34px;
background: linear-gradient(
90deg,
rgba(212,186,135,0) 0%,
rgba(212,186,135,0.28) 20%,
rgba(212,186,135,0.28) 80%,
rgba(212,186,135,0) 100%
);
}
/* =========================================
TABLET
========================================= */
@media (max-width: 1024px) {
.hero-tekst-namioty h1 {
font-size: 34px;
}
.nw-home-process,
.nw-home-why {
padding-top: 54px;
}
.nw-home-process-head h2,
.nw-home-categories-intro h2,
.nw-home-why-head h2 {
font-size: 38px;
}
.nw-home-process-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 24px;
}
.nw-home-process-step::after {
display: none;
}
.nw-home-why-grid {
gap: 20px;
}
.nw-home-why-item {
padding: 26px 24px;
}
.nw-home-why-item h3 {
font-size: 23px;
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.hero-tekst-namioty h1 {
font-size: 28px;
line-height: 1.15;
}
.hero-tekst-namioty p {
font-size: 14px;
line-height: 1.55;
}
.nw-home-process,
.nw-home-why {
padding: var(--nw-section-space-mobile) 16px 0;
}
.nw-home-categories-intro {
margin: var(--nw-section-space-mobile) auto 24px;
padding: 0 16px;
}
.nw-home-process-head,
.nw-home-why-head {
margin-bottom: 26px;
}
.nw-home-process-head h2,
.nw-home-categories-intro h2,
.nw-home-why-head h2 {
font-size: 30px;
line-height: 1.18;
}
.nw-home-categories-intro p,
.nw-home-why-intro {
font-size: 15px;
line-height: 1.65;
}
.nw-home-process-steps,
.nw-home-why-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.nw-home-process-step {
padding: 0;
}
.nw-home-process-number {
width: 58px;
height: 58px;
line-height: 58px;
font-size: 24px;
margin-bottom: 14px;
}
.nw-home-process-step h3 {
font-size: 20px;
margin-bottom: 10px;
}
.nw-home-process-step p,
.nw-home-why-item p {
font-size: 15px;
line-height: 1.68;
max-width: 100%;
}
.nw-home-why-item {
border-radius: 14px;
padding: 22px 20px;
}
.nw-home-why-item h3 {
font-size: 22px;
margin-bottom: 12px;
}
.nw-home-why::after {
margin-top: 24px;
}
}
.nw-home-process-cta {
text-align: center;
margin-top: 38px;
}
.nw-home-process-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 220px;
min-height: 58px;
padding: 16px 34px;
background: #d4ba87;
border: 1px solid #d4ba87;
color: #1a1407;
font-size: 18px;
font-weight: 500; /* (2026-07-07, user „zaplanuj pogrubiony") kanon przyciskow 500 — bylo 600; regula 500 byla scoped do .home, oferta zostawala gruba */
line-height: 1;
text-decoration: none;
border-radius: 8px;
text-transform: uppercase;
letter-spacing: .04em;
transition: all 0.25s ease;
}
.nw-home-process-button:hover {
background: #111;
border-color: #111;
color: #fff;
}
@media (max-width: 767px) {
.nw-home-process-cta {
margin-top: 28px;
}
.nw-home-process-button {
min-width: 100%;
min-height: 54px;
font-size: 16px;
padding: 14px 22px;
}
}
.whb-sticked .wd-header-cart .wd-tools-text,
.whb-sticked .wd-header-cart .wd-tools-text *,
.whb-sticked .wd-header-cart .wd-cart-subtotal,
.whb-sticked .wd-header-cart .wd-cart-subtotal *,
.whb-clone .wd-header-cart .wd-tools-text,
.whb-clone .wd-header-cart .wd-tools-text *,
.whb-clone .wd-header-cart .wd-cart-subtotal,
.whb-clone .wd-header-cart .wd-cart-subtotal * {
color: #d4ba87 !important;
-webkit-text-fill-color: #d4ba87 !important;
}
/* =========================================================
HOME porzą dki w odst pach i nowy styl boxów
WLEJ NA SAM DÓŁ CSS
========================================================= */
.home {
--nw-home-gap-xl: 64px; /* (2026-07-06, user „spacing sekcji home") ujednolicone z --nw-section-space (64) — jeden rytm zamiast 72 vs 64 */
--nw-home-gap-lg: 56px;
--nw-home-gap-md: 36px;
--nw-home-gap-sm: 22px;
}
/* ---------------------------------------------------------
1. O NAS -> JAK WYGLĄ DA WYNAJEM?
taka sama, czysta odległ o jak wy ej na stronie
--------------------------------------------------------- */
.home .nw-o-nas-section {
padding-top: 24px !important; /* (2026-07-06, user) mniejsza przerwa od paska zaufania nad sekcja (bylo 76px) */
padding-bottom: 0 !important;
}
.home .nw-o-nas-inner,
.home .nw-o-nas-text {
margin-bottom: 0 !important;
}
.home .nw-o-nas-text p:last-child {
margin-bottom: 0 !important;
}
.home .nw-home-process { padding-bottom: 0 !important; }
/* ---------------------------------------------------------
2. BUTTON "WYPOŻ YCZ" ma by bli ej kroków
--------------------------------------------------------- */
.home .nw-home-process-button {
min-height: 58px !important;
padding: 16px 34px !important;
font-size: 16px !important;
line-height: 1 !important;
}
/* ---------------------------------------------------------
3. BUTTON "WYPOŻ YCZ" -> nag ówek "Sprawd nasz wypo yczalni "
ta sama logiczna odległ o
--------------------------------------------------------- */
.home .nw-home-categories-intro { margin-bottom: 34px !important;padding-top: 0 !important; }
.home .nw-home-categories-intro h2 {
margin-bottom: 14px !important;
}
/* ---------------------------------------------------------
4. GALERIA REALIZACJI -> nagł ówek poni ej
mniej pustego miejsca, bardziej proporcjonalnie
--------------------------------------------------------- */
.home .nw-home-realizacje-preview {
padding-top: 28px !important;
padding-bottom: 0 !important;
}
.home .nw-home-realizacje-preview__bottom {
margin-top: 46px !important; /* (2026-07-07, user „y za małe") gap realizacje->Przejdź do galerii 22->46 */
margin-bottom: 0 !important;
}
.home .nw-home-why { padding-top: var(--nw-home-gap-lg) !important; }
/* ---------------------------------------------------------
5. NAGŁ ÓWKI sekcji spójniejsze
--------------------------------------------------------- */
.home .nw-home-process-head,
.home .nw-home-why-head {
margin-bottom: 34px !important;
}
.home .nw-home-process-head h2,
.home .nw-home-categories-intro h2,
.home .nw-home-why-head h2 {
font-size: 42px !important;
line-height: 1.12 !important;
font-weight: 600 !important;
}
/* ---------------------------------------------------------
6. NOWY STYL BOXÓW "Dlaczego warto..."
bez obł ych rogów, bez ci kiego cienia
bardziej w stylu reszty strony
--------------------------------------------------------- */
.home .nw-home-why-grid {
display: grid !important;
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
gap: 22px !important;
}
.home .nw-home-why-item {
position: relative !important;
background: #fff !important;
border: 1px solid rgba(212, 186, 135, 0.20) !important;
border-radius: 12px !important; /* (audyt 2026-06-24) bylo 0 — wyzsza spec bila moja reguly; boksy „Dlaczego warto" ostre. */
box-shadow: none !important;
padding: 30px 30px 28px !important;
overflow: hidden !important;
}
.home .nw-home-why-item::before {
content: "" !important;
display: block !important;
width: 52px !important;
height: 2px !important;
margin: 0 0 18px !important;
background: #d4ba87 !important;
}
.home .nw-home-why-item h3 {
margin: 0 0 14px !important;
font-size: 24px !important;
line-height: 1.24 !important;
font-weight: 600 !important;
color: #111 !important;
}
.home .nw-home-why-item p {
margin: 0 0 12px !important;
font-size: 16px !important;
line-height: 1.75 !important;
color: #6f6f6f !important;
}
.home .nw-home-why-item p:last-child {
margin-bottom: 0 !important;
}
/* intro nad boxami też troch l ejszy */
.home .nw-home-why-intro {
max-width: 860px !important;
margin: 0 auto !important;
font-size: 17px !important;
line-height: 1.7 !important;
color: #6f6f6f !important;
font-style: normal !important;
}
/* cienka linia pod sekcją */
.home .nw-home-why::after {
margin-top: 28px !important;
}
/* ---------------------------------------------------------
7. MOBILE / TABLET
--------------------------------------------------------- */
@media (max-width: 1024px) {
.home {
--nw-home-gap-xl: 56px;
--nw-home-gap-lg: 44px;
--nw-home-gap-md: 30px;
--nw-home-gap-sm: 20px;
}
.home .nw-home-process-head h2,
.home .nw-home-categories-intro h2,
.home .nw-home-why-head h2 {
font-size: 36px !important;
}
.home .nw-home-why-item {
padding: 26px 24px 24px !important;
}
.home .nw-home-why-item h3 {
font-size: 22px !important;
}
}
@media (max-width: 767px) {
.home {
--nw-home-gap-xl: 42px;
--nw-home-gap-lg: 34px;
--nw-home-gap-md: 24px;
--nw-home-gap-sm: 18px;
}
.home .nw-o-nas-section {
padding-top: 48px !important;
}
.home .nw-home-process,
.home .nw-home-why {
padding-left: 16px !important;
padding-right: 16px !important;
}
.home .nw-home-process-head,
.home .nw-home-why-head {
margin-bottom: 24px !important;
}
.home .nw-home-process-head h2,
.home .nw-home-categories-intro h2,
.home .nw-home-why-head h2 {
font-size: 30px !important;
line-height: 1.18 !important;
}
.home .nw-home-process-button {
width: 100% !important;
min-height: 54px !important;
font-size: 15px !important;
padding: 14px 20px !important;
}
.home .nw-home-categories-intro { margin-bottom: 24px !important;padding-left: 16px !important;padding-right: 16px !important; }
.home .nw-home-why-grid {
grid-template-columns: 1fr !important;
gap: 16px !important;
}
.home .nw-home-why-item {
padding: 22px 18px 20px !important;
}
.home .nw-home-why-item::before {
width: 42px !important;
margin-bottom: 14px !important;
}
.home .nw-home-why-item h3 {
font-size: 20px !important;
line-height: 1.28 !important;
margin-bottom: 10px !important;
}
.home .nw-home-why-item p,
.home .nw-home-why-intro {
font-size: 15px !important;
line-height: 1.68 !important;
}
}
/* =========================================================
HOME korekta za duż ych odst pów przy sekcji procesu
WLEJ NA SAM DÓŁ CSS
========================================================= */
/* mniejsza przerwa mię dzy tekstem "O nas" a nag ówkiem
"Jak wyglą da wynajem?" */
.home .nw-home-process {
padding-top: 34px !important;
}
/* nagł ówek sekcji troch bli ej kroków */
.home .nw-home-process-head {
margin-bottom: 24px !important;
}
/* button "Wypoż ycz" wy ej, bli ej kroków */
.home .nw-home-process-cta {
margin-top: 16px !important;
margin-bottom: 0 !important;
}
/* mniejsza przerwa mię dzy buttonem a
"Sprawdź nasz wypo yczalni " */
.home .nw-home-categories-intro {
margin-top: 34px !important;
}
/* mobile / tablet */
@media (max-width: 1024px) {
.home .nw-home-process {
padding-top: 28px !important;
}
.home .nw-home-process-head {
margin-bottom: 20px !important;
}
.home .nw-home-process-cta {
margin-top: 14px !important;
}
.home .nw-home-categories-intro {
margin-top: 28px !important;
}
}
@media (max-width: 767px) {
.home .nw-home-process {
padding-top: 22px !important;
}
.home .nw-home-process-head {
margin-bottom: 18px !important;
}
.home .nw-home-process-cta {
margin-top: 12px !important;
}
.home .nw-home-categories-intro {
margin-top: 22px !important;
}
}
/* =========================================================
HOME usuń pasek mi dzy boxami a stopk
========================================================= */
.home .nw-home-why::after {
display: none !important;
content: none !important;
}
.home .nw-home-why {
padding-bottom: 28px !important;
}
.single-product .woocommerce-variation-description {
display: none !important;
}
.nw-disabled-checkout-button {
display: block !important;
width: 100% !important;
text-align: center !important;
opacity: 0.45 !important;
cursor: not-allowed !important;
pointer-events: none !important;
user-select: none !important;
}
.nw-cart-min-notice {
margin: 14px 0 12px !important;
padding: 12px 14px !important;
font-size: 14px !important;
line-height: 1.5 !important;
text-align: center !important;
color: #8f2d1f !important;
background: #fff7f3 !important;
border: 1px solid rgba(180, 35, 24, 0.14) !important;
border-radius: 10px !important;
}
.nw-cart-min-notice strong,
.nw-cart-min-notice .woocommerce-Price-amount,
.nw-cart-min-notice .woocommerce-Price-currencySymbol {
color: #8f2d1f !important;
font-weight: 600 !important;
}
/* ukrycie standardowych notice w boxie podsumowania */
.woocommerce-cart .cart_totals .woocommerce-error,
.woocommerce-cart .cart_totals .woocommerce-message,
.woocommerce-cart .cart_totals .woocommerce-info {
display: none !important;
}
/* nasz pojedynczy komunikat */
/* zablokowany przycisk nadal w stylu strony */
.woocommerce-cart .nw-disabled-checkout-button {
display: block;
width: 100%;
min-height: 52px;
padding: 15px 18px;
background: #000 !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
text-align: center;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.02em;
opacity: 0.42;
cursor: not-allowed;
pointer-events: none;
box-shadow: none !important;
}
.woocommerce-cart .nw-disabled-checkout-button:hover,
.woocommerce-cart .nw-disabled-checkout-button:focus {
background: #000 !important;
color: #fff !important;
opacity: 0.42;
box-shadow: none !important;
}
/* =========================================================
MINIMALNA KWOTA TYLKO STYL, NIC NIE UKRYWA GLOBALNIE
========================================================= */
/* usuń tylko stare w asne duplikaty, ale nie chowaj wszystkich notice Woo */
.woocommerce-cart .cart_totals .nw-cart-min-notice {
display: none !important;
}
/* nowy komunikat */
/* (audyt 2026-07-20) border-left USUNIETY — i tak byl martwy (skrot `border:` nizej go nadpisywal),
a przy zaokraglonym boksie kolidowalby z lukiem naroznika. */
.woocommerce-cart .cart_totals .nw2-cart-minimum-box { display: block !important; }
/* zablokowany przycisk */
.woocommerce-cart .cart_totals .nw2-disabled-checkout-button:hover,
.woocommerce-cart .cart_totals .nw2-disabled-checkout-button:focus {
background: #000 !important;
color: #fff !important;
opacity: .45 !important;
box-shadow: none !important;
}
/* =========================================================
KOSZYK DOPRACOWANIE STYLU
========================================================= */
/* przycisk zablokowany bardziej spójny */
.woocommerce-cart .cart_totals .nw2-disabled-checkout-button {
display: block !important;
width: 100% !important;
min-height: 54px !important;
padding: 15px 18px !important;
background: #b8b8b8 !important;
color: #fff !important;
border: none !important;
border-radius: 0 !important;
text-align: center !important;
text-transform: uppercase !important;
font-size: 16px !important;
font-weight: 600 !important;
letter-spacing: .02em !important;
opacity: 1 !important;
cursor: not-allowed !important;
pointer-events: none !important;
box-shadow: none !important;
}
/* -------------------------
2. Tabela koszyka wyrównanie
------------------------- */
@media (min-width: 1025px) {
.woocommerce-cart .shop_table_responsive thead th {
vertical-align: middle !important;
padding-top: 0 !important;
padding-bottom: 18px !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #1e1e1e !important;
}
.woocommerce-cart .shop_table_responsive thead th.product-name {
text-align: left !important;
padding-left: 172px !important;
}
.woocommerce-cart .shop_table_responsive thead th.product-price,
.woocommerce-cart .shop_table_responsive thead th.product-quantity,
.woocommerce-cart .shop_table_responsive thead th.product-subtotal {
text-align: center !important;
}
.woocommerce-cart .shop_table_responsive td.product-name {
padding-left: 0 !important;
}
.woocommerce-cart .shop_table_responsive td.product-name a {
display: inline-block !important;
vertical-align: middle !important;
}
.woocommerce-cart .shop_table_responsive td.product-price,
.woocommerce-cart .shop_table_responsive td.product-quantity,
.woocommerce-cart .shop_table_responsive td.product-subtotal {
text-align: center !important;
vertical-align: middle !important;
}
}
/* -------------------------
3. Moż e Ci zainteresowa z ota linia
------------------------- */
.woocommerce-cart .title-wrapper .liner-continer::before,
.woocommerce-cart .title-wrapper .liner-continer::after,
.woocommerce-cart .woodmart-title-container::before,
.woocommerce-cart .woodmart-title-container::after {
background-color: #d4ba87 !important;
border-color: #d4ba87 !important;
}
.woocommerce-cart .title-wrapper.color-scheme-light .woodmart-title-container::after,
.woocommerce-cart .title-wrapper.wd-title-color-primary .woodmart-title-container::after {
background-color: #d4ba87 !important;
}
.woocommerce-cart .title-wrapper .liner-continer {
position: relative !important;
}
/* fallback, gdyby motyw dawał zielon kresk innym selektorem */
.woocommerce-cart .elementor-widget-wd_title .title-wrapper:after,
.woocommerce-cart .elementor-widget-wd_title .title-wrapper:before {
background-color: #d4ba87 !important;
border-color: #d4ba87 !important;
}
/* =========================================================
KOSZYK finalna poprawka nagł ówka tabeli + box minimum
========================================================= */
/* -------------------------
1. Nagł ówki tabeli koszyka
------------------------- */
@media (min-width: 1025px) {
.woocommerce-cart .shop_table thead th,
.woocommerce-cart .shop_table_responsive thead th {
vertical-align: middle !important;
padding-top: 0 !important;
padding-bottom: 26px !important;
border-bottom: 1px solid #d9d9d9 !important;
line-height: 1 !important;
}
.woocommerce-cart .shop_table thead th.product-name,
.woocommerce-cart .shop_table_responsive thead th.product-name {
text-align: left !important;
padding-left: 160px !important;
position: relative !important;
top: -15px !important;
}
.woocommerce-cart .shop_table thead th.product-price,
.woocommerce-cart .shop_table thead th.product-quantity,
.woocommerce-cart .shop_table thead th.product-subtotal,
.woocommerce-cart .shop_table_responsive thead th.product-price,
.woocommerce-cart .shop_table_responsive thead th.product-quantity,
.woocommerce-cart .shop_table_responsive thead th.product-subtotal {
text-align: center !important;
position: relative !important;
top: -2px !important;
}
}
/* =========================================================
KOSZYK box minimalnej kwoty w stylu strony
========================================================= */
/* (audyt 2026-07-20, user „boks minimalna kwota zamowienia powinien byc zaokraglony")
Kanon boksow: krem #fdfbf6 + ramka rgba(212,186,135,.45) + radius 12px (jak „Podsumowanie koszyka").
Zloty pasek ::after USUNIETY — kanon CLAUDE.md zabrania paska/akcentu na zaokraglonej karcie
(nie sklejal sie z lukiem naroznika); rola akcentu przejmuje zlota etykieta ::before. */
.woocommerce-cart .cart_totals .nw2-cart-minimum-box {
position: relative !important;
margin: 18px 0 16px !important;
padding: 18px 18px 16px !important;
background: #fdfbf6 !important;
border: 1px solid rgba(212, 186, 135, 0.45) !important;
border-radius: 12px !important;
box-shadow: none !important;
overflow: hidden !important;
}
.woocommerce-cart .cart_totals .nw2-cart-minimum-box::before {
content: "Minimalna kwota zamówienia" !important;
display: block !important;
margin-bottom: 10px !important;
font-size: 11px !important;
line-height: 1.2 !important;
letter-spacing: 0.08em !important;
text-transform: uppercase !important;
color: #b7975e !important;
font-weight: 600 !important;
}
.woocommerce-cart .cart_totals .nw2-cart-minimum-box__text {
margin: 0 !important;
color: #6f6658 !important;
font-size: 15px !important;
line-height: 1.65 !important;
font-weight: 400 !important;
text-align: left !important;
}
.woocommerce-cart .cart_totals .nw2-cart-minimum-box__text strong,
.woocommerce-cart .cart_totals .nw2-cart-minimum-box__text .amount,
.woocommerce-cart .cart_totals .nw2-cart-minimum-box__text .woocommerce-Price-amount {
color: #c8a15a !important;
font-weight: 600 !important;
}
.woocommerce-cart .cart_totals .nw2-cart-minimum-box__text br {
display: none !important;
}
.woocommerce-cart .cart_totals .nw2-disabled-checkout-button {
margin-top: 14px !important;
}
/* opis wariantu pod wyborem */
.single-product .nw-variation-description-static{
margin: 18px 0 0;
padding: 0;
font-size: 15px;
line-height: 1.7;
color: #5f5f5f;
}
.single-product .nw-variation-description-static p{
margin: 0 0 10px;
}
/* opcjonalnie ukryj natywny opis wariantu, ż eby si nie dublowa */
.single-product .woocommerce-variation.single_variation .woocommerce-variation-description{
display: none !important;
}
/* POWIĄ ZANE PRODUKTY bez cropa i bez sztucznego zoomu */
.related.products .product-image-link,
.related.products .product-element-top,
.related.products .wrap-product-img{
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #fff;
}
.related.products .product-image-link img,
.related.products .product-element-top img,
.related.products .wrap-product-img img,
.related.products .attachment-woocommerce_thumbnail{
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
}
.related.products .product-image-link:hover img,
.related.products .product-element-top:hover img,
.related.products .wrap-product-img:hover img{
transform: none !important;
}
/* POWIĄ ZANE PRODUKTY miniatury bez powi kszania i bez ucinania */
.single-product .wd-products-element .wd-carousel-item .wd-product-thumb.product-element-top {
height: 260px !important;
min-height: 260px !important;
padding: 18px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
background: #fff !important;
}
.single-product .wd-products-element .wd-carousel-item .wd-product-img-link.product-image-link {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.single-product .wd-products-element .wd-carousel-item .wd-product-img-link.product-image-link img {
width: auto !important;
height: auto !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
transform: none !important;
scale: 1 !important;
}
/* wył czenie hover-zoom z motywu */
.single-product .wd-products-element .wd-carousel-item:hover .wd-product-img-link img,
.single-product .wd-products-element .wd-carousel-item:hover .product-image-link img,
.single-product .wd-products-element .wd-carousel-item .wd-product-thumb:hover img {
transform: none !important;
scale: 1 !important;
}
/* trochę wi cej luzu dla drobnych, w skich produktów */
.single-product .wd-products-element .wd-carousel-item .wd-product-thumb.product-element-top img[src*=".png"],
.single-product .wd-products-element .wd-carousel-item .wd-product-thumb.product-element-top img[src*=".avif"],
.single-product .wd-products-element .wd-carousel-item .wd-product-thumb.product-element-top img[src*=".webp"] {
max-width: 88% !important;
max-height: 88% !important;
}
/* =========================================================
NOWE ZDJĘ CIE T A wspólne bannery / hero
========================================================= */
:root {
/* (2026-07-11, user "do podmiany header na stronie glownej i we wszystkich headerach") nowe zdjecie homepage-scaled.jpg */
--nw-new-bg-image: url("/wp-content/uploads/2026/07/homepage-scaled.jpg");
}
/* home hero */
body.home .elementor-element.elementor-element-f317353 {
background-image: var(--nw-new-bg-image) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* sklep / wypoż yczalnia banner */
body.woocommerce-shop .elementor-element-57d2cbf .wd-image,
body.post-type-archive-product .elementor-element-57d2cbf .wd-image,
body.tax-product_cat .elementor-element-57d2cbf .wd-image,
body.tax-product_tag .elementor-element-57d2cbf .wd-image {
background-image: var(--nw-new-bg-image) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* bannery wewnę trzne */
.nw-faq-top,
.nw-contact-top,
body.page-id-30264 .page-title,
body.page-id-30264 .wd-page-title,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .page-title,
body:is(.page-id-51, .page-id-31488, .woocommerce-cart, .page-id-29938, .woocommerce-checkout, .woocommerce-account) .wd-page-title {
background-image: var(--nw-new-bg-image) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* kontakt pseudo tł o */
.nw-contact-page > .nw-contact-top::before {
background-image: var(--nw-new-bg-image) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
background-color: transparent !important;
}
/* (audyt 2026-07-11, user "nie wszedzie jest podmienione zdjecie" + "zdjecie w innej pozycji") ZWERYFIKOWANE fetchem:
GALERIA (page-id-51) i FAQ (page-id-30264) maja REALNY 
wewnatrz .wd-page-title-bg
(WoodMart page-title background image) - ten img PRZYKRYWA nasze CSS-owe tlo, wiec var(--nw-new-bg-image) nie bylo
widoczne (stary obraz). OFERTA/KONTAKT nie maja img -> uzywaja CSS bg -> mialy juz nowy. Fix GLOBALNY: ukryj natywny
img w page-title-bg WSZEDZIE + wymus tlo z var + jednolita pozycja center center. Master-override ID-spec. */
html .wd-page-title-bg img:not(#nw-z) { display: none !important; }
html .wd-page-title-bg:not(#nw-z) {
background-image: var(--nw-new-bg-image) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
/* HOME nagł ówek sekcji realizacji na z oto */
.home .nw-home-realizacje-preview__top h2 {
color: var(--nw-beige) !important;
}
body.home .nw-o-nas-inner > h2,
body.home .nw-home-process-head > h2,
body.home .nw-home-categories-intro > h2,
body.home .nw-opinie-header > h2,
body.home .nw-home-realizacje-preview__top > h2,
body.home .nw-home-why-head > h2,
body.home .nw-zaufali-title,
body.home .nw-kfh-title {
font-size: clamp(36px, 4vw, 58px) !important;
line-height: 1.1 !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
color: #d4ba87 !important;
text-align: center !important;
margin: 0 0 24px !important;
padding: 0 !important;
}
/* =========================================================
HOME wię ksza przerwa mi dzy "Jak wygl da wynajem?"
a sekcją "Sprawd nasz wypo yczalni "
========================================================= */
body.home .nw-home-categories-intro {
margin-top: 64px !important;
}
@media (max-width: 1024px) {
body.home .nw-home-categories-intro {
margin-top: 52px !important;
}
}
@media (max-width: 767px) {
body.home .nw-home-categories-intro {
margin-top: 38px !important;
}
}
/* =========================================================
STOPKA mniej pustej przestrzeni
========================================================= */
.site-footer,
.wd-footer {
margin-top: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.nw-footer {
padding: 28px 0 8px !important;
gap: 28px !important;
}
.nw-footer-legal-row,
.nw-footer-legal {
margin-top: 10px !important;
padding-top: 10px !important;
}
.site-footer .copyrights-wrapper {
padding-top: 6px !important;
padding-bottom: 8px !important;
}
.site-footer .copyrights-wrapper p,
.site-footer .copyrights-wrapper div,
.site-footer .copyrights-wrapper span {
margin: 0 !important;
}
.nw-footer-col p:last-child,
.nw-footer-col a:last-child {
margin-bottom: 0 !important;
}
@media (max-width: 767px) {
.nw-footer {
padding: 22px 0 6px !important;
gap: 18px !important;
}
.nw-footer-legal-row,
.nw-footer-legal {
margin-top: 8px !important;
padding-top: 8px !important;
}
.site-footer .copyrights-wrapper {
padding-top: 4px !important;
padding-bottom: 6px !important;
}
}
/* =========================================================
KOSZYK HERO: przesuń zdj cie troch w dó
========================================================= */
body.woocommerce-cart .wd-page-title {
overflow: hidden !important;
}
body.woocommerce-cart .wd-page-title .wd-page-title-bg,
body.woocommerce-cart .wd-page-title .wd-page-title-bg.wd-fill {
overflow: hidden !important;
}
body.woocommerce-cart .wd-page-title .wd-page-title-bg img,
body.woocommerce-cart .wd-page-title .wd-page-title-bg.wd-fill img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center 44% !important; /* zmień np. na 64% je li chcesz jeszcze ni ej */
display: block !important;
}
/* =========================================================
KOSZYK BUTLA: mniejsza i uł o ona naturalnie
========================================================= */
body.woocommerce-cart tr.bundled_table_item td.product-thumbnail {
width: 88px !important;
min-width: 88px !important;
text-align: center !important;
vertical-align: middle !important;
}
body.woocommerce-cart tr.bundled_table_item td.product-thumbnail img[alt="Butla z gazem"],
body.woocommerce-cart tr.bundled_table_item td.product-thumbnail img[src*="meva-tlakova-flasa"] {
display: block !important;
width: auto !important;
height: 72px !important;
max-width: 42px !important;
max-height: 72px !important;
margin: 0 auto !important;
object-fit: contain !important;
object-position: center bottom !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* KONTAKT tylko przyciemnienie, bez ruszania zdję cia */
.nw-contact-page > .nw-contact-top {
position: relative !important;
overflow: hidden !important;
}
.nw-contact-page > .nw-contact-top::before {
content: "" !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.42) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.nw-contact-page > .nw-contact-top > * {
position: relative !important;
z-index: 2 !important;
}
body.home .nw-home-process-head {
margin: 0 auto 42px !important;
}
body.home .nw-home-process-head h2 {
margin: 0 !important;
}
body.home .nw-home-process-steps {
margin-top: 0 !important;
}
body.home .nw-home-process-cta {
margin-top: 0px !important;
}
/* =========================================================
KARTA PRODUKTU bundle
wyrównanie cen + dolnego CTA
========================================================= */
/* 1. KAŻ DY KAFELEK DODATKU JAKO KOLUMNA */
body.single-product .bundle_form .bundled_item,
body.single-product .bundle_form .bundled_item .details,
body.single-product .bundle_form .bundled_item .bundled_product_summary,
body.single-product .bundle_form .bundled_item .cart {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
/* 2. TYTUŁ Y sta a wysoko */
body.single-product .bundle_form .bundled_item .product_title,
body.single-product .bundle_form .bundled_item .bundled_product_title,
body.single-product .bundle_form .bundled_item h3,
body.single-product .bundle_form .bundled_item h4,
body.single-product .bundle_form .bundled_item h5 {
min-height: 108px !important;
margin: 0 0 12px !important;
text-align: center !important;
line-height: 1.25 !important;
}
/* 3. BLOK CENY jedna wysokoś dla wszystkich */
body.single-product .bundle_form .bundled_item .bundled_item_cart_details {
display: flex !important;
justify-content: center !important;
align-items: flex-start !important;
min-height: 54px !important;
margin: 0 0 16px !important;
text-align: center !important;
}
/* sam .price jako 2 wiersze:
wiersz 1 = cena
wiersz 2 = / szt. albo puste miejsce */
body.single-product .bundle_form .bundled_item .bundled_item_cart_details .price,
body.single-product .bundle_form .bundled_item .price {
display: grid !important;
grid-template-rows: auto 16px !important;
justify-items: center !important;
align-items: start !important;
row-gap: 4px !important;
min-height: 42px !important;
margin: 0 !important;
line-height: 1.1 !important;
}
/* cena zawsze w pierwszym rzę dzie */
body.single-product .bundle_form .bundled_item .bundled_item_cart_details .price > .woocommerce-Price-amount,
body.single-product .bundle_form .bundled_item .price > .woocommerce-Price-amount,
body.single-product .bundle_form .bundled_item .bundled_item_cart_details .price > .amount,
body.single-product .bundle_form .bundled_item .price > .amount {
grid-row: 1 !important;
display: block !important;
margin: 0 !important;
line-height: 1.1 !important;
}
/* / szt. zawsze w drugim rzę dzie */
body.single-product .bundle_form .bundled_item .bundled_item_price_quantity,
body.single-product .bundle_form .bundled_item .price > .bundled_item_price_quantity {
grid-row: 2 !important;
display: block !important;
min-height: 16px !important;
margin: 0 !important;
line-height: 1 !important;
font-size: 14px !important;
}
/* 4. plus/minus w kafelkach dodatków zawsze na dole */
body.single-product .bundle_form .bundled_item .cart {
margin-top: auto !important;
}
body.single-product .bundle_form .bundled_item .quantity {
margin-top: auto !important;
}
/* 5. DOLNY BLOK: cena zestawu + iloś + przycisk */
body.single-product .bundle_form .bundle_wrap {
display: grid !important;
grid-template-columns: minmax(180px, auto) 1fr !important;
align-items: center !important;
column-gap: 28px !important;
width: 100% !important;
}
/* lewa czę */
body.single-product .bundle_form .bundle_wrap .bundle_price,
body.single-product .bundle_form .bundle_wrap .bundle_price_data,
body.single-product .bundle_form .bundle_wrap .bundle_data {
margin: 0 !important;
align-self: center !important;
float: none !important;
}
/* prawa czę = quantity + button */
body.single-product .bundle_form .bundle_wrap .bundle_button {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 14px !important;
margin: 0 !important;
margin-left: 0 !important;
width: auto !important;
float: none !important;
clear: none !important;
align-self: center !important;
position: relative !important;
top: -4px !important;
}
/* quantity w dolnym CTA */
body.single-product .bundle_form .bundle_wrap .bundle_button .quantity {
display: flex !important;
align-items: center !important;
margin: 0 !important;
float: none !important;
}
/* USUNIÄTO: min-height:58px na bundle buttonie â wymiary
kontroluje 01.txt (height:36px, identycznie jak simple product). */
/* wył czenie clearfix z motywu/pluginu */
body.single-product .bundle_form .bundle_wrap::before,
body.single-product .bundle_form .bundle_wrap::after,
body.single-product .bundle_form .bundle_button::before,
body.single-product .bundle_form .bundle_button::after {
content: none !important;
display: none !important;
}
@media (max-width: 767px) {
body.single-product .bundle_form .bundle_wrap {
grid-template-columns: 1fr !important;
row-gap: 18px !important;
}
body.single-product .bundle_form .bundle_wrap .bundle_button {
flex-wrap: wrap !important;
top: 0 !important;
}
body.single-product .bundle_form .bundle_wrap .bundle_button .single_add_to_cart_button,
body.single-product .bundle_form .bundle_wrap .bundle_button .bundle_add_to_cart_button {
width: 100% !important;
}
}
/* =========================================================
BUNDLE dokł adne wyrównanie cen + mniejsze nazwy
========================================================= */
body.single-product .bundle_form .bundled_product_summary .details {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
/* mniejsze nazwy */
body.single-product .bundle_form .bundled_product_summary .bundled_product_title {
display: flex !important;
align-items: flex-start !important;
justify-content: center !important;
text-align: center !important;
min-height: 86px !important;
margin: 0 0 10px !important;
padding: 0 6px !important;
}
body.single-product .bundle_form .bundled_product_summary .bundled_product_title .item_title,
body.single-product .bundle_form .bundled_product_summary .bundled_product_title .bundled_product_title_inner {
display: block !important;
font-size: 15px !important;
line-height: 1.22 !important;
font-weight: 600 !important;
}
/* ukł ad wn trza kafelka */
body.single-product .bundle_form .bundled_product_summary .cart,
body.single-product .bundle_form .bundled_product_summary .bundled_item_wrap,
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_content {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
/* blok ceny */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details { display: flex !important;justify-content: center !important;text-align: center !important; }
/* cena zawsze ma 2 rzę dy:
1 = kwota
2 = / szt. albo puste miejsce */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price { display: grid !important;justify-items: center !important;align-items: start !important;margin: 0 !important;line-height: 1.1 !important; }
/* kwota */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price > .woocommerce-Price-amount,
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price > .amount {
grid-row: 1 !important;
display: block !important;
margin: 0 !important;
line-height: 1.1 !important;
}
/* / szt. */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price > .bundled_item_price_quantity {
grid-row: 2 !important;
display: block !important;
margin: 0 !important;
font-size: 14px !important;
line-height: 1 !important;
min-height: 16px !important;
}
/* rezerwacja pustego drugiego wiersza tam, gdzie nie ma / szt. */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price::after {
content: "" !important;
display: block !important;
grid-row: 2 !important;
height: 16px !important;
}
/* przyciski iloś ci w kafelkach zawsze na dole */
body.single-product .bundle_form .bundled_product_summary .bundled_item_after_cart_details,
body.single-product .bundle_form .bundled_product_summary .bundled_item_button {
margin-top: auto !important;
}
/* BUNDLE korekta pozycji cen */
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details {
min-height: 46px !important;
align-items: center !important;
margin: 0 0 12px !important;
}
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price {
min-height: -50px !important;
grid-template-rows: auto 0px !important;
align-content: end !important;
}
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price > .bundled_item_price_quantity,
body.single-product .bundle_form .bundled_product_summary .bundled_item_cart_details .price::after {
height: 12px !important;
min-height: 14px !important;
}
@media (max-width: 1024px) {
body.home .nw-home-process-cta {
margin-top: 18px !important;
}
body.home .nw-home-process-button {
position: relative !important;
top: 10px !important;
}
}
@media (max-width: 767px) {
body.home .nw-home-process-cta {
margin-top: 20px !important;
}
body.home .nw-home-process-button {
top: -2px !important;
}
}
/* =====================================================
KATEGORIE 2 KOLUMNY TABLET & MOBILE
WKLEJ NA SAM DÓŁ w: Wygl d > Dostosuj > Dodatkowy CSS
===================================================== */
@media (max-width: 1024px) {
/* 1. Wył cz overflow slidera */
body.woocommerce-shop .wd-carousel.wd-grid,
body.post-type-archive-product .wd-carousel.wd-grid,
body.tax-product_cat .wd-carousel.wd-grid,
body.tax-product_tag .wd-carousel.wd-grid {
overflow: visible !important;
}
/* 2. Zamroź transform Swipera, wrap na flex z zawijaniem */
body.woocommerce-shop .wd-carousel.wd-grid .wd-carousel-wrap,
body.post-type-archive-product .wd-carousel.wd-grid .wd-carousel-wrap,
body.tax-product_cat .wd-carousel.wd-grid .wd-carousel-wrap,
body.tax-product_tag .wd-carousel.wd-grid .wd-carousel-wrap {
display: flex !important;
flex-wrap: wrap !important;
transform: none !important;
transition: none !important;
height: auto !important;
overflow: visible !important;
width: 100% !important;
gap: 12px !important;
}
/* 3. Każ dy kafelek = 50% (2 w rz dzie), gap 12px = calc */
body.woocommerce-shop .wd-carousel.wd-grid .wd-carousel-item,
body.post-type-archive-product .wd-carousel.wd-grid .wd-carousel-item,
body.tax-product_cat .wd-carousel.wd-grid .wd-carousel-item,
body.tax-product_tag .wd-carousel.wd-grid .wd-carousel-item {
width: calc(50% - 6px) !important;
min-width: calc(50% - 6px) !important;
max-width: calc(50% - 6px) !important;
flex: 0 0 calc(50% - 6px) !important;
height: auto !important;
margin: 0 !important;
}
/* 4. Zdję cia tablet proporcje 4:3 */
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-image,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-image {
aspect-ratio: 4 / 3 !important;
min-height: unset !important;
height: auto !important;
width: 100% !important;
}
/* 5. Ukryj strzał ki i powiadomienia slidera */
body.woocommerce-shop .wd-carousel.wd-grid .wd-nav-arrows,
body.post-type-archive-product .wd-carousel.wd-grid .wd-nav-arrows,
body.tax-product_cat .wd-carousel.wd-grid .wd-nav-arrows,
body.tax-product_tag .wd-carousel.wd-grid .wd-nav-arrows,
body.woocommerce-shop .wd-carousel.wd-grid .swiper-notification,
body.post-type-archive-product .wd-carousel.wd-grid .swiper-notification,
body.tax-product_cat .wd-carousel.wd-grid .swiper-notification,
body.tax-product_tag .wd-carousel.wd-grid .swiper-notification {
display: none !important;
}
}
/* Mobile: zdję cia kwadratowe */
@media (max-width: 767px) {
body.woocommerce-shop .wd-carousel.wd-grid .wd-cat-image,
body.post-type-archive-product .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_cat .wd-carousel.wd-grid .wd-cat-image,
body.tax-product_tag .wd-carousel.wd-grid .wd-cat-image {
aspect-ratio: 1 / 1 !important;
}
}
/* =====================================================
PRODUKTY: jednolite kafelki + przycię te zdj cia
TABLET & MOBILE (desktop bez zmian)
WKLEJ NA SAM DÓŁ w: Wygl d > Dostosuj > Dodatkowy CSS
===================================================== */
@media (max-width: 1024px) {
/* 1. Kafelki tej samej wysokoś ci w rz dzie */
.wd-products.wd-grid-g .wd-product.wd-col {
display: flex !important;
flex-direction: column !important;
}
.wd-products.wd-grid-g .wd-product-wrapper {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
height: 100% !important;
}
/* 2. Jednolity kadr zdję cia kwadrat 1:1, contain (pe ne zdj cie bez przycinania) */
.wd-products.wd-grid-g .wd-product-thumb {
width: 100% !important;
aspect-ratio: 1 / 1 !important;
overflow: hidden !important;
flex-shrink: 0 !important;
position: relative !important;
background: #fff !important;
}
.wd-products.wd-grid-g .wd-product-img-link {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
}
.wd-products.wd-grid-g .wd-product-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
/* 3. Treś karty flex-column, wyrównanie kwoty i przycisku w rz dzie */
.wd-products.wd-grid-g .wd-product-grid-el,
.wd-products.wd-grid-g .product-element-bottom,
.wd-products.wd-grid-g .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-quick-shop) {
display: flex !important;
flex-direction: column !important;
flex: 1 1 auto !important;
}
.wd-products.wd-grid-g .wd-product-wrapper .price,
.wd-products.wd-grid-g .wd-product-wrapper span.price {
margin-top: auto !important;
margin-bottom: 8px !important;
}
/* 4. Przycisk "Dodaj do wyceny" zawsze na dole */
.wd-products.wd-grid-g .wd-add-btn {
margin-top: 0 !important;
}
}
/* Ukryj strzał ki nawigacji na tablet i mobile */
@media (max-width: 1024px) {
.wd-nav-arrows,
.wd-arrow,
.wd-arrow-inner {
display: none !important;
}
}
.woocommerce-cart .wd-empty-page,
.woocommerce-cart .cart-empty-content,
.woocommerce-cart .woocommerce {
text-align: center;
}
/* (audyt) Pusty koszyk: blok WooCommerce/WoodMart .wd-empty-page miał ujemny
margines (w designie WoodMart nachodzi na hero) → u nas wjeżdżał na nasz baner.
Zerujemy ujemny margines i dajemy oddech, żeby cała treść była POD banerem. */
body.woocommerce-cart .wd-empty-page,
body.woocommerce-cart .cart-empty-content {
margin-top: 0 !important;
padding-top: 56px !important;
}
@media (max-width: 767px) {
body.woocommerce-cart .wd-empty-page,
body.woocommerce-cart .cart-empty-content {
padding-top: 36px !important;
}
}
/* Nie przesuwaj bannera */
body.woocommerce-cart .wd-page-title.page-title {
margin-top: 0 !important;
}
/* Odsuń tylko content pod bannerem */
body.woocommerce-cart main#main-content {
padding-top: 0 !important;
}
body.admin-bar.woocommerce-cart main#main-content {
padding-top: 0 !important; /* (audyt) bylo 110px — gap nad banerem TYLKO dla admin-bar (wyzsza specyficznosc bila reset) */
}
/* Ukryj zduplikowane checkout steps */
body.woocommerce-cart .wd-page-title.page-title + .container > .wd-checkout-steps {
display: none !important;
}
/* Empty cart */
body.woocommerce-cart .woocommerce {
text-align: center;
}
body.woocommerce-cart .cart-empty.wd-empty-block-title.wc-empty-cart-message {
max-width: 820px;
margin: 0 auto 18px !important;
font-size: clamp(30px, 3.2vw, 56px) !important;
line-height: 1.1 !important;
font-weight: 600 !important;
letter-spacing: -0.03em !important;
color: #222 !important;
text-align: center !important;
}
body.woocommerce-cart .wd-empty-block-text {
max-width: 760px;
margin: 0 auto 28px !important;
padding: 0 18px !important;
font-size: clamp(16px, 1.2vw, 20px) !important;
line-height: 1.7 !important;
color: #6f6f6f !important;
text-align: center !important;
}
body.woocommerce-cart .return-to-shop {
text-align: center !important;
}
body.woocommerce-cart .return-to-shop .button.wc-backward {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 220px;
padding: 16px 28px !important;
background: var(--nw-black,#000) !important;
border: 1px solid var(--nw-black,#000) !important;
border-radius: 8px !important; /* (audyt) bylo 0 — stary ostry styl; do kanonu */
color: var(--nw-beige,#d4ba87) !important;
font-size: 14px !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
text-transform: uppercase !important;
}
@media (max-width: 767px) {
body.woocommerce-cart main#main-content {
padding-top: 0 !important;
}
body.admin-bar.woocommerce-cart main#main-content {
padding-top: 0 !important;
}
body.woocommerce-cart .cart-empty.wd-empty-block-title.wc-empty-cart-message {
font-size: 34px !important;
margin-bottom: 14px !important;
}
body.woocommerce-cart .wd-empty-block-text {
font-size: 17px !important;
line-height: 1.6 !important;
margin-bottom: 22px !important;
padding: 0 16px !important;
}
body.woocommerce-cart .return-to-shop .button.wc-backward {
min-width: 0;
padding: 15px 22px !important;
}
}
/* =========================================================
PRIVACY POLICY page_id=3
usuń prawy sidebar, dopasuj banner i zmie tytu na PL
========================================================= */
/* 1. peł na szeroko contentu + ukrycie prawej kolumny */
body.page-id-3 .widget-area,
body.page-id-3 .sidebar-container,
body.page-id-3 .wd-sidebar,
body.page-id-3 aside.sidebar-container,
body.page-id-3 .content-sidebar {
display: none !important;
}
body.page-id-3 .content-layout-wrapper,
body.page-id-3 .wd-content-layout,
body.page-id-3 .content-with-sidebar {
display: block !important;
grid-template-columns: 1fr !important;
}
body.page-id-3 .content-area,
body.page-id-3 .site-content .content-area,
body.page-id-3 .wd-content-area,
body.page-id-3 article,
body.page-id-3 .entry-content {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* 2. banner jak na pozostał ych stronach */
body.page-id-3 .page-title,
body.page-id-3 .wd-page-title {
position: relative !important;
display: flex !important;
width: 100vw !important;
max-width: 100vw !important;
height: 320px !important;
min-height: 320px !important;
margin: 0 0 42px !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0 !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
border: 0 !important;
background: var(--nw-new-bg-image) center center / cover no-repeat !important; /* (2026-07-11) wspolna zmienna headerow */
}
body.page-id-3 .page-title::before,
body.page-id-3 .wd-page-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.35) !important;
z-index: 1 !important;
}
body.page-id-3 .page-title .container,
body.page-id-3 .wd-page-title .container,
body.page-id-3 .page-title .title-wrapper,
body.page-id-3 .wd-page-title .title-wrapper {
position: relative !important;
z-index: 2 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 20px !important;
text-align: center !important;
}
/* 3. zamiana tytuł u z "Privacy Policy" na "Polityka prywatno ci" */
body.page-id-3 .page-title h1,
body.page-id-3 .wd-page-title h1 {
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
margin: 0 !important;
}
body.page-id-3 .page-title::after,
body.page-id-3 .wd-page-title::after {
content: "Polityka prywatności" !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
z-index: 3 !important;
width: min(92vw, 1100px) !important;
transform: translate(-50%, -50%) !important;
color: #fff !important;
font-size: clamp(30px, 3.4vw, 44px) !important; /* (2026-07-03) kanon banerow — bylo 72/700 */
line-height: 1.15 !important;
font-weight: 600 !important;
text-align: center !important;
pointer-events: none !important;
}
/* 4. usuń breadcrumbs */
body.page-id-3 .breadcrumbs,
body.page-id-3 .wd-breadcrumbs,
body.page-id-3 .yoast-breadcrumb {
display: none !important;
}
/* 5. kontener treś ci */
body.page-id-3 .main-page-wrapper,
body.page-id-3 .site-content,
body.page-id-3 .content-layout-wrapper,
body.page-id-3 .wd-content-area {
margin-top: 0 !important;
padding-top: 0 !important;
}
body.page-id-3 .entry-content {
max-width: 1240px !important;
margin: 0 auto !important;
padding: 0 20px 80px !important;
box-sizing: border-box !important;
}
/* 6. typografia treś ci */
body.page-id-3 .entry-content h2,
body.page-id-3 .entry-content h3,
body.page-id-3 .entry-content h4 {
color: #111 !important;
}
body.page-id-3 .entry-content p,
body.page-id-3 .entry-content li {
color: #6f6f6f !important;
font-size: 16px !important;
line-height: 1.8 !important;
}
/* 7. mobile */
@media (max-width: 767px) {
body.page-id-3 .page-title,
body.page-id-3 .wd-page-title {
height: 200px !important;
min-height: 200px !important;
margin-bottom: 24px !important;
}
body.page-id-3 .page-title::after,
body.page-id-3 .wd-page-title::after {
font-size: clamp(32px, 10vw, 42px) !important;
line-height: 1.08 !important;
width: calc(100vw - 32px) !important;
}
body.page-id-3 .entry-content {
padding: 0 14px 50px !important;
}
body.page-id-3 .entry-content p,
body.page-id-3 .entry-content li {
font-size: 15px !important;
line-height: 1.7 !important;
}
}
/* =========================================================
KOSZYK szerokoś i pozycja headera jak na innych stronach
========================================================= */
body.woocommerce-cart .wd-page-title,
body.woocommerce-cart .page-title {
position: relative !important;
left: 50% !important;
transform: translateX(-50%) !important;
width: 100vw !important;
max-width: 100vw !important;
min-width: 100vw !important;
height: 320px !important;
min-height: 320px !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border: 0 !important;
box-sizing: border-box !important;
}
/* tł o na ca szeroko bannera */
body.woocommerce-cart .wd-page-title .wd-page-title-bg,
body.woocommerce-cart .page-title .wd-page-title-bg,
body.woocommerce-cart .wd-page-title .wd-page-title-bg.wd-fill,
body.woocommerce-cart .page-title .wd-page-title-bg.wd-fill {
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
z-index: 1 !important;
overflow: hidden !important;
}
body.woocommerce-cart .wd-page-title .wd-page-title-bg img,
body.woocommerce-cart .page-title .wd-page-title-bg img,
body.woocommerce-cart .wd-page-title .wd-page-title-bg.wd-fill img,
body.woocommerce-cart .page-title .wd-page-title-bg.wd-fill img {
display: block !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center center !important;
margin: 0 !important;
}
/* overlay */
body.woocommerce-cart .wd-page-title::before,
body.woocommerce-cart .page-title::before {
content: "" !important;
position: absolute !important;
top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
inset: 0 !important;
z-index: 2 !important;
background: rgba(0, 0, 0, 0.35) !important;
}
/* ś rodek bannera */
body.woocommerce-cart .wd-page-title .container,
body.woocommerce-cart .page-title .container,
body.woocommerce-cart .wd-page-title .title-wrapper,
body.woocommerce-cart .page-title .title-wrapper {
position: relative !important;
z-index: 3 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
height: 100% !important;
margin: 0 !important;
padding: 0 20px !important;
text-align: center !important;
box-sizing: border-box !important;
}
/* tytuł */
body.woocommerce-cart .wd-page-title h1,
body.woocommerce-cart .page-title h1 {
margin: 0 !important;
color: #fff !important;
font-size: clamp(30px, 3.4vw, 44px) !important; /* (2026-07-03) kanon banerow — bylo 72/700 */
line-height: 1.15 !important;
font-weight: 600 !important;
text-align: center !important;
position: relative !important;
z-index: 4 !important;
}
/* chowamy breadcrumbs */
body.woocommerce-cart .breadcrumbs,
body.woocommerce-cart .wd-breadcrumbs {
display: none !important;
}
/* usuń wszelkie odsuni cia od menu */
body.woocommerce-cart .main-page-wrapper,
body.woocommerce-cart .site-content,
body.woocommerce-cart .content-layout-wrapper,
body.woocommerce-cart .wd-content-area,
body.woocommerce-cart main#main-content {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Koszyk: usuń biały odstęp między mobilnym headerem a hero/page title */
body.woocommerce-cart .woocommerce.entry-content,
body.woocommerce-cart .elementor.elementor-29852,
body.woocommerce-cart .elementor.elementor-29852 > .elementor-element:first-child,
body.woocommerce-cart .elementor.elementor-29852 .elementor-element-5ef0768,
body.woocommerce-cart .elementor.elementor-29852 .elementor-element-5ef0768 > .e-con-inner,
body.woocommerce-cart .elementor.elementor-29852 .elementor-element-5978740,
body.woocommerce-cart .elementor.elementor-29852 .elementor-widget-wd_page_title,
body.woocommerce-cart .elementor.elementor-29852 .elementor-widget-wd_page_title > .elementor-widget-container {
--padding-top: 0 !important;
--padding-block-start: 0 !important;
--margin-top: 0 !important;
margin-top: 0 !important;
margin-block-start: 0 !important;
padding-top: 0 !important;
padding-block-start: 0 !important;
}
@media (max-width: 767px) {
body.woocommerce-cart .main-page-wrapper,
body.woocommerce-cart .content-layout-wrapper,
body.woocommerce-cart main#main-content,
body.woocommerce-cart .wd-content-area,
body.woocommerce-cart .site-content,
body.woocommerce-cart .woocommerce.entry-content {
--padding-top: 0 !important;
--padding-block-start: 0 !important;
margin-top: 0 !important;
margin-block-start: 0 !important;
padding-top: 0 !important;
padding-block-start: 0 !important;
}
body.woocommerce-cart .wd-page-title,
body.woocommerce-cart .page-title {
height: 200px !important;
min-height: 200px !important;
}
body.woocommerce-cart .wd-page-title h1,
body.woocommerce-cart .page-title h1 {
font-size: clamp(32px, 10vw, 42px) !important;
line-height: 1.08 !important;
}
body.woocommerce-cart .wd-page-title .container,
body.woocommerce-cart .page-title .container,
body.woocommerce-cart .wd-page-title .title-wrapper,
body.woocommerce-cart .page-title .title-wrapper {
padding: 0 16px !important;
}
}
[data-widget_type="wd_shop_archive_per_page.default"],
[data-widget_type="wd_shop_archive_view.default"],
[data-widget_type="wd_shop_archive_orderby.default"],
.woocommerce-ordering {
display: none !important;
}
html {
scroll-behavior: smooth;
}
#produkty {
scroll-margin-top: 160px;
}
/* Wyrównanie kart + mniejsza przerwa nazwa → kategoria */
body.post-type-archive-product .product-wrapper,
body.tax-product_cat .product-wrapper,
body.tax-product_tag .product-wrapper {
display: flex !important;
flex-direction: column !important;
height: 100% !important;
}
body.post-type-archive-product .product-wrapper .wd-entities-title,
body.tax-product_cat .product-wrapper .wd-entities-title,
body.tax-product_tag .product-wrapper .wd-entities-title {
margin-bottom: 4px !important;
min-height: 58px !important;
line-height: 1.2 !important;
display: flex !important;
align-items: flex-end !important;
justify-content: center !important;
text-align: center !important;
}
body.post-type-archive-product .product-wrapper .wd-product-cats,
body.tax-product_cat .product-wrapper .wd-product-cats,
body.tax-product_tag .product-wrapper .wd-product-cats {
margin-top: 0 !important;
margin-bottom: 10px !important;
min-height: 24px !important;
text-align: center !important;
}
body.post-type-archive-product .product-wrapper .price,
body.tax-product_cat .product-wrapper .price,
body.tax-product_tag .product-wrapper .price {
margin-bottom: 16px !important;
}
body.post-type-archive-product .product-wrapper .wd-add-btn,
body.tax-product_cat .product-wrapper .wd-add-btn,
body.tax-product_tag .product-wrapper .wd-add-btn {
margin-top: auto !important;
}
/* Zł oty kolor loaderów / kó eczek */
:root{
--nw-gold: #d4ba87;
--nw-gold-fade: rgba(212,186,135,0.22);
}
/* WooCommerce / Woodmart loadery oparte o border */
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before,
.wd-loading::after,
.wd-products-loader::after,
.wd-search-loader::after,
.wd-nav-product-search .loader::after,
.wd-preloader::after,
.wd-loader::after {
border-top-color: var(--nw-gold) !important;
border-right-color: var(--nw-gold) !important;
border-bottom-color: var(--nw-gold-fade) !important;
border-left-color: var(--nw-gold-fade) !important;
}
/* Loadery SVG / ikonowe */
.wd-loader,
.wd-ajax-loader,
.wd-search-loader,
.wd-preloader,
svg .path,
svg circle {
color: var(--nw-gold) !important;
stroke: var(--nw-gold) !important;
}
/* Overlay WooCommerce przy odś wie aniu koszyka / checkout */
.woocommerce .blockUI.blockOverlay {
opacity: .55 !important;
}
.category-grid-item.first .wd-cat-inner,
.category-grid-item.last .wd-cat-inner,
.category-grid-item .wd-cat-inner {
transition: none !important;
}
.nw-floor-qty-note {
display: none !important;
}
/* Dropdown - zmiana kolejnoś ci pozycji */
.wd-dropdown .wd-sub-menu.color-scheme-dark {
display: flex;
flex-direction: column;
}
#menu-item-29267 { order: 1; } /* Namioty ekspresowe */
#menu-item-29268 { order: 2; } /* Namioty */
#menu-item-29232 { order: 3; } /* Meble */
#menu-item-29270 { order: 4; } /* Zastawa */
#menu-item-29269 { order: 5; } /* Podł ogi */
#menu-item-29233 { order: 6; } /* Akcesoria */
/* CHECKOUT zmniejszenie zbyt duż ych odst pów w prawej kolumnie */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39{
--container-widget-gap: 12px !important;
gap: 12px !important;
padding-top: 12px !important;
--padding-bottom: 34px !important;
padding-bottom: 34px !important;
overflow: visible !important;
}
body.woocommerce-checkout .elementor.elementor-29855 .elementor-element.elementor-element-1d33c39{
--padding-bottom: 34px !important;
padding-bottom: 34px !important;
overflow: visible !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 > .elementor-shape-bottom{
bottom: -8px !important;
}
/* usuń pust przestrze po starym wid ecie tabeli */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 > .elementor-element.elementor-element-91face9{
display: none !important;
margin: 0 !important;
padding: 0 !important;
min-height: 0 !important;
}
/* wyrównanie odstę pów mi dzy widgetami w tym kontenerze */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 > .elementor-element{
margin-top: 0 !important;
margin-bottom: 0 !important;
}
/* nagł ówek "Twoje zamówienie" cia niej */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .title-wrapper{
margin-bottom: 0 !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .liner-continer{
margin-bottom: 0 !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .woodmart-title-container{
margin-bottom: 0 !important;
}
/* box z podsumowaniem mniejszy odstę p pod nim */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-checkout-calc-box{
margin-bottom: 8px !important;
}
/* box zgód bez zbę dnego odst pu od góry */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-final-box{
margin-top: 0 !important;
margin-bottom: 28px !important;
}
/* przyciski pod zgodami ciaś niej */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-order-actions{
margin-top: 0 !important;
}
/* komunikat i opisy przycisków mniejsze odstę py */
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-final-urgency{
width: min(100%, 620px) !important;
max-width: calc(100% - 56px) !important;
margin: 10px auto 0 !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-main-submit{
margin-bottom: 8px !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-main-submit-note{
margin: 0 0 12px !important;
}
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 .nw-secondary-submit-note{
margin-top: 6px !important;
}
/* CHECKOUT â mobile: zmniejszenie gap miÄdzy sekcjami */
@media (max-width: 767px) {
body.woocommerce-checkout .elementor-element.elementor-element-1d33c39 {
--padding-top: 8px !important;
padding-top: 8px !important;
margin-top: 0 !important;
}
body.woocommerce-checkout .nw-ccb-reservation-details {
margin-bottom: 8px !important;
}
}
/* CHECKOUT: odstep miedzy "Dane rezerwacji" a sekcja zamowienia
(2026-07-21) ID-spec `:not(#nw-z)` — kanon projektu na uparte reguly. Konkurent to blok z l. ~3946
(`body:is(.page-id-51, ..., .woocommerce-checkout) .e-con { padding-top: 0 !important }`), ktory ma
DOKLADNIE te sama specyficznosc (0,2,1) co selektor bez eskalacji. Przy remisie decyduje kolejnosc
w pliku i moja regula, stojac nizej, wygrywalaby — ale to zbyt kruche jak na cos, co juz dwa razy
wracalo: wystarczyloby przeniesienie bloku albo zmiana kolejnosci przy sklejaniu przez LiteSpeed.
Z `:not(#nw-z)` wynik nie zalezy od kolejnosci. */
html body.woocommerce-checkout [data-id="5d225e4"]:not(#nw-z) {
gap: 5px !important;
row-gap: 5px !important;
/* (audyt 2026-07-21, user „boks dane rezerwacji troche nizej by wyzsza krawedz byla na tej samej
wysokosci co krawedz gorna boksu Twoje zamowienie")
ZMIERZONE w konsoli na kasie @1108: obie kolumny startuja identycznie (308,2), ale
- prawa (1d33c39) ma `padding-top:12px` (l. ~16110), lewa (5d225e4) miala 0,
- nad boksem prawym jest 12px odstepu widgetu, nad lewym 10px.
Razem: gorna krawedz „Dane rezerwacji" 318,2 vs „Twoje zamowienie" 332,2 = 14px roznicy.
Dlatego 14px, a nie 12: 12 to symetria paddingu kolumn, +2 to roznica odstepow widgetow.
Gdyby ktos kiedys zrownal te widgety, tu trzeba wrocic do 12. */
padding-top: 14px !important;
}
/* Sekcja opinii â ponad siatkÄ
kategorii (strona gĹĂłwna) */
.nw-opinie-section {
position: relative;
z-index: 2;
}
.nw-opinie-outer {
position: relative;
z-index: 2;
}
/* MOBILE/TABLET add-to-cart: tekst loading bez skoku i bez prawego side-carta */
@media (max-width: 1024px) {
.add_to_cart_button.loading,
.ajax_add_to_cart.loading,
.bundle_add_to_cart_button.loading,
.product_type_bundle.ajax_add_to_cart.loading,
.add_to_cart_button.nw-is-loading,
.ajax_add_to_cart.nw-is-loading {
color: #1a1407 !important; /* (audyt 2026-06-25): bylo zloto na czerni #1b1b19 — mobile loading. Kanon: ciemny napis na zlotym */
-webkit-text-fill-color: #1a1407 !important;
background-color: #d4ba87 !important;
border-color: #d4ba87 !important;
opacity: 1 !important;
pointer-events: auto !important;
}
.add_to_cart_button.loading::before,
.add_to_cart_button.loading::after,
.ajax_add_to_cart.loading::before,
.ajax_add_to_cart.loading::after,
.bundle_add_to_cart_button.loading::before,
.bundle_add_to_cart_button.loading::after,
.product_type_bundle.ajax_add_to_cart.loading::before,
.product_type_bundle.ajax_add_to_cart.loading::after,
.wd-add-btn .add_to_cart_button.nw-is-loading::before,
.wd-add-btn-replace .add_to_cart_button.nw-is-loading::before {
display: none !important;
content: none !important;
animation: none !important;
opacity: 0 !important;
}
.wd-add-btn .add_to_cart_button.nw-is-loading,
.wd-add-btn-replace .add_to_cart_button.nw-is-loading,
.product-grid-item .add_to_cart_button.nw-is-loading,
.product-grid-item .ajax_add_to_cart.nw-is-loading {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
white-space: nowrap !important;
line-height: 1.1 !important;
}
body.nw-atc-no-side-cart .cart-widget-side,
body.nw-atc-no-side-cart .wd-cart-widget,
body.nw-atc-no-side-cart .shopping-cart-widget,
body.nw-atc-no-side-cart .cart-widget-side.wd-side-hidden,
body.nw-atc-no-side-cart .wd-side-hidden.cart-widget-side {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: translateX(110%) !important;
}
body.nw-atc-no-side-cart .wd-close-side,
body.nw-atc-no-side-cart .woodmart-close-side,
body.nw-atc-no-side-cart .close-side-widget {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
}
@media (max-width: 1024px) {
/* WYPOZYCZALNIA - finalne wyrownanie siatki produktow */
body.post-type-archive-product .wd-products.wd-grid-g,
body.tax-product_cat .wd-products.wd-grid-g,
body.tax-product_tag .wd-products.wd-grid-g {
align-items: stretch !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product.wd-col,
body.tax-product_cat .wd-products.wd-grid-g .wd-product.wd-col,
body.tax-product_tag .wd-products.wd-grid-g .wd-product.wd-col {
display: flex !important;
align-self: stretch !important;
height: auto !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-wrapper,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-wrapper,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-wrapper {
display: flex !important;
flex-direction: column !important;
width: 100% !important;
height: 100% !important;
min-height: 100% !important;
text-align: center !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-thumb,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-thumb,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-thumb {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
aspect-ratio: 1 / 1 !important;
height: auto !important;
min-height: 0 !important;
overflow: hidden !important;
flex: 0 0 auto !important;
background: #fff !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-img-link,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-img-link,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-img-link {
position: relative !important;
top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
inset: auto !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
min-height: 0 !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-thumb img,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-thumb img,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-thumb img {
display: block !important;
width: 100% !important;
height: 100% !important;
max-width: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_cat .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_tag .wd-products.wd-grid-g .wd-entities-title,
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-quick-shop),
body.tax-product_cat .wd-products.wd-grid-g .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-quick-shop),
body.tax-product_tag .wd-products.wd-grid-g .wd-product-wrapper > *:not(.wd-product-thumb):not(.wd-quick-shop),
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-cats,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-cats,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-cats,
body.post-type-archive-product .wd-products.wd-grid-g .price,
body.tax-product_cat .wd-products.wd-grid-g .price,
body.tax-product_tag .wd-products.wd-grid-g .price,
body.post-type-archive-product .wd-products.wd-grid-g .wd-add-btn,
body.tax-product_cat .wd-products.wd-grid-g .wd-add-btn,
body.tax-product_tag .wd-products.wd-grid-g .wd-add-btn {
flex: 0 0 auto !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_cat .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_tag .wd-products.wd-grid-g .wd-entities-title {
min-height: 58px !important;
margin: 14px 0 4px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-align: center !important;
line-height: 1.2 !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-product-cats,
body.tax-product_cat .wd-products.wd-grid-g .wd-product-cats,
body.tax-product_tag .wd-products.wd-grid-g .wd-product-cats {
min-height: 24px !important;
margin: 0 0 10px !important;
text-align: center !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .price,
body.tax-product_cat .wd-products.wd-grid-g .price,
body.tax-product_tag .wd-products.wd-grid-g .price {
min-height: 30px !important;
margin: 0 0 16px !important;
text-align: center !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .wd-add-btn,
body.tax-product_cat .wd-products.wd-grid-g .wd-add-btn,
body.tax-product_tag .wd-products.wd-grid-g .wd-add-btn {
margin-top: auto !important;
display: flex !important;
justify-content: center !important;
}
} /* (audyt) DOMKNIĘCIE @media(max-width:1024px) z linii 14949 — brakujący nawias ze źródła */
@media (max-width: 767px) {
body.post-type-archive-product .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_cat .wd-products.wd-grid-g .wd-entities-title,
body.tax-product_tag .wd-products.wd-grid-g .wd-entities-title {
min-height: 52px !important;
margin-top: 12px !important;
}
body.post-type-archive-product .wd-products.wd-grid-g .price,
body.tax-product_cat .wd-products.wd-grid-g .price,
body.tax-product_tag .wd-products.wd-grid-g .price {
min-height: 28px !important;
margin-bottom: 12px !important;
}
}
/* MOBILE MENU - nad sticky barem koszyka */
.mobile-nav.wd-side-hidden,
.mobile-nav.wd-side-hidden.wd-opened,
.wd-side-hidden-nav.wd-opened {
z-index: 10001 !important;
}
.wd-close-side,
.woodmart-close-side,
.close-side-widget {
z-index: 10000 !important;
}
/* loading state — obsługiwany przez patches-all (snippet) */
/* MOBILE HEADER - mniejsze i wycentrowane logo */
@media (max-width: 1024px) {
.whb-column_mobile3.whb-mobile-center .site-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
max-width: 100% !important;
margin: 0 auto !important;
text-align: center !important;
}
.whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo { display: flex !important;align-items: center !important;justify-content: center !important;margin: 0 auto !important;background: none !important;filter: none !important;line-height: 0 !important; }
.whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img,
.whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img[src*="LOGO_NW_POZIOM_BEZ"] {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
width: auto !important; /* (audyt 2026-06-26) bylo 200px = upscale obrazu 182px => rozmyte „zepsute" logo. Natywna szerokosc + cap = krzepko. */
max-width: 180px !important;
height: auto !important;
max-height: 60px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
}
/* MOBILE HEADER - sama ikonka menu i dokladne centrowanie logo */
@media (max-width: 1024px) {
.whb-hidden-lg .whb-flex-row,
.whb-general-header .whb-flex-row,
.whb-sticked .whb-flex-row,
.whb-clone .whb-flex-row {
display: grid !important;
grid-template-columns: 54px minmax(0, 1fr) 54px !important;
align-items: center !important;
column-gap: 0 !important;
}
.whb-mobile-left,
.whb-mobile-center,
.whb-mobile-right {
min-width: 0 !important;
}
.whb-mobile-left {
justify-content: center !important;
}
.whb-mobile-left .wd-header-mobile-nav,
.whb-mobile-left .wd-tools-element,
.whb-mobile-left .wd-tools-element > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
}
.whb-mobile-left .wd-tools-text,
.whb-mobile-left .wd-tools-text::before,
.whb-mobile-left .wd-tools-text::after {
display: none !important;
content: none !important;
}
.whb-column_mobile3.whb-mobile-center,
.whb-column_mobile3.whb-mobile-center .site-logo {
justify-self: center !important;
align-self: center !important;
justify-content: center !important;
text-align: center !important;
}
.whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo {
width: 200px !important;
max-width: 200px !important;
height: 60px !important;
margin-left: auto !important;
margin-right: auto !important;
}
.whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img {
width: 200px !important;
max-width: 200px !important;
max-height: 60px !important;
}
}
/* MOBILE HEADER - final: bez napisu Menu, logo na srodku ekranu */
@media (max-width: 1024px) {
.whb-header .whb-flex-row,
.whb-general-header .whb-flex-row,
.whb-sticked .whb-flex-row,
.whb-clone .whb-flex-row {
position: relative !important;
display: flex !important;
align-items: center !important;
min-height: 72px !important;
}
.whb-header .wd-header-mobile-nav .wd-tools-text,
.whb-header .wd-header-mobile-nav .wd-tools-text::before,
.whb-header .wd-header-mobile-nav .wd-tools-text::after,
.whb-hidden-lg .wd-header-mobile-nav .wd-tools-text,
.whb-hidden-lg .wd-header-mobile-nav .wd-tools-text::before,
.whb-hidden-lg .wd-header-mobile-nav .wd-tools-text::after,
.wd-header-mobile-nav .wd-tools-text,
.wd-header-mobile-nav .wd-tools-text::before,
.wd-header-mobile-nav .wd-tools-text::after {
display: none !important;
content: none !important;
font-size: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.whb-header .wd-header-mobile-nav,
.whb-header .wd-header-mobile-nav > a,
.whb-hidden-lg .wd-header-mobile-nav,
.whb-hidden-lg .wd-header-mobile-nav > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
}
.whb-header .whb-column_mobile1,
.whb-header .whb-mobile-left {
flex: 0 0 54px !important;
width: 54px !important;
max-width: 54px !important;
min-width: 54px !important;
justify-content: center !important;
z-index: 3 !important;
}
.whb-header .whb-column.whb-column_mobile3.whb-mobile-center {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 210px !important;
max-width: 210px !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
}
}
/* MOBILE HEADER - usun napis Menu z konkretnego elementu */
@media (max-width: 1024px) {
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a,
.wd-tools-element.wd-header-mobile-nav.wd-style-text > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
width: 54px !important;
min-width: 54px !important;
height: 54px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a > .wd-tools-text,
.wd-tools-element.wd-header-mobile-nav.wd-style-text > a > .wd-tools-text,
.wd-header-mobile-nav.wd-style-text > a > .wd-tools-text {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
max-width: 0 !important;
height: 0 !important;
max-height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
color: transparent !important;
text-indent: -9999px !important;
pointer-events: none !important;
}
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a > .wd-tools-text::before,
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a > .wd-tools-text::after,
.wd-tools-element.wd-header-mobile-nav.wd-style-text > a > .wd-tools-text::before,
.wd-tools-element.wd-header-mobile-nav.wd-style-text > a > .wd-tools-text::after {
display: none !important;
content: none !important;
}
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 .wd-tools-icon,
.wd-tools-element.wd-header-mobile-nav.wd-style-text .wd-tools-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
margin: 0 !important;
}
}
/* MOBILE HEADER - final: koszyk lekko w prawo, logo idealnie w centrum */
@media (max-width: 1024px) {
.whb-header .whb-flex-row,
.whb-hidden-lg .whb-flex-row,
.whb-general-header .whb-flex-row,
.whb-sticked .whb-flex-row,
.whb-clone .whb-flex-row {
position: relative !important;
display: flex !important;
align-items: center !important;
width: 100% !important;
min-height: 72px !important;
}
.whb-header .whb-column.whb-column_mobile3.whb-mobile-center,
.whb-hidden-lg.whb-column.whb-column_mobile3.whb-mobile-center {
position: absolute !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 210px !important;
max-width: 210px !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2 !important;
}
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo,
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 200px !important;
max-width: 200px !important;
height: 60px !important;
margin: 0 auto !important;
background: none !important;
filter: none !important;
}
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img {
display: block !important;
width: 200px !important;
max-width: 200px !important;
height: auto !important;
max-height: 60px !important;
margin: 0 auto !important;
object-fit: contain !important;
opacity: 1 !important;
visibility: visible !important;
}
.whb-header .whb-column_mobile4.whb-mobile-right,
.whb-hidden-lg.whb-column_mobile4.whb-mobile-right {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
flex: 0 0 54px !important;
width: 54px !important;
max-width: 54px !important;
min-width: 54px !important;
margin-left: auto !important;
padding: 0 !important;
z-index: 3 !important;
}
.whb-column_mobile4.whb-mobile-right .wd-header-cart,
.wd-header-cart.whb-trk5sfmvib0ch1s1qbtc {
transform: translateX(3px) !important;
}
}
/* MOBILE HEADER - korekta koszyka i menu sticky */
@media (max-width: 1024px) {
.whb-mobile-left,
.whb-column_mobile1,
.whb-sticked .whb-mobile-left,
.whb-sticked .whb-column_mobile1,
.whb-clone .whb-mobile-left,
.whb-clone .whb-column_mobile1 {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 54px !important;
width: 54px !important;
max-width: 54px !important;
min-width: 54px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 4 !important;
}
.wd-tools-element.wd-header-mobile-nav,
.wd-tools-element.wd-header-mobile-nav.whb-g1k0m1tib7raxrwkm1t3,
.whb-sticked .wd-tools-element.wd-header-mobile-nav,
.whb-clone .wd-tools-element.wd-header-mobile-nav {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
.wd-tools-element.wd-header-mobile-nav > a,
.wd-tools-element.wd-header-mobile-nav.whb-g1k0m1tib7raxrwkm1t3 > a,
.whb-sticked .wd-tools-element.wd-header-mobile-nav > a,
.whb-clone .wd-tools-element.wd-header-mobile-nav > a {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 54px !important;
min-width: 54px !important;
height: 54px !important;
margin: 0 !important;
padding: 0 !important;
gap: 0 !important;
opacity: 1 !important;
visibility: visible !important;
}
.wd-tools-element.wd-header-mobile-nav .wd-tools-icon,
.whb-sticked .wd-tools-element.wd-header-mobile-nav .wd-tools-icon,
.whb-clone .wd-tools-element.wd-header-mobile-nav .wd-tools-icon {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
visibility: visible !important;
margin: 0 !important;
}
.wd-tools-element.wd-header-mobile-nav .wd-tools-text,
.wd-tools-element.wd-header-mobile-nav .wd-tools-text::before,
.wd-tools-element.wd-header-mobile-nav .wd-tools-text::after,
.whb-sticked .wd-tools-element.wd-header-mobile-nav .wd-tools-text,
.whb-sticked .wd-tools-element.wd-header-mobile-nav .wd-tools-text::before,
.whb-sticked .wd-tools-element.wd-header-mobile-nav .wd-tools-text::after,
.whb-clone .wd-tools-element.wd-header-mobile-nav .wd-tools-text,
.whb-clone .wd-tools-element.wd-header-mobile-nav .wd-tools-text::before,
.whb-clone .wd-tools-element.wd-header-mobile-nav .wd-tools-text::after {
display: none !important;
content: none !important;
font-size: 0 !important;
line-height: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
}
/* MOBILE HEADER - menu w tej samej odleglosci od brzegu co koszyk */
@media (max-width: 1024px) {
.wd-tools-element.wd-header-mobile-nav,
.wd-tools-element.wd-header-mobile-nav.whb-g1k0m1tib7raxrwkm1t3,
.whb-sticked .wd-tools-element.wd-header-mobile-nav,
.whb-clone .wd-tools-element.wd-header-mobile-nav {
transform: translateX(-10px) !important;
}
}
/* MOBILE HEADER - mocniejsze cofniecie konkretnej ikony menu */
@media (max-width: 1024px) {
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3,
.whb-sticked .wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3,
.whb-clone .wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 {
transform: translateX(-10px) !important;
}
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a {
width: 44px !important;
min-width: 44px !important;
padding: 0 !important;
margin: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
}
.wd-tools-element.wd-header-mobile-nav.wd-style-text.whb-g1k0m1tib7raxrwkm1t3 > a > .wd-tools-text {
display: none !important;
}
}
/* MOBILE QUICK FIXES - logo + spokojniejszy H1 na glownej */
/* Logo: AVIF natywnie 182x54px — ustawiamy poniżej natywnego (ostry obraz, brak upscalingu) */
@media (max-width: 1024px) {
.whb-header .whb-column_mobile3.whb-mobile-center,
.whb-hidden-lg.whb-column_mobile3.whb-mobile-center,
.whb-sticked .whb-column_mobile3.whb-mobile-center,
.whb-clone .whb-column_mobile3.whb-mobile-center {
width: 210px !important;
max-width: calc(100vw - 88px) !important;
}
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo,
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo,
.whb-sticked .whb-column_mobile3.whb-mobile-center .site-logo,
.whb-sticked .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo,
.whb-clone .whb-column_mobile3.whb-mobile-center .site-logo,
.whb-clone .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo {
width: 200px !important;
max-width: calc(100vw - 96px) !important;
height: 60px !important;
}
.whb-header .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img,
.whb-sticked .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img,
.whb-clone .whb-column_mobile3.whb-mobile-center .site-logo > a.wd-logo.wd-main-logo img {
width: 200px !important;
max-width: calc(100vw - 96px) !important;
height: auto !important;
max-height: 60px !important;
}
}
@media (max-width: 767px) {
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty h1,
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty .elementor-heading-title,
body.home .hero-tekst-namioty h1 {
font-size: 32px !important;
line-height: 1.08 !important;
letter-spacing: 0 !important;
max-width: 92vw !important;
}
}
@media (max-width: 390px) {
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty h1,
body.home .elementor-element.elementor-element-f317353 .hero-tekst-namioty .elementor-heading-title,
body.home .hero-tekst-namioty h1 {
font-size: 29px !important;
}
}
/* MOBILE FINAL - cookies, kategorie/opinie i add-to-cart bez mrugniecia */
@media (max-width: 767px) {
body.home .wd-cats.products,
body.home .wd-cats.products.elements-grid,
body.home .wd-cats-element .wd-grid-g {
position: relative !important;
z-index: 1 !important;
margin-bottom: 72px !important;
overflow: visible !important;
}
body.home .wd-cats.products .category-grid-item,
body.home .wd-cats.products.elements-grid .category-grid-item {
position: relative !important;
z-index: 1 !important;
margin-bottom: 18px !important;
}
body.home .wd-cats.products .category-grid-item .wd-cat-inner,
body.home .wd-cats.products.elements-grid .category-grid-item .wd-cat-inner {
overflow: hidden !important;
}
body.home .elementor-element-c395961,
body.home .nw-opinie-section {
clear: both !important;
position: relative !important;
z-index: 5 !important;
margin-top: 56px !important;
}
body.home .nw-opinie-section {
padding-top: 42px !important;
}
}
/* MOBILE - stabilny przycisk dodawania bez mrugania Woodmart/Woo */
@media (max-width: 1024px) {
.product-grid-item .add_to_cart_button,
.product-grid-item .ajax_add_to_cart,
.wd-add-btn .add_to_cart_button,
.wd-add-btn .ajax_add_to_cart,
.wd-add-btn-replace .add_to_cart_button,
.wd-add-btn-replace .ajax_add_to_cart {
transition: none !important;
animation: none !important;
transform: none !important;
opacity: 1 !important;
backface-visibility: hidden !important;
-webkit-tap-highlight-color: transparent !important;
}
.product-grid-item .add_to_cart_button.loading,
.product-grid-item .add_to_cart_button.added,
.product-grid-item .add_to_cart_button.nw-is-loading,
.product-grid-item .ajax_add_to_cart.loading,
.product-grid-item .ajax_add_to_cart.added,
.product-grid-item .ajax_add_to_cart.nw-is-loading,
.wd-add-btn .add_to_cart_button.loading,
.wd-add-btn .add_to_cart_button.added,
.wd-add-btn .add_to_cart_button.nw-is-loading,
.wd-add-btn .ajax_add_to_cart.loading,
.wd-add-btn .ajax_add_to_cart.added,
.wd-add-btn .ajax_add_to_cart.nw-is-loading,
.wd-add-btn-replace .add_to_cart_button.loading,
.wd-add-btn-replace .add_to_cart_button.added,
.wd-add-btn-replace .add_to_cart_button.nw-is-loading,
.wd-add-btn-replace .ajax_add_to_cart.loading,
.wd-add-btn-replace .ajax_add_to_cart.added,
.wd-add-btn-replace .ajax_add_to_cart.nw-is-loading {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
background: #d4ba87 !important; /* (audyt 2026-06-25): bylo #1b1b19 CZARNE — to GLOWNY winowajca "dodaj do wyceny czarne PO KLIKNIECIU" (stan .loading/.added site-wide: related, loop, popup). Kanon F2+G2: zlote. */
background-color: #d4ba87 !important;
border-color: #d4ba87 !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
opacity: 1 !important;
visibility: visible !important;
transition: none !important;
animation: none !important;
transform: none !important;
}
.product-grid-item .add_to_cart_button.loading::before,
.product-grid-item .add_to_cart_button.loading::after,
.product-grid-item .add_to_cart_button.added::before,
.product-grid-item .add_to_cart_button.added::after,
.product-grid-item .ajax_add_to_cart.loading::before,
.product-grid-item .ajax_add_to_cart.loading::after,
.product-grid-item .ajax_add_to_cart.added::before,
.product-grid-item .ajax_add_to_cart.added::after,
.wd-add-btn .add_to_cart_button.loading::before,
.wd-add-btn .add_to_cart_button.loading::after,
.wd-add-btn .add_to_cart_button.added::before,
.wd-add-btn .add_to_cart_button.added::after,
.wd-add-btn .ajax_add_to_cart.loading::before,
.wd-add-btn .ajax_add_to_cart.loading::after,
.wd-add-btn .ajax_add_to_cart.added::before,
.wd-add-btn .ajax_add_to_cart.added::after,
.wd-add-btn-replace .add_to_cart_button.loading::before,
.wd-add-btn-replace .add_to_cart_button.loading::after,
.wd-add-btn-replace .add_to_cart_button.added::before,
.wd-add-btn-replace .add_to_cart_button.added::after,
.wd-add-btn-replace .ajax_add_to_cart.loading::before,
.wd-add-btn-replace .ajax_add_to_cart.loading::after,
.wd-add-btn-replace .ajax_add_to_cart.added::before,
.wd-add-btn-replace .ajax_add_to_cart.added::after {
display: none !important;
content: none !important;
opacity: 0 !important;
animation: none !important;
transition: none !important;
}
.product-grid-item .added_to_cart,
.wd-add-btn .added_to_cart,
.wd-add-btn-replace .added_to_cart {
display: none !important;
}
.product-grid-item .add_to_cart_button .wd-action-text,
.product-grid-item .ajax_add_to_cart .wd-action-text,
.wd-add-btn .add_to_cart_button .wd-action-text,
.wd-add-btn .ajax_add_to_cart .wd-action-text,
.wd-add-btn-replace .add_to_cart_button .wd-action-text,
.wd-add-btn-replace .ajax_add_to_cart .wd-action-text {
opacity: 1 !important;
visibility: visible !important;
transition: none !important;
animation: none !important;
}
.product-grid-item .add_to_cart_button.nw-is-loading,
.product-grid-item .ajax_add_to_cart.nw-is-loading,
.wd-add-btn .add_to_cart_button.nw-is-loading,
.wd-add-btn .ajax_add_to_cart.nw-is-loading,
.wd-add-btn-replace .add_to_cart_button.nw-is-loading,
.wd-add-btn-replace .ajax_add_to_cart.nw-is-loading {
font-size: 0 !important;
}
.product-grid-item .add_to_cart_button.nw-is-loading::after,
.product-grid-item .ajax_add_to_cart.nw-is-loading::after,
.wd-add-btn .add_to_cart_button.nw-is-loading::after,
.wd-add-btn .ajax_add_to_cart.nw-is-loading::after,
.wd-add-btn-replace .add_to_cart_button.nw-is-loading::after,
.wd-add-btn-replace .ajax_add_to_cart.nw-is-loading::after {
content: attr(data-nw-loading-text) !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
color: var(--nw-beige, #c9a15d) !important;
font-size: 12px !important;
font-weight: 600 !important;
line-height: 1 !important;
opacity: 1 !important;
visibility: visible !important;
animation: none !important;
transition: none !important;
}
}
/* MOBILE - aktywna kategoria: bez ramki, zloty licznik produktow */
@media (max-width: 767px) {
.category-grid-item .wd-cat-count,
.category-grid-item .wd-cat-count a,
.category-grid-item .more-products,
.category-grid-item .more-products a,
.wd-cats.products .category-grid-item .wd-cat-count,
.wd-cats.products .category-grid-item .wd-cat-count a,
.wd-cats.products .category-grid-item .more-products,
.wd-cats.products .category-grid-item .more-products a,
.wd-cats.products.elements-grid .category-grid-item .wd-cat-count,
.wd-cats.products.elements-grid .category-grid-item .wd-cat-count a,
.wd-cats.products.elements-grid .category-grid-item .more-products,
.wd-cats.products.elements-grid .category-grid-item .more-products a {
color: #111 !important;
}
.category-grid-item.nw-cat-active::after,
.wd-cats.products .category-grid-item.nw-cat-active::after,
.wd-cats.products.elements-grid .category-grid-item.nw-cat-active::after {
display: none !important;
content: none !important;
border: 0 !important;
}
.category-grid-item.nw-cat-active .wd-cat-inner,
.wd-cats.products .category-grid-item.nw-cat-active .wd-cat-inner,
.wd-cats.products.elements-grid .category-grid-item.nw-cat-active .wd-cat-inner,
.category-grid-item.nw-cat-active .wd-cat-thumb,
.wd-cats.products .category-grid-item.nw-cat-active .wd-cat-thumb {
border: 0 !important;
outline: 0 !important;
box-shadow: none !important;
}
.category-grid-item.nw-cat-active .wd-cat-count,
.category-grid-item.nw-cat-active .wd-cat-count a,
.category-grid-item.nw-cat-active .more-products,
.category-grid-item.nw-cat-active .more-products a,
.wd-cats.products .category-grid-item.nw-cat-active .wd-cat-count a,
.wd-cats.products.elements-grid .category-grid-item.nw-cat-active .wd-cat-count a {
color: #d4ba87 !important;
}
}
/* CHECKOUT — desktop: styling przycisków w sekcji error (error state) */
@media (min-width: 1025px) {
/* ZADZWOŃ — czarny z z otym tekstem */
.woocommerce-checkout .nw-cta-phone-btn {
background: #d4ba87 !important;
color: #1a1407 !important;
border: 1px solid #000 !important;
}
.woocommerce-checkout .nw-cta-phone-btn:hover {
background: #111 !important;
color: #fff !important;
}
/* SPRÓBUJ PONOWNIE — bia y jak styl dost pno ci */
.woocommerce-checkout .nw-retry-btn {
background: #fff !important;
color: #111 !important;
border: 1px solid #d4ba87 !important;
font-size: 14px !important;
font-weight: 600 !important;
min-height: 48px !important;
}
.woocommerce-checkout .nw-retry-btn:hover {
background: #fcfaf5 !important;
border-color: #c8aa68 !important;
color: #111 !important;
}
/* WRÓĆ DO STRONY — z oty link tekstowy poni ej */
.woocommerce-checkout .nw-cta-return-btn {
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #d4ba87 !important;
font-size: 13px !important;
font-weight: 600 !important;
min-height: auto !important;
height: auto !important;
padding: 6px 0 !important;
text-decoration: underline !important;
text-underline-offset: 3px !important;
margin-top: 4px !important;
margin-bottom: 0 !important;
}
.woocommerce-checkout .nw-cta-return-btn:hover {
color: #c8aa68 !important;
background: transparent !important;
}
}
/* =========================================================
MOBILE FIXES — przyciski loop + sticky CTA + spinner
========================================================= */
/* 1. CAPS na "Dodaj do wyceny" — tylko text-transform, bez font-size (nie nadpisuje font-size:0 z loading state) */
.product-grid-item a.add-to-cart-loop:not(#nw-z),
.product-grid-item .wd-add-btn .add_to_cart_button.add-to-cart-loop:not(#nw-z),
.elements-grid a.add-to-cart-loop:not(#nw-z),
a.add-to-cart-loop:not(#nw-z) {
text-transform: uppercase !important;
}
/* 2. Zabij spinner (::before) podczas loading na przyciskach loop */
a.add-to-cart-loop.loading:not(#nw-z)::before,
.product-grid-item a.add-to-cart-loop.loading:not(#nw-z)::before,
.wd-add-btn .add_to_cart_button.add-to-cart-loop.loading:not(#nw-z)::before {
display: none !important;
content: none !important;
animation: none !important;
opacity: 0 !important;
visibility: hidden !important;
}
/* 3. nw-sticky-cta — złoty tekst, czarne tło, caps */
a.nw-sticky-cta,
.nw-sticky-cta {
background: #d4ba87 !important;
color: #1a1407 !important;
border: 1px solid #d4ba87 !important;
text-transform: uppercase !important;
font-size: 12px !important;
font-weight: 600 !important;
letter-spacing: 0.05em !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
padding: 10px 18px !important;
min-height: 44px !important;
white-space: nowrap !important;
text-decoration: none !important;
}
a.nw-sticky-cta:hover,
.nw-sticky-cta:hover {
background: #fff !important;
color: #000 !important;
border-color: #000 !important;
}
/* =========================================================
POPUP CLOSE — złote X bez czarnego tła
========================================================= */
#nw-popup-v3 .nw-popup-v3__close:not(#nw-z){
background: transparent !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: #d4ba87 !important;
/* pozycja — w rogu popupu, lekko wewnątrz */
top: 6px !important;
right: 8px !important;
width: 32px !important;
height: 32px !important;
font-size: 22px !important;
line-height: 32px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
opacity: 0.85 !important;
}
#nw-popup-v3 .nw-popup-v3__close:not(#nw-z):hover{
background: transparent !important;
color: #fff !important;
opacity: 1 !important;
}
/* =========================================================
POPUP LOADING STATE — fix podwójnego DODAWANIE
Reguła #nw-popup-v3 .buy-wrap .button { color: var(--nw-beige) }
ma spec (1,2,1) i bije patches-all.txt (0,3,0).
:not(#nw-z) daje (2,3,1) → wygrywa.
========================================================= */
#nw-popup-v3 .nw-popup-v3__buy-wrap .add_to_cart_button.loading:not(#nw-z),
#nw-popup-v3 .nw-popup-v3__buy-wrap .button.loading:not(#nw-z){
color: transparent !important;
font-size: 0 !important;
background: #c9a84c !important; /* (audyt 2026-06-25): bylo #1b1b19 CZARNE — loading popupu bundle. Ciemniejsze zloto = feedback bez czerni (spinner zostaje przez transparent text). */
background-color: #c9a84c !important;
}
/* (audyt 2026-06-25): KARTY "Dodaj do wyceny" w popupie bundle PO KLIKNIECIU robily sie ciemne
(WoodMart dokladal .loading/.added -> ciemne tlo). Regula loading wyzej lapie tylko .buy-wrap, nie karty.
Lock: karta a.add_to_cart_button w popupie zostaje ZLOTA w KAZDYM stanie (base/hover/focus/loading/added).
ID-spec (#id + :not(#nw-z)) bije WoodMart i master. Loading = ciemniejsze zloto (feedback) zamiast czerni. */
/* (audyt 2026-06-25): KARTY popupu — CZYSTE ZLOTO #d4ba87 w KAZDYM stanie (base/hover/focus/loading/added).
Koniec brudnego oliwkowego (#c9a84c) i kreskowanej obwodki focus (to bylo zglaszane jako „czarne przyciski").
Potwierdzenie dodania = zielony ✓ obok napisu + zielony tekst „Dodano do wyceny" (z JS). */
#nw-popup-v3 a.add_to_cart_button:not(#nw-z),
#nw-popup-v3 a.add_to_cart_button.added:not(#nw-z),
#nw-popup-v3 a.add_to_cart_button:focus:not(#nw-z),
#nw-popup-v3 a.add_to_cart_button:hover:not(#nw-z),
#nw-popup-v3 a.add_to_cart_button.loading:not(#nw-z),
#nw-popup-r1 a.add_to_cart_button:not(#nw-z),
#nw-popup-r1 a.add_to_cart_button.added:not(#nw-z),
#nw-popup-r1 a.add_to_cart_button:focus:not(#nw-z),
#nw-popup-r1 a.add_to_cart_button:hover:not(#nw-z),
#nw-popup-r1 a.add_to_cart_button.loading:not(#nw-z) {
background: #d4ba87 !important;
background-color: #d4ba87 !important;
border-color: #d4ba87 !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
outline: none !important;
box-shadow: none !important;
}
#nw-popup-v3 a.add_to_cart_button.added:not(#nw-z)::after,
#nw-popup-r1 a.add_to_cart_button.added:not(#nw-z)::after {
content: " ✓" !important;
color: #2f7d32 !important;
-webkit-text-fill-color: #2f7d32 !important;
}
body.woocommerce-cart .main-page-wrapper {
padding-top: 0 !important;
}
body.woocommerce-cart .wd-page-title {
margin-top: 0 !important;
padding-top: 0 !important;
}
/* ---------------------------------------------------------
KONFIGURATOR (page_id=31488): tytuł banera + pełna szerokość + bez sidebara
--------------------------------------------------------- */
body.page-id-31488 .page-title::after,
body.page-id-31488 .wd-page-title::after {
content: "Wyceń" !important; /* (audyt 2026-06-24) bylo „Konfigurator" — spojnosc z menu „WYCEŃ" i bannerem Oferty */
}
/* pełna szerokość — usuń prawy sidebar */
body.page-id-31488 .wd-sidebar,
body.page-id-31488 .sidebar-container,
body.page-id-31488 .widget-area,
body.page-id-31488 #secondary,
body.page-id-31488 .col-lg-3.sidebar,
body.page-id-31488 .wd-col-sidebar {
display: none !important;
}
body.page-id-31488 .content-area,
body.page-id-31488 .wd-content-area,
body.page-id-31488 .site-content .content-area,
body.page-id-31488 main#main-content {
width: 100% !important;
max-width: 100% !important;
flex: 0 0 100% !important;
}
/* (audyt) Konfigurator (31488): pełna szerokość + wyśrodkowanie (sidebar off) */
body.page-id-31488 .wd-sidebar,
body.page-id-31488 .sidebar-container,
body.page-id-31488 .widget-area,
body.page-id-31488 #secondary { display:none !important; }
body.page-id-31488 [class*="col-lg-"],
body.page-id-31488 [class*="col-md-"],
body.page-id-31488 .wd-col-content,
body.page-id-31488 .content-area,
body.page-id-31488 .wd-content-area,
body.page-id-31488 main#main-content,
body.page-id-31488 .wd-page-content,
body.page-id-31488 article.page,
body.page-id-31488 .entry-content,
body.page-id-31488 .elementor,
body.page-id-31488 .e-con,
body.page-id-31488 .e-con-inner {
flex: 0 0 100% !important;
max-width: 100% !important;
width: 100% !important;
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
body.page-id-31488 .row { justify-content: center !important; }
body.page-id-31488 .nw-kf { margin-left:auto !important; margin-right:auto !important; }
/* (audyt) KONFIGURATOR (31488) — GRID-OVERRIDE 31488: pełna szerokość w siatce WoodMart */
/* Treść: wymuś span 12 kolumn (inline ma --wd-col-lg:9); sidebar: ukryj. */
body.page-id-31488 .wd-sidebar.sidebar-container,
body.page-id-31488 aside.wd-sidebar { display:none !important; }
body.page-id-31488 .wd-content-area.wd-grid-col {
--wd-col-lg: 12 !important;
--wd-col-md: 12 !important;
--wd-col-sm: 12 !important;
grid-column: 1 / -1 !important;
max-width: 100% !important;
width: 100% !important;
}
body.page-id-31488 main#main-content { --wd-col-lg: 12 !important; }
/* =========================================================
MOJE KONTO — spojny styl z brandem (logowanie/rejestracja/zakladki/zamowienia)
Przyciski dziedzicza wspolny styl z globalnej reguly button. Brak markup w CSS.
========================================================= */
body.woocommerce-account .woocommerce { max-width: var(--nw-content-max) !important; margin: 0 auto !important; padding: 76px 20px 0 !important; }
@media (max-width: 768px) { body.woocommerce-account .woocommerce { padding-top: 48px !important; } }
/* Nawigacja konta (zakladki) */
body.woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none !important; margin: 0 0 26px !important; padding: 0 !important; border: 1px solid var(--nw-border) !important; border-radius: 10px !important; overflow: hidden !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 !important; border-bottom: 1px solid var(--nw-border-soft) !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li:last-child { border-bottom: 0 !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a { display: block !important; padding: 13px 18px !important; color: var(--nw-text) !important; font-weight: 600 !important; text-decoration: none !important; transition: background .15s, color .15s !important; }
body.woocommerce-account .woocommerce-MyAccount-navigation li a:hover { background: var(--nw-gold-fade) !important; color: var(--nw-text) !important; }
/* (audyt 2026-07-20) zloto zamiast czerni — spojnie z blokiem ID-spec nizej (ten wygrywa, ale trzymamy jedna wersje prawdy) */
body.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: var(--nw-gold) !important; color: #1a1407 !important; }
/* (audyt) Ukryj „Pobrania" (downloads) — backup CSS, gdyby filtr PHP woocommerce_account_menu_items nie byl wgrany.
Dziala w dropdownie konta w headerze ORAZ w nawigacji „Moje konto". */
.wd-dropdown-my-account .wd-sub-menu li.woocommerce-MyAccount-navigation-link--downloads,
.wd-dropdown-my-account .wd-sub-menu li:has(> a[href*="downloads"]),
body.woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads,
body.woocommerce-account .woocommerce-MyAccount-navigation li:has(> a[href*="downloads"]) { display: none !important; }
.wd-dropdown-my-account .wd-sub-menu li a[href*="downloads"] { display: none !important; } /* fallback bez :has() */
/* Pola formularzy — jak na stronie rezerwacji, zaokraglone 6px */
body.woocommerce-account input[type="text"],
body.woocommerce-account input[type="email"],
body.woocommerce-account input[type="password"],
body.woocommerce-account input[type="tel"],
body.woocommerce-account input[type="number"],
body.woocommerce-account select,
body.woocommerce-account textarea {
width: 100% !important; min-height: 52px !important; padding: 12px 16px !important;
font-size: 16px !important; color: #111 !important; background: #fff !important;
border: 1px solid #dcdcdc !important; border-radius: 6px !important; box-shadow: none !important; box-sizing: border-box !important;
}
body.woocommerce-account input:focus, body.woocommerce-account select:focus, body.woocommerce-account textarea:focus { border-color: var(--nw-beige) !important; outline: none !important; }
body.woocommerce-account label { font-weight: 600 !important; color: var(--nw-text) !important; margin-bottom: 6px !important; display: inline-block !important; }
/* Karty: logowanie / rejestracja / edycja konta / adresy / reset hasla */
body.woocommerce-account .u-columns { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; }
body.woocommerce-account .u-columns > div, body.woocommerce-account .u-column1, body.woocommerce-account .u-column2 { flex: 1 1 320px !important; }
body.woocommerce-account form.login,
body.woocommerce-account form.register,
body.woocommerce-account .woocommerce-EditAccountForm,
body.woocommerce-account .woocommerce-address-fields,
body.woocommerce-account form.woocommerce-ResetPassword {
border: 1px solid var(--nw-border) !important; border-radius: 12px !important; padding: 24px !important; background: #fff !important;
}
body.woocommerce-account .woocommerce-MyAccount-content h2,
body.woocommerce-account .woocommerce-MyAccount-content h3,
body.woocommerce-account .col-1 h2, body.woocommerce-account .col-2 h2 { color: var(--nw-text) !important; }
/* Tabele zamowien / pobran / adresow */
body.woocommerce-account .woocommerce-MyAccount-content,
body.woocommerce-account .woocommerce-orders-table,
body.woocommerce-account table.shop_table,
body.woocommerce-account table.shop_table tbody,
body.woocommerce-account table.shop_table tr { background: #fff !important; color: var(--nw-text) !important; }
body.woocommerce-account table.shop_table { border: 1px solid var(--nw-border) !important; border-radius: 10px !important; border-collapse: separate !important; border-spacing: 0 !important; overflow: hidden !important; }
body.woocommerce-account table.shop_table th { background: #f7f3ea !important; color: #6f5520 !important; font-weight: 600 !important; text-transform: uppercase !important; letter-spacing: .03em !important; font-size: 12px !important; padding: 12px 14px !important; border: 0 !important; }
body.woocommerce-account table.shop_table td { background: #fff !important; color: var(--nw-text) !important; padding: 12px 14px !important; border-top: 1px solid var(--nw-border-soft) !important; }
body.woocommerce-account table.shop_table a:not(.button) { color: #8a6d2f !important; }
/* Komunikaty */
body.woocommerce-account .woocommerce-message,
body.woocommerce-account .woocommerce-info {
background: #faf6ec !important;
color: var(--nw-text) !important;
border: 1px solid var(--nw-border) !important;
border-left: 3px solid var(--nw-beige) !important;
border-radius: 8px !important;
box-shadow: none !important;
}
body.woocommerce-account .woocommerce-message::before,
body.woocommerce-account .woocommerce-info::before { color: var(--nw-beige) !important; }
body.woocommerce-account .woocommerce-error {
background: #fdecea !important;
color: #a3342b !important;
border: 1px solid #f3c5bf !important;
border-left: 3px solid #c0392b !important;
border-radius: 8px !important;
box-shadow: none !important;
}
@media (max-width: 768px) { body.woocommerce-account .u-columns { gap: 16px !important; } }
/* =========================================================
ZAMOWIENIA (lista) + PODGLAD ZAMOWIENIA — jasny styl.
Czern motywu WoodMart wygrywala specyficznoscia; tu mocniejszy override
(.woocommerce-MyAccount-content + klasa tabeli) + pozycja na koncu pliku.
========================================================= */
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tr,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details tbody,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details tfoot {
background: #fff !important; border-collapse: separate !important; border-spacing: 0 !important;
}
/* Naglowki kolumn + etykiety podsumowania (SUMA PRODUKTOW, MONTAZ...) — kremowe, nie czarne */
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table thead th,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details thead th,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot th,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details thead th,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details tfoot th {
background: #f7f3ea !important; color: #6f5520 !important; border: 0 !important;
border-top: 1px solid var(--nw-border-soft) !important;
}
/* Komorki danych — biale, ciemny tekst */
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-orders-table tbody td,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tbody td,
body.woocommerce-account .woocommerce-MyAccount-content table.woocommerce-table--order-details tfoot td,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details tbody td,
body.woocommerce-account .woocommerce-MyAccount-content table.order_details tfoot td {
background: #fff !important; color: var(--nw-text) !important;
border-top: 1px solid var(--nw-border-soft) !important;
}
/* Kwoty — zloto marki */
body.woocommerce-account .woocommerce-MyAccount-content table .amount,
body.woocommerce-account .woocommerce-MyAccount-content table .woocommerce-Price-amount { color: #8a6d2f !important; }
/* =========================================================
PRZYCISKI-LINKI (element a) i ELEMENTOR — wspolny KSZTALT + typografia.
Globalna regula button lapie tylko element button oraz .btn/.button — CTA budowane jako linki
(Wypozycz, Zobacz regulamin, FAQ, galeria) trzeba wyrownac osobno. Kolory zostaja per wariant.
========================================================= */
.elementor-button,
a.elementor-button,
.elementor-button-link,
.website-wrapper .elementor-button,
.elementor-widget-button .elementor-button,
.home a.nw-shop-cta-btn,
.nw-gallery-tab,
.nw-gallery-bundle-btn,
.nw-gallery-main-link.button {
border-radius: 8px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
}
/* =========================================================
STEPER +/- — SPÓJNY NA CAŁEJ STRONIE (złoty, jak konfigurator). 2026-06-22 / 2026-06-23.
Eleganckie złote glify +/- BEZ kółka (transparentne) + kwadrat z liczbą (złoty zaokrąglony box). Override na końcu pliku (wygrywa pozycją).
Pokrywa produkt prosty + koszyk + mini-koszyk. (Bundle na stronie produktu ma własny zwarty layout —
dziedziczy złote kolory, ale kształt może zostać kwadratowy; w razie potrzeby osobny pass.)
========================================================= */
.quantity {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0 !important;
width: auto !important; min-width: 0 !important; max-width: none !important;
height: auto !important; min-height: 0 !important;
overflow: hidden !important;
background: #fff !important;
border: 1.5px solid #d4ba87 !important;
border-radius: 10px !important;
grid-template-columns: none !important;
}
/* +/- bez kółka: eleganckie złote glify, transparentne, obok kwadratu z liczbą. 2026-06-23. */
.quantity .minus, .quantity .plus,
.quantity > .minus, .quantity > .plus {
flex: 0 0 36px !important;
width: 36px !important; min-width: 36px !important; max-width: 36px !important;
height: 42px !important; min-height: 42px !important; max-height: 42px !important;
border-radius: 0 !important;
background: transparent !important;
border: 0 !important;
color: #d4ba87 !important;
font-size: 24px !important; font-weight: 400 !important; line-height: 1 !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
padding: 0 !important; margin: 0 !important; box-shadow: none !important;
text-transform: none !important; letter-spacing: 0 !important;
transition: color .15s ease, opacity .15s ease !important;
}
.quantity .plus, .quantity > .plus { background: transparent !important; }
.quantity .minus:hover, .quantity .plus:hover,
.quantity > .minus:hover, .quantity > .plus:hover { color: #d4af37 !important; background: rgba(201,168,76,.12) !important; }
.quantity .qty, .quantity > .qty {
flex: 0 0 38px !important;
width: 38px !important; min-width: 38px !important; max-width: 38px !important;
height: 42px !important; min-height: 42px !important; line-height: 42px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important; color: #111 !important;
text-align: center !important; font-size: 16px !important; font-weight: 600 !important;
box-shadow: none !important; padding: 0 !important;
appearance: textfield !important; -moz-appearance: textfield !important;
}
.quantity .qty::-webkit-outer-spin-button, .quantity .qty::-webkit-inner-spin-button,
.quantity > .qty::-webkit-outer-spin-button, .quantity > .qty::-webkit-inner-spin-button {
-webkit-appearance: none !important; margin: 0 !important;
}
/* =========================================================
BUNDLE (strona produktu) — stepper na ZŁOTE KÓŁKA (dopasowanie do reszty strony). 2026-06-22.
Matchuje długi selektor bundle (ta sama specyficzność) + pozycja na końcu = wygrywa.
WYMAGA przeglądu wizualnego na stronie produktu-zestawu (ciasny layout, stałe wysokości).
========================================================= */
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity {
display: inline-flex !important; align-items: center !important; justify-content: center !important;
gap: 0 !important; width: auto !important; min-width: 0 !important; max-width: none !important;
overflow: hidden !important; grid-template-columns: none !important;
border: 1.5px solid #d4ba87 !important; border-radius: 10px !important; background: #fff !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .minus,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .plus {
flex: 0 0 28px !important; width: 28px !important; min-width: 28px !important; max-width: 28px !important;
height: 38px !important; min-height: 38px !important; max-height: 38px !important; line-height: 1 !important;
border-radius: 0 !important; border: 0 !important;
background: transparent !important; color: #d4ba87 !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
font-size: 22px !important; font-weight: 400 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important;
}
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .plus { background: transparent !important; }
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .minus:hover,
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .plus:hover { color: #d4af37 !important; background: rgba(201,168,76,.12) !important; }
body.single-product form.cart.cart_group.bundle_form.layout_default.group_mode_parent.small_width .bundled_product .quantity > .qty {
flex: 0 0 34px !important; width: 34px !important; min-width: 34px !important; max-width: 34px !important;
height: 38px !important; min-height: 38px !important; line-height: 38px !important;
border: 0 !important; border-radius: 0 !important;
background: transparent !important; color: #111 !important;
text-align: center !important; font-size: 14px !important; font-weight: 600 !important; box-shadow: none !important; padding: 0 !important;
}
/* =========================================================
KOSZYK BOCZNY WoodMart — BEZ przygaszania ekranu. 2026-06-22.
Overlay (.wd-close-side.wd-close-side-opened i warianty) przezroczysty: drawer dalej się wsuwa,
klik poza koszykiem nadal zamyka (warstwa zostaje, tylko bez ciemnego tła/blura).
Popup dodatków v3 ma WŁASNY overlay (.nw-popup-v3__overlay) — jego przyciemnienie zostaje.
Niezależne od snippetu 02 (czysty CSS) — działa nawet bez wgrania PHP.
========================================================= */
.wd-close-side,
.wd-close-side.wd-fill,
.wd-close-side.wd-close-side-opened,
.wd-overlay,
.wd-overlay.wd-opened,
.woodmart-cart-overlay,
.wd-cart-design-overlay {
background: transparent !important;
background-color: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
box-shadow: none !important;
}
.wd-close-side::before,
.wd-close-side::after,
.wd-overlay::before,
.wd-overlay::after {
background: transparent !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}
/* =========================================================
OPINIE GOOGLE [nw_opinie] — externalizacja inline-stylów ze snippetu 09 (lżejszy HTML, lepszy cache). 2026-06-22.
========================================================= */
.nw-opinie-section{background:#111;padding:64px 0;}
/* (audyt 2026-06-27) OPINIE na WYCEŃ i OFERCIE = JASNE (user: „bez czarnego tla, tak samo w ofercie").
Sekcja dziedziczy krem strony, karty biale, tekst ciemny; strzalki ciemniejsze zloto (na jasnym tle). */
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinie-section{background:transparent !important;padding:20px 0 56px;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinie-header p{color:#6f6f6f !important;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinia-card{background:#fff !important;border:1px solid rgba(212,186,135,.35) !important;box-shadow:0 8px 24px rgba(0,0,0,.05) !important;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinia-card:hover{border-color:#d4ba87 !important;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinia-meta strong{color:#111 !important;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinia-text{color:#444 !important;}
body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinie-more a{color:#b8923a !important;border-bottom:0 !important;}
/* (2026-07-02, user) na jasnych stronach strzalki opinii = SAME CZARNE (bez kolka, bez cienia) */
html body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinie-arrow:not(#nw-z){color:#c9a84c !important;text-shadow:none !important;filter:none !important;} /* (2026-07-03 v2, user: ZLOTE takze na Wycen/Ofercie — ciemniejsze zloto na kremie */
html body:is(.page-id-31488, .woocommerce-shop, .post-type-archive-product, .tax-product_cat) .nw-opinie-arrow:not(#nw-z):hover{color:#b8923a !important;}
.nw-opinie-outer{max-width:1240px;margin:0 auto;padding:0 24px;position:relative;z-index:2;}
.nw-opinie-header{text-align:center;margin-bottom:32px;}
.nw-opinie-header h2{color:#fff;font-size:28px;font-weight:600;margin:0 0 8px;}
.nw-opinie-header p{color:#999;font-size:15px;margin:0;}
.nw-opinie-carousel{position:relative;padding:0 68px;} /* (audyt 2026-06-27) wiecej miejsca na bokach na wieksze strzalki */
.nw-opinie-track-wrap{overflow:hidden;}
.nw-opinie-track{display:flex;gap:24px;align-items:stretch;transition:transform .35s ease;will-change:transform;}
.nw-opinie-track > .nw-opinia-card{flex:0 0 calc((100% - 48px)/3);}
@media(max-width:991px){.nw-opinie-track > .nw-opinia-card{flex-basis:calc((100% - 24px)/2);}}
@media(max-width:600px){.nw-opinie-track > .nw-opinia-card{flex-basis:100%;}}
/* (2026-07-02 v2, decyzja usera) Strzalki opinii: BEZ kolka — SAMA zlota strzalka, odrobine wyzej (top 42%).
Widocznosc na ciemnym tle daje cien; na jasnych stronach wariant nizej. */
.nw-opinie-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:6;width:52px !important;height:64px !important;min-width:0 !important;background:transparent !important;color:#f0d69f !important;border:0 !important;border-radius:0 !important;cursor:pointer;line-height:1;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:none !important;padding:0 !important;text-transform:none !important;letter-spacing:0 !important;filter:none;transition:color .2s ease,opacity .2s ease;} /* (2026-07-03, user: strzalki bez cienia) */ /* (2026-07-03) GRUBE chevrony SVG zamiast cienkich glifow (user: nadal nie widac strzalek) */
.nw-opinie-arrow:hover{color:#ffe3a6 !important;background:transparent !important;}
.nw-opinie-arrow:disabled{opacity:.8;cursor:default;} /* (2026-07-03 v2) user: nieaktywna wciaz za ciemna na czerni — .8 */
.nw-opinie-prev{left:0;} .nw-opinie-next{right:0;}
@media(max-width:600px){.nw-opinie-carousel{padding:0 40px;} .nw-opinie-arrow{width:40px !important;height:52px !important;font-size:34px !important;}}
.nw-opinia-card{background:#171717;border:1px solid rgba(212,186,135,.10);border-radius:12px;padding:22px; /* (audyt 2026-06-25): radius 14->12 (kanon kart). Uwaga: ten blok = wariant KARUZELA; jasne tlo/12px i tak wymusza blok SIATKI @2307 przez !important (martwy w DOM, ale porywa karte) */display:flex;flex-direction:column;gap:12px;transition:border-color .3s ease;box-sizing:border-box;height:312px;overflow:hidden;}
.nw-opinia-card:hover{border-color:#d4ba87;}
.nw-opinia-top{display:flex;align-items:center;gap:12px;}
.nw-opinia-avatar{width:44px;height:44px;border-radius:50%;background:#d4ba87;color:#1a1a1a;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;flex-shrink:0;overflow:hidden;}
.nw-opinia-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.nw-opinia-meta{display:flex;flex-direction:column;gap:1px;}
.nw-opinia-meta strong{color:#fff;font-size:15px;font-weight:600;}
.nw-opinia-meta span{color:#777;font-size:12px;}
.nw-opinia-stars{color:#fbbc04;font-size:16px;letter-spacing:1px;line-height:1;}
.nw-opinia-text{color:#bbb;font-size:14px;line-height:1.65;margin:0;flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:8px;scrollbar-width:thin;scrollbar-color:rgba(212,186,135,.5) transparent;}
.nw-opinia-text::-webkit-scrollbar{width:6px;}
.nw-opinia-text::-webkit-scrollbar-thumb{background:rgba(212,186,135,.45);border-radius:3px;}
.nw-opinia-text::-webkit-scrollbar-track{background:transparent;}
/* =========================================================
ZAUFALI NAM [nw_zaufali] — styl strony głównej (większy nagłówek, spójna typografia). Externalizowane. 2026-06-22.
========================================================= */
.nw-zaufali{padding:24px 0 60px;} /* (audyt 2026-07-07, user „zaufali troche wyzej") mniej odstepu gory (64->24) */
.nw-zaufali-inner{max-width:var(--nw-content-max,1240px);margin:0 auto;padding:0 var(--nw-content-side,20px);text-align:center;}
.nw-zaufali-eyebrow{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--nw-beige,#d4ba87);}
.nw-zaufali-title{margin:0 0 14px;font-size:36px;line-height:1.15;font-weight:400;color:var(--nw-gold,#d4ba87);font-family:'DM Serif Display',Georgia,serif;}
.nw-zaufali-sub{max-width:640px;margin:0 auto 40px;font-size:16px;line-height:1.55;color:#6f6f6f;}
/* (2026-07-03, user: "biale tlo w niektorych slabo wyglada — dac w bialym polu zaokraglonym?")
KAZDE logo w JEDNAKOWEJ bialej zaokraglonej karcie: biale tla logotypow (Warszawa/Performance/TAMEX)
wtapiaja sie w karte, przezroczyste sa wysrodkowane — sekcja spojna niezaleznie od tla pliku.
„male powiekszyc" -> max-height 74px + max-width 82% wypelnia karte lepiej niz dawne 62px. */
.nw-zaufali-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch;justify-items:stretch;max-width:960px;margin:0 auto;}
/* (2026-07-11, user "nazwy firm w kaflach, bez logo") kafle TEKSTOWE: min-height 132->96 (132 bylo pod loga; przywrocic przy powrocie logo po zgodach) */
.nw-zaufali-item{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;padding:20px 24px;background:#fff;border:1px solid rgba(212,186,135,.28);border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.05);transition:box-shadow .25s ease,transform .25s ease;}
.nw-zaufali-item img{max-height:74px;max-width:82%;height:auto;width:auto;object-fit:contain;opacity:1;}
/* (2026-07-03, user: "warszawa/karcher/tamex/performance za male") — te pliki maja duzo pustego
marginesu w SRODKU (kwadratowy/wysoki canvas), wiec przy wspolnym limicie logo wychodzi male.
CSS nie przytnie wew. whitespace, ale mozna te konkretne skalowac wyzej, by wypelnily karte. */
/* (audyt 2026-07-10, user "zaufali nam ... wszystkie tej samej wielkosci") powiekszanie wybranych marek USUNIETE — jednolity rozmiar */
.nw-zaufali-item img[alt="Miasto Stołeczne Warszawa"],
.nw-zaufali-item img[alt="Kärcher"],
.nw-zaufali-item img[alt="TAMEX Obiekty Sportowe"],
.nw-zaufali-item img[alt="Performance Media"]{max-height:74px;max-width:82%;}
.nw-zaufali-item:hover{box-shadow:0 12px 30px rgba(0,0,0,.09);transform:translateY(-2px);}
@media(max-width:600px){.nw-zaufali-grid{grid-template-columns:repeat(2,1fr) !important;gap:16px;}.nw-zaufali-item{min-height:76px;padding:14px 14px;}.nw-zaufali-name{font-size:13px;}.nw-zaufali-item img,.nw-zaufali-item img[alt="Miasto Stołeczne Warszawa"],.nw-zaufali-item img[alt="Kärcher"],.nw-zaufali-item img[alt="TAMEX Obiekty Sportowe"],.nw-zaufali-item img[alt="Performance Media"]{max-height:56px;max-width:82%;}} /* (2026-07-11) mobile kafle tekstowe: 104->76 + font 13px (reguly img zostaja na powrot logo) */
.nw-zaufali-name{font-family:'Poppins',sans-serif;font-size:15px;font-weight:600;letter-spacing:.02em;color:#4a4a4a;text-align:center;line-height:1.35;} /* (2026-07-11) kafle tekstowe: Poppins jak etykiety */
@media(max-width:991px){.nw-zaufali-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.nw-zaufali-title{font-size:26px;}} /* (2026-07-03) stare per-logo height/min-height USUNIETE — kolidowaly z kartami (mobile obsluguje regula @600 wyzej) */
/* =========================================================
PRZYCISKI DO KANONU — zaokrąglenie 6px dla tych, które były ostre. 2026-06-22.
========================================================= */
.nw-faq-regulations-btn,
.nw-secondary-submit,
.woocommerce-checkout .nw-secondary-submit,
button[name="nw_reservation_submit"],
.nw-konfig-cta,
a.nw-konfig-cta { border-radius: 8px !important; }
/* =========================================================
STEPPER WC — wyzsza specyficznosc (single-product/cart) + mniejszy 38px. 2026-06-22.
Powod: ogolny .quantity (1 klasa) przegrywal z gridem WoodMart -> owale. Tu 3 klasy + pozycja na koncu.
DO WERYFIKACJI WIZUALNEJ (zalezne od DOM) — produkt prosty / koszyk / checkout.
========================================================= */
.woocommerce .quantity, .single-product .quantity, form.cart .quantity, .cart .quantity, .woocommerce-cart .quantity {
display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important;
width: auto !important; min-width: 0 !important; max-width: none !important; height: auto !important; min-height: 0 !important;
overflow: hidden !important; grid-template-columns: none !important;
border: 1.5px solid #d4ba87 !important; border-radius: 10px !important; background: #fff !important;
}
.woocommerce .quantity .minus, .woocommerce .quantity .plus,
.single-product .quantity .minus, .single-product .quantity .plus,
form.cart .quantity .minus, form.cart .quantity .plus,
.cart .quantity .minus, .cart .quantity .plus,
.woocommerce-cart .quantity .minus, .woocommerce-cart .quantity .plus {
flex: 0 0 36px !important; width: 36px !important; min-width: 36px !important; max-width: 36px !important;
height: 40px !important; min-height: 40px !important; max-height: 40px !important; box-sizing: border-box !important;
border-radius: 0 !important; border: 0 !important; background: transparent !important; color: #d4ba87 !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; text-transform: none !important;
transition: color .15s ease, opacity .15s ease !important;
}
.woocommerce .quantity .plus, .single-product .quantity .plus, form.cart .quantity .plus, .cart .quantity .plus, .woocommerce-cart .quantity .plus { background: transparent !important; }
.woocommerce .quantity .minus:hover, .woocommerce .quantity .plus:hover,
.single-product .quantity .minus:hover, .single-product .quantity .plus:hover,
form.cart .quantity .minus:hover, form.cart .quantity .plus:hover,
.cart .quantity .minus:hover, .cart .quantity .plus:hover,
.woocommerce-cart .quantity .minus:hover, .woocommerce-cart .quantity .plus:hover { color: #d4af37 !important; background: rgba(201,168,76,.12) !important; }
.woocommerce .quantity .qty, .single-product .quantity .qty, form.cart .quantity .qty, .cart .quantity .qty, .woocommerce-cart .quantity .qty {
flex: 0 0 40px !important; width: 40px !important; min-width: 40px !important; max-width: 40px !important;
height: 40px !important; min-height: 40px !important; line-height: 40px !important;
border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #111 !important;
text-align: center !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: none !important; padding: 0 !important;
}
/* Mini-koszyk (drawer/widget): ".quantity" to TYLKO tekst "1 × 300 zł" — bez ramki/boxa. 2026-06-23. */
.widget_shopping_cart .quantity,
.widget_shopping_cart_content .quantity,
.wd-cart-drawer .quantity,
.wd-dropdown-cart .quantity,
.cart_list .quantity,
ul.cart_list li .quantity,
.wd-mini-cart .quantity {
display: inline !important;
border: 0 !important; border-radius: 0 !important; background: transparent !important;
overflow: visible !important; width: auto !important; min-width: 0 !important; max-width: none !important;
padding: 0 !important; gap: 0 !important;
}
/* =========================================================
PRZYCISKI DO KANONU — submit rezerwacji + availability (alternatywy). 2026-06-22.
Powod: .button.alt (WooCommerce/WoodMart) i .nw-avail-btn wychodzily poza styl marki.
========================================================= */
button[name="nw_reservation_submit"],
.woocommerce button.button.alt[name="nw_reservation_submit"],
.nw-avail-btn-primary,
button.nw-avail-btn-primary {
background: var(--nw-black,#000) !important;
color: var(--nw-beige,#d4ba87) !important;
border: 0 !important;
border-radius: 8px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
box-shadow: none !important;
}
button[name="nw_reservation_submit"]:hover,
.nw-avail-btn-primary:hover {
background: var(--nw-black-hover,#111) !important;
color: var(--nw-beige,#d4ba87) !important;
}
.nw-avail-btn-secondary,
button.nw-avail-btn-secondary {
background: #fff !important;
color: var(--nw-black,#111) !important;
border: 1.5px solid var(--nw-gold,#d4ba87) !important;
border-radius: 8px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
box-shadow: none !important;
}
.nw-avail-btn-secondary:hover {
background: var(--nw-gold-fade,rgba(212,186,135,.22)) !important;
color: var(--nw-black,#111) !important;
}
/* =========================================================
Lista zamówień „Moje konto" — kolumna akcji do prawej.
Anulowane zamówienie ma sam „Zobacz" — nie zostawia dziury po „Anuluj". 2026-06-22.
========================================================= */
.woocommerce-orders-table__cell-order-actions,
.woocommerce-MyAccount-orders .woocommerce-orders-table__cell-order-actions {
text-align: right !important;
white-space: nowrap !important;
}
.woocommerce-orders-table__cell-order-actions .button {
display: inline-block !important;
vertical-align: middle !important;
margin: 0 0 0 6px !important;
}
/* =========================================================
„Wróć do sklepu" (wc-backward) / return-to-shop — kanon wszędzie (dostępność i warianty strony). 2026-06-22.
========================================================= */
a.button.wc-backward,
.button.wc-backward,
.return-to-shop a.button,
.woocommerce a.button.wc-backward {
background-color: #d4ba87 !important;
border: 1px solid #d4ba87 !important;
color: #1a1407 !important;
border-radius: 8px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: 0.04em !important;
box-shadow: none !important;
}
a.button.wc-backward:hover,
.button.wc-backward:hover,
.return-to-shop a.button:hover {
background-color: var(--nw-black-hover,#111) !important;
color: var(--nw-beige,#d4ba87) !important;
}
/* =========================================================
Stepper na stronie produktu — WZMOCNIONE (input.minus/.plus + .btn WoodMart). 2026-06-22.
Wyzsza specyficznosc + aspect-ratio, zeby koła nie wychodziły owalne. DO WERYFIKACJI na zywo po deployu.
========================================================= */
.single-product div.product .quantity input.minus,
.single-product div.product .quantity input.plus,
.woocommerce div.product form.cart .quantity input.minus,
.woocommerce div.product form.cart .quantity input.plus,
.woocommerce .quantity input.minus.btn,
.woocommerce .quantity input.plus.btn,
.quantity input.minus.btn,
.quantity input.plus.btn {
width: 36px !important; height: 40px !important; min-width: 36px !important; max-width: 36px !important;
flex: 0 0 36px !important; box-sizing: border-box !important;
padding: 0 !important; margin: 0 !important; border-radius: 0 !important;
border: 0 !important; background: transparent !important; color: #d4ba87 !important;
font-size: 22px !important; font-weight: 400 !important; line-height: 1 !important;
display: inline-flex !important; align-items: center !important; justify-content: center !important;
box-shadow: none !important; text-transform: none !important;
}
.woocommerce .quantity input.plus.btn, .quantity input.plus.btn { background: transparent !important; }
/* =========================================================
Badge statusu zamówienia w „Moje konto" (kolory jak panel: 🟢 potwierdzone, 🟡 zadatek, 🔵 wycena, 🔴 anulowane). 2026-06-22.
========================================================= */
.nw-ostat{display:inline-block;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.4;border:1px solid transparent;white-space:nowrap;}
.nw-ostat--processing,.nw-ostat--completed{background:rgba(40,140,70,.12);color:#1f7a43;border-color:rgba(40,140,70,.3);}
.nw-ostat--nw-await-dep,.nw-ostat--on-hold,.nw-ostat--pending{background:rgba(212,186,135,.18);color:#8a6a1f;border-color:rgba(212,186,135,.45);}
.nw-ostat--nw-quote{background:rgba(40,100,180,.12);color:#2456a8;border-color:rgba(40,100,180,.3);}
.nw-ostat--cancelled,.nw-ostat--failed,.nw-ostat--refunded{background:rgba(180,30,40,.10);color:#b00020;border-color:rgba(180,30,40,.3);}
/* „Podsumowanie koszyka" — WYŚRODKOWANE w ramce + lekko niżej (user 2026-06-24). */
.woocommerce .cart_totals > h2,
.cart-collaterals .cart_totals > h2 { margin-top: 8px !important; padding-top: 44px !important; text-align: center !important; } /* (audyt 2026-06-26): tekst nizej (user „nadal przesunac w dol") — 30->44px */
html .woocommerce-cart .cart_totals:not(#nw-z),
html .cart-collaterals .cart_totals:not(#nw-z) { border-radius: 12px !important; overflow: hidden !important; } /* (audyt 2026-06-25): boks Podsumowanie koszyka zaokraglony 12px */
.woocommerce .cart_totals,
.cart-collaterals .cart_totals { text-align: center !important; }
.woocommerce .cart_totals .wc-proceed-to-checkout,
.cart-collaterals .cart_totals .wc-proceed-to-checkout { display: flex !important; justify-content: center !important; }
/* Strona zamówienia (Moje konto) — status line bez szarych boxów (element mark), akcent złoty. 2026-06-22 */
.woocommerce-account .woocommerce-order mark,
.woocommerce-account .woocommerce-order p mark,
.woocommerce-view-order mark { background: transparent !important; color: var(--nw-gold,#d4ba87) !important; font-weight: 600 !important; }
/* =========================================================
WZMOCNIENIE KANONU — buttony, które WoodMart maluje silniej (specyficzność > kanon). 2026-06-22.
Dotyczy: shop-loop add-to-cart, „Przejdź do rezerwacji" (checkout), wd-add-btn, submit rezerwacji.
========================================================= */
body .woocommerce a.button.add_to_cart_button,
body .woocommerce ul.products li.product a.button.add_to_cart_button,
body a.add_to_cart_button.add-to-cart-loop,
body .wd-add-btn a.button,
body .wd-buy-btn a.button,
body .woocommerce a.button.checkout-button,
body .woocommerce .checkout-button.button.alt,
body span.checkout-button.button,
body button[name="nw_reservation_submit"],
body .woocommerce button[name="nw_reservation_submit"],
body button.button.alt[name="nw_reservation_submit"] {
background-color: #d4ba87 !important;
border: 1px solid #d4ba87 !important;
color: #1a1407 !important;
-webkit-text-fill-color: #1a1407 !important;
border-radius: 8px !important;
text-transform: uppercase !important;
font-weight: 600 !important;
letter-spacing: .04em !important;
box-shadow: none !important;
}
body .woocommerce a.button.add_to_cart_button:hover,
body .wd-add-btn a.button:hover,
body .woocommerce a.button.checkout-button:hover,
body button[name="nw_reservation_submit"]:hover {
background-color: var(--nw-black-hover,#111) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}
/* tekst wewnątrz przycisku WoodMart dziedziczy kolor marki */
body .wd-add-btn a.button .wd-action-text,
body a.add_to_cart_button .wd-action-text { color: inherit !important; -webkit-text-fill-color: inherit !important; }
/* „Przejdź do rezerwacji" zablokowany (min. kwota) — przyciemniony, ale w stylu marki */
body .checkout-button.nw2-disabled-checkout-button { opacity: .55 !important; cursor: not-allowed !important; }
/* Lista zamówień „Moje konto" — przyciski akcji: równa szerokość, „Anuluj" wyszarzony gdy nie można. 2026-06-22 */
.woocommerce-orders-table__cell-order-actions .button { min-width: 108px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }
/* ZOBACZ + ANULUJ = KANON (ciemne tlo, bezowy napis); hover ciemny + bialy. NIE zlote (user 2026-06-23: „nie nasz styl"). */
.woocommerce-orders-table__cell-order-actions .button.view,
.woocommerce-MyAccount-orders .button.view,
.woocommerce a.button.view { background-color: #d4ba87 !important; border-color: #d4ba87 !important; color: #1a1407 !important; }
.woocommerce-orders-table__cell-order-actions .button.view:hover,
.woocommerce a.button.view:hover { background-color: var(--nw-black-hover,#111) !important; border-color: var(--nw-black-hover,#111) !important; color: var(--nw-white,#fff) !important; }
.woocommerce a.button.nw-cancel-off,
a.button.nw-cancel-off { opacity: .38 !important; cursor: not-allowed !important; pointer-events: none !important; }
/* Nagłówki „Zaplanuj imprezę" + „Zaufali nam" — ten sam FONT co reszta nagłówków home (motyw), nie DM Serif konfiguratora. 2026-06-22 */
body.home .nw-kfh-title,
body.home .nw-zaufali-title {
font-family: var(--wd-title-font, Georgia, "Times New Roman", serif) !important;
}
/* Cross-sell „Może Cię zainteresować" + related — wyrównanie produktów (równe obrazki/tytuły jak na kategoriach). 2026-06-22 */
.cross-sells ul.products li.product .product-image-link,
.related.products ul.products li.product .product-image-link,
.cross-sells .product-grid-item .product-image-link,
.related.products .product-grid-item .product-image-link {
display: flex !important; align-items: center !important; justify-content: center !important; min-height: 240px !important;
}
.cross-sells ul.products li.product img,
.related.products ul.products li.product img,
.cross-sells .product-grid-item img,
.related.products .product-grid-item img {
max-height: 240px !important; width: auto !important; object-fit: contain !important;
}
.cross-sells ul.products li.product .wd-entities-title,
.related.products ul.products li.product .wd-entities-title {
min-height: 2.8em !important;
}
/* Home — przyciski-linki () BIELEJĄ po najechaniu (kanon hover, jak