/* Siedliska Podlasia — website UI kit styles. Loads colors_and_type.css first. */
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:var(--font-body);background:var(--paper);color:var(--fg1);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font-family:inherit}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.eyebrow{margin:0 0 12px}

/* ---------- Buttons ---------- */
.btn{font-family:var(--font-body);font-weight:700;font-size:15px;border:none;cursor:pointer;border-radius:var(--r-pill);padding:14px 26px;display:inline-flex;align-items:center;gap:9px;transition:all var(--dur) var(--ease);white-space:nowrap}
.btn svg{width:18px;height:18px}
.btn--cta{background:var(--cta);color:#fff;box-shadow:var(--shadow-cta)}
.btn--cta:hover{background:var(--cta-hover);transform:translateY(-1px)}
.btn--cta:active{background:var(--cta-press);transform:translateY(0) scale(.99)}
.btn--green{background:var(--green-500);color:var(--ink-900)}
.btn--green:hover{background:var(--green-600)}
.btn--ghost{background:transparent;color:var(--ink-900);box-shadow:inset 0 0 0 2px var(--ink-900)}
.btn--ghost:hover{background:var(--ink-900);color:#fff}
.btn--white{background:#fff;color:var(--ink-900);box-shadow:var(--shadow-sm)}
.btn--white:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}

/* ---------- Header ---------- */
.hdr{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--paper) 82%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.hdr__in{display:flex;align-items:center;gap:24px;height:74px}
.hdr__logo{display:flex;align-items:center}
.hdr__logo img{height:42px;width:auto}
.hdr__nav{display:flex;gap:26px;margin-left:14px}
.hdr__nav a{font-size:15px;font-weight:500;color:var(--ink-700);padding:6px 0;position:relative}
.hdr__nav a:hover{color:var(--green-700)}
.hdr__nav a:hover::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--yellow-300);border-radius:2px}
.hdr__right{margin-left:auto;display:flex;align-items:center;gap:16px}
.hdr__phone{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink-900);white-space:nowrap}
.hdr__nav a{white-space:nowrap}
.hdr__phone svg{width:18px;height:18px;color:var(--green-700)}
.hdr__burger{display:none;background:none;border:none;cursor:pointer;color:var(--ink-900)}
.hdr__burger svg{width:26px;height:26px}
@media(max-width:880px){
  .hdr__nav,.hdr__phone{display:none}
  .hdr__burger{display:block}
}
.mmenu{border-top:1px solid var(--border);background:var(--paper);padding:14px 28px 22px;display:flex;flex-direction:column;gap:4px}
.mmenu a{padding:12px 0;font-size:17px;font-weight:500;border-bottom:1px solid var(--border)}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden}
.hero__bg{position:absolute;inset:0;background:linear-gradient(135deg,#7c8c1b,#3a4112 70%);}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,32,33,.15),rgba(36,32,33,.72));}
.hero__bgicon{position:absolute;right:-40px;bottom:-30px;color:rgba(255,255,255,.07)}
.hero__bgicon svg{width:420px;height:420px}
.hero__in{position:relative;z-index:2;padding:96px 0 104px;max-width:720px}
.hero h1{color:#fff;font-size:clamp(40px,5.2vw,72px);margin:14px 0 18px}
.hero .lead{color:rgba(255,255,255,.92);max-width:560px;margin:0 0 32px}
.hero__eyebrow{color:var(--yellow-300)}
.hero .mark{background:linear-gradient(transparent 60%,rgba(255,206,19,.55) 60%);color:#fff;padding:0 .06em}
/* search bar */
.search{display:flex;gap:10px;background:#fff;border-radius:var(--r-pill);padding:8px;box-shadow:var(--shadow-lg);max-width:560px}
.search__field{display:flex;align-items:center;gap:10px;padding:0 16px;flex:1}
.search__field svg{width:18px;height:18px;color:var(--green-700)}
.search select,.search input{border:none;outline:none;font-family:var(--font-body);font-size:15px;color:var(--ink-900);background:none;width:100%;cursor:pointer}
.trust{display:flex;gap:26px;margin-top:26px;flex-wrap:wrap}
.trust__i{display:flex;align-items:center;gap:9px;color:rgba(255,255,255,.92);font-size:14px;font-weight:500}
.trust__i svg{width:17px;height:17px;color:var(--green-300)}

/* ---------- Section ---------- */
.sec{padding:var(--sp-9) 0}
.sec--alt{background:var(--paper-2)}
.sec__head{max-width:620px;margin:0 0 var(--sp-7)}
.sec__head.center{margin-left:auto;margin-right:auto;text-align:center}
.sec__head h2{margin:0 0 14px}
.sec__head p{margin:0;color:var(--fg2)}

/* ---------- Listings ---------- */
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:var(--sp-6)}
.chip{font-size:14px;font-weight:700;padding:9px 18px;border-radius:var(--r-pill);border:1.5px solid var(--border-strong);background:#fff;color:var(--ink-700);cursor:pointer;transition:all var(--dur) var(--ease)}
.chip:hover{border-color:var(--green-500)}
.chip--on{background:var(--ink-900);color:#fff;border-color:var(--ink-900)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.grid{grid-template-columns:1fr}}
.lcard{background:#fff;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);display:flex;flex-direction:column}
.lcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.lcard__ph{height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.lcard__ph svg{width:50px;height:50px;color:rgba(255,255,255,.82)}
.lcard__tag{position:absolute;top:12px;left:12px;background:#fff;color:var(--ink-900);font-size:12px;font-weight:700;padding:6px 12px;border-radius:var(--r-pill);display:flex;align-items:center;gap:6px}
.lcard__tag svg{width:14px;height:14px;color:var(--yellow-600)}
.lcard__heart{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.92);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.lcard__heart svg{width:18px;height:18px;color:var(--ink-700)}
.lcard__heart.on svg{color:var(--cta);fill:var(--cta)}
.lcard__b{padding:18px;display:flex;flex-direction:column;flex:1}
.lcard__loc{font-size:12px;font-weight:700;color:var(--green-700);text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;gap:5px}
.lcard__loc svg{width:14px;height:14px}
.lcard__t{margin:8px 0 0;font-family:var(--font-body);font-weight:700;font-size:20px;color:var(--ink-900);line-height:1.25}
.lcard__meta{display:flex;gap:16px;font-size:14px;color:var(--fg2);margin-top:12px;flex-wrap:wrap}
.lcard__meta span{display:flex;align-items:center;gap:6px}
.lcard__meta svg{width:16px;height:16px;color:var(--fg3)}
.lcard__foot{margin-top:auto;padding-top:16px;display:flex;align-items:center;justify-content:space-between}
.lcard__price{font-size:22px;font-weight:700;color:var(--ink-900)}
.lcard__more{font-size:14px;font-weight:700;color:var(--cta);display:flex;align-items:center;gap:4px}

/* ---------- Modal ---------- */
.ov{position:fixed;inset:0;z-index:100;background:rgba(36,32,33,.55);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:fade .2s var(--ease)}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal{background:#fff;border-radius:var(--r-xl);max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--shadow-lg);animation:pop .24s var(--ease)}
@keyframes pop{from{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}
.modal__ph{height:240px;position:relative;display:flex;align-items:center;justify-content:center}
.modal__ph svg{width:70px;height:70px;color:rgba(255,255,255,.85)}
.modal__x{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.92);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.modal__x svg{width:20px;height:20px}
.modal__b{padding:28px}
.modal__b h3{margin:0 0 6px}
.modal__feat{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}
.feat{background:var(--paper-2);border-radius:var(--r-md);padding:14px;text-align:center}
.feat svg{width:22px;height:22px;color:var(--green-700)}
.feat b{display:block;font-size:18px;margin-top:6px;color:var(--ink-900)}
.feat span{font-size:12px;color:var(--fg2)}
.modal__price{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:20px;margin-top:8px}
.modal__price b{font-size:28px;color:var(--ink-900)}

/* ---------- Sell section ---------- */
.sell{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
@media(max-width:860px){.sell{grid-template-columns:1fr;gap:36px}}
.steps{display:flex;flex-direction:column;gap:18px;margin-top:26px}
.step{display:flex;gap:16px;align-items:flex-start}
.step__n{flex:none;width:42px;height:42px;border-radius:50%;background:var(--green-500);color:var(--ink-900);font-weight:900;font-size:18px;display:flex;align-items:center;justify-content:center}
.step h4{margin:4px 0 4px}
.step p{margin:0;color:var(--fg2);font-size:15px}
.sellform{background:#fff;border-radius:var(--r-xl);padding:30px;box-shadow:var(--shadow-md)}
.sellform h3{margin:0 0 4px}
.sellform p{margin:0 0 20px;color:var(--fg2);font-size:15px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.field label{font-size:13px;font-weight:700}
.field input,.field textarea{font-family:var(--font-body);font-size:15px;color:var(--ink-900);padding:13px 15px;border:1.5px solid var(--border-strong);border-radius:var(--r-md);background:var(--cream);outline:none}
.field input:focus,.field textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--ring);background:#fff}
.formnote{font-size:12px;color:var(--fg3);margin-top:10px;text-align:center}
.thanks{text-align:center;padding:30px 10px}
.thanks svg{width:54px;height:54px;color:var(--green-600)}
.thanks h3{margin:14px 0 6px}
.thanks p{color:var(--fg2);margin:0}

/* ---------- Testimonials ---------- */
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:860px){.tgrid{grid-template-columns:1fr}}
.tcard{background:#fff;border-radius:var(--r-lg);padding:26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}
.stars{display:flex;gap:3px}
.stars svg{width:18px;height:18px;color:var(--yellow-400);fill:var(--yellow-400)}
.tcard p{margin:0;font-size:16px;line-height:1.6;color:var(--ink-700)}
.tcard__who{display:flex;align-items:center;gap:12px;margin-top:auto}
.tavatar{width:44px;height:44px;border-radius:50%;background:var(--green-200);color:var(--green-900);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:17px}
.tcard__who b{display:block;font-size:15px}
.tcard__who span{font-size:13px;color:var(--fg3)}

/* ---------- Final CTA ---------- */
.fcta{background:var(--ink-900);border-radius:var(--r-xl);padding:64px 56px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
@media(max-width:860px){.fcta{grid-template-columns:1fr;padding:40px 28px}}
.fcta__deco{position:absolute;right:-30px;top:-30px;color:rgba(190,210,44,.14)}
.fcta__deco svg{width:300px;height:300px}
.fcta h2{color:#fff;margin:0 0 14px;position:relative}
.fcta p{color:rgba(255,255,255,.8);margin:0;position:relative}
.fcta__form{position:relative;display:flex;flex-direction:column;gap:12px}
.fcta__row{display:flex;gap:12px}
.fcta__row input{flex:1}
.fcta input{font-family:var(--font-body);font-size:15px;padding:14px 16px;border:none;border-radius:var(--r-md);outline:none;width:100%}
.fcta__ok{background:rgba(190,210,44,.16);border:1px solid var(--green-700);border-radius:var(--r-md);padding:20px;color:#fff;display:flex;gap:12px;align-items:center}
.fcta__ok svg{width:26px;height:26px;color:var(--green-300);flex:none}

/* ---------- Footer ---------- */
.ftr{background:var(--paper-2);padding:56px 0 30px;border-top:1px solid var(--border)}
.ftr__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
@media(max-width:760px){.ftr__top{grid-template-columns:1fr 1fr}}
.ftr img{height:46px;margin-bottom:14px}
.ftr__col h5{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg3);margin:0 0 14px;font-weight:700}
.ftr__col a{display:block;padding:6px 0;color:var(--ink-700);font-size:15px}
.ftr__col a:hover{color:var(--green-700)}
.ftr__about{color:var(--fg2);font-size:14px;line-height:1.6;max-width:280px}
.ftr__bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--fg3);font-size:13px}
.ftr__bottom .em5{font-weight:700;color:var(--ink-700)}