/* =====================================================================
   wlk-app.css — layout of the creator app [naklejki_kreator] (WP-B).
   Layout (owner, 30.09.2026; „Uwagi” removed 01.10.2026): four numbered steps one under
   another, each across the full width — 1 Kształt · 2 Rozmiar · 3 Nakład · 4 Plik lub
   kreator — then „Twoje wzory”, the summary view and the sticky K4 order bar.
   Breakpoints: ≥992 (options side by side inside a step) · 768–991 (one column
   inside steps, totals in „Twoje wzory”) · ≤767 (mobile boards) · max-height 800
   (compact K1/K4). Every selector starts with .wlk.
   ===================================================================== */
.wlk{position:relative;display:block;width:100%;overflow-x:clip}
.wlk .wlk-wrap{width:100%;max-width:1440px;margin:0 auto;padding:0 15px}
@media (min-width:768px){.wlk .wlk-mob{display:none!important}}
.wlk .wlk-mt4{margin-top:4px}.wlk .wlk-mt8{margin-top:8px}.wlk .wlk-mt12{margin-top:12px}.wlk .wlk-mt16{margin-top:16px}.wlk .wlk-mt20{margin-top:20px}
.wlk .wlk-lb{margin-bottom:0}
.wlk .wlk-blk{display:block}
.wlk .wlk-hr{height:1px;background:var(--rule)}
.wlk .wlk-opt{margin-left:2px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-filein{display:none}
.wlk .wlk-parking{display:none}
.wlk .wlk-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.wlk .card{min-width:0}
.wlk .card>*{flex:none}

/* ---------- thumbnails ---------- */
.wlk .wlk-thumb{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r-xs);background:var(--paper-2);overflow:hidden;color:var(--ink-2)}
.wlk .wlk-thumb svg,.wlk .wlk-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.wlk .wlk-thumb img{box-sizing:border-box;padding:8px}
.wlk .wlk-thumb svg.wlk-i{width:22px;height:22px}
.wlk .wlk-thumb--empty{background:var(--paper);border:1.5px dashed var(--control)}
.wlk .wlk-thumb__ic{display:grid;place-items:center;width:100%;height:100%;color:var(--ink-2)}
.wlk .wlk-thumb__ic .wlk-i{width:22px;height:22px}
.wlk .wlk-thumb48{width:48px;height:48px}

/* ---------- K1 context row ---------- */
.wlk .wlk-k1__in{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:120px;padding-top:24px;padding-bottom:16px}
.wlk .wlk-k1__l{min-width:0;max-width:820px}
.wlk .wlk-h1{font:400 32px/38px var(--f-display);letter-spacing:-.01em;color:var(--ink)}
.wlk .wlk-sent{margin-top:4px;font:400 15px/40px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-k1__r{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;padding-top:4px}
.wlk .wlk-k1__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 16px;min-height:26px}
.wlk .wlk-k1__meta .link{height:26px;white-space:nowrap}

