/* =====================================================================
   NK KREATOR — "Kreator naklejek" band (section#kreator), brief D4 / M4.
   Markup: nk/sections/kreator.php · behaviour: assets/js/nk-kreator.js
   ≥1400  desktop: band x15–1425, radius 28, padding 40, grid A 391 | B 516 | C 391 (fr)
   1200–1399  same 3 columns, tighter paddings + compact field/chip/tier details
   992–1199  2 columns (A | B, then C3 | C4), desktop card internals
   768–991   2 columns, compact (mobile) card internals
   ≤767      M4: full-bleed paper-2 band, stacked cards, sticky price bar
   ===================================================================== */

.nk-home .nk-kr{position:relative}
.nk-home .nk-kr [hidden]{display:none!important}
.nk-home .nk-kr__band{position:relative;display:flex;flex-direction:column;padding:40px;border-radius:var(--r-xl);background:var(--paper-2)}
.nk-home .nk-kr__reg--tl{left:14px;top:14px}
.nk-home .nk-kr__reg--tr{right:14px;top:14px}
.nk-home .nk-kr__reg--bl{left:14px;bottom:14px}
.nk-home .nk-kr__reg--br{right:14px;bottom:14px}
.nk-home .nk-kr__mt8{margin-top:8px}
.nk-home .nk-kr__mt12{margin-top:12px}
.nk-home .nk-kr__mt16{margin-top:16px}
.nk-home .nk-kr__mt20{margin-top:20px}

/* Digic resets that fight our controls: template.css sets button:focus{box-shadow:unset!important}
   (our borders are inset shadows) and input[type=text]{padding:5px 6px;border:1px solid …}. */
.nk-home .nk-kr :where(input[type="text"],textarea){height:auto;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-appearance:none;appearance:none}
.nk-home .nk-kr .size:focus,.nk-home .nk-kr .chip:focus,.nk-home .nk-kr .nk-kr__lock[aria-pressed="false"]:focus{box-shadow:inset 0 0 0 1.5px var(--control)!important}
.nk-home .nk-kr .size[aria-checked="true"]:focus,.nk-home .nk-kr .chip[aria-checked="true"]:focus{box-shadow:inset 0 0 0 2px var(--ink)!important}
.nk-home .nk-kr .nk-kr__lock[aria-pressed="true"]:focus,.nk-home .nk-kr .nk-kr__filex:focus{box-shadow:none!important}

/* ---------- head ---------- */
.nk-home .nk-kr__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;min-height:160px}
.nk-home .nk-kr__hl{max-width:760px;min-width:0}
.nk-home .nk-kr__h2{margin-top:8px;font-size:40px;line-height:46px;white-space:nowrap}
.nk-home .nk-kr__br{display:none}
.nk-home .nk-kr__lead{max-width:620px;margin-top:32px}
.nk-home .nk-kr__hr{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.nk-home .nk-kr__meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-height:26px}
.nk-home .nk-kr__meta .link,.nk-home .nk-kr__biglink{position:relative}
.nk-home .nk-kr__meta .link::before,.nk-home .nk-kr__biglink::before{content:"";position:absolute;left:0;right:0;top:50%;height:44px;margin-top:-22px}

/* ---------- product type (desktop: segmented control) ---------- */
.nk-home .nk-kr__type{align-self:flex-start;max-width:100%;margin-top:24px}
.nk-home .nk-kr__type>button[aria-checked="false"]:hover,.nk-home .nk-kr .seg>button[aria-checked="false"]:hover{color:var(--ink);background:var(--paper)}

/* ---------- grid ---------- */
.nk-home .nk-kr__grid{display:grid;grid-template-columns:minmax(0,391fr) minmax(0,516fr) minmax(0,391fr);gap:16px;margin-top:24px}
.nk-home .nk-kr__card{display:flex;flex-direction:column;min-width:0}
.nk-home .nk-kr__colc{display:flex;flex-direction:column;gap:16px;min-width:0}
.nk-home .nk-kr__c3{flex:none}
.nk-home .nk-kr__c4{flex:1 1 auto}

