/* itaobuy.pl · iTaoBuy Spreadsheet · Teczka reklamacyjna · prefix tk- · motif: teczka akt (case-file folder) */
:root{
  --paper:#FAF6EC;--card:#FFFDF8;--kraft:#F1E6CB;--kraft2:#E3D3AA;--ink:#1D1A15;--mut:#5A5246;--line:#E2D8C2;
  --vio:#5B2A86;--viotint:#F3ECFA;--red:#A1281D;--redtint:#FBECEA;--green:#2F6B3A;--greentint:#E9F3EA;--amber:#7A4E00;--ambertint:#FBF1DC;
  --orange:#FF6A00;
  --fh:'Familjen Grotesk',system-ui,-apple-system,"Segoe UI",sans-serif;--f:'Work Sans',system-ui,-apple-system,"Segoe UI",sans-serif;
  --m:'Sono',ui-monospace,Consolas,monospace;--max:1180px;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--f);font-size:17.5px;line-height:1.62;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--vio);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
h1,h2,h3{font-family:var(--fh);line-height:1.14;letter-spacing:-.012em;margin:0}
.tk-in{max-width:var(--max);margin:0 auto;padding:0 24px}
.tk-skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:60}
.tk-skip:focus{left:12px;top:12px}

/* header */
.tk-head{position:sticky;top:0;z-index:40;background:var(--card);border-bottom:1px solid var(--line);box-shadow:0 3px 0 var(--kraft)}
.tk-head-in{max-width:var(--max);margin:0 auto;padding:8px 24px;display:flex;align-items:center;gap:18px}
.tk-brand{display:flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;color:var(--ink);min-width:0;flex:0 1 auto}
.tk-logo{width:104px;height:auto}
.tk-logo-d{display:none}
.tk-brand-t{display:flex;flex-direction:column;line-height:1.08;border-left:3px solid var(--kraft2);padding-left:12px;min-width:0}
.tk-brand-a{font-family:var(--fh);font-weight:700;font-size:16px}
.tk-brand-b{font-family:var(--m);font-size:12.5px;color:var(--vio);margin-top:3px;letter-spacing:.02em}
.tk-nav{margin-left:auto}
.tk-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:0;flex-wrap:nowrap}
.tk-nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 9px;color:var(--ink);text-decoration:none;font-weight:550;font-size:15px;white-space:nowrap;border-radius:6px 6px 0 0}
.tk-nav a:hover{background:var(--kraft)}
.tk-nav a[aria-current="page"]{background:var(--kraft);box-shadow:inset 0 -3px 0 var(--vio)}
.tk-menu{display:none;margin-left:auto;min-height:44px;min-width:72px;padding:0 14px;border:2px solid var(--ink);background:var(--card);color:var(--ink);font:600 15px var(--f);border-radius:6px;cursor:pointer}