/* ---------- banners ---------- */
.wlk .wlk-banners{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.wlk .wlk-banners:empty{display:none}

/* ---------- K2 band: four steps, one under another, each across the full width ---------- */
.wlk .wlk-band{position:relative;padding:24px;border-radius:var(--r-xl);background:var(--paper-2)}
.wlk .wlk-reg{position:absolute;width:16px;height:16px;pointer-events:none}
.wlk .wlk-reg--tl{left:14px;top:14px}.wlk .wlk-reg--tr{right:14px;top:14px}.wlk .wlk-reg--bl{left:14px;bottom:14px}.wlk .wlk-reg--br{right:14px;bottom:14px}
.wlk .wlk-grid,.wlk .wlk-w,.wlk .wlk-zam,.wlk .wlk-step4{display:flex;flex-direction:column;gap:16px;min-width:0}
.wlk .wlk-ed-host{min-width:0}
.wlk .wlk-head__r{margin-left:auto;font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-c1,.wlk .wlk-stage,.wlk .wlk-chkcard,.wlk .wlk-c2,.wlk .wlk-c3{display:flex;flex-direction:column}
/* Desktop editor open (root data-ed="1", ≥ 992): step 4 keeps its head and the choice,
   the editor below the card replaces the file part; „Twoje wzory” is the editor's strip. */
.wlk[data-ed="1"] .wlk-stage__body,.wlk[data-ed="1"] .wlk-zam{display:none}

/* ---------- option tiles (step 1 shapes, step 4 entry) — nk-base .size look ---------- */
.wlk .wlk-tiles{display:grid;gap:12px;margin-top:20px}
.wlk .wlk-tiles--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.wlk .wlk-tiles--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.wlk .wlk-tile{flex-direction:row;align-items:center;gap:16px;min-height:104px;padding:16px 20px;text-align:left;color:var(--ink)}
/* Selected state of every option tile (step 1 shapes, step 2 sizes, step 4 entry, drawer sizes): 2 px ink ring + check badge.
   The ring is drawn by ::after — Digic's template.css has button:focus{box-shadow:unset!important}, which wiped the
   inset ring of a clicked (focused) tile (owner screenshots 01.10.2026). The badge sits above the ring. */
.wlk .size,.wlk .size[aria-checked]{box-shadow:none}
.wlk .size::after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--control);pointer-events:none}
.wlk .size[aria-checked="true"]::after{box-shadow:inset 0 0 0 2px var(--ink)}
.wlk .size:not([aria-checked="true"]):not([aria-disabled="true"]):hover::after{box-shadow:inset 0 0 0 1.5px var(--ink)}
.wlk .size .size__ck{z-index:2}
.wlk .wlk-tile[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.wlk .wlk-tile__art{flex:none;display:grid;place-items:center;width:92px;height:68px}
.wlk .wlk-tile__svg{display:block;overflow:visible}
.wlk .wlk-tile__ic{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--paper-2);color:var(--ink)}
.wlk .wlk-tile__ic .wlk-i{width:24px;height:24px}
.wlk .wlk-tile[aria-checked="true"] .wlk-tile__ic{background:var(--ink);color:#fff}
.wlk .wlk-tile__txt{display:flex;flex-direction:column;min-width:0}
.wlk .wlk-tile__n{font:600 17px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-tile__s{margin-top:2px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-tile .size__ck{display:none}
.wlk .wlk-tile[aria-checked="true"] .size__ck{display:grid}
.wlk .wlk-modelock{margin-top:8px}

/* ---------- two groups side by side inside a step (≥ 992) ---------- */
.wlk .wlk-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:40px;align-items:start}
.wlk .wlk-split__main,.wlk .wlk-split__side{display:flex;flex-direction:column;min-width:0}
.wlk .wlk-split__main>*,.wlk .wlk-split__side>*{flex:none}

/* ---------- step 4: the file part (hidden while the desktop editor is open) ---------- */
.wlk .wlk-stage__body{display:flex;flex-direction:column;min-width:0;margin-top:24px;padding-top:20px;box-shadow:inset 0 1px 0 var(--rule)}
.wlk .wlk-stage__body>*{flex:none}
.wlk .wlk-stage__sub{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-dz{height:360px;margin-top:12px;padding:0 24px;gap:0;cursor:pointer}
.wlk .wlk-dz__ic{width:32px;height:32px;color:var(--ink-2)}
.wlk .wlk-dz__t{margin-top:12px;font:600 17px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-dz__pick{color:var(--accent)}
.wlk .wlk-dz__over{display:none}
.wlk .wlk-dz__f{margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-dz__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.wlk .wlk-dz__btn{gap:8px;cursor:pointer}
.wlk .wlk-dz__btn .wlk-i{width:18px;height:18px}
.wlk .wlk-or{display:flex;align-items:center;gap:12px;width:200px;margin-top:24px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-or::before,.wlk .wlk-or::after{content:"";flex:1;height:1px;background:var(--rule)}
.wlk .wlk-alt{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px 12px;margin-top:16px;font:400 13px/20px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-alt .link{font-size:13px;cursor:pointer}
.wlk .wlk-dz.is-over .wlk-dz__over{display:block}
.wlk .wlk-dz.is-over .wlk-dz__ic{color:var(--accent)}
.wlk .wlk-dz.is-over>p:not(.wlk-dz__over),.wlk .wlk-dz.is-over .wlk-dz__btns{display:none}
.wlk .wlk-dz.is-error{border-color:var(--danger)}
.wlk .wlk-dz__multi{margin-top:12px}
.wlk .wlk-det{margin-top:12px}
.wlk .wlk-det .field-error{margin-top:0}
.wlk .wlk-err__f{margin-top:4px;padding-left:22px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-err__h{padding-left:22px}
.wlk .wlk-note{display:flex;align-items:flex-start;gap:6px;margin-top:12px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-note>.wlk-i{width:16px;height:16px;margin-top:1px}
.wlk .wlk-note--hint{color:var(--ink-3)}

/* ---------- step 4: preview well ---------- */
.wlk .wlk-well{position:relative;height:420px;margin-top:12px;border-radius:var(--r-sm);background:var(--paper-2);overflow:hidden;touch-action:pan-y}
/* the file's art can be dragged / pinched inside the sticker (owner 01.10.2026) */
.wlk .wlk-well.is-art .wlk-pv{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}
.wlk .wlk-well.is-art .wlk-pv.is-drag{cursor:grabbing}
.wlk .wlk-pv:focus{outline:0}
.wlk .wlk-pv:focus-visible{outline:2px solid var(--accent);outline-offset:-4px;border-radius:var(--r-sm)}
.wlk .wlk-pv{position:absolute;left:0;top:0;width:100%;height:100%}
.wlk .wlk-pvt,.wlk .wlk-dimt{font:500 11px/16px var(--f-ui)}
.wlk .wlk-pvt--micro{font:600 11px/16px var(--f-ui);letter-spacing:.08em}
.wlk .wlk-badget{font:700 11px/16px var(--f-ui)}
.wlk .wlk-legend{position:absolute;left:24px;top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;max-width:calc(100% - 48px);pointer-events:none}
.wlk .wlk-legend__it{display:flex;align-items:center;gap:6px}
.wlk .wlk-legend .micro{color:var(--ink-2);white-space:nowrap}
.wlk .wlk-well__zoom{position:absolute;right:12px;bottom:12px}
.wlk .wlk-float{position:absolute;background:#fff;box-shadow:inset 0 0 0 1px var(--rule),var(--sh-1)}
.wlk .wlk-up{left:50%;top:50%;display:flex;align-items:center;gap:12px;width:min(420px,calc(100% - 32px));min-height:104px;padding:16px 20px;border-radius:var(--r-sm);transform:translate(-50%,-50%)}
.wlk .wlk-up__b{flex:1;min-width:0}
.wlk .wlk-up__n{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-up__s{font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-up .wlk-progress{margin-top:8px}
.wlk .wlk-proc{left:50%;bottom:16px;display:flex;flex-direction:column;align-items:center;width:min(360px,calc(100% - 32px));padding:9px 20px 10px;border-radius:var(--r-lg);text-align:center;transform:translateX(-50%)}
.wlk .wlk-proc__t{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-proc .wlk-progress{align-self:stretch;margin-top:5px}
.wlk .wlk-steps{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:5px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-steps li{display:flex;align-items:center;gap:4px}
.wlk .wlk-steps li>.wlk-i{display:none;width:12px;height:12px;color:var(--ink);stroke-width:2.25}
.wlk .wlk-steps li.is-done>.wlk-i{display:block}
.wlk .wlk-steps__sep{color:var(--ink-3)}
.wlk .wlk-nopv{left:50%;top:50%;display:flex;flex-direction:column;align-items:center;width:min(420px,calc(100% - 32px));padding:22px 24px;border-radius:var(--r-sm);text-align:center;transform:translate(-50%,-50%)}
.wlk .wlk-nopv>.wlk-i{width:24px;height:24px;color:var(--ink-2)}
.wlk .wlk-nopv__n{margin-top:10px;font:600 13px/20px var(--f-ui);color:var(--ink);overflow-wrap:anywhere}
.wlk .wlk-nopv__h{margin-top:6px;font:600 15px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-nopv__s{margin-top:6px;font:400 13px/20px var(--f-ui);color:var(--ink-2);text-wrap:balance}
.wlk .wlk-nopv .link{margin-top:6px;font-size:13px}

/* ---------- step 4: toolbar, file row, fit ---------- */
.wlk .wlk-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.wlk .wlk-tools__hint{flex:1 1 280px;min-width:0;margin:0}
.wlk .wlk-tools__r{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.wlk .wlk-tools .chip{cursor:pointer}
.wlk .wlk-tools .chip[aria-disabled="true"]{color:var(--ink-3);cursor:default}
.wlk .wlk-tools .chip .wlk-i{width:18px;height:18px}
.wlk .wlk-dash{width:18px;height:18px}
.wlk .wlk-file{min-height:88px;height:auto;margin-top:16px;padding:12px 16px}
.wlk .wlk-file__txt{flex:1;display:flex;flex-direction:column;min-width:0}
.wlk .wlk-file__n{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-file__m{font:400 12px/18px var(--f-ui);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-file__acts{display:flex;align-items:center;gap:16px}
.wlk .wlk-file__acts .link{height:20px;font-size:13px;white-space:nowrap;cursor:pointer}
.wlk .wlk-file__x{margin:0 -8px 0 -8px}
.wlk .wlk-online{margin-top:12px}
.wlk .wlk-online__b{justify-content:center;gap:8px}
.wlk .wlk-online .hint{margin-top:8px}

/* ---------- Kontrola ---------- */
.wlk .wlk-chkcard .card__head{height:auto;min-height:26px}

/* ---------- step 2: size ---------- */
.wlk .wlk-sizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.wlk .wlk-size{justify-content:flex-end;min-height:108px;padding:8px 4px 10px;cursor:pointer}
.wlk .wlk-size__art{flex:none;margin:auto 0;pointer-events:none}
.wlk .wlk-size__l{flex:none;margin-top:6px;font:600 13px/16px var(--f-ui);color:var(--ink);text-align:center;white-space:nowrap}
.wlk .wlk-size__s{flex:none;margin-top:2px;font:400 11px/14px var(--f-ui);color:var(--ink-2);text-align:center;white-space:nowrap}
.wlk .wlk-size .size__ck{display:none}
.wlk .wlk-size[aria-checked="true"] .size__ck{display:grid}
.wlk .wlk-dims{display:flex;align-items:center;gap:8px;margin-top:8px}
.wlk .wlk-dim{flex:1;min-width:0;gap:6px;padding:0 12px}
.wlk .wlk-dim input{width:100%;text-align:right}
.wlk .wlk-lock{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--control);color:var(--ink-2);cursor:pointer}
.wlk .wlk-lock::before{content:"";position:absolute;left:-4px;top:-4px;width:44px;height:44px}
.wlk .wlk-lock .wlk-i{width:18px;height:18px}
.wlk .wlk-lock[aria-pressed="true"]{background:var(--ink);box-shadow:none;color:#fff}
.wlk .wlk-lock[aria-pressed="false"]:focus{box-shadow:inset 0 0 0 1.5px var(--control)!important}
.wlk .wlk-lock[aria-disabled="true"]{opacity:.45;cursor:not-allowed}
.wlk .wlk-c2 .field-error,.wlk .wlk-dsize .field-error{margin-top:6px}
.wlk .wlk-biglink{align-self:flex-start;margin-top:4px;gap:4px;font:600 12px/18px var(--f-ui);white-space:nowrap}
.wlk .wlk-biglink .wlk-i{width:14px;height:14px}
.wlk .wlk-spec{margin-top:20px;border-radius:var(--r-sm);background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}
.wlk .wlk-spec__row{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px}
.wlk .wlk-spec__row+.wlk-spec__row{box-shadow:inset 0 1px 0 var(--rule)}
.wlk .wlk-spec dt{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-spec dd{font:500 14px/20px var(--f-ui);color:var(--ink)}

/* ---------- step 3: quantity (tiers across the full width) ---------- */
.wlk .wlk-tiers{margin-top:20px}
.wlk .wlk-tiers .tiers__head,.wlk .wlk-tiers .tier{grid-template-columns:24px 1.25fr 1fr 1fr 48px}
.wlk .wlk-tiers .t-qty{display:flex;align-items:center;white-space:nowrap}
.wlk .wlk-tiers .t-r{white-space:nowrap}
.wlk .wlk-star{width:14px;height:14px;margin-left:6px;color:var(--accent)}
.wlk .tier[aria-checked="true"] .wlk-star{color:var(--on-ink)}
.wlk .wlk-tiers.is-off .tier{opacity:.4;cursor:not-allowed}
.wlk .wlk-tmsg{display:flex;align-items:center;gap:6px;margin-top:8px;font:500 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-tmsg .wlk-i{width:16px;height:16px}
.wlk .wlk-stepper{display:flex;align-items:center;gap:6px;margin-top:8px}
.wlk .wlk-qty{flex:none;width:120px;gap:6px;padding:0 12px}
.wlk .wlk-qty input{width:100%;text-align:center;font-variant-numeric:tabular-nums}
.wlk .wlk-quote{align-self:flex-start;margin-top:8px;gap:4px;white-space:nowrap;cursor:pointer}
.wlk .wlk-quote .wlk-i{width:14px;height:14px}
.wlk .wlk-save{position:relative;margin-top:20px;padding:11px 16px 12px;border-radius:var(--r-sm);background:var(--paper);border:1.5px dashed var(--control)}
.wlk .wlk-save .drop__scissors{position:absolute;top:-10px;left:14px;width:20px;height:20px;padding:2px;background:#fff;color:var(--ink-3)}
.wlk .wlk-save__k{font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-save__v{font:700 20px/28px var(--f-ui);color:var(--accent)}
.wlk .wlk-save__s{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-price{margin-top:4px;font:400 44px/48px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.wlk .wlk-net{margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-summ{margin-top:12px;font:500 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-date{display:flex;align-items:flex-start;gap:10px;margin-top:20px;color:var(--ink)}
.wlk .wlk-date .wlk-i{width:20px;height:20px}
.wlk .wlk-date__t{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-date__s{font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-split--qty .wlk-save{align-self:flex-start;min-width:260px}
@media (min-width:992px){
	.wlk .wlk-c3__hr{display:none}
	.wlk .wlk-split--qty .wlk-split__side{margin-top:20px;padding:20px 24px 24px;border-radius:var(--r-sm);background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}
	.wlk .wlk-split--qty .wlk-priceblk{margin-top:0}
}

/* ---------- step 4: proof checkbox (only while settings.proof.offer is on) ---------- */
.wlk .wlk-proof{margin-top:16px}
.wlk .wlk-proof__l{display:block;font:500 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-proof__h{display:block;margin-top:4px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-proof .cb:disabled{cursor:not-allowed}

/* ---------- „Twoje wzory” (full width, after step 4) ---------- */
.wlk .wlk-rail{display:flex;flex-direction:column;padding:20px 24px}
.wlk .wlk-rail__head,.wlk .wlk-strip__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.wlk .wlk-count{font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:8px;margin-top:12px}
.wlk .wlk-dcard{position:relative;min-height:140px;border-radius:var(--r-card);background:#fff;box-shadow:inset 0 0 0 1px var(--rule)}
.wlk .wlk-dcard--active{box-shadow:inset 0 0 0 2px var(--ink)}
.wlk .wlk-dcard__main{display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:56px auto;column-gap:12px;row-gap:8px;width:100%;padding:12px 12px 0;border-radius:var(--r-card) var(--r-card) 0 0;text-align:left;cursor:pointer}
.wlk .wlk-dcard__np{display:flex;flex-direction:column;justify-content:center;min-width:0}
.wlk .wlk-dcard__n,.wlk .wlk-dcard__p{display:block;font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-dcard__meta{grid-column:1 / 3;display:block;font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-dcard__foot{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding-left:12px}
.wlk .wlk-dcard__foot--prog{flex-wrap:wrap;padding:4px 12px 12px}
.wlk .wlk-dcard__foot--prog .wlk-dcard__acts{margin-left:auto}
.wlk .wlk-dcard__pt{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-dcard__foot--prog .wlk-progress{flex:0 0 100%;order:5}
.wlk .wlk-dcard__acts{display:flex}
.wlk .wlk-undo{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-add{height:44px;margin-top:12px;justify-content:center;gap:8px}
.wlk .wlk-rail>.wlk-add{align-self:flex-start;width:auto;padding:0 24px}
.wlk .wlk-rail>.wlk-ship{max-width:520px}
.wlk .wlk-add .wlk-i{width:18px;height:18px}
.wlk .wlk-ship{display:flex;flex-direction:column;align-items:flex-start}
.wlk .wlk-rail .wlk-ship>.wlk-hr{align-self:stretch;margin:16px 0}
.wlk .wlk-ship__left{align-self:stretch}
.wlk .wlk-ship__c{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-ship__left .wlk-progress{margin-top:8px}
.wlk .wlk-rail__tot{display:none}
.wlk .wlk-totrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px}
.wlk .wlk-rt__p{margin-top:4px;font:400 36px/40px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.wlk .wlk-rt__n{margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-cta__l{display:inline-flex;align-items:center;gap:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-cta__l .wlk-i{width:18px;height:18px}
.wlk .wlk-ctanote{margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-pay{display:flex;align-items:center;gap:6px;margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-pay .wlk-i{width:14px;height:14px}

/* ---------- editor strip + settings card (moved into editor slots) ---------- */
.wlk .wlk-strip{padding:16px}
.wlk .wlk-dtiles{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding:2px;scrollbar-width:thin}
.wlk .wlk-dtiles>li{flex:none}
.wlk .wlk-dtile{display:flex;align-items:center;gap:10px;width:176px;height:72px;padding:0 12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--rule);text-align:left;cursor:pointer}
.wlk .wlk-dtile[aria-current="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.wlk .wlk-dtile__th{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--paper-2);overflow:hidden}
.wlk .wlk-dtile__th svg{width:48px;height:48px}
.wlk .wlk-dtile__txt{display:flex;flex-direction:column;min-width:0}
.wlk .wlk-dtile__n{font:600 13px/16px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-dtile__p{font:500 12px/16px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-dtile__s{display:flex;align-items:center;gap:4px;font:500 11px/16px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-dtile__s .wlk-i{width:12px;height:12px;color:var(--ink)}
.wlk .wlk-dtile__s.is-ok,.wlk .wlk-dtile__s.is-ok .wlk-i{color:var(--success)}
.wlk .wlk-dtile--add{flex-direction:column;justify-content:center;gap:2px;background:transparent;box-shadow:none;border:1.5px dashed var(--control);font:600 13px/20px var(--f-ui);color:var(--ink);text-align:center}
.wlk .wlk-dtile--add[aria-disabled="true"]{color:var(--ink-3);cursor:not-allowed}
.wlk .wlk-sett{display:flex;flex-direction:column;padding:20px}
.wlk .wlk-sett__l{margin-top:12px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-sett__b{height:44px;margin-top:16px;padding:0 12px;justify-content:center;white-space:normal;text-align:center}

/* ---------- K4 order bar (sticky) ---------- */
.wlk .wlk-k4{position:sticky;bottom:0;z-index:40;background:#fff;box-shadow:var(--sh-up),inset 0 1px 0 var(--rule);outline:0}
.wlk .wlk-k4__in{display:flex;align-items:center;gap:24px;min-height:104px;padding-top:10px;padding-bottom:10px}
.wlk .wlk-k4__l{flex:1;display:flex;align-items:center;gap:12px;min-width:0}
.wlk .wlk-k4__lt{min-width:0}
.wlk .wlk-k4__l1{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wlk .wlk-k4__l2{display:flex;align-items:center;gap:8px;margin-top:4px;font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-k4__price{flex:none;display:flex;flex-direction:column;align-items:flex-end;text-align:right}
.wlk .wlk-k4__sum{font:400 28px/32px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.wlk .wlk-k4__net{font:400 12px/18px var(--f-ui);color:var(--ink-2);white-space:nowrap}
.wlk .wlk-k4__warn{display:flex;align-items:center;gap:6px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-k4__warn .wlk-i{width:14px;height:14px;color:var(--ink)}
.wlk .wlk-k4__rev{flex:none;min-width:208px}
.wlk .wlk-k4__cta{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;max-width:440px}
.wlk .wlk-k4__cta .btn{max-width:100%}
.wlk .wlk-k4__why{max-width:420px;font:400 12px/18px var(--f-ui);color:var(--ink-2);text-align:center}
.wlk .wlk-msticky{display:none}
.wlk[data-view="summary"] .wlk-k4{display:none}

/* ---------- K3 ---------- */
.wlk .wlk-k3{background:var(--paper)}
.wlk .wlk-k3__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;min-height:56px;padding-top:8px;padding-bottom:8px}
.wlk .wlk-ticks{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px}
.wlk .wlk-ticks li{display:flex;align-items:center;gap:8px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-ticks .wlk-i{width:16px;height:16px;color:var(--accent)}
.wlk .wlk-slug{font:600 11px/16px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}

/* ---------- summary view (Zamówienie A) ---------- */
.wlk[data-view="summary"] .wlk-grid{display:none}
.wlk .wlk-sum__t{margin-left:24px;font:400 28px/32px var(--f-display);outline:0}
.wlk .wlk-sum__grid{display:grid;grid-template-columns:minmax(0,1fr) 462px;column-gap:16px;row-gap:16px;align-items:start;margin-top:24px}
.wlk .wlk-list{padding:0}
.wlk .wlk-sr{position:relative;display:grid;grid-template-columns:136px minmax(0,1fr) auto auto;column-gap:24px;align-items:start;padding:24px}
.wlk .wlk-sr+.wlk-sr::before{content:"";position:absolute;left:24px;right:24px;top:0;height:1px;background:var(--rule)}
.wlk .wlk-sr__well{display:grid;place-items:center;width:136px;height:136px;border-radius:var(--r-sm);background:var(--paper-2);overflow:hidden}
.wlk .wlk-sr__well svg{width:136px;height:136px}
.wlk .wlk-sr__info{min-width:0}
.wlk .wlk-sr__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:24px}
.wlk .wlk-sr__cfg{margin-top:8px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-sr__cfg>span{display:block}
.wlk .wlk-sr__file{margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-2);overflow-wrap:anywhere}
.wlk .wlk-sr__acts{display:flex;flex-wrap:wrap;gap:0 20px;margin-top:4px}
.wlk .wlk-sr__qty{display:flex;flex-direction:column;align-items:flex-start}
.wlk .wlk-sr__ql{display:block}
.wlk .wlk-sr__step{display:flex;align-items:center;gap:4px;margin-top:4px}
.wlk .wlk-sr__step .stepbtn{width:44px;height:44px;border-radius:var(--r-xs)}
.wlk .wlk-sr__qf{flex:none;width:70px;height:44px;gap:4px;padding:0 8px}
.wlk .wlk-sr__qf input{width:100%;text-align:right;font-variant-numeric:tabular-nums}
.wlk .wlk-sr__qty .link{margin-top:8px}
.wlk .wlk-sr__pr{text-align:right;white-space:nowrap}
.wlk .wlk-sr__v{font:700 17px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-sr__u{margin-top:4px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-sr__n{font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.wlk .wlk-list__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;min-height:88px;padding:16px 24px;box-shadow:inset 0 1px 0 var(--rule)}
.wlk .wlk-list__foot .btn{gap:8px}
.wlk .wlk-list__rule{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-tot{display:flex;flex-direction:column;padding:28px}
.wlk .wlk-tot__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:26px}
.wlk .wlk-tot__rows{margin-top:20px}
.wlk .wlk-tot__row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
.wlk .wlk-tot__row dt{font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-tot__row dd{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-big{margin-top:4px;font:400 44px/48px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.wlk .wlk-tot__net{margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-ship--tot{margin-top:16px}
.wlk .wlk-date--tot{margin-top:16px}
@media (min-width:1200px) and (min-height:760px){.wlk .wlk-tot{position:sticky;top:16px}}

/* ---------- skeleton (F4) ---------- */
.wlk .wlk-skel{display:block}
.wlk .wlk-skel__card--rail,.wlk .wlk-skel__card--cfg{display:none}
.wlk .wlk-skel__card{display:flex;flex-direction:column;gap:12px;min-height:268px;padding:20px;border-radius:var(--r-md);background:#fff;box-shadow:inset 0 0 0 1px var(--rule),var(--sh-1)}
.wlk .wlk-sk{display:block;height:44px;border-radius:var(--r-sm);background:var(--paper-2)}
.wlk .wlk-sk--head{width:60%;height:14px}
.wlk .wlk-sk--tall{height:140px}
.wlk .wlk-sk--row{height:100px}
.wlk .wlk-sk--well{flex:1;display:grid;place-items:center;min-height:182px}
.wlk .wlk-skel__t{font:400 13px/20px var(--f-ui);color:var(--ink-2)}

/* ---------- dialogs ---------- */
.wlk .wlk-dlg__sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-dlg__note{margin-top:20px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-dlg__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}
.wlk .wlk-dlg__lead{margin-top:8px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-tiers--dlg{margin-top:24px}
.wlk .wlk-dlg .wlk-h2{padding-right:48px}
.wlk .wlk-qbox{display:flex;align-items:center;gap:12px;min-height:72px;margin-top:16px;padding:12px;border-radius:var(--r-sm);background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}
.wlk .wlk-qbox__txt{display:flex;flex-direction:column;min-width:0}
.wlk .wlk-qbox__t{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-qbox__s{font:400 12px/18px var(--f-ui);color:var(--ink-2);overflow-wrap:anywhere}
.wlk .wlk-qform .label{display:block}
.wlk .wlk-qu-qty{width:200px}
.wlk .wlk-qu-qty input{font-variant-numeric:tabular-nums}
.wlk .wlk-area textarea{width:100%}
.wlk .wlk-gdpr{margin-top:12px;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-gdpr a{text-decoration:underline;text-underline-offset:2px}
.wlk .wlk-qu-ok{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:20px}
.wlk .wlk-qu-ok .wlk-i{width:28px;height:28px}
.wlk .wlk-qu-ok__t{font:400 15px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-keys{margin-top:12px}
.wlk .wlk-key{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);align-items:center;gap:12px;min-height:32px}
.wlk .wlk-key dt{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.wlk .wlk-key dd{font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-key__s{font:400 13px/20px var(--f-ui);color:var(--ink-2)}
/* added drawer */
.wlk .wlk-added__head{display:flex;align-items:center;gap:10px;min-height:32px;padding-right:48px}
.wlk .wlk-added__head .wlk-i{width:28px;height:28px}
.wlk .wlk-added__sub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font:400 15px/24px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-added__list{margin-top:20px}
.wlk .wlk-added__it{display:flex;align-items:center;gap:12px;min-height:72px}
.wlk .wlk-added__it+.wlk-added__it{box-shadow:inset 0 1px 0 var(--rule)}
.wlk .wlk-added__txt{flex:1;display:flex;flex-direction:column;min-width:0}
.wlk .wlk-added__n{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-added__c{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-added__p{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-added__tot{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-top:16px;font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-added__sum{font:700 20px/28px var(--f-ui);color:var(--ink)}
.wlk .wlk-added__ship{align-self:flex-start;margin-top:12px}
.wlk .wlk-added__go{margin-top:24px}
.wlk .wlk-added__more{justify-content:center;margin-top:12px}
.wlk .wlk-added__thumbs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
/* size drawer */
.wlk .wlk-dsize{padding:0}
.wlk .wlk-drawer__body{flex:1;min-height:0;display:flex;flex-direction:column;padding:28px 28px 24px;overflow:auto;overscroll-behavior:contain}
.wlk .wlk-drawer__body>*{flex:none}
.wlk .wlk-drawer__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:96px;padding:16px 28px;box-shadow:inset 0 1px 0 var(--rule)}
.wlk .wlk-dhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.wlk .wlk-dsub{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-seg8>button{padding:0 8px}
.wlk .wlk-sizes--d .wlk-size{min-height:92px;padding:6px 2px 8px}
.wlk .wlk-sizes--d .wlk-size__art{transform:scale(.8)}
.wlk .wlk-sizes--d .wlk-size__l{margin-top:2px;font-size:12px}
.wlk .wlk-dprice{font:700 17px/24px var(--f-ui);color:var(--ink)}
.wlk .wlk-dprice__s{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
/* bucket sheet */
.wlk .wlk-dcc-list{display:flex;flex-direction:column;gap:8px}
.wlk .wlk-dcc{display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:88px;padding:16px 12px;border-radius:var(--r-card);background:#fff;box-shadow:inset 0 0 0 1px var(--rule);text-align:left;cursor:pointer}
.wlk .wlk-dcc[aria-current="true"]{box-shadow:inset 0 0 0 2px var(--ink)}
.wlk .wlk-dcc__t{display:flex;flex-direction:column;min-width:0}
.wlk .wlk-dcc__n{font:600 13px/20px var(--f-ui);color:var(--ink)}
.wlk .wlk-dcc__m{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.wlk .wlk-dcc__r{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.wlk .wlk-dcc__p{font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap}
.wlk .wlk-ship--sheet{margin-top:12px}
.wlk .wlk-sb .wlk-h2{font-size:24px;line-height:30px}
/* full-screen editor container (filled by WLK.Editor) */
.wlk .wlk-ed-full{position:fixed;inset:0;z-index:100005;display:flex;flex-direction:column;background:var(--paper);outline:0}

/* =====================================================================
   1200–1439
   ===================================================================== */
@media (max-width:1439px){
	.wlk .wlk-sum__grid{grid-template-columns:minmax(0,1fr) 420px}
}
/* =====================================================================
   992–1199
   ===================================================================== */
@media (max-width:1199px){
	.wlk .wlk-split{grid-template-columns:minmax(0,1fr) minmax(0,360px);column-gap:32px}
	.wlk .wlk-k4__l{display:none}
	.wlk .wlk-k4__in{justify-content:flex-end}
	.wlk .wlk-k4__price{margin-right:auto}
	.wlk .wlk-sum__grid{grid-template-columns:minmax(0,1fr)}
}
/* 992–1199: three shape tiles in a row – smaller art so the size range stays on one line */
@media (min-width:992px) and (max-width:1199px){
	.wlk .wlk-tiles--3 .wlk-tile{gap:12px;padding:16px}
	.wlk .wlk-tiles--3 .wlk-tile__art{width:64px;height:48px}
	.wlk .wlk-tiles--3 .wlk-tile__art .wlk-tile__svg{width:auto;height:44px}
}
/* =====================================================================
   768–991: one column inside each step; totals + CTA inside „Twoje wzory”
   ===================================================================== */
@media (max-width:991px){
	.wlk .wlk-split{grid-template-columns:minmax(0,1fr)}
	.wlk .wlk-tiles--3 .wlk-tile{flex-direction:column;justify-content:center;gap:8px;padding:16px 12px;text-align:center}
	.wlk .wlk-tiles--3 .wlk-tile__txt{align-items:center}
	.wlk .wlk-rail__tot{display:flex;flex-direction:column}
	.wlk .wlk-rail__tot>.wlk-hr{margin:20px 0}
	.wlk .wlk-rail__tot .wlk-cta{margin-top:20px}
	.wlk .wlk-k4__rev{min-width:0}
	.wlk .wlk-sr{grid-template-columns:96px minmax(0,1fr);row-gap:16px}
	.wlk .wlk-sr__well,.wlk .wlk-sr__well svg{width:96px;height:96px}
	.wlk .wlk-sr__qty{grid-column:2}
	.wlk .wlk-sr__pr{grid-column:2;text-align:left}
}
/* =====================================================================
   ≤767: the mobile boards (Mobile-1 / Mobile-2), 360–767
   ===================================================================== */
@media (max-width:767px){
	.wlk .wlk-desk{display:none!important}
	.wlk .wlk-wrap{padding:0 16px}
	.wlk .field input,.wlk .field textarea{font-size:16px}
	/* MK1 */
	.wlk .wlk-k1__in{flex-direction:column;align-items:stretch;gap:16px;min-height:0;padding-top:20px;padding-bottom:16px}
	.wlk .wlk-h1{font-size:28px;line-height:32px}
	.wlk .wlk-sent{margin-top:8px}
	.wlk .wlk-k1__r{align-items:stretch;gap:16px;padding-top:0}
	.wlk .wlk-k1__meta{justify-content:flex-start}
	/* band */
	.wlk .wlk-k2{padding:0}
	.wlk .wlk-band{padding:20px 16px 40px;border-radius:0}
	.wlk .wlk-reg{display:none}
	.wlk .wlk-grid,.wlk .wlk-w,.wlk .wlk-zam{gap:12px}
	.wlk .card{padding:20px}
	/* step tiles (shapes, entry): one per row */
	.wlk .wlk-tiles{gap:8px;margin-top:16px}
	.wlk .wlk-tiles--3,.wlk .wlk-tiles--2{grid-template-columns:minmax(0,1fr)}
	.wlk .wlk-tile,.wlk .wlk-tiles--3 .wlk-tile{flex-direction:row;justify-content:flex-start;min-height:76px;padding:12px 16px;gap:14px;text-align:left}
	.wlk .wlk-tiles--3 .wlk-tile__txt{align-items:flex-start}
	.wlk .wlk-tile__art{width:64px;height:48px}
	.wlk .wlk-tile__art .wlk-tile__svg{width:auto;height:44px}
	.wlk .wlk-tile__ic{width:44px;height:44px}
	.wlk .wlk-tile__ic .wlk-i{width:20px;height:20px}
	.wlk .wlk-tile__n{font-size:15px;line-height:22px}
	.wlk .wlk-tile__s{font-size:12px;line-height:18px}
	/* step 4: file part joined with Kontrola */
	.wlk .wlk-step4{gap:0}
	.wlk .wlk-stage__body{margin-top:20px;padding-top:16px}
	.wlk .wlk-stage:has(+ .wlk-chkcard:not([hidden])){border-radius:var(--r-md) var(--r-md) 0 0;padding-bottom:4px}
	.wlk .wlk-stage+.wlk-chkcard{border-radius:0 0 var(--r-md) var(--r-md);padding-top:16px}
	.wlk .wlk-chkcard h3{font:600 15px/24px var(--f-ui)}
	.wlk .wlk-dz{height:auto;min-height:220px;margin-top:16px;padding:24px 16px}
	.wlk .wlk-dz__ic{width:24px;height:24px}
	.wlk .wlk-dz__t{margin-top:8px;font-size:15px}
	.wlk .wlk-dz__btns{display:grid;grid-template-columns:1fr 1fr;width:100%;margin-top:16px}
	.wlk .wlk-dz__btn{height:44px;padding:0 10px}
	.wlk .wlk-well{height:300px;margin-top:16px}
	.wlk .wlk-legend{left:12px;top:10px;row-gap:2px;max-width:220px}
	.wlk .wlk-well__zoom{right:8px;bottom:8px;height:48px;padding:2px}
	.wlk .wlk-tools{flex-direction:column;align-items:stretch;gap:12px}
	.wlk .wlk-tools__r{order:-1;margin-left:0}
	.wlk .wlk-file{flex-wrap:wrap;row-gap:4px}
	.wlk .wlk-file__acts{display:contents}
	.wlk .wlk-file__ed{order:9;flex-basis:100%;justify-content:flex-start;height:32px}
	.wlk .wlk-up{flex-wrap:wrap}
	/* step 2 */
	.wlk .wlk-size{min-height:92px;padding:6px 2px 8px}
	.wlk .wlk-size__art{transform:scale(.8)}
	.wlk .wlk-size__l{margin-top:2px;font-size:12px}
	.wlk .wlk-dims{margin-top:32px}
	.wlk .wlk-dim{position:relative}
	.wlk .wlk-dim .field__in{position:absolute;left:0;top:-24px;font:600 12px/16px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink-2)}
	.wlk .wlk-dim input{text-align:left}
	.wlk .wlk-biglink{white-space:normal}
	/* step 3 */
	.wlk .wlk-tiers .tiers__head,.wlk .wlk-tiers .tier{grid-template-columns:24px 1fr 1fr 1fr;grid-template-rows:auto auto}
	.wlk .wlk-tiers .tier{height:auto;min-height:48px;padding-top:6px;padding-bottom:6px}
	.wlk .wlk-tiers .t-off{display:none}
	.wlk .wlk-tiers .tier[aria-checked="true"] .t-off{display:block;grid-column:3;grid-row:2;font:600 11px/14px var(--f-ui);color:var(--on-ink)}
	.wlk .wlk-tiers .tier .r{grid-row:1 / span 2}
	.wlk .wlk-price{font-size:36px;line-height:40px}
	.wlk .wlk-qty{flex:1;width:auto}
	/* Twoje wzory */
	.wlk .wlk-dlist{grid-template-columns:minmax(0,1fr)}
	.wlk .wlk-rail{padding:20px}
	.wlk .wlk-rail>.wlk-add{align-self:stretch;width:100%}
	.wlk .wlk-split--qty .wlk-save{align-self:stretch;min-width:0}
	/* sticky bar */
	.wlk .wlk-k4__in{display:none}
	.wlk .wlk-msticky{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}
	.wlk .wlk-msticky__b{display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:44px;text-align:left;cursor:pointer}
	.wlk .wlk-msticky__p{display:flex;align-items:center;gap:6px;font:400 22px/26px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
	.wlk .wlk-msticky__p .wlk-i{width:16px;height:16px}
	.wlk .wlk-msticky__s{max-width:100%;font:400 11px/16px var(--f-ui);color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
	.wlk .wlk-msticky__cta{flex:none;height:44px;padding:0 6px 0 20px;gap:12px}
	.wlk .wlk-msticky__cta .btn__dot{width:32px;height:32px}
	/* K3 */
	.wlk .wlk-k3__in{flex-direction:column;align-items:flex-start;padding-top:16px;padding-bottom:16px}
	.wlk .wlk-ticks{flex-direction:column;align-items:flex-start;gap:8px}
	.wlk .wlk-slug{max-width:260px}
	/* summary */
	.wlk .wlk-sum__t{margin-left:0;font-size:24px;line-height:30px}
	.wlk .wlk-sr{grid-template-columns:88px minmax(0,1fr);column-gap:16px;padding:20px 16px}
	.wlk .wlk-sr__well,.wlk .wlk-sr__well svg{width:88px;height:88px}
	.wlk .wlk-sr__qty,.wlk .wlk-sr__pr{grid-column:1 / -1}
	.wlk .wlk-sr+.wlk-sr::before{left:16px;right:16px}
	.wlk .wlk-list__foot{padding:16px}
	.wlk .wlk-tot{padding:20px}
	.wlk .wlk-big{font-size:36px;line-height:40px}
	/* overlays */
	.wlk .wlk-dlg{padding:24px 20px}
	.wlk .wlk-dlg--quote{left:0;top:0;width:100vw;height:100vh;height:100dvh;max-height:none;padding:0;border-radius:0;transform:none}
	.wlk .wlk-dlg--quote .wlk-dlg__tb{display:flex;align-items:center;justify-content:flex-end;flex:none;height:56px;padding:0 8px;box-shadow:inset 0 -1px 0 var(--rule)}
	.wlk .wlk-dlg--quote .wlk-dlg__tb .wlk-dlg__x{position:static}
	.wlk .wlk-dlg--quote .wlk-dlg__body{padding:16px 16px 32px}
	.wlk .wlk-dlg--quote .wlk-h2{padding-right:0;font-size:24px;line-height:30px}
	.wlk .wlk-dlg--quote .wlk-qu-qty{width:100%}
	.wlk .wlk-added,.wlk .wlk-dsize{top:auto;left:0;right:0;bottom:0;width:100%;max-height:90vh;max-height:90dvh;border-radius:20px 20px 0 0;box-shadow:var(--sh-up)}
	.wlk .wlk-added{padding:12px 16px 24px}
	.wlk .wlk-added .wlk-dlg__x{top:20px}
	.wlk .wlk-added .wlk-h2{font-size:24px;line-height:30px}
	.wlk .wlk-key{grid-template-columns:minmax(0,1fr);gap:4px;padding:6px 0}
	.wlk .wlk-banner{flex-wrap:wrap;align-items:flex-start}
	.wlk .wlk-banner__t{flex:1 1 calc(100% - 40px)}
	.wlk .wlk-banner__a{flex:1 1 100%;justify-content:flex-start;margin-left:32px;padding-left:0}
	.wlk .wlk-skel{margin-top:12px}
}
/* =====================================================================
   short viewports (≥ 768 wide): compact K1, K4 72, preview well
   ===================================================================== */
@media (max-height:800px) and (min-width:768px){
	.wlk .wlk-k1__in{min-height:0;padding-top:12px;padding-bottom:12px}
	.wlk .wlk-k1__l{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px}
	.wlk .wlk-h1{font-size:28px;line-height:32px}
	.wlk .wlk-sent{margin-top:0}
	.wlk .wlk-k4__in{min-height:72px;padding-top:8px;padding-bottom:8px}
	.wlk .wlk-k4__price .micro,.wlk .wlk-k4__l2{display:none}
	.wlk .wlk-k4__sum{font-size:24px;line-height:28px}
	.wlk .wlk-k4__cta{flex-direction:row-reverse;align-items:center;gap:12px}
	.wlk .wlk-k4__cta .btn--lg{height:48px}
	.wlk .wlk-k4__cta .btn--lg .btn__dot{width:36px;height:36px}
	.wlk .wlk-k4__why{max-width:260px;text-align:right}
	.wlk .wlk-well{height:max(280px,min(420px,calc(100vh - 72px - var(--wlk-k4h) - 150px)))}
	.wlk .wlk-dz{height:max(280px,min(360px,calc(100vh - 72px - var(--wlk-k4h) - 150px)))}
}
@media (prefers-reduced-motion:reduce){
	.wlk *{scroll-behavior:auto}
}

/* „Dodaj kolejny wzór” — clearly visible and gently pulsing once a next design can be added (owner 01.10.2026). */
.wlk .wlk-add:not([aria-disabled="true"]){height:48px;background:var(--accent);color:#fff;box-shadow:0 10px 22px -10px var(--accent);animation:wlk-pulse 1.8s ease-in-out infinite}
.wlk .wlk-add:not([aria-disabled="true"]):hover{background:var(--accent-hover);color:#fff;animation-play-state:paused}
.wlk .btn--ghost.wlk-add:not([aria-disabled="true"]):focus{box-shadow:0 0 0 3px var(--marker)!important}
@keyframes wlk-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
/* Step 4: after „Zaprojektuj online” the desktop editor unfolds downwards like the file part (owner 01.10.2026). */
@keyframes wlk-unroll{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}
.wlk .wlk-ed-host:not([hidden]),.wlk .wlk-skel:not([hidden]){animation:wlk-unroll .5s cubic-bezier(.2,.7,.2,1) backwards}
@media (prefers-reduced-motion:reduce){
	.wlk .wlk-add:not([aria-disabled="true"]),.wlk .wlk-ed-host:not([hidden]),.wlk .wlk-skel:not([hidden]){animation:none}
}