/* ---------- card A: size + material ---------- */
.nk-home .nk-kr__sizes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nk-home .nk-kr__size{--cm:5;width:100%;height:166px}
.nk-home .nk-kr__size[aria-checked="false"]:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.nk-home .nk-kr__sizeb{position:absolute;left:50%;top:calc(64px - var(--h,var(--cm)) * 4px);display:grid;place-items:center;width:calc(var(--w,var(--cm)) * 8px);height:calc(var(--h,var(--cm)) * 8px);border-radius:calc(min(var(--w,var(--cm)),var(--h,var(--cm))) * 1.2px);background:var(--st-blush);box-shadow:0 0 0 4px var(--surface);filter:var(--sh-sticker);transform:translateX(-50%);pointer-events:none}
.nk-home .nk-kr__sizea{width:auto;height:100%;aspect-ratio:1/1}
.nk-home .nk-kr:has(.nk-kr__type [data-value="okragle"][aria-checked="true"]) .nk-kr__sizeb{border-radius:50%}
.nk-home .nk-kr:has(.nk-kr__type [data-value="prostokatne"][aria-checked="true"]) .nk-kr__size--5{--w:5;--h:3}
.nk-home .nk-kr:has(.nk-kr__type [data-value="prostokatne"][aria-checked="true"]) .nk-kr__size--7{--w:7;--h:5}
.nk-home .nk-kr:has(.nk-kr__type [data-value="prostokatne"][aria-checked="true"]) .nk-kr__size--9{--w:9;--h:6}
.nk-home .nk-kr:has(.nk-kr__type [data-value="prostokatne"][aria-checked="true"]) .nk-kr__size--12{--w:12;--h:8}
.nk-home .nk-kr__sizel{position:absolute;left:0;right:0;bottom:12px;font:600 13px/20px var(--f-ui);color:var(--ink);text-align:center;white-space:nowrap}
.nk-home .nk-kr__sizel--up{bottom:28px}
.nk-home .nk-kr__sizeh{position:absolute;left:0;right:0;bottom:12px;font:400 11px/16px var(--f-ui);color:var(--ink-3);text-align:center;white-space:nowrap}
.nk-home .nk-kr__size .size__ck svg{stroke-width:2.5}
.nk-home .nk-kr__size[aria-checked="false"] .size__ck{display:none}

