@font-face{font-family:'Sometype Mono';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/sometype-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Sometype Mono';font-weight:500;font-style:normal;font-display:swap;src:url('../fonts/sometype-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* Czyli Chili: styl motywu. Tokeny (kolory, fonty) są w theme.json, tu układ i detale, których theme.json nie obejmuje.
   Wariant: A / menu „Kuchnie” / baner / karta „Etykieta” / stopka „Wielkie logo” / produkt z bocznym menu. */
:root {
	--c-1: var(--wp--preset--color--kafel-1, #fdda58);
	--c-1-fg: #111111;
	--c-2: var(--wp--preset--color--kafel-2, #e5aec4);
	--c-2-fg: #111111;
	--c-3: var(--wp--preset--color--kafel-3, #59cf88);
	--c-3-fg: #111111;
	--c-4: var(--wp--preset--color--kafel-4, #fd9d30);
	--c-4-fg: #111111;
	--c-5: var(--wp--preset--color--kafel-5, #859de5);
	--c-5-fg: #111111;
	--c-red: var(--wp--preset--color--akcent, #ce433b);
	--c-red-fg: #ffffff;
	--c-ink: var(--wp--preset--color--ink, #111);
	--c-muted: var(--wp--preset--color--muted, #6b6b6b);
	--c-line: var(--wp--preset--color--line, #e3e3e3);
	--c-tile: var(--wp--preset--color--tile, #f5f5f7);
	--c-ok: var(--c-3);
	--czc-bar: var(--wp--preset--color--belka, #373e5d);
	--czc-bar-fg: #ffffff;
}
::selection {
	background: var(--c-2, #e5aec4);
	color: var(--c-2-fg, #111111);
}
::-moz-selection {
	background: var(--c-2, #e5aec4);
	color: var(--c-2-fg, #111111);
}
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.wp-site-blocks > * + * { margin-block-start: 0; }
.czc-main > * + * { margin-block-start: 0; }
.czc-main { padding-bottom: 64px; }
.wp-block-group.alignwide, .alignwide { max-width: 1376px; }

/* ---------- pasek ogłoszeń ---------- */
.czc-bar { background: var(--czc-bar); color: var(--czc-bar-fg); padding: 5px 32px; margin-top: 0; }
.czc-bar p { margin: 0; }
.czc-bar strong { color: var(--c-1); font-weight: 500; }

/* ---------- nagłówek ---------- */
.czc-header { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; padding: 20px 0; margin-block: 0; }
.czc-header > * { margin: 0 !important; min-width: 0; }
.czc-header .wp-block-search { max-width: 280px; }
.czc-header .wp-block-search__inside-wrapper { display: flex; border: 0 !important; padding: 0 !important; }
.czc-header .wp-block-search__input { border: 0; border-bottom: 1px solid var(--c-ink); border-radius: 0; background: transparent; padding: 4px 0 4px 20px; font: inherit; font-size: 12px; width: 100%; color: var(--c-ink); outline: 0;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat left 4px; }
.czc-header .wp-block-search__input::placeholder { color: var(--c-muted); }
.czc-logo { display: block; justify-self: center; line-height: 0; }
.czc-logo img { width: 130px; height: auto; }
.czc-hdr-right { align-items: center; gap: 20px !important; font-size: 12px; }
.czc-hdr-right a { text-decoration: none; }
.wp-block-woocommerce-customer-account .wc-block-customer-account__account-icon { display: none; }
.wp-block-woocommerce-customer-account a { font-size: 12px; }
.wc-block-mini-cart__button { padding: 0; display: inline-flex; align-items: center; gap: 4px; background: none; color: var(--c-ink); border: 0; font: inherit; font-size: 12px; cursor: pointer; }
.wc-block-mini-cart__button .wc-block-mini-cart__icon, .wc-block-mini-cart__button .wc-block-mini-cart__quantity-badge svg { display: none; }
.wc-block-mini-cart__button::before { content: 'Koszyk'; }
.wc-block-mini-cart__quantity-badge { display: contents; }
.wc-block-mini-cart__badge { position: static !important; transform: none !important; background: var(--c-ink) !important; color: #fff !important; padding: 2px 7px; font-size: 12px; min-width: 0; height: auto; border-radius: 0; margin-left: 4px; }

/* ---------- menu: czarny pasek w szerokości strony, działy z listami, hover w kolorach palety ---------- */
.czc-menubar { margin-block: 0; }
.czc-menu { display: flex; justify-content: space-between; align-items: stretch; height: 38px; position: relative; background: var(--c-ink); color: #fff; padding: 0; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; text-transform: lowercase; }
.czc-menu a { text-decoration: none; }
.czc-dd { display: flex; list-style: none; margin: 0; padding: 0; min-width: 0; }
.czc-dd > li { position: relative; display: flex; }
.czc-dd-g { font: inherit; color: inherit; background: none; border: 0; cursor: pointer; display: flex; align-items: center; gap: 7px; white-space: nowrap; height: 38px; padding: 0 14px; text-transform: inherit; letter-spacing: inherit; }
.czc-dd-g i { width: 6px; height: 6px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg) translateY(-2px); transition: transform .15s; flex: none; }
.czc-dd > li:hover .czc-dd-g i, .czc-dd > li:focus-within .czc-dd-g i { transform: rotate(-135deg) translateY(-1px); }
.czc-dd-p { position: absolute; top: 100%; left: 0; z-index: 60; display: none; min-width: 270px; }
.czc-dd > li:hover .czc-dd-p, .czc-dd > li:focus-within .czc-dd-p { display: block; }
.czc-dd-p ul { list-style: none; margin: 0; padding: 6px 14px 10px; background: var(--c-ink); }
.czc-dd-p a { display: flex; justify-content: space-between; gap: 16px; padding: 7px 0; color: #ccc; border-bottom: 1px solid #333; white-space: nowrap; }
.czc-dd-p a span { opacity: .5; }
.czc-dd-p a:hover, .czc-dd-p a[aria-current] { margin-inline: -8px; padding-inline: 8px; }
.czc-dd > li.on .czc-dd-g { text-decoration: underline; text-underline-offset: 5px; }
.czc-mq { display: flex; align-items: stretch; }
.czc-mq a { display: flex; align-items: center; height: 38px; padding: 0 12px; }
.czc-mq a.q2 { color: var(--c-1); }
.czc-mq a.is-current { text-decoration: underline; text-underline-offset: 5px; }
.czc-dd > li.t1:hover .czc-dd-g, .czc-dd > li.t1:focus-within .czc-dd-g { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-dd > li.t2:hover .czc-dd-g, .czc-dd > li.t2:focus-within .czc-dd-g { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-dd > li.t3:hover .czc-dd-g, .czc-dd > li.t3:focus-within .czc-dd-g { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-dd > li.t4:hover .czc-dd-g, .czc-dd > li.t4:focus-within .czc-dd-g { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-dd > li.t5:hover .czc-dd-g, .czc-dd > li.t5:focus-within .czc-dd-g { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg)); }

/* Pozycje w rozwijanych listach (t1 Kategorie, t2 Kuchnie itp.): hover w rotujących kolorach kafli */
.czc-dd-p li:nth-child(5n+1) a:hover, .czc-dd-p li:nth-child(5n+1) a[aria-current] { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-1-fg)) !important; }
.czc-dd-p li:nth-child(5n+2) a:hover, .czc-dd-p li:nth-child(5n+2) a[aria-current] { background: var(--hv, var(--c-2)) !important; color: var(--hv-fg, var(--c-2-fg)) !important; }
.czc-dd-p li:nth-child(5n+3) a:hover, .czc-dd-p li:nth-child(5n+3) a[aria-current] { background: var(--hv, var(--c-3)) !important; color: var(--hv-fg, var(--c-3-fg)) !important; }
.czc-dd-p li:nth-child(5n+4) a:hover, .czc-dd-p li:nth-child(5n+4) a[aria-current] { background: var(--hv, var(--c-4)) !important; color: var(--hv-fg, var(--c-4-fg)) !important; }
.czc-dd-p li:nth-child(5n)   a:hover, .czc-dd-p li:nth-child(5n)   a[aria-current] { background: var(--hv, var(--c-5)) !important; color: var(--hv-fg, var(--c-5-fg)) !important; }
.czc-dd-p a:hover span, .czc-dd-p a[aria-current] span { color: inherit !important; opacity: .75 !important; }
.czc-mq a.q1:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-mq a.q2:hover { background: var(--hv, var(--c-red)); color: var(--hv-fg, var(--c-red-fg)); }
.czc-mq a.q3:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }

/* ---------- baner na stronie głównej ---------- */
.czc-hero { margin: 0; }
.czc-hero-wrap { padding-top: 24px !important; }
.czc-hero-wrap { padding-bottom: 56px; }
.czc-hwrap { padding-inline: 32px; }
.czc-hwrap > * { margin-block: 0 !important; }
.czc-ban { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); gap: 32px; align-items: center; padding: 40px; min-height: 400px; background: var(--c-1); text-decoration: none; }
.czc-ban:hover { text-decoration: none; }
.czc-ban-txt { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.czc-ban-txt em { font-style: normal; background: var(--c-ink); color: #fff; padding: 3px 8px; font-size: 11px; }
.czc-ban-h { font-size: clamp(48px, 5.6vw, 92px); line-height: .95; font-weight: 500; letter-spacing: -.02em; }
.czc-ban-h mark { background: var(--c-ink); color: #fff; padding: 0 10px; }
.czc-ban-txt > span:not(.czc-go) { font-size: 14px; max-width: 340px; }
.czc-go { background: var(--c-ink); color: #fff; padding: 12px 18px; font-size: 13px; }
.czc-ban:hover .czc-go { background: var(--hv, var(--c-red)); }
.czc-ban-shelf { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.czc-pk { background: #fff; padding: 12px; position: relative; display: flex; flex-direction: column; gap: 4px; font-size: 12px; }
.czc-pk:nth-child(2) { transform: translateY(-18px); }
.czc-pk-i { display: block; position: relative; aspect-ratio: 1; background: var(--c-tile); }
.czc-pk-i img { width: 100%; height: 100%; object-fit: contain; }
.czc-pk-i i { position: absolute; top: 6px; left: 6px; font-style: normal; background: var(--c-red); color: #fff; padding: 1px 6px; font-size: 11px; }
.czc-pk small { font-size: 12px; min-height: 2.9em; }
.czc-pk-price { display: flex; align-items: baseline; gap: 8px; }
.czc-pk-price del { font-size: 12px; color: var(--c-muted); font-weight: 400; }
.czc-pk b { font-weight: 500; font-size: 18px; color: var(--c-red); }
.czc-short { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 16px; }
.czc-sh { position: relative; display: flex; flex-direction: column; justify-content: space-between; height: 170px; padding: 18px; overflow: hidden; text-decoration: none; }
.czc-sh b { font-weight: 500; font-size: 20px; position: relative; z-index: 1; max-width: 60%; }
.czc-sh small { position: relative; z-index: 1; }
/* zdjęcie bez boksu, wtopione w kolor kafla (uwaga Bartka 14.10.2026): tło zdjęć #F5F5F7 rozjaśnione do bieli, multiply = tło znika, zostaje produkt na kolorze kafla */
.czc-sh img { position: absolute; right: 0; bottom: 0; width: 46%; height: 100%; object-fit: contain; object-position: 50% 60%; mix-blend-mode: multiply; filter: brightness(1.045); background: none; border: 0; padding: 10px; box-shadow: none; }
.czc-sh[hidden] { display: none; }
/* zdjęcie kafla ożywa po najechaniu (uwaga Bartka 14.10.2026) */
.czc-sh img { transition: transform .35s cubic-bezier(.2, .7, .3, 1.3); transform-origin: 60% 80%; }
.czc-sh:hover img, .czc-sh:focus-visible img { transform: scale(1.1) rotate(-4deg); }
@media (prefers-reduced-motion: reduce) { .czc-sh img { transition: none; } .czc-sh:hover img, .czc-sh:focus-visible img { transform: none; } }
.czc-sh.is-1 { background: var(--c-2); color: var(--c-2-fg, var(--c-ink)); }
.czc-sh.is-2 { background: var(--c-3); color: var(--c-3-fg, var(--c-ink)); }
.czc-sh.is-3 { background: var(--c-4); color: var(--c-4-fg, var(--c-ink)); }
.czc-sh.is-4 { background: var(--c-5); color: var(--c-5-fg, var(--c-ink)); }


/* ---------- sekcje ---------- */
.czc-sec { margin-bottom: 64px; }
.czc-sec-h { border-bottom: 1px solid var(--c-ink); padding-bottom: 6px; margin-bottom: 20px; }
.czc-sec-h h2 { margin: 0; font-size: 22px; font-weight: 500; letter-spacing: .02em; }
.czc-sec-h p { margin: 0; }
.czc-sec-h a { text-decoration: underline; text-underline-offset: 3px; }
.czc-catlist { columns: 3; column-gap: 16px; }
.czc-catlist a { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid var(--c-line); break-inside: avoid; font-size: 14px; text-decoration: none; }

.czc-catlist a span { color: var(--c-muted); }

/* ---------- Kuchnie świata: kafle z kolorową belką ---------- */
.czc-cuis { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
.czc-cuis a { padding: 28px 18px; background: var(--c-tile); border-top: 10px solid var(--c-1); display: flex; flex-direction: column; gap: 40px; text-decoration: none; transition: .15s; min-width: 0; }
.czc-cuis a:nth-child(5n+2) { border-top-color: var(--c-2); } .czc-cuis a:nth-child(5n+3) { border-top-color: var(--c-3); }
.czc-cuis a:nth-child(5n+4) { border-top-color: var(--c-4); } .czc-cuis a:nth-child(5n) { border-top-color: var(--c-5); }
.czc-cuis a:hover { background: var(--c-ink); color: #fff; }
.czc-cuis b { font-size: 20px; font-weight: 500; }
.czc-cuis small { color: var(--c-muted); font-size: 11px; }
.czc-cuis a:hover small { color: #bbb; }

/* ---------- karta produktu „Etykieta” ---------- */
.czc-grid .wc-block-product-template { display: grid !important; gap: 28px 16px; list-style: none; margin: 0; padding: 0; grid-template-columns: repeat(var(--czc-cols, 6), minmax(0, 1fr)); }
.czc-grid.cols-6 { --czc-cols: 6; } .czc-grid.cols-5 { --czc-cols: 5; } .czc-grid.cols-4 { --czc-cols: 4; }
.czc-grid .wc-block-product-template > li { margin: 0 !important; width: auto !important; max-width: none !important; }
.czc-card { position: relative; padding-right: 0; display: flex; flex-direction: column; height: 100%; }
.czc-card > * { margin-block: 0 !important; }
.czc-card .wc-block-components-product-image { background: var(--c-tile); margin: 0 0 10px; }
.czc-card .wc-block-components-product-image img { width: 100%; height: 100%; object-fit: contain; }
.czc-card .wc-block-components-product-sale-badge, .czc-card .wc-block-components-product-image .onsale, .woocommerce span.onsale, .wp-block-woocommerce-product-image-gallery .onsale { position: absolute !important; border-radius: 0 !important; min-width: 0 !important; min-height: 0 !important; line-height: 1.2 !important; background: var(--c-red) !important; color: #fff !important; font-size: 11px !important; padding: 4px 8px !important; top: 10px !important; left: 10px !important; right: auto !important; } .onsale { position: absolute; top: 8px; left: 8px; right: auto; margin: 0; background: var(--c-red); color: #fff; border: 0; border-radius: 0; font-size: 11px; font-weight: 400; padding: 1px 6px; min-height: 0; text-transform: none; }
.czc-brand { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--c-muted); min-height: 1.45em; }
.czc-name { font-size: 13px !important; font-weight: 400; line-height: 1.35; flex: 1; padding-right: 38px; min-height: 2.9em; }
.czc-name a { text-decoration: none; }
.czc-name a:hover { text-decoration: underline; }
.czc-size { font-size: 11px; text-transform: uppercase; letter-spacing: .08em; color: var(--c-muted); padding-right: 38px; }
.czc-price { font-size: 12px; margin-top: 2px !important; }
.czc-price del { color: var(--c-muted); margin-right: 6px; }
.czc-price ins { text-decoration: none; color: var(--c-red); }
.czc-add { position: absolute; right: 0; bottom: 0; margin: 0 !important; }
.czc-add .wp-block-button__link { width: 30px !important; min-width: 30px !important; height: 30px !important; box-sizing: border-box; padding: 0 !important; font-size: 0 !important; background: none !important; color: var(--c-ink) !important; border: 1.5px solid var(--c-ink) !important; border-radius: 0 !important; display: grid; place-items: center; line-height: 1; }
.czc-add .wp-block-button__link::before { content: '+'; font-size: 18px; }
.czc-add .wp-block-button__link:hover { background: var(--hv, var(--c-ink)) !important; color: var(--hv-fg, #fff) !important; }
.czc-add .wp-block-button__link.added::before { content: '✓'; font-size: 14px; }
.czc-add .added_to_cart { display: none; }
.czc-add .wp-block-button__link.loading { opacity: .5; }

/* ---------- lista produktów ---------- */
.czc-plp-head, .czc-pdp-head { padding-top: 16px; }
.czc-plp-head h1::first-letter { text-transform: uppercase; }
.czc-plp-head h1, .czc-pdp-head + * h1 { margin: 6px 0 8px; }
.wc-block-breadcrumbs, .woocommerce-breadcrumb { font-size: 12px; color: var(--c-muted); margin: 0; }
.czc-plp-body, .czc-pdp-body { display: grid !important; grid-template-columns: 220px minmax(0, 1fr); gap: 40px; align-items: start; margin-top: 28px; }
.czc-plp-body > *, .czc-pdp-body > * { margin: 0 !important; min-width: 0; }
.czc-plp-top { margin-bottom: 12px; font-size: 12px; align-items: center; }
.czc-plp-top select { border: 1px solid var(--c-ink); background: #fff; padding: 5px 8px; font: inherit; border-radius: 0; }
.czc-filters fieldset { border: 0; padding: 0 0 18px; margin: 0 0 18px; border-bottom: 1px solid var(--c-line); }
.czc-filters legend { font-weight: 500; margin-bottom: 8px; text-transform: uppercase; font-size: 11px; letter-spacing: .08em; padding: 0; }
.czc-chk { display: flex; align-items: center; gap: 8px; padding: 3px 0; cursor: pointer; font-size: 13px; }
.czc-chk input { appearance: none; width: 15px; height: 15px; border: 1.5px solid var(--c-ink); margin: 0; flex: none; display: grid; place-items: center; border-radius: 0; background: #fff; }
.czc-chk input:checked { background: var(--c-ink); }
.czc-chk input:checked::after { content: ''; width: 6px; height: 6px; background: var(--c-1); }
.czc-chk small { margin-left: auto; color: var(--c-muted); }
.czc-range { display: flex; align-items: center; gap: 6px; }
.czc-range input { width: 100%; min-width: 0; border: 1px solid var(--c-ink); padding: 6px 8px; font: inherit; border-radius: 0; box-sizing: border-box; }
.czc-fgo { margin-top: 4px; background: var(--c-ink); color: #fff; border: 0; padding: 10px 16px; font: inherit; font-weight: 600; cursor: pointer; transition: background .12s, color .12s; }
.czc-fgo:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-pager { margin-top: 40px; gap: 6px; }
.czc-pager .page-numbers, .czc-pager a { min-width: 36px; height: 36px; display: inline-grid; place-items: center; padding: 0 8px; border: 1px solid var(--c-ink); text-decoration: none; }
.czc-pager .page-numbers.current { background: var(--c-ink); color: #fff; }
.czc-pager a:hover { background: var(--hv, var(--c-1)); }

/* ---------- boczne menu (lista i produkt) ---------- */
.czc-side { margin-top: 18px; }
.czc-sb { margin-bottom: 26px; }
.czc-sb h3 { font-size: 11px; font-weight: 500; text-transform: uppercase; letter-spacing: .08em; border-bottom: 1px solid var(--c-ink); padding-bottom: 6px; margin: 0 0 4px; }
.czc-sb ul { list-style: none; padding: 0; margin: 0; }
.czc-sb li a { display: flex; justify-content: space-between; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--c-line); font-size: 13px; text-decoration: none; }
.czc-sb li a span { color: var(--c-muted); }
.czc-sb li a:hover { padding-left: 6px; background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); }
.czc-sb li a[aria-current] { padding-left: 8px; font-weight: 600; box-shadow: inset 3px 0 0 var(--c-red); }
.czc-sb-top a { display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--c-line); font-size: 12px; text-decoration: none; }
.czc-sb-top img { width: 52px; height: 52px; object-fit: contain; background: var(--c-tile); }
.czc-sb-top span { display: block; line-height: 1.3; }
.czc-sb-top b { display: block; font-weight: 500; margin-top: 3px; }
.czc-sb-top del { color: var(--c-muted); font-weight: 400; }
.czc-sb-top ins { text-decoration: none; }

/* ---------- strona produktu ---------- */
.czc-pdp-top { display: grid !important; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 48px; margin-top: 18px; }
.czc-pdp-top > * { margin: 0 !important; min-width: 0; }
.czc-pdp-top .woocommerce-product-gallery { margin: 0; }
.czc-pdp-top .woocommerce-product-gallery img { width: 100%; height: auto; }
.czc-buybox .stock { display: flex; align-items: center; gap: 8px; }
.czc-buybox .stock::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--c-ok); }
.czc-buybox .stock.out-of-stock::before { background: var(--c-red); }
.czc-pb-brand { font-size: 12px; text-transform: uppercase; letter-spacing: .06em; margin: 0 0 6px !important; }
.czc-buybox h1 { font-size: clamp(28px, 3vw, 44px); margin: 0 0 14px; }
.czc-buybox .wc-block-components-product-price { font-size: 30px; font-weight: 500; color: var(--c-red); }
.czc-buybox .wc-block-components-product-price del { font-size: 16px; color: var(--c-muted); }
.czc-pb-unit { font-size: 11px; color: var(--c-muted); margin: 6px 0 22px !important; }
.czc-buybox .stock { font-size: 13px; margin: 0 0 16px; }
.czc-buybox .single_add_to_cart_button, .czc-buybox .wp-element-button { height: 44px; padding: 0 18px; width: 100%; }
.czc-buybox form.cart { display: flex; gap: 10px; }
.czc-buybox .quantity input { height: 44px; width: 70px; border: 1px solid var(--c-ink); border-radius: 0; text-align: center; font: inherit; }
.czc-perks { list-style: none; padding: 16px 0; margin: 22px 0 !important; border-top: 1px solid var(--c-line); border-bottom: 1px solid var(--c-line); font-size: 12px; display: grid; gap: 4px; }
.czc-spec { font-size: 12px; display: grid; gap: 4px; color: var(--c-muted); }
.czc-spec a { text-decoration: underline; color: var(--c-ink); }
.czc-pdp-main .wp-block-woocommerce-product-details { margin-top: 56px; border-top: 1px solid var(--c-ink); padding-top: 14px; }
.czc-related { margin-top: 56px; margin-bottom: 0; }
.czc-related h2 { border-bottom: 1px solid var(--c-ink); padding-bottom: 6px; margin-bottom: 20px; }

/* ---------- stopka: niebieski sztych z tarasami ryżowymi ---------- */
:root { --ill-bg: #0c3a82; --ill-fg: #f1e9d2; }
.czc-footer { position: relative; width: 100vw; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; background: var(--ill-bg); color: var(--ill-fg); margin-top: 80px; min-height: 0; padding: 48px 32px calc(38vw + 24px); font-size: 13px; font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.czc-ftart { max-width: none !important; margin: 0 !important; position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.czc-ftart img { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; display: block; }
.czc-grain { display: none !important; }
.czc-fcols { position: relative; z-index: 1; display: grid !important; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 36px; max-width: 1240px; margin: 0 auto !important; }
.czc-fcols > * { margin: 0 !important; min-width: 0; }
.czc-flogo { display: block; width: 100px; height: auto; margin-bottom: 14px; }
.czc-fbrand p { color: var(--ill-fg); line-height: 1.6; font-size: 12px; }
.czc-fh { font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; font-size: 14px; margin: 0 0 14px; color: var(--ill-fg); border-bottom: 1px solid rgba(241, 233, 210, .35); padding-bottom: 6px; }
.czc-flist { list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex; flex-direction: column; gap: 8px; }
.czc-flist li { padding: 0; margin: 0; color: var(--ill-fg); opacity: .88; font-size: 12px; line-height: 1.4; list-style: none !important; }
.czc-flist a { color: var(--ill-fg); text-decoration: none; opacity: .88; transition: opacity .15s ease, color .15s ease; }
.czc-flist a:hover { opacity: 1; text-decoration: underline; color: #fff; }
.czc-news { display: flex; margin-top: 0; max-width: 360px; height: 38px; }
.czc-news input { flex: 1; min-width: 0; background: rgba(12, 58, 130, 0.45); color: var(--ill-fg); border: 1.5px solid var(--ill-fg); border-right: 0; padding: 0 12px; font: inherit; font-size: 12px; border-radius: 0; outline: none; }
.czc-news input::placeholder { color: var(--ill-fg); opacity: .65; }
.czc-news input:focus { background: rgba(12, 58, 130, 0.7); border-color: #fff; }
.czc-news button { height: 38px; padding: 0 18px; border: 1.5px solid var(--ill-fg); background: var(--ill-fg); color: var(--ill-bg); font: inherit; font-size: 12px; font-weight: 600; border-radius: 0; cursor: pointer; transition: all .15s ease; text-transform: uppercase; letter-spacing: .04em; }
.czc-news button:hover { background: #fff !important; color: var(--c-ink) !important; border-color: #fff !important; }
.czc-fsocial { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.czc-fsocial a { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border: 1px solid var(--ill-fg); color: var(--ill-fg); text-decoration: none; border-radius: 50%; opacity: .85; transition: all .2s; }
.czc-fsocial a:hover { opacity: 1; background: var(--ill-fg); color: var(--ill-bg); border-color: var(--ill-fg); transform: translateY(-2px); }

@media (max-width: 1100px) {
	.czc-grid.cols-6, .czc-grid.cols-5 { --czc-cols: 4; }
	.czc-m-groups { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
	.czc-plp-body, .czc-pdp-body { grid-template-columns: minmax(0, 1fr); }
	.czc-side, .czc-filters { display: none; }
	.czc-pdp-top, .czc-ban { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
	.czc-grid.cols-6, .czc-grid.cols-5, .czc-grid.cols-4 { --czc-cols: 2; }
	.czc-header { grid-template-columns: auto 1fr; }
	.czc-header .wp-block-search { display: none; }
	.czc-m-cuis { overflow-x: auto; }
	.czc-fcols { grid-template-columns: 1fr 1fr; }
	.czc-catlist { columns: 1; }
	.czc-short { grid-template-columns: 1fr 1fr; }
	.czc-cuis { grid-template-columns: 1fr 1fr; }
	.czc-cuis a { border-bottom: 1px solid var(--c-ink); }
}
@media (prefers-reduced-motion: reduce) { * { transition: none !important; } }

/* ---------- listy kategorii: hover w 5 kolorach palety, bieżąca wypełniona ---------- */
.czc-catlist a { padding-inline: 6px; transition: background .15s, padding .15s; }
.czc-catlist a:hover { padding-left: 10px; }
.czc-catlist a:hover span, .czc-catnav a[aria-current] span { color: inherit; opacity: .75; }
.czc-catlist a:nth-child(5n+1):hover, .czc-catnav a:nth-child(5n+1)[aria-current] { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-catlist a:nth-child(5n+2):hover, .czc-catnav a:nth-child(5n+2)[aria-current] { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-catlist a:nth-child(5n+3):hover, .czc-catnav a:nth-child(5n+3)[aria-current] { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-catlist a:nth-child(5n+4):hover, .czc-catnav a:nth-child(5n+4)[aria-current] { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-catlist a:nth-child(5n):hover, .czc-catnav a:nth-child(5n)[aria-current] { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg)); }
.czc-catnav a[aria-current] { font-weight: 600; }
.czc-catnav { margin-top: 18px; }

/* ---------- boczne menu: hover w 5 kolorach, bieżąca pozycja wypełniona (kategoria: kafel 1, kuchnia: kafel 2) ---------- */
.czc-sb li a:hover { color: var(--c-ink); padding-left: 6px; }
.czc-sb li:nth-child(5n+1) a:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-sb li:nth-child(5n+2) a:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-sb li:nth-child(5n+3) a:hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-sb li:nth-child(5n+4) a:hover { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-sb li:nth-child(5n) a:hover { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg)); }
.czc-sb li a:hover span { color: inherit; opacity: .75; }
.czc-sb li a[aria-current] { box-shadow: none; padding: 7px 8px; font-weight: 600; }
.czc-sb-cat li a[aria-current] { background: var(--c-1); color: var(--c-1-fg); }
.czc-sb-cui li a[aria-current] { background: var(--c-2); color: var(--c-2-fg); }
.czc-sb li a[aria-current] span { color: inherit; opacity: .75; }
.czc-sb-feats li a { justify-content: flex-start; gap: 0; }
.czc-sb-feats li a::before { content: ''; width: 9px; height: 9px; border: 1.5px solid var(--c-ink); margin-right: 8px; flex: none; align-self: center; }
.czc-sb-feats li a span { margin-left: auto; }
.czc-sb-top a:hover { background: var(--c-tile); }

/* ---------- plus w karcie i „Dodaj do koszyka”: losowy kolor z 5 kafli ---------- */
.czc-buybox .single_add_to_cart_button:hover { background: var(--hv, var(--c-red)) !important; color: var(--hv-fg, #fff) !important; }

/* ---------- strona produktu: gramatury, ikonki cech, termin ważności ---------- */
.czc-sizes { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 14px; }
.czc-sizes a { display: flex; align-items: baseline; gap: 7px; border: 1px solid var(--c-ink); padding: 6px 10px; font-size: 12px; text-decoration: none; }
.czc-sizes a b { font-weight: 600; } .czc-sizes a small { color: var(--c-muted); font-size: 11px; }
.czc-sizes a:hover { background: var(--c-tile); }
.czc-sizes a[aria-current] { background: var(--c-ink); color: #fff; } .czc-sizes a[aria-current] small { color: var(--c-1); }
.czc-badges { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 22px 0 14px; padding: 18px 0 0; border-top: 1px solid var(--c-line); }
.czc-bdg { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; font-size: 11px; color: var(--c-muted); padding: 10px 4px; border: 1px dashed #c9c9cc; }
.czc-bdg svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.czc-bdg b { font-weight: 500; }
.czc-expiry { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 10px; font-size: 12px; margin: 0 0 6px; }
.czc-expiry span { color: var(--c-muted); }
.czc-expiry b { font-weight: 600; letter-spacing: .04em; border: 1px dashed #c9c9cc; padding: 2px 8px; }
.czc-expiry small { flex-basis: 100%; color: var(--c-muted); font-size: 11px; }

/* ---------- opis na całą szerokość, skład, wartości odżywcze ---------- */
.czc-pdp-info { padding: 40px 0 20px; border-top: 1px solid var(--c-ink); margin-top: 48px; }
.czc-pdp-info > h2 { margin: 0 0 12px; }
.czc-pdp-info .wp-block-post-content p { max-width: none; font-size: 14px; line-height: 1.7; }
.czc-facts { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 48px; margin-top: 36px; }
.czc-facts > * { margin: 0 !important; min-width: 0; }
.czc-fact h2 { margin: 0 0 12px; border-bottom: 1px solid var(--c-ink); padding-bottom: 6px; }
.czc-ph { color: var(--c-muted); font-size: 13px; line-height: 1.7; }
.czc-ph-note { font-size: 11px; color: var(--c-muted); margin: 0 0 8px; }
.czc-nutri { width: 100%; border-collapse: collapse; font-size: 13px; }
.czc-nutri th, .czc-nutri td { padding: 7px 0; border-bottom: 1px solid var(--c-line); font-weight: 400; text-align: left; }
.czc-nutri td { text-align: right; color: var(--c-muted); }
.czc-nutri tr.sub th { padding-left: 18px; color: var(--c-muted); }

/* ---------- opinie o sklepie: przewijany kolorowy pasek ---------- */
.czc-reviews { margin: 40px 0 80px; }
.czc-reviews .czc-sec-h { border-bottom: 1px solid var(--c-ink); padding-bottom: 6px; margin-bottom: 14px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: space-between; align-items: baseline; }
.czc-reviews h2 { margin: 0; font-size: 18px; }
.czc-rv-sum { font-size: 13px; } .czc-rv-sum b { font-size: 20px; font-weight: 600; } .czc-rv-sum small { color: var(--c-muted); }
.czc-rv-wrap { overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%); }
.czc-rv-track { display: flex; gap: 16px; width: max-content; animation: czcrv 140s linear infinite; }
.czc-rv-wrap:hover .czc-rv-track { animation-play-state: paused; }
@keyframes czcrv { to { transform: translateX(calc(-50% - 8px)); } }
.czc-rv { margin: 0; width: 250px; flex: none; padding: 9px 13px; display: flex; flex-direction: column; gap: 5px; background: var(--c-1); color: var(--c-1-fg); }
.czc-rv:nth-child(5n+2) { background: var(--c-2); color: var(--c-2-fg); } .czc-rv:nth-child(5n+3) { background: var(--c-3); color: var(--c-3-fg); }
.czc-rv:nth-child(5n+4) { background: var(--c-4); color: var(--c-4-fg); } .czc-rv:nth-child(5n) { background: var(--c-5); color: var(--c-5-fg); }
.czc-rv-top { display: flex; justify-content: space-between; align-items: center; }
.czc-rv-top small { font-size: 10px; opacity: .65; }
.czc-stars { font-size: 12px; letter-spacing: 2px; } .czc-stars i { font-style: normal; opacity: .25; }
.czc-rv blockquote { margin: 0; font-size: 12px; line-height: 1.45; flex: 1; }
.czc-rv figcaption { font-size: 10px; }
@media (prefers-reduced-motion: reduce) { .czc-rv-track { animation: none; } .czc-rv-wrap { overflow-x: auto; } }

/* ---------- Kupowane razem ---------- */
.czc-bundle { border: 1px solid var(--c-ink); padding: 22px; margin-bottom: 48px; }
.czc-bundle h2 { border: 0; padding: 0; margin: 0 0 16px; }
.czc-b-row { display: flex; align-items: center; gap: 10px; overflow-x: auto; }
.czc-plus { font-size: 24px; flex: none; }
.czc-b-item { display: flex; flex-direction: column; gap: 6px; width: 160px; flex: none; cursor: pointer; position: relative; font-size: 12px; }
.czc-b-item input { position: absolute; top: 8px; left: 8px; width: 16px; height: 16px; accent-color: var(--c-ink); }
.czc-b-item img { background: var(--c-tile); aspect-ratio: 1; object-fit: contain; width: 100%; }
.czc-b-item b { display: block; margin-top: 2px; }
.czc-b-buy { display: flex; justify-content: flex-end; align-items: center; gap: 18px; margin-top: 18px; }
.czc-b-add { background: var(--c-ink); color: #fff; border: 0; padding: 12px 18px; font: 600 12px var(--wp--preset--font-family--plex-mono, monospace); text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }
.czc-b-add:hover { background: var(--hv, var(--c-red)); color: var(--hv-fg, #fff); }
.czc-related { margin-top: 56px; }
.czc-related .czc-grid .wc-block-product-template { --czc-cols: 5; }

/* ---------- lista: doładowywanie produktów ---------- */
.czc-plp-main .wp-block-query-pagination, .czc-plp-main .czc-pager { display: none; }
.czc-more-wrap { display: flex; justify-content: center; padding: 28px 0 8px; }
.czc-more { background: none; border: 1px solid var(--c-ink); padding: 14px 36px; font: 600 13px var(--wp--preset--font-family--plex-mono, monospace); text-transform: uppercase; letter-spacing: .08em; cursor: pointer; }
.czc-more:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); }
.czc-more small { font-weight: 400; opacity: .7; text-transform: none; letter-spacing: 0; }

/* ---------- nawigacja na dole kategorii (Licznik: ‹ 01  02/18  03 ›, decyzja Bartka 17.10.2026) ---------- */
.czc-cat-bottom-nav {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
	align-items: start;
	gap: 16px;
	margin-top: 48px;
	padding-top: 0;
	border-top: 0;
	font-family: var(--wp--preset--font-family--plex-mono, 'IBM Plex Mono', monospace);
	color: var(--c-ink);
}
.czc-cat-bottom-nav :is(a, button) {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 6px 8px;
	min-width: 0;
	color: inherit;
	text-decoration: none;
	background: none;
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
	transition: color .15s;
}
.czc-cat-bottom-nav a.czc-cat-nav-prev {
	align-items: flex-start;
	text-align: left;
}
.czc-cat-bottom-nav button.czc-cat-nav-top {
	align-items: center;
	text-align: center;
}
.czc-cat-bottom-nav a.czc-cat-nav-next {
	align-items: flex-end;
	text-align: right;
}
.czc-cat-bottom-nav b {
	font-size: 22px;
	font-weight: 600;
	letter-spacing: .02em;
	line-height: 1.2;
}
.czc-cat-bottom-nav span {
	font-size: 12px;
	opacity: .7;
	line-height: 1.3;
}
.czc-cat-bottom-nav :is(a, button):hover b {
	color: var(--c-red);
}
.czc-cat-bottom-nav :is(a, button):focus-visible {
	outline: 2px solid var(--c-ink);
	outline-offset: 3px;
}
@media (max-width: 680px) {
	.czc-cat-bottom-nav {
		margin-top: 32px;
		padding-top: 0;
		gap: 8px;
	}
	.czc-cat-bottom-nav b {
		font-size: 18px;
	}
	.czc-cat-bottom-nav span {
		font-size: 11px;
	}
}

@media (max-width: 900px) { .czc-facts { grid-template-columns: minmax(0, 1fr); gap: 28px; } .czc-badges { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ---------- poprawki z uwag (06.10.2026) ---------- */
.czc-hdr-right a, .czc-hdr-right .wc-block-mini-cart__button { padding: 4px 8px; transition: background .12s; }
.czc-hdr-right .wc-block-customer-account a:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-hdr-right .wc-block-mini-cart__button:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.wc-block-mini-cart__badge { margin-left: 4px; }
.wc-block-mini-cart__title, .wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-items-counter-block, .wc-block-mini-cart__title .wc-block-mini-cart__title-items-counter { font-size: 14px !important; line-height: 1.3; }
.wc-block-mini-cart__title { padding-block: 14px !important; }
.wp-block-woocommerce-mini-cart-title-block { font-size: 14px !important; }
.wp-block-woocommerce-mini-cart-title-block * { font-size: 14px !important; }
.onsale { position: absolute; top: 10px; left: 10px; z-index: 2; min-width: 0; min-height: 0; margin: 0; padding: 4px 8px; border: 0; border-radius: 0; background: var(--c-red); color: #fff; font: 600 11px/1.2 'IBM Plex Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .06em; }
.wp-block-woocommerce-product-image-gallery { position: relative; }
.czc-card .wc-block-components-product-image { overflow: hidden; }
.czc-card .wc-block-components-product-image img { transition: transform .35s ease; }
.czc-brand { padding-top: 10px; }
.czc-card .czc-brand { margin-top: 0 !important; }
/* podpowiedzi wyszukiwarki */
.czc-search { position: relative; }
.czc-sugg { position: absolute; left: 0; right: 0; top: 100%; z-index: 80; background: var(--c-bg, #fff); border: 1px solid var(--c-ink); border-top: 0; margin: 0; padding: 0; list-style: none; max-height: 70vh; overflow: auto; }
.czc-sugg a { display: grid; grid-template-columns: 40px 1fr auto; gap: 10px; align-items: center; padding: 6px 8px; text-decoration: none; font-size: 12px; border-bottom: 1px solid var(--c-line); color: var(--c-ink); }
.czc-sugg img { width: 40px; height: 40px; object-fit: contain; background: var(--c-tile); }
.czc-sugg li:nth-child(5n+1) a:hover, .czc-sugg li:nth-child(5n+1) a.on { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-sugg li:nth-child(5n+2) a:hover, .czc-sugg li:nth-child(5n+2) a.on { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-sugg li:nth-child(5n+3) a:hover, .czc-sugg li:nth-child(5n+3) a.on { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-sugg li:nth-child(5n+4) a:hover, .czc-sugg li:nth-child(5n+4) a.on { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-sugg li:nth-child(5n) a:hover, .czc-sugg li:nth-child(5n) a.on { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg)); }
.czc-sugg b { font-weight: 600; white-space: nowrap; }
.czc-sugg .all { display: block; padding: 8px; font-size: 12px; }
/* cena promocyjna najpierw, potem przekreślona */
.wc-block-components-product-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 8px; }
.wc-block-components-product-price ins { order: 1; }
.wc-block-components-product-price del { order: 2; margin-right: 0; }
.czc-price del { margin-right: 0; }
/* brak w magazynie: zamiast „+” informacja */
.wc-block-product.outofstock .czc-add { display: none; }
.wc-block-product.outofstock .czc-card::after { content: ':('; position: absolute; right: 0; bottom: 0; width: 30px; height: 30px; box-sizing: border-box; display: grid; place-items: center; border: 1px solid var(--c-ink); color: var(--c-muted); font: 500 13px/1 'IBM Plex Mono', monospace; transform: none; letter-spacing: 0; }
.wc-block-product.outofstock .czc-size { padding-right: 0; }

/* ---------- druga tura uwag (06.10.2026) ---------- */
/* „+” cieńszy: dwie linie 1 px zamiast znaku */
.czc-add .wp-block-button__link::before { content: '' !important; width: 12px; height: 12px; background: linear-gradient(currentColor, currentColor) center / 100% 1px no-repeat, linear-gradient(currentColor, currentColor) center / 1px 100% no-repeat; }
.czc-add .wp-block-button__link.czc-in::before, .czc-add .wp-block-button__link.added::before { width: 12px; height: 7px; background: none; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(-45deg) translate(1px, -2px); }
.czc-add .wp-block-button__link.czc-in { background: var(--c-3) !important; color: var(--c-3-fg) !important; border-color: var(--c-ink) !important; }
.czc-add .wp-block-button__link, .czc-add .wp-block-button__link * { transition: background .15s, transform .15s; }
/* przycisk ma nie zmieniać układu karty po dodaniu */
.czc-add { height: 30px; width: 30px; overflow: visible; }
.czc-add .wp-block-button__link { position: absolute; right: 0; bottom: 0; }
.czc-add span, .czc-add .wc-block-components-product-button__text { display: none !important; }
@keyframes czc-bump { 0% { transform: scale(1); } 30% { transform: scale(1.35) rotate(-6deg); } 60% { transform: scale(.95) rotate(3deg); } 100% { transform: scale(1); } }
.czc-bump { animation: czc-bump .6s ease; }
.czc-bump .wc-block-mini-cart__badge { background: var(--c-red) !important; }
/* góra przyklejona: JS ustawia top ujemny tak, by na górze zostało samo menu */
header.wp-block-template-part { position: sticky; top: 0; z-index: 90; background: var(--c-bg, #fff); }
/* odznaka promocji jak w makiecie: −X%, bez ramki */
.wc-block-components-product-sale-badge, .wc-block-components-product-sale-badge * { border: 0 !important; border-radius: 0 !important; }
.wc-block-components-product-sale-badge { position: absolute !important; top: 8px; left: 8px; z-index: 2; margin: 0 !important; padding: 2px 7px !important; background: var(--c-red) !important; color: #fff !important; font: 600 11px/1.3 'IBM Plex Mono', monospace !important; text-transform: none !important; letter-spacing: 0 !important; }
/* filtry: gęściej jak w makiecie */
.czc-filters { line-height: 1.3; }
.czc-chk { padding: 2px 0; line-height: 1.3; }
.czc-filters fieldset { padding-bottom: 14px; margin-bottom: 14px; }
.czc-filters ul, .czc-filters li { margin: 0; padding: 0; list-style: none; }
.czc-filters fieldset > * + * { margin-top: 0; }
/* galeria jak w makiecie: kwadrat w kolorze kafla, bez lupy */
.czc-pdp-top { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); }
.woocommerce-product-gallery__trigger { display: none !important; }
.woocommerce-product-gallery__image { background: var(--c-tile); }
.woocommerce-product-gallery__image img { width: 100%; aspect-ratio: 1; object-fit: contain; cursor: default; }
.woocommerce-product-gallery__image a { pointer-events: none; cursor: default; }
/* cena na stronie produktu: wyróżnik */
.czc-buybox .wc-block-components-product-price { display: inline-flex; align-items: baseline; gap: 4px 12px; font-size: 34px; color: var(--c-ink); background: var(--c-1); padding: 4px 12px; }
.czc-buybox .wc-block-components-product-price ins { color: var(--c-red); }
.czc-buybox .wc-block-components-product-price del { font-size: 17px; }
/* boczne „Bestsellery”: kolory na hover */
.czc-sb-top a:nth-of-type(5n+1):hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-sb-top a:nth-of-type(5n+2):hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-sb-top a:nth-of-type(5n+3):hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-sb-top a:nth-of-type(5n+4):hover { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-sb-top a:nth-of-type(5n):hover { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg)); }
.czc-sb-top a { padding-inline: 6px; }

.woocommerce-product-gallery { opacity: 1 !important; }
.woocommerce-product-gallery__image img { opacity: 1 !important; }
.czc-buybox form.cart { align-items: stretch; width: 100%; }
.czc-buybox form.cart .quantity { margin: 0 !important; }
.czc-buybox form.cart .quantity input, .czc-buybox form.cart .single_add_to_cart_button { height: 46px !important; box-sizing: border-box; margin: 0 !important; }
.czc-buybox form.cart .single_add_to_cart_button { flex: 1; width: auto !important; }
.czc-buybox form.cart, .czc-buybox .wp-block-add-to-cart-form { padding: 0 !important; margin-inline: 0 !important; }
.czc-buybox form.cart::before, .czc-buybox form.cart::after { display: none !important; }

/* ---------- trzecia tura uwag ---------- */
.wc-block-components-product-sale-badge { font-weight: 400 !important; padding: 1px 6px !important; }
.wc-block-components-product-sale-badge * { font-weight: 400 !important; font-size: 11px !important; }
.czc-header { padding: 20px 0 25px; }
.czc-chk { margin: 0 !important; padding: 3px 0 !important; line-height: 1.5 !important; }
.czc-filters .czc-chk + .czc-chk, .czc-filters fieldset > label { margin-top: 0 !important; }
.czc-pdp-top .woocommerce-product-gallery, .czc-pdp-top .wp-block-woocommerce-product-image-gallery { width: 100% !important; max-width: none !important; float: none !important; margin: 0 !important; }
.czc-buybox h1 { font-size: clamp(28px, 3vw, 42px); }
/* bez powiadomień Woo o dodaniu do koszyka */
.wc-block-store-notices .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-message, .wc-block-components-notice-banner.is-success { display: none !important; }
/* Kupowane razem: wszystkie produkty na jednej wysokości, poziomy scroll ze snapem */
.czc-b-row { align-items: flex-start; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: var(--c-ink) transparent; padding-bottom: 8px; }
.czc-b-row::-webkit-scrollbar { height: 4px; }
.czc-b-row::-webkit-scrollbar-track { background: transparent; }
.czc-b-row::-webkit-scrollbar-thumb { background: var(--c-ink); }
.czc-b-item { align-self: flex-start; scroll-snap-align: start; }
.czc-plus { align-self: flex-start; margin-top: 66px; }
.czc-add .wp-block-button__link.czc-in { background: var(--in, var(--c-3)) !important; color: var(--in-fg, var(--c-3-fg)) !important; }
.zoomImg { display: none !important; }

/* ---------- czwarta tura uwag ---------- */
.czc-pb-brand a { color: var(--c-ink); text-decoration: underline; text-underline-offset: 3px; }
.czc-pb-brand a:hover { background: var(--hv, var(--c-1)); }
.czc-pb-brand .czc-pb-cui { color: var(--c-muted); text-decoration: none; }
.czc-pb-brand .czc-pb-cui:hover { color: var(--c-ink); text-decoration: underline; }
/* ilość jak w makiecie: − [n] + */
.czc-qty { display: inline-flex; border: 1px solid var(--c-ink); height: 46px; position: relative; flex: none; }
.czc-qty button { width: 34px; border: 0; background: none; cursor: pointer; font: inherit; font-size: 16px; color: var(--c-ink); padding: 0; }
.czc-qty button:hover { background: var(--hv, var(--c-1)); }
.czc-qty input.qty, .czc-qty input { width: 44px !important; height: 100% !important; border: 0 !important; border-inline: 1px solid var(--c-line) !important; text-align: center; outline: 0; padding: 0 !important; margin: 0 !important; -moz-appearance: textfield; appearance: textfield; background: transparent; }
.czc-qty input::-webkit-outer-spin-button, .czc-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.czc-qty-hint { position: absolute; left: 0; top: calc(100% + 6px); background: var(--c-ink); color: #fff; font-size: 11px; padding: 4px 8px; white-space: nowrap; z-index: 5; }
.czc-buybox form.cart .quantity { margin: 0 !important; }
.czc-buybox .wc-block-components-notice-banner.is-error, .woocommerce-error { display: none !important; }
/* mini nagłówek: drugi poziom nad menu, widoczny po przewinięciu */
.czc-mini-bar { position: absolute; left: 0; right: 0; display: flex; align-items: center; gap: 22px; padding: 0 16px; background: var(--c-bg, #fff); border-bottom: 1px solid var(--c-ink); transform: translateY(-110%); opacity: 0; pointer-events: none; transition: transform .35s cubic-bezier(.2, .8, .2, 1), opacity .25s ease; z-index: 1; font-size: 12px; }
.czc-mini .czc-mini-bar { transform: none; opacity: 1; pointer-events: auto; }
.czc-mini-logo { display: flex; align-items: center; }
.czc-mini-logo img { width: 38px; height: auto; display: block; }
.czc-mini-search { flex: 1; max-width: 420px; margin: 0; position: relative; }
.czc-mini-search input[type=search] { width: 100%; border: 0; border-bottom: 1px solid var(--c-ink); background: transparent; font: inherit; padding: 5px 0 5px 20px; outline: 0; color: var(--c-ink); border-radius: 0; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E") no-repeat left 4px center; }
.czc-mini-r { margin-left: auto; display: flex; align-items: center; gap: 4px; }
.czc-mini-r > * { display: flex; align-items: center; background: none; border: 0; color: var(--c-ink); font: inherit; cursor: pointer; padding: 6px 10px; text-decoration: none; }
.czc-mini-a:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-mini-cart:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-mini-cart b { background: var(--c-ink); color: #fff; font-weight: 500; padding: 1px 7px; margin-left: 6px; }
.czc-mini-cart.czc-bump { animation: czc-bump .6s ease; }
.czc-mini-cart.czc-bump b { background: var(--c-red); }
.czc-mini .czc-menu { box-shadow: 0 6px 16px rgba(0, 0, 0, .12); }
.czc-hdr-right .wp-block-woocommerce-customer-account a:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }

/* ---------- czwarta tura: cena w bestsellerach, „Nowość”, filtry ---------- */
.czc-sb-top ins { color: var(--c-red); }
.czc-new { position: absolute; top: 8px; left: 8px; z-index: 2; background: var(--c-1); color: var(--c-1-fg); font: 400 11px/1.3 'IBM Plex Mono', monospace; padding: 1px 6px; text-transform: none; letter-spacing: 0; }
.czc-new.is-2 { top: 33px; }
.wc-block-components-product-image { position: relative; }
.wp-block-woocommerce-product-image-gallery .czc-new { top: 10px; left: 10px; padding: 4px 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.wp-block-woocommerce-product-image-gallery .czc-new.is-2 { top: 44px; }
.czc-chk input:checked { background: var(--rc, var(--c-1)); }
.czc-chk input:checked::after { content: ''; width: 4px; height: 8px; background: none; border: solid var(--c-ink); border-width: 0 1.5px 1.5px 0; transform: rotate(45deg) translate(-1px, -1px); }
.czc-plp-main, .czc-filters { transition: opacity .15s; }
.czc-plp-main.is-loading { opacity: .4; pointer-events: none; }

@media (max-width: 700px) {
	.czc-footer { min-height: 0; margin-top: 60px; padding: 40px 20px calc(105vw + 30px) !important; }
	.czc-fcols { grid-template-columns: 1fr 1fr; gap: 24px 16px; }
	.czc-fbrand { grid-column: 1 / -1; }
	.czc-fbrand p { font-size: 11px; margin-bottom: 6px; }
	.czc-fcols > :last-child { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid rgba(241, 233, 210, .2); padding-top: 14px; margin-top: 6px !important; }
	.czc-fcols > :last-child .czc-fh { display: none; }
	.czc-fsocial { margin-top: 0; }
}

html, body { overflow-x: clip; max-width: 100%; }
html { scrollbar-width: none; -ms-overflow-style: none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { display: none; }

/* ---------- kasa i koszyk (07.10.2026): blokowa kasa Woo w stylu makiety v3 — kwadratowe ramki 1 px, numerowane kroki, wybrana opcja w kolorze kafla 1, czerwony przycisk ---------- */
.czc-co-hwrap { border-bottom: 1px solid var(--c-line); }
.czc-co-hwrap > .wp-block-html, .czc-co-hwrap > * { max-width: none !important; }
.czc-co-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 16px; padding: 16px 0; max-width: 1240px; margin: 0 auto; width: 100%; font-size: 12px; }
.czc-co-header > * { min-width: 0; }
.czc-co-back { text-decoration: none; color: var(--c-ink); }
.czc-co-back:hover { text-decoration: underline; }
.czc-co-header .czc-logo img { width: 110px; }
.czc-co-safe { justify-self: end; color: var(--c-muted); display: inline-flex; gap: 6px; align-items: center; }
.czc-co-safe::before { content: ''; width: 10px; height: 12px; background: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h1v7H1V5zm1.2 0h3.6V3.5a1.8 1.8 0 0 0-3.6 0z'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 12'%3E%3Cpath d='M2 5V3.5a3 3 0 0 1 6 0V5h1v7H1V5zm1.2 0h3.6V3.5a1.8 1.8 0 0 0-3.6 0z'/%3E%3C/svg%3E") no-repeat center / contain; }
.czc-steps { display: flex; list-style: none; padding: 0; margin: 0 auto 24px; max-width: 1240px; width: 100%; counter-reset: s; font-size: 12px; border: 1px solid var(--c-ink); }
.czc-steps li { flex: 1; padding: 8px 12px; border-right: 1px solid var(--c-ink); counter-increment: s; color: var(--c-muted); min-width: 0; }
.czc-steps li:last-child { border-right: 0; }
.czc-steps li::before { content: counter(s) '. '; }
.czc-steps li.done { color: var(--c-ink); }
.czc-steps li.done::before { content: '✓ '; }
.czc-steps li.on { background: var(--c-ink); color: #fff; }
.czc-steps a { color: inherit; }
.czc-co > .alignwide { max-width: 1240px; }
.czc-co-title { font-size: 40px; margin: 28px 0 20px; }
.czc-co .wp-block-woocommerce-checkout, .czc-co .wp-block-woocommerce-cart { padding-top: 0; }

/* pola: zgrabniejsze (wysokość 43 px, -14% względem 50 px), ostre rogi, czarna ramka, czytelny odstęp między hintem a wpisywanym tekstem */
.czc-co .wc-block-components-text-input,
.czc-co .wc-block-components-combobox { font-size: 13px !important; margin-top: 10px !important; }
.czc-co .wc-block-components-text-input input,
.czc-co .wc-block-components-combobox .wc-block-components-combobox-control input,
.czc-co .wc-block-components-totals-coupon input,
.czc-co .wc-block-components-address-autocomplete input {
	border-radius: 0 !important;
	border: 1px solid var(--c-ink) !important;
	background: #fff;
	height: 43px !important;
	min-height: 43px !important;
	padding: 10px 12px !important;
	font: 13px/1.3 'IBM Plex Mono', 'Sometype Mono', monospace !important;
	box-sizing: border-box !important;
}
.czc-co .wc-block-components-text-input label {
	left: 12px !important;
	font-size: 13px !important;
	font-family: 'IBM Plex Mono', 'Sometype Mono', monospace !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	transition: all 0.15s ease !important;
	color: var(--c-muted) !important;
	line-height: 1 !important;
	margin: 0 !important;
}
.czc-co .wc-block-components-text-input.is-active input,
.czc-co .wc-block-components-text-input input:focus,
.czc-co .wc-block-components-text-input input:-webkit-autofill {
	padding-top: 18px !important;
	padding-bottom: 5px !important;
	padding-left: 12px !important;
}
.czc-co .wc-block-components-text-input.is-active label,
.czc-co .wc-block-components-text-input input:focus + label,
.czc-co .wc-block-components-text-input input:-webkit-autofill + label {
	top: 5px !important;
	transform: none !important;
	font-size: 10px !important;
	line-height: 1 !important;
	letter-spacing: .02em !important;
	color: var(--c-muted) !important;
}
.czc-co .wc-blocks-components-select__select,
.czc-co .wc-blocks-components-select .wc-blocks-components-select__container {
	border-radius: 0 !important;
	border: 1px solid var(--c-ink) !important;
	height: 43px !important;
	min-height: 43px !important;
	padding: 0 12px !important;
	font: 13px/1.3 'IBM Plex Mono', 'Sometype Mono', monospace !important;
	background: #fff;
}
.czc-co .wc-block-components-textarea {
	border-radius: 0 !important;
	border: 1px solid var(--c-ink) !important;
	background: #fff;
	padding: 10px 12px !important;
	font: 13px/1.4 'IBM Plex Mono', 'Sometype Mono', monospace !important;
	min-height: 75px !important;
}
.czc-co .wc-block-components-text-input input:focus,
.czc-co .wc-block-components-textarea:focus,
.czc-co .wc-blocks-components-select__select:focus,
.czc-co .wc-block-components-combobox .wc-block-components-combobox-control input:focus,
.czc-co .wc-block-components-totals-coupon input:focus {
	box-shadow: 3px 3px 0 var(--hv, var(--c-1)) !important;
	outline: 0;
}
.czc-co .wc-block-components-text-input.has-error input,
.czc-co .has-error .wc-blocks-components-select__select {
	border-color: var(--c-red) !important;
	box-shadow: 3px 3px 0 color-mix(in srgb, var(--c-red) 28%, #fff) !important;
}
.czc-co .wc-block-components-validation-error { color: var(--c-red); }
.czc-co .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] { border-radius: 0; border-color: var(--c-ink); }
.czc-co .wc-block-components-checkbox__input[type=checkbox]:checked { background: var(--hv, var(--c-3)); } /* losowy kafel jak w logowaniu */
.czc-co .wc-block-components-checkbox__mark { fill: var(--c-ink); }

/* sekcje: numer w czarnym kwadracie */
.czc-co .wc-block-checkout__form { counter-reset: krok; }
.czc-co .wc-block-components-checkout-step { margin-bottom: 32px !important; }
.czc-co .wc-block-components-checkout-step__title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 500; counter-increment: krok; }
.czc-co .wc-block-components-checkout-step__title::before { content: counter(krok); background: var(--c-ink); color: #fff; width: 22px; height: 22px; display: grid; place-items: center; font-size: 12px; flex: none; }
.czc-co .wc-block-components-checkout-step__container::after, .czc-co .wc-block-components-checkout-step::after { display: none; }
.czc-co .wc-block-components-checkout-step__heading-content a { font-size: 12px; text-decoration: underline; }

/* dostawa i płatność: jedna ramka, wiersze z linią, kompaktowa wysokość, wyrównanie tekstu z checkboxem */
.czc-co .wc-block-components-radio-control--highlight-checked { border: 1px solid var(--c-ink); border-radius: 0; }
.czc-co .wc-block-components-radio-control--highlight-checked::after { display: none; }
.czc-co .wc-block-components-radio-control__option, .czc-co .wc-block-components-radio-control-accordion-option {
	border-radius: 0 !important;
	box-shadow: none !important;
	border-bottom: 1px solid var(--c-line);
	padding: 8px 14px 8px 42px !important;
	min-height: 42px !important;
	display: flex !important;
	align-items: center !important;
	position: relative !important;
}
.czc-co .wc-block-components-radio-control__option-layout {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.czc-co .wc-block-components-radio-control__label-group {
	display: flex;
	align-items: center;
}
.czc-co .wc-block-components-radio-control__option:last-child, .czc-co .wc-block-components-radio-control-accordion-option:last-child { border-bottom: 0; }
.czc-co .wc-block-components-radio-control__option-checked, .czc-co .wc-block-components-radio-control-accordion-option--checked-option-highlighted { background: color-mix(in srgb, var(--c-1) 22%, #fff); }
.czc-co .wc-block-components-radio-control__input {
	appearance: none !important;
	-webkit-appearance: none !important;
	border-radius: 0 !important;
	border: 1px solid var(--c-ink) !important;
	width: 18px !important;
	height: 18px !important;
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	display: inline-grid !important;
	place-items: center !important;
	background: #fff !important;
	cursor: pointer;
}
.czc-co .wc-block-components-radio-control__input:checked {
	background: var(--hv, var(--c-3)) !important;
}
.czc-co .wc-block-components-radio-control__input:checked::before {
	content: '✓' !important;
	font: 500 13px/1 'IBM Plex Mono', ui-monospace, monospace !important;
	color: var(--c-ink) !important;
	border-radius: 0 !important;
	background: transparent !important;
	width: auto !important;
	height: auto !important;
	transform: none !important;
	position: static !important;
	display: block !important;
}
.czc-co .wc-block-components-radio-control__secondary-label, .czc-co .wc-block-components-radio-control__description { color: var(--c-muted); }
.czc-co .wc-block-checkout__no-payment-methods-notice, .czc-co .wc-block-components-notice-banner { border-radius: 0; }
/* Ukrycie banera informacyjnego po wpisaniu e-maila w kasie (#1) */
.czc-co .wc-block-components-notices .wc-block-components-notice-banner:not(.is-error) { display: none !important; } /* tylko błędy zostają widoczne (np. „Wybierz paczkomat”), informacje chowamy */

/* podsumowanie: ramka 1 px, przyklejone */
.czc-co .wc-block-checkout__sidebar, .czc-co .wc-block-cart__sidebar { position: sticky; top: 16px; align-self: flex-start; }
.czc-co .wp-block-woocommerce-checkout-order-summary-block, .czc-co .wp-block-woocommerce-cart-order-summary-block { border: 1px solid var(--c-ink) !important; border-radius: 0 !important; }
.czc-co .wc-block-components-checkout-order-summary__title-text { font-size: 18px; font-weight: 500; }
.czc-co .wc-block-components-checkout-order-summary__title { padding-inline: 14px; }
.czc-co .wc-block-components-address-form__czc-faktura, .czc-co .wc-block-components-checkbox { margin-top: 14px; }
.czc-co .wc-block-components-order-summary-item__image > img { background: var(--c-tile); border-radius: 0; }
.czc-co .wc-block-components-order-summary-item__quantity { background: var(--c-ink); color: #fff; border: 0; border-radius: 0; font-size: 11px; }
.czc-co .wc-block-components-order-summary-item__description .wc-block-components-product-metadata { display: none; } /* bez długiego opisu w podsumowaniu */
.czc-co .wc-block-components-order-summary-item__total-price, .czc-co .wc-block-components-totals-item__value { white-space: nowrap; }
.czc-co .wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .czc-co .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { font-size: 20px; font-weight: 500; }
.czc-co .wc-block-components-totals-footer-item-tax { color: var(--c-muted); font-size: 11px; }
.czc-co .wc-block-components-totals-item__label { font-size: 13px; }

/* przycisk zamówienia: czerwony akcent, hover czarny (jak „Kupuję i płacę” w makiecie) */
.czc-co .wc-block-components-checkout-place-order-button, .czc-co .wc-block-cart__submit-button { background: var(--c-red) !important; color: var(--c-red-fg) !important; border: 0 !important; border-radius: 0 !important; min-height: 52px; font: 500 14px/1 inherit; text-transform: none; letter-spacing: 0; }
.czc-co .wc-block-components-checkout-place-order-button:hover, .czc-co .wc-block-cart__submit-button:hover { background: var(--c-ink) !important; }
.czc-co .wc-block-components-button:not(.is-link):not(.wc-block-components-checkout-place-order-button):not(.wc-block-cart__submit-button) { border-radius: 0; }
.czc-co .wc-block-components-totals-coupon__button { background: none !important; color: var(--c-ink) !important; border: 1px solid var(--c-ink) !important; }
.czc-co .wc-block-checkout__terms { font-size: 12px; }
.czc-co .wc-block-checkout__terms a { text-decoration: underline; }
.czc-co .wc-block-components-checkout-return-to-cart-button { font-size: 12px; }

/* logowanie Google/Facebook (FluentAuth, shortcode [fs_auth_buttons]) */
.czc-social { border: 1px solid var(--c-ink); padding: 14px 16px; margin: 0 0 28px; max-width: calc(100% - 0px); }
.czc-social__t { margin: 0 0 10px; font-size: 12px; }
.czc-social .fm_login_wrapper > :is(h1,h2,h3,h4,p):empty, .czc-social .fs_social_auth_title { display: none; }
.czc-social .fm_login_with { display: flex !important; flex-wrap: wrap; gap: 10px; margin: 0 !important; }
.czc-social .fm_login_with > * { flex: 1 1 200px; margin: 0 !important; }
.czc-social .fs_auth_btn { display: flex !important; align-items: center; justify-content: center; gap: 8px; border: 1px solid var(--c-ink) !important; border-radius: 0 !important; background: #fff !important; color: var(--c-ink) !important; padding: 10px 12px !important; font: inherit; font-size: 13px; text-decoration: none; box-shadow: none !important; width: 100%; }
.czc-social .fs_auth_btn:hover { background: var(--hv, var(--c-1)) !important; }
.czc-social .fs_auth_btn svg { width: 18px; height: 18px; fill: currentColor; }
.czc-social .fs_auth_btn.fs_auth_google svg { fill: initial; }
.woocommerce-account .czc-social { margin-top: 16px; }

/* „Dziękujemy” */
.czc-thanks .wc-block-order-confirmation-summary { border: 1px solid var(--c-ink); padding: 16px; }
.czc-thanks .wc-block-order-confirmation-status { font-size: 18px; }

@media (max-width: 900px) {
	.czc-co .wc-block-checkout__sidebar, .czc-co .wc-block-cart__sidebar { position: static; }
}
@media (max-width: 700px) {
	.czc-co-header { grid-template-columns: 1fr auto; padding: 12px 0; }
	.czc-co-header .czc-logo { order: -1; justify-self: start; }
	.czc-co-header .czc-logo img { width: 84px; }
	.czc-co-back { justify-self: end; }
	.czc-co-safe { display: none; }
	.czc-steps { font-size: 11px; margin-bottom: 16px; }
	.czc-steps li { padding: 6px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.czc-steps li:not(.on) { flex: 0 0 auto; }
	.czc-steps li:not(.on):not(.done) { font-size: 0; } .czc-steps li:not(.on):not(.done)::before { font-size: 11px; }
	.czc-co-title { font-size: 28px; margin: 16px 0 12px; }
	.czc-co .wc-block-components-checkout-step__title { font-size: 17px; }
	.czc-co .wc-block-components-checkout-order-summary__title-text { font-size: 15px !important; }
	.czc-co .wc-block-components-checkout-order-summary__title { margin: 0; padding-block: 10px; }
	.czc-co .wc-block-checkout__main .wc-block-components-checkout-order-summary__content { padding-inline: 14px; }
}

/* ---------- dostawa (07.10.2026): paczkomat wyraźnie, czas dostawy, pasek do darmowej dostawy w koszyku i kasie ---------- */
.czc-co .wc-block-components-radio-control__description, .czc-co .wc-block-components-radio-control__secondary-description { color: var(--c-muted); font-size: 12px; }
.czc-co .inpost_pl-block-shipping-method-meta-wrap { display: flex; flex-direction: column; gap: 10px; margin-top: 8px; width: 100%; }
.czc-co .inpost_pl_method_logo, .czc-co .inpost_icon { display: none !important; } /* logo InPost zbędne: nazwa metody wystarczy */
.czc-co button.easypack_show_geowidget, .czc-co .easypack_show_geowidget {
	display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; max-width: none !important; margin: 4px 0 0 !important; padding: 14px 16px !important;
	background: var(--c-1) !important; color: var(--c-1-fg) !important; border: 1px solid var(--c-ink) !important; border-radius: 0 !important; box-shadow: 3px 3px 0 var(--c-ink) !important;
	font: 500 14px/1.2 'Sometype Mono', ui-monospace, monospace !important; text-transform: none !important; cursor: pointer; height: auto !important; float: none !important; position: static !important; }
.czc-co .easypack_show_geowidget::before { content: ''; width: 16px; height: 18px; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M8 0a7 7 0 0 1 7 7c0 5-7 11-7 11S1 12 1 7a7 7 0 0 1 7-7zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M8 0a7 7 0 0 1 7 7c0 5-7 11-7 11S1 12 1 7a7 7 0 0 1 7-7zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center / contain; }
.czc-co .easypack_show_geowidget:hover { background: var(--c-ink) !important; color: #fff !important; box-shadow: none !important; }
.czc-co .inpost_pl_selected_point_data_wrap:not(:empty), .czc-co .inpost-parcel-locker-wrap:not(:empty) { border: 1px dashed var(--c-ink); padding: 10px 12px; font-size: 13px; background: #fff; }
.czc-co .inpost_pl_selected_point_data_wrap:not(:empty)::before { content: 'Wybrany paczkomat'; display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .06em; color: var(--c-muted); margin-bottom: 4px; }

.czc-ship-info { border: 1px solid var(--c-ink); padding: 14px 16px; margin: 0 0 16px; font-size: 13px; background: #fff; width: 100%; flex: none; }
@media (min-width: 800px) {
	.czc-co .wc-block-checkout__sidebar .czc-ship-info { margin-top: 44px; }
	.czc-co .wc-block-cart__sidebar .czc-ship-info { margin-top: 38px; }
}
.czc-co .wp-block-woocommerce-cart-order-summary-block { padding: 0 14px 14px; }
.czc-co .wc-block-cart__totals-title { padding: 12px 14px 0 !important; margin: 0 !important; }
.czc-ship-info__bar { height: 6px; background: var(--c-line); margin-bottom: 8px; }
.czc-ship-info__bar i { display: block; height: 100%; background: var(--c-3); transition: width .3s; }
.czc-ship-info__t { margin: 0 0 10px; }
.czc-ship-info__t:last-child { margin-bottom: 0; }
.czc-ship-info__list { list-style: none; margin: 0; padding: 0; }
.czc-ship-info__list li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; border-top: 1px solid var(--c-line); }
.czc-ship-info__list span { min-width: 0; }
.czc-ship-info__list small { display: block; color: var(--c-muted); font-size: 11px; }
.czc-ship-info__list b { font-weight: 500; white-space: nowrap; }
.czc-ship-info__n { margin: 8px 0 0; color: var(--c-muted); font-size: 11px; }
@media (prefers-reduced-motion: reduce) { .czc-ship-info__bar i { transition: none; } }

/* sprzedaż tylko do Polski: pole kraju niepotrzebne (wartość PL ustawia Woo z kraju sklepu) */
.czc-co .wc-block-components-address-form__country, .czc-co .wc-block-components-country-input { display: none !important; }
/* faktura: usunięcie komunikatu NIP (uwaga Bartka 16.10.2026) */
#czc-nip-status, .czc-nip-status { display: none !important; }

/* bez osobnego adresu rozliczeniowego: billing = adres dostawy albo dane firmy z bloku faktury (mu-plugin czc-kasa) */
.czc-co .wc-block-checkout__use-address-for-billing, .czc-co .wp-block-woocommerce-checkout-billing-address-block { display: none !important; }
/* kasa: pozycje zamówienia z −/+ i „Usuń” (blok czc/summary-items, mu-plugin czc-kasa/podsumowanie.js) zamiast natywnej listy */
.czc-co .wp-block-woocommerce-checkout-order-summary-cart-items-block { display: none !important; }
.czc-sum { width: calc(100% - 32px); margin: 0 16px; border-collapse: collapse; font-size: 12px; table-layout: fixed; }
.czc-sum th { text-align: left; font-weight: 400; color: var(--c-muted); font-size: 11px; text-transform: uppercase; letter-spacing: .05em; padding: 4px 0 6px; border-bottom: 1px solid var(--c-ink); }
.czc-sum td { padding: 10px 0; border-bottom: 1px solid var(--c-line); vertical-align: middle; }
.czc-sum tbody tr:last-child td { border-bottom: 0; }
.czc-sum tr.is-removing { opacity: .4; }
.czc-sum th.czc-sum__q, .czc-sum td.czc-sum__q { width: 92px; text-align: center; padding-inline: 4px; }
.czc-sum th.czc-sum__p, .czc-sum td.czc-sum__p { width: 85px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; font-size: 13px; }
.czc-sum .czc-sum__p.is-est { color: var(--c-muted); }
.czc-sum th.czc-sum__x, .czc-sum td.czc-sum__x { width: 28px; padding-left: 4px; }
.czc-sum__prod { display: flex; gap: 10px; align-items: center; min-width: 0; }
.czc-sum__prod img { width: 40px; height: 40px; object-fit: contain; background: var(--c-tile); flex: none; }
.czc-sum__prod span { min-width: 0; }
.czc-sum__name { display: block; font-weight: 500; line-height: 1.3; color: var(--c-ink); text-decoration: none; }
.czc-sum__name:hover { text-decoration: underline; }
.czc-sum__prod small { color: var(--c-muted); font-size: 11px; }
.czc-sum__step { display: inline-flex; align-items: stretch; height: 26px; border: 1px solid var(--c-ink); background: #fff; }
.czc-sum__step button { all: unset; box-sizing: border-box; width: 24px; display: grid; place-items: center; cursor: pointer; font: 500 14px/1 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); }
.czc-sum__step button:hover:not(:disabled) { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); } /* losowy kafel (CZC_RND w theme.js) */
.czc-sum__step button:focus-visible { outline: 2px solid var(--c-ink); outline-offset: -2px; }
.czc-sum__step button:disabled { color: var(--c-line); cursor: default; }
.czc-sum__step output { min-width: 26px; display: grid; place-items: center; border-inline: 1px solid var(--c-ink); font-size: 12px; font-variant-numeric: tabular-nums; }
.czc-sum__rm { all: unset; cursor: pointer; width: 24px; height: 24px; display: grid; place-items: center; color: var(--c-muted); font-size: 18px; line-height: 1; }
.czc-sum__rm:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); }
/* w trakcie zapisu ilości płatność zablokowana (blokada w wc/store/validation, tu tylko widok przycisku) */
.czc-sum-saving .czc-co .wc-block-components-checkout-place-order-button { opacity: .55; pointer-events: none; }
.czc-co .wc-block-checkout__sidebar .wc-block-components-checkout-order-summary__title { padding-inline: 0; }
.czc-sum th.czc-sum__p, .czc-sum th.czc-sum__q { font-size: 11px; }

/* ---------- telefon: menu główne bez przewijania strony w bok (07.10.2026) ---------- */
@media (max-width: 900px) {
	.czc-menu { overflow-x: auto; overflow-y: hidden; scrollbar-width: none; justify-content: flex-start; max-width: 100%; }
	.czc-menu::-webkit-scrollbar { display: none; }
	.czc-menu > *, .czc-dd > li { flex: none; }
	.czc-dd-g { padding: 0 10px; }
	/* rozwijane listy nie mieszczą się w przewijanym pasku: pokazujemy je na całą szerokość ekranu pod paskiem */
	.czc-dd-p { position: fixed; left: 0; right: 0; top: auto; min-width: 0; max-height: 60vh; overflow-y: auto; }
	.czc-dd-p a { white-space: normal; }
}

/* ---------- uwagi z 07.10.2026 (narzędzie ?uwagi=1) ---------- */
/* logo zawsze na środku: boczne kolumny nie rozpychają się treścią */
.czc-header { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
/* „Nowość” tego samego rozmiaru co plakietka promocji */
.czc-new { top: 10px; left: 10px; padding: 4px 8px; line-height: 1.2; font-size: 11px; }
.czc-new.is-2 { top: 36px; }
/* kasa i koszyk: bez plakietki „Oszczędzasz…” i bez wyskakujących komunikatów o zmianie ilości */
.czc-co .wc-block-components-sale-badge { display: none !important; }
.czc-co .wc-block-components-notice-snackbar-list { display: none !important; }
/* kupon: losowy kolor palety na hover (theme.js) */
.czc-co .wc-block-components-totals-coupon__button:hover { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-ink)) !important; }
/* wybrana dostawa i płatność: kolor z palety (kafel 1), bez rozbielonego odcienia */
.czc-co .wc-block-components-radio-control__option-checked, .czc-co .wc-block-components-radio-control-accordion-option--checked-option-highlighted { background: var(--c-1) !important; }
.czc-co .wc-block-components-radio-control__option-checked *, .czc-co .wc-block-components-radio-control-accordion-option--checked-option-highlighted .wc-block-components-radio-control__option * { color: var(--c-1-fg) !important; }
/* „Kupuję i płacę”: zielony z palety (kafel 3) zamiast czerwonego; hover czarny */
.czc-co .wc-block-components-checkout-place-order-button { background: var(--c-3) !important; color: var(--c-3-fg) !important; }
.czc-co .wc-block-components-checkout-place-order-button:hover { background: var(--c-ink) !important; color: #fff !important; }
/* paczkomat (wtyczka InPost Paczkomaty / Grainsoft): wyraźny żółty przycisk z pinezką na całą szerokość */
.czc-co .select-paczkomat-button { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100%; padding: 14px 16px !important; background: var(--c-1) !important; color: var(--c-1-fg) !important; border: 1px solid var(--c-ink) !important; border-radius: 0 !important; box-shadow: none !important; font: 500 14px/1.2 'Sometype Mono', ui-monospace, monospace !important; text-transform: none !important; letter-spacing: 0 !important; }
.czc-co .select-paczkomat-button::before { content: ''; width: 16px; height: 18px; flex: none; background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M8 0a7 7 0 0 1 7 7c0 5-7 11-7 11S1 12 1 7a7 7 0 0 1 7-7zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center / contain;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 18'%3E%3Cpath d='M8 0a7 7 0 0 1 7 7c0 5-7 11-7 11S1 12 1 7a7 7 0 0 1 7-7zm0 4a3 3 0 1 0 0 6 3 3 0 0 0 0-6z'/%3E%3C/svg%3E") no-repeat center / contain; }
.czc-co .select-paczkomat-button:hover { background: var(--c-ink) !important; color: #fff !important; box-shadow: none !important; }

/* ---------- mapa paczkomatów (InPost GeoWidget v4 z wtyczki „InPost Paczkomaty”, zwykły HTML w stronie, bez iframe) ---------- */
#widget-modal.widget-modal { border: 1px solid var(--c-ink) !important; border-radius: 0 !important; box-shadow: 6px 6px 0 var(--c-ink), 0 0 0 100vmax rgba(17, 17, 17, .45) !important; font-family: 'IBM Plex Mono', ui-monospace, monospace !important; background: #fff !important; }
#widget-modal .widget-modal__topbar { position: relative !important; background: var(--c-ink) !important; color: #fff !important; height: 44px !important; display: flex !important; align-items: center; padding: 0 14px !important; border: 0 !important; }
#widget-modal .widget-modal__topbar::before { content: 'Wybierz paczkomat'; font: 500 14px/1 'Sometype Mono', ui-monospace, monospace; }
#widget-modal .widget-modal__close { position: absolute !important; top: 0 !important; right: 0 !important; left: auto !important; width: 44px; height: 44px; display: grid !important; place-items: center; color: #fff !important; opacity: 1 !important; font-size: 22px !important; margin: 0 !important; }
#widget-modal .widget-modal__close:hover { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-ink)) !important; }
#widget-modal .search-widget { background: #fff !important; padding: 10px 12px !important; border-bottom: 1px solid var(--c-line); }
#widget-modal .search-widget .search-input { border: 1px solid var(--c-ink) !important; border-radius: 0 !important; font: 13px 'IBM Plex Mono', ui-monospace, monospace !important; height: 40px !important; box-shadow: none !important; }
#widget-modal .search-widget .search-input:focus { box-shadow: 3px 3px 0 var(--hv, var(--c-1)) !important; outline: 0; }
#widget-modal .search-widget .btn-search { border-radius: 0 !important; background-color: var(--c-1) !important; border: 1px solid var(--c-ink) !important; border-left: 0 !important; height: 40px !important; }
#widget-modal .list-widget, #widget-modal .list-point-link { font-family: 'IBM Plex Mono', ui-monospace, monospace !important; }
#widget-modal .list-point-link { border-bottom: 1px solid var(--c-line) !important; }
#widget-modal .list-point-link:hover { background: var(--hv, var(--c-1)) !important; }
#widget-modal .list-point-link .title { font-weight: 500 !important; color: var(--c-ink) !important; font-size: 13px !important; }
#widget-modal .list-point-link .address { color: var(--c-muted) !important; font-size: 12px !important; }
#widget-modal .view-chooser { background: #fff !important; border-top: 1px solid var(--c-ink); }
#widget-modal .view-chooser > div { background: #fff !important; padding: 0 !important; }
#widget-modal .view-chooser .btn { background: #fff !important; color: var(--c-ink) !important; border: 0 !important; border-radius: 0 !important; margin: 0 !important; width: 100% !important; height: 44px !important; line-height: 44px !important; font: 500 12px/44px 'Sometype Mono', ui-monospace, monospace !important; text-transform: lowercase; }
#widget-modal .view-chooser [data-active="true"] .btn { background: var(--c-1) !important; color: var(--c-1-fg) !important; }
#widget-modal .view-chooser .list-wrapper { border-left: 1px solid var(--c-ink); }
/* skupiska punktów na mapie w kolorach palety (pinezki to obrazki InPost, ich kolor zostaje) */
#widget-modal .marker-cluster, #widget-modal .marker-cluster div { background: var(--c-1) !important; color: var(--c-1-fg) !important; border-radius: 0 !important; }
#widget-modal .marker-cluster { border: 1px solid var(--c-ink) !important; }
#widget-modal .marker-cluster div { font: 600 12px 'Sometype Mono', ui-monospace, monospace !important; }
#widget-modal .leaflet-bar a { border-radius: 0 !important; color: var(--c-ink) !important; }
#widget-modal .marker-cluster span { color: var(--c-1-fg) !important; } /* numer na skupisku: tusz na żółtym (wtyczka dawała żółty na żółtym) */
/* wyszukiwarka: pole i lupka w jednym rzędzie, ta sama wysokość, pełna ramka lupki */
#widget-modal .search-widget .search-group { padding: 0 !important; align-items: stretch !important; }
#widget-modal .search-widget .search-input { flex: 1 1 auto; min-width: 0; width: auto !important; }
#widget-modal .search-widget .loader-wrapper { display: none !important; }
#widget-modal .search-widget .search-group-btn { width: 44px !important; height: 40px !important; flex: none; display: block; margin: 0 !important; padding: 0 !important; }
#widget-modal .search-widget .btn-search { width: 44px !important; height: 40px !important; min-height: 0 !important; max-height: 40px !important; border: 1px solid var(--c-ink) !important; border-left: 1px solid var(--c-ink) !important; margin: 0 !important; padding: 0 !important; }
/* zakładki mapa/lista i zamknięcie: tekst w środku */
#widget-modal .view-chooser .btn { display: flex !important; align-items: center; justify-content: center; padding: 0 !important; line-height: 1 !important; }
#widget-modal .widget-modal__close { padding: 0 0 8px !important; line-height: 1 !important; }
/* dymek punktu i przycisk wyboru */
#widget-modal .popup-container .details-link { border-radius: 0 !important; border: 1px solid #fff !important; background: transparent !important; color: #fff !important; font: 500 12px 'Sometype Mono', ui-monospace, monospace !important; }
#widget-modal .popup-container h1 { font-family: 'Sometype Mono', ui-monospace, monospace !important; }
#widget-modal .leaflet-popup-content-wrapper { border-radius: 0 !important; border: 1px solid var(--c-ink); box-shadow: 4px 4px 0 var(--c-ink) !important; font-family: 'IBM Plex Mono', ui-monospace, monospace !important; }
#widget-modal .popup-container .select-link { border-radius: 0 !important; background: var(--c-3) !important; color: var(--c-3-fg) !important; border: 1px solid var(--c-ink) !important; font: 500 13px 'Sometype Mono', ui-monospace, monospace !important; text-transform: none !important; }
#widget-modal .popup-container .select-link:hover { background: var(--c-ink) !important; color: #fff !important; }
/* telefon: mapa na cały ekran */
@media (max-width: 700px) {
	#widget-modal.widget-modal { position: fixed !important; inset: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; margin: 0 !important; transform: none !important; box-shadow: none !important; border: 0 !important; z-index: 100000 !important; }
	#widget-modal .easypack-widget { position: absolute !important; inset: 44px 0 0 0 !important; height: auto !important; width: 100% !important; display: flex !important; flex-direction: column; }
	#widget-modal .map-list-row, #widget-modal #map-list-flex { flex: 1 1 auto; height: auto !important; min-height: 0; width: 100% !important; }
	#widget-modal .map-widget, #widget-modal #map-leaflet, #widget-modal .list-widget, #widget-modal .scroll-box { height: 100% !important; max-height: none !important; }
}
/* Paczkomat: bez ulicy, kodu i miasta (adres uzupełnia serwer adresem punktu); imię, nazwisko, telefon zostają */
body.czc-paczkomat .czc-co .wc-block-components-address-form__address_1,
body.czc-paczkomat .czc-co .wc-block-components-address-form__address_2-toggle,
body.czc-paczkomat .czc-co .wc-block-components-address-form__address_2,
body.czc-paczkomat .czc-co .wc-block-components-address-form__postcode,
body.czc-paczkomat .czc-co .wc-block-components-address-form__city { display: none !important; }

/* ---------- panel klienta: Moje konto (WooCommerce reskin) ---------- */

/* Pigułki i etykiety statusu */
.czc-pill { display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; font: 500 11px/1.2 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); border-radius: 0; background: #fff; color: var(--c-ink); }
.czc-pill.is-yellow { background: var(--c-1); color: var(--c-1-fg); }
.czc-pill.is-pink { background: var(--c-2); color: var(--c-2-fg); }
.czc-pill.is-green { background: var(--c-3); color: var(--c-3-fg); }
.czc-pill.is-orange { background: var(--c-4); color: var(--c-4-fg); }
.czc-pill.is-blue { background: var(--c-5); color: var(--c-5-fg); }
.czc-pill.is-purple { background: var(--czc-bar); color: #fff; }
.czc-pill.is-black { background: var(--c-ink); color: #fff; }

.czc-badge-status { display: inline-flex; align-items: center; gap: 6px; padding: 3px 8px; font: 500 11px/1.2 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); border-radius: 0; white-space: nowrap; }
.czc-badge-status::before { content: '●'; font-size: 8px; line-height: 1; }
.czc-badge-status.is-completed { background: var(--c-3); color: var(--c-3-fg); }
.czc-badge-status.is-processing { background: var(--c-5); color: var(--c-5-fg); }
.czc-badge-status.is-on-hold { background: var(--c-1); color: var(--c-1-fg); }
.czc-badge-status.is-pending { background: var(--c-4); color: var(--c-4-fg); }
.czc-badge-status.is-failed, .czc-badge-status.is-cancelled { background: var(--c-red); color: #fff; }
.czc-badge-status.is-refunded { background: var(--c-tile); color: var(--c-muted); }
.czc-badge-status.is-default { background: var(--c-tile); color: var(--c-ink); }

/* Przyciski w panelu */
.czc-btn-primary { display: inline-flex; align-items: center; gap: 8px; padding: 12px 22px; font: 500 13px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: var(--c-3); color: var(--c-3-fg); text-decoration: none; box-shadow: 3px 3px 0 var(--c-ink); cursor: pointer; }
.czc-btn-primary:hover { background: var(--c-ink); color: #fff; box-shadow: none; }
.czc-btn-secondary { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); text-decoration: none; box-shadow: 2px 2px 0 var(--c-ink); cursor: pointer; }
.czc-btn-secondary:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); box-shadow: none; }
.czc-btn-details { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); text-decoration: none; box-shadow: 2px 2px 0 var(--c-ink); white-space: nowrap; }
.czc-btn-details:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); box-shadow: none; }
.czc-btn-page { display: inline-flex; align-items: center; padding: 8px 14px; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); text-decoration: none; box-shadow: 2px 2px 0 var(--c-ink); }
.czc-btn-page:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); box-shadow: none; }

/* Wrapper strony konta */
.czc-account-page { padding-top: 24px; padding-bottom: 64px; }
.czc-account-page > .alignwide,
.czc-account-page .alignwide,
.czc-account-wrap,
.czc-account-wrap > * { max-width: 1240px !important; width: 100% !important; margin-inline: auto !important; }

/* Górny pasek tożsamości klienta */
.czc-account-header { grid-column: 1 / -1 !important; width: 100% !important; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 18px 24px; background: #fff; border: 1px solid var(--c-ink); box-shadow: 4px 4px 0 var(--c-ink); margin-bottom: 28px; }
.czc-account-header__user { display: flex; align-items: center; gap: 16px; min-width: 0; }
.czc-account-header__avatar { width: 46px; height: 46px; border: 1px solid var(--c-ink); background: var(--c-1); color: var(--c-1-fg); font: 700 20px/46px 'Sometype Mono', ui-monospace, monospace; display: grid; place-items: center; flex: none; }
.czc-account-header__meta { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.czc-account-header__name-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.czc-account-header__name { margin: 0; font-size: 19px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); }
.czc-account-header__tag { display: inline-block; font-size: 11px; padding: 1px 6px; border: 1px solid var(--c-ink); background: var(--c-ink); color: #fff; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-account-header__tag.is-firm { background: var(--c-2); color: var(--c-2-fg); }
.czc-account-header__email { margin: 0; font-size: 12px; color: var(--c-muted); font-family: 'IBM Plex Mono', ui-monospace, monospace; word-break: break-all; }
.czc-account-header__actions { display: flex; align-items: center; gap: 20px; margin-left: auto; flex: none; }
.czc-account-header__stat { display: flex; flex-direction: column; align-items: flex-end; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-account-header__stat strong { font-size: 18px; line-height: 1; color: var(--c-ink); }
.czc-account-header__stat small { font-size: 11px; color: var(--c-muted); margin-top: 2px; }
.czc-account-header__logout { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); text-decoration: none; box-shadow: 2px 2px 0 var(--c-ink); transition: .12s; }
.czc-account-header__logout:hover { background: var(--hv, var(--c-red)); color: var(--hv-fg, #fff); box-shadow: none; }

/* Układ dwukolumnowy WooCommerce (Menu + Treść) */
.woocommerce-account main .woocommerce,
.woocommerce-account .woocommerce {
	display: grid !important;
	grid-template-columns: 260px minmax(0, 1fr) !important;
	gap: 32px !important;
	align-items: start !important;
	max-width: 1240px !important;
	width: 100% !important;
	margin: 0 auto !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
}
.woocommerce-account .woocommerce-MyAccount-content {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
}

/* Niezalogowany gość (logowanie / rejestracja) ma pełną szerokość */
.woocommerce-account:not(.logged-in) main .woocommerce,
.woocommerce-account:not(.logged-in) .woocommerce,
.woocommerce-account main .woocommerce:has(#customer_login),
.woocommerce-account .woocommerce:has(#customer_login) {
	display: block !important;
	max-width: 1040px !important;
	margin: 0 auto !important;
}

/* Wyłączenie floatowych pseudo-elementów clearfix z core WooCommerce w układach CSS Grid */
#customer_login::before,
#customer_login::after,
.woocommerce-columns::before,
.woocommerce-columns::after,
.col2-set::before,
.col2-set::after,
.woocommerce-Addresses::before,
.woocommerce-Addresses::after,
.woocommerce-customer-details::before,
.woocommerce-customer-details::after {
	content: none !important;
	display: none !important;
}

#customer_login.col2-set,
#customer_login {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 32px !important;
	width: 100% !important;
	margin: 24px auto !important;
}
#customer_login .col-1,
#customer_login .col-2,
#customer_login .u-column1,
#customer_login .u-column2 {
	float: none !important;
	width: 100% !important;
	border: 1px solid var(--c-ink) !important;
	background: #fff !important;
	padding: 32px !important;
	box-shadow: 4px 4px 0 var(--c-ink) !important;
	box-sizing: border-box !important;
}
#customer_login h2 {
	margin: 0 0 20px;
	font-size: 22px;
	font-weight: 500;
	font-family: 'Sometype Mono', ui-monospace, monospace;
	border-bottom: 1px solid var(--c-ink);
	padding-bottom: 12px;
}
.woocommerce-LostPassword {
	margin-top: 14px;
	font-size: 12px;
}
.woocommerce-LostPassword a {
	color: var(--c-muted);
	text-decoration: underline;
	text-underline-offset: 3px;
}
.woocommerce-LostPassword a:hover {
	color: var(--c-ink);
}

/* Poprawka floatów w widoku zamówienia i adresów */
.woocommerce-customer-details {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 24px !important;
	margin-top: 28px !important;
	border: 0 !important;
	background: transparent !important;
	padding: 0 !important;
	box-shadow: none !important;
}
.woocommerce-customer-details .woocommerce-columns {
	display: contents !important;
}
.woocommerce-customer-details .woocommerce-column {
	float: none !important;
	width: 100% !important;
	border: 1px solid var(--c-ink) !important;
	background: #fff !important;
	padding: 24px !important;
	box-shadow: 3px 3px 0 var(--c-ink) !important;
	box-sizing: border-box !important;
}
.woocommerce-customer-details .woocommerce-column__title {
	margin: 0 0 14px;
	font-size: 18px;
	font-weight: 500;
	font-family: 'Sometype Mono', ui-monospace, monospace;
	border-bottom: 1px solid var(--c-ink);
	padding-bottom: 8px;
}
.woocommerce-customer-details address {
	float: none !important;
	width: 100% !important;
	font-style: normal;
	font-size: 13px;
	line-height: 1.6;
	color: var(--c-ink);
}
.woocommerce-customer-details address p {
	margin: 6px 0 0;
	font-family: 'IBM Plex Mono', ui-monospace, monospace;
}
.wc-block-order-confirmation-additional-fields-wrapper {
	grid-column: 1 / -1 !important;
	float: none !important;
	width: 100% !important;
	margin-top: 8px !important;
	border: 1px solid var(--c-ink) !important;
	background: #fff !important;
	padding: 24px !important;
	box-shadow: 3px 3px 0 var(--c-ink) !important;
	box-sizing: border-box !important;
}
.wc-block-order-confirmation-additional-fields-wrapper > h2 {
	margin: 0 0 16px !important;
	font-size: 18px !important;
	font-weight: 500 !important;
	font-family: 'Sometype Mono', ui-monospace, monospace !important;
	border-bottom: 1px solid var(--c-ink) !important;
	padding-bottom: 8px !important;
}
.wc-block-components-additional-fields-list {
	display: grid !important;
	grid-template-columns: minmax(180px, 240px) 1fr !important;
	gap: 10px 16px !important;
	margin: 0 !important;
	font-size: 13px !important;
}
.wc-block-components-additional-fields-list dt {
	font-weight: 500 !important;
	color: var(--c-muted) !important;
	font-family: 'Sometype Mono', ui-monospace, monospace !important;
}
.wc-block-components-additional-fields-list dd {
	margin: 0 !important;
	font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
	color: var(--c-ink) !important;
}
.woocommerce-Addresses.col2-set {
	display: contents !important;
}
.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
	float: none !important;
	width: 100% !important;
}

/* Nawigacja boczna (Sidebar) */
.czc-ac-nav { border: 1px solid var(--c-ink); background: #fff; box-shadow: 3px 3px 0 var(--c-ink); position: sticky; top: 20px; }
.czc-ac-nav__head { display: flex; justify-content: space-between; align-items: center; height: 38px; padding: 0 16px; background: var(--c-ink); color: #fff; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; text-transform: lowercase; }
.czc-ac-nav__dot { width: 6px; height: 6px; border-radius: 50%; background: var(--c-1); display: inline-block; }
.czc-ac-nav__list { list-style: none; margin: 0; padding: 0; }
.czc-ac-nav__item { border-bottom: 1px solid var(--c-line); }
.czc-ac-nav__item:last-child { border-bottom: 0; }
.czc-ac-nav__link { display: flex; align-items: center; gap: 10px; padding: 13px 16px; font: 500 13px/1.2 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); text-decoration: none; transition: background .12s, color .12s; position: relative; }
.czc-ac-nav__num { font-size: 11px; opacity: .5; min-width: 18px; }
.czc-ac-nav__label { flex: 1; min-width: 0; }
.czc-ac-nav__arrow { font-size: 13px; opacity: 0; transform: translateX(-4px); transition: .15s; }
.czc-ac-nav__link:hover .czc-ac-nav__arrow { opacity: 1; transform: translateX(0); }

/* Kolorowe akcenty hover w menu konta (zgodne z paletą sklepu) */
.czc-ac-nav__item.woocommerce-MyAccount-navigation-link--dashboard:not(.is-current) .czc-ac-nav__link:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.czc-ac-nav__item.woocommerce-MyAccount-navigation-link--orders:not(.is-current) .czc-ac-nav__link:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }
.czc-ac-nav__item.woocommerce-MyAccount-navigation-link--edit-address:not(.is-current) .czc-ac-nav__link:hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)); }
.czc-ac-nav__item.woocommerce-MyAccount-navigation-link--edit-account:not(.is-current) .czc-ac-nav__link:hover { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg)); }
.czc-ac-nav__item.woocommerce-MyAccount-navigation-link--customer-logout:not(.is-current) .czc-ac-nav__link:hover { background: var(--hv, var(--c-red)); color: var(--hv-fg, #fff); }

/* Stan aktywny (bieżąca zakładka) */
.czc-ac-nav__item.is-current, .czc-ac-nav__item.is-active { background: var(--c-ink) !important; color: #fff !important; }
.czc-ac-nav__item.is-current .czc-ac-nav__link, .czc-ac-nav__item.is-active .czc-ac-nav__link { background: var(--c-ink) !important; color: #fff !important; }
.czc-ac-nav__item.is-current .czc-ac-nav__num, .czc-ac-nav__item.is-active .czc-ac-nav__num { color: var(--c-1); opacity: 1; font-weight: 700; }
.czc-ac-nav__item.is-current .czc-ac-nav__arrow, .czc-ac-nav__item.is-active .czc-ac-nav__arrow { opacity: 1; transform: translateX(0); color: #fff; }

/* Obszar treści */
.woocommerce-account .woocommerce-MyAccount-content { min-width: 0; }
.czc-account-section-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 24px; border-bottom: 1px solid var(--c-ink); padding-bottom: 12px; }
.czc-account-section-title { margin: 0; font-size: 26px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); letter-spacing: -.02em; }
.czc-account-section-desc { margin: 6px 0 0; font-size: 13px; color: var(--c-muted); font-family: 'IBM Plex Mono', ui-monospace, monospace; }

/* ---------- KOKPIT (DASHBOARD) ---------- */
.czc-dash-hero { border: 1px solid var(--c-ink); background: var(--c-tile); padding: 28px; box-shadow: 3px 3px 0 var(--c-ink); margin-bottom: 24px; position: relative; }
.czc-dash-hero__kicker { display: inline-block; font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .06em; color: var(--c-muted); margin-bottom: 6px; }
.czc-dash-hero__title { margin: 0 0 10px; font-size: clamp(24px, 2.5vw, 32px); font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-dash-hero__desc { margin: 0 0 18px; font-size: 13px; line-height: 1.6; color: var(--c-muted); max-width: 680px; }
.czc-dash-hero__pills { display: flex; flex-wrap: wrap; gap: 8px; }

.czc-dash-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; margin-bottom: 28px; }
.czc-dash-card { border: 1px solid var(--c-ink); background: #fff; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; min-height: 180px; box-shadow: 2px 2px 0 var(--c-ink); }
.czc-dash-card__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.czc-dash-card__badge { font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; padding: 3px 7px; border: 1px solid var(--c-ink); background: var(--c-1); color: var(--c-1-fg); }
.czc-dash-card__badge.is-orange { background: var(--c-4); color: var(--c-4-fg); }
.czc-dash-card__badge.is-blue { background: var(--c-5); color: var(--c-5-fg); }
.czc-dash-card__badge.is-pink { background: var(--c-2); color: var(--c-2-fg); }
.czc-dash-card__num { font-size: 38px; line-height: 1; font-weight: 500; font-family: 'IBM Plex Mono', ui-monospace, monospace; color: var(--c-ink); margin-bottom: 6px; }
.czc-dash-card__label { margin: 0; font-size: 12px; color: var(--c-muted); }
.czc-dash-card__order-meta { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
.czc-dash-card__order-id { font-weight: 700; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 16px; color: var(--c-ink); }
.czc-dash-card__order-total { font-size: 20px; font-weight: 500; font-family: 'IBM Plex Mono', ui-monospace, monospace; color: var(--c-ink); margin-bottom: 4px; }
.czc-dash-card__sub { margin: 0; font-size: 11px; color: var(--c-muted); }
.czc-dash-card__addr-text, .czc-dash-card__firm-text { display: flex; flex-direction: column; gap: 4px; margin-bottom: 6px; font-size: 13px; }
.czc-dash-card__addr-text strong, .czc-dash-card__firm-text strong { font-weight: 500; color: var(--c-ink); }
.czc-dash-card__nip { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: var(--c-muted); }
.czc-dash-card__empty { margin: 0; font-size: 12px; color: var(--c-muted); font-style: italic; }
.czc-dash-card__foot { border-top: 1px solid var(--c-line); padding-top: 12px; margin-top: 16px; }
.czc-dash-card__link { display: inline-flex; align-items: center; justify-content: space-between; width: 100%; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); text-decoration: none; }
.czc-dash-card__link:hover { text-decoration: underline; }

.czc-dash-recent { margin-bottom: 28px; }
.czc-dash-recent__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px; border-bottom: 1px solid var(--c-ink); padding-bottom: 8px; }
.czc-dash-recent__title { margin: 0; font-size: 18px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-dash-recent__all { font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); text-decoration: none; }
.czc-dash-recent__all:hover { text-decoration: underline; }

.czc-dash-shortcuts { border: 1px solid var(--c-ink); background: #fff; padding: 22px; box-shadow: 3px 3px 0 var(--c-ink); margin-top: 28px; }
.czc-dash-shortcuts__title { margin: 0 0 14px; font-size: 16px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-dash-shortcuts__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.czc-dash-short { padding: 16px; border: 1px solid var(--c-ink); display: flex; flex-direction: column; gap: 6px; text-decoration: none; color: var(--c-ink); transition: transform .12s, box-shadow .12s; }
.czc-dash-short:hover { transform: translateY(-2px); box-shadow: 2px 2px 0 var(--c-ink); }
.czc-dash-short.is-promo { background: var(--c-1); }
.czc-dash-short.is-new { background: var(--c-2); }
.czc-dash-short.is-best { background: var(--c-3); }
.czc-dash-short__tag { display: inline-block; font: 500 10px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .05em; background: var(--c-ink); color: #fff; padding: 2px 6px; width: fit-content; }
.czc-dash-short strong { font-size: 15px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-dash-short small { font-size: 11px; opacity: .85; }

/* ---------- TABELA ZAMÓWIEŃ ---------- */
.czc-orders-table-container { width: 100%; overflow-x: auto; margin-bottom: 24px; }
.czc-orders-table { width: 100%; border-collapse: collapse; border: 1px solid var(--c-ink); background: #fff; box-shadow: 2px 2px 0 var(--c-ink); font-size: 13px; }
.czc-orders-table th { background: var(--c-tile); border-bottom: 2px solid var(--c-ink); padding: 12px 14px; text-align: left; font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--c-muted); }
.czc-orders-table td, .czc-orders-table tbody th { padding: 14px; border-bottom: 1px solid var(--c-line); vertical-align: middle; font-weight: normal; text-align: left; }
.czc-orders-table tr:last-child td, .czc-orders-table tr:last-child th { border-bottom: 0; }
.czc-orders-table tr:hover td, .czc-orders-table tr:hover th { background: #fafafc; }

.czc-order-link { color: var(--c-ink); text-decoration: none; }
.czc-order-link strong { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 14px; }
.czc-order-link:hover { text-decoration: underline; }
.czc-order-price-wrap { display: flex; flex-direction: column; gap: 2px; }
.czc-order-price { font-weight: 500; font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 14px; }
.czc-order-qty { font-size: 11px; color: var(--c-muted); }
.czc-order-actions-wrap { display: flex; gap: 6px; flex-wrap: wrap; }

/* Paginacja */
.czc-pagination { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin: 24px 0; }
.czc-pagination-info { font: 500 12px 'Sometype Mono', ui-monospace, monospace; color: var(--c-muted); }

/* Pusty stan (Empty state) */
.czc-empty-state { border: 1px dashed var(--c-ink); background: var(--c-tile); padding: 48px 24px; text-align: center; margin: 24px 0; }
.czc-empty-state__icon { font-size: 40px; display: block; margin-bottom: 12px; }
.czc-empty-state h3 { margin: 0 0 8px; font-size: 20px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-empty-state p { margin: 0 auto 20px; font-size: 13px; color: var(--c-muted); max-width: 440px; line-height: 1.5; }

/* ---------- SZCZEGÓŁY ZAMÓWIENIA (VIEW ORDER) ---------- */
.czc-account-view-order-wrap { min-width: 0; }
.czc-order-top-nav { margin-bottom: 16px; }
.czc-back-link { display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px; font: 500 12px/1 'Sometype Mono', ui-monospace, monospace; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); text-decoration: none; box-shadow: 2px 2px 0 var(--c-ink); }
.czc-back-link:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); box-shadow: none; }

.czc-order-hero { border: 1px solid var(--c-ink); background: var(--c-tile); padding: 22px 26px; display: flex; justify-content: space-between; align-items: center; gap: 20px; box-shadow: 3px 3px 0 var(--c-ink); margin-bottom: 24px; }
.czc-order-hero__row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 6px; }
.czc-order-hero__title { margin: 0; font-size: 24px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); }
.czc-order-hero__meta { margin: 0; font-size: 13px; color: var(--c-muted); }
.czc-order-hero__meta strong { color: var(--c-ink); font-weight: 500; }
.czc-order-hero__total { text-align: right; flex: none; }
.czc-order-hero__total-label { display: block; font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--c-muted); margin-bottom: 4px; }
.czc-order-hero__total-val { font-size: 24px; font-weight: 500; font-family: 'IBM Plex Mono', ui-monospace, monospace; color: var(--c-ink); }

.czc-order-bacs-note { border: 1px solid var(--c-ink); background: var(--c-1); padding: 16px 20px; margin-bottom: 24px; box-shadow: 2px 2px 0 var(--c-ink); font-size: 13px; }
.czc-order-bacs-note strong { display: block; margin-bottom: 4px; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-order-bacs-note p { margin: 0; }
.czc-order-bacs-note code { background: var(--c-ink); color: #fff; padding: 2px 6px; font-family: 'IBM Plex Mono', ui-monospace, monospace; }

/* Tabela pozycji zamówienia (Order details table) */
.woocommerce-table--order-details { width: 100%; border-collapse: collapse; border: 1px solid var(--c-ink); background: #fff; box-shadow: 2px 2px 0 var(--c-ink); margin: 20px 0 28px; }
.woocommerce-table--order-details th { background: var(--c-tile); border-bottom: 2px solid var(--c-ink); padding: 12px 16px; font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--c-muted); }
.woocommerce-table--order-details td { padding: 14px 16px; border-bottom: 1px solid var(--c-line); vertical-align: middle; }
.woocommerce-table--order-details tbody tr:hover td { background: #fafafc; }
.woocommerce-table--order-details tfoot th { background: #fff; border-bottom: 1px solid var(--c-line); font-weight: 500; color: var(--c-ink); text-align: left; padding: 12px 16px; }
.woocommerce-table--order-details tfoot td { border-bottom: 1px solid var(--c-line); text-align: right; font-family: 'IBM Plex Mono', ui-monospace, monospace; }
.woocommerce-table--order-details tfoot tr:last-child th,
.woocommerce-table--order-details tfoot tr:last-child td { font-size: 16px; font-weight: 700; border-top: 2px solid var(--c-ink); border-bottom: 0; }
.woocommerce-table--order-details .wc-item-meta { list-style: none; margin: 4px 0 0; padding: 0; font-size: 11px; color: var(--c-muted); }

/* ---------- ADRESY (ADDRESSES) ---------- */
.czc-addresses-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top: 20px; }
.czc-addr-card { border: 1px solid var(--c-ink); background: #fff; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 3px 3px 0 var(--c-ink); min-height: 220px; }
.czc-addr-card__head { margin-bottom: 14px; }
.czc-addr-card__title { margin: 10px 0 0; font-size: 18px; font-weight: 500; font-family: 'Sometype Mono', ui-monospace, monospace; }
.czc-addr-card__body { margin-bottom: 20px; flex: 1; }
.czc-addr-card__text { font-style: normal; font-size: 13px; line-height: 1.6; color: var(--c-ink); }
.czc-addr-card__empty { margin: 0; font-size: 13px; color: var(--c-muted); font-style: italic; }
.czc-addr-card__foot { border-top: 1px solid var(--c-line); padding-top: 16px; }

.czc-addr-notice { border: 1px dashed var(--c-ink); background: var(--c-tile); padding: 14px 18px; font-size: 12px; line-height: 1.5; margin-top: 24px; }

/* ---------- FORMULARZE (EDYCJA ADRESU, EDYCJA KONTA, LOGOWANIE) ---------- */
.woocommerce form.woocommerce-EditAccountForm,
.woocommerce form.woocommerce-address-fields,
.woocommerce form.login,
.woocommerce form.register { max-width: 100%; }

/* Formularze adresowe i edycji konta - precyzyjny CSS Grid */
.woocommerce .woocommerce-address-fields__field-wrapper,
.woocommerce form.woocommerce-EditAccountForm {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 20px;
}
.woocommerce .woocommerce-address-fields__field-wrapper .form-row-wide,
.woocommerce form.woocommerce-EditAccountForm > p:not(.form-row-first):not(.form-row-last),
.woocommerce form.woocommerce-EditAccountForm > fieldset,
.woocommerce form.woocommerce-EditAccountForm > .clear,
.woocommerce form.woocommerce-EditAccountForm > p:has(button[name="save_account_details"]) {
	grid-column: 1 / -1;
}
.woocommerce .woocommerce-address-fields__field-wrapper .form-row-first,
.woocommerce form.woocommerce-EditAccountForm .form-row-first {
	grid-column: 1;
	width: 100% !important;
	float: none !important;
}
.woocommerce .woocommerce-address-fields__field-wrapper .form-row-last,
.woocommerce form.woocommerce-EditAccountForm .form-row-last {
	grid-column: 2;
	width: 100% !important;
	float: none !important;
}
#billing_postcode_field,
#shipping_postcode_field {
	grid-column: 1;
	width: 100% !important;
}
#billing_city_field,
#shipping_city_field {
	grid-column: 2;
	width: 100% !important;
}

.woocommerce .form-row { margin-bottom: 18px; padding: 0; }
.woocommerce .form-row label { display: block; margin-bottom: 6px; font: 500 12px/1.2 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .03em; color: var(--c-ink); }
.woocommerce .form-row .required { color: var(--c-red); font-weight: 700; text-decoration: none; }
.woocommerce .form-row input.input-text,
.woocommerce .form-row select { width: 100%; border: 1px solid var(--c-ink); border-radius: 0; padding: 10px 12px; font: 13px/1.3 'IBM Plex Mono', ui-monospace, monospace; background: #fff; color: var(--c-ink); outline: 0; box-sizing: border-box; height: 43px; }
.woocommerce .form-row textarea { width: 100%; border: 1px solid var(--c-ink); border-radius: 0; padding: 10px 12px; font: 13px/1.4 'IBM Plex Mono', ui-monospace, monospace; background: #fff; color: var(--c-ink); outline: 0; box-sizing: border-box; min-height: 80px; }
.woocommerce .form-row input.input-text:focus,
.woocommerce .form-row select:focus,
.woocommerce .form-row textarea:focus { box-shadow: 3px 3px 0 var(--hv, var(--c-1)); }

/* Ujednolicone pola formularzy w całym sklepie (opinie, komentarze) */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] { width: 100%; border: 1px solid var(--c-ink); border-radius: 0; padding: 10px 12px; font: 13px/1.3 'IBM Plex Mono', ui-monospace, monospace; background: #fff; color: var(--c-ink); outline: 0; box-sizing: border-box; height: 43px; }
.comment-form textarea { width: 100%; border: 1px solid var(--c-ink); border-radius: 0; padding: 10px 12px; font: 13px/1.4 'IBM Plex Mono', ui-monospace, monospace; background: #fff; color: var(--c-ink); outline: 0; box-sizing: border-box; min-height: 80px; }
.comment-form input:focus,
.comment-form textarea:focus { box-shadow: 3px 3px 0 var(--hv, var(--c-1)); }

/* Checkboxy */
.woocommerce .form-row input[type="checkbox"] { width: 18px; height: 18px; border: 1px solid var(--c-ink); border-radius: 0; vertical-align: middle; margin-right: 8px; cursor: pointer; }
.woocommerce .form-row input[type="checkbox"]:not(.wc-block-components-checkbox__input) { appearance: none; display: inline-grid; place-items: center; background: #fff; padding: 0; }
.woocommerce .form-row input[type="checkbox"]:not(.wc-block-components-checkbox__input)::after { content: '✓'; font: 500 13px/1 'IBM Plex Mono', ui-monospace, monospace; color: var(--c-ink); visibility: hidden; }
.woocommerce .form-row input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked { background: var(--hv, var(--c-3)); }
.woocommerce .form-row input[type="checkbox"]:not(.wc-block-components-checkbox__input):checked::after { visibility: visible; }
.woocommerce-form__label-for-checkbox { display: inline-flex; align-items: center; font-size: 13px; cursor: pointer; text-transform: none !important; font-family: 'IBM Plex Mono', ui-monospace, monospace !important; }

/* Przyciski submit w formularzach konta */
.woocommerce .button:where(button[name="save_address"], button[name="save_account_details"], button[name="login"], button[name="register"]) {
	background: var(--c-3) !important; color: var(--c-3-fg) !important; border: 1px solid var(--c-ink) !important; border-radius: 0 !important;
	padding: 13px 26px !important; font: 500 13px/1 'Sometype Mono', ui-monospace, monospace !important; cursor: pointer; box-shadow: 3px 3px 0 var(--c-ink) !important;
	text-transform: none !important; letter-spacing: 0 !important;
}
.woocommerce .button:where(button[name="save_address"], button[name="save_account_details"], button[name="login"], button[name="register"]):hover {
	background: var(--c-ink) !important; color: #fff !important; box-shadow: none !important;
}

/* Sekcja zmiany hasła w edycji konta */
.woocommerce form.woocommerce-EditAccountForm fieldset { border: 1px solid var(--c-ink); background: var(--c-tile); padding: 22px; margin: 28px 0; box-shadow: 2px 2px 0 var(--c-ink); }
.woocommerce form.woocommerce-EditAccountForm fieldset legend { font: 500 13px 'Sometype Mono', ui-monospace, monospace; background: var(--c-ink); color: #fff; padding: 4px 12px; margin-bottom: 14px; }

/* Podpowiedzi pod polami formularza */
.woocommerce .form-row em, .woocommerce .form-row small, .woocommerce .form-row span.description { font-style: normal; font-size: 11px; color: var(--c-muted); margin-top: 4px; display: block; }

/* Formularz odzyskiwania hasła */
.czc-reset-card {
	border: 1px solid var(--c-ink); background: #fff; padding: 36px 32px;
	box-shadow: 4px 4px 0 var(--c-ink); max-width: 520px; margin: 32px auto;
}
.czc-reset-card__badge {
	display: inline-block; font: 500 11px/1 'Sometype Mono', ui-monospace, monospace;
	text-transform: uppercase; letter-spacing: .06em; background: var(--c-1);
	color: var(--c-ink); border: 1px solid var(--c-ink); padding: 4px 8px; margin-bottom: 12px;
}
.czc-reset-card__title {
	font-family: 'Sometype Mono', ui-monospace, monospace; font-size: 22px; font-weight: 500;
	color: var(--c-ink); margin: 0 0 12px 0;
}
.czc-reset-card .woocommerce-ResetPassword {
	border: none; background: transparent; padding: 0; box-shadow: none; margin: 0; max-width: 100%;
}
.czc-reset-card__desc {
	font-size: 13px; line-height: 1.6; color: var(--c-muted); margin-bottom: 24px;
}
.czc-reset-field {
	margin-bottom: 20px !important;
}
.czc-reset-field label {
	font: 500 13px 'Sometype Mono', ui-monospace, monospace; color: var(--c-ink); margin-bottom: 6px; display: block;
}
.czc-reset-field .screen-reader-text {
	display: none !important;
}
.czc-reset-field input.input-text {
	width: 100% !important; border: 1px solid var(--c-ink) !important; border-radius: 0 !important;
	padding: 12px 14px !important; font-size: 14px !important; font-family: 'IBM Plex Mono', ui-monospace, monospace !important;
	background: #fff !important; box-shadow: 2px 2px 0 var(--c-ink) !important;
}
.czc-reset-field input.input-text:focus {
	outline: none !important; border-color: var(--c-ink) !important; background: var(--c-tile) !important;
}
.czc-reset-card__actions {
	display: flex; flex-direction: column; gap: 14px; margin-top: 24px;
}
.czc-reset-submit {
	background: var(--c-3) !important; color: var(--c-3-fg) !important; border: 1px solid var(--c-ink) !important;
	border-radius: 0 !important; box-shadow: 3px 3px 0 var(--c-ink) !important;
	font: 500 14px 'Sometype Mono', ui-monospace, monospace !important; padding: 14px 24px !important;
	cursor: pointer; width: 100%; text-align: center; transition: all 0.12s ease;
}
.czc-reset-submit:hover {
	background: var(--c-ink) !important; color: #fff !important; box-shadow: none !important; transform: translate(2px, 2px);
}
.czc-reset-back {
	font: 500 12px 'Sometype Mono', ui-monospace, monospace; color: var(--c-muted);
	text-decoration: none; text-align: center; display: inline-block; padding: 6px;
}
.czc-reset-back:hover {
	color: var(--c-ink); text-decoration: underline;
}

/* Komunikaty WooCommerce (Notices) */
.woocommerce-message, .woocommerce-info, .woocommerce-error,
.woocommerce-account .wc-block-components-notice-banner {
	border: 1px solid var(--c-ink) !important; border-radius: 0 !important; box-shadow: 3px 3px 0 var(--c-ink) !important;
	padding: 14px 20px !important; font-family: 'IBM Plex Mono', ui-monospace, monospace !important; font-size: 13px !important;
	line-height: 1.5 !important; margin-bottom: 24px !important; list-style: none !important;
}
.woocommerce-message { background: var(--c-3) !important; color: var(--c-3-fg) !important; }
.woocommerce-message a.button { border: 1px solid var(--c-ink) !important; background: #fff !important; color: var(--c-ink) !important; border-radius: 0 !important; box-shadow: 2px 2px 0 var(--c-ink); font: 500 12px 'Sometype Mono', ui-monospace, monospace; padding: 6px 12px; float: right; }
.woocommerce-message a.button:hover { background: var(--c-ink) !important; color: #fff !important; box-shadow: none; }
.woocommerce-info { background: var(--c-1) !important; color: var(--c-1-fg) !important; }
.woocommerce-error { background: #fff !important; border-left: 8px solid var(--c-red) !important; color: var(--c-ink) !important; }

/* ---------- RESPYSYWNOŚĆ (TABLETY I TELEFONY) ---------- */
@media (max-width: 900px) {
	.woocommerce-account main .woocommerce,
	.woocommerce-account .woocommerce {
		display: flex !important;
		flex-direction: column !important;
		grid-template-columns: 1fr !important;
		gap: 24px !important;
		width: 100% !important;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
	}
	.czc-ac-nav { position: static; width: 100% !important; margin-bottom: 8px; }
	.czc-ac-nav__list { display: flex; flex-wrap: wrap; }
	.czc-ac-nav__item { flex: 1 1 180px; border-right: 1px solid var(--c-line); }
	.czc-account-header { flex-direction: column; align-items: stretch; gap: 16px; padding: 16px; }
	.czc-account-header__actions { margin-left: 0; justify-content: space-between; }
	.czc-dash-grid { grid-template-columns: 1fr; }
	.czc-dash-shortcuts__grid { grid-template-columns: 1fr; }
	.czc-addresses-grid { grid-template-columns: 1fr; }
	.woocommerce-customer-details { grid-template-columns: 1fr !important; }
	#customer_login { grid-template-columns: 1fr !important; gap: 24px !important; }
	.woocommerce .woocommerce-address-fields__field-wrapper,
	.woocommerce form.woocommerce-EditAccountForm { grid-template-columns: 1fr !important; }
	.woocommerce .woocommerce-address-fields__field-wrapper .form-row-first,
	.woocommerce .woocommerce-address-fields__field-wrapper .form-row-last,
	.woocommerce form.woocommerce-EditAccountForm .form-row-first,
	.woocommerce form.woocommerce-EditAccountForm .form-row-last,
	#billing_postcode_field,
	#shipping_postcode_field,
	#billing_city_field,
	#shipping_city_field { grid-column: 1 !important; width: 100% !important; }
	.wc-block-components-additional-fields-list { grid-template-columns: 1fr !important; gap: 4px !important; }
}

@media (max-width: 600px) {
	.czc-ac-nav__list { display: flex !important; flex-direction: column !important; }
	.czc-ac-nav__item { flex: 1 1 100% !important; width: 100% !important; border-right: 0 !important; }
	.czc-dash-hero { padding: 18px; }
	.czc-dash-hero__title { font-size: 22px; }
	.czc-order-hero { flex-direction: column; align-items: flex-start; gap: 14px; }
	.czc-order-hero__total { text-align: left; }
	.czc-orders-table { font-size: 12px; }
	.czc-orders-table th, .czc-orders-table td { padding: 10px 8px; }
}
/* kasa w 4 sekcjach (09.10.2026): 1 Opcje wysyłki, 2 Adres do wysyłki (blok adresu + z bloku kontaktu: e-mail i „Utwórz konto”),
   3 Faktura (z bloku kontaktu: „Chcę fakturę”, NIP, dane firmy; nagłówek wstawia dostawa.js), 4 Opcje płatności */
.czc-co .wp-block-woocommerce-checkout-shipping-address-block { margin-bottom: 0 !important; }
.czc-co .wp-block-woocommerce-checkout-contact-information-block { margin-top: 12px !important; }
.czc-co .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__title { display: none !important; counter-increment: none; }
.czc-co .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__heading { justify-content: flex-end; min-height: 0; margin: 0 0 4px; }
.czc-co #contact { display: flex !important; flex-wrap: wrap; }
.czc-co #contact > * { flex: 0 0 100%; }
.czc-co #contact .wc-block-components-address-form__email { order: 1; }
.czc-co #contact .wc-block-checkout__create-account { order: 2; }
.czc-co #contact .wc-block-checkout__guest-checkout-notice { display: none; }
.czc-co #contact .czc-fv-title { order: 10; }
.czc-co #contact [class*="address-form__czc-"] { order: 11; }
.czc-co .czc-fv-title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 500; margin: 34px 0 6px !important; counter-increment: krok; }
.czc-co .czc-fv-title::before { content: counter(krok); background: var(--c-ink); color: #fff; width: 22px; height: 22px; display: grid; place-items: center; font-size: 12px; flex: none; }
/* telefon na całą szerokość, pod adresem */
.czc-co .wc-block-components-address-form__phone { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; grid-column: 1 / -1; margin-left: 0 !important; }

/* ---------- koszyk „Dymek” (assets/js/koszyk.js): makieta v3 wariant 2, wyższy i ok. 12% gęstszy ---------- */
.czc-kd { position: fixed; z-index: 1000; width: min(380px, calc(100vw - 16px)); background: #fff; color: var(--c-ink); border: 1px solid var(--c-ink); font-size: 12px; opacity: 0; transform: translateY(-8px) scale(.98); transform-origin: top right; pointer-events: none; transition: opacity .2s, transform .25s cubic-bezier(.2, .9, .3, 1.2); }
.czc-kd.is-open { opacity: 1; transform: none; pointer-events: auto; }
.czc-kd::before { content: ''; position: absolute; top: -8px; right: 22px; width: 14px; height: 14px; background: #fff; border-left: 1px solid var(--c-ink); border-top: 1px solid var(--c-ink); transform: rotate(45deg); }
.czc-kd header { display: flex; justify-content: space-between; align-items: center; padding: 9px 12px; border-bottom: 1px solid var(--c-ink); }
.czc-kd h3 { margin: 0; font-size: 14px; font-weight: 500; }
.czc-kd h3 small { color: var(--c-muted); font-weight: 400; }
.czc-kd__x { all: unset; box-sizing: border-box; width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--c-ink); cursor: pointer; }
.czc-kd__x:hover { background: var(--hv, var(--c-2)); }
.czc-kd__list { list-style: none; margin: 0; padding: 2px 12px; max-height: min(62vh, 470px); overflow: auto; overscroll-behavior: contain; }
.czc-kd__row { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto auto; gap: 9px; align-items: start; padding: 8px 0; border-bottom: 1px solid var(--c-line); transition: opacity .2s; }
.czc-kd__row:last-child { border-bottom: 0; }
.czc-kd__row.is-removing { opacity: .4; }
.czc-kd__img { display: block; width: 44px; height: 44px; background: var(--c-tile); }
.czc-kd__img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.czc-kd__info { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.czc-kd__name { color: inherit; text-decoration: none; line-height: 1.3; font-size: 12px; }
.czc-kd__name:hover { text-decoration: underline; }
.czc-kd__step { display: inline-flex; align-self: flex-start; height: 24px; border: 1px solid var(--c-ink); }
.czc-kd__step button { all: unset; box-sizing: border-box; width: 24px; display: grid; place-items: center; cursor: pointer; font-weight: 500; }
.czc-kd__step button:hover:not(:disabled) { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); }
.czc-kd__step button:disabled { color: var(--c-line); cursor: default; }
.czc-kd__step output { min-width: 26px; display: grid; place-items: center; border-inline: 1px solid var(--c-line); font-variant-numeric: tabular-nums; }
.czc-kd__p { white-space: nowrap; font-weight: 500; padding-top: 1px; font-variant-numeric: tabular-nums; }
.czc-kd__p.is-est { color: var(--c-muted); }
.czc-kd__rm { all: unset; cursor: pointer; color: var(--c-muted); padding: 0 2px; line-height: 1.4; }
.czc-kd__rm:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); }
.czc-kd__sum { padding: 10px 12px 12px; border-top: 1px solid var(--c-ink); display: flex; flex-direction: column; gap: 8px; }
.czc-kd__prog { height: 7px; border: 1px solid var(--c-ink); position: relative; }
.czc-kd__prog i { position: absolute; inset: 0 auto 0 0; background: var(--c-3); transition: width .4s; }
.czc-kd__msg { margin: 0; color: var(--c-muted); font-size: 11px; }
.czc-kd__msg b { color: var(--c-ink); font-weight: 500; }
.czc-kd__line { display: flex; justify-content: space-between; font-size: 14px; }
.czc-kd__go { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; }
.czc-kd__go a { display: block; text-align: center; padding: 11px 8px; text-decoration: none; font-weight: 600; font-size: 12px; border: 1px solid var(--c-ink); }
.czc-kd__cart { color: var(--c-ink); background: #fff; }
.czc-kd__cart:hover { background: var(--hv, var(--c-1)); }
.czc-kd__checkout { background: var(--c-ink); color: #fff !important; }
.czc-kd__checkout:hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg)) !important; }
.czc-kd__empty { padding: 30px 14px; text-align: center; margin: 0; }
.czc-kd__empty p { margin: 0 0 8px; font-size: 14px; }
.czc-kd__empty a { color: inherit; }
@media (max-width: 700px) {
	.czc-kd { left: 8px !important; right: 8px !important; width: auto; }
	.czc-kd__step { height: 30px; } .czc-kd__step button { width: 30px; } /* większe cele dotykowe na telefonie */
	.czc-kd__list { max-height: 55vh; }
}
@media (prefers-reduced-motion: reduce) { .czc-kd { transition: none; } }

/* ---------- uwagi z 08.10.2026 ---------- */
/* logo na środku w pionie między górną belką a menu (było 20 px nad, 49 px pod) */
.czc-header { padding: 34px 0 11px !important; }
/* plakietki „Nowość” i promocji: ten sam rozmiar */
.czc-new, .czc-card .wc-block-components-product-sale-badge { min-width: 64px !important; text-align: center !important; justify-content: center; box-sizing: border-box; height: 21px !important; display: inline-flex !important; align-items: center; }
/* kasa: więcej miejsca między paskiem kroków a tytułem */
.czc-co-title { margin-top: 44px !important; }
/* dymek: stałe kolumny (zdjęcie i licznik się nie rozjeżdżają), nazwa w maks. 2 liniach, jeden duży „Do kasy” */
.czc-kd__row { grid-template-columns: 44px minmax(0, 1fr) 70px 16px !important; }
.czc-kd__p { text-align: right; }
.czc-kd__name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.czc-kd__checkout { display: flex; align-items: center; justify-content: center; height: 38px; padding: 0 8px; text-decoration: none; font-weight: 600; font-size: 13px; border: 1px solid var(--c-ink); background: var(--c-ink); color: #fff !important; box-sizing: border-box; }
.czc-kd__checkout:hover { background: var(--hv, var(--c-3)) !important; color: var(--hv-fg, var(--c-ink)) !important; }
/* „Zaloguj się”: w nagłówku sekcji „Adres do wysyłki”, oryginał przy e-mailu schowany */
.czc-co .wp-block-woocommerce-checkout-contact-information-block .wc-block-checkout__login-prompt { display: none !important; }
.czc-co .wp-block-woocommerce-checkout-contact-information-block .wc-block-components-checkout-step__heading-container { display: none !important; }
.czc-co .wp-block-woocommerce-checkout-shipping-address-block .wc-block-components-checkout-step__heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.czc-co .czc-login { font-size: 12px; color: var(--c-muted); text-decoration: none; white-space: nowrap; }
.czc-co .czc-login u { color: var(--c-ink); }
.czc-co .czc-login:hover u { background: var(--hv, var(--c-1)); }
/* SZKIC: „Szybka płatność” (atrapy Google Pay / Apple Pay / InPost Pay), sekcja 2 kasy */
.czc-co .czc-xp { margin-top: 32px; }
.czc-co .czc-xp__title { display: flex; align-items: center; gap: 10px; font-size: 20px; font-weight: 500; margin: 0 0 12px; counter-increment: krok; }
.czc-co .czc-xp__title::before { content: counter(krok); background: var(--c-ink); color: #fff; width: 22px; height: 22px; display: grid; place-items: center; font-size: 12px; flex: none; }
.czc-co .czc-xp__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.czc-co .czc-xp__btn { height: 41px; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); font: 600 14px/1 system-ui, sans-serif; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 4px; }
.czc-co .czc-xp__btn.is-gpay, .czc-co .czc-xp__btn.is-apay { background: var(--c-ink); color: #fff; }
.czc-co .czc-xp__btn.is-inpost { background: var(--c-1); color: var(--c-1-fg); }
.czc-co .czc-xp__btn:hover { box-shadow: 3px 3px 0 var(--c-ink); transform: translate(-1px, -1px); }
.czc-co .czc-xp__msg { margin: 8px 0 0; font-size: 12px; color: var(--c-muted); min-height: 0; }
.czc-co .czc-xp__or { display: flex; align-items: center; gap: 12px; color: var(--c-muted); font-size: 12px; margin: 18px 0 0; }
.czc-co .czc-xp__or::before, .czc-co .czc-xp__or::after { content: ''; flex: 1; height: 1px; background: var(--c-line); }
@media (max-width: 500px) { .czc-co .czc-xp__row { grid-template-columns: 1fr; } }

/* Bez liczby sztuk na stanie (decyzja 10.10.2026): ukryj plakietkę „Zostało tylko N” w blokowym koszyku i kasie. */
.wc-block-components-product-low-stock-badge { display: none !important; }

/* ---------- Generator Przepisów (czc/recipe-generator) ---------- */
.czc-gen-app { max-width: 1200px; margin: 0 auto; padding: 24px 20px 60px; font-family: inherit; }
.czc-gen-hdr { margin-bottom: 24px; display: flex; flex-direction: column; gap: 20px; }
.czc-gen-badge { display: inline-block; background: var(--c-1); color: var(--c-1-fg); font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 4px 8px; letter-spacing: 0.5px; border-radius: 2px; width: fit-content; }
.czc-gen-title { font-size: 28px; font-weight: 700; margin: 8px 0 6px; letter-spacing: -0.5px; color: var(--c-ink); }
.czc-gen-sub { font-size: 14px; line-height: 1.5; color: var(--c-muted); max-width: 720px; margin: 0; }

.czc-gen-cart-box { background: #fdfdfd; border: 2px solid var(--c-ink); padding: 16px 20px; box-shadow: 4px 4px 0 var(--c-ink); margin-top: 10px; }
.czc-gen-cart-box__header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; flex-wrap: wrap; }
.czc-gen-cart-box__header strong { font-size: 15px; font-weight: 700; color: var(--c-ink); display: block; }
.czc-gen-cart-box__sub { font-size: 12px; color: var(--c-muted); font-family: 'Sometype Mono', monospace; }
.czc-gen-cart-box__actions { display: flex; gap: 8px; }

.czc-gen-btn { font: 600 12px/1 'Sometype Mono', monospace; padding: 7px 12px; border: 1px solid var(--c-ink); background: #fff; color: var(--c-ink); cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; transition: all 0.1s; }
.czc-gen-btn:hover { background: var(--hv, var(--c-1)); box-shadow: 2px 2px 0 var(--c-ink); transform: translate(-1px, -1px); }
.czc-gen-btn--outline { background: var(--c-ink); color: #fff; }
.czc-gen-btn--outline:hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg)); }

.czc-gen-cart-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.czc-gen-chip { display: inline-flex; align-items: center; gap: 4px; padding: 5px 10px; font-size: 12px; font-family: 'Sometype Mono', monospace; border: 1px solid var(--c-line); background: #fff; border-radius: 2px; }
.czc-gen-chip.is-in-cart { background: rgba(89, 207, 136, 0.15); border-color: var(--c-3); color: #1e6b3b; font-weight: 600; }
.czc-gen-chip.is-in-cart small { opacity: 0.7; }
.czc-gen-chip.is-empty, .czc-gen-chip.is-muted { color: var(--c-muted); background: #f5f5f7; border-style: dashed; }

.czc-gen-filters { display: flex; align-items: center; gap: 8px; margin: 20px 0 28px; flex-wrap: wrap; }
.czc-gen-filters__lbl { font: 700 12px/1 'Sometype Mono', monospace; text-transform: uppercase; color: var(--c-muted); margin-right: 4px; }
.czc-gen-fbtn { font: 600 12px/1 'Sometype Mono', monospace; padding: 6px 12px; background: #fff; border: 1px solid var(--c-ink); color: var(--c-ink); cursor: pointer; transition: all 0.1s; border-radius: 2px; }
.czc-gen-fbtn:hover { background: var(--c-line); }
.czc-gen-fbtn.is-active { background: var(--c-ink); color: #fff; }

.czc-gen-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr)); gap: 24px; align-items: start; }
.czc-rcard { background: #fff; border: 2px solid var(--c-ink); box-shadow: 4px 4px 0 var(--c-ink); display: flex; flex-direction: column; overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; }
.czc-rcard:hover { transform: translateY(-2px); box-shadow: 6px 6px 0 var(--c-ink); }
.czc-rcard--full { border-color: #2b9348; box-shadow: 4px 4px 0 #2b9348; }
.czc-rcard--high { border-color: var(--c-red); }

.czc-rcard__hdr { padding: 18px 20px 14px; border-bottom: 1px solid var(--c-line); background: #fafafc; }
.czc-rcard__meta { display: flex; gap: 8px; align-items: center; font: 500 11px/1 'Sometype Mono', monospace; color: var(--c-muted); margin-bottom: 8px; flex-wrap: wrap; }
.czc-rcard__cui { font-weight: 700; color: var(--c-ink); background: var(--c-1); color: var(--c-1-fg); padding: 2px 6px; }
.czc-rcard__badge { background: var(--c-2); color: var(--c-2-fg); padding: 2px 6px; font-weight: 600; }
.czc-rcard__title { font-size: 19px; font-weight: 700; margin: 4px 0 8px; line-height: 1.25; color: var(--c-ink); }
.czc-rcard__status { display: inline-block; font: 700 11px/1 'Sometype Mono', monospace; padding: 4px 8px; margin-bottom: 8px; border-radius: 2px; }
.czc-rcard__status.is-full { background: #d8f3dc; color: #1b4332; }
.czc-rcard__status.is-high { background: #ffe5d9; color: #9d0208; }
.czc-rcard__status.is-partial { background: #fff3b0; color: #583101; }
.czc-rcard__status.is-zero { background: #f0f0f4; color: var(--c-muted); }
.czc-rcard__desc { font-size: 13px; line-height: 1.45; color: var(--c-muted); margin: 0; }

.czc-rcard__body { padding: 16px 20px; display: flex; flex-direction: column; gap: 14px; }
.czc-rcard__h3 { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; color: var(--c-muted); margin: 0 0 10px; letter-spacing: 0.5px; }

.czc-ing-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.czc-ing-item { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; padding-bottom: 10px; border-bottom: 1px dotted var(--c-line); }
.czc-ing-item:last-child { border-bottom: none; padding-bottom: 0; }
.czc-ing-item__mark { width: 18px; height: 18px; display: grid; place-items: center; font-size: 11px; font-weight: 700; border-radius: 50%; flex: none; margin-top: 1px; }
.czc-ing-item.is-have .czc-ing-item__mark { background: #d8f3dc; color: #1b4332; }
.czc-ing-item.is-need .czc-ing-item__mark { background: #f0f0f4; color: var(--c-muted); border: 1px dashed var(--c-muted); }

.czc-ing-item__txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.czc-ing-item__txt strong { font-weight: 600; color: var(--c-ink); }
.czc-ing-item__have-src { font-size: 11px; color: #2d6a4f; font-family: 'Sometype Mono', monospace; }

.czc-ing-item__sug { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-top: 4px; background: #fafafc; padding: 4px 8px; border: 1px solid var(--c-line); font-size: 11px; flex-wrap: wrap; }
.czc-ing-item__sug-name { font-weight: 600; color: var(--c-ink); text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 160px; }
.czc-ing-item__sug-name:hover { text-decoration: underline; }
.czc-ing-item__sug-price { font-family: 'Sometype Mono', monospace; font-weight: 700; color: var(--c-ink); flex: none; }
.czc-ing-item__add-btn { background: var(--c-1); color: var(--c-1-fg); border: 1px solid var(--c-ink); padding: 3px 7px; font: 700 10px/1 'Sometype Mono', monospace; cursor: pointer; transition: all 0.1s; flex: none; border-radius: 2px; }
.czc-ing-item__add-btn:hover { background: var(--c-ink); color: #fff; }
.czc-ing-item__add-btn.is-added { background: #2b9348; color: #fff; border-color: #2b9348; }
.czc-ing-item__out { font-size: 10px; color: var(--c-red); font-family: 'Sometype Mono', monospace; }
.czc-ing-item__none { font-size: 11px; color: var(--c-muted); }

.czc-rcard__fresh { background: #fdfae7; border: 1px dashed #d4a373; padding: 8px 12px; font-size: 12px; color: #6b4c1b; line-height: 1.4; }
.czc-rcard__fresh strong { font-family: 'Sometype Mono', monospace; font-size: 11px; text-transform: uppercase; }

.czc-rcard__steps { margin-top: 4px; border-top: 1px solid var(--c-line); padding-top: 10px; }
.czc-rcard__steps summary { font: 600 12px/1 'Sometype Mono', monospace; color: var(--c-ink); cursor: pointer; user-select: none; padding: 4px 0; }
.czc-rcard__steps summary:hover { text-decoration: underline; }
.czc-steps-list { margin: 10px 0 0; padding-left: 18px; font-size: 12.5px; line-height: 1.5; color: var(--c-ink); display: flex; flex-direction: column; gap: 6px; }

@media (max-width: 768px) {
  .czc-gen-grid { grid-template-columns: 1fr; }
  .czc-gen-cart-box__header { flex-direction: column; align-items: flex-start; }
}


/* ---------- telefon (13.10.2026): produkt w jednej kolumnie, podobne po 2, kategorie nad listą jako przewijany pasek ---------- */
@media (max-width: 900px) {
	.czc-pdp-top { grid-template-columns: minmax(0, 1fr); gap: 24px; }
}
@media (max-width: 700px) {
	.czc-related .czc-grid .wc-block-product-template { --czc-cols: 2; }
	.czc-catnav { display: flex; gap: 6px; overflow-x: auto; padding-bottom: 6px; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.czc-catnav::-webkit-scrollbar { display: none; }
	.czc-catnav a { flex: none; display: inline-flex; gap: 6px; align-items: center; white-space: nowrap; min-height: 40px; padding: 0 12px !important; border: 1px solid var(--c-line, #ddd); }
	.czc-catnav a:hover { padding-left: 12px !important; }
}
@media (max-width: 600px) {
	/* kasa: podsumowanie produktów w 2 wierszach (nazwa na całą szerokość, pod nią ilość, kwota i usuń), nic nie wystaje poza ramkę */
	.czc-sum { width: calc(100% - 28px); margin: 0 14px; }
	.czc-sum thead { display: none; }
	.czc-sum tr { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; column-gap: 10px; padding: 10px 0; border-bottom: 1px solid var(--c-line); }
	.czc-sum tbody tr:last-child { border-bottom: 0; }
	.czc-sum td { display: block; padding: 0; border: 0; }
	.czc-sum td:first-child { grid-column: 1 / -1; margin-bottom: 8px; }
	.czc-sum .czc-sum__q { justify-self: start; padding: 0; }
	.czc-sum .czc-sum__x { width: auto; padding: 0; }
	.czc-sum__step { height: 36px; }
	.czc-sum__step button { width: 36px; }
	.czc-sum__step output { min-width: 34px; }
	.czc-sum__rm { width: 36px; height: 36px; }
	.czc-co .wc-block-components-checkout-order-summary__title { padding-inline: 14px !important; }
	/* dymek koszyka: większe przyciski pod palec */
	.czc-kd__step button { min-width: 36px; min-height: 36px; }
	.czc-kd__rm { min-width: 36px; min-height: 36px; }
}
/* stopka (14.10.2026): ilustracja w pełnej szerokości przyklejona do dołu, treść zawsze nad tarasami (na niebie).
   Obraz 1376×768 → wysokość 55,8vw; tarasy zajmują dolne ~72% obrazu, więc dół treści musi być ≥ 40vw nad krawędzią stopki. */
/* 14.10.2026: tło warstwy grafiki = tło stopki, inaczej ziarno (overlay) nad przezroczystą częścią warstwy rozjaśniało tło i na górnej krawędzi obrazka był twardy szew;
   górna krawędź obrazka dodatkowo wygaszona maską. Odstępy zmniejszone (stopka zwarta). */
.czc-footer { min-height: 0; padding-top: 52px; padding-bottom: calc(38vw + 24px); }
.czc-ftart { background: none; }
.czc-ftart img { height: 100%; top: auto; object-fit: cover; object-position: 50% 100%; -webkit-mask-image: none; mask-image: none; }
/* telefon: przycisk „Filtry” i rozwijany panel filtrów; wyszukiwarka pod logo na całą szerokość */
.czc-ftg { display: none; }
@media (max-width: 900px) {
	.czc-ftg { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 44px; margin: 0 0 12px !important; border: 1px solid var(--c-ink); background: #fff; font: inherit; font-weight: 500; cursor: pointer; }
	.czc-ftg::after { content: '▾'; }
	.czc-ftg[aria-expanded="true"]::after { content: '▴'; }
	.czc-ftg[aria-expanded="true"] { background: var(--c-1); }
	.czc-plp-body.czc-plp-body > .czc-ftg { margin: 0 !important; }
	.czc-plp-body.czc-plp-body > .czc-filters.is-open { display: block; padding: 14px; border: 1px solid var(--c-ink); border-top: 0; margin: -40px 0 0 !important; } /* -40 px = odstęp siatki .czc-plp-body */
	.czc-filters .czc-chk { min-height: 32px; }
}
@media (max-width: 700px) {
	.czc-header .wp-block-search { display: block; grid-column: 1 / -1; order: 3; max-width: none; }
	.czc-header .wp-block-search__input { font-size: 16px; padding-block: 8px; } /* 16 px: iOS nie przybliża strony przy wpisywaniu */
}
@media (max-width: 600px) { .wc-block-cart-items .wc-block-components-product-metadata__description { display: none; } } /* koszyk na telefonie bez opisu produktu */
.czc-related-promo .wc-block-product-template > li[hidden] { display: none !important; }

/* ---------- losowy hover (14.10.2026): każdy przycisk i ikonka z listy CZC_RND w theme.js dostaje po najechaniu losowy kafel palety ---------- */
:is(.czc-rnd, .ac-btn, .ac-mini, .ac-go, .ac-out, .ac-filter a, .ac-ag-add, .czc-btn-secondary, .czc-fsocial a, .czc-ftg, .woocommerce-address-fields button):hover {
	background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-1-fg)) !important; border-color: var(--c-ink) !important;
}
.czc-fsocial a:hover { border-color: var(--hv, var(--c-1)) !important; }

/* ---------- stopka: kolumna z logo i newsletterem (14.10.2026) ---------- */
.czc-fbrand .czc-flogo { width: 100px; margin-bottom: 14px; }
.czc-fbrand p { font-size: 12px; line-height: 1.6; margin: 0; }
.czc-fh-news { margin-top: 22px !important; }
@media (max-width: 700px) { .czc-fcols > :last-child { grid-column: 1 / -1; } }
.czc-fbrand .czc-fh-news { max-width: 360px; }

/* ---------- czyszczenie ramek i cieni (16.10.2026, wg docs/instrukcje-gemini.md): zaokrąglenia Woo na 0 ---------- */
.wc-block-components-quantity-selector, .wc-block-components-quantity-selector__button, .wc-block-components-quantity-selector input,
.checkout-order-summary-block-fill, .wc-block-components-skeleton, .wc-block-components-skeleton__element { border-radius: 0 !important; }
.wc-block-components-quantity-selector { border-color: var(--c-ink) !important; }
.wc-block-components-quantity-selector::after { border-radius: 0 !important; border-color: var(--c-ink) !important; }
/* Cienie tylko na „Wybierz paczkomat” i jako fokus pola (docs/instrukcje-gemini.md 3.3). Panel klienta, komunikaty, generator i karty: bez cieni, ramki 1 px, kwadratowe rogi. */
.czc-mini .czc-menu, #widget-modal .leaflet-popup-content-wrapper,
.czc-btn-primary, .czc-btn-secondary, .czc-btn-details, .czc-btn-page, .czc-account-header, .czc-account-header__logout,
#customer_login .u-column1, #customer_login .u-column2, .woocommerce-customer-details .woocommerce-column, .wc-block-order-confirmation-additional-fields-wrapper,
.czc-ac-nav, .czc-dash-hero, .czc-dash-card, .czc-dash-shortcuts, .czc-dash-short, .czc-orders-table, .czc-back-link, .czc-order-hero, .czc-order-bacs-note,
.woocommerce-table--order-details, .czc-addr-card, .woocommerce form.woocommerce-EditAccountForm fieldset, .czc-reset-card, .czc-reset-field input.input-text, .czc-reset-submit,
.woocommerce .button:where(button[name="save_address"], button[name="save_account_details"], button[name="login"], button[name="register"]),
.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-account .wc-block-components-notice-banner, .woocommerce-message a.button,
.czc-co .czc-xp__btn, .czc-gen-cart-box, .czc-gen-btn, .czc-rcard, .czc-rcard--full { box-shadow: none !important; }
.czc-dash-short:hover, .czc-co .czc-xp__btn:hover, .czc-gen-btn:hover, .czc-rcard:hover { box-shadow: none !important; transform: none !important; }
#widget-modal.widget-modal { box-shadow: 0 0 0 100vmax rgba(17, 17, 17, .45) !important; } /* zostaje tylko przyciemnienie tła */
.czc-orders-table th, .woocommerce-table--order-details th { border-bottom-width: 1px !important; }
.woocommerce-table--order-details tfoot tr:last-child td { border-top-width: 1px !important; font-weight: 500 !important; }
.czc-gen-cart-box, .czc-rcard { border-width: 1px !important; }
.czc-rcard--full { border-color: var(--c-3) !important; }
.czc-gen-badge, .czc-gen-chip, .czc-gen-fbtn, .czc-rcard__status, .czc-ing-item__add-btn { border-radius: 0 !important; }

/* ---------- telefon: nagłówek w jednej linii i wąskie marginesy (uwagi 16.10.2026) ---------- */
@media (max-width: 700px) {
	:root { --czc-gutter: 16px; }
	body { --wp--style--root--padding-left: var(--czc-gutter); --wp--style--root--padding-right: var(--czc-gutter); }
	.czc-bar { padding: 6px var(--czc-gutter); }
	.czc-bar p { font-size: 12px !important; line-height: 1.35; text-wrap: balance; }
	.czc-hwrap { padding-inline: var(--czc-gutter); }
	.czc-footer { padding-inline: var(--czc-gutter) !important; }
	.czc-bundle { padding: 12px; margin-bottom: 32px; } /* „Kupowane razem”: na telefonie węższa ramka, treść bliżej krawędzi */
	.czc-header { grid-template-columns: auto minmax(0, 1fr) !important; column-gap: 12px; padding: 14px 0 10px !important; align-items: center; }
	.czc-header .czc-logo { justify-self: start; display: flex; align-items: center; }
	.czc-header .czc-logo img { width: 130px; }
	.czc-header .czc-hdr-right { justify-self: end; justify-content: flex-end !important; gap: 4px !important; flex-wrap: nowrap; }
	.czc-hdr-right a, .czc-hdr-right .wc-block-mini-cart__button { min-height: 40px; display: inline-flex; align-items: center; padding: 0 8px; }
	.czc-hdr-right .wc-block-mini-cart__button { margin-right: -8px; } /* prawa krawędź tekstu na linii siatki */
}

/* Telefon: nagłówek 1:1 z makietą v4 (pomiar getBoundingClientRect). Pasek czarny, Logowanie/Konto, Koszyk z licznikiem. */
@media (max-width: 700px) {
	.czc-bar { background: var(--c-ink); color: #fff; padding: 8px var(--czc-gutter); } /* czarny jak w makiecie; kolor belki z miksera dotyczy desktopu i stopki */
	.czc-bar p { font-size: 12px !important; line-height: 1.45; text-wrap: wrap; }
	.czc-header { padding: 22px 0 18px !important; column-gap: 8px; }
	.czc-header .czc-logo { align-items: flex-start; padding-bottom: 5.8px; }
	.czc-header .czc-hdr-right { min-width: auto; gap: 8px !important; font-size: 11px; line-height: 1; align-items: center; }
	.czc-hdr-right .wp-block-woocommerce-customer-account a, .czc-hdr-right .wc-block-mini-cart__button { position: relative; height: 26px; min-height: 26px; padding: 2px 6px !important; margin: 0; display: inline-flex; align-items: center; justify-content: center; font-size: 11px; line-height: 1; gap: 0; box-sizing: border-box; }
	.czc-hdr-right .wp-block-woocommerce-customer-account a::after, .czc-hdr-right .wc-block-mini-cart__button::after { content: ''; position: absolute; inset: -7px -4px; } /* pole dotyku 40 px, wygląd jak w makiecie */
	.wp-block-woocommerce-customer-account a { font-size: 11px; }
	.wc-block-mini-cart__badge { font-size: 11px; line-height: 1.3; margin-left: 6px; }
}
/* kasa (16.10.2026): boczny margines wierszy podsumowania (kupony, kwota, dostawa, łącznie) na stałe, niezależnie od klas kontenera Woo */
.czc-co .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-coupon,
.czc-co .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-item:not(.wc-block-components-panel .wc-block-components-totals-item) { padding-left: 16px !important; padding-right: 16px !important; }
.czc-co .wc-block-components-totals-footer-item-tax { white-space: normal; overflow-wrap: anywhere; }

/* Uniwersalny cień fokusowy z losowego koloru kafla (zasada Bartka, wszystkie formularze w sklepie) */
input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([type="color"]):not(.mx-hex):not(.mx-cin):not(.mn-dk-sf input):focus,
textarea:focus,
select:focus {
	outline: 0 !important;
	box-shadow: 3px 3px 0 var(--hv, var(--c-1)) !important;
}

/* Darmowa wysyłka: podświetlenie kolorem kafla z palety (uwaga Bartka 16.10.2026) */
.wc-block-components-totals-shipping .czc-free-ship {
	background: var(--c-3);
	color: var(--c-3-fg, #111) !important;
	padding: 2px 7px;
	font-weight: 600;
	display: inline-block;
	line-height: 1.4;
}

/* Usunięcie wyświetlania podatku VAT w całym sklepie (uwaga Bartka 16.10.2026) */
.wc-block-components-totals-footer-item-tax,
.woocommerce-Price-tax-label,
.includes_tax,
.tax-rate,
.wc-block-components-totals-item__description:has(.wc-block-components-totals-footer-item-tax),
.cart-subtotal + .tax-rate,
.order-total + .tax-rate {
	display: none !important;
}

/* Koszyk /cart/: spójny selektor ilości z resztą sklepu (uwaga Bartka 16.10.2026) */
.wc-block-components-quantity-selector {
	border: 1px solid var(--c-ink) !important;
	background: #fff !important;
	height: 28px !important;
	min-height: 28px !important;
	display: inline-flex !important;
	align-items: stretch !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
}
.wc-block-components-quantity-selector::after { display: none !important; }
.wc-block-components-quantity-selector__button {
	background: transparent !important;
	color: var(--c-ink) !important;
	border: 0 !important;
	width: 26px !important;
	height: 100% !important;
	cursor: pointer !important;
	font-size: 14px !important;
	line-height: 1 !important;
	display: grid !important;
	place-items: center !important;
	padding: 0 !important;
	border-radius: 0 !important;
	transition: background .12s, color .12s !important;
}
.wc-block-components-quantity-selector__button:hover {
	background: var(--hv, var(--c-1)) !important;
	color: var(--hv-fg, var(--c-1-fg, #111)) !important;
}
.wc-block-components-quantity-selector__input {
	border: 0 !important;
	border-left: 1px solid var(--c-line) !important;
	border-right: 1px solid var(--c-line) !important;
	text-align: center !important;
	font: inherit !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	background: transparent !important;
	box-shadow: none !important;
	width: 32px !important;
	height: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
	border-radius: 0 !important;
}

/* Koszyk /cart/: ikonka śmietnika zamieniona na prosty × (uwaga Bartka 16.10.2026) */
.wc-block-cart-item__remove-link svg { display: none !important; }
.wc-block-cart-item__remove-link {
	all: unset !important;
	display: inline-grid !important;
	place-items: center !important;
	width: 24px !important;
	height: 24px !important;
	cursor: pointer !important;
	color: var(--c-muted) !important;
	font-size: 16px !important;
	line-height: 1 !important;
	transition: color .12s, background .12s !important;
}
.wc-block-cart-item__remove-link::before {
	content: '×' !important;
	font-family: system-ui, -apple-system, sans-serif !important;
	font-weight: 400 !important;
}
.wc-block-cart-item__remove-link:hover {
	color: var(--c-ink) !important;
	background: var(--hv, var(--c-1)) !important;
}

/* Kasa: ukrycie domyślnego metera siły hasła i reguły tworzenia hasła jak na my-account/?konto=nowe (uwaga Bartka 16.10.2026) */
.wc-block-checkout meter,
meter.woocommerce-password-strength-meter,
.woocommerce-password-strength {
	display: none !important;
}
.czc-rules { list-style: none; padding: 0; margin: 8px 0 16px; display: flex; gap: 6px 16px; flex-wrap: wrap; font-size: 12px; }
.czc-rules li { display: flex; align-items: center; gap: 6px; color: var(--c-red); margin: 0; }
.czc-rules li::before { content: '×'; width: 14px; height: 14px; display: grid; place-items: center; border: 1px solid currentColor; font-size: 11px; line-height: 1; }
.czc-rules li.ok { color: var(--c-ink); }
.czc-rules li:nth-child(1).ok::before { content: '✓'; background: var(--c-1); color: var(--c-1-fg); border-color: var(--c-ink); }
.czc-rules li:nth-child(2).ok::before { content: '✓'; background: var(--c-2); color: var(--c-2-fg); border-color: var(--c-ink); }
.czc-rules li:nth-child(3).ok::before { content: '✓'; background: var(--c-3); color: var(--c-3-fg); border-color: var(--c-ink); }

/* Nagłówek desktop: identyczny rozmiar i wygląd podświetlenia Moje konto i Koszyk (uwaga Bartka 16.10.2026) */
@media (min-width: 701px) {
	.czc-hdr-right .wp-block-woocommerce-customer-account a,
	.czc-hdr-right .wc-block-customer-account a,
	.czc-hdr-right .wc-block-mini-cart__button {
		height: 28px !important;
		min-height: 28px !important;
		padding: 0 10px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		box-sizing: border-box !important;
		font-size: 12px !important;
		line-height: 1 !important;
		border-radius: 0 !important;
	}
	.czc-hdr-right .wp-block-woocommerce-customer-account a:hover,
	.czc-hdr-right .wc-block-customer-account a:hover {
		background: var(--hv, var(--c-2)) !important;
		color: var(--hv-fg, var(--c-2-fg)) !important;
	}
	.czc-hdr-right .wc-block-mini-cart__button:hover {
		background: var(--hv, var(--c-1)) !important;
		color: var(--hv-fg, var(--c-1-fg)) !important;
	}
}

/* Kasa: równa wysokość przycisku kuponu i inputa kuponu (uwaga Bartka 16.10.2026) */
.czc-co .wc-block-components-totals-coupon__button,
.czc-co .wc-block-components-totals-coupon form button {
	height: 43px !important;
	min-height: 43px !important;
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Kasa: bez reloadu / animacji w menu przy zmianie ilości (uwaga Bartka 16.10.2026) */
.czc-co .wc-block-mini-cart,
.czc-co .wc-block-mini-cart__button,
.czc-co .czc-bump,
.czc-co .czc-bump * {
	animation: none !important;
	transform: none !important;
}
.wc-block-mini-cart .wc-block-components-skeleton {
	display: none !important;
}

/* Koszyk w nagłówku: nie ukrywaj na stronie /cart/ i /checkout/ (uwaga Bartka 16.10.2026) */
.czc-hdr-right .wc-block-mini-cart,
.czc-hdr-right .wc-block-mini-cart[style*="visibility:hidden"],
.czc-hdr-right .wc-block-mini-cart[style*="visibility: hidden"] {
	visibility: visible !important;
	display: inline-flex !important;
}
.czc-hdr-right .wc-block-mini-cart__button[disabled] {
	pointer-events: auto !important;
	cursor: pointer !important;
	opacity: 1 !important;
}

/* Tabele w treści stron (regulamin, polityka prywatności) */
.entry-content table,
.czc-table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid var(--c-line, #e2dfd5);
	margin: 24px 0;
	font-size: 13px;
	display: table;
	overflow-x: auto;
}
@media (max-width: 768px) {
	.entry-content table,
	.czc-table {
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
}
.entry-content table th,
.czc-table th {
	background: #f4ecd5;
	border: 1px solid var(--c-line, #e2dfd5);
	padding: 10px 14px;
	text-align: left;
	font-weight: 600;
	color: #111;
}
.entry-content table td,
.czc-table td {
	border: 1px solid var(--c-line, #e2dfd5);
	padding: 10px 14px;
	vertical-align: top;
	line-height: 1.5;
}
.entry-content table tr:nth-child(even) td,
.czc-table tr:nth-child(even) td {
	background: #faf8f2;
}




/* ---------- poprawki z testu H2 (19.10.2026) ---------- */
/* koszyk: tabela pozycji bez domyślnych ramek komórek (WP dawał każdej komórce ramkę) */
.czc-co table.wc-block-cart-items { border: 0 !important; border-collapse: collapse; width: 100%; }
.czc-co table.wc-block-cart-items th, .czc-co table.wc-block-cart-items td { border: 0 !important; background: transparent !important; }
.czc-co table.wc-block-cart-items th { font: 400 11px/1.2 'IBM Plex Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .05em; color: var(--c-muted); padding: 0 12px 8px 0; border-bottom: 1px solid var(--c-ink) !important; text-align: left; }
.czc-co table.wc-block-cart-items th.wc-block-cart-items__header-total { text-align: right; padding-right: 0; }
.czc-co table.wc-block-cart-items td { padding: 16px 12px 16px 0; border-bottom: 1px solid var(--c-line) !important; vertical-align: top; }
.czc-co table.wc-block-cart-items td.wc-block-cart-item__total { padding-right: 0; text-align: right; }
.czc-co table.wc-block-cart-items tr:last-child td { border-bottom: 0 !important; }
/* kasa: tabela pozycji zamówienia (czc-sum) bez tła i bocznych ramek */
.czc-co table.czc-sum th, .czc-co table.czc-sum td { background: transparent !important; border-left: 0 !important; border-right: 0 !important; border-top: 0 !important; }
/* kupon: pole i przycisk w jednym rzędzie, ta sama wysokość; pole szersze, przycisk węższy, czarny, losowy hover */
.czc-co .wc-block-components-totals-coupon__form { display: flex !important; align-items: stretch !important; gap: 8px; }
.czc-co .wc-block-components-totals-coupon__form .wc-block-components-text-input { flex: 1 1 auto !important; min-width: 0; margin-top: 0 !important; }
.czc-co .wc-block-components-totals-coupon__button { flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; padding: 0 12px !important; margin: 0 !important; background: var(--c-ink) !important; color: #fff !important; border: 1px solid var(--c-ink) !important; font-size: 12px !important; }
.czc-co .wc-block-components-totals-coupon__button:hover:not(:disabled) { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-ink)) !important; }
.czc-co .wc-block-components-totals-coupon__button:disabled, .czc-co .wc-block-components-totals-coupon__button[aria-disabled="true"] { opacity: .55; }
/* płatność: pole w jednym rzędzie, checkbox wyśrodkowany względem tytułu, opis pod spodem */
.czc-co .wc-block-components-radio-control-accordion-option { display: block !important; }
.czc-co .wc-block-components-radio-control-accordion-option > label { display: flex !important; align-items: center !important; }
.czc-co .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option-layout { padding: 0 0 0 8px; }
.czc-co .wc-block-components-radio-control-accordion-content { padding: 0 16px 14px 48px !important; font-size: 12px; }
/* przyciski kupowania: 47 px (decyzja Bartka 19.10.2026) */
.czc-buybox form.cart .quantity input, .czc-buybox form.cart .single_add_to_cart_button { height: 47px !important; min-height: 47px !important; }
/* strzałki nawigacji kategorii: losowy hover */
.czc-cat-bottom-nav :is(a, button):hover b { background: var(--hv, var(--c-red)); color: var(--hv-fg, #fff); }
.czc-cat-bottom-nav b { align-self: inherit; padding: 0 6px; }
/* stopka: przycisk newsletter jak pozostałe przyciski (czarny, losowy hover), linki z losowym hoverem */
.czc-news button { background: var(--c-ink) !important; color: #fff !important; border-color: var(--c-ink) !important; }
.czc-news button:hover { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-ink)) !important; border-color: var(--hv, var(--c-1)) !important; }
.czc-flist a { padding: 1px 4px; margin-left: -4px; }
.czc-flist a:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-ink)); opacity: 1; text-decoration: none; }

/* Moje konto: bez dużego tytułu „Moje konto” nad formularzem logowania i rejestracji (zgłoszenie 29) */
body:not(.logged-in) .czc-account-page .wp-block-post-title, body:not(.logged-in) .czc-account-wrap .wp-block-post-title { display: none; }