/* Landing page'e segmentów (obiekty-noclegowe.html, dla-gmin.html). Kolory i fonty ze styles.css. */
a{ color:inherit; }
button{ font-family:inherit; }
.lp-wrap{ max-width:1180px; margin:0 auto; padding:0 6vw; }

/* NAV — ten sam pasek co na stronie głównej w trybie jasnym (domyślnym): przyklejony, jasny z rozmyciem (klasa on-light ustawiona na stałe w HTML) */
.lp-nav{ position:fixed; top:0; left:0; right:0; z-index:60; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 32px; background:rgba(16,13,9,0.82); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); border-bottom:1px solid rgba(244,234,217,0.10); transition:background .25s, border-color .25s; }
.lp-nav.on-light{ background:rgba(246,242,232,0.96); backdrop-filter:blur(8px); border-color:var(--lline); }
.lp-nav .logo{ display:flex; align-items:center; gap:10px; text-decoration:none; }
.lp-nav .logo img{ width:30px; height:auto; }
.lp-nav .logo-text{ display:flex; flex-direction:column; line-height:1; }
.lp-nav .t1{ font-family:'Manrope',sans-serif; font-weight:800; font-size:14.5px; letter-spacing:.08em; color:#f4ead9; }
.lp-nav .t2{ font-size:11px; letter-spacing:.22em; color:#e3b579; margin-top:2px; }
.lp-nav.on-light .t1{ color:var(--link); }
.lp-nav.on-light .t2{ color:var(--copper-ink); }
.lp-nav .right{ display:flex; align-items:center; gap:13px; }
.lp-nav .right > a{ color:#f4ead9; text-decoration:none; font-size:13.5px; white-space:nowrap; opacity:.88; }
.lp-nav .right > a:hover{ opacity:1; color:#e3b579; }
.lp-nav.on-light .right > a{ color:var(--link); opacity:.85; }
.lp-nav .right > a.pill{ border:1px solid rgba(244,234,217,0.18); padding:8px 16px; border-radius:20px; font-size:14px; opacity:1; }
.lp-nav.on-light .right > a.pill{ border-color:#cfc4a8; }
.lp-nav .right > a.pill:hover{ border-color:var(--copper); color:#e3b579; }
.lp-nav.on-light .right > a.pill:hover{ color:var(--copper-ink); }
.lp-nav .lang-switch a{ text-decoration:none; }
.lp-nav.on-light .lang-switch{ background:rgba(34,28,20,0.08); border-color:rgba(34,28,20,0.12); }
.lp-nav.on-light .lang-switch a:not(.active){ color:var(--link); }

/* HERO */
.lp-hero{ position:relative; min-height:640px; display:flex; align-items:flex-end; background:#14100c center/cover no-repeat; color:#f4ead9; }
.lp-hero::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(20,16,12,.45) 0%,rgba(20,16,12,.35) 35%,rgba(20,16,12,.92) 100%); }
.lp-hero .lp-wrap{ position:relative; z-index:1; width:100%; padding-top:120px; padding-bottom:56px; }
.lp-kicker{ font-size:13px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--copper-ink); margin-bottom:12px; }
.lp-hero .lp-kicker{ color:#e3b579; }
.lp-hero h1{ font-size:clamp(32px,4.6vw,54px); line-height:1.08; max-width:17ch; margin-bottom:18px; }
.lp-hero p.lead{ font-size:17px; color:#e0d4bd; max-width:58ch; line-height:1.6; margin:0 0 28px; }
.lp-ctas{ display:flex; gap:12px; flex-wrap:wrap; }
.lp-btn{ display:inline-block; padding:13px 24px; border-radius:26px; border:1px solid rgba(244,234,217,.35); background:transparent; color:#f4ead9; font-size:15px; font-weight:700; text-decoration:none; cursor:pointer; }
.lp-btn.primary{ background:var(--copper); border-color:var(--copper); color:#1c1409; }
.lp-btn.dark{ border-color:var(--lline); color:var(--link); }
.lp-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:44px; background:rgba(244,234,217,.14); border:1px solid rgba(244,234,217,.14); border-radius:12px; overflow:hidden; }
.lp-stat{ background:rgba(20,16,12,.72); padding:20px 22px; }
.lp-stat .n{ font-family:'Manrope',sans-serif; font-weight:800; font-size:24px; color:#e3b579; margin-bottom:4px; }
.lp-stat .t{ font-size:14px; color:#cdbfa5; line-height:1.45; }

/* SEKCJE */
.lp-sec{ padding:84px 0; background:var(--lbg); color:var(--link); }
.lp-sec.alt{ background:var(--lbg-alt); }
.lp-sec.white{ background:var(--lpanel); }
.lp-sec h2{ font-size:clamp(26px,3.2vw,38px); line-height:1.12; max-width:22ch; margin-bottom:14px; }
.lp-sec p.lead{ font-size:16px; color:var(--link-soft); max-width:62ch; line-height:1.6; margin:0 0 40px; }

.lp-variants{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.lp-var{ background:var(--lpanel); border:1px solid var(--lline); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; }
.lp-var .ph{ aspect-ratio:16/10; background:#ddd center/cover; position:relative; }
.lp-var .ph span{ position:absolute; left:14px; top:14px; background:rgba(20,16,12,.8); color:#f4ead9; font-size:12px; font-weight:800; letter-spacing:.06em; padding:5px 11px; border-radius:12px; }
.lp-var .bd{ padding:20px 22px 22px; display:flex; flex-direction:column; flex:1; }
.lp-var h3{ font-size:20px; margin-bottom:8px; }
.lp-var p{ font-size:14.5px; color:var(--link-soft); margin:0 0 12px; line-height:1.55; }
.lp-var ul{ margin:0 0 16px; padding:0; list-style:none; font-size:14px; }
.lp-var li{ padding:4px 0 4px 20px; position:relative; line-height:1.45; }
.lp-var li::before{ content:""; position:absolute; left:3px; top:11px; width:7px; height:7px; border-radius:50%; background:var(--copper); }
.lp-var .price{ margin-top:auto; border-top:1px solid var(--lline); padding-top:12px; font-size:13.5px; color:var(--link-soft); }
.lp-var .price b{ font-family:'Manrope',sans-serif; font-size:20px; color:var(--link); }

.lp-values{ display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--lline); border:1px solid var(--lline); border-radius:14px; overflow:hidden; }
.lp-value{ background:var(--lpanel); padding:26px 24px; }
.lp-value .ic{ width:38px; height:38px; border-radius:10px; background:var(--copper-dim); color:var(--copper-ink); display:grid; place-items:center; font-weight:800; margin-bottom:14px; font-family:'Manrope',sans-serif; }
.lp-value h3{ font-size:16px; margin-bottom:8px; }
.lp-value p{ font-size:14.5px; color:var(--link-soft); margin:0; line-height:1.55; }

/* scenariusz / storytelling */
.lp-story{ display:grid; grid-template-columns:repeat(3,1fr); gap:0; position:relative; }
.lp-step{ padding:0 22px 0 0; position:relative; }
.lp-step .yr{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#1c1409; background:var(--copper); padding:4px 10px; border-radius:10px; margin-bottom:12px; }
.lp-step .line{ position:absolute; top:12px; left:90px; right:10px; height:2px; background:var(--lline); }
.lp-step:last-child .line{ display:none; }
.lp-step h3{ font-size:18px; margin-bottom:8px; }
.lp-step p{ font-size:14.5px; color:var(--link-soft); margin:0 0 10px; line-height:1.55; }
.lp-step .cost{ font-size:13.5px; color:var(--link-soft); }
.lp-step .cost b{ color:var(--link); font-size:16px; font-family:'Manrope',sans-serif; }
.lp-note{ font-size:13px; color:var(--link-soft); margin-top:26px; max-width:80ch; line-height:1.55; }

.lp-steps{ display:grid; grid-template-columns:repeat(5,1fr); gap:20px; counter-reset:s; }
.lp-steps > div{ border-top:2px solid var(--lline); padding-top:16px; counter-increment:s; }
.lp-steps > div::before{ content:counter(s, decimal-leading-zero); display:block; font-family:'Manrope',sans-serif; font-weight:800; font-size:20px; color:var(--copper); margin-bottom:6px; }
.lp-steps h3{ font-size:15.5px; margin-bottom:6px; }
.lp-steps p{ font-size:14px; color:var(--link-soft); margin:0; line-height:1.5; }

/* cennik */
.lp-price{ width:100%; border-collapse:collapse; background:var(--lpanel); border:1px solid var(--lline); border-radius:14px; overflow:hidden; font-size:15px; }
.lp-price th, .lp-price td{ padding:14px 18px; border-bottom:1px solid var(--lline); text-align:left; }
.lp-price th{ background:var(--lbg-alt); font-size:12px; text-transform:uppercase; letter-spacing:.06em; color:var(--link-soft); }
.lp-price td.n{ text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.lp-price th.n{ text-align:right; }
.lp-price td b{ font-family:'Manrope',sans-serif; }
.lp-price tr.grp td{ background:#faf7f0; font-size:12.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; color:var(--copper-ink); padding:9px 18px; }
.lp-price tr:last-child td{ border-bottom:0; }
.lp-price .muted{ color:var(--link-soft); font-size:13.5px; }
.lp-callout{ margin-top:20px; display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.lp-callout > div{ background:var(--lpanel); border:1px solid var(--lline); border-left:4px solid var(--copper); border-radius:12px; padding:16px 20px; font-size:14.5px; color:var(--link-soft); line-height:1.55; }
.lp-callout b{ color:var(--link); }

/* w rozwoju */
.lp-dev{ display:grid; grid-template-columns:1.1fr 1fr; gap:28px; align-items:stretch; background:var(--lpanel); border:1px dashed #cdbb92; border-radius:18px; padding:30px; }
.lp-dev .badge{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; background:#fbf1d6; color:#7a5c0e; padding:4px 11px; border-radius:10px; margin-bottom:12px; }
.lp-dev h3{ font-size:24px; margin-bottom:12px; line-height:1.2; }
.lp-dev p{ font-size:15px; color:var(--link-soft); line-height:1.65; margin:0 0 12px; }
.lp-dev .uses{ display:grid; grid-template-columns:1fr 1fr; gap:10px; align-content:start; }
.lp-dev .uses div{ background:var(--lbg); border:1px solid var(--lline); border-radius:12px; padding:14px 16px; font-size:14px; color:var(--link-soft); line-height:1.45; }
.lp-dev .uses b{ display:block; color:var(--link); font-size:15px; margin-bottom:3px; }

/* FAQ */
.lp-faq{ max-width:860px; }
.lp-faq-item{ border-bottom:1px solid var(--lline); }
.lp-faq-q{ width:100%; text-align:left; background:none; border:0; padding:18px 36px 18px 0; font-size:16px; font-weight:700; color:var(--link); cursor:pointer; position:relative; }
.lp-faq-q::after{ content:"+"; position:absolute; right:4px; top:14px; font-size:22px; color:var(--copper-ink); }
.lp-faq-item.open .lp-faq-q::after{ content:"–"; }
.lp-faq-a{ display:none; padding:0 0 18px; font-size:15px; color:var(--link-soft); line-height:1.6; }
.lp-faq-item.open .lp-faq-a{ display:block; }

/* formularz */
.lp-form{ display:grid; grid-template-columns:1fr 1fr; gap:14px; max-width:760px; }
.lp-form .full{ grid-column:1/-1; }
.lp-form label{ display:block; font-size:13.5px; color:var(--link-soft); margin-bottom:6px; font-weight:600; }
.lp-form input, .lp-form select, .lp-form textarea{ width:100%; border:1px solid var(--lline); background:#fff; border-radius:8px; padding:12px 14px; font-size:15px; color:var(--link); font-family:inherit; color-scheme:light; }
.lp-form textarea{ min-height:110px; resize:vertical; }
.lp-form input:focus, .lp-form select:focus, .lp-form textarea:focus{ outline:none; border-color:var(--copper); }
.lp-form .consent{ display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--link-soft); line-height:1.5; }
.lp-form .consent input{ width:auto; margin-top:3px; }
.lp-form .consent a{ color:var(--copper-ink); font-weight:600; }
.lp-form .hp{ position:absolute; left:-9999px; width:1px; height:1px; opacity:0; }
.lp-form .lp-btn{ border:0; }
.lp-contact{ display:grid; grid-template-columns:1.4fr 1fr; gap:40px; }
.lp-contact aside{ background:var(--lbg); border:1px solid var(--lline); border-radius:14px; padding:22px 24px; font-size:14.5px; color:var(--link-soft); line-height:1.6; align-self:start; }
.lp-contact aside h3{ font-size:16px; color:var(--link); margin-bottom:8px; }
.lp-contact aside a{ color:var(--copper-ink); font-weight:700; text-decoration:none; }

#lp-toast{ position:fixed; bottom:24px; left:50%; transform:translateX(-50%); background:rgba(20,16,12,.95); color:#f4ead9; padding:13px 22px; border-radius:10px; font-size:14px; z-index:300; opacity:0; pointer-events:none; transition:opacity .3s; max-width:86vw; text-align:center; }
#lp-toast.show{ opacity:1; }

.lp-foot{ background:var(--lbg-alt); color:var(--link-soft); border-top:1px solid var(--lline); padding:30px 6vw; font-size:13.5px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; }
.lp-foot a{ color:var(--link-soft); }
.lp-foot .links{ display:flex; gap:16px; flex-wrap:wrap; align-items:center; }

@media (max-width:980px){
  .lp-variants, .lp-values{ grid-template-columns:1fr 1fr; }
  .lp-steps{ grid-template-columns:1fr 1fr; }
  .lp-dev{ grid-template-columns:1fr; }
  .lp-contact{ grid-template-columns:1fr; }
}
@media (max-width:680px){
  .lp-wrap{ padding:0 16px; }
  .lp-nav{ padding:14px 18px; }
  .lp-nav .right .hide-m{ display:none; }
  .lp-hero{ min-height:600px; }
  .lp-stats, .lp-variants, .lp-values, .lp-story, .lp-callout, .lp-form, .lp-dev .uses{ grid-template-columns:1fr; }
  .lp-story{ gap:26px; }
  .lp-step .line{ display:none; }
  .lp-steps{ grid-template-columns:1fr; }
  .lp-sec{ padding:60px 0; }
  .lp-dev{ padding:22px; }
  .lp-price{ font-size:14px; }
  .lp-price th, .lp-price td{ padding:11px 12px; }
  .lp-price th:nth-child(2), .lp-price td:nth-child(2){ display:none; }
}