/* ============ Landing page: kotły — PPC-optimized overrides ============ */

/* Minimal header — no nav, keep focus on conversion */
.lp-header{
  position:sticky;top:0;z-index:50;background:rgba(246,241,230,0.9);
  backdrop-filter:blur(14px);border-bottom:1px solid var(--border);
}
.lp-header-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px;}
.lp-header-trust{font-size:13px;color:var(--text-faint);font-weight:500;}
.lp-header-phone{
  font-weight:700;font-size:15px;color:var(--green-deep);white-space:nowrap;
  background:var(--green-dim);padding:9px 16px;border-radius:999px;
}

/* Hero tweaks */
.lp-hero{padding-top:44px;padding-bottom:56px;}
.lp-hero-inner{align-items:start;}
.lp-urgency-badge{background:var(--clay-dim);color:var(--clay);border:1px solid rgba(189,95,52,0.25);}
.lp-urgency-badge .badge-dot{background:var(--clay);box-shadow:0 0 0 4px rgba(189,95,52,0.18);}

.lp-hero-points{list-style:none;margin:0 0 28px;padding:0;display:flex;flex-direction:column;gap:10px;}
.lp-hero-points li{
  font-size:14.5px;color:var(--text-dim);font-weight:500;padding-left:26px;position:relative;line-height:1.5;
}
.lp-hero-points li::before{
  content:"✓";position:absolute;left:0;top:-1px;color:var(--green);font-weight:800;font-size:15px;
}
.lp-hero-points li strong{color:var(--text);font-weight:700;}

.lp-form-wrap{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:26px;max-width:520px;box-shadow:var(--shadow);
}
.lp-form-head{margin-bottom:16px;}
.lp-form-head strong{display:block;font-family:var(--font-head);font-size:18px;margin-bottom:4px;}
.lp-form-head span{font-size:13.5px;color:var(--text-faint);}
.lp-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.lp-form .field:nth-child(1),.lp-form .field:nth-child(2){grid-column:span 1;}
.lp-form button{grid-column:1/-1;margin-top:4px;}
.lp-form .form-note{grid-column:1/-1;margin:10px 0 0;}

.hero-visual{gap:16px;}
.lp-hero-photo{
  border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow);
  border:1px solid var(--border);margin:0;background:var(--panel);
}
.lp-hero-photo{position:relative;}
.lp-hero-photo img{width:100%;height:300px;object-fit:cover;display:block;}
.lp-hero-photo figcaption{padding:14px 16px;font-size:13.5px;color:var(--text-dim);}
.lp-hero-photo .pf-tag{color:var(--green-deep);}
.lp-photo-tag{
  position:absolute;top:14px;left:14px;background:rgba(42,38,32,0.72);color:#fff9ec;
  font-size:10.5px;font-weight:600;padding:5px 12px;border-radius:999px;letter-spacing:.02em;
}

.lp-zum-chip{
  display:flex;gap:12px;align-items:flex-start;background:var(--panel);
  border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px;
}
.lp-zum-chip strong{display:block;font-size:14px;margin-bottom:2px;}
.lp-zum-chip span{font-size:13px;color:var(--text-faint);}
/* poniżej reguły .lp-zum-chip span, żeby wygrać specyficznością */
.lp-zum-chip .lp-zum-ico{font-size:22px;color:var(--green-deep);flex-shrink:0;line-height:1;}

/* Why now */
.lp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.lp-why-card-alert{
  background:var(--clay-dim);border-color:rgba(189,95,52,0.35);
}
.lp-why-card-alert h4{color:var(--clay);}
.lp-why-cta{
  display:flex;align-items:center;justify-content:center;gap:20px;
  margin-top:36px;flex-wrap:wrap;text-align:center;
}
.lp-why-cta span{font-size:16px;font-weight:600;color:var(--text);}

