/* Warianty wyglądu sklepu wybrane przez Bartka (silnik: inc/warianty.php, assets/js/warianty.js, warianty-ui.js). Sekcje wariantów to CSS z makiet v3 przeniesiony na DOM motywu. */

/* zmienne makiet → kolory motywu */
:root { --ink: var(--c-ink); --bg: #fff; --paper: #fff; --on-ink: #fff; --line: var(--c-line); --muted: var(--c-muted); --tile: var(--c-tile);
	--yellow: var(--c-1); --yellow-fg: var(--c-1-fg); --pink: var(--c-2); --pink-fg: var(--c-2-fg); --green: var(--c-3); --green-fg: var(--c-3-fg);
	--red: var(--c-red); --red-fg: var(--c-red-fg); --c5: var(--c-4); --c5-fg: var(--c-4-fg); --c6: var(--c-5); --c6-fg: var(--c-5-fg); --f: 'Sometype Mono', ui-monospace, monospace; }
::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); }
.mn-wrap { max-width: var(--wp--style--global--wide-size, 1360px); margin: 0 auto; padding: 0 32px; box-sizing: border-box; }

/* ---------- pasek miksera ---------- */

/* Główny dock (gdy otwarty) */

/* Przycisk pigułka (gdy zwinięty) */

/* Pozycjonowanie miksera góra/dół */

/* Selektor palety */

/* Dropdown popover */

/* Pasek kolorów */

/* Przyciski akcji */

/* Narzędzia docka (pozycja + zwiń) */

