/*
Theme Name: Blocksy Child
Template: blocksy
Author: MD
Tags: blog,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 3.0.0
Updated: 2026-10-07

*/

/* =========================================================
   CAŁY CSS SKLEPU (od 2026-10-07 tu, nie w panelu „Dodatkowy CSS” - panel ma być pusty).
   Część 1: dotychczasowy CSS (dawny panel). Część 2: nowy wygląd - tylko pod klasą .kramik-nowy
   (functions.php dodaje ją na razie tylko administratorowi).
   ========================================================= */

/* Margines pod galerią i podstawowymi danymi na stronie produktu */
.product-entry-wrapper {
    margin-bottom: 80px;
}

/* Margines nad opiniami na stronie produktu */
.woocommerce-Reviews {
    margin-top: 40px;
}

/* Tytuł opinii */
h2.woocommerce-Reviews-title {
    font-size: 35px;
}

/* Tytuł GPSR */
.gpsr-fields h3 {
    font-size: 35px;
    padding-top: 50px;
}

/* Tytuł podobnych produktów */
h2.ct-module-title {
    font-size: 35px;
}

/* Odstęp nad formularzem dodawania opinii */
div#review_form_wrapper {
    margin-top: 70px;
}

/* Tekst braku opinii */
.woocommerce-Reviews .comment-notes,
.woocommerce-Reviews .woocommerce-noreviews {
    font-size: 16px;
}

/* Odstęp pod paginacją */
nav.ct-pagination {
    margin-bottom: 120px;
}

/* Licznik wyników wyszukiwania */
p.woocommerce-result-count {
    font-size: 0.9rem;
}

/* Metadane produktu (czas realizacji, zwrot, EAN, SKU, kategorie) - większe niż domyślne 13px motywu */
.single-product .product .entry-summary-items .product_meta > span {
    font-size: 15px;
    line-height: 1.5;
}

/* Stan magazynowy na stronie produktu */
.product[class*=gallery] .entry-summary > .stock {
    font-size: 18px;
}

/* Cena na stronie produktu */
.product-entry-wrapper .price {
    font-size: 32px;
}

/* Tło nawigacji breadcrumb na stronie produktu */
[data-prefix="product"] .hero-section[data-type="type-1"] {
    --alignment: center;
    --margin-bottom: 50px;
    --min-height: 300px;
    background-color: var(--theme-palette-color-6);
    background-image: none;
    padding: 10px 0;
}

/* Okruszki — poprawny odstęp */
nav.ct-breadcrumbs {
    line-height: 1.6;
}

/* Proporcje obrazków w wynikach wyszukiwania */
a.ct-image-container.boundless-image {
    aspect-ratio: 1/1;
}

/* Odstęp opisu kategorii od produktów */
.term-description {
    margin-top: 100px;
}

/* Cena przy ikonie koszyka w nagłówku */
.ct-header-cart .woocommerce-Price-amount.amount {
    font-size: 17px;
    padding-left: 20px;
}

/* Odstęp komunikatu o ilości przefiltrowanych produktów */
.wpc-posts-found {
    margin-bottom: 25px;
}

/* Tytuły filtrów w panelu bocznym */
.widget-title.wpc-filter-title {
    font-weight: 500;
}

/* Tytuł zestawu filtrów */
.wpc-filter-set-widget-title h2 {
    font-size: 24px;
}

/* Tytuł produktów powiązanych po atrybucie */
.dsalv-attribute-label {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
}

/* Kolor paska cenowego w filtrach */
.wpc-filters-range-inputs .ui-slider-horizontal .ui-slider-range {
    background-color: #EC6263;
}

/* Tekst komentarza nad tytułem na stronie głównej */
:is(.stk-a238bc2, .stk-0d6a1f8) .stk-block-text__text {
    font-size: 20px !important;
}

/* Odstęp pod koszykiem na stronie zamówienia */
.ct-woocommerce-cart-form {
    padding-bottom: 100px;
}

/* Przyciski kuponów w koszyku */
.coupon button {
    margin-left: 20px;
    margin-right: 20px;
}

/* ============================================
   IKONA PŁYWAJĄCEGO KOSZYKA
   ============================================ */

.adfy_fc__woo-trigger-shortcode-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    color: #697176;
}

.adfy_fc__woo-trigger-shortcode-button .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.adfy_fc__woo-trigger-shortcode-button .icon svg {
    width: 32px;
    height: 32px;
    fill: currentColor;
}

.adfy_fc__woo-trigger-shortcode-button .badge {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 6px;
    border-radius: 9px;
    background-color: #EC6263;
    color: white;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
}

.adfy_fc__woo-trigger-shortcode-button .badge.top-right {
    top: -5px;
    right: -5px;
}

.woocommerce-cart .adfy_fc__woo-trigger-shortcode-button,
.woocommerce-checkout .adfy_fc__woo-trigger-shortcode-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce-cart .adfy_fc__woo-trigger-shortcode-button .badge,
.woocommerce-checkout .adfy_fc__woo-trigger-shortcode-button .badge {
    position: absolute !important;
    transform: none !important;
}

.adfy_woofc-badge-count {
    display: inline-block !important;
    line-height: 1 !important;
    vertical-align: middle !important;
}

.adfy_fc__woo-trigger-shortcode-button:hover {
    opacity: 0.8;
}

.adfy_fc__woo-trigger-shortcode-button * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Ukrycie ikony koszyka na stronie koszyka i zamówienia */
.woocommerce-cart .adfy_fc__woo-trigger-shortcode-button,
.woocommerce-checkout .adfy_fc__woo-trigger-shortcode-button {
    display: none !important;
}

/* Biała ikona koszyka w przypiętym menu */
div[data-sticky="yes:shrink"] .adfy_fc__woo-trigger-shortcode-button .icon svg {
    fill: #ffffff !important;
}

/* ============================================
   RÓŻNE
   ============================================ */

/* Odstęp pod przyciskiem logowania przez Google */
.woocommerce-form-login .googlesitekit-sign-in-with-google__frontend-output-button {
    margin-bottom: 40px;
}

/* Napis "Brak w magazynie" na stronie produktu */
.woocommerce div.product .stock.out-of-stock {
    font-size: 1.1rem;
    font-weight: 700;
    color: #333;
    opacity: 1;
    margin-bottom: 10px;
}

/* Lista płatności Autopay — usunięcie kropek i wcięć */
.bm-payment-channels-wrapper ul,
.bm-payment-channels-wrapper li {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Informacja o przetwarzaniu danych na stronie zamówienia */
.woocommerce-privacy-policy-text {
    font-size: 12px;
    opacity: 0.8;
    margin-bottom: 15px;
}

/* LISTA PRODUKTÓW - karta jako punkt odniesienia dla odznak */

ul.products li.product {
    position: relative !important;
}

/* Małe litery — menu główne */
#header-menu-1 .ct-menu-link {
    text-transform: none !important;
}

/* Małe litery — topbar Menu 2 */
#header-menu-2 .ct-menu-link {
    text-transform: none !important;
}

/* Dropdown — zaokrąglenie i padding */
#header-menu-1 .sub-menu {
    border-radius: 8px !important;
    padding: 6px 0 !important;
    min-width: 260px !important;
}

#header-menu-1 .sub-menu .ct-menu-link {
    padding: 8px 18px !important;
}

/* wykluczenie 'Bez kategorii' z widoku kategorii produktóœ na stronie głównej */
.home li.product-category a[href*="bez-kategorii"],
.home li.product-category:has(a[href*="bez-kategorii"]) {
    display: none !important;
}

/* omnibus cena w sugerowanych produktach na stronei produktu jest ukrywany */
ul.products li.product .iworks-omnibus {
    display: none !important;
}

/* =========================================================
   KRAMIK - style do elementów z functions.php
   ========================================================= */

/* Informacja pod formularzem opinii */
.kramik-opinie-info {
    display: block;
}

/* Przycisk „Zobacz inne produkty z kategorii” */
.ka-back-to-category-wrapper {
    margin-top: 20px;
    margin-bottom: 20px;
}

.ka-back-to-category-wrapper .ka-back-to-category-button {
    display: block;
    width: 100%;
    text-align: center;
}

/* Produkt z wariantami: jedna cena - cena wariantu zastępuje cenę główną (skrypt w functions.php) */
.single-product .woocommerce-variation-price {
    display: none !important;
}

/* Nagłówek atrybutu („Materiał / kolor”) - większy, bez „łapki” (to tylko etykieta ukrytej listy) */
.single-product table.variations th.label,
.single-product table.variations th.label label {
    font-size: 17px;
    font-weight: 600;
    cursor: default;
}

/* Linia pod kafelkami (jak separator Blocksy) - oddziela wybór wariantu od jego opisu */
.single-product form.variations_form table.variations {
    border-bottom: 1px solid var(--theme-border-color);
    padding-bottom: 24px;
    margin-bottom: 20px;
}

/* „Wyczyść” (kasuje wybrany wariant) - odsunięty od kafelków i od linii */
.single-product form.variations_form .reset_variations {
    display: inline-block;
    margin-top: 12px;
    font-size: 14px;
}

/* Box na stronie produktu: wysyłka pojedyncza / paletowa */
.kramik-info-box {
    margin-top: 15px;
    padding: 12px 15px;
    border-left: 3px solid #EC6263;
    background: rgba(236, 98, 99, 0.07);
    line-height: 1.5;
}

/* Koszyk / checkout: dopisek pod nazwą pozycji (wysyłka pojedyncza / paletowa) */
.kramik-wysylka-pozycji {
    display: block;
    margin-top: 4px;
    color: #EC6263;
    font-weight: 500;
}

/* Checkout: „Liczba paczek” - opis pod liczbą */
.kramik-liczba-paczek-opis {
    font-weight: 400;
    opacity: 0.8;
}

/* Koszyk / checkout: komunikaty (gabaryt, personalizacja) - jedna kolumna, pełna szerokość */
.woocommerce-info:has(.kramik24-notice-gabaryt),
.wc-block-components-notice-banner:has(.kramik24-notice-gabaryt),
.woocommerce-info:has(.kramik24-notice-personalizacja),
.wc-block-components-notice-banner:has(.kramik24-notice-personalizacja) {
    display: flex !important;
    align-items: flex-start !important;
    grid-template-columns: none !important;
}

.kramik24-notice-gabaryt,
.kramik24-notice-personalizacja {
    display: block;
    flex: 1;
    line-height: 1.6;
}

/* Checkout: pole „Kraj / region” ukryte - wysyłamy tylko do Polski (wartość PL i tak idzie z formularzem) */
#billing_country_field,
#shipping_country_field {
    display: none !important;
}

/* =========================================================
   KONTRAST (dostępność / PageSpeed, 2026-10-01)
   Kolory marki zostają; ciemniejszy odcień tylko tam, gdzie tekst był nieczytelny.
   #D23F42 = jak przyciski (Blocksy → Ogólne → Przyciski), kontrast z białym 4,64 : 1
   ========================================================= */

/* Górny pasek „Darmowa dostawa” (komunikat sklepu WooCommerce): #C2484B = lekko przygaszony czerwony, 4,86 : 1; × w kółku */
.woocommerce-store-notice,
p.demo_store {
    background-color: #C2484B !important;
}

.woocommerce-store-notice__dismiss-link {
    color: #ffffff !important;
    background: rgba(0, 0, 0, 0.15) !important;
}

/* Komunikaty błędów WooCommerce (np. „Proszę zaakceptować regulamin”): Blocksy daje rgba(218,0,28,.7) = ~3,9 : 1;
   ten sam przygaszony czerwony co pasek, 4,86 : 1 */
.woocommerce-error,
.wc-block-components-notice-banner.is-error {
    --background-color: #C2484B;
}

/* Baner cookies (CookieYes) - kolory wpisane przez wtyczkę w style="", stąd !important;
   edycja w samej wtyczce zablokowana w darmowym planie */
.cky-btn-accept,
.cky-btn-reject,
.cky-btn-preferences {
    background-color: #D23F42 !important;
    border-color: #D23F42 !important;
    color: #ffffff !important;
}

.cky-btn-customize {
    color: #D23F42 !important;
    border-color: #D23F42 !important;
}

.cky-policy {
    color: #D23F42 !important;
}

/* Strona główna: szare podtytuły sekcji („Odkryj kategorie produktów” itd.) */
/* (blok Stackable ma krycie 60% - kolor tekstu i tak by się rozjaśniał, stąd opacity: 1) */
:is(.stk-a238bc2, .stk-0d6a1f8, .stk-7736ff4, .stk-6c46dea, .stk-b56552f) {
    opacity: 1 !important;
}

:is(.stk-a238bc2, .stk-0d6a1f8, .stk-7736ff4, .stk-6c46dea, .stk-b56552f) .stk-block-text__text {
    color: #6b6b6b !important;
}

/* Strona główna: jasnoróżowe napisy na ciemnej czerwieni (płatności, zwroty, dostawa) */
:is(.stk-dbfa640, .stk-d4d7020, .stk-5a63c37) {
    opacity: 1 !important;
}

:is(.stk-dbfa640, .stk-d4d7020, .stk-5a63c37) .stk-block-text__text {
    color: #fae8e8 !important;
}

/* Strona główna: „Bezpieczne płatności”, „30 dni na zwrot”, „Darmowa dostawa” - nagłówki h3
   (kolejność nagłówków), wielkość jak dotąd przy h4 */
:is(.stk-86f83f0, .stk-a518901, .stk-c609382) .stk-block-heading__text {
    font-size: 25px;
    line-height: 1.5;
}

/* Wpisy bloga: kategoria i „Czytaj więcej”; link do polityki prywatności w formularzach */
.stk-block-posts__category a,
.stk-block-posts__readmore,
label a[href*="polityka-prywatnosci"] {
    color: #D23F42 !important;
}

/* Filtry kategorii: liczba produktów przy kolorze */
/* (wtyczka daje licznikowi krycie 30%) */
.wpc-term-count {
    opacity: 1 !important;
}

.wpc-term-count-value {
    color: #767676 !important;
}

/* Ciemny pasek u góry: aktywna pozycja menu (np. „Porady”) - jasny kolor marki zamiast #EC6263 na #333 */
#header-menu-2 .ct-menu-link[aria-current="page"] {
    color: #e68e8f !important;
}