/* Price anchoring */
.lp-price-grid{
  display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;
  max-width:900px;margin:0 auto 24px;
}
.lp-price-card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:28px;text-align:center;box-shadow:var(--shadow);
}
.lp-price-card-green{background:var(--green-dim);border-color:rgba(63,107,72,0.32);}
.lp-price-label{
  font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-faint);margin-bottom:10px;
}
.lp-price-value{
  font-family:var(--font-head);font-size:32px;font-weight:800;margin-bottom:10px;line-height:1.1;
}
.lp-price-card-green .lp-price-value{color:var(--green-deep);}
.lp-price-card p{font-size:13.5px;margin:0;}
.lp-price-arrow{
  font-family:var(--font-head);font-size:36px;font-weight:800;color:var(--text-faint);
  text-align:center;
}
.lp-price-punch{
  text-align:center;font-size:17px;color:var(--text-dim);max-width:680px;
  margin:0 auto 44px;line-height:1.6;
}
.lp-price-punch strong{color:var(--green-deep);font-weight:700;}

/* Financing */
.lp-finance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px;}
.lp-finance-card{
  background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);
  padding:32px;box-shadow:var(--shadow);
}
.lp-finance-card-alt{background:var(--green-dim);border-color:rgba(63,107,72,0.3);}
.lp-finance-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.lp-finance-ico{
  font-size:22px;color:var(--green-deep);flex-shrink:0;
  width:48px;height:48px;display:flex;align-items:center;justify-content:center;
  background:var(--green-dim);border-radius:12px;
}
.lp-finance-head h3{margin:0;font-size:19px;}
.lp-finance-note{text-align:center;font-size:12.5px;color:var(--text-faint);max-width:640px;margin:0 auto;line-height:1.6;}
.lp-finance-note a{color:var(--green-deep);text-decoration:underline;}

/* Product comparison */
.lp-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1060px;margin:0 auto;}
.lp-compare-for{
  font-size:13.5px;font-style:italic;color:var(--text-faint);
  border-left:2px solid var(--border);padding-left:12px;margin-bottom:16px;
}
.lp-compare-note{
  text-align:center;font-size:14.5px;color:var(--text-dim);max-width:660px;
  margin:36px auto 0;line-height:1.6;
}

/* Final CTA */
.lp-final-cta{padding-top:64px;padding-bottom:80px;}
.lp-final-inner{
  background:linear-gradient(135deg,var(--green-deep),var(--green));
  border-radius:var(--radius-lg);padding:48px;display:flex;align-items:center;
  justify-content:space-between;gap:32px;flex-wrap:wrap;box-shadow:var(--shadow);
}
.lp-final-inner h2{color:#f5f1e4;font-size:26px;margin-bottom:8px;}
.lp-final-inner p{color:rgba(245,241,228,0.8);margin:0;}
.lp-final-inner .btn-primary{background:#f5f1e4;color:var(--green-deep);box-shadow:none;flex-shrink:0;}
.lp-final-inner .btn-primary:hover{background:#fff;}

/* Przyklejony pasek CTA na mobile jest wspólny dla obu stron — patrz styles.css */

.lp-footer{padding:28px 0;}
.lp-footer .footer-inner{justify-content:center;text-align:center;}

@media (max-width: 980px){
  .lp-why-grid{grid-template-columns:1fr;}
  .lp-finance-grid,.lp-compare-grid{grid-template-columns:1fr;}
  .lp-price-grid{grid-template-columns:1fr;}
  .lp-price-arrow{transform:rotate(90deg);font-size:28px;}
  .lp-final-inner{flex-direction:column;text-align:center;}
}
@media (max-width: 640px){
  .lp-header-trust{display:none;}
  .lp-form{grid-template-columns:1fr;}
  .lp-final-inner h2{font-size:21px;}

  /* telefon w nagłówku — pewny cel dotykowy */
  .lp-header-phone{padding:12px 16px;font-size:15px;}

  /* zdjęcie hero niżej: najpierw obietnica i formularz, potem obrazek */
  .lp-hero-photo img{height:220px;}
}