/* Styl strony RUREX - jeden plik, bez zewnętrznych zależności */
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}
a{color:inherit}img{max-width:100%;display:block}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
header{background:var(--head);color:var(--head-fg);position:sticky;top:0;z-index:5;border-bottom:4px solid var(--acc)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.5px;font-size:26px;line-height:1.2}
.brand img{height:56px;width:auto;background:#fff;border-radius:6px;padding:2px}
nav ul{display:flex;gap:6px;list-style:none;margin:0;padding:0}
nav a{display:block;padding:10px 14px;text-decoration:none;font-weight:600;border-radius:8px}
nav a:hover{background:var(--acc);color:var(--acc-fg)}
#menu,.burger{display:none}
.hero{background:var(--hero);padding:28px 0 16px}
#oferta{padding-top:28px}
.hero h1{font-size:clamp(28px,5vw,46px);line-height:1.15;margin:0 0 16px;max-width:20ch}
.hero p{max-width:60ch;color:var(--muted);font-size:18px;margin:0 0 28px}
.btn{display:inline-block;padding:14px 26px;border-radius:10px;font-weight:700;text-decoration:none;background:var(--acc);color:var(--acc-fg);margin:0 10px 10px 0}
.btn.sec{background:transparent;border:2px solid #1c1c1c}
.strip{background:var(--strip);color:var(--strip-fg);padding:14px 20px;font-weight:600;text-align:center}
.strip span+span:before{content:"·";margin:0 .7em}
section{padding:28px 0}h2{font-size:clamp(24px,3.5vw,32px);margin:0 0 8px}
.lead{color:var(--muted);margin:0 0 28px;max-width:65ch}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--card);border-radius:14px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 1px 3px rgba(0,0,0,.12);transition:transform .15s,box-shadow .15s}
.card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.card img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%}
.card div{padding:14px 16px 18px}.card h3{margin:0 0 6px;font-size:18px;line-height:1.3;text-align:center}.card p{margin:0;color:var(--muted);font-size:15px}
.cats{grid-template-columns:repeat(3,1fr)}.grid.pop{grid-template-columns:repeat(3,1fr);max-width:880px}.prods{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.prods h3{font-size:16px}
ul.ticks{list-style:none;padding:0;margin:16px 0}ul.ticks li{padding:6px 0 6px 32px;position:relative}
ul.ticks li:before{content:"";position:absolute;left:0;top:11px;width:18px;height:18px;border-radius:50%;background:var(--acc)}
.two{display:grid;gap:32px;grid-template-columns:1fr 1fr}
.box{background:var(--card);border-radius:14px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
.box h2{margin-top:0}.big{font-size:26px;font-weight:800;text-decoration:none;display:block;margin:4px 0}
.map{aspect-ratio:16/10;background:#dfe3e6;border-radius:12px;display:grid;place-items:center;text-align:center;padding:16px;overflow:hidden;color:#1c1c1c}
.map iframe{width:100%;height:100%;border:0}
button.btn{border:0;font:inherit;font-weight:700;cursor:pointer}
footer{background:var(--foot);color:var(--foot-fg);padding:28px 0;font-size:15px}footer a{color:var(--acc)}
@media(max-width:820px){.two{grid-template-columns:1fr}.grid.pop{max-width:none}
.burger{display:block;position:relative;width:48px;height:48px;border:2px solid currentColor;border-radius:8px;cursor:pointer}
.burger i,.burger i:before,.burger i:after{position:absolute;left:11px;width:22px;height:3px;background:currentColor;border-radius:2px;content:"";transition:transform .2s,top .2s,opacity .2s}
.burger i{top:20px}.burger i:before{left:0;top:-7px}.burger i:after{left:0;top:7px}
#menu:checked~.burger i{background:transparent}#menu:checked~.burger i:before{top:0;transform:rotate(45deg)}#menu:checked~.burger i:after{top:0;transform:rotate(-45deg)}
#menu:focus-visible~.burger{outline:3px solid var(--acc);outline-offset:2px}
nav{position:absolute;left:0;right:0;top:100%;background:var(--head);display:none;border-bottom:4px solid var(--acc)}
#menu:checked~nav{display:block}nav ul{flex-direction:column;padding:8px 20px 16px}nav a{padding:14px}
.hero{padding:16px 0 10px}#oferta{padding-top:16px}section{padding:12px 0}footer{padding:18px 0}.two{gap:0}.two>div+div{margin-top:8px}section h3{margin:10px 0 4px}ul.ticks{margin:6px 0 0}section p:last-child{margin-bottom:0}body{font-size:16px;line-height:1.5}.hero p{font-size:16px}ul.ticks li{padding:4px 0 4px 30px}ul.ticks li:before{top:8px;width:16px;height:16px}.lead{font-size:16px}.big{font-size:22px}.hero{padding-top:14px}#oferta{padding-top:14px}.grid,.cats,.grid.pop{grid-template-columns:repeat(2,1fr);gap:14px}.card h3{font-size:16px;text-align:center}.card p{display:none}.brand span{font-size:17px}.strip{padding:12px 8px;font-size:min(3.1vw,15px);line-height:1.7}.strip span{display:block;white-space:nowrap}.strip span+span:before{content:none}}
:root{--bg:#fff;--fg:#1c1c1c;--muted:#5b5b5b;--acc:#f5b400;--acc-fg:#1c1c1c;--card:#f6f6f4;--head:#fff;--head-fg:#1c1c1c;--hero:#faf7ee;--foot:#1c1c1c;--foot-fg:#eee;--strip:#1c1c1c;--strip-fg:#fff}
.crumbs{font-size:15px;color:var(--muted);padding-top:18px}.crumbs a{color:var(--muted)}.crumbs b{color:var(--fg);font-weight:600}
.lead-img{display:grid;gap:28px;grid-template-columns:minmax(0,500px) 1fr;align-items:center}
.lead-img ul{margin:0}
.subs{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.subs .card{flex-direction:row;align-items:center}
.subs .card img{width:150px;flex:none;border-right:1px solid #ddd}
.subs .card div{flex:1;padding:14px 16px}
.lead-img img{border:1px solid #1c1c1c;background:#fff;border-radius:10px}
h2.sub{margin:36px 0 16px}
.prodpage{display:grid;gap:32px;grid-template-columns:minmax(0,460px) 1fr;align-items:start}
.prodpage img{border:1px solid #1c1c1c;background:#fff;border-radius:10px;width:100%}
.prodpage p{max-width:60ch}
.btn.sm{padding:8px 18px;font-size:15px;border-radius:8px;border-width:1.5px}
@media(max-width:820px){.lead-img,.prodpage{grid-template-columns:1fr}.crumbs{padding-top:14px}}
.prods .card h3,.prodpage h2{text-transform:uppercase}
.map iframe{width:100%;height:100%;border:0}