:root{--ink:#333333;--teal:#333333;--paper:#e8e8e8;--muted:#626262;--line:#d3d3d3}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 'Segoe UI',Arial,sans-serif}header,main,footer{max-width:1180px;margin:auto}header{padding:25px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}a{color:var(--teal)}.logo{text-decoration:none;color:var(--ink);font-weight:900;font-size:25px;letter-spacing:2px}.logo span{display:block;font-size:11px;font-weight:500;letter-spacing:.7px}main{padding:48px 32px 30px}.intro{position:relative;padding-bottom:32px}.eyebrow,.step{font-size:11px;font-weight:800;letter-spacing:1.7px;color:var(--teal)}h1{font-size:64px;line-height:1.08;letter-spacing:-3px;margin:18px 0 20px}h1 span{color:var(--teal)}.intro p{color:var(--muted);font-size:18px}.stats{position:absolute;right:20px;bottom:45px;border-left:3px solid var(--teal);padding-left:22px}.stats b{font-size:38px;display:block;letter-spacing:-1px}.stats span{color:var(--muted);font-size:13px}.finder{background:#fff;padding:30px;border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 35px #00000008}.finder>.step{margin-bottom:20px}label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.searchline{display:flex;gap:12px}input,select{font:inherit;color:var(--ink);width:100%;padding:13px 15px;border:1px solid #bac8c3;border-radius:8px;background:#fff;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible{outline:3px solid #d2b900;outline-offset:2px}.searchline input{font-size:18px}.searchline button{min-width:145px}button,.primary{font:600 14px 'Segoe UI',Arial,sans-serif;cursor:pointer;border:0;border-radius:8px;padding:14px 20px;background:var(--teal);color:#fff;text-decoration:none;display:inline-block}button:hover,.primary:hover{filter:brightness(.94)}button:disabled{opacity:.4;cursor:default}.quiet{background:transparent;color:var(--ink);border:1px solid var(--line)}.filters{display:flex;gap:18px;margin-top:22px;align-items:end}.filters>div{flex:1}.filters .quiet{height:49px}.hint{font-size:12px;color:var(--muted);margin-bottom:0}.results{margin-top:44px}.resultshead{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}h2{font-size:25px;line-height:1.25;margin:9px 0}.resultshead #count{font-size:13px;color:var(--muted)}.row{display:grid;grid-template-columns:130px 1fr auto;gap:16px;padding:19px 20px;border:1px solid var(--line);border-bottom:0;background:#fff;align-items:center}.row:first-child{border-radius:10px 10px 0 0}.row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.row .type{font-size:11px;letter-spacing:.5px;color:var(--muted)}.row b{display:block;font-size:16px}.row small{color:var(--muted)}.row button{background:#fff8b3;color:var(--teal)}.empty{padding:35px;text-align:center;background:white;border:1px solid var(--line);border-radius:10px}.help{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding:30px 0;margin-top:40px}.help p{font-size:14px;color:var(--muted)}.help a{font-size:14px}nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:20px}nav span{font-size:13px;color:var(--muted)}footer{padding:25px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}dialog{border:0;border-radius:16px;padding:35px;max-width:560px;width:calc(100% - 30px);box-shadow:0 20px 100px #00000050;color:var(--ink)}dialog::backdrop{background:#00000077}dialog h2{padding-right:20px;overflow-wrap:anywhere}dialog p{font-size:14px;color:var(--muted)}.close{position:absolute;right:14px;top:10px;font-size:25px;padding:0 8px;background:none;color:var(--ink)}.match{padding:13px;background:#fff8b3;border-radius:8px;color:var(--teal);font-weight:650;font-size:14px}.order-model{background:var(--paper);padding:13px;margin-bottom:14px;border-radius:6px;overflow-wrap:anywhere}.primary{width:100%;text-align:center;margin-top:12px}#copy-status{min-height:20px}#config input{margin:8px 0}#config-status{color:#a13922}#list{min-height:80px}@media(max-width:700px){header{padding:18px;gap:15px}header .quiet{font-size:11px;padding:9px}main{padding:28px 18px}.intro h1{font-size:45px;letter-spacing:-2px}.intro p{font-size:16px}.stats{position:static;margin:25px 0 0}.stats b{font-size:28px}.finder{padding:20px}.searchline{flex-direction:column}.filters{flex-direction:column;align-items:stretch;gap:12px}.row{grid-template-columns:1fr auto;padding:14px;gap:8px}.row .type{grid-column:1 / -1}.row b{overflow-wrap:anywhere}.row button{padding:12px}.resultshead{display:block}.help{grid-template-columns:1fr;gap:15px}footer{flex-direction:column;padding:20px 18px}nav{gap:10px}nav button{padding:12px}.resultshead #count{display:block;margin-top:10px}}

[hidden]{display:none!important}

/* Paleta szablonu MATJUL shop_21.rwd: grafit i żółć. */
body{font-family:Arial,Tahoma,Verdana,sans-serif}header{background:#3d3d3d;border-bottom:5px solid #fbe105}.logo{color:#fbe105}.logo span{color:#eee}header .quiet{color:#fff;border-color:#737373;background:#202020}.eyebrow{display:inline-block;background:#fbe105;color:#202020;padding:5px 10px}.step{color:#444}h1 span{color:#333;text-decoration:underline;text-decoration-color:#fbe105;text-decoration-thickness:7px;text-underline-offset:8px}.stats{border-left-color:#fbe105}.finder{border-top:5px solid #fbe105;border-radius:5px}.searchline button,#save-config,.primary{background:#fbe105;color:#202020}.resultshead{background:#333;padding:17px 20px;border-radius:4px;color:#fbe105}.resultshead .step{color:#dedede}.resultshead #count{color:#fff}.row button{background:#fbe105;color:#202020}.match{background:#fff8b3;color:#333;border-left:4px solid #fbe105}.help a{color:#333;text-decoration:underline;text-decoration-color:#b59e00}footer{background:#3d3d3d;color:#eee;border-top:4px solid #fbe105}footer b{color:#fbe105}.quiet{background:#f7f7f7}button:hover,.primary:hover{filter:brightness(.93)}