/* Personalizacja na karcie produktu (ramka nad „Dodaj do koszyka”; pola w stylu motywu) */
.kramik-pers {
    flex-basis: 100%;
    width: 100%;
    margin: 0 0 28px;
    padding: 16px 18px;
    border: 2px solid #EC6263;
    border-radius: 10px;
    background: rgba(236, 98, 99, 0.06);
    text-align: left;
}
.kramik-pers h4 { margin: 0 0 4px; }
.kramik-pers .kp-sub { margin: 0 0 8px; font-size: .9em; opacity: .8; }
.kramik-pers label { display: block; margin: 12px 0 4px; font-weight: 600; }
.kramik-pers label span { color: #D23F42; }
.kramik-pers input[type="text"], .kramik-pers select, .kramik-pers textarea { width: 100%; }
.kramik-pers textarea { min-height: 84px; }
.kramik-pers .kp-count { display: block; text-align: right; font-size: .8em; opacity: .7; margin-top: 3px; }
.kramik-pers .kp-note { margin: 12px 0 0; font-size: .85em; opacity: .8; }
.kramik-pers .kp-msg { display: none; margin: 10px 0 0; padding: 8px 10px; border-radius: 6px; background: #D23F42; color: #fff; font-size: .9em; font-weight: 600; }
.kramik-pers.kp-error { border-color: #D23F42; }
.kramik-pers.kp-error .kp-msg { display: block; }
.kramik-pers .kp-bad { border-color: #D23F42 !important; box-shadow: 0 0 0 1px #D23F42; }
.kramik-pers-hint { display: block; margin-top: 6px; font-size: .85em; font-style: italic; color: #888; }


/* =========================================================
   NOWY WYGLĄD (redesign A, 2026-10) - na razie TYLKO dla administratora:
   functions.php dodaje do <body> klasę „kramik-nowy” tylko zalogowanemu adminowi,
   więc klienci widzą stary wygląd. Po akceptacji: klasa dla wszystkich (jedna linijka w functions.php).
   Makieta: files/podglad/redesign/A_*.html
   ========================================================= */

.kramik-nowy {
    --kn-btn: #D23F42;
    --kn-btn-h: #b93738;
    --kn-accent: #EC6263;
    --kn-accent2: #b93738;   /* ciemny koral marki - kontrast min. 4,5:1 na beżu i różu */
    --kn-tint: #FDECEA;
    --kn-soft: #F6F5F3;
    --kn-line: #EAE8E5;
    --kn-ht: #1C1C1C;
    --kn-muted: #6E6E6E;
    --kn-r: 16px;
    --kn-hf: 'Manrope', system-ui, sans-serif;
}

/* ---------- typografia i przyciski ---------- */
.kramik-nowy h1, .kramik-nowy h2, .kramik-nowy h3,
.kramik-nowy .product_title, .kramik-nowy h2.ct-module-title, .kramik-nowy h2.woocommerce-Reviews-title {
    font-family: var(--kn-hf);
    font-weight: 800;
    letter-spacing: -.02em;
    color: var(--kn-ht);
}
.kramik-nowy .button,
.kramik-nowy button.button,
.kramik-nowy .single_add_to_cart_button,
.kramik-nowy .wp-element-button,
.kramik-nowy .wc-block-components-button {
    border-radius: 999px !important;
}

/* ---------- nagłówek ---------- */
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column="start"] { flex: 1; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column="start"] [data-items] { width: 100%; gap: 32px; }
.kramik-nowy .kn-search { flex: 1; display: flex; align-items: center; height: 50px; border: 1.5px solid #D8D5D1; border-radius: 999px; background: #fff; padding: 0 6px 0 18px; }
.kramik-nowy .kn-search input[type="search"] { flex: 1; border: 0 !important; background: transparent !important; box-shadow: none !important; height: 46px; padding: 0 !important; font-size: 16px; outline: 0; }
.kramik-nowy .kn-search button { height: 40px; width: 44px; min-height: 0; border: 0; border-radius: 999px; background: var(--kn-btn); color: #fff; display: grid; place-items: center; padding: 0; cursor: pointer; }
.kramik-nowy .kn-search button:hover { background: var(--kn-btn-h); }
.kramik-nowy header#header [data-device="desktop"] .ct-header-search { display: none; }   /* lupa zastąpiona polem */

/* menu główne: pozycje + panel podkategorii (zamiast wąskiej listy) */
.kramik-nowy header#header [data-row="bottom"] { background: #fff !important; }
.kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link { font-weight: 700; font-size: 15px; }
.kramik-nowy .header-menu-1 > ul > li { position: static; }
.kramik-nowy .header-menu-1 { position: relative; }
.kramik-nowy .header-menu-1 > ul > li > .sub-menu {
    left: 0 !important; right: 0 !important; width: auto !important; min-width: 0 !important;
    margin-top: 0; padding: 26px 30px 70px !important;
    display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 24px; row-gap: 0;
    background: #fff !important; border-top: 3px solid var(--kn-accent); border-radius: 0 0 var(--kn-r) var(--kn-r);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .20) !important;
}
.kramik-nowy .header-menu-1 .sub-menu > li > a { padding: 9px 0 !important; border-bottom: 1px solid var(--kn-line); font-size: 15px; color: #333; }
.kramik-nowy .header-menu-1 .sub-menu > li > a:hover { color: var(--kn-accent2); }
.kramik-nowy .header-menu-1 .sub-menu .kn-mega-h { grid-column: 1 / -1; font-family: var(--kn-hf); font-weight: 800; font-size: 22px; color: var(--kn-ht); margin: 0 0 12px; list-style: none; }
.kramik-nowy .header-menu-1 .sub-menu .kn-mega-all { position: absolute; left: 30px; bottom: 22px; list-style: none; }
.kramik-nowy .header-menu-1 .sub-menu .kn-mega-all a { border: 0 !important; color: var(--kn-accent2) !important; font-weight: 700; padding: 0 !important; }
/* przyciemnienie strony pod otwartym panelem - osobna warstwa .kn-dim (functions.php), zawsze POD paskiem menu */
.kn-dim { display: none; }
.kramik-nowy .kn-dim { position: fixed; left: 0; right: 0; bottom: 0; top: 0; background: rgba(20, 16, 14, .35); pointer-events: none; z-index: 40; opacity: 0; transition: opacity .15s; display: block; visibility: hidden; }
.kramik-nowy .kn-dim.on { opacity: 1; visibility: visible; }
.kramik-nowy .header-menu-1 > ul > li.menu-item-has-children:hover > a { color: var(--kn-accent2); }

/* ---------- karty produktów (listy, kategorie, „podobne”) ---------- */
.kramik-nowy ul.products li.product {
    background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); overflow: hidden;
    padding-bottom: 14px; display: flex; flex-direction: column;
}
.kramik-nowy ul.products li.product figure { margin: 0 0 6px; position: relative; overflow: hidden; }
.kramik-nowy ul.products li.product .ct-media-container { padding: 12px; background: #fff; }
.kramik-nowy ul.products li.product .ct-media-container img { transition: transform .35s ease; }
.kramik-nowy ul.products li.product:hover .ct-media-container img { transform: scale(1.06); }
.kramik-nowy ul.products li.product .woocommerce-loop-product__title { font-family: inherit; font-weight: 400; font-size: 15px; line-height: 1.35; min-height: 2.7em; padding: 0 14px; letter-spacing: 0; }
.kramik-nowy ul.products li.product .price { padding: 0 14px; font-size: 19px; font-weight: 700; color: var(--kn-ht); }
.kramik-nowy ul.products li.product .ct-woo-card-actions { margin-top: auto; padding: 0 14px; }
.kramik-nowy ul.products li.product .ct-woo-card-actions .button { width: 100%; justify-content: center; background: var(--kn-btn); color: #fff; height: 44px; font-weight: 700; }
.kramik-nowy ul.products li.product .ct-woo-card-actions .button:hover { background: var(--kn-btn-h); }
/* odznaka „Personalizacja” na zdjęciu */
.kn-badge { display: none; }
.kramik-nowy .kn-badge {
    display: inline-block; position: absolute; left: 16px; top: 18px; z-index: 3;   /* odstęp jak przycisk podglądu (oko) z prawej; od góry 18 px (dobrane na oko z Marcinem) */
    font-size: 12px; font-weight: 700; background: var(--kn-tint); color: var(--kn-accent2); padding: 3px 10px; border-radius: 20px;
}
.kramik-nowy .onsale + .kn-badge, .kramik-nowy .kn-badge.kn-with-sale { top: 50px; }

/* ---------- karta produktu ---------- */
.kramik-nowy .woocommerce-product-gallery .ct-product-gallery-container { border: 1px solid var(--kn-line); border-radius: var(--kn-r); overflow: hidden; background: #fff; }
.kramik-nowy .woocommerce-product-gallery { position: relative; }
.kramik-nowy .entry-summary .price { color: var(--kn-btn); }
.kramik-nowy .kn-freebar { display: flex; gap: 8px; align-items: center; margin: 14px 0 0; padding: 10px 14px; border-radius: 999px; background: var(--kn-tint); color: var(--kn-accent2); font-weight: 700; font-size: 15px; }
/* zakładki: pigułki wyśrodkowane, treść w jasnym polu na pełną szerokość */
.kramik-nowy .woocommerce-tabs ul.tabs { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; border: 0 !important; margin-bottom: 28px; }
.kramik-nowy .woocommerce-tabs ul.tabs li { border: 0 !important; margin: 0 !important; }
.kramik-nowy .woocommerce-tabs ul.tabs li a { display: block; padding: 12px 24px !important; border-radius: 999px; border: 1.5px solid var(--kn-line); background: #fff; color: var(--kn-ht) !important; font-weight: 700; }
.kramik-nowy .woocommerce-tabs ul.tabs li.active a { background: var(--kn-ht); border-color: var(--kn-ht); color: #fff !important; }
.kramik-nowy .woocommerce-tabs ul.tabs li::before, .kramik-nowy .woocommerce-tabs ul.tabs li::after, .kramik-nowy .woocommerce-tabs ul.tabs::before { display: none !important; }
.kramik-nowy .woocommerce-tabs .panel { background: var(--kn-soft); border-radius: var(--kn-r); padding: 36px 44px !important; font-size: 16.5px; line-height: 1.7; }
.kramik-nowy .woocommerce-tabs .panel h2 { font-size: 22px; margin: 26px 0 8px; }
.kramik-nowy .woocommerce-tabs .panel ul { list-style: none; padding: 0; }
.kramik-nowy .woocommerce-tabs .panel ul li { padding: 5px 0 5px 28px; position: relative; }
.kramik-nowy .woocommerce-tabs .panel ul li::before { content: ""; position: absolute; left: 6px; top: 14px; width: 8px; height: 8px; border-radius: 50%; background: var(--kn-accent); }
.kramik-nowy .woocommerce-tabs .panel table.shop_attributes { background: transparent; }
.kramik-nowy .woocommerce-tabs .panel table.shop_attributes tr:nth-child(odd) th, .kramik-nowy .woocommerce-tabs .panel table.shop_attributes tr:nth-child(odd) td { background: rgba(255, 255, 255, .7); }
/* przycisk przyklejony na dole (telefon) */
.kn-sticky-buy { display: none; }

/* ---------- stopka ---------- */
.kramik-nowy footer#footer { background: var(--kn-soft); border-top: 1px solid var(--kn-line); }
.kramik-nowy footer#footer .widget-title { font-family: inherit; font-weight: 700; font-size: 16px; color: var(--kn-ht); }
.kramik-nowy footer#footer .widget_nav_menu li { margin: 0 0 3px; }

/* ---------- strona główna (szkic): sekcje kn-* ---------- */
.kramik-nowy .kn-k { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--kn-accent2); margin: 0 0 12px; }
.kramik-nowy .kn-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 20px; margin: 10px 0 0; }
.kramik-nowy .kn-hero-txt { background: var(--kn-soft); border-radius: 22px; padding: 52px; display: flex; flex-direction: column; justify-content: center; }
.kramik-nowy .kn-hero h1 { font-size: 52px; line-height: 1.1; margin: 0 0 16px; }
.kramik-nowy .kn-hero h1 em { font-style: normal; color: var(--kn-accent2); }
.kramik-nowy .kn-hero p { font-size: 18px; margin: 0 0 26px; max-width: 470px; }
.kramik-nowy .kn-acts { display: flex; gap: 12px; flex-wrap: wrap; }
.kramik-nowy .kn-btn { display: inline-flex; align-items: center; justify-content: center; height: 50px; padding: 0 26px; border-radius: 999px; font-weight: 700; font-size: 16px; border: 2px solid transparent; text-decoration: none; }
.kramik-nowy .kn-btn.p { background: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-btn.p:hover { background: var(--kn-btn-h); }
.kramik-nowy .kn-btn.s { border-color: var(--kn-ht); color: var(--kn-ht); }
.kramik-nowy .kn-btn.w { background: #fff; color: #1c1c1c; height: 44px; }
.kramik-nowy .kn-hero-im { border-radius: 22px; overflow: hidden; min-height: 420px; position: relative; }
.kramik-nowy .kn-hero-im img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kramik-nowy .kn-trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin: 36px 0 54px; }
.kramik-nowy .kn-trust > div { display: flex; gap: 12px; align-items: flex-start; background: var(--kn-soft); border-radius: var(--kn-r); padding: 16px 18px; }
.kramik-nowy .kn-trust svg { flex: none; width: 28px; height: 28px; color: var(--kn-accent2); margin-top: 1px; }
.kramik-nowy .kn-trust b { display: block; font-size: 15.5px; color: var(--kn-ht); }
.kramik-nowy .kn-trust small { font-size: 13.5px; color: var(--kn-muted); }
.kramik-nowy .kn-sec-h { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 0 0 24px; }
.kramik-nowy .kn-sec-h h2 { font-size: 34px; margin: 0; }
.kramik-nowy .kn-sec-h a { color: var(--kn-accent2); font-weight: 700; font-size: 15px; white-space: nowrap; text-decoration: none; }
.kramik-nowy .kn-cats { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; margin-bottom: 54px; }
.kramik-nowy .kn-cat { display: block; background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); overflow: hidden; text-decoration: none; }
.kramik-nowy .kn-cat .im { aspect-ratio: 4 / 5; overflow: hidden; }
.kramik-nowy .kn-cat img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.kramik-nowy .kn-cat:hover img { transform: scale(1.05); }
.kramik-nowy .kn-cat .t { padding: 12px 14px 14px; font-weight: 700; color: var(--kn-ht); line-height: 1.3; }
.kramik-nowy .kn-cat .t small { display: block; font-weight: 400; color: var(--kn-muted); font-size: 13px; }
.kramik-nowy .kn-products { margin-bottom: 54px; }
.kramik-nowy .kn-split { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 54px; }
.kramik-nowy .kn-promo { border-radius: var(--kn-r); overflow: hidden; position: relative; min-height: 300px; color: #fff; display: block; text-decoration: none; }
.kramik-nowy .kn-promo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.kramik-nowy .kn-promo .c { position: relative; margin: 24px; padding: 24px 26px; max-width: 400px; background: rgba(20, 16, 14, .78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: var(--kn-r); }   /* 78% + rozmycie - czytelnie na każdym zdjęciu */
.kramik-nowy .kn-promo h3 { color: #fff; font-size: 28px; margin: 4px 0 10px; }
.kramik-nowy .kn-promo p { margin: 0 0 18px; color: #fff; }
.kramik-nowy .kn-promo .kn-k { color: #fff; opacity: .9; }
.kramik-nowy .kn-hdf { display: grid; grid-template-columns: 1fr 1.2fr; gap: 36px; align-items: center; background: #EFE8E1; border-radius: 22px; padding: 44px; margin-bottom: 54px; }
.kramik-nowy .kn-hdf h2 { font-size: 34px; margin: 0 0 14px; }
.kramik-nowy .kn-hdf p { margin: 0 0 22px; }
.kramik-nowy .kn-car { position: relative; min-width: 0; }
.kramik-nowy .kn-car-t { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 6px 4px 10px; }
.kramik-nowy .kn-car-t::-webkit-scrollbar { display: none; }
.kramik-nowy .kn-car-t a { flex: 0 0 168px; scroll-snap-align: start; background: #fff; border-radius: 16px; padding: 8px; box-shadow: 0 6px 18px rgba(60, 40, 30, .10); }
.kramik-nowy .kn-car-t img { width: 100%; border-radius: 10px; display: block; }
.kramik-nowy .kn-car button { position: absolute; top: 45%; transform: translateY(-50%); z-index: 2; width: 46px; height: 46px; min-height: 0; padding: 0; border-radius: 50%; border: 0; background: var(--kn-btn); color: #fff; font-size: 26px; line-height: 1; cursor: pointer; box-shadow: 0 6px 16px rgba(0, 0, 0, .18); }
.kramik-nowy .kn-car .l { left: -18px; }
.kramik-nowy .kn-car .r { right: -18px; }
.kramik-nowy .kn-blog .wp-block-latest-posts { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 18px; padding: 0; margin: 0 0 54px; }
.kramik-nowy .kn-blog .wp-block-latest-posts li { background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); overflow: hidden; margin: 0; padding: 0 0 18px; }
.kramik-nowy .kn-blog .wp-block-latest-posts__featured-image { margin: 0 0 14px; aspect-ratio: 16 / 9; overflow: hidden; }
.kramik-nowy .kn-blog .wp-block-latest-posts__featured-image img { width: 100%; height: 100%; object-fit: cover; }
.kramik-nowy .kn-blog .wp-block-latest-posts__post-title { display: block; padding: 0 18px; font-family: var(--kn-hf); font-weight: 800; font-size: 20px; color: var(--kn-ht); text-decoration: none; }
.kramik-nowy .kn-sub { margin: 8px 0 0; color: var(--kn-muted); }
.kramik-nowy .kn-seo { background: var(--kn-soft); border-radius: 22px; padding: 44px 56px; margin-bottom: 40px; }
.kramik-nowy .kn-seo h2 { font-size: 28px; margin: 0 0 16px; }

/* ---------- telefon ---------- */
@media (max-width: 999px) {
    .kramik-nowy .kn-hero { grid-template-columns: 1fr; }
    .kramik-nowy .kn-hero-txt { padding: 30px 22px; }
    .kramik-nowy .kn-hero h1 { font-size: 34px; }
    .kramik-nowy .kn-hero-im { min-height: 220px; }
    .kramik-nowy .kn-trust { grid-template-columns: 1fr; gap: 12px; margin: 24px 0 36px; }
    .kramik-nowy .kn-cats { grid-template-columns: 1fr 1fr; gap: 10px; }
    .kramik-nowy .kn-cat .im { aspect-ratio: 1; }
    .kramik-nowy .kn-split, .kramik-nowy .kn-blog .wp-block-latest-posts { grid-template-columns: 1fr; }
    .kramik-nowy .kn-sec-h { flex-direction: column; align-items: flex-start; }
    .kramik-nowy .kn-sec-h h2 { font-size: 26px; }
    .kramik-nowy .kn-hdf { grid-template-columns: 1fr; padding: 24px; }
    .kramik-nowy .kn-car-t a { flex-basis: 130px; }
    .kramik-nowy .kn-car button { display: none; }
    .kramik-nowy .kn-seo { padding: 26px 20px; }
    .kramik-nowy .kn-seo h2 { font-size: 22px; }
    .kramik-nowy ul.products li.product .woocommerce-loop-product__title { font-size: 14px; padding: 0 10px; }
    .kramik-nowy ul.products li.product .price { font-size: 17px; padding: 0 10px; }
    .kramik-nowy ul.products li.product .ct-woo-card-actions { padding: 0 10px; }
    .kramik-nowy ul.products li.product .ct-woo-card-actions .button { height: 40px; font-size: 14px; }
    .kramik-nowy .woocommerce-tabs .panel { padding: 22px 18px !important; }
    .kramik-nowy .woocommerce-tabs ul.tabs { justify-content: flex-start; flex-wrap: nowrap; overflow-x: auto; }
    .kramik-nowy .woocommerce-tabs ul.tabs li a { white-space: nowrap; padding: 10px 18px !important; }
    .kramik-nowy.single-product .kn-sticky-buy { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 50; background: #fff; border-top: 1px solid var(--kn-line); padding: 10px 16px; gap: 12px; align-items: center; }
    .kramik-nowy .kn-sticky-buy .pr { font-weight: 700; font-size: 19px; color: var(--kn-ht); }
    .kramik-nowy .kn-sticky-buy .kn-btn { flex: 1; height: 50px; }
    .kramik-nowy.single-product { padding-bottom: 76px; }
}

/* pozycjonowanie odznaki i strona szkicu */
.kramik-nowy ul.products li.product { position: relative; }
.kramik-nowy .product-entry-wrapper { position: relative; }
.kramik-nowy .product-entry-wrapper > .kn-badge { left: 21px; top: 24px; }   /* odstęp jak przycisk lupy po prawej (21 px), od góry 24 px - dobrane na oko */
.kramik-nowy .kn-blog .wp-block-latest-posts__post-title:hover { color: var(--kn-accent2); }
.kramik-nowy .kn-products .woocommerce { margin: 0; }

/* poprawki po teście na żywej stronie */
.kramik-nowy header#header [data-row="middle"] { background: #fff !important; }
.kramik-nowy header#header .header-menu-1 > ul > li > .sub-menu { padding: 26px 30px 24px !important; }
.kramik-nowy header#header .header-menu-1 .sub-menu .kn-mega-all { position: static; grid-column: 1 / -1; margin-top: 16px; }
.kramik-nowy ul.products li.product { text-align: left; }
.kramik-nowy ul.products li.product .ct-woo-card-actions { display: block; }
.kramik-nowy ul.products li.product .ct-woo-card-actions .button { display: flex !important; width: 100% !important; }
.kramik-nowy .kn-products ul.products { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
.kramik-nowy .ct-breadcrumbs { background: transparent !important; padding: 0 !important; justify-content: flex-start; }
@media (max-width: 999px) {
    .kramik-nowy .kn-products ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

/* nowe strony (główna i podstrony z blokiem kn-*): bez paska tytułu motywu - klasa kn-strona z functions.php */
.kramik-nowy.kn-strona .hero-section,
.kramik-nowy.kn-strona .entry-header { display: none; }
.kramik-nowy.kn-strona .site-main .entry-content { padding-top: 24px; }


/* ---------- podstrony informacyjne (kn-page) ---------- */
.kramik-nowy .kn-page { max-width: 1040px; margin: 0 auto; padding: 0 0 30px; font-size: 16.5px; line-height: 1.65; color: #333; }
.kramik-nowy .kn-page h2 { font-family: var(--kn-hf); font-weight: 800; letter-spacing: -.02em; color: var(--kn-ht); font-size: 30px; margin: 54px 0 16px; line-height: 1.2; }
.kramik-nowy .kn-page h3 { font-family: var(--kn-hf); font-weight: 800; color: var(--kn-ht); font-size: 20px; margin: 0 0 8px; line-height: 1.3; }
.kramik-nowy .kn-page p { margin: 0 0 14px; }
.kramik-nowy .kn-page a:not(.kn-btn) { color: var(--kn-accent2); font-weight: 700; }
.kramik-nowy .kn-phero { background: var(--kn-soft); border-radius: 22px; padding: 46px 52px; margin: 10px 0 36px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 30px; align-items: center; }
.kramik-nowy .kn-phero h1 { font-family: var(--kn-hf); font-weight: 800; letter-spacing: -.02em; color: var(--kn-ht); font-size: 44px; line-height: 1.1; margin: 0 0 14px; }
.kramik-nowy .kn-phero p { font-size: 18px; margin: 0; }
.kramik-nowy .kn-phero .kn-big { background: #fff; border-radius: var(--kn-r); padding: 22px 24px; text-align: center; }
.kramik-nowy .kn-phero .kn-big b { display: block; font-family: var(--kn-hf); font-weight: 800; font-size: 40px; color: var(--kn-accent2); line-height: 1.1; }
.kramik-nowy .kn-phero .kn-big span { font-size: 15px; color: var(--kn-muted); }
.kramik-nowy .kn-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.kramik-nowy .kn-grid3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.kramik-nowy .kn-grid4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.kramik-nowy .kn-box { background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 24px 26px; }
.kramik-nowy .kn-box.soft { background: var(--kn-soft); border-color: transparent; }
.kramik-nowy .kn-box .kn-ico { width: 46px; height: 46px; border-radius: 50%; background: var(--kn-tint); color: var(--kn-accent2); display: grid; place-items: center; margin-bottom: 14px; }
.kramik-nowy .kn-box .kn-ico svg { width: 24px; height: 24px; }
.kramik-nowy .kn-box p:last-child { margin-bottom: 0; }
.kramik-nowy .kn-box small { color: var(--kn-muted); font-size: 14px; }
.kramik-nowy .kn-time { font-family: var(--kn-hf); font-weight: 800; font-size: 34px; color: var(--kn-ht); line-height: 1.1; margin: 4px 0 2px; }
.kramik-nowy .kn-free { display: flex; gap: 14px; align-items: center; background: var(--kn-tint); color: var(--kn-accent2); border-radius: var(--kn-r); padding: 16px 22px; font-weight: 700; font-size: 18px; margin: 0 0 18px; }
.kramik-nowy .kn-free svg { flex: none; width: 28px; height: 28px; }
.kramik-nowy .kn-carrier { display: grid; grid-template-columns: 200px 1fr 1fr; gap: 0; align-items: stretch; border: 1px solid var(--kn-line); border-radius: var(--kn-r); overflow: hidden; margin-bottom: 12px; background: #fff; }
.kramik-nowy .kn-carrier > div { padding: 18px 22px; display: flex; flex-direction: column; justify-content: center; }
.kramik-nowy .kn-carrier > div + div { border-left: 1px solid var(--kn-line); }
.kramik-nowy .kn-carrier .lg { align-items: flex-start; gap: 6px; }
.kramik-nowy .kn-carrier .lg img { max-height: 44px; max-width: 120px; object-fit: contain; }
.kramik-nowy .kn-carrier .lg b { font-size: 15px; color: var(--kn-ht); }
.kramik-nowy .kn-carrier small { color: var(--kn-muted); font-size: 14px; }
.kramik-nowy .kn-carrier .pr { font-weight: 700; font-size: 21px; color: var(--kn-ht); }
.kramik-nowy .kn-carrier .na { color: #aaa; font-size: 15px; }
.kramik-nowy .kn-list { list-style: none; padding: 0; margin: 0 0 14px; }
.kramik-nowy .kn-list li { position: relative; padding: 6px 0 6px 32px; }
.kramik-nowy .kn-list li::before { content: ""; position: absolute; left: 2px; top: 11px; width: 18px; height: 18px; border-radius: 50%; background: var(--kn-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C2484B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 12px no-repeat; }
.kramik-nowy .kn-alert { display: flex; gap: 14px; background: #FFF6E5; border: 1px solid #F3DDB0; border-radius: var(--kn-r); padding: 18px 22px; margin: 18px 0; }
.kramik-nowy .kn-alert svg { flex: none; width: 26px; height: 26px; color: #B7791F; margin-top: 2px; }
.kramik-nowy .kn-alert p { margin: 0; }
.kramik-nowy .kn-steps { counter-reset: kn; list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.kramik-nowy .kn-steps li { counter-increment: kn; position: relative; padding: 16px 20px 16px 66px; background: var(--kn-soft); border-radius: var(--kn-r); }
.kramik-nowy .kn-steps li::before { content: counter(kn); position: absolute; left: 18px; top: 14px; width: 32px; height: 32px; border-radius: 50%; background: var(--kn-btn); color: #fff; font-weight: 800; display: grid; place-items: center; font-family: var(--kn-hf); }
.kramik-nowy .kn-addr { background: var(--kn-soft); border-radius: 12px; padding: 14px 18px; font-style: normal; line-height: 1.6; margin: 10px 0 14px; }
.kramik-nowy .kn-dl { display: flex; gap: 12px; flex-wrap: wrap; margin: 6px 0 0; }
.kramik-nowy .kn-btn.o { border: 2px solid var(--kn-btn); color: var(--kn-btn); background: #fff; }
.kramik-nowy .kn-btn.o:hover { background: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-btn svg { width: 18px; height: 18px; margin-right: 8px; }
.kramik-nowy .kn-pay { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; gap: 6px; background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 18px 12px; min-height: 104px; }
.kramik-nowy .kn-pay b { font-size: 16px; color: var(--kn-ht); }
.kramik-nowy .kn-pay small { color: var(--kn-muted); font-size: 13.5px; line-height: 1.35; }
.kramik-nowy .kn-pay svg { width: 26px; height: 26px; color: var(--kn-accent2); }
.kramik-nowy .kn-acc { list-style: none; padding: 0; margin: 0; display: grid; gap: 10px; }
.kramik-nowy details.kn-det { background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 0 22px; }
.kramik-nowy details.kn-det > summary { cursor: pointer; list-style: none; padding: 18px 30px 18px 0; font-weight: 700; color: var(--kn-ht); position: relative; font-size: 17px; }
.kramik-nowy details.kn-det > summary::-webkit-details-marker { display: none; }
.kramik-nowy details.kn-det > summary::after { content: "+"; position: absolute; right: 0; top: 12px; font-size: 26px; color: var(--kn-accent2); font-weight: 400; }
.kramik-nowy details.kn-det[open] > summary::after { content: "−"; }
.kramik-nowy details.kn-det > div { padding: 0 0 18px; }
.kramik-nowy .kn-story { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; margin: 46px 0; }
.kramik-nowy .kn-story.rev > :first-child { order: 2; }
.kramik-nowy .kn-story img { width: 100%; border-radius: 22px; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.kramik-nowy .kn-story h2 { margin-top: 0; }
.kramik-nowy .kn-cta { background: var(--kn-ht); color: #fff; border-radius: 22px; padding: 40px 46px; display: flex; gap: 24px; align-items: center; justify-content: space-between; margin: 50px 0 10px; }
.kramik-nowy .kn-cta h2 { color: #fff; margin: 0 0 6px; font-size: 28px; }
.kramik-nowy .kn-cta p { margin: 0; color: #ddd; }
.kramik-nowy .kn-cta .kn-acts { flex: none; }
.kramik-nowy .kn-contact { display: grid; grid-template-columns: 1.35fr 1fr; gap: 26px; align-items: start; }
.kramik-nowy .kn-cbox { display: flex; gap: 14px; align-items: flex-start; }
.kramik-nowy .kn-cbox + .kn-cbox { margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--kn-line); }
.kramik-nowy .kn-cbox .kn-ico { margin: 0; flex: none; }
.kramik-nowy .kn-cbox b { display: block; color: var(--kn-ht); }
.kramik-nowy .kn-cbox a { font-size: 19px; }
.kramik-nowy .kn-form label { display: block; font-weight: 700; color: var(--kn-ht); margin: 0 0 6px; font-size: 15px; }
.kramik-nowy .kn-form input[type=text], .kramik-nowy .kn-form input[type=email], .kramik-nowy .kn-form input[type=tel], .kramik-nowy .kn-form textarea,
.kramik-nowy .wpforms-container input[type=text], .kramik-nowy .wpforms-container input[type=email], .kramik-nowy .wpforms-container input[type=tel], .kramik-nowy .wpforms-container textarea {
    width: 100%; border: 1.5px solid #D8D5D1 !important; border-radius: 12px !important; padding: 12px 14px !important; font-size: 16px; background: #fff; margin-bottom: 14px; max-width: none !important; }
.kramik-nowy .wpforms-container button[type=submit], .kramik-nowy .kn-form button { background: var(--kn-btn) !important; color: #fff !important; border: 0 !important; border-radius: 999px !important; height: 50px; padding: 0 30px !important; font-weight: 700; font-size: 16px; }
.kramik-nowy .kn-bank { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.kramik-nowy .kn-acc-no { font-family: var(--kn-hf); font-weight: 800; font-size: 22px; letter-spacing: .02em; color: var(--kn-ht); margin: 4px 0 10px; }
.kramik-nowy .kn-copy { border: 1.5px solid var(--kn-line); background: #fff; border-radius: 999px; padding: 6px 14px; font-weight: 700; font-size: 14px; cursor: pointer; color: var(--kn-ht); }
.kramik-nowy .kn-imgw { background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 18px; text-align: center; }
.kramik-nowy .kn-imgw img { max-width: 100%; height: auto; }
/* zwykłe podstrony (regulamin, polityka, współpraca): czytelna typografia */
.kramik-nowy.page .entry-content > h2, .kramik-nowy.page .entry-content .stk-block-heading__text { font-family: var(--kn-hf); font-weight: 800; letter-spacing: -.02em; }
@media (max-width: 999px) {
    .kramik-nowy .kn-phero { grid-template-columns: 1fr; padding: 28px 22px; }
    .kramik-nowy .kn-phero h1 { font-size: 32px; }
    .kramik-nowy .kn-page h2 { font-size: 25px; margin-top: 40px; }
    .kramik-nowy .kn-grid2, .kramik-nowy .kn-grid3, .kramik-nowy .kn-story, .kramik-nowy .kn-contact, .kramik-nowy .kn-bank { grid-template-columns: 1fr; }
    .kramik-nowy .kn-grid4 { grid-template-columns: 1fr 1fr; }
    .kramik-nowy .kn-story.rev > :first-child { order: 0; }
    .kramik-nowy .kn-carrier { grid-template-columns: 1fr 1fr; }
    .kramik-nowy .kn-carrier .lg { grid-column: 1 / -1; border-bottom: 1px solid var(--kn-line); flex-direction: row; align-items: center; }
    .kramik-nowy .kn-carrier > div + div { border-left: 0; }
    .kramik-nowy .kn-carrier > div:last-child { border-left: 1px solid var(--kn-line); }
    .kramik-nowy .kn-cta { flex-direction: column; align-items: flex-start; padding: 28px 22px; }
}
.kramik-nowy .kn-story > div { text-align: left; }
.kramik-nowy .kn-gal img { width: 100%; border-radius: var(--kn-r); aspect-ratio: 4 / 3; object-fit: cover; display: block; }
.kramik-nowy .kn-cta a:not(.kn-btn) { color: #fff; text-decoration: underline; }
.kramik-nowy .kn-tbl { overflow-x: auto; border: 1px solid var(--kn-line); border-radius: var(--kn-r); }
.kramik-nowy .kn-tbl table { width: 100%; border-collapse: collapse; margin: 0; border: 0; }
.kramik-nowy .kn-tbl th { background: var(--kn-soft); text-align: left; font-weight: 700; color: var(--kn-ht); padding: 12px 16px; border: 0; }
.kramik-nowy .kn-tbl td { padding: 12px 16px; border: 0; border-top: 1px solid var(--kn-line); }


/* ---------- koszyk i zamówienie (klasyczne WooCommerce) ---------- */
.kramik-nowy.woocommerce-cart .entry-content, .kramik-nowy.woocommerce-checkout .entry-content { --kn-in: 1.5px solid #D8D5D1; }
.kramik-nowy.woocommerce-cart h1, .kramik-nowy.woocommerce-checkout h1 { font-size: 36px; }
.kramik-nowy .woocommerce-cart-form table.shop_table, .kramik-nowy .woocommerce-checkout-review-order-table { border: 0 !important; }
.kramik-nowy .woocommerce-cart-form { background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 8px 22px 18px; }
.kramik-nowy .woocommerce-cart-form .product-thumbnail img { border-radius: 10px; border: 1px solid var(--kn-line); width: 72px; }
.kramik-nowy .woocommerce-cart-form .product-name a { font-weight: 700; color: var(--kn-ht); font-size: 16px; }
.kramik-nowy .cart_totals, .kramik-nowy .ct-order-review {
    background: var(--kn-soft) !important; border: 0 !important; border-radius: var(--kn-r) !important; padding: 26px 26px 22px !important; }
.kramik-nowy .cart_totals h2, .kramik-nowy #order_review_heading { font-family: var(--kn-hf); font-weight: 800; font-size: 22px; color: var(--kn-ht); }
.kramik-nowy .cart_totals .order-total td, .kramik-nowy .woocommerce-checkout-review-order-table .order-total td { font-size: 22px; color: var(--kn-ht); }
.kramik-nowy .wc-proceed-to-checkout .checkout-button, .kramik-nowy #place_order { height: 56px; font-size: 17px !important; font-weight: 700; width: 100%; background: var(--kn-btn) !important; color: #fff !important; border-radius: 999px !important; opacity: 1; }
.kramik-nowy .wc-proceed-to-checkout .checkout-button:hover, .kramik-nowy #place_order:hover { background: var(--kn-btn-h) !important; }
.kramik-nowy .woocommerce-cart-form .coupon input.input-text, .kramik-nowy form.checkout input.input-text, .kramik-nowy form.checkout textarea, .kramik-nowy form.checkout select, .kramik-nowy .woocommerce-cart-form input.qty {
    border: var(--kn-in, 1.5px solid #D8D5D1) !important; border-radius: 12px !important; min-height: 48px; font-size: 16px; background: #fff !important; }
.kramik-nowy .woocommerce-cart-form .coupon .button, .kramik-nowy .woocommerce-cart-form button[name="update_cart"] { border-radius: 999px !important; height: 46px; }
.kramik-nowy .woocommerce-cart-form button[name="update_cart"] { background: #fff !important; color: var(--kn-ht) !important; border: 1.5px solid var(--kn-line) !important; }
.kramik-nowy form.checkout .woocommerce-billing-fields, .kramik-nowy form.checkout .woocommerce-shipping-fields, .kramik-nowy form.checkout .woocommerce-additional-fields {
    background: #fff; border: 1px solid var(--kn-line); border-radius: var(--kn-r); padding: 24px 26px 10px; margin-bottom: 18px; }
.kramik-nowy form.checkout h3 { font-family: var(--kn-hf); font-weight: 800; font-size: 21px; color: var(--kn-ht); }
.kramik-nowy form.checkout label { font-weight: 700; color: var(--kn-ht); font-size: 15px; }
.kramik-nowy .woocommerce-shipping-totals #shipping_method > li { background: #fff; border: 1.5px solid var(--kn-line); border-radius: 12px; padding: 10px 12px !important; margin: 0 0 8px !important; }
.kramik-nowy .woocommerce-shipping-totals #shipping_method > li:has(input:checked) { border-color: var(--kn-btn); background: #FFF8F7; }
.kramik-nowy #payment { background: transparent !important; }
.kramik-nowy #payment ul.payment_methods { border: 0 !important; padding: 0 !important; }
.kramik-nowy #payment ul.payment_methods > li { background: #fff; border: 1.5px solid var(--kn-line); border-radius: 12px; padding: 12px 14px !important; margin: 0 0 8px !important; }
.kramik-nowy #payment ul.payment_methods > li:has(> input:checked) { border-color: var(--kn-btn); }
.kramik-nowy #payment .payment_box { background: transparent !important; padding: 8px 0 0 !important; margin: 0 !important; }
.kramik-nowy #payment .payment_box::before { display: none !important; }
.kramik-nowy .woocommerce-form-coupon-toggle .woocommerce-info, .kramik-nowy .woocommerce-form-login-toggle .woocommerce-info, .kramik-nowy .woocommerce-message, .kramik-nowy .woocommerce-info {
    background: var(--kn-soft) !important; border: 0 !important; border-radius: 12px !important; }
/* kanały Autopay (BLIK, karta...) zostają w wyglądzie wtyczki - jej układ jest wrażliwy */

/* ---------- nowa stopka (kn-footer z functions.php) + wyszukiwarka na telefonie ---------- */
.kn-footer { display: none; }
.kramik-nowy footer#footer { display: none !important; }
.kramik-nowy .kn-footer { display: block; background: var(--kn-soft); border-top: 1px solid var(--kn-line); padding: 50px 0 0; font-size: 15px; color: #444; margin-top: 30px; }
.kramik-nowy .kn-fcols { max-width: calc(min(var(--kn-szer, 1460px), 90vw) + 48px); margin: 0 auto; padding: 0 24px; display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 40px; }
.kramik-nowy .kn-flogo img { height: 60px; width: auto; margin-bottom: 12px; }
.kramik-nowy .kn-footer p { margin: 0 0 12px; max-width: 380px; }
.kramik-nowy .kn-footer h4 { font-family: inherit; font-weight: 700; color: var(--kn-ht); margin: 6px 0 10px; font-size: 16px; }
.kramik-nowy .kn-footer a { color: #444; text-decoration: none; }
.kramik-nowy .kn-footer a:hover { color: var(--kn-accent2); }
.kramik-nowy .kn-fmenu { list-style: none; margin: 0; padding: 0; }
.kramik-nowy .kn-fmenu li { margin: 0 0 4px; line-height: 1.55; }
.kramik-nowy .kn-fbot { max-width: calc(min(var(--kn-szer, 1460px), 90vw) + 48px); margin: 30px auto 0; padding: 20px 24px 26px; border-top: 1px solid var(--kn-line); display: flex; justify-content: space-between; gap: 16px; align-items: flex-start; font-size: 13.5px; color: #666; }
.kramik-nowy .kn-logos { max-width: 560px; display: flex; flex-direction: column; gap: 8px; }
.kramik-nowy .kn-logos > div { display: grid; grid-template-columns: 86px 1fr; gap: 6px; align-items: start; }
.kramik-nowy .kn-logos > div > span { font-weight: 700; margin-top: 4px; }
.kramik-nowy .kn-logos .b { display: flex; flex-wrap: wrap; gap: 6px; }
.kramik-nowy .kn-logos i { font-style: normal; font-weight: 700; font-size: 12.5px; background: #fff; border: 1px solid var(--kn-line); border-radius: 6px; padding: 4px 9px; color: #333; }
.kn-msearch { display: none; }
@media (max-width: 999px) {
    .kramik-nowy .kn-msearch { display: block; padding: 0 16px 12px; }
    .kramik-nowy .kn-msearch .kn-search { height: 46px; }
    .kramik-nowy .kn-fcols { grid-template-columns: 1fr 1fr; gap: 24px; padding: 0 16px; }
    .kramik-nowy .kn-fcols > div:first-child { grid-column: 1 / 3; }
    .kramik-nowy .kn-fbot { flex-direction: column; padding: 18px 16px 90px; }
}
/* okruszki nad produktem bez szarego pudełka */
.kramik-nowy.single-product .hero-section { background: transparent !important; padding: 0 !important; margin-bottom: 18px; }
.kramik-nowy.single-product .hero-section .entry-header { text-align: left; }
.kramik-nowy .ct-breadcrumbs { font-size: 14px; color: var(--kn-muted); }

/* nagłówek: wyszukiwarka i ikony na środku wysokości. Rozmiar logo - w Blocksy (Dostosuj → Nagłówek → Logo, komputer maks. 70 px).
   Odstępy nad i pod logo - tutaj (2026-10-09): zmieniaj tylko liczby w padding. */
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] .ct-container { padding: 22px 0; align-items: center; }
.kramik-nowy header#header [data-device="mobile"] [data-row="middle"] .ct-container { padding: 12px 0; align-items: center; }
/* wąskie telefony (np. 360 px): logo mniejsze, żeby nie wchodziło na ikonę konta (Blocksy ustawia jedną wysokość dla wszystkich telefonów) */
@media (max-width: 379px) { .kramik-nowy header#header [data-device="mobile"] .site-logo-container img { max-height: 34px !important; width: auto; } }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column] { align-items: center; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-items] { align-items: center; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] .site-branding { margin: 0 !important; }
.kramik-nowy header#header [data-device="mobile"] .ct-header-search { display: none; }   /* jest pole pod logo */

/* wyszukiwarka szersza (od logo do ikon) + FiboSearch w stylu pigułki */
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column="start"] [data-items] { gap: 40px; padding-right: 48px; }
.kramik-nowy header#header [data-device="desktop"] .kn-search,
.kramik-nowy header#header [data-device="desktop"] .kn-fibo { flex: 1; max-width: none !important; width: auto; }
.kramik-nowy .kn-msearch .kn-fibo { max-width: none !important; width: 100%; }
.kramik-nowy .kn-fibo .dgwt-wcas-sf-wrapp { padding: 0 !important; background: transparent !important; }
.kramik-nowy .kn-fibo input.dgwt-wcas-search-input { height: 50px !important; border: 1.5px solid #D8D5D1 !important; border-radius: 999px !important; padding: 0 60px 0 20px !important; font-size: 16px !important; background: #fff !important; box-shadow: none !important; }
.kramik-nowy .kn-fibo button.dgwt-wcas-search-submit { height: 40px !important; width: 44px !important; min-width: 0 !important; padding: 0 !important; border-radius: 999px !important; background: var(--kn-btn) !important; top: 5px !important; right: 5px !important; left: auto !important; }
.kramik-nowy .kn-fibo button.dgwt-wcas-search-submit::before { display: none !important; }
.kramik-nowy .kn-fibo button.dgwt-wcas-search-submit:hover { background: var(--kn-btn-h) !important; }
.kramik-nowy .kn-fibo .dgwt-wcas-ico-magnifier { fill: #fff !important; max-width: 18px; }
.kramik-nowy .kn-msearch .kn-fibo input.dgwt-wcas-search-input { height: 46px !important; }
.kramik-nowy .kn-msearch .kn-fibo button.dgwt-wcas-search-submit { height: 36px !important; width: 40px !important; }
.kramik-nowy .dgwt-wcas-suggestions-wrapp { border-radius: 0 0 var(--kn-r) var(--kn-r) !important; border-color: var(--kn-line) !important; box-shadow: 0 18px 40px rgba(0,0,0,.14) !important; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] .ct-container { display: flex !important; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column="start"] { flex: 1 1 auto; min-width: 0; }
.kramik-nowy header#header [data-device="desktop"] [data-row="middle"] [data-column="end"] { flex: 0 0 auto; }
.kramik-nowy .kn-fibo .dgwt-wcas-sf-wrapp { position: relative; }
.kramik-nowy .kn-fibo button.dgwt-wcas-search-submit { position: absolute !important; display: grid !important; place-items: center; margin: 0 !important; }
.kramik-nowy .kn-fibo button.dgwt-wcas-search-submit { min-height: 0 !important; max-height: 40px; top: 50% !important; transform: translateY(-50%); line-height: 1 !important; }
.kramik-nowy .kn-msearch .kn-fibo button.dgwt-wcas-search-submit { max-height: 36px; }

/* panel menu: cień tylko w dół (nie szarzy paska menu nad panelem) */
.kramik-nowy header#header .header-menu-1 > ul > li > .sub-menu { box-shadow: 0 26px 40px -12px rgba(0, 0, 0, .22) !important; clip-path: inset(0 -80px -120px -80px); }
/* menu główne: większa, lżejsza czcionka */
.kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link { font-size: 17px; font-weight: 600; }
/* stopka: na dole tylko prawa autorskie, na środku */
.kramik-nowy .kn-logos { display: none; }
.kramik-nowy .kn-fbot { justify-content: center; text-align: center; }
@media (max-width: 999px) { .kramik-nowy .kn-fbot { align-items: center; } }
/* mniejszy odstęp między menu a okruszkami / treścią */
.kramik-nowy.single-product .site-main > .ct-container-full { padding-top: 18px !important; }
.kramik-nowy.single-product .hero-section { margin-top: 0 !important; margin-bottom: 14px !important; }
/* nadtytuł nad tytułem strony (O NAS, KONTAKT, DOSTAWA…) - większy i wyraźniejszy */
.kramik-nowy .kn-phero .kn-k, .kramik-nowy .kn-hero .kn-k { font-size: 16px; letter-spacing: .1em; margin-bottom: 14px; }
@media (max-width: 999px) { .kramik-nowy .kn-phero .kn-k, .kramik-nowy .kn-hero .kn-k { font-size: 14px; } }

/* bez czarnych bloków: pasek „Zobacz produkty / Napisz do nas” na beżowym tle jak reszta */
.kramik-nowy .kn-cta { background: var(--kn-soft); color: #333; }
.kramik-nowy .kn-cta h2 { color: var(--kn-ht); }
.kramik-nowy .kn-cta p { color: #555; }
.kramik-nowy .kn-cta a:not(.kn-btn) { color: var(--kn-accent2) !important; }
.kramik-nowy .kn-cta .kn-btn.w { background: #fff; color: var(--kn-ht); border-color: var(--kn-line); }
.kramik-nowy .kn-cta .kn-btn.w:hover { border-color: var(--kn-ht); }
/* aktywna zakładka na karcie produktu: czerwona zamiast czarnej */
.kramik-nowy .woocommerce-tabs ul.tabs li.active a { background: var(--kn-btn); border-color: var(--kn-btn); }
.kramik-nowy .kn-phero .kn-k, .kramik-nowy .kn-hero .kn-k { font-size: 19px; letter-spacing: .1em; }
@media (max-width: 999px) { .kramik-nowy .kn-phero .kn-k, .kramik-nowy .kn-hero .kn-k { font-size: 16px; } }
/* ciemniejszy tekst na beżowym tle (lepiej widoczny) */
.kramik-nowy .kn-cta p, .kramik-nowy .kn-phero p, .kramik-nowy .kn-box.soft p, .kramik-nowy .kn-seo p, .kramik-nowy .kn-hero-txt p, .kramik-nowy .kn-steps li { color: #262626; }
.kramik-nowy .kn-trust small, .kramik-nowy .kn-box small, .kramik-nowy .kn-sub, .kramik-nowy .kn-phero .kn-big span { color: #4a4a4a; }
/* ramki przy metodach dostawy minimalnie grubsze i ciemniejsze */
.kramik-nowy .kn-carrier { border: 1.5px solid #D8D5D1; }
.kramik-nowy .kn-carrier > div + div, .kramik-nowy .kn-carrier .lg { border-color: #D8D5D1 !important; border-width: 1.5px !important; }
/* jednakowe ramki wszystkich białych bloków na nowych stronach (jak przy metodach dostawy) */
.kramik-nowy .kn-box:not(.soft), .kramik-nowy .kn-pay, .kramik-nowy .kn-tbl, .kramik-nowy .kn-imgw, .kramik-nowy details.kn-det { border: 1.5px solid #D8D5D1; }
.kramik-nowy .kn-tbl td { border-top: 1.5px solid #D8D5D1; }
.kramik-nowy .kn-cbox + .kn-cbox { border-top: 1.5px solid #D8D5D1; }
/* mniejszy odstęp między nagłówkiem a treścią nowych stron */
.kramik-nowy.kn-strona .site-main .entry-content { padding-top: 10px; }
.kramik-nowy .kn-hero, .kramik-nowy .kn-phero { margin-top: 0; }
/* białe i obrysowane przyciski też reagują na najechanie */
.kramik-nowy .kn-btn { transition: background .15s, color .15s, border-color .15s; }
.kramik-nowy .kn-btn.w:hover, .kramik-nowy .kn-promo:hover .kn-btn.w, .kramik-nowy .kn-cta .kn-btn.w:hover { background: var(--kn-btn); color: #fff; border-color: var(--kn-btn); }
.kramik-nowy .kn-btn.s:hover { background: var(--kn-btn); color: #fff; border-color: var(--kn-btn); }
/* strona główna: nagłówek „przezroczysty” w Blocksy nachodził na treść - w nowym wyglądzie zwykły, biały */
.kramik-nowy #header [data-device][data-transparent] { position: relative !important; }
.kramik-nowy #header [data-transparent-row="yes"] { background-color: #fff !important; }
.kramik-nowy #header [data-transparent-row="yes"][data-row="top"] { background-color: var(--theme-palette-color-3, #333) !important; }
/* nadtytuły sekcji na stronie głównej (np. „Szeroka paleta kolorów…”, „Inspiracje i pomysły DIY”) większe */
.kramik-nowy .kn-k { font-size: 16px; letter-spacing: .09em; }
@media (max-width: 999px) { .kramik-nowy .kn-k { font-size: 14px; } }
/* logo w stopce większe */
.kramik-nowy .kn-flogo img { height: 52px; }
/* linki sekcji („Wszystkie porady →”, „Więcej →”…) jako przyciski z obramowaniem */
.kramik-nowy .kn-sec-h a { display: inline-flex; align-items: center; height: 44px; padding: 0 20px; border: 1.5px solid #D8D5D1; border-radius: 999px; background: #fff; color: var(--kn-ht) !important; font-weight: 700; transition: background .15s, color .15s, border-color .15s; }
.kramik-nowy .kn-sec-h a:hover { background: var(--kn-btn); border-color: var(--kn-btn); color: #fff !important; }
/* filtry (Filter Everything) w kolorach sklepu zamiast niebieskiego */
.kramik-nowy .wpc-filters-range-slider-control .ui-slider-range { background: var(--kn-btn) !important; }
.kramik-nowy .wpc-filters-range-slider-control .ui-slider-handle { border: 2px solid var(--kn-btn) !important; background: #fff !important; border-radius: 50% !important; }
.kramik-nowy .wpc-filters-range-slider-control .ui-slider-handle:focus { outline: 0; box-shadow: 0 0 0 4px var(--kn-tint); }
.kramik-nowy .wpc-filters-range-min, .kramik-nowy .wpc-filters-range-max { border: 1.5px solid #D8D5D1 !important; border-radius: 10px !important; }
.kramik-nowy .wpc-filters-range-min:focus, .kramik-nowy .wpc-filters-range-max:focus { border-color: var(--kn-btn) !important; outline: 0; }
.kramik-nowy .wpc-filters-apply-button { background: var(--kn-btn) !important; border-color: var(--kn-btn) !important; color: #fff !important; border-radius: 999px !important; }
.kramik-nowy .wpc-filters-apply-button:hover { background: var(--kn-btn-h) !important; border-color: var(--kn-btn-h) !important; }
.kramik-nowy .wpc-filters-main-wrap input[type="checkbox"], .kramik-nowy .wpc-filters-main-wrap input[type="radio"] { accent-color: var(--kn-btn); }
/* kategorie: nagłówek (okruszki + tytuł) bez szarego pasa, w tej samej odległości od menu co na produkcie */
.kramik-nowy.archive .hero-section { background: transparent !important; padding: 18px 0 0 !important; margin: 0 !important; }
.kramik-nowy.archive .hero-section .entry-header { text-align: left; align-items: flex-start; padding: 0 !important; }
.kramik-nowy.archive .hero-section .ct-breadcrumbs { justify-content: flex-start; margin-bottom: 8px; }
.kramik-nowy.archive .hero-section .page-title { font-size: 40px; margin: 0; }
.kramik-nowy.archive .site-main > .ct-container, .kramik-nowy.archive .site-main > div[class*="ct-container"]:not(.hero-section) { padding-top: 24px !important; }
/* okruszki: na produkcie i w kategorii ta sama odległość od menu (24 px) i wyrównanie do treści */
.kramik-nowy.single-product .site-main > .ct-container-full { padding-top: 0 !important; }

.kramik-nowy.single-product .hero-section { padding-top: 0 !important; }
.kramik-nowy.archive .hero-section { padding-top: 24px !important; }
.kramik-nowy.archive .hero-section > .entry-header, .kramik-nowy.archive .hero-section .ct-container { max-width: var(--kn-szer, 1460px); width: min(calc(100% - 48px), 90vw); margin-left: auto !important; margin-right: auto !important; }
/* okruszki jednakowe na produkcie i w kategorii (rozmiar, kolor, położenie) */
.kramik-nowy .hero-section .ct-breadcrumbs, .kramik-nowy .hero-section .ct-breadcrumbs * { font-size: 15px !important; font-weight: 500 !important; color: var(--kn-muted) !important; text-transform: none !important; letter-spacing: 0 !important; }
.kramik-nowy .hero-section .ct-breadcrumbs a:hover, .kramik-nowy .hero-section .ct-breadcrumbs a:hover * { color: var(--kn-accent2) !important; }
.kramik-nowy .hero-section .ct-breadcrumbs svg { width: 14px; height: 14px; }
/* produkt bez białego „pudełka” wokół - treść wyrównana do logo i menu jak w kategorii */
.kramik-nowy.single-product .site-main > .ct-container-full > article { padding: 24px 0 0 !important; background: transparent !important; box-shadow: none !important; }
/* powiększanie zdjęć z galerii realizacji (kn-gal) */
.kramik-nowy .kn-gal img { cursor: zoom-in; transition: transform .25s; }
.kramik-nowy .kn-gal img:hover { transform: scale(1.02); }
.kn-lb { position: fixed; inset: 0; z-index: 99999; background: rgba(15, 12, 10, .9); display: flex; align-items: center; justify-content: center; padding: 30px; cursor: zoom-out; }
.kn-lb img { max-width: 100%; max-height: 100%; border-radius: 12px; box-shadow: 0 20px 60px rgba(0, 0, 0, .5); }
.kn-lb button { position: absolute; width: 50px; height: 50px; min-height: 0; padding: 0; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .92); color: #1c1c1c; font-size: 30px; line-height: 1; cursor: pointer; }
.kn-lb .x { top: 18px; right: 18px; font-size: 26px; }
.kn-lb .l { left: 18px; top: 50%; transform: translateY(-50%); }
.kn-lb .r { right: 18px; top: 50%; transform: translateY(-50%); }
/* przycisk „Zgłoś szybki zwrot” na środku */
.kramik-nowy .kn-box > a.kn-btn[href$="/zwrot"] { display: flex; width: max-content; margin: 8px auto 0; }
/* kategoria: nagłówek w beżowym panelu (jak nagłówki nowych stron) - tytuł wyraźnie oddzielony od listy */
.kramik-nowy.archive .hero-section > .entry-header { background: var(--kn-soft); border-radius: 22px; padding: 26px 36px 30px !important; }
.kramik-nowy.archive .hero-section .page-title { font-size: 38px; line-height: 1.15; color: var(--kn-ht); }
.kramik-nowy.archive .hero-section .page-description, .kramik-nowy.archive .hero-section .term-description { margin-top: 10px; color: #262626; max-width: 900px; }
.kramik-nowy.archive .site-main > div[class*="ct-container"]:not(.hero-section) { padding-top: 28px !important; }
@media (max-width: 999px) {
    .kramik-nowy.archive .hero-section > .entry-header { padding: 18px 20px 22px !important; border-radius: 16px; }
    .kramik-nowy.archive .hero-section .page-title { font-size: 28px; }
}
/* ilość na karcie produktu i w koszyku: pigułka „− 1 +” jak przyciski */
.kramik-nowy .quantity[data-type="type-1"] { width: 132px !important; height: 50px; position: relative; }
.kramik-nowy .quantity[data-type="type-1"] input.qty { width: 100% !important; height: 50px !important; border: 1.5px solid #D8D5D1 !important; border-radius: 999px !important; text-align: center; padding: 0 40px !important; font-weight: 700; font-size: 17px; background: #fff !important; -moz-appearance: textfield; }
.kramik-nowy .quantity[data-type="type-1"] input.qty::-webkit-inner-spin-button, .kramik-nowy .quantity[data-type="type-1"] input.qty::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease {
    position: absolute !important; top: 50% !important; bottom: auto !important; transform: translateY(-50%); width: 34px !important; height: 34px !important; border-radius: 50% !important;
    background: var(--kn-soft) !important; color: var(--kn-ht) !important; display: grid !important; place-items: center; cursor: pointer; z-index: 2; border: 0 !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-decrease { left: 8px !important; right: auto !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase { right: 8px !important; left: auto !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase::after, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease::after { display: none !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase::before, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease::before { content: "+"; font-size: 20px; font-weight: 700; line-height: 1; mask: none !important; -webkit-mask: none !important; background: none !important; width: auto !important; height: auto !important; position: static !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-decrease::before { content: "−"; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase:hover, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease:hover { background: var(--kn-btn) !important; color: #fff !important; }
.kramik-nowy form.cart .single_add_to_cart_button { height: 50px; }
/* listy wyboru (np. kwota w personalizacji, sortowanie) zaokrąglone jak pola */
.kramik-nowy .entry-summary select, .kramik-nowy .woocommerce-ordering select, .kramik-nowy .kramik-pers input, .kramik-nowy .kramik-pers textarea { border-radius: 12px !important; border: 1.5px solid #D8D5D1 !important; }
.kramik-nowy .woocommerce-ordering select { min-height: 44px; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease { min-width: 34px !important; max-width: 34px !important; min-height: 34px !important; padding: 0 !important; }
.kramik-nowy .kramik-pers { border-radius: var(--kn-r) !important; }
/* ilość: czerwona ramka, plus i minus jako równe ikony (idealnie na środku) */
.kramik-nowy .quantity[data-type="type-1"] input.qty { border-color: var(--kn-btn) !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease { transform: translateY(-50%) !important; margin: 0 !important; line-height: 0 !important; font-size: 0 !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase::before, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease::before {
    content: "" !important; display: block !important; width: 14px !important; height: 14px !important; margin: auto; background-color: currentColor !important;
    -webkit-mask: var(--kn-ico) center / 14px 14px no-repeat !important; mask: var(--kn-ico) center / 14px 14px no-repeat !important; }
.kramik-nowy .quantity[data-type="type-1"] .ct-increase { --kn-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E"); }
.kramik-nowy .quantity[data-type="type-1"] .ct-decrease { --kn-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M0 6h14v2H0z'/%3E%3C/svg%3E"); }
/* Blocksy 2.1.x (aktualizacja 2026-10-09) dodał w przyciskach ilości własne ikonki SVG - chowamy, zostaje nasz + / − */
.kramik-nowy .quantity[data-type="type-1"] .ct-increase > svg, .kramik-nowy .quantity[data-type="type-1"] .ct-decrease > svg { display: none !important; }
/* stan magazynowy jako zielona pigułka z kropką */
.kramik-nowy .entry-summary .stock { display: inline-flex !important; align-items: center; gap: 8px; width: auto; padding: 6px 14px; border-radius: 999px; font-weight: 700; font-size: 15px !important; margin: 4px 0 14px; }
.kramik-nowy .entry-summary .stock::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: none; }
.kramik-nowy .entry-summary .stock.in-stock { background: #E7F4EA; color: #1E7B3A !important; }
.kramik-nowy .entry-summary .stock.out-of-stock { background: var(--kn-tint); color: var(--kn-accent2) !important; }
.kramik-nowy .entry-summary .stock.available-on-backorder { background: #FFF6E5; color: #8A5A0B !important; }
/* krótki opis na karcie produktu w beżowym polu jak opis */
.kramik-nowy .woocommerce-product-details__short-description { background: var(--kn-soft); border-radius: var(--kn-r); padding: 18px 22px; color: #262626; }
.kramik-nowy .woocommerce-product-details__short-description p:last-child { margin-bottom: 0; }
/* karta produktu: czas realizacji i zwrot jako karta z ikonami; EAN/SKU/kategorie spokojniej, bez WIELKICH LITER */
.kramik-nowy .entry-summary .product_meta.kramik-realizacja { display: grid; gap: 10px; border: 1.5px solid #D8D5D1; border-radius: var(--kn-r); padding: 16px 18px; margin: 6px 0 4px; }
.kramik-nowy .entry-summary .kramik-realizacja > span { display: block; position: relative; padding-left: 34px; text-transform: lowercase; font-size: 15px !important; letter-spacing: 0; color: #444; font-weight: 400; line-height: 1.45; }
.kramik-nowy .entry-summary .kramik-realizacja > span::first-letter { text-transform: uppercase; }
.kramik-nowy .entry-summary .kramik-realizacja > span > span { color: var(--kn-ht); font-weight: 700; text-transform: lowercase; }
.kramik-nowy .entry-summary .kramik-realizacja > span::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: var(--kn-accent2); -webkit-mask: var(--kn-i) center / 22px no-repeat; mask: var(--kn-i) center / 22px no-repeat; }
.kramik-nowy .entry-summary .kramik_delivery_wrapper { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v9H3zM14 10h4l3 3v3h-7z'/%3E%3Ccircle cx='7' cy='18' r='1.6'/%3E%3Ccircle cx='17' cy='18' r='1.6'/%3E%3C/svg%3E"); }
.kramik-nowy .entry-summary .kramik_return_wrapper { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12a8 8 0 1 0 3-6.2M4 4v4h4'/%3E%3C/svg%3E"); }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span { text-transform: none !important; letter-spacing: 0 !important; font-size: 14px !important; color: var(--kn-muted); font-weight: 700; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span > span,
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span > a { font-weight: 400; color: #444; text-transform: none !important; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) a:hover { color: var(--kn-accent2); }
.kramik-nowy .entry-summary .ct-product-divider { border-color: var(--kn-line) !important; opacity: .7; }
/* własne ikony konta i koszyka w nagłówku (jak w makiecie) + podpisy na komputerze */
.kramik-nowy #header .ct-account-item svg, .kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .icon svg { display: none !important; }
.kramik-nowy #header .ct-account-item, .kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button { display: inline-flex !important; align-items: center; gap: 8px; color: var(--kn-ht) !important; text-decoration: none; position: relative; font-weight: 700; font-size: 15px; }
.kramik-nowy #header .ct-account-item::before, .kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .icon::before {
    content: ""; display: block; width: 28px; height: 28px; background: currentColor; -webkit-mask: var(--kn-i) center / 28px no-repeat; mask: var(--kn-i) center / 28px no-repeat; }
.kramik-nowy #header .ct-account-item { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E"); }
.kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .icon { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.5 11h11L21 7H6.5'/%3E%3Ccircle cx='9' cy='19' r='1.5'/%3E%3Ccircle cx='17' cy='19' r='1.5'/%3E%3C/svg%3E"); display: block; width: 28px; height: 28px; }
.kramik-nowy #header [data-device="desktop"] .ct-account-item::after { content: "Konto"; }
.kramik-nowy #header [data-device="desktop"] .adfy_fc__woo-trigger-shortcode-button::after { content: "Koszyk"; }
.kramik-nowy #header .ct-account-item:hover, .kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button:hover { color: var(--kn-accent2) !important; }
.kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .badge { position: absolute !important; left: 18px; top: -8px; right: auto !important; min-width: 20px; height: 20px; border-radius: 999px; background: var(--kn-btn) !important; color: #fff !important; font-size: 11px; font-weight: 700; display: grid; place-items: center; padding: 0 5px; }
.kramik-nowy #header [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-items] { gap: 26px; }
/* ikony konto/koszyk w jednej linii */
.kramik-nowy #header .ct-header-text p { margin: 0 !important; display: flex; align-items: center; line-height: 1; }
.kramik-nowy #header .ct-header-text, .kramik-nowy #header .ct-header-account { display: flex; align-items: center; }
/* karta produktu: bez kresek między blokami; EAN/SKU/kategorie w takiej samej karcie z ikonami jak czas realizacji */
.kramik-nowy .entry-summary .ct-product-divider:not([data-id="divider_1"]) { display: none !important; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) { display: grid; gap: 10px; border: 1.5px solid #D8D5D1; border-radius: var(--kn-r); padding: 16px 18px; margin: 12px 0 16px; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span { display: block; position: relative; padding-left: 34px; font-size: 15px !important; color: #444; font-weight: 400; line-height: 1.45; margin: 0 !important; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span > span, .kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span > a { color: var(--kn-ht); font-weight: 700; }
.kramik-nowy .entry-summary .product_meta:not(.kramik-realizacja) > span::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: var(--kn-accent2); -webkit-mask: var(--kn-i) center / 22px no-repeat; mask: var(--kn-i) center / 22px no-repeat; }
.kramik-nowy .entry-summary .product_meta .ean_wrapper { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 5v14M7 5v14M10 5v14M14 5v14M16 5v14M20 5v14'/%3E%3C/svg%3E") !important; }
.kramik-nowy .entry-summary .product_meta .sku_wrapper { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M9 4 7 20M17 4l-2 16M4 9h16M3 15h16'/%3E%3C/svg%3E"); }
.kramik-nowy .entry-summary .product_meta .posted_in { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 6h6l2 2h10v11H3z'/%3E%3C/svg%3E"); }
.kramik-nowy .entry-summary .product_meta .tagged_as { --kn-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E"); }
.kramik-nowy .entry-summary .product_meta.kramik-realizacja { margin-bottom: 12px; }
/* karta produktu: cena w karcie (cena + najniższa cena z 30 dni), żadnych kresek między blokami */
.kramik-nowy .entry-summary .ct-product-divider { display: none !important; }
.kramik-nowy .entry-summary table.variations, .kramik-nowy .entry-summary table.variations tr, .kramik-nowy .entry-summary table.variations td, .kramik-nowy .entry-summary .woocommerce-variation-add-to-cart, .kramik-nowy .entry-summary .single_variation_wrap { border: 0 !important; }
.kramik-nowy .entry-summary .reset_variations { border: 0 !important; }
.kramik-nowy .entry-summary > p.price { border: 1.5px solid #D8D5D1; border-bottom: 0; border-radius: var(--kn-r) var(--kn-r) 0 0; padding: 16px 18px 4px; margin: 10px 0 0 !important; }
.kramik-nowy .entry-summary > p.price + .iworks-omnibus { border: 1.5px solid #D8D5D1; border-top: 0; border-radius: 0 0 var(--kn-r) var(--kn-r); padding: 0 18px 14px; margin: 0 0 16px !important; font-size: 14px; color: var(--kn-muted); }
/* personalizacja: biała karta jak reszta (bez czerwonego tła); czerwień tylko przy błędzie */
.kramik-nowy .kramik-pers { background: #fff !important; border: 1.5px solid #D8D5D1 !important; }
.kramik-nowy .kramik-pers h4 { position: relative; padding-left: 34px; }
.kramik-nowy .kramik-pers h4::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: var(--kn-accent2); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E") center / 24px no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E") center / 24px no-repeat; }
.kramik-nowy .kramik-pers.kp-bad { border-color: var(--kn-btn) !important; }
/* wybór koloru / materiału też w karcie, kafelki od lewej */
.kramik-nowy .entry-summary table.variations { display: block; border: 1.5px solid #D8D5D1 !important; border-radius: var(--kn-r); padding: 14px 18px 8px; margin: 0 0 14px; }
.kramik-nowy .entry-summary table.variations tbody, .kramik-nowy .entry-summary table.variations tr { display: block; }
.kramik-nowy .entry-summary table.variations th, .kramik-nowy .entry-summary table.variations td { display: block; text-align: left !important; padding: 0 !important; }
.kramik-nowy .entry-summary table.variations th label { margin-bottom: 8px; display: block; }
.kramik-nowy .entry-summary table.variations .cfvsw-swatches-container { justify-content: flex-start !important; }
.kramik-nowy .entry-summary table.variations .reset_variations { display: inline-block; margin-top: 6px; font-size: 13px; color: var(--kn-muted); }
/* filtry w kategoriach: każda sekcja w karcie z ramką, jak na karcie produktu */
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section { border: 1.5px solid #D8D5D1; border-radius: var(--kn-r); padding: 14px 16px 16px !important; margin: 0 0 12px !important; background: #fff; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-header { margin: 0 0 10px !important; padding: 0 !important; border: 0 !important; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-title, .kramik-nowy .wpc-filters-main-wrap .wpc-filter-header * { font-family: inherit; font-size: 16px !important; font-weight: 700 !important; color: var(--kn-ht) !important; text-transform: none !important; letter-spacing: 0 !important; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-set-widget-title .widget-title { font-family: var(--kn-hf); font-weight: 800; font-size: 22px; margin-bottom: 14px; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-search-form input, .kramik-nowy .wpc-filters-main-wrap input[type="text"], .kramik-nowy .wpc-filters-main-wrap input[type="search"] { border: 1.5px solid #D8D5D1 !important; border-radius: 12px !important; min-height: 44px; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section ul li { margin-bottom: 6px; }
.kramik-nowy .wpc-filters-main-wrap .wpc-term-count { color: var(--kn-muted); }
/* okruszki jednakowe WSZĘDZIE (porady, wpisy, strony, produkty, kategorie) */
.kramik-nowy nav.ct-breadcrumbs, .kramik-nowy nav.ct-breadcrumbs * { font-size: 15px !important; font-weight: 500 !important; color: var(--kn-muted) !important; text-transform: none !important; letter-spacing: 0 !important; background: transparent !important; }
.kramik-nowy nav.ct-breadcrumbs { padding: 0 !important; margin-bottom: 8px; justify-content: flex-start; }
.kramik-nowy nav.ct-breadcrumbs a:hover, .kramik-nowy nav.ct-breadcrumbs a:hover * { color: var(--kn-accent2) !important; }
.kramik-nowy nav.ct-breadcrumbs svg { width: 14px !important; height: 14px !important; }
/* duży szary pas z tytułem (porady, wpisy, kategorie…) wszędzie jako beżowy panel jak w kategoriach */
.kramik-nowy .hero-section[data-type="type-2"] { background: transparent !important; background-image: none !important; padding: 24px 0 0 !important; margin: 0 !important; min-height: 0 !important; }
.kramik-nowy .hero-section[data-type="type-2"] figure, .kramik-nowy .hero-section[data-type="type-2"] .ct-media-container { display: none; }
.kramik-nowy .hero-section[data-type="type-2"] > .entry-header, .kramik-nowy .hero-section[data-type="type-2"] > .ct-container { max-width: var(--kn-szer, 1460px); width: min(calc(100% - 48px), 90vw); margin-left: auto !important; margin-right: auto !important; background: var(--kn-soft); border-radius: 22px; padding: 26px 36px 30px !important; text-align: left; align-items: flex-start; min-height: 0 !important; }
.kramik-nowy .hero-section[data-type="type-2"] .ct-container > .entry-header { padding: 0 !important; text-align: left; align-items: flex-start; }
.kramik-nowy .hero-section[data-type="type-2"] .page-title { font-size: 38px; line-height: 1.15; color: var(--kn-ht); margin: 0; }
.kramik-nowy .hero-section[data-type="type-2"] .entry-meta { justify-content: flex-start; margin-top: 10px; }
@media (max-width: 999px) {
    .kramik-nowy .hero-section[data-type="type-2"] > .entry-header, .kramik-nowy .hero-section[data-type="type-2"] > .ct-container { padding: 18px 20px 22px !important; border-radius: 16px; width: calc(100% - 32px); }
    .kramik-nowy .hero-section[data-type="type-2"] .page-title { font-size: 28px; }
}

/* ---------- wysuwany koszyk z boku (Addonify Floating Cart) w stylu sklepu ---------- */
.kramik-nowy #adfy__floating-cart .adfy__woofc-title { font-family: var(--kn-hf); font-weight: 800; color: var(--kn-ht); letter-spacing: -.01em; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-badge { background: var(--kn-btn) !important; color: #fff !important; border-radius: 999px !important; font-weight: 700; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-header { border-bottom: 1.5px solid var(--kn-line) !important; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button { width: 40px; height: 40px; border-radius: 50%; border: 1.5px solid #D8D5D1 !important; display: grid; place-items: center; background: #fff; transition: background .15s, border-color .15s; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button:hover { background: var(--kn-btn); border-color: var(--kn-btn) !important; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button:hover svg { fill: #fff; color: #fff; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item { border-bottom: 1.5px solid var(--kn-line); padding-bottom: 16px; margin-bottom: 16px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb img, .kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb a { border-radius: 12px !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb { border: 1.5px solid #D8D5D1 !important; border-radius: 12px !important; overflow: visible; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-remove-cart-item { background: #fff !important; border: 1.5px solid #D8D5D1 !important; border-radius: 50% !important; transition: background .15s; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-remove-cart-item:hover { background: var(--kn-btn) !important; border-color: var(--kn-btn) !important; color: #fff; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-remove-cart-item:hover svg { fill: #fff; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-title a { font-family: inherit; font-weight: 700; color: var(--kn-ht) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price, .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price * { color: var(--kn-btn) !important; font-weight: 700; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-form { display: inline-flex !important; align-items: center; gap: 6px; height: 46px; padding: 0 6px !important; border: 1.5px solid var(--kn-btn) !important; border-radius: 999px !important; background: #fff; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button { width: 32px !important; height: 32px !important; border-radius: 50% !important; background: var(--kn-soft) !important; display: grid !important; place-items: center; border: 0 !important; transition: background .15s; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button:hover { background: var(--kn-btn) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button svg { width: 16px; height: 16px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button:hover svg { fill: #fff; stroke: #fff; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-field { width: 40px !important; text-align: center; font-weight: 700; font-size: 16px; border: 0 !important; background: transparent !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-colophon { border-top: 1.5px solid var(--kn-line); }
.kramik-nowy #adfy__floating-cart .adfy__woofc-cart-summary li { border-color: var(--kn-line) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-cart-summary .total .value, .kramik-nowy #adfy__floating-cart .adfy__woofc-cart-summary .total strong { color: var(--kn-ht); font-size: 18px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-actions { gap: 12px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-button { border-radius: 999px !important; height: 52px; font-weight: 700 !important; font-size: 16px !important; transition: background .15s, color .15s, border-color .15s; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-button.secondary { background: #fff !important; color: var(--kn-ht) !important; border: 1.5px solid #D8D5D1 !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-button.secondary:hover { background: var(--kn-btn) !important; color: #fff !important; border-color: var(--kn-btn) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-button.proceed-to-checkout, .kramik-nowy #adfy__floating-cart #adfy__woofc-apply-coupon-button { background: var(--kn-btn) !important; color: #fff !important; border: 1.5px solid var(--kn-btn) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-button.proceed-to-checkout:hover, .kramik-nowy #adfy__floating-cart #adfy__woofc-apply-coupon-button:hover { background: var(--kn-btn-h) !important; border-color: var(--kn-btn-h) !important; }
.kramik-nowy #adfy__floating-cart #adfy__woofc-coupon-input-field { border: 1.5px solid #D8D5D1 !important; border-radius: 12px !important; min-height: 46px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-link.has-underline { color: var(--kn-accent2) !important; }

/* koszyk / zamówienie: ikona usuwania (kosz) większa, w obramowanym kółku, czerwona po najechaniu; „Zaktualizuj koszyk” z hoverem */
.kramik-nowy .woocommerce-cart-form a.remove, .kramik-nowy .shop_table a.remove { width: 40px !important; height: 40px !important; border: 1.5px solid #D8D5D1 !important; border-radius: 50% !important; display: inline-grid !important; place-items: center; background: #fff !important; color: var(--kn-ht) !important; transition: background .15s, border-color .15s, color .15s; }
.kramik-nowy .woocommerce-cart-form a.remove svg, .kramik-nowy .shop_table a.remove svg { width: 16px !important; height: 16px !important; }
.kramik-nowy .woocommerce-cart-form a.remove:hover, .kramik-nowy .shop_table a.remove:hover { background: var(--kn-btn) !important; border-color: var(--kn-btn) !important; color: #fff !important; }
.kramik-nowy .woocommerce-cart-form a.remove:hover svg, .kramik-nowy .shop_table a.remove:hover svg { fill: #fff !important; }
.kramik-nowy .woocommerce-cart-form button[name="update_cart"] { transition: background .15s, color .15s, border-color .15s; }
.kramik-nowy .woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover { background: var(--kn-btn) !important; color: #fff !important; border-color: var(--kn-btn) !important; }
.kramik-nowy .woocommerce-cart-form .coupon .button:hover { background: var(--kn-btn-h) !important; }
/* wysuwany koszyk: − ilość + w jednej linii */
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-form { width: auto !important; flex-wrap: nowrap !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button { flex: none; position: static !important; margin: 0 !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-title a:hover { color: var(--kn-accent2) !important; }
/* koszyk / zamówienie: nazwa produktu czerwona po najechaniu, kwoty większe i wyraźne */
.kramik-nowy .shop_table .product-name a:hover, .kramik-nowy .woocommerce-cart-form .product-name a:hover { color: var(--kn-accent2) !important; }
.kramik-nowy .shop_table td.product-price, .kramik-nowy .shop_table td.product-subtotal, .kramik-nowy .shop_table td.product-total { font-size: 17px !important; font-weight: 700; color: var(--kn-ht); }
.kramik-nowy .shop_table td.product-subtotal .amount, .kramik-nowy .shop_table td.product-total .amount { color: var(--kn-btn); }
.kramik-nowy .shop_table .product-name .amount { font-size: 15px; color: var(--kn-muted); font-weight: 500; }
/* metody płatności: pełna ramka także u góry (motyw ją ucinał) */
.kramik-nowy #payment ul.payment_methods > li { border: 1.5px solid var(--kn-line) !important; margin: 0 0 10px !important; }
.kramik-nowy #payment ul.payment_methods > li:has(> input:checked) { border-color: var(--kn-btn) !important; }
.kramik-nowy #payment ul.payment_methods > li .payment_box { border-top: 1.5px solid var(--kn-line) !important; margin-top: 10px !important; padding-top: 12px !important; }
/* konto i koszyk: same ikony, większe (bez podpisów) */
.kramik-nowy #header [data-device="desktop"] .ct-account-item::after, .kramik-nowy #header [data-device="desktop"] .adfy_fc__woo-trigger-shortcode-button::after { content: none !important; }
.kramik-nowy #header .ct-account-item::before, .kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .icon::before { width: 34px; height: 34px; -webkit-mask-size: 34px; mask-size: 34px; }
.kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .icon { width: 34px; height: 34px; }
.kramik-nowy #header .adfy_fc__woo-trigger-shortcode-button .badge { left: 22px; top: -6px; }
/* konto i koszyk bliżej siebie */
.kramik-nowy #header [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-items] { gap: 18px !important; --items-spacing: 0px; }
.kramik-nowy #header [data-device="desktop"] [data-row="middle"] [data-column="end"] [data-items] > * { margin-left: 0 !important; margin-right: 0 !important; }
.kramik-nowy #header .ct-header-text .entry-content p { padding: 0 !important; }
/* wysuwany koszyk: jedna ramka wokół zdjęcia */
.kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb { border: 0 !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb img { border: 1.5px solid #D8D5D1 !important; border-radius: 12px !important; box-shadow: none !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item .thumb a { border: 0 !important; box-shadow: none !important; }
/* pole wyszukiwania zawsze widoczne (gdyby FiboSearch ukrywał je do czasu załadowania) */
.kramik-nowy .kn-fibo, .kramik-nowy .kn-search { display: flex !important; visibility: visible !important; opacity: 1 !important; min-width: 200px; }
/* boczny koszyk: cena duża (jak na karcie produktu), ilość osobno w zielonej pigułce, bez „×” */
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity { display: flex !important; align-items: center; gap: 10px; font-size: 0 !important; margin: 6px 0 10px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount { order: 1; font-size: 20px !important; font-weight: 800; color: var(--kn-btn) !important; font-family: var(--kn-hf); }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount * { font-size: 20px !important; color: var(--kn-btn) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity { order: 2; display: inline-flex; align-items: center; gap: 6px; font-size: 14px !important; font-weight: 700; color: #1E7B3A !important; background: #E7F4EA; border-radius: 999px; padding: 4px 12px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity::after { content: "szt."; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity { justify-content: space-between; width: 100%; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount, .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount * { font-size: 18px !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity { margin-left: auto; }
/* boczny koszyk: główny krzyżyk na środku kółka, po najechaniu czerwone tło i biały krzyżyk */
.kramik-nowy #adfy__floating-cart .adfy__close-button button { display: grid !important; place-items: center !important; padding: 0 !important; margin: 0 !important; min-width: 40px !important; min-height: 40px !important; flex: 0 0 40px !important; aspect-ratio: 1; width: 40px !important; height: 40px !important; line-height: 0 !important; background: #fff !important; color: var(--kn-ht) !important; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button svg { width: 18px !important; height: 18px !important; margin: 0 !important; display: block; fill: currentColor; color: currentColor; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button:hover { background: var(--kn-btn) !important; border-color: var(--kn-btn) !important; color: #fff !important; }
.kramik-nowy #adfy__floating-cart .adfy__close-button button:hover svg, .kramik-nowy #adfy__floating-cart .adfy__close-button button:hover svg * { fill: #fff !important; stroke: #fff !important; color: #fff !important; }
/* boczny koszyk: pole ilości identyczne jak na karcie produktu */
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-form { height: 50px; width: 132px !important; justify-content: space-between; padding: 0 8px !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-field { font-size: 17px !important; font-weight: 700 !important; color: var(--kn-ht) !important; width: 40px !important; padding: 0 !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button { width: 34px !important; height: 34px !important; color: var(--kn-ht) !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button svg { display: none !important; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button::before { content: ""; display: block; width: 14px; height: 14px; background: currentColor; -webkit-mask: var(--kn-ico) center / 14px 14px no-repeat; mask: var(--kn-ico) center / 14px 14px no-repeat; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-inc-quantity { --kn-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M6 0h2v14H6zM0 6h14v2H0z'/%3E%3C/svg%3E"); }
.kramik-nowy #adfy__floating-cart .adfy__woofc-dec-quantity { --kn-ico: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M0 6h14v2H0z'/%3E%3C/svg%3E"); }
.kramik-nowy #adfy__floating-cart .adfy__woofc-quantity-input-button:hover { color: #fff !important; }
/* boczny koszyk: cena i „szt.” idealnie na jednej wysokości */
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity { align-items: center !important; min-height: 30px; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount, .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price .quantity > .amount * { line-height: 1 !important; display: inline-flex; align-items: center; }
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity { line-height: 1 !important; height: 28px; padding: 0 12px !important; margin-top: 0 !important; margin-bottom: 0 !important; }
/* Autopay: bez kresek wokół „Szybkie i bezpieczne płatności” (wtyczka zagnieżdża pola z tą samą klasą) */
.kramik-nowy #payment .payment_box .payment_box { border: 0 !important; margin: 0 !important; padding: 0 !important; }
.kramik-nowy #payment li.payment_method_bluemedia > .payment_box { border-top: 0 !important; margin-top: 0 !important; padding-top: 4px !important; }
.kramik-nowy #payment li.payment_method_bluemedia hr { display: none; }
.kramik-nowy #payment ul.payment_methods > li .payment_box .payment_box { border: 0 !important; margin: 0 !important; padding: 0 !important; }
.kramik-nowy #payment ul.payment_methods > li.payment_method_bluemedia > .payment_box { border-top: 0 !important; margin-top: 0 !important; padding-top: 4px !important; }
/* FiboSearch zastąpił lupę Blocksy (ikonka w nagłówku) - w nowym wyglądzie jest szerokie pole, więc ikonkę chowamy */
.kramik-nowy #header:has(.kn-fibo, .kn-search) [data-id="search"] { display: none !important; }   /* lupę chowamy tylko, gdy jest nasze pole */
/* lupa w przycisku FiboSearch zawsze widoczna (biała na czerwonym) */
.kramik-nowy .kn-fibo .dgwt-wcas-search-submit svg { display: block !important; opacity: 1 !important; visibility: visible !important; width: 18px !important; height: 18px !important; fill: #fff !important; }
.kramik-nowy .kn-fibo .dgwt-wcas-search-submit svg path { fill: #fff !important; }
/* FiboSearch w nowym nagłówku: formularz zawsze widoczny jako pełne pole (nawet przy układzie „ikona” we wtyczce) */
.kramik-nowy .kn-fibo .dgwt-wcas-search-form { display: block !important; position: static !important; width: 100% !important; opacity: 1 !important; visibility: visible !important; transform: none !important; box-shadow: none !important; }
.kramik-nowy .kn-fibo .dgwt-wcas-search-icon, .kramik-nowy .kn-fibo .dgwt-wcas-search-icon-arrow { display: none !important; }
.kramik-nowy .kn-fibo { flex: 1 1 auto; }
/* lupa w wyszukiwarce: łapka i zawsze klikalna (nad polem tekstowym) */
.kramik-nowy .kn-fibo .dgwt-wcas-search-submit, .kramik-nowy .kn-search button { cursor: pointer !important; z-index: 5 !important; pointer-events: auto !important; }
.kramik-nowy .kn-fibo .dgwt-wcas-search-submit * { pointer-events: none; }
/* przyklejone menu (po przewinięciu): ciemny tekst i strzałki na białym tle (Blocksy miał tu prawie biały tekst) */
.kramik-nowy #header [data-sticky] .header-menu-1 > ul > li > a.ct-menu-link { color: var(--kn-ht) !important; }
.kramik-nowy #header [data-sticky] .header-menu-1 > ul > li:hover > a.ct-menu-link, .kramik-nowy #header [data-sticky] .header-menu-1 > ul > li[class*="current"] > a.ct-menu-link { color: var(--kn-accent2) !important; }
.kramik-nowy #header [data-sticky] .header-menu-1 .ct-toggle-dropdown-desktop svg { fill: currentColor !important; }
.kramik-nowy #header [data-sticky*="yes"] [data-row="bottom"] { background: #fff !important; }

.kramik-nowy .entry-summary .product_meta > span[style*="none"] { display: none !important; }
/* filtry: sekcje bez żadnych wartości w tej kategorii (np. brak kolorów / tagów) - ukryte zamiast „Nie ma jeszcze określeń filtrów” */
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section:has(.wpc-no-filter-terms) { display: none !important; }

/* menu główne: pigułka zamiast kreski (aktywna i najechana pozycja) - decyzja 2026-10-07 */
.kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link::after { display: none !important; }
.kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link { border-radius: 999px; padding: 0 14px !important; height: 42px !important; align-self: center; transition: background .15s, color .15s; border-bottom: 0 !important; }
.kramik-nowy .header-menu-1 > ul > li:hover > a.ct-menu-link,
.kramik-nowy .header-menu-1 > ul > li[class*="current-menu"] > a.ct-menu-link,
.kramik-nowy .header-menu-1 > ul > li[class*="current-product"] > a.ct-menu-link,
.kramik-nowy .header-menu-1 > ul > li[class*="current_page"] > a.ct-menu-link { background: var(--kn-tint) !important; color: var(--kn-accent2) !important; }
/* menu: strona, na której jesteś = beżowa pigułka; najechanie = różowa (żeby się nie myliły) */
.kramik-nowy .header-menu-1 > ul > li[class*="current-menu"] > a.ct-menu-link,
.kramik-nowy .header-menu-1 > ul > li[class*="current-product"] > a.ct-menu-link,
.kramik-nowy .header-menu-1 > ul > li[class*="current_page"] > a.ct-menu-link { background: #EFE8E1 !important; color: var(--kn-ht) !important; }
.kramik-nowy .header-menu-1 > ul > li:hover > a.ct-menu-link { background: var(--kn-tint) !important; color: var(--kn-accent2) !important; }
/* lista produktów: tytuł produktu trochę większy */
.kramik-nowy ul.products li.product .woocommerce-loop-product__title { font-size: 16.5px !important; }
@media (max-width: 999px) { .kramik-nowy ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; } }
/* menu na węższych ekranach (laptop 1280 px): wszystkie pozycje w jednym rzędzie, bez „Więcej” */
@media (max-width: 1440px) {
    .kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link { font-size: 16px; padding: 0 11px !important; }
}
@media (max-width: 1300px) {
    .kramik-nowy .header-menu-1 > ul > li > a.ct-menu-link { font-size: 15px; padding: 0 7px !important; }
    .kramik-nowy header#header [data-row="bottom"] .ct-container-fluid, .kramik-nowy header#header [data-row="bottom"] .ct-container { padding-left: 12px !important; padding-right: 12px !important; }
    .kramik-nowy .header-menu-1 .ct-toggle-dropdown-desktop { margin-left: 2px; }
}

/* stopka: nagłówki kolumn jako h2 (kolejność nagłówków) - wygląd jak dotąd */
.kramik-nowy .kn-footer h2.kn-fh { font-family: inherit; font-weight: 700; color: var(--kn-ht); margin: 6px 0 10px; font-size: 16px; letter-spacing: 0; }
/* wyniki wyszukiwania: nagłówek w beżowym panelu jak kategorie, odstępy przy braku wyników */
.kramik-nowy.search .hero-section[data-type="type-1"] { margin: 24px 0 0 !important; padding: 0 !important; }
.kramik-nowy.search .hero-section[data-type="type-1"] > .entry-header { background: var(--kn-soft); border-radius: 22px; padding: 26px 36px 28px !important; text-align: left; }
.kramik-nowy.search .hero-section .page-title { font-size: 34px; line-height: 1.2; margin: 0 0 8px; color: var(--kn-ht); }
.kramik-nowy.search .hero-section .page-description { display: block !important; margin: 0; color: #262626; font-size: 16px; }
.kramik-nowy .woocommerce-no-products-found { margin: 28px 0 60px; }
.kramik-nowy .woocommerce-no-products-found .woocommerce-info { padding: 18px 22px !important; font-size: 16px; }
@media (max-width: 999px) {
    .kramik-nowy.search .hero-section[data-type="type-1"] > .entry-header { padding: 18px 20px 20px !important; border-radius: 16px; }
    .kramik-nowy.search .hero-section .page-title { font-size: 24px; }
}
.kramik-nowy.search .hero-section[data-type="type-1"] { max-width: none !important; width: 100% !important; }
.kramik-nowy .woocommerce-no-products-found .woocommerce-info { padding-left: 52px !important; position: relative; }
.kramik-nowy .woocommerce-no-products-found .woocommerce-info::before { left: 20px !important; top: 50% !important; transform: translateY(-50%); }
.kramik-nowy.search .hero-section[data-type="type-1"] > .entry-header { max-width: none !important; width: 100% !important; margin: 0 !important; box-sizing: border-box; }
/* wyniki wyszukiwania: szukana fraza wyróżniona */
.kramik-nowy .page-title .kn-fraza { color: var(--kn-accent2); margin-left: .25em; }
/* wyniki wyszukiwania: odstęp między panelem tytułu a licznikiem i sortowaniem */
.kramik-nowy.search .hero-section[data-type="type-1"] { margin-bottom: 28px !important; }
.kramik-nowy.search .woocommerce-products-header + .woocommerce-notices-wrapper, .kramik-nowy.search .woo-listing-top { margin-top: 0; }
.kramik-nowy.search .hero-section[data-type="type-1"] { margin-bottom: 40px !important; }
.kramik-nowy.search .woocommerce-result-count { margin-top: 8px !important; }

/* filtry: sekcje zwijane strzałką; panel przyklejony, ale z własnym przewijaniem (nie ucina dołu) */
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-header { cursor: pointer; position: relative; padding-right: 30px !important; user-select: none; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-header::after { content: ""; position: absolute; right: 2px; top: 50%; width: 9px; height: 9px; border-right: 2px solid var(--kn-ht); border-bottom: 2px solid var(--kn-ht); transform: translateY(-70%) rotate(45deg); transition: transform .2s; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section.kn-zwiniete .wpc-filter-header::after { transform: translateY(-30%) rotate(-45deg); }
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section.kn-zwiniete .wpc-filter-header { margin-bottom: 0 !important; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filters-section.kn-zwiniete > :not(.wpc-filter-header) { display: none !important; }
.kramik-nowy .wpc-filters-main-wrap .wpc-filter-header:hover .wpc-filter-title, .kramik-nowy .wpc-filters-main-wrap .wpc-filter-header:hover * { color: var(--kn-accent2) !important; }
@media (min-width: 1000px) {
    .kramik-nowy .ct-sidebar { max-height: calc(100vh - 130px); overflow-y: auto; scrollbar-width: thin; padding-right: 6px; }
}
/* baner strony głównej: tekstowy link „lub zobacz wszystkie produkty →” pod przyciskami */
.kramik-nowy .kn-hero .kn-all { margin-top: 14px; align-self: flex-start; }
.kramik-nowy .kn-hero .kn-all { display: inline-flex !important; margin-top: 14px !important; }
@media (max-width: 999px) {
    .kramik-nowy .kn-hero .kn-acts .kn-btn, .kramik-nowy .kn-hero .kn-all { flex: 1 1 auto; justify-content: center; }
    .kramik-nowy .kn-hero .kn-all { width: 100%; margin-top: 12px !important; }
}
/* telefon: ikona konta obok koszyka */
.kramik-nowy #header [data-device="mobile"] .kn-konto-m { display: flex; align-items: center; margin-right: 14px; }
.kramik-nowy #header [data-device="mobile"] .kn-konto-m .ct-account-item::before { width: 28px; height: 28px; -webkit-mask-size: 28px; mask-size: 28px; }
/* przyklejone menu (po przewinięciu): linia na dole i delikatny cień - odcina się od treści */
.kramik-nowy #header [data-sticky*="yes"] [data-row="bottom"] { border-bottom: 1.5px solid #D8D5D1 !important; box-shadow: 0 6px 16px rgba(0, 0, 0, .06); }
/* stopka: podpis realizacji pod prawami autorskimi */
.kramik-nowy .kn-fbot { flex-direction: column; align-items: center; gap: 6px; }
.kramik-nowy .kn-fbot .kn-autor { font-size: 13px; color: var(--kn-muted); }
.kramik-nowy .kn-fbot .kn-autor a { color: var(--kn-muted); text-decoration: underline; text-underline-offset: 3px; }
.kramik-nowy .kn-fbot .kn-autor a:hover { color: var(--kn-accent2); }

/* Kategorie: „Najczęstsze pytania” pod opisem (blok z seo.kategorie_faq, klasa dodawana w functions.php) */
.kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) { margin-top: 40px; padding: 28px 32px; background: var(--kn-soft); border-radius: 18px; }
.kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) h2 { margin: 0 0 18px; font-size: 24px; }
.kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) h3 { margin: 22px 0 6px; font-size: 17px; font-weight: 700; color: var(--kn-ht); }
.kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) h3:first-of-type { margin-top: 0; }
.kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) p { margin: 0; line-height: 1.6; }
@media (max-width: 689px) { .kramik-nowy .term-description :is(.kn-faq, div:has(> h2)) { padding: 20px 18px; } }

/* =========================================================
   SPÓJNA GÓRA STRON (2026-10-10): niski beżowy pasek z okruszkami na kategorii, produkcie, blogu i wpisie.
   Kategoria: tytuł (H1) i karuzela podkategorii w prawej kolumnie (functions.php: kramik_kafelki_podkategorii).
   ========================================================= */
/* kategoria: w ramce zostają same okruszki → niska ramka */
.kramik-nowy.tax-product_cat .hero-section > .entry-header,
.kramik-nowy.tax-product_tag .hero-section > .entry-header,
.kramik-nowy.post-type-archive-product .hero-section > .entry-header { padding: 14px 28px !important; }
.kramik-nowy.tax-product_cat .hero-section .ct-breadcrumbs,
.kramik-nowy.tax-product_tag .hero-section .ct-breadcrumbs,
.kramik-nowy.post-type-archive-product .hero-section .ct-breadcrumbs { margin-bottom: 0 !important; }
.kramik-nowy.category .hero-section .ct-breadcrumbs { margin-bottom: 10px !important; }   /* kategoria bloga: okruszki nad tytułem */
/* produkt: okruszki w takim samym beżowym pasku */
.kramik-nowy.single-product .hero-section .entry-header { background: var(--kn-soft); border-radius: 22px; padding: 14px 28px !important; }
.kramik-nowy.single-product .hero-section .ct-breadcrumbs { margin-bottom: 0 !important; }
/* wpis: okruszki nad tytułem, w istniejącej ramce */
.kramik-nowy.single-post .hero-section .ct-breadcrumbs { margin-bottom: 10px !important; }

/* tytuł kategorii nad karuzelą */
.kramik-nowy .kn-cat-title { flex: 0 0 100%; order: -2; font-family: var(--kn-hf); font-size: 30px; line-height: 1.15; margin: 0 0 16px; color: var(--kn-ht); }

/* karuzela podkategorii: jeden rząd przewijany w bok (komputer i telefon), strzałki na komputerze */
.kramik-nowy .woo-listing-top:has(.kn-karuzela) { flex-wrap: wrap; }
.kramik-nowy .kn-karuzela { flex: 0 0 100%; order: -1; position: relative; margin: 0 0 24px; min-width: 0; }
.kramik-nowy .kn-podkat { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 2px 0 6px; }
.kramik-nowy .kn-podkat::-webkit-scrollbar { display: none; }
.kramik-nowy .kn-podkat-item { flex: 0 0 160px; scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--kn-line);
    border-radius: var(--kn-r); overflow: hidden; text-decoration: none; color: var(--kn-ht); transition: box-shadow .15s, border-color .15s; }
.kramik-nowy .kn-podkat-item:hover { box-shadow: 0 6px 18px rgba(0, 0, 0, .08); border-color: var(--kn-accent); }
.kramik-nowy .kn-podkat-item img { width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; display: block; margin: 0; }
.kramik-nowy .kn-podkat-nazwa { font-family: var(--kn-hf); font-weight: 700; font-size: 14px; line-height: 1.25; padding: 9px 11px 2px; }
.kramik-nowy .kn-podkat-ile { font-size: 12px; color: var(--kn-muted); padding: 0 11px 11px; }
.kramik-nowy .kn-kar-btn { position: absolute; top: 60px; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--kn-line);
    background: #fff; color: var(--kn-ht); font-size: 26px; line-height: 1; display: grid; place-items: center; padding: 0 0 3px; cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
.kramik-nowy .kn-kar-btn:hover { background: var(--kn-btn); border-color: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-kar-btn[hidden] { display: none; }
.kramik-nowy .kn-kar-prev { left: -14px; }
.kramik-nowy .kn-kar-next { right: -14px; }
@media (max-width: 600px) {
    .kramik-nowy .kn-cat-title { font-size: 24px; margin-bottom: 12px; }
    .kramik-nowy .kn-kar-btn { display: none; }          /* telefon: przesuwanie palcem */
    .kramik-nowy .kn-podkat { gap: 10px; }
    .kramik-nowy .kn-podkat-item { flex-basis: 38%; }
    .kramik-nowy.tax-product_cat .hero-section > .entry-header, .kramik-nowy.tax-product_tag .hero-section > .entry-header, .kramik-nowy.post-type-archive-product .hero-section > .entry-header, .kramik-nowy.single-product .hero-section .entry-header { padding: 12px 18px !important; border-radius: 16px; }
}

/* =========================================================
   STRONA GŁÓWNA: „TERAZ NA CZASIE” (functions.php: shortcode [kramik_teraz])
   Rząd główny (duża karta + karuzela), rząd 2 (mała karta + karuzela), „Też na czasie” (karty, ostatnia = sezon).
   Tekst na zdjęciu w ramce 78% + rozmycie (jak .kn-promo).
   ========================================================= */
.kramik-nowy .kn-tn { margin: 0 0 54px; }
.kramik-nowy .kn-tn-box { background: var(--kn-soft); border-radius: 22px; padding: 18px; }
.kramik-nowy .kn-tn-rz { display: grid; gap: 18px; align-items: stretch; }
.kramik-nowy .kn-tn-glowna { grid-template-columns: 300px minmax(0, 1fr); }
.kramik-nowy .kn-tn-druga { grid-template-columns: 220px minmax(0, 1fr); gap: 18px; margin-top: 18px; padding-top: 18px; border-top: 1px solid #E6E1DB; }   /* na beżu jak rząd główny, oddzielony linią */
.kramik-nowy .kn-tn-card { position: relative; border-radius: var(--kn-r); overflow: hidden; color: #fff; display: flex; align-items: flex-end; min-height: 330px; }
.kramik-nowy .kn-tn-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; margin: 0; }
.kramik-nowy .kn-tn-c { position: relative; margin: 16px; padding: 18px 20px; background: rgba(20, 16, 14, .78); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); border-radius: var(--kn-r); }
.kramik-nowy .kn-tn-k { display: block; font: 700 12px var(--kn-hf); text-transform: uppercase; letter-spacing: .06em; color: #fff; opacity: .9; }
.kramik-nowy .kn-tn-card h3 { color: #fff; font-size: 26px; margin: 4px 0 8px; }
.kramik-nowy .kn-tn-card p { margin: 0 0 14px; font-size: 14px; color: #fff; }
.kramik-nowy .kn-tn-btn { display: inline-block; background: #fff; color: var(--kn-ht); text-decoration: none; font: 700 14px var(--kn-hf); padding: 10px 18px; border-radius: 999px; }
.kramik-nowy .kn-tn-btn:hover { background: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-tn-sm, .kramik-nowy .kn-tn-xs { min-height: 200px; }
.kramik-nowy .kn-tn-sm .kn-tn-c, .kramik-nowy .kn-tn-xs .kn-tn-c { margin: 10px; padding: 12px 14px; }
.kramik-nowy .kn-tn-sm h3, .kramik-nowy .kn-tn-xs h3 { font-size: 19px; margin: 2px 0 4px; }
.kramik-nowy .kn-tn-sm p { display: none; }
.kramik-nowy .kn-tn-xs p { font-size: 13px; margin: 0 0 10px; }
.kramik-nowy .kn-tn-sm .kn-tn-btn, .kramik-nowy .kn-tn-xs .kn-tn-btn { padding: 7px 14px; font-size: 13px; }
.kramik-nowy .kn-tn-xs { min-height: 190px; }
.kramik-nowy .kn-tn-sub { font-size: 18px; margin: 18px 0 0; color: var(--kn-ht); }
.kramik-nowy .kn-tn-karty { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 12px; }
.kramik-nowy .kn-tn-car { position: relative; min-width: 0; }
.kramik-nowy .kn-tn-row { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding: 4px 2px 8px; }
.kramik-nowy .kn-tn-row::-webkit-scrollbar { display: none; }
.kramik-nowy .kn-tn-pc { flex: 0 0 170px; scroll-snap-align: start; display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; text-decoration: none; color: var(--kn-ht); box-shadow: 0 6px 18px rgba(60, 40, 30, .10); }
.kramik-nowy .kn-tn-druga .kn-tn-pc { flex-basis: 140px; }
.kramik-nowy .kn-tn-pc:hover { box-shadow: 0 8px 22px rgba(60, 40, 30, .18); }
.kramik-nowy .kn-tn-pc img { width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; background: #fff; margin: 0; }
.kramik-nowy .kn-tn-n { font-size: 13px; line-height: 1.3; padding: 8px 10px 4px; height: 3.9em; overflow: hidden; }
.kramik-nowy .kn-tn-p { font: 800 15px var(--kn-hf); color: var(--kn-btn); padding: 0 10px 10px; }
.kramik-nowy .kn-tn-p del { font-weight: 400; color: var(--kn-muted); font-size: 12px; }
.kramik-nowy .kn-tn-p .iworks-omnibus { display: none; }
.kramik-nowy .kn-tn-ar { position: absolute; top: 38%; z-index: 2; width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--kn-line); background: #fff; color: var(--kn-ht);
    font-size: 24px; line-height: 1; display: grid; place-items: center; padding: 0 0 3px; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, .12); }
.kramik-nowy .kn-tn-ar:hover { background: var(--kn-btn); border-color: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-tn-ar[hidden] { display: none; }
.kramik-nowy .kn-tn-l { left: -14px; }
.kramik-nowy .kn-tn-r { right: -14px; }
@media (max-width: 760px) {
    .kramik-nowy .kn-tn-box { padding: 12px; }
    .kramik-nowy .kn-tn-glowna, .kramik-nowy .kn-tn-druga { grid-template-columns: 1fr; }
    .kramik-nowy .kn-tn-card { min-height: 190px; }
    .kramik-nowy .kn-tn-sm { min-height: 150px; }
    .kramik-nowy .kn-tn-ar { display: none; }
    .kramik-nowy .kn-tn-pc, .kramik-nowy .kn-tn-druga .kn-tn-pc { flex-basis: 42%; }
    .kramik-nowy .kn-tn-karty { grid-template-columns: 1fr; gap: 10px; }   /* telefon: „Też na czasie” jedna pod drugą */
    .kramik-nowy .kn-tn-xs { min-height: 140px; }
}

/* =========================================================
   STRONA GŁÓWNA - SPÓJNOŚĆ (2026-10-10)
   Przyciski: czerwony = główna akcja; obramowany = przejście do listy (nagłówki sekcji); beżowy = na karcie ze zdjęciem.
   Bez strzałek „→” w tekstach przycisków (siedziały niżej niż tekst). Karuzele produktów jak karty w siatce (ramka, czarna cena).
   Odstęp między sekcjami: 54 px.
   ========================================================= */
.kramik-nowy .kn-promo .kn-btn.w, .kramik-nowy .kn-tn-btn { background: #EFE8E1; color: var(--kn-ht); border: 0; }
.kramik-nowy .kn-promo:hover .kn-btn.w, .kramik-nowy .kn-promo .kn-btn.w:hover, .kramik-nowy .kn-tn-btn:hover { background: var(--kn-btn); color: #fff; }
.kramik-nowy .kn-tn-pc, .kramik-nowy .kn-car-t a { box-shadow: none; border: 1px solid var(--kn-line); }
.kramik-nowy .kn-tn-pc:hover, .kramik-nowy .kn-car-t a:hover { box-shadow: none; border-color: var(--kn-accent); }
.kramik-nowy .kn-tn-p { color: var(--kn-ht); }
.kramik-nowy.home .entry-content > .alignwide { margin-top: 0 !important; margin-bottom: 54px !important; }
.kramik-nowy.home .entry-content > .kn-hero { margin-bottom: 18px !important; }
.kramik-nowy.home .entry-content > .alignwide:has(+ .kn-blog) { margin-bottom: 20px !important; }   /* nagłówek „Zainspiruj się” tuż nad wpisami */
.kramik-nowy .kn-tn { margin-bottom: 0; }

/* =========================================================
   PROMOCJE (2026-10-10): „Zamów do…”, rabat ilościowy, pasek darmowej dostawy, Black Week
   ========================================================= */
.kn-zamow { background: #FDECEA; border: 1px solid #F6C9C5; border-radius: 14px; padding: 11px 14px; margin: 0 0 14px; font: 700 15px var(--kn-hf, Manrope, sans-serif); color: var(--kn-ht, #1C1C1C); }
.kn-zamow[hidden] { display: none; }
.kn-progi { border: 1px solid #EAE8E5; border-radius: 14px; overflow: hidden; margin: 0 0 14px; }
.kn-progi-h { display: block; background: #EFE8E1; padding: 9px 14px; font: 700 14px var(--kn-hf, Manrope, sans-serif); color: var(--kn-ht, #1C1C1C); }
.kn-progi table { width: 100%; border-collapse: collapse; margin: 0; font-size: 14px; border: 0; }
.kn-progi th, .kn-progi td { padding: 7px 14px; border: 0; border-top: 1px solid #EAE8E5; background: transparent; text-align: left; }
.kn-progi th { font-size: 12px; font-weight: 500; color: #6E6E6E; border-top: 0; padding-top: 8px; padding-bottom: 4px; }
.kn-progi th:not(:first-child), .kn-progi td:not(:first-child) { text-align: right; }
.kn-progi td:nth-child(2) { font-weight: 700; color: var(--kn-ht, #1C1C1C); }
.kn-progi td:nth-child(3) { color: #1b7f3b; }
.kn-progi td b { color: #D23F42; }
.kn-progi tr.on td { background: #FFF7E8; }
.kn-progi tr.on td:first-child { box-shadow: inset 3px 0 0 #D23F42; }
.kn-progi-hint { background: #F6F5F3; padding: 8px 14px; font-size: 13px; color: var(--kn-ht, #1C1C1C); border-top: 1px solid #EAE8E5; }
.kn-rabat-poz { display: block; margin-top: 3px; font-size: 12px; font-weight: 700; color: #1b7f3b; }
.woocommerce-cart-form .product-price del, .woocommerce-checkout .product-price del { color: #9a9a9a; font-weight: 400; margin-right: 4px; }
.woocommerce-cart-form .product-price ins { text-decoration: none; }
.kn-pasek { background: #F6F5F3; border-radius: 14px; padding: 12px 16px; margin: 14px 0; font-size: 14px; color: var(--kn-ht, #1C1C1C); }
.kn-pasek:empty { display: none; }
.kn-pasek-tr { height: 8px; border-radius: 9px; background: #E5E0DA; margin-top: 8px; overflow: hidden; }
.kn-pasek-tr i { display: block; height: 100%; background: #D23F42; border-radius: 9px; transition: width .3s; }
.kn-pasek-l { margin-top: 8px; padding-top: 8px; border-top: 1px solid #E6E1DB; font-size: 13px; }
.kn-pasek-mini { margin: 0 20px 10px; padding: 10px 14px; font-size: 13px; }
.kn-bw-odz { display: inline-block; align-self: flex-start; background: #1C1C1C; color: #fff; font: 800 11px var(--kn-hf, Manrope, sans-serif); padding: 3px 9px; border-radius: 999px; margin: 6px 0 4px; }
.kn-bw-pp { display: inline-flex; align-items: center; gap: 8px; background: #1C1C1C; color: #fff; border-radius: 999px; padding: 5px 12px; font: 700 13px var(--kn-hf, Manrope, sans-serif); margin: 0 0 10px; }
.kn-bw-pp i { background: #D23F42; border-radius: 999px; padding: 2px 8px; font-style: normal; }
.kn-bw-odz[hidden], .kn-bw-pp[hidden] { display: none; }
.kramik-nowy .kn-tn-pill { display: inline-block; background: #D23F42; color: #fff; border-radius: 999px; padding: 3px 10px; font: 800 12px var(--kn-hf); margin-bottom: 6px; }
.kramik-nowy .kn-tn-zd { display: block; font-size: 13px; color: #FFD9D6; margin-top: 2px; }
/* karta produktu: „Zobacz koszyk” (po dodaniu) jako zaokrąglony przycisk; cena z ikoną i etykietą jak „Czas realizacji”, większa */
.kramik-nowy .entry-summary a.added_to_cart.wc-forward { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; border-radius: 999px !important; background: #EFE8E1 !important; color: var(--kn-ht) !important; font-weight: 700; border: 0 !important; text-decoration: none; transition: background .15s; }
.kramik-nowy .entry-summary a.added_to_cart.wc-forward:hover { background: #E4DAD0 !important; }
.kramik-nowy .entry-summary > p.price { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; }
.kramik-nowy .entry-summary > p.price::before { content: "Cena:"; align-self: center; padding-left: 40px; min-height: 28px; line-height: 28px; font: 400 18px var(--kn-bf, Roboto, sans-serif); color: #444; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b93738' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") left center / 28px no-repeat; }
.kramik-nowy .entry-summary > p.price + .iworks-omnibus { padding-left: 58px; }
/* sekcja sezonowa (2026-10-10, Marcin): „Zamów do…” biały jak reszta karty, przyciski na kartach ze zdjęciem białe, nazwy produktów równo w 2 liniach */
.kramik-nowy .kn-tn-zd { color: #fff; opacity: .9; }
.kramik-nowy .kn-promo .kn-btn.w, .kramik-nowy .kn-tn-btn { background: #fff; color: var(--kn-ht); }
.kramik-nowy .kn-promo .kn-btn.w:hover, .kramik-nowy .kn-tn-btn:hover { background: var(--kn-btn); color: #fff; }   /* najechanie: czerwony z białym tekstem jak przyciski na banerze */
.kramik-nowy .kn-tn-n { height: auto; padding: 8px 10px 0; margin-bottom: 4px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: calc(2.6em + 8px); }
/* karta produktu (2026-10-10): nagłówki „Cena” i „Materiał / kolor” jednakowo (ikona, grubszy krój, bez dwukropka), cena pod nagłówkiem;
   opis koloru w ramce wyboru; „Zamów do…” nad przyciskiem; tabelka rabatów pod zdjęciem (komputer) */
.kramik-nowy .entry-summary > p.price { display: block; }
.kramik-nowy .entry-summary > p.price::before { content: "Cena"; display: block; padding-left: 32px; margin-bottom: 6px; min-height: 22px; line-height: 22px; font: 600 17px var(--kn-bf, Roboto, sans-serif); color: #333;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b93738' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E") left center / 22px no-repeat; }
.kramik-nowy .entry-summary > p.price + .iworks-omnibus { padding-left: 18px; }
.kramik-nowy .entry-summary table.variations th label { position: relative; padding-left: 32px; font-weight: 600; font-size: 17px; color: #333; line-height: 22px; }
.kramik-nowy .entry-summary table.variations th label::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b93738' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 0 18c1.1 0 1.8-.8 1.8-1.8 0-.5-.2-.9-.5-1.2-.3-.3-.5-.7-.5-1.2 0-1 .8-1.8 1.8-1.8H17a4 4 0 0 0 4-4c0-4.4-4-8-9-8z'/%3E%3Ccircle cx='7.5' cy='11' r='1.2'/%3E%3Ccircle cx='10' cy='7' r='1.2'/%3E%3Ccircle cx='15' cy='7.5' r='1.2'/%3E%3C/svg%3E") center / 22px no-repeat; }
.kramik-nowy .entry-summary form.variations_form:has(.woocommerce-variation-description p) table.variations { border-bottom: 0 !important; border-radius: var(--kn-r) var(--kn-r) 0 0; margin-bottom: 0; }
.kramik-nowy .entry-summary .woocommerce-variation-description { border: 1.5px solid #D8D5D1; border-top: 0; border-radius: 0 0 var(--kn-r) var(--kn-r); padding: 0 18px 14px; margin: 0 0 14px; font-size: 14px; color: var(--kn-muted); }
.kramik-nowy .entry-summary .woocommerce-variation-description p { margin: 0; }
.kramik-nowy .entry-summary .kn-zamow { margin: 4px 0 12px; }
.kn-progi-gal { margin-top: 20px; }
.kn-progi-h { font-size: 15px; }
.kn-progi th { font-size: 13px; }
.kn-progi-hint { font-size: 14px; }
/* „Zbliżające się okazje”: większe karty produktów (Marcin 2026-10-10) */
.kramik-nowy .kn-tn-pc { flex-basis: 210px; }
.kramik-nowy .kn-tn-druga .kn-tn-pc { flex-basis: 185px; }
.kramik-nowy .kn-tn-sm { min-height: 290px; }
.kramik-nowy .kn-tn-n { font-size: 14px; }
.kramik-nowy .kn-tn-p { font-size: 16px; }
@media (max-width: 999px) { .kramik-nowy .kn-tn-pc, .kramik-nowy .kn-tn-druga .kn-tn-pc { flex-basis: 46%; } }
.kramik-nowy .kn-tn-n { -webkit-line-clamp: 3; min-height: calc(3.9em + 8px); }   /* nazwa do 3 linii, skracanie dopiero przy dłuższych */
@media (max-width: 999px) { .kramik-nowy .kn-tn-n { -webkit-line-clamp: 4; min-height: calc(5.2em + 8px); font-size: 13px; } }   /* telefon: węższe karty */
/* mini-koszyk: cena przed rabatem ilościowym czarna, odsunięta od nowej */
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del, .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del .woocommerce-Price-amount.amount,
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del .woocommerce-Price-amount.amount * { color: #555 !important; font-weight: 400 !important; }   /* mocniejszy niż „.quantity > .amount *” wyżej */
.kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del { margin-right: 12px; text-decoration-color: #555; }
#adfy__floating-cart ins { text-decoration: none; }
/* zamówienie: nagłówek „Płatność” jak „Przesyłka” */
.kn-platnosc-h { font-size: 15px; font-weight: 600; color: #333; margin: 26px 0 12px; }
/* zamówienie (2026-10-10): w „Twoje zamówienie” bez listy produktów (jest w koszyku wyżej) - zostaje Kwota, Przesyłka, Razem;
   nagłówki „Przesyłka” i „Płatność” jak „Dane rozliczeniowe”; podpowiedzi progów rabatu z przyciskiem „+N szt.” */
.woocommerce-checkout-review-order-table thead, .woocommerce-checkout-review-order-table tbody { display: none; }
.woocommerce-checkout-review-order-table .ct-shipping-heading, .kn-platnosc-h { font: 800 21px var(--kn-hf, Manrope, sans-serif) !important; color: var(--kn-ht, #1C1C1C) !important; margin: 10px 0 14px; }
.kn-platnosc-h { margin: 28px 0 14px; }
.kn-pasek-dob { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.kn-dobierz { flex: 0 0 auto; background: #fff; border: 1.5px solid #D8D5D1; border-radius: 999px; padding: 5px 14px; font-weight: 700; font-size: 13px; color: var(--kn-ht, #1C1C1C) !important; text-decoration: none; white-space: nowrap; }
.kn-dobierz:hover { background: #D23F42; border-color: #D23F42; color: #fff !important; }
.kramik-nowy #order_review_heading { font-size: 21px !important; }   /* jak „Dane rozliczeniowe”, „Przesyłka”, „Płatność” */
.kn-pasek .kn-pasek-l, .kn-pasek .kn-pasek-dob { font-size: inherit; }   /* podpowiedzi tej samej wielkości co „Brakuje Ci…” (zamówienie 14 px, mini-koszyk 13 px) */
/* pasek: bez linii nad podpowiedziami - sam odstęp */
.kn-pasek .kn-pasek-l { border-top: 0; padding-top: 0; margin-top: 10px; }
.kn-pasek .kn-pasek-tr + .kn-pasek-l { margin-top: 16px; }
/* tabelka rabatów: węższa kolumna ilości, szersza „Oszczędzasz” (od-do) */
.kn-progi table { table-layout: fixed; }
.kn-progi th:nth-child(1), .kn-progi td:nth-child(1) { width: 34%; }
.kn-progi th:nth-child(2), .kn-progi td:nth-child(2) { width: 24%; }
.kn-progi th:nth-child(3), .kn-progi td:nth-child(3) { width: 42%; }
.kn-progi th:not(:first-child), .kn-progi td:not(:first-child) { text-align: left; }   /* wszystkie kolumny od lewej - łatwiej czytać */
/* tabelka rabatów: „Oszczędzasz” w 2 kolumnach (od | do) pod jednym nagłówkiem; kwoty równo do prawej */
.kn-progi th, .kn-progi td { width: auto !important; }
.kn-progi td:nth-child(n+3), .kn-progi th:nth-child(3) { text-align: right !important; font-variant-numeric: tabular-nums; }
.kn-progi td:nth-child(2) { font-variant-numeric: tabular-nums; }
.kn-progi td:nth-child(4) { color: #1b7f3b; }

/* =========================================================
   TRYB CIEMNY (własny, 2026-10-11) - klasa <html class="kn-ciemny"> ustawiana skryptem w <head> (functions.php)
   PRZED narysowaniem strony (brak białego mignięcia). Zdjęcia bez filtrów: produkty zostają na białych kafelkach.
   ========================================================= */
html.kn-ciemny {
    color-scheme: dark;
    background: #161413;
    --theme-palette-color-3: #d6d0cc;   /* tekst */
    --theme-palette-color-4: #f3efec;   /* nagłówki */
    --theme-palette-color-5: #3a3532;   /* ramki */
    --theme-palette-color-6: #2f2b29;
    --theme-palette-color-7: #1d1a19;   /* jasne tła Blocksy */
    --theme-palette-color-8: #161413;   /* „biały” Blocksy = tło strony */
    --theme-text-color: #d6d0cc;
    --theme-headings-color: #f3efec;
    --theme-link-initial-color: #e8e3df;
    --theme-button-text-initial-color: #fff;
    --theme-button-text-hover-color: #fff;
    --theme-form-field-border-initial-color: #4a4440;
    --kc-bg: #161413;
    --kc-card: #211e1c;
    --kc-in: #4a4440;
}
html.kn-ciemny body,
html.kn-ciemny .kramik-nowy {
    --kn-accent2: #f28b8c;   /* jasny koral - czytelny na ciemnym */
    --kn-tint: #3b2627;
    --kn-soft: #262220;
    --kn-line: #3a3532;
    --kn-ht: #f3efec;
    --kn-muted: #aaa29d;
    background: var(--kc-bg);
    color: #d6d0cc;
}
html.kn-ciemny #main-container, html.kn-ciemny .site-main { background: var(--kc-bg); }

/* nagłówek i menu */
html.kn-ciemny header#header [data-row],
html.kn-ciemny .kramik-nowy header#header [data-row="bottom"],
html.kn-ciemny .kramik-nowy header#header [data-row="middle"],
html.kn-ciemny .kramik-nowy #header [data-transparent-row="yes"],
html.kn-ciemny .kramik-nowy #header [data-sticky*="yes"] [data-row="bottom"] { background: #1d1a19 !important; border-color: var(--kn-line) !important; }
html.kn-ciemny #offcanvas .ct-panel-inner, html.kn-ciemny #offcanvas { background: #1d1a19 !important; }
html.kn-ciemny .site-logo-container img, html.kn-ciemny .kn-flogo img {
    content: url("https://kramik24.pl/wp-content/uploads/2026/10/kramik24-logo-ciemne-tlo.png");
}

/* białe karty i pola → ciemna karta */
/* (selektory z # osobno - w :is() podbijałyby siłę całej listy i blokowały późniejsze reguły, np. czerwone „Zobacz”) */
html.kn-ciemny .kramik-nowy :is(ul.products li.product, .kn-cat, .kn-car-t a, .kn-blog .wp-block-latest-posts li, .kn-phero .kn-big,
    .kn-box, details.kn-det, .kn-copy, .woocommerce-cart-form, .kn-logos i, .kn-podkat-item, .kn-tn-pc, .kramik-pers, .cart-collaterals .cart_totals,
    .woocommerce-checkout-review-order, .kn-btn.w, .kn-btn.o, .kn-sec-h a, .kn-dobierz) {
    background: var(--kc-card) !important; color: var(--kn-ht);
}
html.kn-ciemny .kramik-nowy .woocommerce-shipping-totals #shipping_method > li,
html.kn-ciemny .kramik-nowy #payment ul.payment_methods > li,
html.kn-ciemny .kramik-nowy #order_review { background: var(--kc-card) !important; color: var(--kn-ht); }
html.kn-ciemny .kn-dobierz { background: var(--kc-card) !important; color: var(--kn-ht); border-color: var(--kc-in) !important; }
/* zdjęcia produktów zostają na białym (jak w sklepie), bez poświaty */
html.kn-ciemny .kramik-nowy :is(ul.products li.product .ct-media-container, .kn-tn-pc img, .kn-imgw, .woocommerce-product-gallery .ct-product-gallery-container) {
    background: #fff !important;
}
html.kn-ciemny .kramik-nowy :is(.kn-search, .kn-fibo input.dgwt-wcas-search-input, .quantity[data-type="type-1"] input.qty,
    .wpc-filters-main-wrap .wpc-filters-section, .kn-sec-h a) { border-color: var(--kc-in) !important; }
html.kn-ciemny :is(input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="search"], input[type="password"], textarea, select, .select2-selection) {
    background: #1d1a19 !important; color: var(--kn-ht, #f3efec) !important; border-color: var(--kc-in) !important;
}
html.kn-ciemny .kramik-nowy .kn-fibo input.dgwt-wcas-search-input { background: #1d1a19 !important; color: #f3efec !important; }
html.kn-ciemny .dgwt-wcas-suggestions-wrapp, html.kn-ciemny .dgwt-wcas-details-wrapp { background: var(--kc-card) !important; border-color: var(--kn-line) !important; }
html.kn-ciemny .dgwt-wcas-suggestion { color: #e8e3df !important; }
html.kn-ciemny .dgwt-wcas-suggestion-selected { background: #2f2b29 !important; }

/* beżowe tła sekcji */
html.kn-ciemny .kramik-nowy [style*="background:#efe8e1"], html.kn-ciemny .kramik-nowy [style*="background: #efe8e1"] { background: var(--kn-soft) !important; }

/* stopka */
html.kn-ciemny #footer, html.kn-ciemny footer.ct-footer, html.kn-ciemny .ct-footer [data-row] { background: #110f0e !important; }

/* mini-koszyk (Addonify) */
html.kn-ciemny #adfy__floating-cart, html.kn-ciemny #adfy__floating-cart .adfy__woofc-inner,
html.kn-ciemny #adfy__floating-cart :is(.adfy__woofc-header, .adfy__woofc-content, .adfy__woofc-footer) { background: var(--kc-card) !important; color: #e8e3df !important; }
html.kn-ciemny #adfy__floating-cart :is(.adfy__close-button button, .adfy__woofc-remove-cart-item, .adfy__woofc-button.secondary, .adfy__woofc-quantity-form) {
    background: #1d1a19 !important; color: #f3efec !important; border-color: var(--kc-in) !important;
}

/* przełącznik trybu: pigułka ze słońcem (lewo) i księżycem (prawo), gałka przesuwa się pod aktywną ikonę.
   W nagłówku przed ikoną konta (komputer i telefon; functions.php wstawia go skryptem). */
.kn-motyw { display: inline-flex; align-items: center; padding: 4px; margin: 0 10px 0 0; border: 0; background: transparent; cursor: pointer; min-height: 0; box-shadow: none; }
.kn-tor { position: relative; display: flex; align-items: center; justify-content: space-between; width: 60px; height: 32px; padding: 0 7px;
    border-radius: 999px; background: #EFE8E1; box-sizing: border-box; transition: background .25s; }
.kn-tor svg { position: relative; z-index: 1; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: color .25s; }
.kn-tor .kn-i-s { color: #D23F42; }          /* aktywne słońce */
.kn-tor .kn-i-k { color: #9a948f; }          /* nieaktywny księżyc */
.kn-galka { position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff; box-shadow: 0 1px 4px rgba(0,0,0,.2);
    transition: transform .25s ease, background .25s; }
.kn-motyw:hover .kn-tor { background: #E4DAD0; }
html.kn-ciemny .kn-tor { background: #2c2725; }
html.kn-ciemny .kn-motyw:hover .kn-tor { background: #3a3431; }
html.kn-ciemny .kn-galka { transform: translateX(28px); background: #4a433f; }
html.kn-ciemny .kn-tor .kn-i-s { color: #8a827d; }
html.kn-ciemny .kn-tor .kn-i-k { color: #ffd68a; }
#header [data-device="mobile"] .kn-motyw { margin: 0; padding: 0; }
#header [data-device="mobile"] .kn-tor { width: 46px; height: 26px; padding: 0 5px; }
#header [data-device="mobile"] .kn-tor svg { width: 14px; height: 14px; }
#header [data-device="mobile"] .kn-galka { width: 20px; height: 20px; }
html.kn-ciemny #header [data-device="mobile"] .kn-galka { transform: translateX(20px); }
@media (prefers-reduced-motion: reduce) { .kn-galka, .kn-tor { transition: none; } }
/* przycisk „do góry”: do rogu (miejsce po przycisku wtyczki trybu ciemnego), kolor jak pozostałe przyciski */
.ct-back-to-top { --back-top-side-offset: 30px !important; --top-button-background-color: #D23F42 !important; --top-button-background-hover-color: #b93738 !important; }
html.kn-ciemny .ct-back-to-top { --theme-icon-hover-color: #fff; }
/* najwęższe telefony (≤ 359 px): mniejsze logo i ciaśniejsze ikony - logo nie wchodzi na ikonę konta */
@media (max-width: 359px) {
    html #header [data-device="mobile"] .site-logo-container img { max-width: 108px !important; height: auto !important; }
    #header [data-device="mobile"] [data-column="end"] [data-items] { gap: 0 !important; }
    #header [data-device="mobile"] [data-column="end"] [data-items] > * { margin-inline: 2px !important; }
}

/* teksty z twardym ciemnym kolorem w style.css → jasne */
html.kn-ciemny .kramik-nowy :is(.kn-cta p, .kn-phero p, .kn-box.soft p, .kn-seo p, .kn-hero-txt p, .kn-steps li, .kn-page,
    .woocommerce-product-details__short-description, .kn-cta, .header-menu-1 .sub-menu > li > a, .kn-btn.w,
    .entry-summary table.variations th label),
html.kn-ciemny .kramik-nowy.archive .hero-section :is(.page-description, .term-description),
html.kn-ciemny .kramik-nowy.search .hero-section .page-description,
html.kn-ciemny .kn-platnosc-h, html.kn-ciemny .woocommerce div.product .stock.out-of-stock { color: #e3ded9 !important; }
html.kn-ciemny .kramik-nowy :is(.kn-trust small, .kn-box small, .kn-sub, .kn-phero .kn-big span, .kn-cta p, .kn-footer, .kn-footer a,
    .entry-summary .kramik-realizacja > span, .entry-summary .product_meta:not(.kramik-realizacja) > span,
    .entry-summary .product_meta:not(.kramik-realizacja) > span > a, .kn-fbot, .kn-fbot span) { color: #b3aba6 !important; }
html.kn-ciemny .kramik-nowy .kn-footer a:hover { color: var(--kn-accent2) !important; }
html.kn-ciemny .kramik-nowy .entry-summary > p.price::before { color: #b3aba6; }
html.kn-ciemny .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del .woocommerce-Price-amount.amount * { color: #9a928d !important; }
html.kn-ciemny .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price del { text-decoration-color: #9a928d; }

/* beżowe / pastelowe tła → ciemne odpowiedniki */
html.kn-ciemny .kramik-nowy .kn-hdf,
html.kn-ciemny .kramik-nowy .header-menu-1 > ul > li[class*="current_page"] > a.ct-menu-link,
html.kn-ciemny .kn-progi-h { background: #2c2725 !important; color: #f3efec !important; }
html.kn-ciemny .kramik-nowy .entry-summary a.added_to_cart.wc-forward { background: #2c2725 !important; color: #f3efec !important; }
html.kn-ciemny .kramik-nowy .entry-summary a.added_to_cart.wc-forward:hover { background: #3a3431 !important; }
html.kn-ciemny .kramik-nowy .kn-alert, html.kn-ciemny .kramik-nowy .entry-summary .stock.available-on-backorder { background: #3a2f1c !important; border-color: #5a4625 !important; color: #f1d39a !important; }
html.kn-ciemny .kramik-nowy .entry-summary .stock.in-stock { background: #1e3324 !important; color: #8fd6a2 !important; }
html.kn-ciemny .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity { color: #8fd6a2 !important; }
html.kn-ciemny .kramik-nowy .woocommerce-shipping-totals #shipping_method > li:has(input:checked) { background: #3b2627 !important; }
html.kn-ciemny .kn-progi tr.on td { background: #3a2f1c !important; }
html.kn-ciemny .kn-pasek-tr { background: #3a3532 !important; }
html.kn-ciemny .kn-progi :is(td, th) { border-color: var(--kn-line) !important; color: #e3ded9; }
html.kn-ciemny .kramik-nowy form.checkout :is(.woocommerce-billing-fields, .woocommerce-shipping-fields, .woocommerce-additional-fields),
html.kn-ciemny .kramik-nowy .woocommerce-cart-form button[name="update_cart"] { background: var(--kc-card) !important; color: #f3efec !important; }
html.kn-ciemny .kn-pasek, html.kn-ciemny .kn-progi-hint { background: #262220 !important; border-color: var(--kn-line) !important; }
html.kn-ciemny .wpc-filters-button-text, html.kn-ciemny .wpc-filters-open-button-container a { color: #f3efec !important; }
html.kn-ciemny .wpc-filters-open-button-container a { background: var(--kc-card) !important; border-color: var(--kc-in) !important; }
/* blog: ramka „W skrócie” (styl w treści wpisu) */
html.kn-ciemny .entry-content div[style*="#f7f5f2"] { background: #262220 !important; color: #e3ded9; }
html.kn-ciemny .entry-content :is(table, th, td) { border-color: var(--kn-line) !important; }
html.kn-ciemny .kramik-nowy #adfy__floating-cart .adfy__woofc-item-price-multiplier-quantity { background: #1e3324 !important; }
html.kn-ciemny #adfy__floating-cart aside, html.kn-ciemny #adfy__floating-cart aside * { background-color: transparent; color: #f3efec !important; }
html.kn-ciemny #adfy__floating-cart aside { background: #1d1a19 !important; }
/* pola formularzy (style.css ma #fff !important) */
html.kn-ciemny body.kramik-nowy :is(.woocommerce-cart-form .coupon input.input-text, form.checkout input.input-text, form.checkout textarea,
    form.checkout select, .woocommerce-cart-form input.qty, .quantity[data-type="type-1"] input.qty, .kn-fibo input.dgwt-wcas-search-input, .kramik-pers) {
    background: #1d1a19 !important; color: #f3efec !important; border-color: var(--kc-in) !important;
}
html.kn-ciemny body.kramik-nowy :is(input, textarea)::placeholder { color: #8d8580 !important; }
html.kn-ciemny body.kramik-nowy :is(.woocommerce-cart-form a.remove, .shop_table a.remove, .wpc-filters-range-slider-control .ui-slider-handle),
html.kn-ciemny body.kramik-nowy #adfy__floating-cart :is(.adfy__woofc-remove-cart-item, .adfy__woofc-button.secondary, .adfy__close-button button) {
    background: #2c2725 !important; border-color: var(--kc-in) !important; color: #f3efec !important;
}
html.kn-ciemny body.kramik-nowy .quantity[data-type="type-1"] :is(.ct-increase, .ct-decrease) { background: #2c2725 !important; color: #f3efec !important; border-color: var(--kc-in) !important; }
html.kn-ciemny body.kramik-nowy .quantity[data-type="type-1"] :is(.ct-increase, .ct-decrease):hover { background: var(--kn-btn) !important; color: #fff !important; }
html.kn-ciemny body.kramik-nowy .header-menu-1 .sub-menu, html.kn-ciemny body.kramik-nowy #header .sub-menu { background: #1d1a19 !important; }
/* zakładki produktu */
html.kn-ciemny body.kramik-nowy .woocommerce-tabs ul.tabs li a { background: var(--kc-card) !important; border-color: var(--kc-in) !important; color: #f3efec !important; }
html.kn-ciemny body.kramik-nowy .woocommerce-tabs ul.tabs li.active a { background: var(--kn-btn) !important; border-color: var(--kn-btn) !important; color: #fff !important; }
/* ikony w nagłówku (menu, konto, koszyk) */
html.kn-ciemny #header :is(.ct-header-trigger, .ct-header-account, .ct-header-cart, .ct-header-search) { --theme-icon-color: #f3efec; color: #f3efec; }
html.kn-ciemny #header .ct-header-trigger svg { fill: #f3efec; }
/* baner cookies (CookieYes) */
html.kn-ciemny :is(.cky-consent-bar, .cky-modal, .cky-preference-center, .cky-preference-header, .cky-footer-wrapper, .cky-prefrence-btn-wrapper) { background: #211e1c !important; border-color: #3a3532 !important; }
html.kn-ciemny :is(.cky-title, .cky-notice-des, .cky-notice-des *, .cky-preference-title, .cky-preference-content-wrapper, .cky-preference-content-wrapper *, .cky-accordion-header *, .cky-accordion-header-des *) { color: #e3ded9 !important; }
html.kn-ciemny .cky-btn-customize, html.kn-ciemny .cky-btn-preferences { background: transparent !important; }
html.kn-ciemny .kramik-nowy.single-product .kn-sticky-buy { background: #1d1a19 !important; border-color: var(--kn-line) !important; }
/* „Zobacz” na kartach okazji i promocji: w trybie ciemnym czerwone (białe tło ginęło), najechanie - ciemna czerwień */
html.kn-ciemny body.kramik-nowy :is(.kn-tn-btn, .kn-promo .kn-btn.w) { background: var(--kn-btn) !important; color: #fff !important; border: 0 !important; }
html.kn-ciemny body.kramik-nowy :is(.kn-tn-btn:hover, .kn-promo:hover .kn-btn.w, .kn-promo .kn-btn.w:hover) { background: var(--kn-btn-h) !important; color: #fff !important; }
/* Strzałki przewijania karuzel - jeden wygląd wszędzie (strona główna, okazje, podkategorie, płyty HDF), w obu trybach:
   czerwone z białą strzałką, najechanie - ciemna czerwień */
.kramik-nowy :is(.kn-car button, .kn-tn-ar, .kn-kar-btn) {
    width: 44px; height: 44px; border: 0 !important; border-radius: 50%; background: var(--kn-btn) !important; color: #fff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .18); transition: background .15s;
}
.kramik-nowy :is(.kn-car button, .kn-tn-ar, .kn-kar-btn):hover { background: var(--kn-btn-h) !important; color: #fff !important; }
/* górny pasek (menu 2: zamówienia indywidualne, hurtowe…) w trybie ciemnym: jasne linki */
html.kn-ciemny #header [data-row="top"] { background: #0f0d0c !important; }
html.kn-ciemny #header-menu-2 .ct-menu-link { color: #d6d0cc !important; }
html.kn-ciemny #header-menu-2 .ct-menu-link:hover, html.kn-ciemny #header-menu-2 .ct-menu-link[aria-current="page"] { color: #f28b8c !important; }

/* Blog: akapity „💡 Wskazówka:” (klasa z functions.php) - wyróżnione jak ramka „W skrócie”, na beżu */
.kn-wskazowka { background: #F5EDE3; border-left: 4px solid #e68e8f; border-radius: 6px; padding: 14px 18px; }
html.kn-ciemny .kn-wskazowka { background: #2c2725; border-left-color: #b93738; }
/* Filtry produktów (wtyczka Filter Everything) w trybie ciemnym - sekcje i pola bez białego tła */
html.kn-ciemny :is(.wpc-filters-main-wrap, .wpc-filters-section, .wpc-filters-widget-controls-container, .wpc-filters-widget-content,
    .wpc-filters-widget-top-container, .wpc-filters-popup, .wpc-filters-open-widget-wrapper) { background: var(--kc-card) !important; border-color: var(--kc-in) !important; color: #e3ded9; }
html.kn-ciemny :is(.wpc-search-field, .wpc-filters-range-min, .wpc-filters-range-max) { background: #1d1a19 !important; color: #f3efec !important; border-color: var(--kc-in) !important; }
html.kn-ciemny .wpc-filters-section :is(label, a, .wpc-filter-title, .wpc-term-count, span) { color: #e3ded9 !important; }

/* Strona produktu: tabelka „Informacje dodatkowe” (waga, wymiary) - jak reszta sklepu, w obu trybach */
.kramik-nowy table.woocommerce-product-attributes { width: 100%; border: 1px solid var(--kn-line) !important; border-radius: 12px; border-collapse: separate; border-spacing: 0; overflow: hidden; background: #fff; }
.kramik-nowy table.woocommerce-product-attributes :is(th, td) { padding: 12px 18px !important; border: 0 !important; border-bottom: 1px solid var(--kn-line) !important; text-align: left; vertical-align: top; }
.kramik-nowy table.woocommerce-product-attributes tr:last-child :is(th, td) { border-bottom: 0 !important; }
.kramik-nowy table.woocommerce-product-attributes tr { background: transparent !important; }
.kramik-nowy table.woocommerce-product-attributes td { background: var(--kc-card, #fff) !important; }
.kramik-nowy table.woocommerce-product-attributes th { width: 35%; font-weight: 700; color: var(--kn-ht); background: var(--kc-card, #fff) !important; }
.kramik-nowy table.woocommerce-product-attributes th { border-right: 1px solid var(--kn-line) !important; }   /* pionowa linia między nazwą a wartością, jak obramowanie */
.kramik-nowy table.woocommerce-product-attributes td, .kramik-nowy table.woocommerce-product-attributes td p { margin: 0; color: var(--kn-ht); font-style: normal; }
html.kn-ciemny .kramik-nowy table.woocommerce-product-attributes { background: var(--kc-card); }

/* telefon: księżyc obok konta - ciaśniejsze ikony i mniejsze logo, żeby nic nie wchodziło na logo */
@media (max-width: 689px) {
    html #header [data-device="mobile"] .site-logo-container img { max-width: 128px !important; height: auto !important; }
    .kramik-nowy #header [data-device="mobile"] [data-column="end"] [data-items] > .kn-konto-m { margin-left: 8px !important; margin-right: 2px !important; }
    #header [data-device="mobile"] [data-column="end"] [data-items] > .ct-header-text { margin-left: 4px !important; margin-right: 2px !important; }
    #header [data-device="mobile"] [data-column="end"] [data-items] > .ct-header-trigger { margin-left: 8px !important; }
}
@media (max-width: 359px) { html #header [data-device="mobile"] .site-logo-container img { max-width: 98px !important; } }

/* Pola wyboru (checkbox, radio): wyraźniejsze obramowanie - jasny tryb szare, ciemny jaśniejsze szare (było prawie niewidoczne) */
:is(input[type="checkbox"], input[type="radio"]):not(:checked) { border-color: #9a948f !important; }
html.kn-ciemny :is(input[type="checkbox"], input[type="radio"]):not(:checked) { border-color: #8a827d !important; background-color: transparent !important; }
/* metody płatności bez wtyczki (np. „Przelew bankowy”): WooCommerce ukrywa pole i rysuje kółko przy napisie (label::before) */
#payment .payment_methods li > input[type="radio"]:not(:checked) + label::before { border-color: #9a948f !important; }
html.kn-ciemny #payment .payment_methods li > input[type="radio"]:not(:checked) + label::before { border-color: #8a827d !important; }

/* Płatności Autopay: logo Autopay (przy „Płatność online” i „Przelew internetowy”) na białym kafelku jak pozostałe metody */
#payment img[src*="logo-autopay"], #payment img.bm-payment-channel-group-method-logo {
    background: #fff; border-radius: 0; box-sizing: border-box; object-fit: contain;
}
#payment img[src*="logo-autopay"] { padding: 6px 10px; height: 40px !important; width: auto !important; vertical-align: middle; }
#payment img.bm-payment-channel-group-method-logo { width: 90px !important; height: 90px !important; padding: 30px 8px; }

/* Tryb ciemny: najechanie jak w jasnym (czerwone tło, biały tekst/ikona) - ciemne tła wyżej mają !important i blokowały :hover */
html.kn-ciemny body.kramik-nowy :is(.kn-btn.w:hover, .kn-btn.o:hover, .kn-sec-h a:hover, .woocommerce-cart-form a.remove:hover, .shop_table a.remove:hover,
    .woocommerce-cart-form button[name="update_cart"]:not(:disabled):hover),
html.kn-ciemny body.kramik-nowy #adfy__floating-cart :is(.adfy__woofc-remove-cart-item:hover, .adfy__woofc-button.secondary:hover, .adfy__close-button button:hover),
html.kn-ciemny .kn-dobierz:hover { background: var(--kn-btn, #D23F42) !important; border-color: var(--kn-btn, #D23F42) !important; color: #fff !important; }
html.kn-ciemny body.kramik-nowy :is(.woocommerce-cart-form a.remove:hover, .shop_table a.remove:hover) svg,
html.kn-ciemny body.kramik-nowy #adfy__floating-cart :is(.adfy__woofc-remove-cart-item:hover, .adfy__close-button button:hover) :is(svg, svg *) { fill: #fff !important; color: #fff !important; }
/* menu główne: pigułki (bieżąca beżowa, najechana jasnoróżowa) jak w trybie jasnym - ciemnoczerwony napis, czytelny */
html.kn-ciemny body.kramik-nowy .header-menu-1 > ul > li[class*="current_page"] > a.ct-menu-link { background: #EFE8E1 !important; color: #b93738 !important; }
html.kn-ciemny body.kramik-nowy .header-menu-1 > ul > li:hover > a.ct-menu-link { background: #FDECEA !important; color: #b93738 !important; }
/* (inne reguły menu z #header ustawiają kolor przez --kn-accent2 - na pigułkach przywracamy ciemnoczerwony) */
html.kn-ciemny .header-menu-1 > ul > li:is(:hover, [class*="current"]) > a.ct-menu-link { --kn-accent2: #b93738; }

/* =========================================================
   JEDNA SZEROKOŚĆ CAŁEJ STRONY (2026-10-11): nagłówek, menu, treść, kategorie, produkty, blog i stopka = 1460 px
   (jak strona główna). Blocksy: kontener „normalny” = --kn-szer, „szeroki” (alignwide na stronie głównej) bez dodatkowego
   poszerzenia, żeby strona główna została 1460 px. Na ekranach < ~1620 px i tak decyduje 90% szerokości okna.
   ========================================================= */
:root { --kn-szer: 1460px; --theme-normal-container-max-width: var(--kn-szer); --theme-wide-offset: 0px; }

/* Telefon - 2 kolumny produktów (Blocksy, od 2026-10-11): wąskie karty - nazwa max 3 linie, przycisk w jednej linii, mniejsze odstępy */
@media (max-width: 689px) {
    .kramik-nowy ul.products { row-gap: 18px !important; column-gap: 12px !important; }
    .kramik-nowy ul.products li.product .woocommerce-loop-product__title {
        font-size: 13.5px !important; line-height: 1.3; padding: 0 8px; min-height: 3.9em;
        display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
    }
    .kramik-nowy ul.products li.product .price { font-size: 16px; }
    .kramik-nowy ul.products li.product .ct-woo-card-actions { padding-left: 8px; padding-right: 8px; }
    .kramik-nowy ul.products li.product .ct-woo-card-actions .button {
        height: 38px; min-height: 38px; padding: 0 6px !important; font-size: 12.5px; line-height: 1; white-space: nowrap; letter-spacing: -.1px;
    }
}