/* Toast */
.czc-mx-toast { position: fixed; left: 50%; bottom: 110px; transform: translateX(-50%); z-index: 99991; background: #141417; border: 1px solid rgba(255,255,255,.15); color: #fff; padding: 9px 15px; border-radius: 8px; font: 600 12px system-ui, sans-serif; box-shadow: 0 10px 30px rgba(0,0,0,.35); }

/* RWD na tablet i mobile */

/* ---------- Zintegrowane narzędzie uwag (mikser-uwagi.js) ---------- */
.czc-bug-ui, .czc-bug-ui * { box-sizing: border-box; font-family: system-ui, -apple-system, sans-serif; letter-spacing: 0; text-transform: none; }
body.czc-bug-picking, body.czc-bug-picking * { cursor: crosshair !important; }

/* Pasek informacyjny u góry w trybie wskazywania */
.czc-bug-pick-bar[hidden], .czc-bug-hl[hidden] { display: none !important; }
.czc-bug-pick-bar { position: fixed; top: calc(12px + env(safe-area-inset-top, 0px)); left: 50%; transform: translateX(-50%); z-index: 99999; display: flex; align-items: center; gap: 12px; background: rgba(18, 18, 22, 0.96); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.18); color: #fff; padding: 6px 8px 6px 14px; border-radius: 999px; box-shadow: 0 8px 30px rgba(0,0,0,.5); font: 600 12px/1 system-ui, -apple-system, sans-serif; max-width: calc(100vw - 20px); white-space: nowrap; pointer-events: auto; animation: czc-pop .2s ease; }
.czc-bug-pick-cancel { background: #e5261b; color: #fff; border: 0; padding: 6px 14px; border-radius: 999px; font: 700 11px/1 system-ui, -apple-system, sans-serif; cursor: pointer; pointer-events: auto; -webkit-tap-highlight-color: transparent; transition: background .15s, transform .1s; }
.czc-bug-pick-cancel:hover, .czc-bug-pick-cancel:active { background: #ff3b30; transform: scale(1.04); }

/* Podświetlenie wskazywanego elementu */
.czc-bug-hl { position: fixed; z-index: 99992; pointer-events: none; border: 2px solid #e5261b; background: rgba(229, 38, 27, 0.12); transition: all .05s; }
.czc-bug-hl span { position: absolute; left: -2px; top: -22px; background: #e5261b; color: #fff; font: 600 11px/1 system-ui; padding: 3px 6px; white-space: nowrap; border-radius: 2px; }

/* Pinezki na stronie */
.czc-bug-pin { position: absolute; z-index: 99991; width: 24px; height: 24px; border-radius: 50%; background: #e5261b; color: #fff; border: 2px solid #fff; font: 700 11px/20px system-ui; text-align: center; cursor: pointer; box-shadow: 0 2px 8px rgba(0,0,0,.35); padding: 0; }
.czc-bug-pin:hover { transform: scale(1.18); }
.czc-bug-pin.is-done { display: none !important; }
.czc-bug-pin.is-lost { border-style: dashed; }
.czc-bug-target-pulse { outline: 3px solid #e5261b !important; outline-offset: 3px !important; animation: czc-pulse 0.4s 4 alternate; }
@keyframes czc-pulse { to { outline-color: transparent !important; } }

/* Okienko dodawania uwagi */
.czc-bug-box { position: fixed; z-index: 99995; width: min(360px, calc(100vw - 24px)); background: #fff; color: #111; border: 2px solid #111; box-shadow: 6px 6px 0 #111; padding: 14px; display: flex; flex-direction: column; gap: 8px; animation: czc-pop .2s ease; }
.czc-bug-box-h { display: flex; justify-content: space-between; align-items: center; }
.czc-bug-box-h h4 { margin: 0; font-size: 14px; font-weight: 700; }
.czc-bug-x { background: none; border: 0; font-size: 16px; cursor: pointer; color: #666; padding: 2px 6px; }
.czc-bug-x:hover { color: #111; }
.czc-bug-box-target { display: flex; flex-direction: column; gap: 2px; }
.czc-bug-box-target code { background: #f2f2f4; padding: 4px 7px; font: 11px/1.3 ui-monospace, monospace; word-break: break-all; max-height: 48px; overflow: auto; border: 1px solid #ddd; }
.czc-bug-box-target small { color: #666; font-style: italic; }
.czc-bug-box textarea { width: 100%; height: 86px; border: 1.5px solid #111; padding: 8px 10px; font: 13px/1.4 system-ui; resize: vertical; outline: 0; }
.czc-bug-box textarea:focus { border-color: #e5261b; }
.czc-bug-types { display: flex; gap: 6px; flex-wrap: wrap; }
.czc-bug-types button { border: 1.5px solid #111; background: #fff; color: #111; padding: 4px 10px; cursor: pointer; border-radius: 99px; font: 600 11px system-ui; }
.czc-bug-types button[aria-pressed=true] { background: #111; color: #fff; }
.czc-bug-row { display: flex; gap: 8px; justify-content: flex-end; margin-top: 4px; }
.czc-bug-btn { border: 2px solid #111; background: #111; color: #fff; padding: 8px 14px; cursor: pointer; font: 700 12px system-ui; }
.czc-bug-btn.czc-bug-ghost { background: #fff; color: #111; }
.czc-bug-btn:hover { background: #e5261b; color: #fff; border-color: #e5261b; }
.czc-bug-btn.czc-bug-ghost:hover { background: #f0f0f0; border-color: #111; color: #111; }

/* Panel zgłoszeń i lista */
.czc-bug-panel { position: fixed; right: 16px; bottom: 74px; z-index: 99994; width: min(400px, calc(100vw - 20px)); max-height: min(72vh, 600px); background: #fff; color: #111; border: 2px solid #111; box-shadow: 6px 6px 0 #111; padding: 14px; display: flex; flex-direction: column; gap: 10px; animation: czc-pop .2s ease; }
@media (max-width: 700px) { .czc-bug-panel { right: 10px; left: 10px; width: auto; bottom: 80px; max-height: 76vh; } }
.czc-bug-ph { display: flex; justify-content: space-between; align-items: center; border-bottom: 1.5px solid #111; padding-bottom: 8px; }
.czc-bug-title { font-size: 14px; font-weight: 700; }
.czc-bug-actions { display: flex; gap: 8px; }
.czc-bug-act-btn { flex: 1; border: 1.5px solid #111; background: #f6f6f8; color: #111; padding: 7px 10px; font: 600 11px system-ui; cursor: pointer; border-radius: 6px; text-align: center; }
.czc-bug-act-btn:hover { background: #111; color: #fff; }
.czc-bug-tabs { display: flex; gap: 8px; border-bottom: 1px solid #ddd; padding-bottom: 4px; }
.czc-bug-tab { border: 0; background: none; color: #888; font: 700 12px system-ui; cursor: pointer; padding: 4px 6px; }
.czc-bug-tab[aria-pressed=true] { color: #111; border-bottom: 2px solid #111; margin-bottom: -5px; }
.czc-bug-list { flex: 1; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 4px; min-height: 120px; max-height: 340px; }
.czc-bug-item { border: 1px solid #ddd; padding: 9px; background: #fafafc; display: flex; flex-direction: column; gap: 5px; border-radius: 4px; }
.czc-bug-item.is-done { background: #f3faf5; border-color: #c0e5cd; }
.czc-bug-item.is-highlighted { outline: 2px solid #111; background: #fff5c0; }
.czc-bug-item-top { display: flex; justify-content: space-between; align-items: center; }
.czc-bug-tag { font: 700 10px system-ui; text-transform: uppercase; padding: 2px 6px; border-radius: 99px; background: #111; color: #fff; }
.czc-bug-t-błąd { background: #e5261b; color: #fff; }
.czc-bug-t-wygląd { background: #ffcf1f; color: #111; }
.czc-bug-t-treść { background: #59cf88; color: #111; }
.czc-bug-t-pomysł { background: #9c86d0; color: #fff; }
.czc-bug-t-dark { background: #1c1d22; color: #fdda58; border: 1px solid #383a44; font-size: 9.5px; }
.czc-bug-t-light { background: #f0f0f4; color: #555; font-size: 9.5px; }
.czc-bug-mode-badge { font: 700 10px system-ui; padding: 2px 6px; border-radius: 99px; margin-left: 6px; }
.czc-bug-mode-badge.is-dark { background: #1c1d22; color: #fdda58; border: 1px solid #383a44; }
.czc-bug-mode-badge.is-light { background: #f0f0f4; color: #555; }
.czc-bug-flts { display: flex; gap: 4px; padding: 2px 0 6px; border-bottom: 1px solid #eee; overflow-x: auto; }
.czc-bug-flt { border: 1px solid #ddd; background: #fff; color: #555; padding: 3px 8px; font: 600 10.5px system-ui; border-radius: 99px; cursor: pointer; white-space: nowrap; }
.czc-bug-flt[aria-pressed=true] { background: #111; color: #fff; border-color: #111; }
.czc-bug-date { font-size: 10px; color: #888; }
.czc-bug-item-txt { font-size: 12px; font-weight: 500; line-height: 1.35; color: #111; word-break: break-word; }
.czc-bug-reply { background: #e4f5ea; border-left: 3px solid #1a9c4b; padding: 5px 8px; font-size: 11px; color: #0a7a3a; margin-top: 2px; }
.czc-bug-item-meta { display: flex; flex-direction: column; gap: 2px; font-size: 10px; color: #777; }
.czc-bug-link { color: inherit; text-decoration: underline; }
.czc-bug-item-meta code { background: #eee; padding: 1px 4px; font: 10px ui-monospace, monospace; word-break: break-all; }
.czc-bug-item-bar { display: flex; gap: 8px; justify-content: flex-end; margin-top: 2px; }
.czc-bug-btn-sm { border: 0; background: none; font: 600 11px system-ui; color: #555; cursor: pointer; text-decoration: underline; padding: 0; }
.czc-bug-btn-sm:hover { color: #111; }
.czc-bug-btn-sm.czc-bug-del { color: #c00; }
.czc-bug-empty { text-align: center; color: #888; font-size: 12px; margin: 30px 10px; }
.czc-bug-foot { display: flex; gap: 8px; justify-content: space-between; border-top: 1px solid #ddd; padding-top: 8px; margin-top: auto; }
.czc-bug-copy { flex: 1; border: 2px solid #111; background: #111; color: #fff; padding: 7px 12px; font: 700 11px system-ui; cursor: pointer; text-align: center; }
.czc-bug-copy:hover { background: #ffcf1f; color: #111; border-color: #111; }
.czc-bug-delall { border: 0; background: none; color: #c00; font: 600 11px system-ui; cursor: pointer; text-decoration: underline; }

/* Motyw ciemny dla widgetu uwag */
html[data-theme="dark"] :is(.czc-bug-panel, .czc-bug-box) {
	background: var(--c-paper, #25262c);
	color: var(--c-ink, #f1e9d2);
	border-color: var(--c-line, #383a44);
	box-shadow: 6px 6px 0 rgba(0, 0, 0, .6);
}
html[data-theme="dark"] :is(.czc-bug-panel, .czc-bug-box) textarea {
	background: var(--c-bg, #1c1d22);
	color: var(--c-ink, #f1e9d2);
	border-color: var(--c-line, #383a44);
}
html[data-theme="dark"] .czc-bug-item {
	background: var(--c-bg, #1c1d22);
	border-color: var(--c-line, #383a44);
}
html[data-theme="dark"] .czc-bug-item-txt {
	color: var(--c-ink, #f1e9d2);
}
html[data-theme="dark"] .czc-bug-item-meta code {
	background: var(--c-paper, #25262c);
	color: var(--c-muted, #a8a394);
}
html[data-theme="dark"] .czc-bug-copy {
	background: var(--c-dk-acc, #fdda58);
	color: #111;
	border-color: var(--c-dk-acc, #fdda58);
}
html[data-theme="dark"] .czc-bug-tabs {
	border-color: var(--c-line, #383a44);
}
html[data-theme="dark"] .czc-bug-tab {
	color: var(--c-muted, #a8a394);
}
html[data-theme="dark"] .czc-bug-tab[aria-pressed=true] {
	color: var(--c-ink, #f1e9d2);
	border-color: var(--c-dk-acc, #fdda58);
}
html[data-theme="dark"] .czc-bug-flts {
	border-color: var(--c-line, #383a44);
}
html[data-theme="dark"] .czc-bug-flt {
	background: var(--c-bg, #1c1d22);
	color: var(--c-muted, #a8a394);
	border-color: var(--c-line, #383a44);
}
html[data-theme="dark"] .czc-bug-flt[aria-pressed=true] {
	background: var(--c-dk-acc, #fdda58);
	color: #111;
	border-color: var(--c-dk-acc, #fdda58);
}
html[data-theme="dark"] .czc-bug-btn-sm {
	color: var(--c-muted, #a8a394);
}
html[data-theme="dark"] .czc-bug-btn-sm:hover {
	color: var(--c-ink, #f1e9d2);
}
html[data-theme="dark"] .czc-bug-act-btn {
	background: var(--c-bg, #1c1d22);
	color: var(--c-ink, #f1e9d2);
	border-color: var(--c-line, #383a44);
}

/* ---------- nagłówek 2 (długa szukajka z logo) i 3 (szukajka w kwadratowej ramce) ---------- */
html[data-head="2"] .czc-header, html[data-head="3"] .czc-header { grid-template-columns: auto minmax(0, 1fr) auto; gap: 28px; }
html[data-head="2"] .czc-header .czc-logo, html[data-head="3"] .czc-header .czc-logo { order: 1; justify-self: start; }
html[data-head="2"] .czc-header .wp-block-search, html[data-head="3"] .czc-header .wp-block-search { order: 2; max-width: none; width: 100%; }
html[data-head="2"] .czc-header .czc-hdr-right, html[data-head="3"] .czc-header .czc-hdr-right { order: 3; }
html[data-head="2"] .czc-logo img { width: 104px; height: auto; }
html[data-head="2"] .czc-header .wp-block-search__inside-wrapper { border: 2px solid var(--c-ink) !important; height: 44px; padding: 0 0 0 14px !important; align-items: stretch; }
html[data-head="2"] .czc-header .wp-block-search__input { border: 0; font-size: 13px; padding-left: 22px; background-position: left 2px center; }
.czc-mx-sbtn { border: 0; background: var(--c-ink); color: #fff; padding: 0 22px; font: 600 12px var(--f); text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }
.czc-mx-sbtn:hover { background: var(--hv, var(--c-red)); }
html[data-head="2"] .wc-block-mini-cart__badge { background: var(--c-red) !important; border-radius: 99px; }
html[data-head="3"] .czc-logo img { width: 130px; height: auto; }
html[data-head="3"] .czc-header .wp-block-search { max-width: 560px; justify-self: center; }
html[data-head="3"] .czc-header .wp-block-search__inside-wrapper { border: 1.5px solid var(--c-ink) !important; padding: 10px 20px !important; }
html[data-head="3"] .czc-header .wp-block-search__input { border: 0; font-size: 13px; padding-left: 22px; background-position: left 2px center; }
@media (max-width: 760px) { html[data-head="2"] .czc-header, html[data-head="3"] .czc-header { grid-template-columns: 1fr auto; } }

/* ---------- warianty rozwijania głównego menu Kategorie (25: 2 kolumny, 26: 3 kolumny, 27: mega-panel) ---------- */
/* 25: Poziome (2 kolumny · 520px) */
html[data-menu="25"] .czc-dd > li:first-child .czc-dd-p { min-width: 520px; box-shadow: 0 16px 36px rgba(0,0,0,.35); border: 1px solid #333; border-top: 0; }
html[data-menu="25"] .czc-dd > li:first-child .czc-dd-p ul { columns: 2; column-gap: 28px; padding: 10px 18px 14px; }
html[data-menu="25"] .czc-dd > li:first-child .czc-dd-p li { break-inside: avoid; }
html[data-menu="25"] .czc-dd > li:first-child .czc-dd-p a:hover { margin-inline: 0; padding-inline: 6px; }

/* 26: Poziome (3 kolumny · 760px) */
html[data-menu="26"] .czc-dd > li:first-child .czc-dd-p { min-width: 760px; box-shadow: 0 16px 36px rgba(0,0,0,.35); border: 1px solid #333; border-top: 0; }
html[data-menu="26"] .czc-dd > li:first-child .czc-dd-p ul { columns: 3; column-gap: 28px; padding: 10px 18px 14px; }
html[data-menu="26"] .czc-dd > li:first-child .czc-dd-p li { break-inside: avoid; }
html[data-menu="26"] .czc-dd > li:first-child .czc-dd-p a:hover { margin-inline: 0; padding-inline: 6px; }

/* 27: Mega-panel (pełna szerokość menu · 4 kolumny). Poprawione 14.10.2026 pod zasady designu: bez cieni i rozmyć, kwadratowo, odstępy 8/16/24/32, tekst nie skacze przy hoverze */
html[data-menu="27"] .czc-menu { position: relative; }
html[data-menu="27"] .czc-dd > li:first-child { position: static; }
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p { position: absolute; left: 0; right: 0; width: 100%; min-width: 100%; top: 100%; box-shadow: none; border: 0; border-radius: 0; }
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p ul { columns: 4; column-gap: 32px; padding: 16px 24px 24px; border-radius: 0; box-shadow: none !important; }
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p li { break-inside: avoid; }
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p a,
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p a:hover,
html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p a[aria-current] { margin-inline: 0; padding-inline: 8px; }
@media (max-width: 1100px) { html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p ul { columns: 3; } }
@media (max-width: 900px) { html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p ul { columns: 2; column-gap: 24px; padding: 12px 16px 16px; } }
@media (max-width: 700px) { /* telefon: jak zwykłe menu (panel przyklejony pod paskiem, jedna kolumna) */
	html[data-menu="27"] .czc-dd > li:first-child { position: relative; }
	html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p { position: fixed; top: auto; width: auto; min-width: 0; }
	html[data-menu="27"] .czc-dd > li:first-child .czc-dd-p ul { columns: 1; padding: 6px 14px 10px; }
}

/* ---------- Kolorystyka rozwijanej listy i mini (html[data-mcol="..."]) ---------- */
/* Odcienie zdefiniowane raz jako zmienne (Claude, 14.10.2026); używa ich główne menu, rozwijane listy mini i same paski mini A/B/C.
   --mcol-bg tło · --mcol-fg tekst · --mcol-link linki · --mcol-line linie między linkami · --mcol-bd ramka · --mcol-dim liczby/podpisy · --mcol-h3 nagłówki grup */
html { --mcol-bg: #111111; --mcol-fg: #ffffff; --mcol-link: #cccccc; --mcol-line: #282828; --mcol-bd: #333333; --mcol-dim: #888888; --mcol-h3: var(--c-1, var(--yellow)); --mcol-h3-line: #444444; }
html[data-mcol="grafit"]   { --mcol-bg: #1c1c1c; --mcol-line: #262626; --mcol-bd: #303030; --mcol-h3-line: #404040; }
html[data-mcol="antracyt"] { --mcol-bg: #242424; --mcol-line: #2e2e2e; --mcol-bd: #383838; --mcol-dim: #8a8a8a; --mcol-h3-line: #484848; }
html[data-mcol="stal"]     { --mcol-bg: #2c2c2c; --mcol-line: #363636; --mcol-bd: #404040; --mcol-dim: #999999; --mcol-h3-line: #505050; }
html[data-mcol="lupek"]    { --mcol-bg: #363636; --mcol-fg: #f0f0f0; --mcol-link: #f0f0f0; --mcol-line: #404040; --mcol-bd: #4a4a4a; --mcol-dim: #aaaaaa; --mcol-h3-line: #585858; }
html[data-mcol="silver"]   { --mcol-bg: #666666; --mcol-link: #ffffff; --mcol-line: #757575; --mcol-bd: #777777; --mcol-dim: #dddddd; --mcol-h3: #ffffff; --mcol-h3-line: #888888; }
html[data-mcol="popiel"]   { --mcol-bg: #aaaaaa; --mcol-fg: #111111; --mcol-link: #111111; --mcol-line: #9c9c9c; --mcol-bd: #999999; --mcol-dim: #444444; --mcol-h3: #111111; --mcol-h3-line: #888888; }
html[data-mcol="platyna"]  { --mcol-bg: #dddddd; --mcol-fg: #111111; --mcol-link: #111111; --mcol-line: #cfcfcf; --mcol-bd: #cccccc; --mcol-dim: #555555; --mcol-h3: #111111; --mcol-h3-line: #bbbbbb; }
html[data-mcol="white"]    { --mcol-bg: var(--c-bg, #ffffff); --mcol-fg: var(--c-ink, #111111); --mcol-link: var(--c-ink, #111111); --mcol-line: var(--c-line, #e3e3e3); --mcol-bd: var(--c-ink, #111111); --mcol-dim: var(--c-muted, #6b6b6b); --mcol-h3: var(--c-ink, #111111); --mcol-h3-line: var(--c-ink, #111111); }

html[data-mcol] .czc-dd-p ul,
html[data-mcol] .mn-dock-dd-b,
html[data-mcol] .mn-dock-bar .mn-dd,
html[data-mcol] .mn-island .mn-dd,
html[data-mcol] .mn-cmd-dd,
html[data-mcol] .mn-mi-dd { background: var(--mcol-bg) !important; color: var(--mcol-fg) !important; border-color: var(--mcol-bd) !important; }
html[data-mcol] .czc-dd-p a,
html[data-mcol] .mn-dock-dd-b a,
html[data-mcol] .mn-dock-bar .mn-dd a,
html[data-mcol] .mn-island .mn-dd a,
html[data-mcol] .mn-cmd-dd a,
html[data-mcol] .mn-mi-dd a { color: var(--mcol-link) !important; border-bottom-color: var(--mcol-line) !important; }
html[data-mcol] .czc-dd-p a span,
html[data-mcol] .mn-dock-dd-b a span,
html[data-mcol] .mn-island .mn-dd a span,
html[data-mcol] .mn-cmd-dd a span,
html[data-mcol] .mn-mi-dd a span { color: var(--mcol-dim) !important; }
html[data-mcol] .mn-dock-dd-b .mn-g h3,
html[data-mcol] .mn-island .mn-dd .mn-g h3,
html[data-mcol] .mn-cmd-dd .mn-g h3,
html[data-mcol] .mn-mi-dd .mn-g h3 { border-bottom-color: var(--mcol-h3-line) !important; color: var(--mcol-h3) !important; }
/* białe główne menu: mocniejsza ramka jak wcześniej */
html[data-mcol="white"] .czc-dd-p ul {
	border: 2px solid var(--c-ink, #111111) !important;
	border-top: 1px solid var(--c-line, #e3e3e3) !important;
	box-shadow: 0 16px 36px rgba(0,0,0,.22) !important;
}
html[data-mcol="white"][data-menu="25"] .czc-dd > li:first-child .czc-dd-p,
html[data-mcol="white"][data-menu="26"] .czc-dd > li:first-child .czc-dd-p,
html[data-mcol="white"][data-menu="27"] .czc-dd > li:first-child .czc-dd-p {
	border-color: var(--c-ink, #111111);
	border-top: 2px solid var(--c-ink, #111111);
	box-shadow: 0 18px 40px rgba(0,0,0,.24);
}
/* 27 w wersji jasnej: ramka 1 px var(--c-ink), bez cieni (14.10.2026) */
html[data-mcol="white"][data-menu="27"] .czc-dd > li:first-child .czc-dd-p { border: 0; box-shadow: none; }
html[data-mcol="white"][data-menu="27"] .czc-dd > li:first-child .czc-dd-p ul { border: 1px solid var(--c-ink) !important; border-top: 0 !important; box-shadow: none !important; background: var(--c-bg, #fff) !important; }

/* Hover na pozycjach w menu: rotujące kolory kafli z palety (Full menu i Mini menu) */
.czc-dd-p li:nth-child(5n+1) a:hover, .czc-dd-p li:nth-child(5n+1) a[aria-current],
.mn-dock-dd-b a:nth-child(5n+1):hover, .mn-dock-dd-a a:nth-child(5n+1):hover, .mn-dd a:nth-child(5n+1):hover, .mn-mi-dd a:nth-child(5n+1):hover { background: var(--hv, var(--c-1)) !important; color: var(--c-1-fg, #111) !important; }

.czc-dd-p li:nth-child(5n+2) a:hover, .czc-dd-p li:nth-child(5n+2) a[aria-current],
.mn-dock-dd-b a:nth-child(5n+2):hover, .mn-dock-dd-a a:nth-child(5n+2):hover, .mn-dd a:nth-child(5n+2):hover, .mn-mi-dd a:nth-child(5n+2):hover { background: var(--hv, var(--c-2)) !important; color: var(--c-2-fg, #111) !important; }

.czc-dd-p li:nth-child(5n+3) a:hover, .czc-dd-p li:nth-child(5n+3) a[aria-current],
.mn-dock-dd-b a:nth-child(5n+3):hover, .mn-dock-dd-a a:nth-child(5n+3):hover, .mn-dd a:nth-child(5n+3):hover, .mn-mi-dd a:nth-child(5n+3):hover { background: var(--hv, var(--c-3)) !important; color: var(--c-3-fg, #111) !important; }

.czc-dd-p li:nth-child(5n+4) a:hover, .czc-dd-p li:nth-child(5n+4) a[aria-current],
.mn-dock-dd-b a:nth-child(5n+4):hover, .mn-dock-dd-a a:nth-child(5n+4):hover, .mn-dd a:nth-child(5n+4):hover, .mn-mi-dd a:nth-child(5n+4):hover { background: var(--hv, var(--c-4)) !important; color: var(--c-4-fg, #111) !important; }

.czc-dd-p li:nth-child(5n) a:hover,   .czc-dd-p li:nth-child(5n) a[aria-current],
.mn-dock-dd-b a:nth-child(5n):hover,   .mn-dock-dd-a a:nth-child(5n):hover,   .mn-dd a:nth-child(5n):hover,   .mn-mi-dd a:nth-child(5n):hover   { background: var(--hv, var(--c-5)) !important; color: var(--c-5-fg, #111) !important; }

.czc-dd-p a:hover span, .czc-dd-p a[aria-current] span,
.mn-dock-dd-b a:hover span, .mn-dd a:hover span, .mn-mi-dd a:hover span { color: inherit !important; opacity: .75 !important; }

/* ---------- menu 19 „Marki” (PHP dokleja je obok obecnego menu) ---------- */

/* ---------- wspólne: działy z rozwijaną listą (menu 10–14) ---------- */

.m19-row{display:flex;justify-content:space-between;align-items:stretch;height:50px;font:700 13px/1 'Inter Tight',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em}
.m19-dd .dd-g{height:50px;padding:0 20px}
.m19-dd>li:first-child .dd-g{padding-left:0}
.m19-dd>li:hover .dd-g,.m19-dd>li:focus-within .dd-g{background:var(--paper,#fff);color:var(--ink);padding-left:20px}
.m19-dd>li.on .dd-g{color:var(--yellow)}
.m19-dd .dd-p ul{background:var(--paper,#fff);color:var(--ink);border:2px solid var(--ink);padding:10px 18px;box-shadow:0 16px 40px rgba(0,0,0,.18);text-transform:none;letter-spacing:0}
.m19-dd .wide .dd-p ul{columns:2;column-gap:28px;min-width:520px}
.m19-dd .dd-p li{break-inside:avoid}
.m19-dd .dd-p a{padding:8px 0;font:500 13px 'Inter Tight',system-ui,sans-serif;border-bottom:1px solid var(--line)}
.m19-dd .dd-p a:hover{color:var(--red)}
.m19-q{display:flex;align-items:stretch}
.m19-q a{display:flex;align-items:center;gap:6px;padding:0 16px}
.m19-q a:hover,.m19-q a[aria-current]{background:var(--paper,#fff);color:var(--ink)}
.m19-q small{font-size:10px;background:var(--paper,#fff);color:var(--ink);padding:2px 5px;border-radius:99px;letter-spacing:0}
.m19-q a:first-child{color:var(--red)}
.m19-q a.mn-promo{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.m19-q a.mn-promo small{background:var(--ink);color:var(--on-ink,#fff)}
.m19-q a.mn-promo:hover{background:var(--paper,#fff)}
.m19-dd>li:nth-child(1):hover .dd-g,.m19-dd>li:nth-child(1):focus-within .dd-g{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.m19-dd>li:nth-child(2):hover .dd-g,.m19-dd>li:nth-child(2):focus-within .dd-g{background:var(--pink);color:var(--pink-fg,var(--ink))}
.m19-dd>li:nth-child(3):hover .dd-g,.m19-dd>li:nth-child(3):focus-within .dd-g{background:var(--green);color:var(--green-fg,var(--ink))}
.m19-q a:nth-child(1):hover{background:var(--c5);color:var(--c5-fg,var(--ink))}
.m19-q a:nth-child(2):hover{background:var(--c6);color:var(--c6-fg,var(--ink))}
.m19-q a:nth-child(3):hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.m19-q a.mn-promo:hover{background:var(--red);color:var(--red-fg,#fff)}
.m19-q a.mn-promo:hover small{background:var(--paper,#fff);color:var(--red)}

/* ---------- kafle a1 „Duży + dwa” (PHP dokleja je obok banera) ---------- */
html:not([data-hero="a1"]) .czc-hx1 { display: none; }
html[data-hero="a1"] .czc-hero { display: none; }
.czc-hx1 { display: grid; gap: 16px; margin: 0 0 56px; grid-template-columns: minmax(0,2fr) minmax(0,1fr); grid-template-rows: 1fr 1fr; height: clamp(480px,40vw,600px); }
.czc-hx1 > * { min-width: 0; }
.czc-hx1 a { position: relative; overflow: hidden; display: flex; text-decoration: none; color: var(--c-ink); }
.czc-hx1 em { font-style: normal; background: var(--c-ink); color: #fff; padding: 3px 8px; font-size: 11px; position: absolute; top: 16px; left: 16px; z-index: 1; }
.czc-hx1 mark { background: #fff; color: var(--c-ink); padding: 0 6px; box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.czc-hx1 img { transition: transform .4s; mix-blend-mode: multiply; filter: brightness(1.05); }
.czc-hx1 .big { grid-row: 1/3; justify-content: flex-start; align-items: flex-end; padding: 32px; background: var(--c-1); color: var(--c-1-fg); }
.czc-hx1 .sm:nth-of-type(2) { background: var(--c-2); color: var(--c-2-fg); }
.czc-hx1 .sm:nth-of-type(3) { background: var(--c-3); color: var(--c-3-fg); }
.czc-hx1 .big img { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 60%; height: auto; }
.czc-hx1 .big:hover img { transform: translateY(-50%) scale(1.04) rotate(-2deg); }
.czc-hx1 .big .txt { position: relative; z-index: 1; max-width: 50%; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.czc-hx1 .big small { background: var(--c-ink); color: #fff; padding: 2px 8px; font-size: 12px; letter-spacing: .06em; }
.czc-hx1 .big b { font-weight: 500; font-size: clamp(30px,3.2vw,52px); line-height: 1.05; }
.czc-hx1 .big b mark { padding: 0 8px; }
.czc-hx1 .big .meta { font-size: 13px; }
.czc-hx1 .big .pr { font-size: 30px; font-weight: 500; }
.czc-hx1 .big .pr s { font-size: 16px; opacity: .8; }
.czc-hx1 .big .go { background: var(--c-ink); color: #fff; padding: 12px 18px; margin-top: 6px; font-size: 13px; }
.czc-hx1 .big:hover .go { background: var(--hv, var(--c-red)); color: var(--hv-fg, #fff); }
.czc-hx1 .sm { align-items: center; justify-content: center; }
.czc-hx1 .sm img { width: 50%; height: auto; }
.czc-hx1 .sm:hover img { transform: scale(1.05) rotate(-2deg); }
.czc-hx1 .sm span { position: absolute; left: 16px; right: 110px; bottom: 16px; font-size: clamp(16px,1.5vw,22px); line-height: 1.15; }
.czc-hx1 .sm i { position: absolute; right: 16px; bottom: 16px; font-style: normal; background: var(--c-ink); color: #fff; padding: 4px 10px; font-size: 15px; }
@media (max-width: 760px) { .czc-hx1 { grid-template-columns: 1fr; grid-template-rows: auto; height: auto; } .czc-hx1 .big { grid-row: auto; min-height: 420px; } .czc-hx1 .big .txt { max-width: 100%; } .czc-hx1 .big img { top: 18%; width: 48%; } .czc-hx1 .sm { aspect-ratio: 16/10; } }

/* ---------- mini: wyłączenie obecnego paska motywu, gdy wybrany jest wariant z makiety ---------- */
html[data-mnv]:not([data-mnv="0"]):not([data-mnv="2"]):not([data-mnv="3"]):not([data-mnv="4"]) header.wp-block-template-part { position: relative; top: auto !important; }
html[data-mnv]:not([data-mnv="0"]) .czc-mini-bar { display: none !important; }
html[data-mnv]:not([data-mnv="0"]).czc-mini .czc-menu { box-shadow: none; }
.mn-sf input[type=search] { -webkit-appearance: none; appearance: none; }
.mn-island .mn-logo { width: 38px; }
.mn-n { font-style: normal; }

/* ---------- mini (z makiety v3, mini.js) ---------- */
/* ---------- mini nagłówek (mini.js): pięć różnych konstrukcji ---------- */
header.wp-block-template-part[data-mn="2"],header.wp-block-template-part[data-mn="3"],header.wp-block-template-part[data-mn="4"]{position:sticky!important;top:var(--mn-top,0px)!important;z-index:90}
header.wp-block-template-part[data-mn="4"]{background:var(--bg);transition:transform .35s cubic-bezier(.3,.8,.3,1)}
header.wp-block-template-part[data-mn="4"].mn-hide{transform:translateY(-102%)}
header.wp-block-template-part[data-mn="2"] .czc-menubar,header.wp-block-template-part[data-mn="3"] .czc-menubar{position:relative;z-index:2}
header.mn-stuck .czc-menubar{box-shadow:0 8px 18px rgba(0,0,0,.12)}
.mn-island a,.mn-island button,.mn-rail>*,.mn-stk>*,.mn-strip a{font:inherit;color:inherit;text-decoration:none;cursor:pointer}
.mn-lg{display:block;width:100%;height:auto}.mn-lg.inv{filter:brightness(0) invert(1)}
.mn-sf{display:flex;margin:0}.mn-sf input{border:0!important;background:transparent!important;box-shadow:none!important;color:inherit;font:inherit;outline:0;padding:0!important;min-width:0;width:100%}.mn-sf input::placeholder{color:inherit;opacity:.5}
@keyframes mn-bump{0%{transform:scale(1)}30%{transform:scale(1.3) rotate(-5deg)}60%{transform:scale(.95) rotate(3deg)}100%{transform:scale(1)}}
.mn-bump{animation:mn-bump .6s ease}.mn-bump .mn-n{background:var(--red)!important;color:var(--red-fg,#fff)!important}
.mn-n:empty{display:none}
/* 1: wyspa */
.mn-island{position:fixed;top:12px;left:50%;width:min(1040px,calc(100% - 48px));display:flex;align-items:center;gap:4px;padding:5px 6px;background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:12px;z-index:95;transform:translate(-50%,-160%);opacity:0;pointer-events:none;transition:transform .45s cubic-bezier(.2,.9,.3,1.15),opacity .25s}
.mn-island.mn-show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.mn-island .mn-logo{width:38px;margin-right:4px;display:flex}
.mn-island>*{padding:8px 10px;display:flex;align-items:center;background:none;border:0}.mn-island .mn-logo{padding:0 6px 0 4px}
.mn-kat{background:var(--ink)!important;color:var(--on-ink,#fff)!important;gap:8px}
.mn-kat i{font-style:normal}
.mn-island .mn-l:nth-of-type(1):hover{background:var(--yellow)}.mn-island .mn-pr{color:var(--red)}.mn-island .mn-pr:hover{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-island .mn-l:nth-of-type(3):hover{background:var(--green);color:var(--green-fg,var(--ink))}
.mn-island .mn-sf{flex:1;padding:6px 10px;border-bottom:1px solid var(--line);margin:0 6px}
.mn-island .mn-a:hover{background:var(--c5);color:var(--c5-fg,var(--ink))}.mn-island .mn-c:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.mn-island .mn-n,.mn-rail .mn-n,.mn-strip .mn-n,.mn-stk .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 7px;margin-left:6px;font-weight:600}
.mn-dd{position:absolute;left:-1px;right:-1px;top:calc(100% + 6px);display:grid;grid-template-columns:repeat(5,1fr);gap:0 22px;padding:18px 22px;background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);text-align:left;font:400 12px/1.4 'Sometype Mono',ui-monospace,monospace}
.mn-dd[hidden]{display:none}
.mn-g h3{font:600 11px/1.2 'Sometype Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:6px;margin:0 0 6px;color:var(--ink)}
.mn-dd a{display:flex;justify-content:space-between;gap:10px;padding:5px 4px;font:500 12px/1.3 'Sometype Mono',ui-monospace,monospace;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.mn-dd a span{color:var(--muted);font-weight:400}
.mn-g:nth-child(5n+1) a:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}.mn-g:nth-child(5n+2) a:hover{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-g:nth-child(5n+3) a:hover{background:var(--green);color:var(--green-fg,var(--ink))}.mn-g:nth-child(5n+4) a:hover{background:var(--c5);color:var(--c5-fg,var(--ink))}.mn-g:nth-child(5n) a:hover{background:var(--c6);color:var(--c6-fg,var(--ink))}
/* 2: szyna */
.mn-rail{position:fixed;right:0;top:50%;display:flex;flex-direction:column;z-index:95;transform:translate(110%,-50%);transition:transform .4s cubic-bezier(.2,.9,.3,1.1)}
.mn-rail.mn-show{transform:translate(0,-50%)}
.mn-rail>*:not(.mn-pop):not(.mn-slot){width:68px;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:var(--bg);color:var(--ink);border:1px solid var(--ink);border-right:0;margin-top:-1px;font-size:10px;text-transform:uppercase;letter-spacing:.06em;position:relative}
.mn-rail b{font-size:16px;font-weight:400;line-height:1}.mn-rail .mn-n{position:absolute;top:5px;right:6px;margin:0;font-size:10px}.mn-rail b.mn-n{font-size:10px;padding:1px 6px}
.mn-rs:hover{background:var(--yellow)!important}.mn-rail .mn-a:hover{background:var(--pink)!important}.mn-rail .mn-f:hover{background:var(--green)!important}.mn-rail .mn-c:hover{background:var(--c5)!important}.mn-up:hover{background:var(--c6)!important}
.mn-pop{position:absolute;right:calc(100% + 8px);top:0;width:300px;padding:12px 14px;background:var(--bg);border:1px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-size:12px}.mn-pop[hidden]{display:none}.mn-pop .mn-sf{border-bottom:1px solid var(--ink);padding-bottom:4px}
.mn-slot{display:contents}
/* 3: pasek koszyka */
.mn-strip{position:absolute;left:0;right:0;height:30px;display:flex;align-items:center;gap:18px;padding:0 32px;background:var(--bg);color:var(--ink);border-bottom:1px solid var(--ink);font-size:11px;z-index:1;opacity:0;transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .2s;pointer-events:none}
.mn-strip::before{content:'';position:absolute;inset:0 -100vmax;background:inherit;border-bottom:inherit;z-index:-1}
.mn-strip.mn-show{opacity:1;transform:none;pointer-events:auto}
.mn-prog{flex:1;max-width:340px;height:8px;border:1px solid var(--ink);position:relative}.mn-prog i{position:absolute;left:0;top:0;bottom:0;background:var(--green);transition:width .5s}
.mn-msg{color:var(--muted)}.mn-go{margin-left:auto;background:var(--ink);color:var(--on-ink,#fff)!important;padding:5px 12px}.mn-go:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important}
header.wp-block-template-part[data-mn="3"] .mn-strip{top:auto}
/* 5: naklejki */
.mn-stk{position:fixed;top:14px;z-index:95;display:flex;gap:8px;align-items:flex-start;transform:translateY(-220%);transition:transform .5s cubic-bezier(.2,.9,.3,1.25)}
.mn-stk.l{left:16px}.mn-stk.r{right:16px}.mn-stk.mn-show{transform:none}
.mn-stk>*:not(.mn-slot){height:40px;min-width:40px;padding:0 13px;display:flex;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-size:12px}
.mn-s0{width:56px;padding:0 8px!important;transform:rotate(-3deg)}.mn-s1{background:var(--yellow)!important;color:var(--yellow-fg,var(--ink))!important;transform:rotate(1.5deg)}.mn-s2{background:var(--pink)!important;color:var(--pink-fg,var(--ink))!important;transform:rotate(-1.5deg)}.mn-s3{background:var(--green)!important;color:var(--green-fg,var(--ink))!important;transform:rotate(2deg)}
.mn-stk>*:hover{transform:rotate(0) translateY(-2px)}
.mn-sfold{max-width:0;overflow:hidden;opacity:0;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;transition:max-width .35s,opacity .2s}
.mn-open .mn-sfold{max-width:260px;opacity:1;padding:0 12px!important;border:1px solid var(--ink)!important;box-shadow:3px 3px 0 var(--ink)!important;background:var(--bg)!important;display:flex;align-items:center;width:260px}
/* 6: dok */
.mn-dock{position:fixed;left:24px;bottom:20px;display:flex;gap:6px;align-items:flex-end;z-index:95;transform:translateY(160%);transition:transform .45s cubic-bezier(.2,.9,.3,1.2)}
.mn-dock.mn-show{transform:none}
.mn-dock>*:not(.mn-pop):not(.mn-slot){width:56px;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:inherit;text-decoration:none;cursor:pointer;position:relative;transition:transform .18s cubic-bezier(.2,.9,.3,1.4)}
.mn-dock b{font-size:18px;font-weight:400;line-height:1}.mn-dock i{font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.06em}
.mn-dock>*:hover{transform:translateY(-8px) scale(1.12)}
.mn-dock .mn-rs:hover{background:var(--yellow)}.mn-dock .mn-a:hover{background:var(--pink)}.mn-dock .mn-f:hover{background:var(--green)}.mn-dock .mn-c:hover{background:var(--c5)}.mn-dock .mn-up:hover{background:var(--c6)}
.mn-dock .mn-n{position:absolute;top:-8px;right:-8px;background:var(--red);color:var(--red-fg,#fff);padding:1px 6px;font-size:10px;margin:0}
.mn-dock .mn-pop{position:absolute;left:0;bottom:calc(100% + 12px);right:auto;top:auto;width:300px}
/* 7: szuflada */
.mn-tab{position:fixed;left:0;top:50%;z-index:95;transform:translate(-110%,-50%);background:var(--ink);color:var(--on-ink,#fff);border:0;padding:16px 9px;font:600 12px/1 var(--f,inherit);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .4s cubic-bezier(.2,.9,.3,1.1);display:flex;flex-direction:column;align-items:center;gap:10px}
.mn-tab>span:first-child{writing-mode:vertical-rl;transform:rotate(180deg)}.mn-tab.mn-show{transform:translate(0,-50%)}.mn-tab:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.mn-tab .mn-n,.mn-df .mn-n{background:var(--bg);color:var(--ink);padding:1px 6px;margin:0}.mn-df .mn-n{background:var(--ink);color:var(--on-ink,#fff);margin-left:6px}
.mn-back{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;pointer-events:none;transition:opacity .3s;z-index:96}.mn-back.mn-open{opacity:1;pointer-events:auto}
.mn-drawer{position:fixed;left:0;top:0;bottom:0;width:min(380px,90vw);background:var(--bg);color:var(--ink);border-right:1px solid var(--ink);z-index:97;transform:translateX(-102%);transition:transform .4s cubic-bezier(.2,.9,.3,1);overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:16px;font-size:13px}
.mn-drawer.mn-open{transform:none;box-shadow:10px 0 40px rgba(0,0,0,.2)}
.mn-dh{display:flex;justify-content:space-between;align-items:center}.mn-dh .mn-logo{width:120px}.mn-x{background:none;border:1px solid var(--ink);color:var(--ink);width:34px;height:34px;cursor:pointer}.mn-x:hover{background:var(--pink)}
.mn-drawer .mn-sf{border-bottom:1px solid var(--ink);padding:6px 0}
.mn-quick{display:flex;gap:6px;flex-wrap:wrap}.mn-quick a{border:1px solid var(--ink);padding:7px 12px;text-decoration:none;color:inherit}.mn-quick a:nth-child(1):hover{background:var(--yellow)}.mn-quick a:nth-child(2){color:var(--red)}.mn-quick a:nth-child(2):hover{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-quick a:nth-child(3):hover{background:var(--green)}
.mn-gs .mn-g{margin-bottom:12px}.mn-gs a{display:flex;justify-content:space-between;padding:6px 4px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;font-size:13px}.mn-gs a span{color:var(--muted)}
.mn-df{margin-top:auto;display:flex;gap:6px;border-top:1px solid var(--ink);padding-top:14px}.mn-df a{padding:8px 12px;border:1px solid var(--ink);text-decoration:none;color:inherit;display:flex}.mn-df .mn-a:hover{background:var(--pink)}.mn-df .mn-f:hover{background:var(--green)}.mn-df .mn-c:hover{background:var(--yellow)}
/* 8: nitka */
.mn-thread{position:fixed;left:0;right:0;top:0;height:6px;z-index:95;background:var(--bg);transform:translateY(-100%);transition:transform .35s,height .3s cubic-bezier(.2,.9,.3,1);overflow:hidden;border-bottom:0}
.mn-thread.mn-show{transform:none}
.mn-thread::before{content:'';position:absolute;left:0;top:0;height:6px;right:0;background:var(--line)}
.mn-fill{position:absolute;left:0;top:0;height:6px;width:0;background:linear-gradient(90deg,var(--yellow) 0 20%,var(--pink) 20% 40%,var(--green) 40% 60%,var(--c5) 60% 80%,var(--c6) 80% 100%);background-size:100vw 100%}
.mn-thread:hover,.mn-thread:focus-within{height:46px;border-bottom:1px solid var(--ink)}
.mn-th{position:absolute;left:0;right:0;top:6px;height:40px;display:flex;align-items:center;gap:6px;padding:0 32px;font-size:12px;opacity:0;transition:opacity .2s}
.mn-thread:hover .mn-th,.mn-thread:focus-within .mn-th{opacity:1}.mn-thread:hover .mn-fill,.mn-thread:focus-within .mn-fill{opacity:.5}
.mn-th .mn-logo{width:38px;margin-right:10px;display:flex}.mn-th>a,.mn-th .mn-c{padding:8px 10px;text-decoration:none;color:inherit;display:flex}.mn-th .mn-pr{color:var(--red)}
.mn-th .mn-l:nth-of-type(1):hover{background:var(--yellow)}.mn-th .mn-pr:hover{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-th .mn-l:nth-of-type(3):hover{background:var(--green)}.mn-th .mn-a:hover{background:var(--c5)}.mn-th .mn-c:hover{background:var(--c6)}
.mn-th .mn-sf{flex:1;max-width:360px;margin:0 auto 0 14px;border-bottom:1px solid var(--line);padding:5px 0}.mn-th .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 7px;margin-left:6px}
/* 9: nawigator sekcji */
.mn-secnav{position:fixed;left:0;right:0;top:0;height:38px;display:flex;align-items:center;gap:18px;padding:0 32px;background:var(--bg);border-bottom:1px solid var(--ink);z-index:95;font-size:12px;transform:translateY(-100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mn-secnav.mn-show{transform:none}.mn-here{font-weight:600;min-width:150px}
.mn-secs{display:flex;gap:2px;flex:1;overflow:hidden}.mn-secs a{padding:8px 11px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:background .2s}.mn-secs a:hover{color:var(--ink)}
.mn-secs a.on{background:var(--yellow);color:var(--yellow-fg,var(--ink))}.mn-secs a:nth-child(5n+2).on{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-secs a:nth-child(5n+3).on{background:var(--green);color:var(--green-fg,var(--ink))}.mn-secs a:nth-child(5n+4).on{background:var(--c5);color:var(--c5-fg,var(--ink))}.mn-secs a:nth-child(5n).on{background:var(--c6);color:var(--c6-fg,var(--ink))}
.mn-secnav .mn-c{display:flex;padding:7px 10px;text-decoration:none;color:inherit}.mn-secnav .mn-c:hover{background:var(--yellow)}.mn-secnav .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 7px;margin-left:6px}
/* 10: paleta komend */
.mn-pill{position:fixed;top:12px;left:50%;display:flex;gap:6px;z-index:95;transform:translate(-50%,-160%);transition:transform .45s cubic-bezier(.2,.9,.3,1.15);font-size:12px}
.mn-pill.mn-show{transform:translate(-50%,0)}
.mn-pill>*:not(.mn-slot){background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:9px 14px;font:inherit;text-decoration:none;cursor:pointer;display:flex;align-items:center;gap:8px}
.mn-pill .mn-open-cmd{min-width:260px;justify-content:space-between;color:var(--muted)}.mn-pill kbd{border:1px solid var(--line);padding:0 6px;font:inherit;color:var(--ink)}
.mn-pill .mn-open-cmd:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}.mn-pill .mn-c:hover{background:var(--green)}.mn-pill .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 7px;margin:0}
.mn-cmd{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:120;display:none;align-items:flex-start;justify-content:center;padding-top:12vh}.mn-cmd.mn-open{display:flex}
.mn-box{width:min(680px,92vw);background:var(--bg);color:var(--ink);border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink);animation:mn-pop .25s cubic-bezier(.2,.9,.3,1.2)}
@keyframes mn-pop{from{transform:translateY(-14px) scale(.97);opacity:0}}
.mn-box input{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;color:inherit;font:500 20px var(--f,inherit);padding:20px 22px;outline:0}
.mn-res{max-height:52vh;overflow:auto;padding:6px 8px 10px}.mn-res h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:10px 12px 4px}
.mn-res a{display:flex;align-items:center;gap:12px;padding:9px 12px;text-decoration:none;color:inherit;font-size:13px}.mn-res a span{flex:1}.mn-res a img{width:40px;height:40px;object-fit:contain;background:var(--tile)}
.mn-res a span:last-child{color:var(--muted);flex:none}.mn-res a:hover,.mn-res a.on{background:var(--yellow);color:var(--yellow-fg,var(--ink))}.mn-res a:nth-child(5n+3):hover,.mn-res a:nth-child(5n+3).on{background:var(--pink);color:var(--pink-fg,var(--ink))}.mn-res a:nth-child(5n+4):hover,.mn-res a:nth-child(5n+4).on{background:var(--green);color:var(--green-fg,var(--ink))}
.mn-box .mn-foot{border-top:1px solid var(--line);padding:9px 22px;font-size:11px;color:var(--muted)}
@media(prefers-reduced-motion:reduce){.mn-dock,.mn-tab,.mn-drawer,.mn-thread,.mn-secnav,.mn-pill,.mn-box{transition:none;animation:none}}
@media(max-width:900px){.mn-dock,.mn-tab,.mn-drawer,.mn-back,.mn-thread,.mn-secnav,.mn-pill{display:none}}
@media(prefers-reduced-motion:reduce){.mn-island,.mn-rail,.mn-strip,.mn-stk,header.wp-block-template-part[data-mn="4"]{transition:none}.mn-bump{animation:none}}
@media(max-width:900px){header.wp-block-template-part[data-mn]{position:static!important}.mn-island,.mn-rail,.mn-strip,.mn-stk{display:none}}
/* 12: Belka Command (52px) */
.mn-command-bar{position:fixed;top:0;left:0;right:0;height:52px;background:var(--ink);color:var(--on-ink,#fff);z-index:95;box-shadow:0 6px 20px rgba(0,0,0,.25);transform:translateY(-105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mn-command-bar.mn-show{transform:none}
.mn-cmd-inner{display:flex;align-items:center;height:100%;gap:16px}
.mn-cmd-logo{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none}
.mn-cmd-logo span{display:block;width:100%}
.mn-kat-btn{background:var(--bg);color:var(--ink);border:1px solid var(--ink);padding:6px 14px;font:600 12px/1 'Sometype Mono',ui-monospace,monospace;letter-spacing:.04em;text-transform:lowercase;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background .15s}
.mn-kat-btn:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.mn-cmd-links{display:flex;align-items:center;gap:14px;font:500 12px/1 'Sometype Mono',ui-monospace,monospace;text-transform:lowercase}
.mn-cmd-links a{color:#ccc;text-decoration:none;transition:color .15s}
.mn-cmd-links a:hover{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
.mn-cmd-links a.mn-pr{color:var(--yellow)}
.mn-cmd-sf{flex:1;max-width:320px;margin:0 auto;display:flex;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:5px 10px}
.mn-cmd-sf input{border:0!important;background:transparent!important;color:#fff!important;font:inherit;font-size:12px;outline:0;width:100%}
.mn-cmd-sf input::placeholder{color:rgba(255,255,255,.5)}
.mn-cmd-right{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:12px}
.mn-cmd-user{color:#ddd;text-decoration:none;display:flex;align-items:center;gap:5px;transition:color .15s}
.mn-cmd-user:hover{color:#fff}
.mn-cmd-cart{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important;padding:6px 12px;border-radius:3px;font-weight:600;display:flex;align-items:center;gap:6px;text-decoration:none}
.mn-cmd-cart .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 6px;border-radius:2px;margin-left:2px}
.mn-cmd-dd{position:absolute;left:0;right:0;top:52px;background:var(--ink);color:var(--on-ink,#fff);border-top:1px solid #333;box-shadow:0 12px 30px rgba(0,0,0,.35);padding:20px 0 28px}
.mn-cmd-dd .mn-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.mn-cmd-dd .mn-g h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #444;padding-bottom:6px;margin:0 0 6px;color:var(--yellow)}
.mn-cmd-dd a{display:flex;justify-content:space-between;padding:5px 4px;font-size:12px;color:#ccc;border-bottom:1px solid #282828;text-decoration:none}
.mn-cmd-dd a:hover{color:var(--yellow);padding-left:4px}
.mn-cmd-dd a span{color:#888}

/* Belka Command w wersji obciętej (w szerokości menu) */
.mn-command-bar.mn-boxed{left:50%;right:auto;width:min(var(--wp--style--global--wide-size, 1360px),calc(100vw - 64px));transform:translate(-50%,-105%);border-radius:0 0 6px 6px}
.mn-command-bar.mn-boxed.mn-show{transform:translate(-50%,0)}
.mn-command-bar.mn-boxed .mn-cmd-inner{padding:0 16px}

/* 13: Morfująca Wyspa (pływający rounded pill) */
.mn-morph-island{position:fixed;top:12px;left:50%;z-index:95;transform:translate(-50%,-160%);transition:transform .4s cubic-bezier(.2,.9,.3,1.15);pointer-events:none}
.mn-morph-island.mn-show{transform:translate(-50%,0);pointer-events:auto}
.mn-mi-pill{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 14px;background:var(--ink);color:var(--on-ink,#fff);border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.28),0 0 0 1px rgba(255,255,255,.1);font-size:12px}
.mn-mi-logo{width:24px;height:24px;display:flex;align-items:center;justify-content:center;margin-right:2px}
.mn-mi-logo span{display:block;width:100%}
.mn-mi-kat{background:none;border:0;color:#fff;font:600 12px var(--f);cursor:pointer;padding:6px 10px;border-radius:999px;transition:background .15s}
.mn-mi-kat:hover{background:rgba(255,255,255,.15);color:var(--yellow)}
.mn-mi-links{display:flex;align-items:center;gap:6px}
.mn-mi-links a{color:#bbb;text-decoration:none;padding:4px 8px;border-radius:999px;transition:color .15s}
.mn-mi-links a:hover{color:#fff;background:rgba(255,255,255,.1)}
.mn-mi-links a.mn-pr{color:var(--yellow)}
.mn-mi-sep{width:1px;height:18px;background:rgba(255,255,255,.2);margin:0 2px}
.mn-mi-sbtn{background:rgba(255,255,255,.08);border:0;color:#aaa;border-radius:999px;padding:6px 12px;font:inherit;font-size:11px;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background .15s}
.mn-mi-sbtn:hover{background:rgba(255,255,255,.2);color:#fff}
.mn-mi-user{color:#ccc;text-decoration:none;padding:6px 8px;border-radius:50%;font-size:14px;line-height:1}
.mn-mi-user:hover{color:#fff;background:rgba(255,255,255,.15)}
.mn-mi-cart{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important;border-radius:999px;padding:6px 12px;font-weight:600;display:flex;align-items:center;gap:4px;text-decoration:none;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.mn-mi-cart .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 6px;border-radius:999px;margin-left:2px;font-size:10px}
.mn-mi-popsearch{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(440px,90vw);background:var(--bg);color:var(--ink);border:1px solid var(--ink);border-radius:8px;box-shadow:0 12px 28px rgba(0,0,0,.2);padding:10px 14px}
.mn-mi-popsearch[hidden]{display:none}
.mn-mi-dd{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(900px,94vw);display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding:18px 22px;background:var(--bg);color:var(--ink);border:1px solid var(--ink);border-radius:12px;box-shadow:0 14px 35px rgba(0,0,0,.2)}
.mn-mi-dd[hidden]{display:none}
.mn-mi-dd .mn-g h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:5px;margin:0 0 6px}
.mn-mi-dd a{display:flex;justify-content:space-between;padding:5px 4px;font-size:12px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.mn-mi-dd a:hover{background:var(--yellow);padding-left:6px}
.mn-mi-dd a span{color:var(--muted)}

/* 14: Wąski Dok (38px pasek) + Szuflada */
.mn-dock-bar{position:fixed;top:0;left:0;right:0;height:38px;background:var(--ink);color:var(--on-ink,#fff);z-index:95;box-shadow:0 4px 14px rgba(0,0,0,.2);transform:translateY(-105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.mn-dock-bar.mn-show{transform:none}
.mn-dk-row{display:flex;align-items:center;height:100%;font:500 12px/1 'Sometype Mono',ui-monospace,monospace}
.mn-dk-drawer-btn{background:rgba(255,255,255,.12);color:#fff;border:0;height:100%;padding:0 16px;font:inherit;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:background .15s}
.mn-dk-drawer-btn:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.mn-dk-ham{font-size:14px}
.mn-dk-qlinks{display:flex;align-items:center;gap:16px;margin-left:20px;text-transform:lowercase}
.mn-dk-qlinks a{color:#ccc;text-decoration:none}
.mn-dk-qlinks a:hover{color:var(--yellow);text-decoration:underline;text-underline-offset:3px}
.mn-dk-qlinks a.mn-pr{color:var(--yellow)}
.mn-dk-right{display:flex;align-items:center;gap:14px;margin-left:auto}
.mn-dk-sf{max-width:180px;border-bottom:1px solid #555;padding:2px 0}
.mn-dk-sf input{border:0!important;background:transparent!important;color:#fff!important;font:inherit;font-size:11px;outline:0;width:100%}
.mn-dk-sf input::placeholder{color:#888}
.mn-dk-a{color:#ccc;text-decoration:none}
.mn-dk-a:hover{color:#fff}
.mn-dk-c{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important;height:38px;padding:0 14px;display:flex;align-items:center;gap:6px;font-weight:600;text-decoration:none}
.mn-dk-c .mn-n{background:var(--ink);color:var(--on-ink,#fff);padding:1px 6px;margin-left:2px}
.mn-cap-sum{font-weight:500;font-size:11px;opacity:.9}

/* Wąski Dok w wersji obciętej (w szerokości menu) */
.mn-dock-bar.mn-boxed{left:50%;right:auto;width:min(var(--wp--style--global--wide-size, 1360px),calc(100vw - 64px));transform:translate(-50%,-105%);border-radius:0}
.mn-dock-bar.mn-boxed.mn-show{transform:translate(-50%,0)}
.mn-dock-bar.mn-boxed .mn-dk-row{padding:0 0 0 16px}
.mn-dock-bar.mn-boxed .mn-dk-drawer-btn{padding:0 14px}

/* Menu kategorii jak z wersji A (jasne menu pod przyciskiem z cieniami/obramowaniem) */
.mn-dock-bar .mn-dock-dd-a{top:calc(100% + 4px);left:0;right:0;border-radius:0;font:400 12px/1.4 'Sometype Mono',ui-monospace,monospace}
.mn-dock-bar .mn-dock-dd-a a{font:500 12px/1.3 'Sometype Mono',ui-monospace,monospace}
.mn-dock-bar .mn-dock-dd-a .mn-g h3{font:500 11px/1.2 'Sometype Mono',ui-monospace,monospace}

/* Menu kategorii jak z wersji B (czarne mega-menu) */
.mn-dock-bar .mn-dock-dd-b{top:38px;left:0;right:0;border-radius:0;font:400 12px/1.4 'Sometype Mono',ui-monospace,monospace}
.mn-dock-bar .mn-dock-dd-b a{font:500 12px/1.3 'Sometype Mono',ui-monospace,monospace}
.mn-dock-bar .mn-dock-dd-b .mn-g h3{font:500 11px/1.2 'Sometype Mono',ui-monospace,monospace}

/* Mini C „Wąski Dok” (18) pod zasady designu (Claude, 14.10.2026): kwadratowo, bez cieni i półprzezroczystych teł, kolory tylko ze zmiennych, grubość 500, odstępy 8/16/24/32, hover po kolei w kaflach 1–5 */
.mn-dock-command{--dk-fg:var(--on-ink,#fff);--dk-sep:color-mix(in srgb,var(--on-ink,#fff) 22%,var(--c-ink));--dk-dim:color-mix(in srgb,var(--on-ink,#fff) 60%,var(--c-ink));background:var(--c-ink);color:var(--dk-fg);box-shadow:none}
.mn-dock-command .mn-dk-row{padding:0;font:500 12px/1 'Sometype Mono',ui-monospace,monospace}
.mn-dock-command .mn-dk-drawer-btn{background:none;color:var(--dk-fg);font-weight:500;padding:0 16px;gap:8px;border-right:1px solid var(--dk-sep)}
.mn-dock-command .mn-dk-drawer-btn:hover,.mn-dock-command .mn-dk-drawer-btn[aria-expanded=true]{background:var(--hv, var(--c-1));color:var(--hv-fg, var(--c-1-fg,var(--c-ink)))}
.mn-dock-command .mn-dk-ham{font-size:14px;line-height:1}
.mn-dock-command .mn-dk-qlinks{gap:0;margin-left:8px;align-self:stretch}
.mn-dock-command .mn-dk-qlinks a{display:flex;align-items:center;padding:0 12px;color:var(--dk-fg);text-decoration:none}
.mn-dock-command .mn-dk-qlinks a.mn-pr{color:var(--c-1)}
.mn-dock-command .mn-dk-qlinks a:nth-child(1):hover{background:var(--hv, var(--c-2));color:var(--hv-fg, var(--c-2-fg,var(--c-ink)));text-decoration:none}
.mn-dock-command .mn-dk-qlinks a:nth-child(2):hover{background:var(--hv, var(--c-red));color:var(--hv-fg, var(--c-red-fg,#fff));text-decoration:none}
.mn-dock-command .mn-dk-qlinks a:nth-child(3):hover{background:var(--hv, var(--c-3));color:var(--hv-fg, var(--c-3-fg,var(--c-ink)));text-decoration:none}
.mn-dock-command .mn-dk-right{gap:0;align-self:stretch}
.mn-dock-command .mn-dk-sf{max-width:200px;margin-right:16px;padding:4px 0;border-bottom:1px solid var(--dk-dim)}
.mn-dock-command .mn-dk-sf:focus-within{border-bottom-color:var(--c-1)}
.mn-dock-command .mn-dk-sf input{color:var(--dk-fg)!important;font:400 12px/1 'IBM Plex Mono',ui-monospace,monospace}
.mn-dock-command .mn-dk-sf input::placeholder{color:var(--dk-dim)}
.mn-dock-command .mn-dk-a{display:flex;align-items:center;align-self:stretch;padding:0 16px;color:var(--dk-fg);text-decoration:none} /* podświetlenie na całą wysokość paska (uwaga Bartka 16.10.2026) */
.mn-dock-command .mn-dk-a:hover{background:var(--hv, var(--c-4));color:var(--hv-fg, var(--c-4-fg,var(--c-ink)))}
.mn-dock-command .mn-dk-c{height:38px;padding:0 16px;gap:8px;font-weight:500;background:var(--c-1);color:var(--c-1-fg,var(--c-ink))!important}
.mn-dock-command .mn-dk-c:hover{background:var(--hv, var(--c-5));color:var(--hv-fg, var(--c-5-fg,var(--c-ink)))!important}
.mn-dock-command .mn-dk-c .mn-n{background:var(--c-ink);color:var(--on-ink,#fff);padding:2px 8px;margin:0;font-size:12px;line-height:1}
.mn-dock-command .mn-dk-c .mn-n:empty{display:none}
.mn-dock-command .mn-cap-sum{font-weight:400;opacity:1}
/* rozwijana lista: kolory tła i tekstu z „Rozwijanej listy” (data-mcol, jak w głównym menu), tu tylko układ */
.mn-dock-command .mn-dock-dd-b{top:38px;border:0;border-top:1px solid var(--dk-sep);border-radius:0;box-shadow:none;padding:24px 0 32px}
.mn-dock-command .mn-dock-dd-b .mn-wrap{gap:24px;padding:0 24px}
.mn-dock-command .mn-dock-dd-b .mn-g h3{padding-bottom:8px;margin:0 0 8px}
.mn-dock-command .mn-dock-dd-b a,.mn-dock-command .mn-dock-dd-b a:hover{padding:8px;gap:8px}
.mn-dock-command .mn-dock-dd-b a span{font-weight:400}
.mn-dock-command .mn-dock-dd-b a:nth-of-type(5n+1):hover{background:var(--hv, var(--c-1))!important;color:var(--hv-fg, var(--c-1-fg,var(--c-ink)))!important}
.mn-dock-command .mn-dock-dd-b a:nth-of-type(5n+2):hover{background:var(--hv, var(--c-2))!important;color:var(--hv-fg, var(--c-2-fg,var(--c-ink)))!important}
.mn-dock-command .mn-dock-dd-b a:nth-of-type(5n+3):hover{background:var(--hv, var(--c-3))!important;color:var(--hv-fg, var(--c-3-fg,var(--c-ink)))!important}
.mn-dock-command .mn-dock-dd-b a:nth-of-type(5n+4):hover{background:var(--hv, var(--c-4))!important;color:var(--hv-fg, var(--c-4-fg,var(--c-ink)))!important}
.mn-dock-command .mn-dock-dd-b a:nth-of-type(5n):hover{background:var(--hv, var(--c-5))!important;color:var(--hv-fg, var(--c-5-fg,var(--c-ink)))!important}
html[data-mcol="white"] .mn-dock-command .mn-dock-dd-b{border:1px solid var(--c-ink)!important;border-top:0!important;box-shadow:none!important;background:var(--c-bg,#fff)!important}
.mn-dock-command .mn-dock-dd-b[hidden]{display:none!important}
/* telefon: pasek na całą szerokość, bez szybkich linków i szukajki, lista w 2 kolumnach z przewijaniem */
@media(max-width:700px){
	.mn-dock-command.mn-boxed{left:0;width:100%;transform:translateY(-105%)}
	.mn-dock-command.mn-boxed.mn-show{transform:none}
	.mn-dock-command .mn-dk-qlinks,.mn-dock-command .mn-dk-sf,.mn-dock-command .mn-cap-sum{display:none}
	.mn-dock-command .mn-dock-dd-b{max-height:calc(100vh - 38px);overflow-y:auto;padding:16px 0 24px}
	.mn-dock-command .mn-dock-dd-b .mn-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:0 16px}
	.mn-dock-command .mn-dock-dd-b a{white-space:normal;min-width:0}
}

/* 15: Smart Reveal Header */
.mn-smart-bar{position:fixed;top:0;left:0;right:0;height:50px;background:var(--bg);color:var(--ink);border-bottom:2px solid var(--ink);z-index:95;box-shadow:0 6px 18px rgba(0,0,0,.12);transform:translateY(-105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.mn-smart-bar.mn-show{transform:none}
.mn-sb-row{display:flex;align-items:center;height:100%;gap:18px}
.mn-sb-logo{width:110px;flex:none}
.mn-sb-kat{background:var(--ink);color:var(--on-ink,#fff);border:0;padding:8px 14px;font:inherit;font-weight:600;font-size:12px;cursor:pointer;transition:background .15s}
.mn-sb-kat:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}
.mn-sb-sf{flex:1;max-width:380px;border:1.5px solid var(--ink);padding:6px 12px;background:var(--paper,#fff);display:flex}
.mn-sb-sf input{border:0!important;background:transparent!important;color:inherit;font:inherit;font-size:12px;outline:0;width:100%}
.mn-sb-right{display:flex;align-items:center;gap:16px;margin-left:auto;font-size:12px;font-weight:500}
.mn-sb-right a{text-decoration:none;color:inherit}
.mn-sb-right .mn-pr{color:var(--red);font-weight:600}
.mn-sb-right .mn-pr:hover{text-decoration:underline}
.mn-sb-user:hover{text-decoration:underline}
.mn-sb-cart{background:var(--ink);color:var(--on-ink,#fff)!important;padding:7px 14px;display:flex;align-items:center;gap:6px;font-weight:600;transition:background .15s}
.mn-sb-cart:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important}
.mn-sb-cart .mn-n{background:var(--yellow);color:var(--yellow-fg,var(--ink));padding:1px 6px;margin-left:2px}
.mn-sb-cart:hover .mn-n{background:var(--ink);color:var(--on-ink,#fff)}
.mn-sb-dd{position:absolute;left:0;right:0;top:50px;background:var(--bg);color:var(--ink);border-bottom:2px solid var(--ink);box-shadow:0 12px 28px rgba(0,0,0,.15);padding:20px 0 26px}
.mn-sb-dd .mn-wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.mn-sb-dd .mn-g h3{font-size:11px;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--ink);padding-bottom:5px;margin:0 0 6px}
.mn-sb-dd a{display:flex;justify-content:space-between;padding:5px 4px;font-size:12px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}
.mn-sb-dd a:hover{background:var(--yellow);padding-left:6px}
.mn-sb-dd a span{color:var(--muted)}

@media(prefers-reduced-motion:reduce){.mn-command-bar,.mn-morph-island,.mn-dock-bar,.mn-smart-bar{transition:none}}

/* ---------- koszyk (z makiety v3, cart.js) ---------- */
/* ---------- koszyk (cart.js): siedem konstrukcji panelu ---------- */
.kp-root{font-size:13px;color:var(--ink)}
.kp-bd{position:fixed;inset:0;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .3s;z-index:130}.kp-bd.kp-open{opacity:1;pointer-events:auto}
.kp h3{font-size:16px;margin:0}.kp h3 small,.kp header small{color:var(--muted);font-weight:400}
.kp-x{background:none;border:1px solid var(--ink);color:var(--ink);width:32px;height:32px;cursor:pointer;font:inherit;flex:none}.kp-x:hover{background:var(--pink);color:var(--pink-fg,var(--ink))}
.kp header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--ink)}
.kp-list{overflow:auto;padding:4px 18px}
.kp-row{display:grid;grid-template-columns:60px minmax(0,1fr) auto auto;gap:12px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line)}
.kp-img{background:var(--tile);display:block;aspect-ratio:1}.kp-img img{width:100%;height:100%;object-fit:contain;display:block}
.kp-info{display:flex;flex-direction:column;gap:3px;min-width:0}.kp-name{color:inherit;text-decoration:none;line-height:1.3}.kp-name:hover{text-decoration:underline}.kp-info small,.kp-card small{color:var(--muted)}
.kp-q{display:inline-flex;border:1px solid var(--ink);align-self:flex-start;margin-top:4px}.kp-q button{width:26px;height:26px;border:0;background:none;color:inherit;cursor:pointer;font:inherit}.kp-q button:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))}.kp-q span{min-width:28px;text-align:center;line-height:26px;border-inline:1px solid var(--line)}
.kp-price{white-space:nowrap;padding-top:2px}.kp-rm{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;padding:2px 4px}.kp-rm:hover{color:var(--red)}
.kp-sum{padding:14px 18px 18px;border-top:1px solid var(--ink);display:flex;flex-direction:column;gap:10px;background:var(--bg)}
.kp-prog{height:8px;border:1px solid var(--ink);position:relative}.kp-prog i{position:absolute;left:0;top:0;bottom:0;background:var(--green);transition:width .4s}
.kp-msg{margin:0;color:var(--muted);font-size:12px}.kp-line{display:flex;justify-content:space-between;font-size:15px}
.kp-go{display:flex;align-items:center;justify-content:center;height:38px;padding:0 12px;box-sizing:border-box;text-align:center;background:var(--ink);color:var(--on-ink,#fff)!important;text-decoration:none;font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:12px;transition:background .15s}.kp-go:hover{background:var(--yellow);color:var(--yellow-fg,var(--ink))!important}.kp-go[aria-disabled=true]{opacity:.35;pointer-events:none}
.kp-cont{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font:inherit;padding:2px}.kp-cont:hover{color:var(--ink)}
.kp-empty{padding:38px 18px;text-align:center}.kp-empty p{margin:0 0 8px;font-size:15px}.kp-empty a{color:inherit}
/* 1 szuflada */
.kp1{position:fixed;right:0;top:0;bottom:0;width:min(420px,94vw);background:var(--bg);border-left:1px solid var(--ink);z-index:131;display:flex;flex-direction:column;transform:translateX(104%);transition:transform .42s cubic-bezier(.2,.9,.3,1)}.kp-root.kp-open .kp1{transform:none;box-shadow:-12px 0 40px rgba(0,0,0,.18)}.kp1 .kp-list{flex:1}
/* 2 dymek */
.kp-root[data-v="2"]{position:fixed;width:min(380px,calc(100vw - 24px));z-index:131;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)}.kp-root[data-v="2"].kp-open{opacity:1;transform:none;pointer-events:auto}
.kp2{background:var(--bg);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}.kp2 .kp-list{max-height:min(46vh,340px)}.kp2 .kp-row{grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px}.kp2 header{padding:10px 14px}
.kp2::before{content:'';position:absolute;top:-8px;right:28px;width:14px;height:14px;background:var(--bg);border-left:1px solid var(--ink);border-top:1px solid var(--ink);transform:rotate(45deg)}
/* 3 okno */
.kp-root[data-v="3"]{position:fixed;inset:0;z-index:131;display:grid;place-items:center;pointer-events:none}
.kp3{position:relative;width:min(960px,94vw);max-height:84vh;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);background:var(--bg);border:1px solid var(--ink);box-shadow:10px 10px 0 var(--ink);opacity:0;transform:translateY(20px) scale(.97);transition:opacity .25s,transform .35s cubic-bezier(.2,.9,.3,1.2)}.kp-root[data-v="3"].kp-open .kp3{opacity:1;transform:none;pointer-events:auto}
.kp3 .kp-x{position:absolute;right:12px;top:12px;z-index:2}.kp3 .kp-l{padding:22px 24px;overflow:auto;max-height:84vh}.kp3 .kp-l h3{margin-bottom:8px;font-size:20px}.kp3 .kp-list{padding:0}.kp3 .kp-r{background:var(--yellow);color:var(--yellow-fg,var(--ink));border-left:1px solid var(--ink);padding:22px 0 0;display:flex;flex-direction:column}.kp3 .kp-r h4{margin:0 18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.kp3 .kp-sum{background:transparent;border:0;margin-top:auto}.kp3 .kp-msg{color:inherit;opacity:.7}.kp3 .kp-prog{background:var(--bg)}
/* 4 dolny arkusz */
.kp-root[data-v="4"]{position:fixed;left:0;right:0;bottom:0;z-index:131;pointer-events:none}
.kp4{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;background:var(--bg);border-top:2px solid var(--ink);transform:translateY(105%);transition:transform .45s cubic-bezier(.2,.9,.3,1);max-height:60vh}.kp-root[data-v="4"].kp-open .kp4{transform:none;pointer-events:auto;box-shadow:0 -14px 40px rgba(0,0,0,.2)}
.kp4 .kp-x{position:absolute;right:12px;top:-44px;background:var(--bg);transition:opacity .2s, visibility .2s;}
.kp-root[data-v="4"]:not(.kp-open) .kp-x{opacity:0 !important;visibility:hidden !important;pointer-events:none !important}
.kp4 .kp-cards{display:flex;gap:14px;overflow-x:auto;padding:18px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--c-ink) transparent}
.kp4 .kp-cards::-webkit-scrollbar{height:4px}
.kp4 .kp-cards::-webkit-scrollbar-track{background:transparent}
.kp4 .kp-cards::-webkit-scrollbar-thumb{background:var(--c-ink)}
.kp4 .kp-card{scroll-snap-align:start}
.kp4 .kp-sum{border-top:0;border-left:1px solid var(--ink);justify-content:center}
.kp-cards{display:flex;gap:14px}.kp-card{position:relative;flex:none;width:170px;display:flex;flex-direction:column;gap:4px}.kp-card .kp-img{margin-bottom:4px}.kp-card .kp-rm{position:absolute;top:2px;right:2px;background:var(--bg);width:24px;height:24px;border:1px solid var(--ink);padding:0}.kp-card .kp-rm:hover{background:var(--pink);color:var(--pink-fg,var(--ink))}.kp-cf{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.kp-cf .kp-q{margin:0}
/* 5 paragon */
.kp-root[data-v="5"],.kp-root[data-v="10"]{position:fixed;right:24px;top:0;z-index:131;pointer-events:none}
.kp5{position:relative;width:min(330px,92vw);transform:translateY(-104%);transition:transform .6s cubic-bezier(.2,.9,.3,1.05);filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}.kp-root[data-v="5"].kp-open .kp5,.kp-root[data-v="10"].kp-open .kp5{transform:none;pointer-events:auto}
.kp-paper{background:#fffdf5;color:#222;padding:26px 22px 34px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;max-height:84vh;overflow:auto;-webkit-mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) bottom/14px 51% repeat-x,linear-gradient(#000 0 0) top/100% 52% no-repeat;mask:radial-gradient(7px at 50% 100%,#0000 98%,#000) bottom/14px 51% repeat-x,linear-gradient(#000 0 0) top/100% 52% no-repeat}
.kp-paper h3{text-align:center;letter-spacing:.3em;font-size:16px}.kp-ps{text-align:center;color:#777;margin:4px 0}.kp-paper hr{border:0;border-top:1px dashed #999;margin:12px 0}
.kp-rl{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:4px 0;position:relative}.kp-rl em{font-style:normal;color:#777}.kp-ra{display:none;grid-column:1/-1;gap:4px}.kp-rl:hover .kp-ra{display:flex}.kp-ra button{background:#222;color:#fffdf5;border:0;padding:1px 9px;cursor:pointer;font:inherit}.kp-ra .kp-rm{background:var(--red);color:#fff;margin-left:auto}
.kp-rt{display:flex;justify-content:space-between;font-size:16px;font-weight:600}.kp-bar{height:34px;margin:14px 0;background:repeating-linear-gradient(90deg,#222 0 2px,transparent 2px 4px,#222 4px 5px,transparent 5px 8px,#222 8px 11px,transparent 11px 13px)}
.kp5 .kp-go{background:#222;color:#fffdf5!important}.kp5 .kp-go:hover{background:var(--yellow);color:var(--yellow-fg,#222)!important}.kp5 .kp-x{position:absolute;right:8px;top:8px;z-index:2;border-color:#222;color:#222;background:#fffdf5}
/* 6 spadająca półka */
.kp-root[data-v="6"]{position:fixed;left:0;right:0;top:0;z-index:131;pointer-events:none}
.kp6{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 340px;background:var(--bg);border-bottom:2px solid var(--ink);transform:translateY(-104%);transition:transform .45s cubic-bezier(.2,.9,.3,1);max-height:70vh}.kp-root[data-v="6"].kp-open .kp6{transform:none;pointer-events:auto;box-shadow:0 14px 40px rgba(0,0,0,.2)}
.kp6 .kp-tiles{padding:18px 24px;overflow:hidden;min-width:0}.kp6 .kp-tiles h3{margin-bottom:12px}.kp6 .kp-cards{overflow-x:auto;padding-bottom:6px}
.kp6 .kp-side{background:var(--yellow);color:var(--yellow-fg,var(--ink));border-left:1px solid var(--ink);display:flex;align-items:flex-end}.kp6 .kp-sum{background:transparent;border:0;width:100%}.kp6 .kp-prog{background:var(--bg)}.kp6 .kp-msg{color:inherit;opacity:.7}.kp6 .kp-x{position:absolute;right:12px;bottom:-44px;background:var(--bg)}
/* 7 pływające okienko */
.kp-root[data-v="7"]{position:fixed;right:20px;bottom:20px;z-index:125;display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.kp-pill{background:var(--ink);color:var(--on-ink,#fff);border:0;padding:12px 18px;font:600 12px var(--f,inherit);cursor:pointer;box-shadow:4px 4px 0 var(--yellow);display:flex;gap:8px;align-items:center;transition:transform .15s}.kp-pill:hover{transform:translate(-2px,-2px)}.kp-pill i{font-style:normal}.kp-on .kp-pill i{transform:rotate(180deg)}
.kp-win{width:min(360px,92vw);background:var(--bg);border:1px solid var(--ink);box-shadow:6px 6px 0 var(--ink);animation:kp-up .3s cubic-bezier(.2,.9,.3,1.2);display:flex;flex-direction:column}.kp-win[hidden]{display:none}.kp-win .kp-list{max-height:min(44vh,320px)}.kp-win .kp-row{grid-template-columns:48px minmax(0,1fr) auto auto;gap:10px}.kp-win header{padding:10px 14px}
@keyframes kp-up{from{transform:translateY(16px);opacity:0}}
@media(prefers-reduced-motion:reduce){.kp1,.kp-root,.kp3,.kp4,.kp5,.kp6,.kp-win,.kp-bd{transition:none;animation:none}}
@media(max-width:900px){.kp4,.kp6,.kp3{grid-template-columns:1fr}.kp-root[data-v="7"]{bottom:80px}}

/* 8 wydruk: paragon wysuwa się z drukarki krok po kroku, pozycje drukują się po kolei */
.kp-root[data-v="8"],.kp-root[data-v="9"]{position:fixed;top:0;z-index:131;pointer-events:none;display:none}
.kp-root[data-v="8"]{right:24px}.kp-root[data-v="9"]{right:44px}
.kp-root[data-v="8"].kp-open,.kp-root[data-v="9"].kp-open{display:block}
.kp8{width:min(340px,92vw);pointer-events:auto;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}
.kp-slot{height:14px;background:linear-gradient(#222,#444);border-radius:0 0 8px 8px;position:relative;z-index:2;box-shadow:0 4px 10px rgba(0,0,0,.3)}.kp-slot i{position:absolute;left:12px;right:12px;bottom:3px;height:3px;background:#000;border-radius:2px}
.kp8 .kp-paper{margin:-3px 8px 0;max-height:calc(100vh - 40px);padding-top:30px}
.kp8 .kp-paper .kp-x{position:absolute;right:6px;top:30px;border-color:#222;color:#222;background:#fffdf5;z-index:2}
.kp-root[data-v="8"][data-fresh] .kp8 .kp-paper{animation:kp-feed 1.2s steps(16,end) both}
@keyframes kp-feed{from{transform:translateY(-102%)}to{transform:none}}
.kp-root[data-v="8"][data-fresh] .kp8 :is(.kp-rl,.kp-rt,.kp-ps,.kp-bar,.kp-go){animation:kp-line .01s calc(1.1s + var(--i,0) * .22s) both;opacity:0}
@keyframes kp-line{to{opacity:1}}
/* 9 szpikulec: karteczka zamówienia kołysze się na szpikulcu */
.kp9{width:min(320px,92vw);pointer-events:none;position:relative}
.kp-spike{position:absolute;left:50%;top:0;width:0;height:86px;z-index:3}.kp-spike::before{content:'';position:absolute;left:-1.5px;top:0;width:3px;height:84px;background:linear-gradient(90deg,#999,#eee,#777)}.kp-spike i{position:absolute;left:-7px;top:-6px;width:14px;height:14px;background:#222;border-radius:50%}
.kp-slip{margin-top:62px;background:#fff8c9;color:#222;padding:26px 20px 24px;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;box-shadow:0 14px 22px rgba(0,0,0,.28);transform-origin:50% -34px;pointer-events:auto;position:relative;background-image:repeating-linear-gradient(transparent 0 23px,rgba(0,0,0,.08) 23px 24px);max-height:calc(100vh - 80px);overflow:auto;clip-path:polygon(0 0,100% 0,100% 100%,97% 99%,94% 100%,91% 99%,88% 100%,85% 99%,82% 100%,79% 99%,76% 100%,73% 99%,70% 100%,67% 99%,64% 100%,61% 99%,58% 100%,55% 99%,52% 100%,49% 99%,46% 100%,43% 99%,40% 100%,37% 99%,34% 100%,31% 99%,28% 100%,25% 99%,22% 100%,19% 99%,16% 100%,13% 99%,10% 100%,7% 99%,4% 100%,0 99%)}
.kp-slip::before{content:'';position:absolute;left:50%;top:30px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}
.kp-slip h3{text-align:center;font-size:15px;letter-spacing:.14em;padding-top:26px;color:var(--red)}.kp-slip h3 em{font-style:normal;color:#222}.kp-slip .kp-x{position:absolute;right:8px;top:8px;border-color:#222;color:#222;background:transparent}
.kp-slip .kp-ps{text-align:center;color:#777;margin:4px 0 12px}
.kp-sl{display:grid;grid-template-columns:18px 1fr auto;gap:2px 8px;padding:6px 0;position:relative}.kp-sl i{font-style:normal;color:#444}.kp-sl small{display:block;color:#777}.kp-sl u{text-decoration:none;font-weight:600}.kp-sl .kp-ra{display:none;grid-column:2/-1;gap:4px}.kp-sl:hover .kp-ra{display:flex}
.kp-slip .kp-rt{border-top:2px solid #222;margin-top:10px;padding-top:8px}
.kp-slip .kp-go{background:#222;color:#fff8c9!important;margin-top:10px}.kp-slip .kp-go:hover{background:var(--red);color:#fff!important}
.kp-root[data-v="9"][data-fresh] .kp-slip{animation:kp-swing 2s cubic-bezier(.3,.6,.4,1) both}
@keyframes kp-swing{0%{transform:translateY(-60%) rotate(14deg);opacity:.2}25%{transform:rotate(-9deg);opacity:1}45%{transform:rotate(6deg)}65%{transform:rotate(-3deg)}85%{transform:rotate(1.2deg)}100%{transform:none}}
.kp-root[data-v="9"] .kp-slip{transform:rotate(-1.2deg)}
/* 10 kupon: odrywany kupon na dole paragonu */
.kp10 .kp-cut{margin:14px -6px 6px;color:#888;white-space:nowrap;overflow:hidden;font-size:11px}
.kp-stub{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;border:2px dashed #222;background:var(--yellow);color:var(--yellow-fg,#222);padding:10px;cursor:pointer;font:inherit;transform-origin:0 0;transition:transform .7s cubic-bezier(.5,0,.8,.4),opacity .6s}
.kp-stub b{font-size:15px;letter-spacing:.06em}.kp-stub code{font:700 18px 'IBM Plex Mono',monospace;letter-spacing:.2em;background:#fffdf5;padding:2px 10px}.kp-stub small{color:inherit;opacity:.7;font-size:10px}
.kp-stub:hover{background:var(--pink);color:var(--pink-fg,#222)}.kp-stub.kp-torn{transform:translate(70px,260px) rotate(24deg);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){.kp-root[data-v="8"][data-fresh] .kp8 *,.kp-root[data-v="9"][data-fresh] .kp-slip,.kp-stub{animation:none!important;transition:none;opacity:1!important}}

/* 11 rolka kasowa: długa taśma z rolki na całą wysokość, suma przyklejona na dole */
.kp-root[data-v="11"]{position:fixed;right:0;top:0;bottom:0;z-index:131;pointer-events:none;display:none}.kp-root[data-v="11"].kp-open{display:block}
.kp11{height:100%;width:min(330px,94vw);display:flex;flex-direction:column;pointer-events:auto;filter:drop-shadow(-8px 0 18px rgba(0,0,0,.22))}
.kp-roll{height:34px;flex:none;position:relative;z-index:2;background:linear-gradient(#777,#f3f3f3 35%,#fff 50%,#cfcfcf 70%,#666);border-radius:0 0 6px 6px;box-shadow:0 3px 8px rgba(0,0,0,.3);overflow:hidden}
.kp-roll i{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(0,0,0,.07) 18px 20px)}
.kp-tape{flex:1;min-height:0;margin:-4px 0 0 14px;background:#fffdf5;color:#222;font:12px/1.4 'IBM Plex Mono',ui-monospace,monospace;padding:30px 20px 0 22px;display:flex;flex-direction:column;position:relative;-webkit-mask:radial-gradient(6px at 0 7px,#0000 98%,#000) 0 0/100% 14px repeat-y;mask:radial-gradient(6px at 0 7px,#0000 98%,#000) 0 0/100% 14px repeat-y}
.kp-tape h3{text-align:center;letter-spacing:.22em;font-size:14px}.kp-tape .kp-x{position:absolute;right:10px;top:8px;border-color:#222;color:#222;background:#fffdf5;width:28px;height:28px}
.kp-tape hr{border:0;border-top:1px dashed #999;margin:10px 0}.kp-tl{flex:1;overflow:auto;min-height:0}
.kp-tot{background:#fffdf5;padding-bottom:20px;position:relative;z-index:1}.kp-tape .kp-go{background:#222;color:#fffdf5!important}.kp-tape .kp-go:hover{background:var(--yellow);color:var(--yellow-fg,#222)!important}
.kp-root[data-v="11"][data-fresh] .kp-tape{animation:kp-unroll 1.1s cubic-bezier(.3,.7,.3,1) both}
@keyframes kp-unroll{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}
.kp-root[data-v="11"][data-fresh] .kp-roll i{animation:kp-spin 1.1s linear}@keyframes kp-spin{to{background-position:140px 0}}
/* 12 teczka: skórzana teczka na rachunek otwiera się jak książka */
.kp-root[data-v="12"]{position:fixed;top:70px;right:32px;z-index:131;pointer-events:none;perspective:1800px;display:none}.kp-root[data-v="12"].kp-open{display:block}
.kp-folder{position:relative;width:min(340px,92vw);pointer-events:auto}
.kp-inside{background:#1c1b1a;padding:14px;border-radius:2px 6px 6px 2px;box-shadow:0 18px 30px rgba(0,0,0,.35);position:relative;border:1px solid #000;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:5px 5px}
.kp-inside .kp-paper.kp-flat{-webkit-mask:none;mask:none;max-height:72vh;padding:22px 18px 18px;box-shadow:0 2px 6px rgba(0,0,0,.4)}
.kp-inside .kp-x{position:absolute;right:20px;top:20px;border-color:#222;color:#222;background:#fffdf5;z-index:2;width:28px;height:28px}
.kp-cover{position:absolute;inset:0;transform-origin:0 50%;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.3,.7,.3,1) .1s;pointer-events:none}
.kp-root[data-v="12"].kp-open .kp-cover{transform:rotateY(-178deg)}
.kp-front,.kp-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:2px 6px 6px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #000;box-shadow:inset 0 0 0 7px #1c1b1a,inset 0 0 0 8px rgba(255,255,255,.22)}
.kp-front{background:#1c1b1a;color:#d8c9a0;transform:translateZ(1px)}.kp-front span{font:600 22px 'IBM Plex Mono',monospace;letter-spacing:.3em}.kp-front small{letter-spacing:.2em;text-transform:uppercase;font-size:10px}
.kp-strap{position:absolute;right:-1px;top:30%;bottom:30%;width:12px;background:var(--red);box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}
.kp-back{background:var(--red);color:#fff;transform:rotateY(180deg)}.kp-back span{font:600 18px 'IBM Plex Mono',monospace;letter-spacing:.14em}.kp-back small{font-size:13px}
.kp-root[data-v="12"] .kp-cover{pointer-events:none}
/* 13 magnes: karteczka z magnesem zostaje w rogu i rozwija się w listę */
.kp-root[data-v="13"]{position:fixed;right:28px;top:214px;z-index:125}
.kp13{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
.kp-mag{position:absolute;left:50%;top:-11px;width:24px;height:24px;margin-left:-12px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff8,transparent 40%),var(--red);box-shadow:0 3px 6px rgba(0,0,0,.4),inset 0 -3px 4px rgba(0,0,0,.25);z-index:3}
.kp-note,.kp13 .kp-win{--grid:linear-gradient(rgba(0,0,0,.07) 1px,transparent 1px) 0 0/100% 18px;background:#fffdf5;background-image:var(--grid);color:#222}
.kp-note{position:relative;border:0;width:170px;padding:22px 16px 16px;text-align:left;font:12px/1.4 'IBM Plex Mono',monospace;cursor:pointer;transform:rotate(2.5deg);box-shadow:0 8px 16px rgba(0,0,0,.22);transition:transform .25s cubic-bezier(.2,.9,.3,1.4)}
.kp-note:hover{transform:rotate(0) translateY(-3px)}.kp-note b{display:block;font-size:20px;margin-bottom:2px}.kp-note span{display:block;color:#666}
.kp13 .kp-win{position:relative;width:min(340px,92vw);margin-top:2px;border:0;box-shadow:0 14px 26px rgba(0,0,0,.28);transform-origin:50% 0;transform:rotate(-1deg);animation:kp-unfold .55s cubic-bezier(.2,.9,.3,1) both;padding-top:10px}
.kp13 .kp-win header{border-bottom:1px dashed #999;padding-top:16px}.kp13 .kp-win .kp-sum{background:transparent;border-top:1px dashed #999}.kp13 .kp-win .kp-list{background:transparent}.kp13 .kp-win .kp-x{border-color:#222;color:#222;background:transparent}
@keyframes kp-unfold{from{transform:perspective(900px) rotateX(-90deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.kp-root[data-v="11"][data-fresh] .kp-tape,.kp-cover,.kp13 .kp-win{animation:none;transition:none}}

.kp-root a { text-decoration: none; }
.kp-root .kp-name, .kp-root .kp-img { color: inherit; }
.mn-sb-logo { width: auto; height: 100%; display: flex; align-items: center; } .mn-sb-logo .mn-lg { height: 34px; width: auto; }

/* ramka „Hyprland” wokół bloku Kupowane razem (mikser: Ramka, ?w=; 1 = zwykła z motywu), kolory palety */
@property --czc-ang { syntax: '<angle>'; inherits: false; initial-value: 0deg; }
html[data-frame="2"] .czc-bundle, html[data-frame="3"] .czc-bundle { border: 1px solid transparent; background: linear-gradient(#fff, #fff) padding-box, conic-gradient(from var(--czc-ang), var(--c-1), var(--c-2), var(--c-3), var(--c-4), var(--c-5), var(--c-1)) border-box; }
html[data-frame="2"] .czc-bundle { animation: czc-hyprspin 7s linear infinite; }
html[data-frame="3"] .czc-bundle { background: linear-gradient(#fff, #fff) padding-box, linear-gradient(45deg, var(--c-1), var(--c-3)) border-box; }
@keyframes czc-hyprspin { to { --czc-ang: 360deg; } }
@media (prefers-reduced-motion: reduce) { html[data-frame="2"] .czc-bundle { animation: none; } }

/* ---------- stopka: kolorystyka grafiki i tła (data-foot) ---------- */
/* OG: oryginalna grafika bez filtrów, oryginalny granat i krem stopki nienaruszone */
html[data-foot="og"] .czc-ftart img { filter: none !important; }
html[data-foot="og"] .czc-ftart::before { display: none !important; }

/* Warianty z zabarwieniem (belka, kafle 1-5, akcent promocje) */
html[data-foot="bar"] { --ft-tint: var(--czc-bar); }
html[data-foot="k1"]  { --ft-tint: var(--c-1); }
html[data-foot="k2"]  { --ft-tint: var(--c-2); }
html[data-foot="k3"]  { --ft-tint: var(--c-3); }
html[data-foot="k4"]  { --ft-tint: var(--c-4); }
html[data-foot="k5"]  { --ft-tint: var(--c-5); }
html[data-foot="red"] { --ft-tint: var(--c-red); }

/* Duotone (14.10.2026): niebo grafiki i tło stopki = dokładnie kolor wariantu (np. belki), linie tarasów = jego jaśniejszy odcień.
   Wcześniej tło było mieszanką 42% koloru z czernią, a grafika szara z mix-blend-mode: color, więc z jasnej belki wychodził ciemny, inny kolor.
   Kolory przemapowuje filtr SVG #czc-ftduo (feComponentTransfer, liniowo, budowany w mikser.js), więc ziarno i detale grafiki zostają.
   Kolor tekstu wg jasności (data-ftl z mikser.js): jasny kolor -> ciemny tekst i logo. */
html[data-foot]:not([data-foot="og"]) { --ft-bg: var(--ft-tint); --ft-fg: #ffffff; }
html[data-foot][data-ftl="light"]:not([data-foot="og"]) { --ft-fg: #111111; }

html[data-foot]:not([data-foot="og"]) .czc-footer {
	--ill-bg: var(--ft-bg);
	--ill-fg: var(--ft-fg);
	background: var(--ft-bg) !important;
	color: var(--ft-fg) !important;
}
html[data-foot]:not([data-foot="og"]) .czc-ftart img { filter: url(#czc-ftduo) !important; }
html[data-foot][data-ftl="light"]:not([data-foot="og"]) .czc-flogo { filter: invert(1) brightness(.07); }
html[data-foot][data-ftl="light"]:not([data-foot="og"]) .czc-fh { border-bottom-color: color-mix(in srgb, #111 30%, transparent); }

/* ---------- Mini A/B/C: pasek zawsze czarny, rozwijane listy w kolorach „Rozwijanej listy” (Claude, 14.10.2026) ----------
   --mb-* = sam pasek/wyspa (stałe, niezależne od mcol); listy (.mn-dd, .mn-mi-dd, .mn-dock-dd-b) biorą --mcol-* z bloku wyżej.
   Hover po kolei w kaflach 1–5. Kwadratowo, bez cieni, grubość 500. */
html { --mb-bg: var(--c-ink, #111); --mb-fg: var(--on-ink, #fff); --mb-link: color-mix(in srgb, var(--mb-fg) 82%, var(--mb-bg)); --mb-bd: color-mix(in srgb, var(--mb-fg) 20%, var(--mb-bg)); --mb-dim: color-mix(in srgb, var(--mb-fg) 55%, var(--mb-bg)); }
/* A: Wyspa (1) */
.mn-island { background: var(--mb-bg); color: var(--mb-fg); border-color: var(--mb-bd); box-shadow: none; border-radius: 0; }
.mn-island .mn-kat { background: var(--mb-fg) !important; color: var(--mb-bg) !important; font-weight: 500; }
.mn-island .mn-kat:hover, .mn-island .mn-kat[aria-expanded="true"] { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-1-fg, var(--c-ink))) !important; }
.mn-island .mn-pr { color: var(--c-red); }
.mn-island > .mn-l:nth-child(3):hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg, var(--c-ink))); }
.mn-island > .mn-l:nth-child(4):hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg, var(--c-ink))); }
.mn-island > .mn-l:nth-child(5):hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg, var(--c-ink))); }
.mn-island .mn-a:hover { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg, var(--c-ink))); }
.mn-island .mn-c:hover { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg, var(--c-ink))); }
.mn-island .mn-sf { border-bottom-color: var(--mb-dim); margin: 0 8px; padding: 8px 12px; }
.mn-island .mn-sf:focus-within { border-bottom-color: var(--c-1); }
.mn-island .mn-n { background: var(--mb-fg); color: var(--mb-bg); font-weight: 500; padding: 2px 8px; margin-left: 8px; }
.mn-island .mn-c:hover .mn-n { background: var(--c-ink); color: var(--on-ink, #fff); }
.mn-island .mn-dd { box-shadow: none; border-radius: 0; gap: 0 24px; padding: 16px 24px; }
.mn-island .mn-g h3 { font-weight: 500; }
.mn-island .mn-lg { filter: brightness(0) invert(1); }

/* B: Morfująca Wyspa (13) */
.mn-mi-pill { background: var(--mb-bg); color: var(--mb-fg); border: 1px solid var(--mb-bd); border-radius: 0; box-shadow: none; gap: 0; padding: 0 0 0 8px; }
.mn-mi-logo { margin-right: 8px; }
.mn-mi-kat, .mn-mi-links a, .mn-mi-sbtn, .mn-mi-user { border-radius: 0; background: none; color: var(--mb-link); font-weight: 500; padding: 12px; }
.mn-mi-kat { color: var(--mb-fg); }
.mn-mi-links { gap: 0; }
.mn-mi-links a.mn-pr { color: var(--c-1); }
.mn-mi-kat:hover, .mn-mi-kat[aria-expanded="true"] { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg, var(--c-ink))); }
.mn-mi-links a:nth-child(1):hover { background: var(--hv, var(--c-2)); color: var(--hv-fg, var(--c-2-fg, var(--c-ink))); }
.mn-mi-links a:nth-child(2):hover { background: var(--hv, var(--c-3)); color: var(--hv-fg, var(--c-3-fg, var(--c-ink))); }
.mn-mi-sbtn:hover { background: var(--hv, var(--c-4)); color: var(--hv-fg, var(--c-4-fg, var(--c-ink))); }
.mn-mi-user:hover { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg, var(--c-ink))); }
.mn-mi-sep { background: var(--mb-bd); margin: 0 8px; }
.mn-mi-cart { align-self: stretch; border-radius: 0; box-shadow: none; padding: 0 12px; gap: 8px; font-weight: 500; background: var(--c-1); color: var(--c-1-fg, var(--c-ink)) !important; }
.mn-mi-cart:hover { background: var(--hv, var(--c-5)); color: var(--hv-fg, var(--c-5-fg, var(--c-ink))) !important; }
.mn-mi-cart .mn-n { border-radius: 0; background: var(--c-ink); color: var(--on-ink, #fff); padding: 2px 8px; margin: 0; }
.mn-mi-popsearch { border-radius: 0; box-shadow: none; background: var(--mb-bg); color: var(--mb-fg); border-color: var(--mb-bd); padding: 12px 16px; }
.mn-mi-dd { border-radius: 0; box-shadow: none; gap: 24px; padding: 16px 24px; }
.mn-mi-dd .mn-g h3 { font-weight: 500; padding-bottom: 8px; margin: 0 0 8px; }
.mn-mi-dd a, .mn-mi-dd a:hover { padding: 8px; font-weight: 500; }

/* C: Wąski Dok (18) — pasek czarny, lista (.mn-dock-dd-b) z mcol */
.mn-dock-command { --dk-fg: var(--mb-fg); --dk-sep: var(--mb-bd); --dk-dim: var(--mb-dim); background: var(--mb-bg); }
.mn-dock-command .mn-dk-c .mn-n { background: var(--c-ink); color: var(--on-ink, #fff); }

/* ---------- telefon: domyślne z miksera v4 (16.10.2026) — Menu 0 Brak, Mini 40 Przycisk: kafel, Kafle m1 Karuzela Snap; Koszyk 4 Dolny arkusz jest wyżej (.kp4) ---------- */
html[data-menu="0"] .czc-menubar { display: none; }
@media (max-width: 700px) {
	html[data-mnv="40"] .czc-header .wp-block-search { display: none; } /* nagłówek w 1 linii: szukajka jest w panelu przycisku */
	/* mikser na telefonie zawsze na dole, po lewej (prawy dolny róg zajmuje .fb); zwinięty = mały przycisk, rozwinięty = panel w górę */
	.kp4 .kp-cards { padding: 16px; }
	.kp4 .kp-sum { border-left: 0; border-top: 1px solid var(--ink); }
	.kp-root[data-v="4"].kp-open .kp4 { box-shadow: none; } /* bez miękkiego cienia, wystarczy linia 2 px */
}

html.czc-fb-locked, html.czc-fb-locked body { overflow: hidden !important; overscroll-behavior: none !important; }

/* 40 Przycisk: kafel (makieta v4, dolny.css): kwadratowe rogi, ramki 1px tuszu, twarde cienie, etykiety wersalikami 11px */
.fb { --fb-sh: 3px 3px 0 var(--c-ink); position: fixed; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom, 0px) + var(--czc-kbd, 0px)); z-index: 95; display: flex; flex-direction: column; align-items: flex-end; gap: 12px; font-family: inherit; font-size: 12px; line-height: 1.4; color: var(--c-ink);
	opacity: 0; transform: translateY(16px); pointer-events: none; transition: opacity .35s ease-out, transform .2s, bottom .12s ease-out; }
.fb.fb-show { opacity: 1; transform: none; pointer-events: auto; }
.fb.fb-show.fb-idle:not(.fb-open) { opacity: .35; transition: opacity 2.2s cubic-bezier(.4,0,.2,1), transform .2s; } /* płynne, długie przygasanie; powrót do pełnej widoczności szybki (.35s) */
.fb [hidden] { display: none !important; }
.fb svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: square; stroke-linejoin: miter; flex: none; }
.fb a, .fb button { color: inherit; font: inherit; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.fb button { background: none; border: 0; padding: 0; border-radius: 0; }
.fb-bar { display: flex; align-items: stretch; gap: 10px; }
.fb-scrim { position: fixed; inset: 0; z-index: 94; background: color-mix(in srgb, var(--c-ink) 22%, transparent); opacity: 0; pointer-events: none; transition: opacity .2s; touch-action: none; }
.fb-scrim.on { opacity: 1; pointer-events: auto; }
.fb .fb-main { width: 64px; height: 48px; display: grid; place-items: center; border: 1px solid var(--c-ink); box-shadow: var(--fb-sh); background: var(--c-1); color: var(--c-1-fg); transition: transform .12s, box-shadow .12s, background .15s, color .15s; }
.fb .fb-main:active { transform: translate(2px, 2px); box-shadow: 1px 1px 0 var(--c-ink); }
.fb-main > i { display: flex; flex-direction: column; align-items: center; gap: 2px; font-style: normal; grid-area: 1 / 1; }
.fb-main small { font: 500 11px/1 'Sometype Mono', ui-monospace, monospace; text-transform: uppercase; letter-spacing: .06em; }
.fb-b { visibility: hidden; } .fb-open .fb-a { visibility: hidden; } .fb-open .fb-b { visibility: visible; }
.fb .fb-cart { display: none; align-items: center; gap: 8px; height: 48px; padding: 0 14px; border: 1px solid var(--c-ink); background: var(--c-ink); color: #fff; white-space: nowrap; transition: transform .12s, box-shadow .12s, background .15s, color .15s; }
.fb.fb-has .fb-cart { display: flex; }
.fb-cart .fb-n { font-weight: 500; background: var(--c-1); color: var(--c-1-fg); padding: 0 6px; }
.fb-bump { animation: fb-bump .4s; }
@keyframes fb-bump { 40% { transform: translateY(-6px); } }
.fb-pop { width: min(380px, calc(100vw - 32px)); max-height: min(calc(100dvh - 120px), calc(var(--czc-vvh, 100dvh) - 130px)); display: flex; flex-direction: column; }
.fb-pop.fb-in { animation: fb-in .18s ease-out; }
@keyframes fb-in { from { opacity: 0; transform: translateY(8px); } }
.fb-card { display: flex; flex-direction: column; min-height: 0; max-height: 100%; background: var(--paper); border: 1px solid var(--c-ink); }
.fb-scroll { overflow: auto; overscroll-behavior: contain; padding: 4px 16px 12px; min-height: 0; flex: 1 1 auto; }
.fb-h { font: 500 11px/1.4 'Sometype Mono', ui-monospace, monospace; color: var(--c-muted); text-transform: uppercase; letter-spacing: .06em; border-bottom: 1px solid var(--c-line); padding: 14px 0 6px; margin: 0 0 8px; }
.fb-quick { flex: none; border-top: 1px solid var(--c-ink); padding: 0 16px 12px; } /* Na skróty: stały blok pod przewijanymi kategoriami */
.fb-acct { flex: none; border-top: 1px solid var(--c-ink); }
.fb-acct .fb-h { margin: 0 16px 8px; }
.fb-acct .fb-acc { padding-bottom: 12px; }
.fb-list { display: flex; flex-direction: column; }
.fb-list a { display: flex; justify-content: space-between; align-items: center; gap: 8px; min-height: 44px; padding: 0 6px; border-bottom: 1px solid var(--c-line); transition: background .12s; }
.fb-list a small { background: var(--c-ink); color: #fff; font-size: 11px; padding: 1px 6px; } /* czarne chipy z liczbą */
/* hover tylko przy myszy; na dotyku kolor tylko w chwili tapnięcia (:active), inaczej przyklejony :hover trzymał pierwszy wylosowany kafel */
@media (hover: hover) {
	.fb .fb-main:hover { box-shadow: none; } /* po hoverze cień znika */
	.fb .fb-main:hover, .fb .fb-cart:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
	.fb-list a:hover, .fb-tags a:hover, .fb-res:hover, .fb-btn:hover, .fb-sf button:hover { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-1-fg)) !important; }
}
.fb .fb-main:active, .fb .fb-cart:active { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)); }
.fb-list a:active, .fb-tags a:active, .fb-res:active, .fb-btn:active, .fb-sf button:active { background: var(--hv, var(--c-1)) !important; color: var(--hv-fg, var(--c-1-fg)) !important; }
.fb-tags { display: flex; flex-wrap: wrap; gap: 6px; padding: 2px 0 4px; }
.fb-tags a { border: 1px solid var(--c-ink); padding: 0 10px; min-height: 44px; display: flex; align-items: center; }
.fb-tags a.fb-pr { color: var(--c-red); }
.fb-acc { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 16px 8px; }
.fb-btn { min-height: 44px; display: grid; place-items: center; border: 1px solid var(--c-ink); font-weight: 500; }
.fb-btn.fb-ink { background: var(--c-ink); color: #fff; }
.fb-sf { display: flex; border-top: 1px solid var(--c-ink); flex: none; margin: 0; }
.fb-sf input[type="search"] { flex: 1; min-width: 0; border: 0; border-radius: 0; background: var(--paper); color: var(--c-ink); padding: 0 16px; height: 52px; outline: 0; font: 400 16px/1 inherit; font-family: inherit; -webkit-appearance: none; appearance: none; }
.fb-sf input::placeholder { color: var(--c-muted); }
.fb-sf input::-webkit-search-cancel-button { display: none; }
.fb .fb-sf button { width: 52px; display: grid; place-items: center; border-left: 1px solid var(--c-ink); background: var(--c-ink); color: #fff; }
.fb-sf:focus-within { box-shadow: inset 0 -4px 0 var(--c-1); }
.fb-out { padding-top: 8px; }
.fb-res { display: grid; grid-template-columns: 44px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 6px; border-bottom: 1px solid var(--c-line); }
.fb-res img { width: 44px; height: 44px; object-fit: contain; background: var(--c-tile); }
.fb-res b { font-weight: 500; } .fb-res b.fb-pr { color: var(--c-red); }
.fb-res-cat { grid-template-columns: minmax(0, 1fr) auto; min-height: 44px; }
.fb-res-cat small { background: var(--c-ink); color: #fff; font-size: 11px; padding: 1px 6px; }
.fb-all { display: block; padding: 12px 6px; text-decoration: underline !important; text-underline-offset: 3px; }
.fb-empty { color: var(--c-muted); padding: 12px 0; margin: 0; }
@media (min-width: 701px) { .fb { right: 24px; bottom: 24px; } }

/* ---------- styl panelu: Kartoteka (wybór Bartka 16.10.2026), klasa .fb-ms1 ---------- */
.fb-tags a { justify-content: center; }
/* nagłówki jako zakładki w kolorach kafli, kategorie numerowane jak w katalogu */
.fb-ms1 .fb-h { display: inline-block; background: var(--c-1); color: var(--c-1-fg); border: 0; padding: 4px 8px 3px; margin: 14px 0 8px; }
.fb-ms1 .fb-acct .fb-h { margin: 14px 16px 8px; }
.fb-ms1 .fb-quick, .fb-ms1 .fb-acct { border-top-style: dashed; }
.fb-ms1 .fb-list { counter-reset: k; border-top: 1px solid var(--c-ink); }
.fb-ms1 .fb-list a { counter-increment: k; display: grid; grid-template-columns: 26px minmax(0, 1fr) auto; font-family: 'Sometype Mono', ui-monospace, monospace; font-size: 13px; }
.fb-ms1 .fb-list a::before { content: counter(k, decimal-leading-zero); font-size: 11px; color: var(--c-muted); }
.fb-ms1 .fb-quick .fb-h { background: var(--c-2); color: var(--c-2-fg); }
.fb-ms1 .fb-acct .fb-h { background: var(--c-3); color: var(--c-3-fg); }
.fb-ms1 .fb-tags a { min-height: 34px; padding: 0 12px; } /* skróty niższe, mniej kwadratowe */
.fb-ms1 .fb-acc .fb-btn { min-height: 40px; }
.fb-ms1 .fb-sf input[type="search"] { height: 40px; }
.fb-ms1 .fb-sf button svg { width: 18px; height: 18px; }

/* Etykieta „Kategorie” przyklejona na górze przy przewijaniu listy kategorii */
.fb-cats-sticky {
	position: sticky;
	top: -4px;
	z-index: 5;
	background: var(--paper, #fff);
	margin: -4px -16px 0;
	padding: 10px 16px 8px;
	border-bottom: 1px solid var(--c-ink);
}
.fb-cats-sticky .fb-h { margin: 0 !important; }
.fb-cats .fb-list { border-top: 0 !important; }

/* m1 Karuzela Snap (telefon): zwykłe karty produktu motywu (.czc-card) w jednym rzędzie z przyciąganiem; wygląd kart bez zmian */
html:not([data-hero="m1"]) .czc-hm1 { display: none; }
html[data-hero="m1"] .czc-hero, html[data-hero="m1"] .czc-hx1 { display: none !important; }
.czc-hm1 { margin: 0 0 40px; }
@media (max-width: 700px) { html[data-hero="m1"] .czc-hero-wrap { padding-top: 0 !important; } }
.czc-hm1 .snap-track { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; padding: 4px 0 10px; scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; }
.czc-hm1 .snap-track::-webkit-scrollbar { display: none; }
.czc-hm1 .snap-c { flex: 0 0 calc(85vw - 20px); max-width: 340px; scroll-snap-align: center; min-width: 0; min-height: 220px; position: relative; border: 1px solid var(--c-ink); box-shadow: none; padding: 14px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; }
.czc-hm1 .snap-c.c1 { background: var(--c-1); color: var(--c-1-fg); }
.czc-hm1 .snap-c.c2 { background: var(--c-2); color: var(--c-2-fg); }
.czc-hm1 .snap-c.c3 { background: var(--c-3); color: var(--c-3-fg); }
.czc-hm1 .snap-tag { align-self: flex-start; background: var(--c-ink); color: #fff; padding: 3px 8px; font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.czc-hm1 .snap-img { height: 105px; display: flex; align-items: center; justify-content: center; margin: 6px 0; }
.czc-hm1 .snap-img img { max-height: 100%; max-width: 80%; object-fit: contain; mix-blend-mode: multiply; filter: brightness(1.05); }
.czc-hm1 .snap-body { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.czc-hm1 .snap-body small { font-size: 10px; text-transform: uppercase; letter-spacing: .05em; opacity: .8; }
.czc-hm1 .snap-body b { font-size: 13px; line-height: 1.2; font-weight: 600; min-height: 2.4em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.czc-hm1 .snap-foot { display: flex; justify-content: space-between; align-items: center; margin-top: 6px; border-top: 1px solid color-mix(in srgb, var(--c-ink) 20%, transparent); padding-top: 6px; }
.czc-hm1 .snap-pr { font-size: 15px; font-weight: 600; }
.czc-hm1 .snap-pr s { font-size: 11px; opacity: .7; margin-right: 4px; }
.czc-hm1 .snap-btn { background: var(--c-ink); color: #fff; padding: 4px 8px; font-size: 11px; font-weight: 600; }
.czc-hm1 .snap-c:hover .snap-btn { background: var(--hv, var(--c-red)); }
.czc-hm1 .snap-dots { display: flex; justify-content: center; gap: 6px; margin-top: 6px; }
.czc-hm1 .snap-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--c-line); display: inline-block; transition: all .2s; }
.czc-hm1 .snap-dots i.on { width: 18px; border-radius: 3px; background: var(--c-ink); }
@media (prefers-reduced-motion: reduce) { .fb, .fb *, .fb-scrim, .czc-hm1 .snap-dots i { animation: none !important; transition: none !important; } }

/* „Do kasy” w dolnym arkuszu: akcent (czerwony tylko ceny, promocje i Do kasy), hover losowy kafel */
.kp4 .kp-go { background: var(--c-red); color: var(--c-red-fg) !important; font-weight: 500; }
.kp4 .kp-go:hover { background: var(--hv, var(--c-1)); color: var(--hv-fg, var(--c-1-fg)) !important; } /* hover = losowy kafel (theme.js, klasa czc-rnd) */

/* ---------- czyszczenie ramek i cieni (16.10.2026, wg docs/instrukcje-gemini.md): panele i rozwijane listy bez cieni, grube krawędzie 1 px, kwadratowe rogi ---------- */
.fb .fb-main, .fb .fb-main:active { box-shadow: none; }
.kp4 { border-top-width: 1px; }
.kp2, .mn-island, .mn-dd, header.mn-stuck .czc-menubar { box-shadow: none !important; }
html[data-mcol="white"] .czc-dd-p ul { border-width: 1px !important; box-shadow: none !important; }
html[data-menu] .czc-dd-p, html[data-menu] .czc-dd-p ul { box-shadow: none !important; }
html[data-mcol="white"][data-menu] .czc-dd > li:first-child .czc-dd-p { border-top-width: 1px; }
.kp-card .kp-cf { margin-top: auto; } /* ilość i cena zawsze na dole karty: przy nazwach o różnej liczbie linii nie robią się schody (16.10.2026) */

/* ---------- Generator Gemini: 5 CAŁKOWICIE RÓŻNYCH MECHANIK GUI/UX ---------- */
.gg-app-root { margin: 20px 0 60px; font-family: 'Sometype Mono', monospace; }

/* 1. Bento Composer */
.gb-app { border: 2px solid var(--c-ink); background: #fff; padding: 24px; box-shadow: 6px 6px 0 var(--c-ink); }
.gb-lead { margin-bottom: 24px; border-bottom: 1px solid var(--c-line); padding-bottom: 16px; }
.gb-tag { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; background: var(--c-1); color: var(--c-1-fg); padding: 4px 8px; border: 1px solid var(--c-ink); display: inline-block; margin-bottom: 8px; }
.gb-lead h2 { font-size: 24px; font-weight: 700; margin: 4px 0 8px; color: var(--c-ink); }
.gb-lead p { color: var(--c-muted); margin: 0; font-size: 13px; line-height: 1.5; }
.gb-tray { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px; margin-bottom: 24px; }
.gb-slot { text-align: left; padding: 14px; background: var(--c-paper, #fdfdfd); border: 1px solid var(--c-ink); cursor: pointer; transition: all .15s; position: relative; border-radius: 0; }
.gb-slot:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--c-ink); }
.gb-slot.is-active { background: var(--c-1); border-width: 2px; box-shadow: 4px 4px 0 var(--c-ink); }
.gb-slot__head { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 11px; text-transform: uppercase; font-weight: 700; color: var(--c-muted); }
.gb-slot__icon { font-size: 16px; }
.gb-slot__name { display: block; font-size: 14px; color: var(--c-ink); line-height: 1.3; min-height: 36px; }
.gb-slot__price { display: inline-block; margin-top: 6px; font-size: 13px; font-weight: 700; background: #fff; padding: 2px 6px; border: 1px solid var(--c-line); }
.gb-slot__change { position: absolute; top: 12px; right: 12px; font-size: 10px; text-transform: uppercase; font-weight: 700; color: var(--c-muted); }

.gb-picker { background: #fafafa; border: 1px solid var(--c-line); padding: 16px; margin-bottom: 24px; }
.gb-picker__hdr { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; flex-wrap: wrap; gap: 8px; }
.gb-picker__hdr strong { font-size: 13px; text-transform: uppercase; color: var(--c-ink); }
.gb-picker__hdr span { font-size: 11px; color: var(--c-muted); }
.gb-picker__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 8px; }
.gb-opt { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: #fff; border: 1px solid var(--c-ink); text-align: left; cursor: pointer; border-radius: 0; transition: all .1s; }
.gb-opt:hover { background: var(--c-line); }
.gb-opt.is-selected { background: var(--c-ink); color: #fff; }
.gb-opt.is-selected small { color: rgba(255,255,255,0.7); }
.gb-opt.is-selected .gb-opt__price { background: #fff; color: #111; }
.gb-opt__meta { flex: 1; min-width: 0; }
.gb-opt__meta strong { display: block; font-size: 12px; line-height: 1.2; }
.gb-opt__meta small { font-size: 10px; color: var(--c-muted); }
.gb-opt__price { font-size: 12px; font-weight: 700; padding: 2px 6px; background: #f5f5f7; border: 1px solid var(--c-line); white-space: nowrap; }

.gb-summary { border-top: 2px solid var(--c-ink); padding-top: 20px; display: grid; grid-template-columns: 1.5fr 1fr; gap: 24px; align-items: center; }
.gb-summary__badge { font-size: 11px; text-transform: uppercase; font-weight: 700; color: var(--c-red); }
.gb-summary__title { font-size: 18px; margin: 4px 0 8px; color: var(--c-ink); }
.gb-summary__recipe { font-size: 12px; line-height: 1.5; color: var(--c-muted); margin: 0; }
.gb-summary__action { background: var(--c-paper, #f9f9fb); border: 1px solid var(--c-ink); padding: 16px; text-align: center; }
.gb-summary__price-box { margin-bottom: 12px; }
.gb-summary__price-box small { display: block; font-size: 11px; text-transform: uppercase; color: var(--c-muted); }
.gb-summary__price-box strong { font-size: 22px; color: var(--c-ink); }
.gb-summary__btns { display: grid; gap: 8px; }
.gb-btn-add { font: 700 13px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 14px; background: var(--c-ink); color: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }
.gb-btn-add:hover:not(:disabled) { background: var(--c-red); border-color: var(--c-red); }
.gb-btn-rnd { font: 600 11px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 10px; background: #fff; border: 1px dashed var(--c-ink); cursor: pointer; border-radius: 0; }
.gb-btn-rnd:hover { background: var(--c-line); }

/* 2. Quiz Smaków */
.gq-app { max-width: 820px; margin: 0 auto; border: 2px solid var(--c-ink); background: #fff; padding: 32px 28px; box-shadow: 6px 6px 0 var(--c-ink); }
.gq-progress { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; font-size: 11px; font-weight: 700; color: var(--c-muted); position: relative; padding-bottom: 12px; border-bottom: 1px solid var(--c-line); }
.gq-progress__bar { position: absolute; bottom: -1px; left: 0; height: 3px; background: var(--c-red); transition: width .3s; }
.gq-tag { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; background: var(--c-2); color: var(--c-2-fg); padding: 4px 8px; border: 1px solid var(--c-ink); display: inline-block; margin-bottom: 8px; }
.gq-head h2 { font-size: 26px; font-weight: 700; margin: 4px 0 8px; color: var(--c-ink); }
.gq-head p { color: var(--c-muted); font-size: 14px; margin: 0 0 24px; }
.gq-options { display: grid; gap: 14px; margin-bottom: 24px; }
.gq-card { display: grid; grid-template-columns: 44px 1fr auto; align-items: center; gap: 16px; padding: 18px 20px; border: 1px solid var(--c-ink); background: #fff; text-align: left; cursor: pointer; transition: all .15s; border-radius: 0; }
.gq-card:hover { transform: translateX(6px); background: var(--c-paper, #fcfcfc); box-shadow: 4px 4px 0 var(--c-ink); border-color: var(--c-ink); }
.gq-card__icon { font-size: 28px; line-height: 1; }
.gq-card__title { font-size: 16px; color: var(--c-ink); display: block; margin-bottom: 4px; }
.gq-card__sub { font-size: 12px; color: var(--c-muted); line-height: 1.4; display: block; }
.gq-card__arrow { font-size: 12px; font-weight: 700; text-transform: uppercase; padding: 6px 10px; background: var(--c-ink); color: #fff; }
.gq-back { font: 600 11px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 8px 12px; background: transparent; border: 1px dashed var(--c-line); color: var(--c-muted); cursor: pointer; }
.gq-back:hover { color: var(--c-ink); border-color: var(--c-ink); }

.gq-result { max-width: 820px; margin: 0 auto; border: 2px solid var(--c-ink); background: #fff; padding: 36px 32px; box-shadow: 8px 8px 0 var(--c-ink); }
.gq-result__badge { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; background: var(--c-3); color: var(--c-3-fg); padding: 5px 10px; border: 1px solid var(--c-ink); margin-bottom: 12px; }
.gq-result__title { font-size: 32px; font-weight: 700; margin: 0 0 12px; color: var(--c-ink); }
.gq-result__meta { display: flex; flex-wrap: wrap; gap: 14px; font-size: 12px; font-weight: 600; color: var(--c-muted); margin-bottom: 16px; }
.gq-result__desc { font-size: 15px; line-height: 1.5; color: var(--c-ink); margin-bottom: 24px; }
.gq-result__box { background: var(--c-paper, #fafafa); border: 1px solid var(--c-ink); padding: 18px; margin-bottom: 24px; }
.gq-result__box h3 { font-size: 13px; text-transform: uppercase; font-weight: 700; margin: 0 0 12px; }
.gq-result__chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }
.gq-chip { font-size: 12px; padding: 6px 10px; background: #fff; border: 1px solid var(--c-line); display: inline-flex; align-items: center; gap: 6px; }
.gq-chip b { color: var(--c-red); }
.gq-fresh { font-size: 12px; color: var(--c-muted); margin: 0; }
.gq-result__actions { display: grid; grid-template-columns: 2fr 1fr; gap: 12px; }
.gq-btn-cart { font: 700 13px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 16px; background: var(--c-ink); color: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }
.gq-btn-cart:hover:not(:disabled) { background: var(--c-red); border-color: var(--c-red); }
.gq-btn-restart { font: 600 12px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 16px; background: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }

/* 3. Tinder Obiadowy */
.gt-app { max-width: 680px; margin: 0 auto; text-align: center; }
.gt-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 12px; font-weight: 700; }
.gt-topbar__badge { background: var(--c-1); color: var(--c-1-fg); padding: 4px 8px; border: 1px solid var(--c-ink); text-transform: uppercase; }
.gt-topbar__count { color: var(--c-muted); }
.gt-deck { perspective: 1000px; margin-bottom: 24px; }
.gt-card { background: #fff; border: 2px solid var(--c-ink); padding: 32px 28px; box-shadow: 8px 8px 0 var(--c-ink); text-align: left; transition: transform .25s ease, opacity .25s ease; position: relative; }
.gt-card.swipe-left { transform: translateX(-150px) rotate(-12deg); opacity: 0; }
.gt-card.swipe-right { transform: translateX(150px) rotate(12deg); opacity: 0; }
.gt-card__header { display: flex; gap: 10px; font-size: 11px; text-transform: uppercase; font-weight: 700; margin-bottom: 14px; }
.gt-card__cui { background: var(--c-ink); color: #fff; padding: 3px 8px; }
.gt-card__time, .gt-card__level { background: #f0f0f2; padding: 3px 8px; border: 1px solid var(--c-line); }
.gt-card__title { font-size: 28px; font-weight: 700; margin: 0 0 10px; color: var(--c-ink); }
.gt-card__desc { font-size: 14px; line-height: 1.5; color: var(--c-muted); margin-bottom: 20px; }
.gt-card__ings strong { display: block; font-size: 12px; text-transform: uppercase; margin-bottom: 8px; }
.gt-card__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 20px; }
.gt-card__chips span { font-size: 11px; padding: 4px 8px; background: var(--c-paper, #fdfdfd); border: 1px solid var(--c-line); }
.gt-card__foot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--c-line); padding-top: 14px; font-size: 12px; }
.gt-card__foot b { color: var(--c-red); font-size: 15px; }
.gt-card__foot small { color: var(--c-muted); font-size: 10px; text-transform: uppercase; }

.gt-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.gt-btn { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 18px; font: 700 14px/1 'Sometype Mono', monospace; text-transform: uppercase; border: 2px solid var(--c-ink); cursor: pointer; transition: all .12s; border-radius: 0; }
.gt-btn__sym { font-size: 20px; }
.gt-btn--pass { background: #fff; color: var(--c-ink); box-shadow: 4px 4px 0 var(--c-ink); }
.gt-btn--pass:hover { background: #f5f5f7; transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--c-ink); }
.gt-btn--like { background: var(--c-3); color: var(--c-3-fg); box-shadow: 4px 4px 0 var(--c-ink); }
.gt-btn--like:hover { background: #4bc57b; transform: translate(-2px, -2px); box-shadow: 6px 6px 0 var(--c-ink); }

.gt-match { max-width: 680px; margin: 0 auto; border: 2px solid var(--c-ink); background: #fff; padding: 36px 30px; box-shadow: 8px 8px 0 var(--c-ink); text-align: left; }
.gt-match__icon { font-size: 44px; margin-bottom: 12px; }
.gt-match h2 { font-size: 14px; text-transform: uppercase; color: var(--c-muted); margin: 0 0 6px; }
.gt-match__title { font-size: 32px; font-weight: 700; margin: 0 0 14px; color: var(--c-ink); }
.gt-match__desc { font-size: 14px; line-height: 1.5; color: var(--c-muted); margin-bottom: 24px; }
.gt-match__list { background: var(--c-paper, #fafafa); border: 1px solid var(--c-ink); padding: 18px; margin-bottom: 24px; }
.gt-match__list h3 { font-size: 12px; text-transform: uppercase; margin: 0 0 12px; }
.gt-match__list ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 8px; }
.gt-match__list li { display: flex; justify-content: space-between; font-size: 13px; border-bottom: 1px dashed var(--c-line); padding-bottom: 4px; }
.gt-match__total { font-size: 15px; border-top: 1px solid var(--c-ink); padding-top: 10px; display: flex; justify-content: space-between; }
.gt-match__btns { display: grid; grid-template-columns: 2fr 1fr; gap: 10px; }
.gt-btn-cart { font: 700 13px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 16px; background: var(--c-ink); color: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }
.gt-btn-cart:hover { background: var(--c-red); border-color: var(--c-red); }
.gt-btn-browse { font: 600 12px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 16px; background: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }

/* 4. Policz Budżet */
.gbud-app { border: 2px solid var(--c-ink); background: #fff; padding: 28px; box-shadow: 6px 6px 0 var(--c-ink); }
.gbud-lead { margin-bottom: 24px; border-bottom: 1px solid var(--c-line); padding-bottom: 16px; }
.gbud-tag { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; background: var(--c-4); color: var(--c-4-fg); padding: 4px 8px; border: 1px solid var(--c-ink); display: inline-block; margin-bottom: 8px; }
.gbud-lead h2 { font-size: 24px; font-weight: 700; margin: 4px 0 8px; color: var(--c-ink); }
.gbud-lead p { color: var(--c-muted); margin: 0; font-size: 13px; }

.gbud-ctrls { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; background: var(--c-paper, #fdfdfd); border: 1px solid var(--c-ink); padding: 20px; margin-bottom: 24px; align-items: center; }
.gbud-slider-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.gbud-slider-top label { font-size: 13px; font-weight: 700; text-transform: uppercase; }
.gbud-slider-val { font-size: 24px; color: var(--c-red); font-weight: 700; }
.gbud-slider { width: 100%; height: 8px; accent-color: var(--c-ink); cursor: pointer; }
.gbud-ticks { display: flex; justify-content: space-between; font-size: 10px; color: var(--c-muted); margin-top: 6px; }
.gbud-persons { text-align: left; }
.gbud-persons__lbl { display: block; font-size: 11px; text-transform: uppercase; font-weight: 700; margin-bottom: 8px; color: var(--c-muted); }
.gbud-pbtns { display: inline-flex; border: 1px solid var(--c-ink); width: 100%; }
.gbud-pbtns button { flex: 1; font: 600 12px/1 'Sometype Mono', monospace; padding: 12px 8px; background: #fff; border: 0; cursor: pointer; border-radius: 0; }
.gbud-pbtns button:not(:last-child) { border-right: 1px solid var(--c-ink); }
.gbud-pbtns button.is-active { background: var(--c-ink); color: #fff; font-weight: 700; }

.gbud-status { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; font-size: 13px; color: var(--c-muted); border-bottom: 1px solid var(--c-line); padding-bottom: 8px; }
.gbud-status strong { color: var(--c-ink); }
.gbud-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; }
.gbud-card { border: 1px solid var(--c-ink); background: #fff; padding: 18px; display: flex; flex-direction: column; transition: all .12s; }
.gbud-card:hover { transform: translateY(-2px); box-shadow: 4px 4px 0 var(--c-ink); }
.gbud-card__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.gbud-card__cui { font-size: 10px; text-transform: uppercase; font-weight: 700; background: #f0f0f2; padding: 2px 6px; }
.gbud-card__budget { font-size: 11px; font-weight: 700; padding: 3px 6px; }
.gbud-card__budget.is-ok { background: rgba(89, 207, 136, 0.25); color: #1e6b3b; }
.gbud-card__budget.is-tight { background: rgba(253, 218, 88, 0.4); color: #8a6800; }
.gbud-card__title { font-size: 18px; margin: 0 0 8px; color: var(--c-ink); }
.gbud-card__desc { font-size: 12px; line-height: 1.4; color: var(--c-muted); flex: 1; margin-bottom: 16px; }
.gbud-card__cost { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--c-line); padding-top: 12px; }
.gbud-card__cost small { display: block; font-size: 10px; text-transform: uppercase; color: var(--c-muted); }
.gbud-card__cost strong { font-size: 16px; color: var(--c-ink); }
.gbud-btn-buy { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 10px 14px; background: var(--c-ink); color: #fff; border: 1px solid var(--c-ink); cursor: pointer; border-radius: 0; }
.gbud-btn-buy:hover { background: var(--c-red); border-color: var(--c-red); }

/* 5. Prompt Bar */
.gterm-app { border: 2px solid #111; background: #16181d; color: #f0f0f2; box-shadow: 8px 8px 0 #111; }
.gterm-bar { background: #22262e; padding: 10px 14px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #333a46; }
.gterm-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.gterm-dot.red { background: #ff5f56; }
.gterm-dot.yellow { background: #ffbd2e; }
.gterm-dot.green { background: #27c93f; }
.gterm-title { font-size: 11px; color: #8e99a8; margin-left: 8px; }

.gterm-console { padding: 20px; }
.gterm-logs { min-height: 90px; margin-bottom: 16px; font-size: 13px; line-height: 1.6; color: #4ade80; display: grid; gap: 4px; }
.gterm-log-line { word-break: break-word; }
.gterm-input-row { display: flex; align-items: center; gap: 10px; background: #0d0e12; border: 1px solid #333a46; padding: 6px 12px; }
.gterm-prompt { font-size: 13px; font-weight: 700; color: #38bdf8; white-space: nowrap; }
.gterm-input { flex: 1; background: transparent; border: 0; color: #fff; font: 500 14px/1 'Sometype Mono', monospace; padding: 8px 0; outline: none; }
.gterm-btn { font: 700 11px/1 'Sometype Mono', monospace; background: #38bdf8; color: #0d0e12; border: 0; padding: 8px 12px; cursor: pointer; }
.gterm-btn:hover { background: #7dd3fc; }

.gterm-prompts { background: #1f232b; padding: 12px 20px; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; border-top: 1px solid #2d333e; }
.gterm-prompts__lbl { font-size: 11px; text-transform: uppercase; color: #8e99a8; margin-right: 4px; font-weight: 700; }
.gterm-pbtn { font: 500 11px/1 'Sometype Mono', monospace; background: #0d0e12; border: 1px solid #333a46; color: #cbd5e1; padding: 6px 10px; cursor: pointer; transition: all .1s; }
.gterm-pbtn:hover { border-color: #38bdf8; color: #fff; background: #161b24; }

.gterm-results { padding: 24px 20px; border-top: 1px solid #2d333e; background: #16181d; }
.gterm-results__hdr { margin-bottom: 16px; font-size: 13px; font-weight: 700; text-transform: uppercase; color: #38bdf8; }
.gterm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 16px; }
.gterm-card { background: #20242d; border: 1px solid #333a46; padding: 18px; display: flex; flex-direction: column; color: #e2e8f0; }
.gterm-card__head { display: flex; justify-content: space-between; align-items: flex-start; gap: 10px; margin-bottom: 8px; }
.gterm-card__head strong { font-size: 16px; color: #fff; }
.gterm-card__head span { font-size: 11px; color: #94a3b8; }
.gterm-card p { font-size: 12px; line-height: 1.5; color: #94a3b8; flex: 1; margin: 0 0 16px; }
.gterm-card__bot { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #2d333e; padding-top: 12px; font-size: 12px; }
.gterm-card__bot b { color: #38bdf8; font-size: 14px; }
.gterm-add-btn { font: 700 11px/1 'Sometype Mono', monospace; text-transform: uppercase; padding: 8px 12px; background: #4ade80; color: #0d0e12; border: 0; cursor: pointer; }
.gterm-add-btn:hover { background: #86efac; }

@media (max-width: 760px) {
	.gb-summary { grid-template-columns: 1fr; }
	.gbud-ctrls { grid-template-columns: 1fr; }
	.gq-result__actions { grid-template-columns: 1fr; }
	.gt-match__btns { grid-template-columns: 1fr; }
}

/* przycisk „Zgłoś błąd” bez miksera (serwer testowy, opcja czc_uwagi; przed produkcją wyłączyć) */
.czc-uwagi-btn { position: fixed; left: 16px; bottom: 16px; z-index: 99993; display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; background: var(--ink); color: var(--on-ink); border: 0; border-radius: 0; font: 500 13px/1 "IBM Plex Mono", ui-monospace, monospace; cursor: pointer; }
.czc-uwagi-btn:hover { background: var(--hv, var(--ink)); color: var(--ink); }
.czc-uwagi-btn b { font-weight: 500; min-width: 20px; padding: 3px 5px; background: var(--paper); color: var(--ink); text-align: center; }
@media (max-width: 700px) { .czc-uwagi-btn { left: 10px; bottom: 10px; padding: 9px 11px; } .czc-uwagi-btn span { display: none; } }

/* narzędzie zgłoszeń ponad oknem mapy paczkomatów (ma z-index 9999999) */
.czc-uwagi-btn { z-index: 2147483000; }
.czc-bug-pick-bar, .czc-bug-hl, .czc-bug-pin, .czc-bug-box, .czc-bug-panel, .czc-mx-toast { z-index: 2147483001; }
@media (max-width: 700px) { body:has(#widget-modal) .czc-uwagi-btn { bottom: 56px; } } /* nad zakładkami mapa/lista */
/* wyszukiwarka w dolnym pasku: bez cienia fokusu (brzydki na czarnym tle) */
.mn-dk-sf input, .mn-dk-sf input:focus, .mn-sf input:focus { box-shadow: none !important; }