.nk-home .nk-kr__dims{display:flex;align-items:center;gap:8px}
.nk-home .nk-kr__dim{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:6px;height:48px;padding:0 12px;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1.5px var(--control);cursor:text}
.nk-home .nk-kr__diml{margin:0;font:600 11px/16px var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;cursor:text}
.nk-home .nk-kr .nk-kr__dimi{flex:1;width:100%;min-width:0;outline:0;font:500 15px/20px var(--f-ui);color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.nk-home .nk-kr__dimu{font:500 13px/20px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__dim:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--tint)}
.nk-home .nk-kr__dim.is-error{box-shadow:inset 0 0 0 1.5px var(--danger)}
.nk-home .nk-kr__dim.is-error:focus-within{box-shadow:inset 0 0 0 1.5px var(--danger),0 0 0 4px var(--danger-tint)}
.nk-home .nk-kr__lock{position:relative;flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff}
.nk-home .nk-kr__lock::before{content:"";position:absolute;left:-4px;top:-4px;width:44px;height:44px}
.nk-home .nk-kr__lock svg{width:18px;height:18px}
.nk-home .nk-kr__lock[aria-pressed="false"]{background:#fff;color:var(--ink-2);box-shadow:inset 0 0 0 1.5px var(--control)}
.nk-home .nk-kr__err svg{width:16px;height:16px}
.nk-home .nk-kr__biglink{align-self:flex-start;gap:4px;font:600 12px/18px var(--f-ui)}
.nk-home .nk-kr .nk-kr__biglink svg{width:14px;height:14px}

.nk-home .nk-kr__mats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nk-home .nk-kr__mats .chip{position:relative;width:100%;min-width:0;gap:6px}
.nk-home .nk-kr__mats .chip[aria-checked="false"]:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.nk-home .nk-kr__chipl{min-width:0;overflow:hidden;text-overflow:ellipsis}
.nk-home .nk-kr__mats .chip .ck{stroke-width:2.25}
.nk-home .nk-kr__mats .chip[aria-checked="false"] .ck{display:none}
.nk-home .nk-kr__sw--mat{background:#fff}
.nk-home .nk-kr__sw--clear{background:#fff conic-gradient(rgba(22,21,19,.14) 25%,transparent 0 50%,rgba(22,21,19,.14) 0 75%,transparent 0) 0 0/6px 6px}
.nk-home .nk-kr__sw--holo{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.55) 50%,transparent 60%),var(--st-holo)}
.nk-home .nk-kr__sw--paper{background:repeating-linear-gradient(100deg,rgba(22,21,19,.06) 0 1px,transparent 1px 4px),#F3EEE3}

.nk-home .nk-kr__lrow{position:relative;display:flex;align-items:center;gap:6px;min-height:20px;margin-bottom:8px}
.nk-home .nk-kr__lrow .label{margin-bottom:0}
.nk-home .nk-kr__help{position:relative;flex:none;display:grid;place-items:center;width:20px;height:20px;color:var(--ink-3);cursor:help}
.nk-home .nk-kr__help::before{content:"";position:absolute;left:-12px;top:-12px;width:44px;height:44px}
.nk-home .nk-kr__help svg{width:16px;height:16px}
.nk-home .nk-kr__help:hover,.nk-home .nk-kr__help[aria-expanded="true"]{color:var(--ink)}
.nk-home .nk-kr__tip{position:absolute;left:0;top:calc(100% + 8px);z-index:6;width:max-content;max-width:min(280px,100%);padding:10px 12px;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1px var(--rule),var(--sh-2);font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__segfit>button{padding:0 12px}
.nk-home .nk-kr__lam{margin-bottom:20px}

.nk-home .nk-kr__scale{display:flex;align-items:center;gap:14px;min-height:96px;margin-top:auto;padding:11px 16px;border-radius:var(--r-sm);background:var(--paper)}
.nk-home .nk-kr__scaleart{position:relative;flex:none;width:88px;height:48px}
.nk-home .nk-kr__scalecard{position:absolute;left:0;top:2px;width:68px;height:43px;border:1.5px dashed var(--control);border-radius:6px}
.nk-home .nk-kr__scalestk{position:absolute;left:48px;top:4px;display:grid;place-items:center;width:40px;height:40px;border-radius:6px;background:var(--st-blush);box-shadow:0 0 0 4px var(--surface);filter:var(--sh-sticker)}
.nk-home .nk-kr__scalet{font:600 13px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__scalep{font:400 12px/18px var(--f-ui);color:var(--ink-2)}

/* ---------- card B: tiers, quantity, savings, shipping ---------- */
.nk-home .nk-kr__tiers .tiers__head,.nk-home .nk-kr__tiers .tier{grid-template-columns:24px minmax(0,1.25fr) minmax(0,1fr) minmax(0,1fr) 56px}
.nk-home .nk-kr__tiers .tier>span{white-space:nowrap}
.nk-home .nk-kr__tier[aria-checked="false"]:hover{background:var(--paper)}
.nk-home .nk-kr__tiers.is-off .tier{opacity:.4}
.nk-home .nk-kr__tu{display:flex;flex-direction:column;align-items:flex-end}
.nk-home .nk-kr__toff,.nk-home .nk-kr__star{display:none}
.nk-home .nk-kr__star svg{width:14px;height:14px}
.nk-home .nk-kr__tmsg{display:flex;align-items:center;gap:6px;margin-top:6px;font:500 13px/20px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__tmsg svg{width:16px;height:16px}

.nk-home .nk-kr__stepper{display:flex;align-items:center;gap:6px}
.nk-home .nk-kr .stepbtn svg{width:20px;height:20px}
.nk-home .nk-kr .stepbtn:hover{background:var(--rule)}
.nk-home .nk-kr .stepbtn[aria-disabled="true"]{color:var(--control);cursor:not-allowed;background:var(--paper-2)}
.nk-home .nk-kr__qty{flex:none;width:120px;gap:6px;padding:0 12px}
.nk-home .nk-kr .nk-kr__qty input{text-align:center;font-variant-numeric:tabular-nums}
.nk-home .nk-kr__qty:focus-within,.nk-home .nk-kr__area:focus-within{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--tint)}
.nk-home .nk-kr .nk-kr__qty input:focus-visible,.nk-home .nk-kr .nk-kr__area textarea:focus-visible,.nk-home .nk-kr .nk-kr__dimi:focus-visible{outline:0}

.nk-home .nk-kr__save{position:relative;flex:none;min-height:92px;margin-top:20px;padding:11px 16px 12px;border-radius:var(--r-sm);background:var(--paper);border:1.5px dashed var(--control)}
.nk-home .nk-kr__savek{font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__savev{font:700 20px/28px var(--f-ui);color:var(--accent);font-variant-numeric:tabular-nums}
.nk-home .nk-kr__saves{font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__hr{flex:none;height:1px;margin-top:20px;background:var(--rule)}
.nk-home .nk-kr__ship{margin-top:20px}
.nk-home .nk-kr__ship.is-off{opacity:.4}
.nk-home .nk-kr__shipcap{display:flex;align-items:center;gap:8px;font:400 13px/20px var(--f-ui);color:var(--ink);font-variant-numeric:tabular-nums}
.nk-home .nk-kr__shipcap svg{width:18px;height:18px;color:var(--accent)}
.nk-home .nk-kr__shipok{align-self:flex-start}
.nk-home .nk-kr__shipok svg{width:16px;height:16px}
.nk-home .nk-kr__meter{position:relative;height:6px;margin-top:8px;border-radius:var(--r-pill);background:var(--rule);overflow:hidden}
.nk-home .nk-kr__meter>span{position:absolute;left:0;top:0;bottom:0;max-width:100%;border-radius:var(--r-pill);background:var(--accent);transition:width .25s ease}
.nk-home .nk-kr__shipsub{margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__date{display:flex;align-items:flex-start;gap:10px;margin-top:16px;margin-bottom:20px;color:var(--ink)}
.nk-home .nk-kr__date svg{width:20px;height:20px}
.nk-home .nk-kr__datet{font:600 13px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__dates{font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__note{margin-top:auto;font:400 12px/18px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__note .link,.nk-home .nk-kr__notice .link{display:inline;font:inherit;font-weight:600;overflow-wrap:anywhere}

/* ---------- card C3: preview + price ---------- */
.nk-home .nk-kr__pv{position:relative;flex:none;height:136px;margin-top:20px;border-radius:var(--r-sm);background:var(--paper);overflow:hidden}
.nk-home .nk-kr__crop{position:absolute;width:13px;height:13px}
.nk-home .nk-kr__crop--tl{left:10px;top:10px}
.nk-home .nk-kr__crop--tr{right:10px;top:10px;transform:scaleX(-1)}
.nk-home .nk-kr__crop--bl{left:10px;bottom:10px;transform:scaleY(-1)}
.nk-home .nk-kr__crop--br{right:10px;bottom:10px;transform:scale(-1,-1)}
.nk-home .nk-kr__pvlbl{position:absolute;left:30px;top:14px;z-index:1;display:flex;align-items:center;gap:6px}
.nk-home .nk-kr__pvstage{position:absolute;left:50%;top:0;width:240px;height:136px;margin-left:-120px}
.nk-home .nk-kr__pvstage>svg{position:absolute;left:0;top:0}
.nk-home .nk-kr .nk-kr__pvm{transition:none}
.nk-home .nk-kr__pvtxt{font:500 11px/16px var(--f-ui);fill:#57524B}
.nk-home .nk-kr__price{margin-top:4px;font:400 44px/48px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
.nk-home .nk-kr__net{margin-top:4px;font:400 13px/20px var(--f-ui);color:var(--ink-2);font-variant-numeric:tabular-nums}
.nk-home .nk-kr__sum{margin-top:12px;font:500 13px/20px var(--f-ui);color:var(--ink)}

/* ---------- card C4: file, notes, CTA ---------- */
.nk-home .nk-kr__drop{margin-top:12px;height:auto;min-height:104px}
.nk-home .nk-kr__drop.drop--empty{padding:12px 16px}
.nk-home .nk-kr__drop.drop--empty:hover{border-color:var(--ink-2)}
.nk-home .nk-kr__drop.is-focus{outline:2px solid var(--accent);outline-offset:2px}
.nk-home .nk-kr__dropempty{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.nk-home .nk-kr__dropempty>svg{width:24px;height:24px;margin-bottom:2px;color:var(--ink-2)}
.nk-home .nk-kr__dropl{color:var(--ink-2)}
.nk-home .nk-kr__pick{font-weight:600;color:var(--accent)}
.nk-home .nk-kr .nk-kr__filein{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}
.nk-home .nk-kr__drop.is-full .nk-kr__filein{width:1px;height:1px;pointer-events:none}
.nk-home .nk-kr__dropfull{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
.nk-home .nk-kr__thumb{flex:none;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:var(--r-xs);background:#fff;box-shadow:inset 0 0 0 1px var(--rule);color:var(--ink-2)}
.nk-home .nk-kr__thumb img{display:block;width:48px;height:48px;object-fit:contain}
.nk-home .nk-kr__thumbi svg{width:24px;height:24px}
.nk-home .nk-kr__file{flex:1;display:flex;flex-direction:column;min-width:0}
.nk-home .nk-kr__filen{overflow:hidden;font:600 13px/20px var(--f-ui);color:var(--ink);white-space:nowrap;text-overflow:ellipsis}
.nk-home .nk-kr__filem{font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__filech{flex:none;height:44px;font-size:13px}
.nk-home .nk-kr__filex{flex:none;margin:0 -8px 0 -4px;background:transparent;box-shadow:none;color:var(--ink-2)}
.nk-home .nk-kr__filex:hover{background:#fff;box-shadow:none;color:var(--ink)}
.nk-home .nk-kr__area textarea{width:100%;font:500 15px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__proof{margin-top:12px}
.nk-home .nk-kr__proofl{display:block;font:500 13px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__proofh{display:block;margin-top:4px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__buy{margin-top:auto;padding-top:20px}
.nk-home .nk-kr .nk-kr__cta{height:auto;min-height:56px;padding-top:6px;padding-bottom:6px;white-space:normal;text-align:left}
.nk-home .nk-kr__ctal{display:inline-flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums}
.nk-home .nk-kr__ctal svg{flex:none;width:18px;height:18px}
.nk-home .nk-kr__ctap{white-space:nowrap}
.nk-home .nk-kr .nk-kr__cta[aria-disabled="true"],.nk-home .nk-kr .nk-kr__cta[aria-disabled="true"]:hover{background:var(--paper-2);color:var(--ink-3);cursor:not-allowed}
.nk-home .nk-kr .nk-kr__cta[aria-disabled="true"] .btn__dot{background:var(--rule);color:var(--ink-3)}
.nk-home .nk-kr__reason{margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-2);text-align:center}
.nk-home .nk-kr__notice{margin-top:12px;padding:12px 16px;border-radius:var(--r-sm);background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule);font:400 13px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__notice:empty{display:none}
.nk-home .nk-kr__pay{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px;font:400 12px/18px var(--f-ui);color:var(--ink-3)}
.nk-home .nk-kr__pay svg{width:14px;height:14px}

/* ---------- foot ---------- */
.nk-home .nk-kr__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;margin-top:24px}
.nk-home .nk-kr__ticks{display:flex;flex-wrap:wrap;align-items:center;gap:8px 32px}
.nk-home .nk-kr__ticks li{display:flex;align-items:center;gap:8px;font:400 13px/20px var(--f-ui);color:var(--ink-2)}
.nk-home .nk-kr__ticks svg{width:16px;height:16px;color:var(--accent)}
.nk-home .nk-kr__slug{font:600 11px/16px var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}

/* ---------- mobile sticky price bar (only ≤767; shown by JS while the creator is in view) ---------- */
.nk-home .nk-kr__sticky{display:none}

/* =====================================================================
   ≤1399: the "Hit" pill no longer fits the Ilość column → star marker (as on mobile)
   ===================================================================== */
@media (max-width:1399px){
	.nk-home .nk-kr__hit{display:none}
	.nk-home .nk-kr__star{display:inline-block;margin-left:6px;vertical-align:-2px;color:var(--accent)}
	.nk-home .nk-kr__tier[aria-checked="true"] .nk-kr__star{color:var(--on-ink)}
}

/* 1200–1399: three narrower columns — tighter band / card padding */
@media (min-width:1200px) and (max-width:1399px){
	.nk-home .nk-kr__band{padding:32px}
	.nk-home .nk-kr__card{padding:20px}
	.nk-home .nk-kr__mats .chip{padding:0 10px;font-size:12px}
	.nk-home .nk-kr__segfit>button{flex:1 1 auto;padding:0 6px}
}

/* cards narrower than ~330 px (1200–1399 and ≤991): custom-size labels above the fields,
   material check as a corner badge so the labels never overflow */
@media (min-width:1200px) and (max-width:1399px),(max-width:991px){
	.nk-home .nk-kr__dims{display:grid;grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr);column-gap:8px;align-items:end}
	.nk-home .nk-kr__dim{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 48px;column-gap:6px;height:auto;padding:0;border-radius:0;background:none;box-shadow:none}
	.nk-home .nk-kr__dim::before{content:"";grid-row:2;grid-column:1/-1;border-radius:var(--r-sm);background:#fff;box-shadow:inset 0 0 0 1.5px var(--control)}
	.nk-home .nk-kr__diml{grid-row:1;grid-column:1/-1;margin-bottom:4px;font:600 12px/16px var(--f-ui);letter-spacing:0;text-transform:none;color:var(--ink-2)}
	.nk-home .nk-kr .nk-kr__dimi{grid-row:2;grid-column:1;position:relative;z-index:1;align-self:stretch;padding-left:14px;text-align:left}
	.nk-home .nk-kr__dimu{grid-row:2;grid-column:2;position:relative;z-index:1;align-self:center;padding-right:14px}
	.nk-home .nk-kr__dim:focus-within,.nk-home .nk-kr__dim.is-error,.nk-home .nk-kr__dim.is-error:focus-within{box-shadow:none}
	.nk-home .nk-kr__dim:focus-within::before{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 4px var(--tint)}
	.nk-home .nk-kr__dim.is-error::before{box-shadow:inset 0 0 0 1.5px var(--danger)}
	.nk-home .nk-kr__dim.is-error:focus-within::before{box-shadow:inset 0 0 0 1.5px var(--danger),0 0 0 4px var(--danger-tint)}
	.nk-home .nk-kr__lock{margin-bottom:6px}
	.nk-home .nk-kr__mats .chip .ck{position:absolute;top:-6px;right:-6px;width:20px;height:20px;margin:0;padding:4px;border-radius:50%;background:var(--ink);color:#fff;box-shadow:0 0 0 2px #fff;stroke-width:2.5}
}

/* =====================================================================
   ≤1199: two columns — A | B, then C3 | C4
   ===================================================================== */
@media (max-width:1199px){
	.nk-home .nk-kr__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
	.nk-home .nk-kr__colc{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px}
	.nk-home .nk-kr__head{min-height:0}
}

/* =====================================================================
   ≤991: tablet — compact (mobile) card internals, still two columns
   ===================================================================== */
@media (max-width:991px){
	.nk-home .nk-kr__band{padding:32px 24px}
	.nk-home .nk-kr__card{padding:20px}
	.nk-home .nk-kr__head{flex-direction:column;align-items:stretch;gap:16px}
	.nk-home .nk-kr__hr{align-items:flex-start;gap:16px}
	.nk-home .nk-kr__meta{gap:12px}
	.nk-home .nk-kr__meta .link{font-size:13px}

	/* product type → horizontal scroll row of solid chips (with a peek) */
	.nk-home .nk-kr__type{display:flex;gap:8px;align-self:stretch;max-width:none;margin:16px -24px 0;padding:4px 24px;border-radius:0;background:none;box-shadow:none;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:24px;scrollbar-width:none}
	.nk-home .nk-kr__type::-webkit-scrollbar{display:none}
	.nk-home .nk-kr .nk-kr__type>button{flex:none;scroll-snap-align:start;height:44px;padding:0 14px 0 12px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1.5px var(--control);color:var(--ink);font:500 13px/20px var(--f-ui)}
	.nk-home .nk-kr .nk-kr__type>button[aria-checked="true"]{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 2px var(--ink);font-weight:600}
	.nk-home .nk-kr .nk-kr__type>button:focus{box-shadow:inset 0 0 0 1.5px var(--control)!important}
	.nk-home .nk-kr .nk-kr__type>button[aria-checked="true"]:focus{box-shadow:inset 0 0 0 2px var(--ink)!important}
	.nk-home .nk-kr .nk-kr__type>button[aria-checked="false"]:hover{background:#fff;box-shadow:inset 0 0 0 1.5px var(--ink)}
	.nk-home .nk-kr__grid{margin-top:16px}

	/* size cards: one row of 4, mascot at 4 px/cm, no dot grid, no QR hint */
	.nk-home .nk-kr__sizes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
	.nk-home .nk-kr__size{height:84px;background-image:none}
	.nk-home .nk-kr__sizeb{top:calc(34px - var(--h,var(--cm)) * 2px);width:calc(var(--w,var(--cm)) * 4px);height:calc(var(--h,var(--cm)) * 4px);border-radius:calc(min(var(--w,var(--cm)),var(--h,var(--cm))) * .6px)}
	.nk-home .nk-kr__sizel,.nk-home .nk-kr__sizel--up{bottom:8px;font-size:12px;line-height:16px}
	.nk-home .nk-kr__sizeh{display:none}

	.nk-home .nk-kr__segfit>button{flex:1 1 auto;padding:0 8px}

	/* tier table: radio · Ilość · Cena / szt. · Brutto (no Rabat column); the selected row shows −N% under the unit price */
	.nk-home .nk-kr__tiers .tiers__head,.nk-home .nk-kr__tiers .tier{grid-template-columns:24px minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr)}
	.nk-home .nk-kr__tiers .t-off{display:none}
	.nk-home .nk-kr__tiers .tier{height:48px}
	.nk-home .nk-kr__tier[aria-checked="true"] .nk-kr__toff{display:block;font:600 11px/14px var(--f-ui);color:var(--on-ink)}
	.nk-home .nk-kr__tier[aria-checked="true"] .nk-kr__toff:empty{display:none}

	.nk-home .nk-kr__price{font-size:36px;line-height:40px}
	.nk-home .nk-kr__notesl{margin-top:12px}
	.nk-home .nk-kr .nk-kr__cta{padding-left:18px;gap:8px}
	.nk-home .nk-kr__ctal{gap:8px}
	.nk-home .nk-kr__buy{padding-top:16px}
	.nk-home .nk-kr__drop{gap:8px}
	.nk-home .nk-kr__dropfull{gap:8px}
	.nk-home .nk-kr__filex{margin:0 -10px 0 -6px}
}

/* =====================================================================
   ≤767: M4 mobile — full-bleed band, stacked, sticky bar
   ===================================================================== */
@media (max-width:767px){
	.nk-home .nk-kr>.nk-wrap{padding-left:0;padding-right:0}
	.nk-home .nk-kr__band{padding:32px 16px 41px;border-radius:0}
	.nk-home .nk-kr__reg{display:none}
	.nk-home .nk-kr .eyebrow{font-size:11px;line-height:14px;letter-spacing:.1em}
	.nk-home .nk-kr__head{display:block}
	.nk-home .nk-kr__h2{font-size:28px;line-height:32px}
	.nk-home .nk-kr__br{display:inline}
	.nk-home .nk-kr__h2 .hl{margin-left:-.2em}
	.nk-home .nk-kr__h2 .drips{display:none}
	.nk-home .nk-kr__lead{max-width:310px;font-size:16px;line-height:26px}
	.nk-home .nk-kr__hr{display:block;margin-top:16px}
	.nk-home .nk-kr__meta{min-height:28px}
	.nk-home .nk-kr__entry{display:flex;margin-top:16px}
	.nk-home .nk-kr__entry>button{flex:1 1 auto;padding:0 12px}
	.nk-home .nk-kr__type{margin:16px -16px 0;padding:4px 16px;scroll-padding-left:16px}

	.nk-home .nk-kr__grid{grid-template-columns:minmax(0,1fr);gap:12px}
	.nk-home .nk-kr__colc{display:flex;flex-direction:column;gap:12px}
	.nk-home .nk-kr__lam{margin-bottom:0}
	.nk-home .nk-kr__scale{display:none}

	/* all form inputs 16px (prevents iOS zoom) */
	.nk-home .nk-kr .nk-kr__dimi,.nk-home .nk-kr .nk-kr__qty input,.nk-home .nk-kr__area textarea{font-size:16px}

	.nk-home .nk-kr__foot{display:block;margin-top:20px}
	.nk-home .nk-kr__ticks{display:block}
	.nk-home .nk-kr__ticks li{min-height:24px}
	.nk-home .nk-kr__slug{margin-top:12px}

	.nk-home .nk-kr__sticky{position:fixed;left:0;right:0;bottom:0;z-index:80;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));background:#fff;box-shadow:var(--sh-up),inset 0 1px 0 var(--rule);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
	.nk-home .nk-kr__sticky.is-on{transform:none;visibility:visible;transition:transform .25s ease,visibility 0s linear 0s}
	.nk-home .nk-kr__stickyt{min-width:0}
	.nk-home .nk-kr__stickyp{font:400 22px/26px var(--f-display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap}
	.nk-home .nk-kr__stickys{font:400 11px/16px var(--f-ui);color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
	.nk-home .nk-kr .nk-kr__stickyb{flex:none;height:44px;padding:0 6px 0 20px;gap:12px}
	.nk-home .nk-kr .nk-kr__stickyb .btn__dot{width:32px;height:32px}
}

/* narrow phones (360–400): keep the 4-column table and 2×2 chips inside the card */
@media (max-width:400px){
	.nk-home .nk-kr__tiers .tiers__head,.nk-home .nk-kr__tiers .tier{column-gap:6px;padding:0 8px}
	.nk-home .nk-kr__tiers .tier{font-size:13px}
	.nk-home .nk-kr__tier+.nk-kr__tier::before{left:8px;right:8px}
	.nk-home .nk-kr__mats .chip{gap:6px;padding:0 10px}
	.nk-home .nk-kr__sizel,.nk-home .nk-kr__sizel--up{font-size:11px}
}

/* shape rules: round & square keep 1:1 → lock is fixed */
.nk-home .nk-kr__lock:disabled{opacity:.45;cursor:default}

/* Material & finish = fixed info (paper, gloss) instead of a choice */
.nk-home .nk-kr__spec{display:flex;flex-direction:column;margin-top:20px;border-radius:12px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--rule)}
.nk-home .nk-kr__specrow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:0 16px}
.nk-home .nk-kr__specrow+.nk-kr__specrow{box-shadow:inset 0 1px 0 var(--rule)}
.nk-home .nk-kr__spec dt{font:600 13px/20px var(--f-ui);color:var(--ink)}
.nk-home .nk-kr__spec dd{margin:0;font:500 14px/20px var(--f-ui);color:var(--ink)}