@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}:root{--y:#ffc400;--y2:#e5ae00;--k:#111317;--k2:#1d2026;--g:#5c6470;--l:#e3e6ea;--bg:#fff;--soft:#f5f6f8;--wa:#1fa855;--red:#d6372b;--r:12px;--sh:0 6px 24px rgba(17,19,23,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--k);font:16px/1.5 "Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-text-size-adjust:100%}
img{max-width:100%;display:block}a{color:inherit}button{font:inherit;cursor:pointer}
.wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.sr{position:absolute;left:-9999px}
:focus-visible{outline:3px solid var(--y);outline-offset:2px}
/* pasek górny */
.top{background:var(--k);color:#d7dbe0;font-size:13px}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:40px;flex-wrap:wrap}
.top a{text-decoration:none;color:#fff}
.langs,.curr{display:flex;gap:4px;align-items:center}
.lg{display:inline-flex;align-items:center;gap:6px;border:1px solid #3a3f48;background:transparent;color:#d7dbe0;border-radius:99px;padding:3px 9px 3px 4px;font-size:12px;min-height:28px}
.lg i{width:22px;height:15px;border-radius:3px;display:block;box-shadow:0 0 0 1px rgba(255,255,255,.28),0 1px 2px rgba(0,0,0,.5);flex:none}
.lg[aria-pressed=true]{background:var(--y);color:var(--k);border-color:var(--y);font-weight:700}
.cu{border:1px solid #3a3f48;background:transparent;color:#d7dbe0;border-radius:6px;padding:3px 9px;font-size:12px;min-height:28px}
.cu[aria-pressed=true]{background:#fff;color:var(--k);font-weight:700}
.lg i{background-size:cover;background-position:center}
.fl-pl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect y=%220.0%22 width=%2222%22 height=%227.6%22 fill=%22%23fff%22/%3E%3Crect y=%227.5%22 width=%2222%22 height=%227.6%22 fill=%22%23dc143c%22/%3E%3C/svg%3E")}
.fl-en{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 60 30%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect width=%2260%22 height=%2230%22 fill=%22%23012169%22/%3E%3Cpath d=%22M0 0l60 30M60 0L0 30%22 stroke=%22%23fff%22 stroke-width=%226%22/%3E%3Cpath d=%22M0 0l60 30M60 0L0 30%22 stroke=%22%23C8102E%22 stroke-width=%222.4%22/%3E%3Cpath d=%22M30 0v30M0 15h60%22 stroke=%22%23fff%22 stroke-width=%2210%22/%3E%3Cpath d=%22M30 0v30M0 15h60%22 stroke=%22%23C8102E%22 stroke-width=%226%22/%3E%3C/svg%3E")}
.fl-de{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect y=%220.0%22 width=%2222%22 height=%225.1%22 fill=%22%23000%22/%3E%3Crect y=%225.0%22 width=%2222%22 height=%225.1%22 fill=%22%23dd0000%22/%3E%3Crect y=%2210.0%22 width=%2222%22 height=%225.1%22 fill=%22%23ffce00%22/%3E%3C/svg%3E")}
.fl-cs{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect y=%220.0%22 width=%2222%22 height=%227.6%22 fill=%22%23fff%22/%3E%3Crect y=%227.5%22 width=%2222%22 height=%227.6%22 fill=%22%23d7141a%22/%3E%3Cpath d=%22M0 0L11 7.5 0 15z%22 fill=%22%2311457e%22/%3E%3C/svg%3E")}
.fl-sk{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect y=%220.0%22 width=%2222%22 height=%225.1%22 fill=%22%23fff%22/%3E%3Crect y=%225.0%22 width=%2222%22 height=%225.1%22 fill=%22%230b4ea2%22/%3E%3Crect y=%2210.0%22 width=%2222%22 height=%225.1%22 fill=%22%23ee1c25%22/%3E%3Cpath d=%22M4 3h6v5.2Q10 11 7 12.2 4 11 4 8.2z%22 fill=%22%23ee1c25%22 stroke=%22%23fff%22 stroke-width=%22.7%22/%3E%3Cpath d=%22M7 4.6v5M5.5 6h3M5.8 7.4h2.4%22 stroke=%22%23fff%22 stroke-width=%22.9%22/%3E%3C/svg%3E")}
.fl-hu{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect y=%220.0%22 width=%2222%22 height=%225.1%22 fill=%22%23ce2939%22/%3E%3Crect y=%225.0%22 width=%2222%22 height=%225.1%22 fill=%22%23fff%22/%3E%3Crect y=%2210.0%22 width=%2222%22 height=%225.1%22 fill=%22%23477050%22/%3E%3C/svg%3E")}
.fl-ro{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 22 15%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Crect x=%220.0%22 width=%227.433333333333333%22 height=%2215%22 fill=%22%23002b7f%22/%3E%3Crect x=%227.333333333333333%22 width=%227.433333333333333%22 height=%2215%22 fill=%22%23fcd116%22/%3E%3Crect x=%2214.666666666666666%22 width=%227.433333333333333%22 height=%2215%22 fill=%22%23ce1126%22/%3E%3C/svg%3E")}
/* nagłówek */
.hd{background:#fff;border-bottom:1px solid var(--l);position:sticky;top:0;z-index:40}
.hd .wrap{display:flex;align-items:center;gap:18px;min-height:68px}
.logo{display:flex;align-items:center;text-decoration:none;font-weight:900;font-size:24px;letter-spacing:-.5px;background:var(--y);padding:6px 12px;border-radius:8px;line-height:1}
.logo span{font-weight:600;font-size:14px;margin-left:4px}
.nav{display:flex;gap:4px;margin-left:8px;flex:1}
.nav a{text-decoration:none;font-weight:600;font-size:15px;padding:10px 12px;border-radius:8px;white-space:nowrap}
.nav a:hover,.nav a[aria-current=page]{background:var(--soft)}
.nav a.mec{color:#9a6b00}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:12px 18px;min-height:46px;font-weight:700;text-decoration:none;border:2px solid transparent;font-size:15px;white-space:nowrap}
.btn-y{background:var(--y);color:var(--k)}.btn-y:hover{background:var(--y2)}
.btn-k{background:var(--k);color:#fff}.btn-k:hover{background:#000}
.btn-wa{background:var(--wa);color:#fff}.btn-wa:hover{background:#188a46}
.btn-o{border-color:var(--l);background:#fff;color:var(--k)}.btn-o:hover{border-color:var(--k)}
.btn-sm{padding:8px 12px;min-height:40px;font-size:14px}
.burger{display:none;margin-left:auto;background:var(--k);color:#fff;border:0;border-radius:8px;min-height:44px;padding:0 14px;font-weight:700}
/* hero */
.hero{background:linear-gradient(180deg,#fff 0,#fff 55%,var(--soft) 100%);padding:34px 0 22px}
.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:34px;align-items:center}
.kick{display:inline-block;background:var(--k);color:var(--y);font-size:12px;font-weight:800;letter-spacing:.8px;padding:5px 10px;border-radius:6px;text-transform:uppercase}
h1{font-size:clamp(30px,4.6vw,52px);line-height:1.06;margin:14px 0 12px;letter-spacing:-1px}
h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--y) 62%)}
.lead{color:var(--g);font-size:18px;max-width:52ch;margin:0 0 20px}
.search{background:#fff;border:2px solid var(--k);border-radius:14px;padding:14px;box-shadow:var(--sh)}
.search h2{margin:0 0 10px;font-size:15px}
.sgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sgrid .full{grid-column:1/-1}
label{display:block;font-size:12px;color:var(--g);margin:0 0 3px;font-weight:600}
select,input[type=text],input[type=search],input[type=tel],input[type=email],input[type=number],textarea{width:100%;min-height:46px;padding:9px 11px;border:1px solid #cfd4da;border-radius:9px;background:#fff;color:var(--k);font:inherit}
textarea{min-height:90px}
select:disabled{background:var(--soft);color:#9aa1ab}
.collage{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:1fr 1fr;gap:10px;height:430px}
.collage a{position:relative;border-radius:var(--r);overflow:hidden;background:var(--l);display:block}
.collage a:first-child{grid-row:1/3}
.collage img{width:100%;height:100%;object-fit:cover}
.collage span{position:absolute;left:8px;bottom:8px;background:#fff;color:var(--k);font-weight:700;font-size:13px;padding:5px 9px;border-radius:7px}
/* pasek zalet */
.ben{background:var(--k);color:#fff}
.ben .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:16px;padding-bottom:16px}
.ben div{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.ben b{display:block;color:var(--y);font-size:15px}
.ben svg{flex:none;width:28px;height:28px;stroke:var(--y);fill:none;stroke-width:1.8}
/* sekcje */
.sec{padding:46px 0}.sec.alt{background:var(--soft)}
.sec h2.t{font-size:clamp(24px,3.2vw,34px);margin:0 0 6px;letter-spacing:-.5px}
.sec .sub{color:var(--g);margin:0 0 22px;max-width:70ch}
.row-h{display:flex;justify-content:space-between;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.cat{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--l);text-decoration:none;color:#fff;display:block}
.cat img{width:100%;height:100%;object-fit:cover;transition:transform .35s}
.cat:hover img{transform:scale(1.05)}
.cat:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(17,19,23,.88))}
.cat b{position:absolute;left:12px;bottom:28px;z-index:2;font-size:18px;line-height:1.15}
.cat small{position:absolute;left:12px;bottom:10px;z-index:2;opacity:.85;font-size:13px}
.cat.star{outline:3px solid var(--y)}
.cat .pill{position:absolute;right:10px;top:10px;z-index:2;background:var(--y);color:var(--k);font-size:11px;font-weight:800;border-radius:99px;padding:3px 9px}
.mec-b{background:var(--k);color:#fff;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-top:22px}
.mec-b>div{padding:32px}.mec-b img{width:100%;height:100%;object-fit:cover;min-height:240px}
.mec-b h3{font-size:clamp(24px,3vw,34px);margin:8px 0;color:var(--y)}
.mec-b p{color:#cdd2d9;margin:0 0 16px}
/* karuzela */
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,300px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px;scrollbar-width:thin}
.rail>*{scroll-snap-align:start}
/* karta oferty */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:16px}
.card{background:#fff;border:1px solid var(--l);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s}
.card:hover{box-shadow:var(--sh);border-color:#c9ced5}
.card .ph{position:relative;aspect-ratio:4/3;background:var(--l);display:block}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card.sold .ph img{filter:grayscale(1);opacity:.65}.card.sold .price{color:var(--g)}
.badge{position:absolute;left:10px;top:10px;font-size:12px;font-weight:800;padding:4px 9px;border-radius:6px;background:var(--k);color:#fff}
.badge.sale{background:var(--red)}.badge.rsv{background:#8b5cf6}.badge.sold{background:#444}.badge.inc{background:#0b6bcb}
.cb{padding:13px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}
.cb .ty{font-size:12px;color:var(--g);font-weight:600;text-transform:uppercase;letter-spacing:.4px}
.cb h3{margin:0;font-size:18px;line-height:1.2}
.price{font-size:23px;font-weight:900;letter-spacing:-.4px}
.price s{font-weight:500;font-size:14px;color:var(--g);margin-right:6px}
.price small{display:block;font-size:12px;color:var(--g);font-weight:500;letter-spacing:0}
.facts{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 4px}
.facts span{background:var(--soft);border-radius:6px;padding:3px 8px;font-size:13px;font-weight:600}
.btns{display:flex;gap:8px;margin-top:auto;padding-top:6px}
.btns .btn{flex:1;padding:9px 8px;min-height:44px;font-size:14px}
/* proces, dlaczego my */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.step{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:20px}
.step i{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--y);font-weight:900;font-style:normal;margin-bottom:8px}
.step h3{margin:0 0 4px;font-size:18px}.step p{margin:0;color:var(--g)}
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.why div{border-top:4px solid var(--y);background:#fff;padding:16px;border-radius:0 0 var(--r) var(--r);box-shadow:var(--sh)}
.why b{display:block;font-size:34px;letter-spacing:-1px;line-height:1.1}.why span{color:var(--g);font-size:14px}
.team{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.sel{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;gap:6px}
.sel .av{width:48px;height:48px;border-radius:50%;background:var(--k);color:var(--y);display:grid;place-items:center;font-weight:900;font-size:19px}
.sel small{color:var(--g)}.sel .btn-wa{margin-top:auto}
.rev{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.rev div{border:2px dashed #c3c9d0;border-radius:var(--r);padding:18px;color:var(--g);background:#fff}
.ph-note{font-size:13px;color:#8a5a00;background:#fff6dc;border-radius:8px;padding:6px 10px;display:inline-block;margin-bottom:12px}
details{background:#fff;border:1px solid var(--l);border-radius:10px;margin-bottom:8px}
summary{padding:14px 16px;font-weight:700;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
summary:after{content:"+";float:right;font-size:22px;line-height:1}details[open] summary:after{content:"–"}
details p{margin:0;padding:0 16px 14px;color:var(--g)}
/* katalog */
.cat-layout{display:grid;grid-template-columns:280px 1fr;gap:22px;padding:22px 0 50px;align-items:start}
.flt{background:#fff;border:1px solid var(--l);border-radius:var(--r);padding:16px;position:sticky;top:84px}
.flt h3{margin:0 0 10px;font-size:16px}.flt .g{margin-bottom:14px}
.chips{display:flex;gap:7px;flex-wrap:wrap}
.chip{border:1px solid var(--l);background:#fff;border-radius:99px;padding:7px 12px;font-size:13px;min-height:36px;font-weight:600}
.chip small{color:var(--g);font-weight:500}.chip[aria-pressed=true]{background:var(--y);border-color:var(--y)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.act{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.act button{background:var(--k);color:#fff;border:0;border-radius:99px;padding:6px 12px;font-size:13px}
.mini-top{background:var(--soft);padding:22px 0 8px}.mini-top h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 4px}
.empty{text-align:center;color:var(--g);padding:50px 10px;border:2px dashed var(--l);border-radius:var(--r)}
.fbtn{display:none}
/* oferta */
.crumb{font-size:14px;color:var(--g);padding:16px 0 8px}.crumb a{color:var(--g)}
.det{display:grid;grid-template-columns:1.5fr 1fr;gap:26px;align-items:start;padding-bottom:40px}
.gal .big{aspect-ratio:4/3;background:var(--l);border-radius:var(--r);overflow:hidden;position:relative}
.gal .big img{width:100%;height:100%;object-fit:cover}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px;margin-top:8px}
.thumbs button{padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;aspect-ratio:4/3;background:var(--l)}
.thumbs button[aria-current=true]{border-color:var(--y)}.thumbs img{width:100%;height:100%;object-fit:cover}
.panel{background:#fff;border:2px solid var(--k);border-radius:14px;padding:18px;position:sticky;top:84px;box-shadow:var(--sh)}
.panel h1{font-size:28px;margin:6px 0}.panel .price{font-size:34px}
.big3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.big3 div{background:var(--soft);border-radius:10px;padding:10px;text-align:center}
.big3 b{display:block;font-size:20px;line-height:1.1}.big3 span{font-size:12px;color:var(--g)}
.panel .btn{width:100%;margin-top:8px}
.who{font-size:13px;color:var(--g);margin-top:10px}
table.sp{width:100%;border-collapse:collapse;margin:8px 0 22px}
table.sp td{padding:10px 12px;border-bottom:1px solid var(--l)}table.sp td:first-child{color:var(--g);width:45%}
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000;border:0;width:100%;padding:0}
.yt img{width:100%;height:100%;object-fit:cover;opacity:.85}
.yt span{position:absolute;inset:0;display:grid;place-items:center}
.yt span b{background:#ff0000;color:#fff;border-radius:14px;padding:12px 22px;font-size:15px}
/* modal, stopka */
.modal{position:fixed;inset:0;background:rgba(17,19,23,.6);display:none;align-items:center;justify-content:center;padding:16px;z-index:80}
.modal.on{display:flex}.modal .bx{background:#fff;border-radius:16px;padding:22px;width:min(520px,100%);max-height:92vh;overflow:auto}
.modal h3{margin:0 0 4px;font-size:22px}.modal .row{margin-top:10px}.ok{background:#e8f6ee;color:#0b6b33;border-radius:10px;padding:14px;margin-top:10px}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);background:var(--k);color:#fff;padding:12px 18px;border-radius:10px;font-size:14px;z-index:90;display:none;max-width:90vw}
.toast.on{display:block}
.ft{background:var(--k);color:#c3c9d1;padding:36px 0 22px;font-size:14px}
.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}
.ft h4{color:#fff;margin:0 0 8px}.ft a{color:#fff}
.demo{background:#fff6dc;border-top:1px solid #f0d890;color:#6b4d00;font-size:13px;padding:10px 0;text-align:center}
.wa-fab{position:fixed;right:14px;bottom:14px;z-index:60;background:var(--wa);color:#fff;border-radius:99px;padding:13px 18px;font-weight:800;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;gap:8px;align-items:center}
@media(max-width:980px){
.hero .wrap,.det,.mec-b{grid-template-columns:1fr}.collage{height:280px}
.ben .wrap,.why{grid-template-columns:1fr 1fr}.steps,.rev{grid-template-columns:1fr}
.cat-layout{grid-template-columns:1fr}.flt{position:static;display:none}.flt.on{display:block}.fbtn{display:inline-flex}
.panel{position:static}.ft .cols{grid-template-columns:1fr}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--l);flex-direction:column;padding:8px 16px}
.nav.on{display:flex}.burger{display:block}.hd .wrap{position:relative}.hd .btn-wa span.t{display:none}
}
@media(max-width:560px){.cats{grid-template-columns:1fr 1fr;gap:10px}.cat b{font-size:15px;bottom:24px}.cat small{font-size:12px}.top .langs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.sgrid{grid-template-columns:1fr}.collage{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.collage a:first-child{grid-row:auto}.collage a:nth-child(3){display:none}.top .wrap{font-size:12px}.wa-fab span{display:none}}
/* czat (makieta) */
.cl{position:fixed;right:14px;bottom:80px;z-index:61;width:58px;height:58px;border-radius:50%;border:0;background:var(--y);color:var(--k);box-shadow:0 8px 24px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:transform .2s}
.cl:hover{transform:scale(1.06)}
.ct{position:fixed;right:84px;bottom:90px;z-index:61;background:#fff;color:var(--k);border:1px solid var(--l);border-radius:14px 14px 4px 14px;padding:10px 14px;font-weight:600;font-size:14px;box-shadow:var(--sh);animation:cin .35s ease-out}
.cw{position:fixed;right:14px;bottom:150px;z-index:70;width:380px;height:min(600px,calc(100vh - 170px));background:#fff;border-radius:18px;box-shadow:0 18px 50px rgba(17,19,23,.28);display:none;flex-direction:column;overflow:hidden;animation:cin .25s ease-out}
.cw.on{display:flex}
@keyframes cin{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cw header{background:var(--k);color:#fff;display:flex;align-items:center;gap:10px;padding:12px 12px 12px 14px}
.cw header>div{flex:1;min-width:0}.cw header b{display:block;font-size:16px}
.cw header small{display:flex;align-items:center;gap:6px;color:#b9c0c9;font-size:12px}
.cw header small i{width:8px;height:8px;border-radius:50%;background:#3ddc84}
.av{width:40px;height:40px;border-radius:50%;background:var(--y);color:var(--k);font-weight:900;display:flex;align-items:center;justify-content:center;flex:none;letter-spacing:-.5px}
.cw-h{width:36px;height:36px;border-radius:50%;border:0;background:#2a2e36;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:15px;flex:none}
.cw-h:hover{background:#3a3f48}.cw-h svg{width:18px;height:18px}
.cw-demo{background:#fff6dc;color:#6b4d00;font-size:12px;line-height:1.35;padding:7px 14px;border-bottom:1px solid #f0d890;text-align:center}
.log{flex:1;overflow-y:auto;padding:14px;background:var(--soft);display:flex;flex-direction:column;gap:8px}
.cm{max-width:86%;padding:9px 12px;border-radius:14px;font-size:14.5px;line-height:1.45;white-space:pre-line}
.cm.bot{background:#fff;border:1px solid var(--l);border-bottom-left-radius:4px;align-self:flex-start}
.cm.me{background:var(--k);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.cm.bot:has(.ccs),.cm.bot:has(.cw-wa){background:none;border:0;padding:0;max-width:100%;width:100%}
.typing{display:flex;gap:4px;padding:12px 14px}.typing i{width:7px;height:7px;border-radius:50%;background:#9aa1ab;animation:tp 1s infinite}
.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.cq{display:flex;flex-direction:column;align-items:flex-end;gap:6px;margin-top:4px}
.cq button{background:#fff;border:1.5px solid var(--k);color:var(--k);border-radius:99px;padding:7px 13px;font-size:13.5px;font-weight:600;text-align:right}
.cq button:hover{background:var(--y);border-color:var(--y)}
.ccs{display:flex;flex-direction:column;gap:6px}
.cc{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--l);border-radius:12px;padding:6px;text-decoration:none;color:var(--k)}
.cc:hover{border-color:var(--k)}
.cc img{width:84px;height:63px;object-fit:cover;border-radius:8px;flex:none;background:var(--l)}
.cc span{display:flex;flex-direction:column;min-width:0}.cc b{font-size:14px;line-height:1.2}
.cc small{color:var(--g);font-size:12px}.cc em{font-style:normal;font-weight:900;font-size:15px}
.cw-wa{width:100%}
.cf{display:flex;gap:8px;padding:10px;border-top:1px solid var(--l)}
.cf input{flex:1;min-height:44px;border-radius:99px;padding:9px 16px}
.cf button{width:44px;height:44px;border-radius:50%;border:0;background:var(--y);color:var(--k);display:flex;align-items:center;justify-content:center;flex:none}
.cn{margin:0;padding:0 12px 10px;font-size:11px;color:var(--g);text-align:center}.cn a{color:var(--g)}
@media(max-width:560px){.cw{inset:0;width:auto;height:100%;border-radius:0;bottom:0;right:0}.cl{bottom:76px;width:52px;height:52px}.ct{right:74px;bottom:82px;max-width:calc(100vw - 100px)}}

/* ===== wersja 2 (17.10): styl wzorowany na bm-cat.com, własna czcionka i akcenty ===== */
:root{--k:#121210;--k2:#1c1c19;--fd:"Barlow Condensed","Arial Narrow",Impact,sans-serif}
h1,h2,h3,.logo,.nav a,.btn,.kick,.badge,.price,.big3 b,.why b,.cat b,summary,.pc h3,.hero2-tiles b,.step i{font-family:var(--fd)}
h1,h2.t,.pc h3,.why2 h3,.about h3{text-transform:uppercase;letter-spacing:.2px}
.btn,.nav a,.kick{text-transform:uppercase;letter-spacing:.5px}
.btn{border-radius:4px;font-weight:700;font-size:17px}
.btn-sm{font-size:15px}
/* pasek promocyjny */
.promo{background:var(--y);color:var(--k);text-align:center;font:700 16px/1.2 var(--fd);text-transform:uppercase;letter-spacing:.4px;padding:8px 40px;position:relative}
.promo a{color:var(--k);text-decoration:underline}.promo button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;font-size:16px;color:var(--k)}
/* górny pasek i nagłówek */
.top{background:#0a0a09;border-bottom:1px solid #26261f}
.hd{background:var(--k);border-bottom:0}
.hd .wrap{min-height:72px}
.logo{border-radius:0;background:var(--y);color:var(--k);font-size:30px;padding:6px 14px;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);padding-right:22px}
.nav a{color:#fff;font-size:18px;font-weight:600;border-radius:0;border-bottom:3px solid transparent;padding:12px 12px 9px}
.nav a:hover,.nav a[aria-current=page]{background:none;border-bottom-color:var(--y);color:var(--y)}
.nav a.mec{color:var(--y)}
.burger{background:var(--y);color:var(--k)}
/* hero na zdjęciu z placu Maksa */
.hero2{background:linear-gradient(90deg,rgba(18,18,16,.92) 0,rgba(18,18,16,.7) 38%,rgba(18,18,16,.1) 75%),url(img/hero-mecalac.jpg) 72% center/cover;color:#fff;min-height:560px;display:flex;align-items:center;position:relative}
.hero2:after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;background:repeating-linear-gradient(135deg,var(--y) 0 14px,var(--k) 14px 28px)}
.hero2-in{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;width:100%;padding-top:60px;padding-bottom:60px}
.hero2 h1{font-size:clamp(40px,6.4vw,76px);line-height:.98;margin:14px 0;letter-spacing:.5px;max-width:11ch;color:#fff}
.hero2 h1 em{background:none;color:var(--y)}
.hero2 .lead{color:#e8eaed;max-width:46ch;font-size:19px}
.hero2-cta{display:flex;gap:10px;flex-wrap:wrap}
.btn-ghost{border-color:#fff;color:#fff;background:rgba(18,18,16,.4)}.btn-ghost:hover{background:#fff;color:var(--k)}
.hero2-tiles{display:flex;gap:10px}
.hero2-tiles a{background:rgba(18,18,16,.88);border:1px solid #33332b;border-top:3px solid var(--y);color:#fff;text-decoration:none;padding:14px 16px;width:200px;display:flex;flex-direction:column;gap:2px}
.hero2-tiles a:hover{background:var(--k)}
.hero2-tiles b{font-size:21px;text-transform:uppercase}.hero2-tiles small{color:#c3c9d1;font-size:13px;line-height:1.3;flex:1}.hero2-tiles span{color:var(--y);font:700 15px var(--fd);margin-top:6px;text-transform:uppercase}
/* wyszukiwarka pod hero */
.finder{background:var(--k);padding:0 0 26px}
.finder .search{background:var(--k2);border:1px solid #33332b;border-radius:0;box-shadow:none;margin-top:-1px;padding:18px 20px;display:grid;grid-template-columns:auto 1fr;gap:14px 24px;align-items:center}
.finder .search h2{color:#fff;font-size:26px;text-transform:uppercase;margin:0;max-width:11ch;line-height:1}
.fgrid{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:10px;align-items:end}
.finder label{color:#c3c9d1}
.finder select{border-radius:4px;border-color:#4a4a40}
.finder .btn{min-height:46px}
/* 4 karty promocyjne */
.promos{background:var(--k);padding:10px 0 46px}
.pcards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.pc{background:#fff;color:var(--k);text-decoration:none;display:flex;flex-direction:column;border-radius:0}
.pc .pi{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--k)}
.pc .pi img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:transform .35s}
.pc:hover .pi img{transform:scale(1.05)}
.pc .big0{position:absolute;left:12px;top:8px;font:700 38px/1 var(--fd);text-transform:uppercase;color:var(--y);text-shadow:0 2px 12px rgba(0,0,0,.7)}
.pc .pb{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
.pc h3{margin:0;font-size:24px;line-height:1.05}.pc p{margin:0;color:var(--g);font-size:15px;flex:1}.pc .btn{align-self:flex-start}
/* sekcje */
.sec h2.t{font-size:clamp(30px,3.6vw,44px);line-height:1}
.sec.dark{background:var(--k);color:#fff}.sec.dark .t{color:#fff}
.why2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:18px}
.why2>div{border-top:4px solid var(--y);padding-top:12px}
.why2 i{font:700 40px/1 var(--fd);color:var(--y);font-style:normal}
.why2 h3{margin:4px 0;font-size:24px;color:#fff}.why2 p{margin:0;color:#c3c9d1;font-size:15px}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;margin-top:34px;padding-top:28px;border-top:1px solid #33332b}
.about h3{color:var(--y);font-size:28px;margin:0 0 8px}.about p{color:#d7dbe0;margin:0 0 14px}
.brands{display:flex;flex-wrap:wrap;gap:8px}.brands span{border:1px solid #4a4a40;padding:5px 12px;font:600 16px var(--fd);text-transform:uppercase;letter-spacing:.5px}
.time{list-style:none;margin:0;padding:0;border-left:3px solid var(--y)}
.time li{padding:0 0 16px 16px;display:flex;flex-direction:column}.time b{font:700 30px/1 var(--fd);color:var(--y)}.time span{color:#d7dbe0}
.two-c{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.yt-b{background:var(--k);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;border-bottom:8px solid var(--y)}
.yt-b b{font:700 72px/1 var(--fd);color:var(--y)}
.why{display:none}
/* katalog i oferta w tym samym stylu */
.mini-top{background:var(--k);color:#fff}.mini-top h1{font-size:clamp(34px,4.4vw,52px);text-transform:uppercase}
.chip[aria-pressed=true]{background:var(--y)}
.card{border-radius:0}.badge{border-radius:0}
.panel{border-radius:0;border-color:var(--k)}
.price{letter-spacing:0}
.ft{background:#0a0a09;border-top:8px solid var(--y)}
.ft h4{font:700 20px var(--fd);text-transform:uppercase;letter-spacing:.4px;color:var(--y)}
/* czat */
.cw header{background:var(--k)}.cw{border-radius:0;border-top:4px solid var(--y)}
.cl{border-radius:4px;background:var(--y)}
.cq button{border-radius:4px}
@media(max-width:1100px){.hero2-in{grid-template-columns:1fr}.hero2-tiles{flex-wrap:wrap}.hero2-tiles a{width:auto;flex:1 1 160px}.pcards{grid-template-columns:1fr 1fr}.finder .search{grid-template-columns:1fr}.finder .search h2{max-width:none}.fgrid{grid-template-columns:1fr 1fr}.fgrid .btn{grid-column:1/-1}}
@media(max-width:700px){.hero2{min-height:0;background:linear-gradient(180deg,rgba(18,18,16,.82),rgba(18,18,16,.6)),url(img/hero-mecalac.jpg) 78% center/cover}.pcards,.why2,.about,.two-c{grid-template-columns:1fr}.hero2-in{padding-top:40px;padding-bottom:40px}.promo{font-size:14px;text-align:left}}
.cqh{align-self:flex-start;font:700 14px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:var(--g);margin-top:6px}
.cq-more{background:var(--y)!important;border-color:var(--y)!important}
.cq{max-height:none}
/* filtry i panel oferty: przyklejone, ale przewijane we własnym zakresie, gdy są wyższe niż ekran */
.flt,.panel{top:88px;max-height:calc(100vh - 104px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9bec6 transparent}
@media(max-width:980px){.flt,.panel{max-height:none;overflow:visible}}
/* logo w nagłówku (kierunek A) i etykieta statusu po prawej, żeby nie zasłaniała logo na zdjęciu */
.logo{background:none;clip-path:none;padding:0;border-radius:0;display:flex;align-items:center}
.logo img{height:46px;width:auto;display:block}
.badge{left:auto;right:10px}
@media(max-width:560px){.logo img{height:38px}}
.ft-logo{height:52px;width:auto;display:block;margin:0 0 14px}
#mm{min-height:190px;font-size:14px;line-height:1.45}
/* strona 404 */
.nf{background:var(--k);color:#fff;text-align:center;padding:34px 0 60px;min-height:70vh}
.nf-svg{width:min(760px,100%);height:auto;display:block;margin:0 auto}
.nf-svg .n4{font:700 250px "Barlow Condensed","Arial Narrow",sans-serif;fill:#ffc400;letter-spacing:6px}
.nf h1{font-size:clamp(34px,5.4vw,64px);line-height:1;margin:18px 0 10px;text-transform:uppercase}.nf h1 em{font-style:normal;color:var(--y)}
.nf-lead{color:#c3c9d1;max-width:52ch;margin:0 auto 12px;font-size:18px}
.nf-op{font:600 24px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:var(--y);min-height:30px;margin:0 0 20px;transition:opacity .35s}.nf-op.out{opacity:0}
.nf-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.nf-small{color:#8d949e;font-size:14px;margin:18px 0 0}
@media(prefers-reduced-motion:reduce){.nf-svg *{animation:none!important}}
.nf h1 em{background:none}
.nf-svg .n4{font-size:225px}
/* strona główna jak we wzorze (bm-cat): jeden ciemny pasek nagłówka z wyszukiwarką i żółtym Kontaktem, hero na pełną szerokość */
.hd .wrap{min-height:96px;gap:20px}
.logo img{height:74px}
.ft-logo{height:72px}
.nav{margin-left:10px;gap:0}
.nav a{font-size:17px;padding:12px 11px 9px}
.hd-s{display:flex;flex-direction:row-reverse;align-items:stretch}
.hd-s input{width:170px;height:42px;border:0;border-radius:0;padding:0 12px 0 4px;background:#fff;color:var(--k);font:inherit;font-size:15px}
.hd-s button{width:40px;border:0;border-radius:0;background:#fff;color:var(--k);display:flex;align-items:center;justify-content:center;cursor:pointer}
.hd-k{border-radius:0;height:42px;padding:0 18px}
.hd #hd-wa{width:42px;height:42px;padding:0;justify-content:center;border-radius:0}.hd #hd-wa span.t{display:none}
.hero2{min-height:660px;align-items:stretch;background:linear-gradient(90deg,rgba(18,18,16,.9) 0,rgba(18,18,16,.72) 32%,rgba(18,18,16,.25) 60%,rgba(18,18,16,0) 80%),url(img/hero-mecalac.jpg) 72% center/cover}
.hero2-in{max-width:none;padding:48px clamp(16px,2.2vw,36px) 56px;align-items:stretch}
.hero2-txt{align-self:start;max-width:360px}
.hero2-tiles{align-self:end}
.hero2 h1{font-size:clamp(30px,2.5vw,44px);line-height:1.05;max-width:12ch;margin:12px 0}
.hero2 .lead{font-size:17px;max-width:34ch}
@media(max-width:1200px){.hd-s{display:none}}
@media(max-width:1100px){.hero2-txt{max-width:none;align-self:auto}.hero2-tiles{align-self:auto}.hero2{min-height:0}}
@media(max-width:560px){.hd-k{display:none}.logo img{height:46px}.hd .wrap{min-height:72px}}
@media(max-width:700px){.hero2{background:linear-gradient(180deg,rgba(18,18,16,.84),rgba(18,18,16,.62)),url(img/hero-mecalac.jpg) 78% center/cover}}
/* czarny pas pod hero: Poznaj Mecalaka */
.mecband{display:block;background:#000;color:#fff;text-decoration:none;border-bottom:1px solid #2a2a24}
.mecband .wrap{display:flex;align-items:center;gap:18px;min-height:96px;padding-top:14px;padding-bottom:14px}
.mecband b{font:700 clamp(26px,3.4vw,40px)/1 var(--fd);text-transform:uppercase;color:var(--y);letter-spacing:.5px}
.mecband em{font-style:normal;color:#cdd2d9;font-size:17px;flex:1}
.mecband i{font-style:normal;font:700 34px/1 var(--fd);color:#000;background:var(--y);width:52px;height:52px;display:grid;place-items:center;flex:none}
.mecband:hover i{background:#fff}
@media(max-width:700px){.mecband .wrap{flex-wrap:wrap;gap:6px 14px;min-height:0}.mecband em{flex-basis:100%;order:3;font-size:15px}.mecband i{margin-left:auto;width:44px;height:44px}}
.top .langs{scrollbar-width:none}.top .langs::-webkit-scrollbar{display:none}
@media(max-width:560px){.top .wrap{padding-top:6px;padding-bottom:6px;gap:6px}.top .wrap>div:last-child>span{display:none}}
/* menu sprzedawców */
.smenu{position:fixed;z-index:80;background:#fff;color:var(--k);border-radius:12px;box-shadow:0 14px 40px rgba(0,0,0,.35);border-top:4px solid var(--y);padding:6px 6px 8px;max-height:calc(100vh - 24px);overflow:auto}
.smenu[hidden]{display:none}
.sm-h{margin:6px 10px 6px;font:700 13px var(--fd);text-transform:uppercase;letter-spacing:.6px;color:#555}
.sm-r{display:flex;gap:6px;align-items:stretch;margin-top:4px}
.sm-w{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;text-decoration:none;color:var(--k);background:var(--soft);border:1px solid var(--l)}
.sm-w:hover{border-color:var(--wa)}.sm-w svg{color:var(--wa);flex:none}
.sm-w .av{width:34px;height:34px;border-radius:50%;background:var(--y);display:grid;place-items:center;font-weight:800;flex:none}
.sm-t{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.sm-t b{font-size:15px}.sm-t small{font-size:12px;color:#555}
.sm-t em{font-style:normal;font-size:11px;background:var(--k);color:var(--y);border-radius:99px;padding:1px 7px;margin-left:4px;vertical-align:middle}
.sm-c{width:44px;display:grid;place-items:center;border-radius:8px;background:var(--k);color:#fff;text-decoration:none;flex:none}.sm-c:hover{background:#000;color:var(--y)}
/* hero wyższe, kafelki szersze */
.hero2{min-height:760px}
.hero2-tiles{gap:14px}
.hero2-tiles a{width:290px;padding:20px 22px;min-height:150px}
.hero2-tiles b{font-size:26px}.hero2-tiles small{font-size:15px}.hero2-tiles span{font-size:17px}
@media(max-width:1100px){.hero2{min-height:0}.hero2-tiles a{width:auto;min-height:0}}
/* wyróżnik pod kartami: jak „Wyłączny dystrybutor” we wzorze */
.claim{text-align:center;padding:56px 0 40px}
.claim h2{font:700 clamp(26px,3.2vw,40px)/1.2 var(--fd);text-transform:uppercase;max-width:22ch;margin:0 auto 22px}
.claim u{text-decoration:none;background:linear-gradient(var(--y),var(--y)) center bottom/100% 6px no-repeat;padding-bottom:6px}
.claim p{max-width:68ch;margin:0 auto;font-size:18px;line-height:1.65;color:#33332b}
/* hero: większy tekst, szerszy blok */
.hero2-txt{max-width:540px}
.hero2 h1{font-size:clamp(38px,3.6vw,58px);max-width:19ch}
.hero2 .lead{font-size:20px;max-width:46ch;line-height:1.5}
.hero2-cta .btn{font-size:17px;padding:14px 24px}
@media(max-width:1100px){.hero2-txt{max-width:640px}}
@media(max-width:700px){.hero2 h1{font-size:42px}.hero2 .lead{font-size:19px}}
.hero2-in{grid-template-columns:1fr;grid-template-rows:auto 1fr}
.hero2-tiles{justify-self:end}
@media(max-width:1100px){.hero2-tiles{justify-self:stretch}}
/* język i waluta w nagłówku (zamiast osobnego paska) */
.hd-dd{display:flex;gap:8px;align-items:center}
.dd{position:relative}
.dd-b{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 11px;border:1px solid #3a3f48;background:transparent;color:#fff;border-radius:99px;font:700 13px var(--fd);letter-spacing:.4px;cursor:pointer}
.dd-b:hover{border-color:var(--y)}
.dd-b i{width:22px;height:15px;border-radius:3px;box-shadow:0 0 0 1px rgba(255,255,255,.28);background-size:cover;background-position:center;display:block}
.dd-p{position:absolute;right:0;top:calc(100% + 8px);z-index:90;background:#fff;border-top:4px solid var(--y);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.35);padding:6px;display:flex;flex-direction:column;gap:2px;min-width:140px}
.dd-p[hidden]{display:none}
.dd-p .lg,.dd-p .cu{border:0;border-radius:8px;background:transparent;color:var(--k);padding:8px 10px;min-height:38px;font-size:14px;justify-content:flex-start;text-align:left;width:100%}
.dd-p .lg i{box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.dd-p [aria-pressed=true]{background:var(--y);color:var(--k);font-weight:700}
.dd-p .lg:hover,.dd-p .cu:hover{background:var(--soft)}.dd-p [aria-pressed=true]:hover{background:var(--y)}
@media(max-width:1200px){.hd-dd{margin-left:auto}.burger{margin-left:0}}
@media(max-width:560px){.dd-b{height:44px;padding:0 9px}.hd-dd{gap:5px}.hd .wrap{gap:8px}.dd-b #cur-t{font-size:12px}}
.hd .logo,.hd .btn-wa,.hd-k,.hd-dd,.burger{flex:none}
.hd .wrap{gap:12px}
@media(min-width:981px){.nav{margin-left:0;gap:0}.nav a{padding:10px 9px;font-size:14.5px}.hd-s input{width:130px}}
/* hero na tablecie i telefonie: wyśrodkowane, większe pismo */
@media(max-width:1100px){
.hero2-txt{max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero2 h1{font-size:clamp(46px,8vw,68px);max-width:none;margin:16px 0}
.hero2 .lead{font-size:clamp(21px,3.2vw,25px);max-width:34ch}
.hero2-cta{justify-content:center}.hero2-cta .btn{font-size:19px;padding:16px 30px}}
@media(max-width:560px){.hero2 h1{font-size:44px}.hero2 .lead{font-size:20px}}
@media(max-width:430px){.burger{padding:0 10px}.dd-b{padding:0 7px;gap:5px}.hd .wrap{gap:6px}.hd-dd{gap:4px}}
/* szersza treść na dużych ekranach: nagłówek, pasy i sekcje w jednej linii z hero */
.wrap{max-width:1560px;padding-left:clamp(16px,2.2vw,36px);padding-right:clamp(16px,2.2vw,36px)}
.hero2-in{padding-left:clamp(16px,2.2vw,36px);padding-right:clamp(16px,2.2vw,36px)}
/* porównywarka */
.cmp-b{display:inline-flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--l);border-radius:8px;padding:8px 12px;min-height:40px;font:700 14px var(--fd);text-transform:uppercase;letter-spacing:.3px;cursor:pointer;color:var(--k)}
.cmp-b:hover{border-color:var(--k)}
.cmp-bx{width:18px;height:18px;border:2px solid var(--k);border-radius:4px;display:grid;place-items:center;flex:none}
.cmp-b[aria-pressed=true]{border-color:var(--k);background:var(--y)}.cmp-b[aria-pressed=true] .cmp-bx{background:var(--k)}
.cmp-b[aria-pressed=true] .cmp-bx:after{content:"";width:9px;height:5px;border-left:2px solid var(--y);border-bottom:2px solid var(--y);transform:rotate(-45deg) translate(1px,-1px)}
.card .cmp-b{margin:10px 0 0;width:100%;justify-content:center}
.cmp-tray{position:fixed;left:12px;bottom:12px;right:calc(12px + 290px);z-index:70;background:var(--k);color:#fff;border-top:3px solid var(--y);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.4);padding:8px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cmp-tray[hidden]{display:none}
.cmp-t{display:flex;align-items:center;gap:8px;background:#23231f;border-radius:8px;padding:4px 6px 4px 4px;max-width:210px}
.cmp-t img{width:44px;height:34px;object-fit:cover;border-radius:5px;flex:none}
.cmp-t b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-t button,.cmp-x{background:none;border:0;color:#cdd2d9;cursor:pointer;font-size:14px;padding:6px}
.cmp-x{margin-left:auto;font-size:13px;text-decoration:underline}
.cmp-tray .dis{opacity:.5}
.cmp-pg{padding-bottom:50px}
.cmp-act{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.cmp-d{font-weight:600;display:flex;gap:8px;align-items:center;cursor:pointer}
.cmp-wrap{overflow-x:auto;margin-top:18px;border:1px solid var(--l);border-radius:10px;background:#fff}
.cmp-tb{border-collapse:collapse;width:100%;min-width:640px;table-layout:fixed}
.cmp-tb thead th{vertical-align:top;text-align:left;padding:14px;border-left:1px solid var(--l);position:relative;background:#fff}
.cmp-tb thead td{width:190px}
.cmp-tb thead a{text-decoration:none;color:var(--k);display:block}
.cmp-tb thead img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px}
.cmp-tb thead b{font:700 19px/1.15 var(--fd);text-transform:uppercase;display:block}
.cmp-p{display:block;font:800 18px var(--fd);margin:6px 0 10px}
.cmp-tb thead .btn{width:100%;white-space:normal;text-align:center;font-size:13px;line-height:1.25}
.cmp-rm{position:absolute;right:8px;top:8px;z-index:2;background:#fff;border:1px solid var(--l);border-radius:50%;width:30px;height:30px;cursor:pointer}
.cmp-tb tbody th{text-align:left;font-weight:600;padding:12px 14px;color:#444;background:var(--soft)}
.cmp-tb tbody td{padding:12px 14px;border-left:1px solid var(--l);border-top:1px solid var(--l);font-weight:600}
.cmp-tb tbody tr:not(.ch) th{border-top:1px solid var(--l)}
.cmp-tb .ch th{background:var(--k);color:var(--y);font:700 15px var(--fd);text-transform:uppercase;letter-spacing:.6px;padding:9px 14px}
.cmp-tb td.na{color:#8a8f98;font-weight:400;font-style:italic}
.cmp-tb td.win{background:#fff6cc}.cmp-tb td.win em{font-style:normal;font-size:11px;background:var(--k);color:var(--y);border-radius:99px;padding:2px 8px;margin-left:6px;white-space:nowrap}
.cmp-note{color:#555;font-size:14px;margin-top:14px;max-width:80ch}
.cmp-det{margin:0 8px 8px 0}
@media(max-width:700px){.cmp-tray{right:76px}.cmp-t b{display:none}.cmp-t{max-width:none}.cmp-tb thead td{width:110px}.cmp-tb thead th{padding:10px}.cmp-tb thead b{font-size:15px}}
/* lista walut z wyszukiwarką */
.dd-cur{min-width:320px;max-width:min(360px,calc(100vw - 24px));padding:8px}
#cur-q{width:100%;height:42px;border:2px solid var(--l);border-radius:8px;padding:0 12px;font:inherit;font-size:15px;color:var(--k);background:#fff;margin-bottom:6px}
#cur-q:focus{border-color:var(--y);outline:0}
.cur-list{max-height:min(300px,45vh);overflow-y:auto;display:flex;flex-direction:column;gap:2px;padding-right:2px}
.dd-cur .cu{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;min-height:38px}
.dd-cur .cu b{font:700 15px var(--fd);letter-spacing:.4px}.dd-cur .cu span{font-size:13px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-cur .cu i{font-style:normal;font-size:12px;color:#777}
.dd-cur [aria-pressed=true] span,.dd-cur [aria-pressed=true] i{color:var(--k)}
.cur-none{margin:10px;color:#555;font-size:14px}
.cur-info{margin:8px 2px 2px;padding-top:8px;border-top:1px solid var(--l);font-size:12px;line-height:1.45;color:#444}
.cur-info .live{display:inline-block;width:8px;height:8px;border-radius:50%;background:#1fa855;margin-right:6px;box-shadow:0 0 0 3px rgba(31,168,85,.25)}
/* hero jak w bm-cat: tekst w wąskiej kolumnie po lewej, na przyciemnionym pasie na całą wysokość */
@media(min-width:1101px){
.hero2{background:linear-gradient(90deg,rgba(18,18,16,0) 0,rgba(18,18,16,0) 40%,rgba(18,18,16,.25) 100%),url(img/hero-mecalac.jpg) 72% center/cover}
.hero2:before{content:"";position:absolute;left:0;top:0;bottom:0;width:clamp(380px,32vw,470px);background:rgba(18,18,16,.66)}
.hero2-in{position:relative;z-index:1}
.hero2-txt{max-width:clamp(310px,26vw,390px)}
.hero2 h1{font-size:clamp(34px,2.9vw,46px);max-width:10.5ch;line-height:1.05}
.hero2 .lead{font-size:clamp(17px,1.35vw,19px);max-width:30ch;line-height:1.5}
.hero2-cta .btn{font-size:15px;padding:12px 18px}
.hero2:after{z-index:2}
}
/* hero: tekst wyśrodkowany w lewym pasie, pas przyklejony do lewej krawędzi także na szerokich ekranach */
@media(min-width:1101px){
.hero2{--pw:clamp(380px,32vw,470px)}
.hero2:before{width:var(--pw)}
.hero2-in{max-width:none;padding-left:0;grid-template-rows:1fr auto}
.hero2-txt{width:var(--pw);max-width:none;padding:0 clamp(24px,2.4vw,40px);align-self:center;margin:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.hero2-cta{justify-content:center}
.hero2 h1{max-width:none}
.hero2 .lead{max-width:32ch}
}
/* opinie z Google */
.revs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.rv{margin:0;background:#fff;border:1px solid var(--l);border-top:4px solid var(--y);border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:10px}
.rv-s{color:#f5b400;letter-spacing:2px;font-size:18px}
.rv blockquote{margin:0;font-size:16px;line-height:1.55;flex:1}
.rv figcaption{font:700 16px var(--fd);text-transform:uppercase;letter-spacing:.4px}
.nav-n:not(:empty){display:inline-block;min-width:20px;height:20px;line-height:20px;text-align:center;margin-left:6px;border-radius:99px;background:var(--y);color:var(--k);font:700 12px var(--fd)}
@media(max-width:1000px){.revs{grid-template-columns:1fr 1fr}}@media(max-width:640px){.revs{grid-template-columns:1fr}}
/* kotwice: nagłówek nie jest przyklejony, sekcja zatrzymuje się równo przy górze */
[id]{scroll-margin-top:0}
/* bez ukośnej belki pod hero */
.hero2:after{display:none}
/* nagłówek: menu wyśrodkowane między logo a narzędziami, całość rozłożona na całą szerokość */
@media(min-width:981px){.nav{flex:1;justify-content:center;gap:clamp(0px,.8vw,14px)}.nav a{font-size:clamp(14.5px,1.15vw,17px);padding:10px clamp(9px,.9vw,16px)}}
@media(min-width:1400px){.hd-s input{width:175px}}
@media(min-width:981px) and (max-width:1200px){.hd .wrap{gap:6px}.nav a{font-size:13.5px;padding:10px 5px}.hd-k{padding:0 12px}.dd-b{padding:0 8px}.hd-dd{gap:5px}.logo img{height:62px}}
/* jak w bm-cat: logo po lewej, menu i narzędzia razem po prawej */
@media(min-width:981px){.nav{flex:0 1 auto;margin-left:auto;justify-content:flex-end;gap:2px}.hd .wrap{gap:14px}}
@media(min-width:981px) and (max-width:1200px){.hd .wrap{gap:6px}}
/* karty sprzedawców: przyciski na całą szerokość karty i na jednej wysokości */
.team{align-items:stretch}
.sel{align-items:stretch}.sel small{flex:1}
.sel .btn{width:100%;justify-content:center}
.sel .btn-wa{margin-top:8px}
/* leasing */
.lz-pg{padding-bottom:50px}
.lz-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:20px;align-items:start}
.lz-card{background:#fff;border:1px solid var(--l);border-top:4px solid var(--y);border-radius:12px;padding:22px}
.lz-card h2{font:700 26px var(--fd);text-transform:uppercase;margin:0 0 14px}
.lz-f{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px;margin-bottom:14px}
.lz-f input[type=number],.lz-f input[type=text],.lz-f input[type=tel],.lz-f select{height:44px;border:2px solid var(--l);border-radius:8px;padding:0 12px;font:inherit;font-size:16px;background:#fff;color:var(--k)}
.lz-f input:focus,.lz-f select:focus{border-color:var(--y);outline:0}
.lz-f input[type=range]{width:100%;accent-color:#e0a800;height:28px}
.lz-f b{font-weight:700}
.lz-c{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin-bottom:12px;line-height:1.4}.lz-c input{margin-top:3px;width:18px;height:18px;flex:none}
.lz-res{background:var(--k);color:#fff;border-radius:10px;padding:16px 18px;margin-top:6px}
.lz-res>span{display:block;font-size:13px;color:#cdd2d9;text-transform:uppercase;letter-spacing:.5px}
.lz-res>b{display:block;font:700 40px/1.1 var(--fd);color:var(--y);margin:2px 0}
.lz-res>small{color:#cdd2d9}
.lz-res dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:14px 0 0;padding-top:12px;border-top:1px solid #3a3a33}
.lz-res dt{font-size:12px;color:#aab0b8}.lz-res dd{margin:2px 0 0;font-weight:700}
.lz-err{background:#fdecea;color:#8a1c12;border-radius:8px;padding:10px 12px;font-size:14px;margin:0 0 12px}.lz-err[hidden]{display:none}
.lz-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.lz-facts div{background:var(--soft);border-radius:10px;padding:16px 18px}.lz-facts b{font:700 18px var(--fd);text-transform:uppercase;display:block;margin-bottom:4px}.lz-facts p{margin:0;font-size:14.5px;line-height:1.5;color:#444}
.lz-mini{border:2px solid var(--l);border-radius:10px;padding:12px 14px;margin:14px 0;background:#fff}
.lz-mh{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lz-mh span{font-size:13px;color:#555;flex-basis:100%}
.lz-mh b{font:700 26px var(--fd)}.lz-mh small{color:#666}
.lz-ms{display:flex;gap:12px;margin:8px 0;flex-wrap:wrap}.lz-ms label{font-size:13px;font-weight:600;display:flex;gap:6px;align-items:center}
.lz-ms select{height:36px;border:2px solid var(--l);border-radius:6px;padding:0 6px;font:inherit;background:#fff}
.lz-mini a{font-weight:700;font-size:14px}
@media(max-width:900px){.lz-grid,.lz-facts{grid-template-columns:1fr}}
/* o firmie */
.ab-pg{padding-bottom:50px}
.ab-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 34px}
.ab-facts div{background:var(--k);color:#fff;border-radius:10px;padding:18px 20px;border-top:4px solid var(--y)}
.ab-facts b{display:block;font:700 34px/1.1 var(--fd);color:var(--y)}.ab-facts span{font-size:14px;color:#cdd2d9}
.ab-rev{margin-top:10px}
.ab-score{display:flex;gap:22px;align-items:center;flex-wrap:wrap;background:var(--soft);border-radius:12px;padding:16px 22px;margin:14px 0 18px}
.ab-score>div b{font:700 54px/1 var(--fd);margin-right:10px}.ab-score .rv-s{font-size:22px}
.ab-score p{margin:0;flex:1;min-width:200px;line-height:1.5}
.ab-lead{max-width:80ch;font-size:17px;line-height:1.65;margin:0 0 14px}
.ab-rev .revs{grid-template-columns:repeat(4,1fr);margin-top:20px}
.ab-team{margin-top:42px}.ab-team .team{margin-top:16px}
.ab-contact{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.ab-contact div{background:var(--soft);border-radius:10px;padding:16px 18px}.ab-contact b{font:700 18px var(--fd);text-transform:uppercase;display:block;margin-bottom:4px}.ab-contact p{margin:0;line-height:1.55}
.ab-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
@media(max-width:1100px){.ab-rev .revs{grid-template-columns:1fr 1fr}.ab-facts{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.ab-rev .revs,.ab-contact{grid-template-columns:1fr}}
/* weryfikacja NIP */
.lz-firm{border-radius:8px;padding:10px 12px;font-size:14px;line-height:1.45;margin:-4px 0 14px;background:var(--soft)}
.lz-firm[hidden]{display:none}
.lz-firm.ok{background:#eefaf1;border:1px solid #b5e0c1}.lz-firm.warn{background:#fff6e0;border:1px solid #f0d58a}.lz-firm.info,.lz-firm.load{color:#444}
.lz-fn{font:700 18px var(--fd);text-transform:uppercase;margin:4px 0 2px}.lz-fm{color:#444}.lz-firm .lz-c{margin:10px 0 6px}.lz-firm small{color:#666}
/* kontakt */
.ct-pg{padding-bottom:50px}
.ct-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;margin-top:20px;align-items:start}
.ct-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ct-hint{margin:-6px 0 14px;font-size:13px;color:#666}
.lz-f textarea{border:2px solid var(--l);border-radius:8px;padding:10px 12px;font:inherit;font-size:16px;resize:vertical;min-height:130px;color:var(--k)}
.lz-f textarea:focus{border-color:var(--y);outline:0}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.ct-ok{background:#eefaf1;border:1px solid #b5e0c1;border-radius:10px;padding:18px 20px}.ct-ok[hidden]{display:none}.ct-ok b{font:700 22px var(--fd);text-transform:uppercase}.ct-ok p{margin:8px 0 14px}
.ct-side .lz-card p{line-height:1.55;margin:0 0 14px}.ct-side .btn{width:100%}
.ct-ln{display:block;margin-top:14px;padding:14px 16px;background:var(--soft);border-radius:10px;text-decoration:none;color:var(--k)}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.ct-2{grid-template-columns:1fr}}