/* hero */
.tk-hero{padding:30px 0 24px;background:linear-gradient(var(--paper),var(--paper)) padding-box;border-bottom:1px solid var(--line)}
.tk-hero h1{font-size:clamp(31px,3.9vw,50px);font-weight:700;max-width:26ch}
.tk-lede{font-size:19px;max-width:66ch;margin:14px 0 0}
.tk-search{margin:20px 0 0;max-width:860px;background:var(--card);border:2px solid var(--ink);border-radius:8px;padding:14px 16px 16px;position:relative}
.tk-search:before{content:"";position:absolute;left:18px;top:-12px;width:96px;height:10px;background:var(--kraft2);border-radius:6px 6px 0 0}
.tk-search label{display:block;font-weight:650;font-size:15px;margin-bottom:8px}
.tk-search-row{display:flex;gap:10px}
.tk-search input[type=search]{flex:1;min-width:0;min-height:52px;border:1.5px solid var(--mut);border-radius:6px;padding:0 14px;font:500 17px var(--f);background:var(--paper);color:var(--ink)}
.tk-search button{min-height:52px;min-width:112px;padding:0 20px;border:0;border-radius:6px;background:var(--vio);color:#fff;font:650 17px var(--f);cursor:pointer}
.tk-search button:hover{filter:brightness(1.15)}
.tk-subnav{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:12px;font-size:15.5px}
.tk-subnav a{display:inline-flex;align-items:center;min-height:44px;font-weight:600}
.tk-crumbs ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-wrap:wrap;gap:6px;font-size:14.5px;color:var(--mut)}
.tk-crumbs li+li:before{content:"/";margin-right:6px;color:var(--kraft2)}
.tk-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* category wall: numbered contents list (spis), two columns of horizontal entries */
.tk-wall-sec{padding:26px 0 30px;border-bottom:1px solid var(--line);background:var(--kraft)}
.tk-wall-h{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.tk-wall-h h2{font-size:25px;font-weight:700}
.tk-wall-h p{margin:0;color:var(--mut);font-size:15.5px;max-width:62ch}
.tk-spis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.tk-spis>li{min-width:0}
.tk-poz{display:grid;grid-template-columns:52px minmax(0,1fr) 128px;gap:14px;align-items:center;background:var(--card);border-radius:8px;padding:10px 10px 10px 12px;text-decoration:none;color:var(--ink);min-height:44px;border:1px solid var(--kraft2)}
.tk-poz:hover{border-color:var(--vio)}
.tk-poz-n{font-family:var(--m);font-size:26px;font-weight:600;color:var(--vio);line-height:1}
.tk-poz b{display:block;font-family:var(--fh);font-size:17px;line-height:1.22}
.tk-poz span.tk-poz-d{display:block;font-size:14px;color:var(--mut);line-height:1.4;margin-top:3px}
.tk-poz span.tk-poz-k{display:inline-block;font-family:var(--m);font-size:12px;color:var(--mut);margin-top:5px;border:1px solid var(--kraft2);border-radius:4px;padding:0 6px}
.tk-poz img{width:128px;height:96px;object-fit:contain;background:#fff;border-radius:4px}
.tk-dzialy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.tk-dzial{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:12px;text-decoration:none;color:var(--ink);min-height:44px}
.tk-dzial:hover{border-color:var(--vio)}
.tk-dzial img{width:200px;height:150px;object-fit:contain;background:#fff;border-radius:4px;order:2}
.tk-dzial>span{border-left:3px solid var(--kraft2);padding-left:12px}
.tk-dzial b{display:block;font-family:var(--fh);font-size:18px;line-height:1.2}
.tk-dzial span{display:block;font-size:15px;line-height:1.45;color:var(--mut);margin-top:6px}

/* sections */
.tk-sec{padding:40px 0 38px;border-bottom:1px solid var(--line)}
.tk-sec:nth-of-type(odd){background:var(--card)}
.tk-folder>h2{font-size:clamp(25px,2.5vw,33px);font-weight:700;max-width:34ch;margin-bottom:18px}
.tk-folder>h2:before{content:"";display:block;width:72px;height:9px;background:var(--kraft2);border-radius:6px 6px 0 0;margin-bottom:10px}
.tk-prose{max-width:760px}
.tk-prose p{margin:0 0 14px}
.tk-prose h3{font-size:20px;margin:22px 0 8px}
.tk-lead{margin-bottom:6px}
.tk-after{margin-top:18px}
.tk-split{display:grid;grid-template-columns:55% 45%;gap:0;align-items:stretch}
.tk-split>*{min-width:0}
.tk-split-f{padding-right:36px}
.tk-split-t{max-width:none}
.tk-split-r{grid-template-columns:45% 55%}
.tk-split-r .tk-split-f{order:2;padding-right:0;padding-left:36px}
.tk-split-r .tk-split-t{order:1}
.tk-fig{margin:0;background:var(--kraft);border-radius:8px;padding:10px 10px 8px;height:100%;display:flex;flex-direction:column}
.tk-fig img{width:100%;height:auto;border-radius:4px;background:#fff}
.tk-fig figcaption{font-size:14px;line-height:1.45;color:var(--mut);padding:8px 4px 2px}
.tk-split-f .tk-fig{max-width:980px}
.tk-band{margin-top:6px}
.tk-band-s .tk-fig{max-width:780px}
.tk-band-s .tk-fig img{width:auto;max-width:100%;align-self:flex-start}
.tk-band-w .tk-fig{height:auto}

/* text components */
.tk-list,.tk-steps{margin:0 0 14px;padding-left:1.3em}
.tk-list li,.tk-steps li{margin:0 0 7px}
.tk-steps li::marker{font-family:var(--m);color:var(--vio);font-weight:600}
.tk-dl{margin:0 0 14px;border-top:1px solid var(--line)}
.tk-dl>div{display:grid;grid-template-columns:minmax(0,13em) minmax(0,1fr);gap:14px;padding:9px 0;border-bottom:1px solid var(--line)}
.tk-dl dt{font-weight:650}
.tk-dl dd{margin:0}
.tk-quote{margin:0 0 16px;padding:12px 16px;border-left:6px solid var(--vio);background:var(--viotint);border-radius:0 8px 8px 0}
.tk-quote p{margin:0 0 6px;font-style:italic}
.tk-quote footer{font-size:14.5px;color:var(--mut);font-style:normal}
.tk-note{margin:0 0 14px;padding:10px 14px;border-radius:8px;border:1.5px dashed var(--kraft2);background:var(--paper);font-size:16px}
.tk-note-warn{border-color:var(--red);background:var(--redtint)}
.tk-gi{font-family:var(--m);font-weight:600;letter-spacing:.02em;white-space:nowrap}
.tk-stamp{display:inline-block;font-family:var(--m);font-size:13px;font-weight:700;letter-spacing:.05em;padding:0 7px;border:2px solid;border-radius:4px;line-height:1.5;white-space:nowrap}
.tk-stamp-ok{color:var(--green)}.tk-stamp-miss{color:var(--red)}.tk-stamp-dmg{color:var(--red);border-style:dashed}.tk-stamp-var{color:var(--amber)}
.tk-src{font-weight:550}
.tk-tablewrap{overflow-x:auto;margin:0 0 16px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.tk-table{border-collapse:collapse;width:100%;font-size:15.5px}
.tk-table caption{text-align:left;padding:10px 12px;font-weight:650;font-size:15px;color:var(--mut)}
.tk-table th,.tk-table td{padding:9px 12px;border-top:1px solid var(--line);text-align:left;vertical-align:top}
.tk-table thead th{border-top:0;border-bottom:2px solid var(--ink);font-family:var(--m);font-size:13.5px;font-weight:600;color:var(--mut)}
.tk-num{white-space:nowrap;font-family:var(--m)}
.tk-qa details{border-top:1px solid var(--line);padding:4px 0}
.tk-qa details:last-child{border-bottom:1px solid var(--line)}
.tk-qa summary{cursor:pointer;font-weight:650;min-height:44px;display:flex;align-items:center;padding:6px 0}
.tk-qa-a{padding:0 0 10px}
.tk-qa-a p{margin:0 0 10px}
.tk-prose a:not(.tk-dalej-l){min-height:24px}

/* next steps */
.tk-dalej{background:var(--kraft)}
.tk-dalej-box{display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.tk-dalej-box p{margin:0;max-width:56ch;font-weight:550}
.tk-dalej-row{display:flex;gap:10px;flex-wrap:wrap}
.tk-dalej-l{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;background:var(--card);border:2px solid var(--ink);border-radius:6px;color:var(--ink);text-decoration:none;font-weight:600}
.tk-dalej-l:hover{border-color:var(--vio);color:var(--vio)}

/* tool: spis zawartości */
.tk-toolsec{background:var(--kraft)!important}
.tk-tool{background:var(--card);border:2px solid var(--ink);border-radius:10px;padding:20px 20px 22px}
.tk-tool fieldset{border:0;margin:0 0 16px;padding:0;min-width:0}
.tk-tool legend{font-family:var(--fh);font-weight:700;font-size:19px;margin-bottom:10px;padding:0}
.tk-tgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.tk-tgrid>*{min-width:0}
.tk-field label,.tk-field .tk-flab{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.tk-field select,.tk-field input,.tk-field textarea{width:100%;min-height:46px;border:1.5px solid var(--mut);border-radius:6px;padding:8px 10px;font:500 16px var(--f);background:var(--paper);color:var(--ink)}
.tk-field textarea{min-height:96px;font-family:var(--m);font-size:15px}
.tk-field small{display:block;color:var(--mut);font-size:13.5px;margin-top:4px;line-height:1.4}
.tk-rows{display:flex;flex-direction:column;gap:10px;margin:8px 0 12px}
.tk-row{display:grid;grid-template-columns:44px minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,1.2fr) minmax(0,1.3fr) 44px;gap:8px;align-items:end;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px}
.tk-row>*{min-width:0}
.tk-row-n{font-family:var(--m);font-weight:600;color:var(--vio);align-self:center;text-align:center}
.tk-row .tk-field label{font-size:13px;margin-bottom:3px}
.tk-row-x{min-height:44px;min-width:44px;border:1.5px solid var(--mut);border-radius:6px;background:var(--card);color:var(--ink);font:600 18px var(--f);cursor:pointer}
.tk-btns{display:flex;gap:10px;flex-wrap:wrap}
.tk-btn{min-height:46px;padding:0 16px;border:2px solid var(--ink);border-radius:6px;background:var(--card);color:var(--ink);font:600 16px var(--f);cursor:pointer}
.tk-btn-main{background:var(--vio);border-color:var(--vio);color:#fff}
.tk-out{margin-top:18px;border-top:3px solid var(--ink);padding-top:16px}
.tk-out h3{font-size:20px;margin:18px 0 8px}
.tk-out h3:first-child{margin-top:0}
.tk-out ol,.tk-out ul{margin:0 0 12px;padding-left:1.3em}
.tk-out li{margin:0 0 6px}
.tk-out .tk-flag{color:var(--red);font-weight:600}
.tk-err{color:var(--red);font-weight:600;margin:6px 0}

/* footer */
.tk-foot{background:var(--ink);color:#EFE8DA;padding:34px 0 20px;margin-top:0}
.tk-foot a{color:#E2CCF7}
.tk-foot-in{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr);gap:30px}
.tk-foot-name{font-family:var(--fh);font-weight:700;font-size:18px;margin:0 0 8px}
.tk-foot p{margin:0 0 10px;font-size:15px;line-height:1.55}
.tk-foot-h{font-family:var(--m);font-size:13px;color:#CFC4AE;margin:0 0 6px}
.tk-foot ul{list-style:none;margin:0;padding:0}
.tk-foot li a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;font-size:15px}
.tk-foot-legal{margin-top:16px;border-top:1px solid #4A443A;padding-top:12px}
.tk-foot-legal p{font-size:13.5px;color:#CFC4AE}

/* dark scheme: after the base rules */
@media (prefers-color-scheme:dark){
  :root{--paper:#16130E;--card:#201C16;--kraft:#2E281D;--kraft2:#4D4230;--ink:#F0E9DB;--mut:#BDB3A2;--line:#3A3328;
    --vio:#CDA8F0;--viotint:#2A2236;--red:#F08A7E;--redtint:#3A221E;--green:#8FD19B;--greentint:#1D2B20;--amber:#E9C27A;--ambertint:#2E2616}
  .tk-logo-l{display:none}.tk-logo-d{display:block}
  .tk-search button,.tk-btn-main{background:#7D4BB0;border-color:#7D4BB0}
  .tk-fig img,.tk-poz img,.tk-dzial img{background:#fff}
  .tk-foot{background:#0E0C08}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* small screens: kept at the end so they win over the base rules */
@media (max-width:1240px){
  .tk-menu{display:inline-flex;align-items:center}
  .tk-nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--card);border-bottom:2px solid var(--ink);margin:0}
  .tk-nav.tk-open{display:block}
  .tk-nav ul{flex-direction:column;padding:6px 24px 12px}
  .tk-nav a{width:100%}
  .tk-head-in{position:relative}
}
@media (max-width:1180px){
  .tk-split,.tk-split-r{grid-template-columns:minmax(0,1fr)}
  .tk-split-f,.tk-split-r .tk-split-f{order:0;padding:0 0 16px}
  .tk-split-r .tk-split-t{order:1}
  .tk-fig{height:auto}
  .tk-split-f .tk-fig{max-width:780px}
}
@media (max-width:900px){
  .tk-spis,.tk-dzialy{grid-template-columns:minmax(0,1fr)}
  .tk-tgrid{grid-template-columns:minmax(0,1fr)}
  .tk-row{grid-template-columns:36px minmax(0,1fr) 44px}
  .tk-row .tk-field{grid-column:2 / 3}
  .tk-row-x{grid-column:3;grid-row:1}
  .tk-foot-in{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  body{font-size:17px}
  .tk-in,.tk-head-in{padding-left:16px;padding-right:16px}
  .tk-brand-t{display:none}
  .tk-search-row{flex-direction:column}
  .tk-poz{grid-template-columns:40px minmax(0,1fr) 96px;gap:10px}
  .tk-poz img{width:96px;height:72px}
  .tk-dzial{grid-template-columns:minmax(0,1fr)}
  .tk-dzial img{width:100%;height:auto;aspect-ratio:4/3;order:0}
  .tk-dl>div{grid-template-columns:minmax(0,1fr);gap:2px}
}

/* 18Oct: retain case-file typography and catalogue rows; broaden the purchase journey. */
.tk-home-start{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:32px;align-items:center}
.tk-kicker{font-family:var(--m);font-size:13px;color:var(--vio);margin:0 0 12px}
.tk-hero-home h1{font-size:clamp(32px,3.5vw,48px)}
.tk-hero-home .tk-lede{font-size:18px}.tk-hero-home .tk-search{width:100%}
.tk-home-art{margin:0;background:var(--card);border:1px solid var(--line);padding:10px;transform:rotate(1.3deg);box-shadow:7px 7px 0 var(--kraft2)}
.tk-home-art img{width:100%;height:300px;object-fit:cover;object-position:right center}
.tk-art-credit{font-size:13px;margin-top:8px;color:var(--mut)}
.tk-home-decisions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px}
.tk-home-decisions article{border-top:4px solid var(--kraft2);padding-top:14px}
.tk-home-decisions span{font:13px var(--m);color:var(--vio)}
.tk-home-decisions h3{font-size:23px;margin:12px 0}
.tk-home-decisions a,.tk-fullsize{display:inline-flex;align-items:center;min-height:44px}
.tk-buy-steps{max-width:80ch;counter-reset:buy;list-style:none;padding:0;margin:24px 0}
.tk-buy-steps li{counter-increment:buy;border-left:3px solid var(--kraft2);padding:0 0 14px 22px;margin-bottom:12px}
.tk-buy-steps h3{margin:0 0 8px;font-size:23px}.tk-buy-steps h3:before{content:counter(buy) '. ';color:var(--vio)}
.tk-note{padding:24px;border-left:4px solid var(--vio);background:var(--kraft);font-size:18px}
@media(max-width:900px){.tk-home-start{grid-template-columns:1fr}.tk-home-art{display:none}.tk-home-decisions{grid-template-columns:1fr}.tk-hero-home{background-image:linear-gradient(90deg,var(--paper) 35%,rgba(250,246,236,.88)),url('/assets/img/tk-official-container.webp?v=1cce6d2be717');background-position:right;background-size:cover}}
@media(prefers-color-scheme:dark){.tk-hero-home{background-image:none}.tk-note{background:var(--card)}}