.elementor-15315 .elementor-element.elementor-element-f243042{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-15315 .elementor-element.elementor-element-f243042 [data-glow]{--border-light-opacity:1;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-list{overflow:hidden;margin:0 calc(20px * 2 + 10px);}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-slide{margin:0rem 1rem 2rem 1rem;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-prev i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-next i{font-size:20px;color:#000000 !important;opacity:0.7;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-prev img{width:20px;opacity:0.7;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-next img{width:20px;opacity:0.7;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-next:hover i{color:#000000 !important;opacity:1;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-prev:hover i{color:#000000 !important;opacity:1;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-next:hover img{opacity:1;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-prev:hover img{opacity:1;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-dots li button::before{font-size:12px;line-height:calc(12px * 1.4);}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-dots li{width:calc(12px * 1.4);height:calc(12px * 1.4);}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-dots li button{border-radius:999px;background-color:#00000040;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-dots li:hover button{background-color:#000000;}.elementor-15315 .elementor-element.elementor-element-f243042 .slick-dots li.slick-active button{background-color:#00000090;}/* Start custom CSS for html, class: .elementor-element-36cb5ae *//* ============================================================
   GETHELP LP 3 | AUTO JUŻ KUPIONE
   Jeden formularz Elementor, widoczny na stronie i w popupie.
   Wszystkie klasy ograniczone do .gh3-lp.
   ============================================================ */

/* 01. Zmienne i podstawy */
.gh3-lp {
  --gh3-blue: #283087;
  --gh3-blue-dark: #1f255f;
  --gh3-red: #e81e23;
  --gh3-red-dark: #c9161b;
  --gh3-text: #485163;
  --gh3-border: #e1e6f0;
  --gh3-light: #f6f8fc;
  --gh3-shadow: 0 16px 42px rgba(31, 37, 95, 0.09);

  width: 100%;
  max-width: 1420px;
  margin: 0 auto;
  padding: 18px 14px 60px;
  color: var(--gh3-text);
  font-family: inherit;
  font-size: 16px;
  line-height: 1.65;
}

.gh3-lp,
.gh3-lp *,
.gh3-lp *::before,
.gh3-lp *::after {
  box-sizing: border-box;
}

.gh3-lp p {
  margin: 0 0 14px;
  font-size: 16px;
  line-height: 1.7;
}

.gh3-lp h1,
.gh3-lp h2,
.gh3-lp h3 {
  margin: 0 0 14px;
  font-weight: 800;
  line-height: 1.18;
}

.gh3-lp h1,
.gh3-lp h2 { color: var(--gh3-blue); }
.gh3-lp h1 { font-size: clamp(32px, 5vw, 56px); }
.gh3-lp h2 { font-size: clamp(25px, 3vw, 36px); }
.gh3-lp h3 { font-size: 20px; }
.gh3-lp a { text-decoration: none; }
.gh3-lp strong { font-weight: 700; }

/* 02. Etykiety i przyciski */
.gh3-lp .gh3-eyebrow,
.gh3-lp .gh3-banner-eyebrow {
  display: inline-block;
  margin-bottom: 12px;
  color: var(--gh3-red);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.4px;
  text-transform: uppercase;
}

.gh3-lp a.gh3-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 13px 25px;
  border: 0;
  border-radius: 999px;
  font-size: 16px;
  font-weight: 800;
  line-height: 1.3;
  text-align: center;
  text-decoration: none !important;
  transition: background-color 0.2s ease, transform 0.2s ease;
}

.gh3-lp a.gh3-btn-primary,
.gh3-lp a.gh3-btn-primary:visited {
  background: var(--gh3-red) !important;
  color: #fff !important;
}

.gh3-lp a.gh3-btn-primary:hover,
.gh3-lp a.gh3-btn-primary:focus-visible {
  background: var(--gh3-red-dark) !important;
  color: #fff !important;
}

.gh3-lp a.gh3-btn:focus-visible,
.gh3-lp .gh3-modal-close:focus-visible {
  outline: 3px solid #90a0f5;
  outline-offset: 3px;
}

/* 03. HERO i karta formularza */
.gh3-lp .gh3-hero {
  display: grid;
  gap: 26px;
  padding: 26px 20px;
  border: 1px solid var(--gh3-border);
  border-radius: 25px;
  background: linear-gradient(135deg, #fff, #f6f8fc);
  box-shadow: var(--gh3-shadow);
}

.gh3-lp .gh3-lead {
  color: #303a60;
  font-size: 17px;
}

.gh3-lp .gh3-facts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}

.gh3-lp .gh3-facts span {
  padding: 7px 11px;
  border: 1px solid var(--gh3-border);
  border-radius: 999px;
  background: #fff;
  color: var(--gh3-blue);
  font-size: 13px;
  font-weight: 700;
}

.gh3-lp .gh3-form-card {
  min-width: 0;
  padding: 21px;
  border: 1px solid var(--gh3-border);
  border-radius: 20px;
  background: #fff;
  box-shadow: var(--gh3-shadow);
}

.gh3-lp .gh3-form-card h2 { font-size: 25px; }

.gh3-lp .gh3-form-note {
  margin: 14px 0 0;
  padding: 12px 14px;
  border-left: 3px solid var(--gh3-blue);
  border-radius: 10px;
  background: var(--gh3-light);
  font-size: 16px;
}

/* 04. Pola formularza Elementor */
.gh3-lp .gh3-elementor-form,
.gh3-lp .gh3-elementor-form .elementor-form { width: 100%; }

.gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.gh3-lp .gh3-elementor-form .elementor-field-group {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.gh3-lp .gh3-elementor-form input:not([type="checkbox"]):not([type="radio"]),
.gh3-lp .gh3-elementor-form select,
.gh3-lp .gh3-elementor-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 11px 13px;
  border: 1px solid var(--gh3-border);
  border-radius: 11px;
  background: var(--gh3-light);
  color: var(--gh3-text);
  font-size: 16px;
}

.gh3-lp .gh3-elementor-form .elementor-button,
.gh3-lp .gh3-elementor-form button[type="submit"] {
  width: 100%;
  min-height: 52px;
  border-radius: 999px;
  background: var(--gh3-red) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 800;
}

.gh3-lp .gh3-elementor-form .elementor-button:hover { background: var(--gh3-red-dark) !important; }
.gh3-lp .gh3-elementor-form .elementor-button * { color: #fff !important; }
.gh3-lp .gh3-elementor-form .elementor-field-type-acceptance label { font-size: 16px; }

/* 05. Wyróżniony blok Gwarancji */
.gh3-lp .gh3-warranty-banner,
.gh3-lp .gh3-final {
  display: grid;
  gap: 20px;
  align-items: center;
  margin-top: 26px;
  padding: 28px 22px;
  border-radius: 22px;
  background: linear-gradient(135deg, var(--gh3-blue), var(--gh3-blue-dark));
  color: #fff;
}

.gh3-lp .gh3-warranty-banner h2,
.gh3-lp .gh3-final h2 { color: #fff !important; }
.gh3-lp .gh3-warranty-banner p,
.gh3-lp .gh3-final p { color: #f1f2ff; }
.gh3-lp .gh3-warranty-banner .gh3-banner-eyebrow,
.gh3-lp .gh3-final .gh3-banner-eyebrow { color: #fff; }

/* 06. Poradnik SEO / karty */
.gh3-lp .gh3-section {
  margin-top: 26px;
  padding: 27px 20px;
  border: 1px solid var(--gh3-border);
  border-radius: 22px;
  background: #fff;
  box-shadow: var(--gh3-shadow);
}

.gh3-lp .gh3-intro { max-width: 950px; }
.gh3-lp .gh3-grid { display: grid; gap: 12px; margin-top: 20px; }

.gh3-lp .gh3-tip {
  padding: 20px;
  border: 1px solid var(--gh3-border);
  border-radius: 16px;
  background: var(--gh3-light);
}

.gh3-lp .gh3-tip h3 { color: var(--gh3-blue); }
.gh3-lp .gh3-tip p { margin: 0; }
.gh3-lp .gh3-info { background: #f7f8fd; }

/* 07. FAQ / AEO */
.gh3-lp .gh3-faq-list { display: grid; gap: 11px; margin-top: 22px; }

.gh3-lp .gh3-faq-item {
  overflow: hidden;
  border: 1px solid var(--gh3-border);
  border-radius: 13px;
  background: var(--gh3-light);
}

.gh3-lp .gh3-faq-item summary {
  position: relative;
  padding: 17px 52px 17px 18px;
  color: var(--gh3-blue);
  font-size: 17px;
  font-weight: 800;
  line-height: 1.45;
  cursor: pointer;
  list-style: none;
}

.gh3-lp .gh3-faq-item summary::-webkit-details-marker { display: none; }

.gh3-lp .gh3-faq-item summary::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: var(--gh3-red);
  color: #fff;
  font-size: 20px;
  transform: translateY(-50%);
}

.gh3-lp .gh3-faq-item[open] summary::after { content: "−"; background: var(--gh3-blue); }
.gh3-lp .gh3-faq-answer { padding: 0 18px 16px; }
.gh3-lp .gh3-faq-answer p:last-child { margin-bottom: 0; }

/* 08. Modal i odporny przycisk zamykania */
.gh3-lp .gh3-modal {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 14px;
}

.gh3-lp .gh3-modal.is-open { display: flex; }

.gh3-lp .gh3-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(14, 20, 52, 0.73);
}

.gh3-lp .gh3-modal-dialog {
  position: relative;
  z-index: 1;
  width: min(100%, 650px);
  max-height: calc(100dvh - 28px);
  overflow-y: auto;
  padding: 30px 22px 24px;
  border-radius: 19px;
  background: #fff;
  box-shadow: 0 25px 75px rgba(0, 0, 0, 0.24);
}

.gh3-lp .gh3-modal-dialog h2 { padding-right: 55px; font-size: 26px; }

.gh3-lp button.gh3-modal-close {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #f2f4fa !important;
  color: var(--gh3-blue) !important;
  font-size: 28px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  cursor: pointer;
}

.gh3-lp button.gh3-modal-close span {
  display: block;
  color: inherit !important;
  font-size: inherit !important;
  line-height: 1 !important;
}

body.gh3-modal-open { overflow: hidden; }

/* 09. Tablet i desktop */
@media (min-width: 760px) {
  .gh3-lp { padding: 28px 24px 75px; }
  .gh3-lp .gh3-hero { grid-template-columns: minmax(0, 1.06fr) minmax(0, 0.94fr); padding: 38px; }
  .gh3-lp .gh3-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gh3-lp .gh3-warranty-banner,
  .gh3-lp .gh3-final { grid-template-columns: minmax(0, 1fr) auto; padding: 38px; }
  .gh3-lp .gh3-section { padding: 36px; }
}

@media (min-width: 1080px) {
  .gh3-lp .gh3-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .gh3-lp .gh3-hero { padding: 46px; }
}

/* 10. Mobile */
@media (max-width: 759px) {
  .gh3-lp .gh3-hero { padding: 21px 16px; }
  .gh3-lp .gh3-section { padding: 24px 17px; }
  .gh3-lp .gh3-form-card { padding: 18px 15px; }
  .gh3-lp a.gh3-btn { width: 100%; }
  .gh3-lp .gh3-modal-dialog { padding: 25px 16px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .gh3-lp a.gh3-btn { transition: none; }
}


/* ============================================================
   09. LP 3 V2 - UPROSZCZENIE KONWERSJI I HIERARCHII
   ============================================================ */

.gh3-lp .gh3-hero-copy {
  align-self: center;
}

.gh3-lp .gh3-hero-copy h1 {
  max-width: 680px;
  margin-bottom: 18px;
}

.gh3-lp .gh3-lead {
  max-width: 610px;
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 1.65;
}

.gh3-lp .gh3-facts {
  margin-top: 16px;
}

.gh3-lp .gh3-process {
  display: grid;
  gap: 18px;
  margin-top: 22px;
  padding: 27px 24px;
  border: 1px solid var(--gh3-border);
  border-radius: 20px;
  background: #fff;
}

.gh3-lp .gh3-process h2 {
  margin-bottom: 0;
  font-size: clamp(23px, 3vw, 30px);
}

.gh3-lp .gh3-process-grid {
  display: grid;
  gap: 12px;
}

.gh3-lp .gh3-process-grid > div {
  padding: 18px;
  border-radius: 14px;
  background: var(--gh3-light);
}

.gh3-lp .gh3-process-grid strong {
  display: block;
  margin-bottom: 7px;
  color: var(--gh3-blue);
  font-size: 17px;
}

.gh3-lp .gh3-process-grid p {
  margin-bottom: 0;
  font-size: 16px;
}

.gh3-lp .gh3-warranty-banner {
  margin-top: 24px;
  padding: 30px 26px;
  box-shadow: 0 18px 40px rgba(40, 48, 135, 0.18);
}

.gh3-lp .gh3-warranty-banner .gh3-btn {
  justify-self: start;
}

.gh3-lp .gh3-form-card {
  border-top: 4px solid var(--gh3-red);
}

@media (min-width: 760px) {
  .gh3-lp .gh3-process-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 759px) {
  .gh3-lp .gh3-warranty-banner .gh3-btn {
    width: 100%;
  }
}
/* ============================================================
   11. FORMULARZ ELEMENTOR - ODSTEPY I SZEROKOSC
   LP 3 / formularz w HERO oraz popupie
   ============================================================ */

/* Usuń zewnętrzny padding i ograniczenia szerokości szablonu. */
.gh3-lp .gh3-elementor-form,
.gh3-lp .gh3-elementor-form > .elementor,
.gh3-lp .gh3-elementor-form .elementor-section,
.gh3-lp .gh3-elementor-form .elementor-container,
.gh3-lp .gh3-elementor-form .elementor-column,
.gh3-lp .gh3-elementor-form .elementor-widget-wrap,
.gh3-lp .gh3-elementor-form .elementor-widget,
.gh3-lp .gh3-elementor-form .elementor-widget-container,
.gh3-lp .gh3-elementor-form .e-con,
.gh3-lp .gh3-elementor-form .e-con-inner,
.gh3-lp .gh3-elementor-form .elementor-form {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Usuń dekoracyjne tło pochodzące z szablonu Elementor. */
.gh3-lp .gh3-elementor-form .elementor-background-overlay {
  display: none !important;
}

/* Formularz ma wypełniać przestrzeń karty/popupu. */
.gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gh3-lp .gh3-elementor-form .elementor-field-group,
.gh3-lp .gh3-elementor-form .elementor-column.elementor-field-group,
.gh3-lp .gh3-elementor-form .elementor-field-type-submit,
.gh3-lp .gh3-elementor-form .elementor-field-type-acceptance {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gh3-lp .gh3-elementor-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.gh3-lp .gh3-elementor-form textarea,
.gh3-lp .gh3-elementor-form select {
  display: block;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  font-size: 16px !important;
}

.gh3-lp .gh3-elementor-form textarea {
  min-height: 105px !important;
}

.gh3-lp .gh3-elementor-form .elementor-field-type-acceptance .elementor-field-option {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  width: 100%;
  margin: 0;
}

.gh3-lp .gh3-elementor-form .elementor-field-type-acceptance label {
  font-size: 16px !important;
  line-height: 1.5;
}

.gh3-lp .gh3-elementor-form .elementor-button,
.gh3-lp .gh3-elementor-form button[type="submit"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 13px 18px !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Jednolite marginesy białej karty i okna popup. */
.gh3-lp .gh3-form-card {
  padding: 24px !important;
}

.gh3-lp .gh3-form-card > p,
.gh3-lp .gh3-modal-dialog > p {
  margin-bottom: 16px;
}

.gh3-lp .gh3-form-note {
  margin-top: 16px;
}

.gh3-lp .gh3-modal-dialog {
  padding: 28px !important;
}

.gh3-lp .gh3-modal-dialog h2 {
  margin: 0 56px 8px 0;
}

.gh3-lp .gh3-modal-form-target {
  width: 100%;
  margin: 18px 0 0;
}

/* Mały ekran: mniejsze obramowanie zewnętrzne, szerokie pola. */
@media (max-width: 759px) {
  .gh3-lp .gh3-form-card {
    padding: 18px !important;
  }

  .gh3-lp .gh3-modal-dialog {
    padding: 24px 18px 18px !important;
  }

  .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper {
    gap: 12px !important;
  }
}


/* ============================================================
   LP3 2026-10-10: zwarty HERO i formularz, układ responsywny
   ============================================================ */
.gh3-lp .gh3-hero { align-items: start; }
.gh3-lp .gh3-hero-copy { align-self: start; }
.gh3-lp .gh3-hero-copy h1 {
  font-size: clamp(30px, 3.4vw, 45px);
  line-height: 1.12;
  max-width: 720px;
  margin-bottom: 13px;
}
.gh3-lp .gh3-lead { font-size: 16px; line-height: 1.55; margin-bottom: 17px; }
.gh3-lp .gh3-form-card { padding: 18px; }
.gh3-lp .gh3-form-card h2 { font-size: 24px; line-height: 1.2; margin-bottom: 7px; }
.gh3-lp .gh3-form-card > p:not(.gh3-form-note) {
  font-size: 15px; line-height: 1.45; margin-bottom: 10px;
}
.gh3-lp .gh3-form-card .gh3-eyebrow { margin-bottom: 6px; }
.gh3-lp .gh3-form-note { margin-top: 10px; padding: 9px 11px; font-size: 13px; }
/* Nie zmieniaj szerokosci pól w ustawieniach Elementora: układ kontroluje tylko ten LP. */
.gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper {
  display: grid !important;
  grid-template-columns: minmax(0,1fr) !important;
  gap: 9px !important;
}
.gh3-lp .gh3-elementor-form .elementor-field-group {
  min-width: 0 !important;
}
.gh3-lp .gh3-elementor-form input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.gh3-lp .gh3-elementor-form textarea {
  min-width: 0 !important;
  padding: 10px 12px !important;
  font-size: 16px !important;
}
.gh3-lp .gh3-elementor-form textarea {
  min-height: 78px !important;
  height: 92px;
  resize: vertical;
}
.gh3-lp .gh3-elementor-form .elementor-field-type-acceptance label {
  font-size: 13px !important;
  line-height: 1.4 !important;
}
/* 3 pola kontaktowe w rzędzie dopiero przy dostatecznej szerokości karty. */
@media (min-width: 1100px) {
  .gh3-lp .gh3-hero { grid-template-columns: minmax(0,1.04fr) minmax(0,.96fr); gap: 25px; padding: 32px; }
  .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper {
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
  }
  .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(-n+3) {
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(n+4) {
    grid-column: 1 / -1 !important;
  }
  .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(3) input {
    padding-left: 9px !important;
    padding-right: 7px !important;
    font-size: 15px !important;
  }
}
@media (max-width: 1099px) {
 .gh3-lp .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group {
   grid-column: 1 / -1 !important;
 }
}
@media (max-width: 759px) {
  .gh3-lp .gh3-hero-copy h1 { font-size: clamp(30px,8vw,40px); }
  .gh3-lp .gh3-form-card { padding: 17px 14px; }
  .gh3-lp .gh3-elementor-form textarea { height: 100px; }
}

/* Jasnoniebieski blok formularza zgodny z wygladem strony. */
.gh3-lp .gh3-form-card > .gh3-form-slot {
  background: #e5eeff;
  padding: 16px;
  border-radius: 3px;
  min-width: 0;
}
@media (max-width: 759px) {
  .gh3-lp .gh3-form-card > .gh3-form-slot { padding: 13px; }
}

/* LP3: grafika poradnikowa 1000 x 428, poza HERO i formularzem. */
.gh3-lp .gh3-editorial-image {
  width: 100%;
  max-width: 1000px;
  margin: 26px auto 12px;
  padding: 0;
  overflow: hidden;
  border-radius: 16px;
}
.gh3-lp .gh3-editorial-image img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 428;
  object-fit: contain;
}
@media (max-width: 759px) {
  .gh3-lp .gh3-editorial-image { margin: 18px auto 8px; border-radius: 10px; }
}

/* LP3 v6: lista zadan, wyrazniejsze sekcje, czytelniejsza typografia */
.gh3-lp { font-size: 17px; line-height: 1.68; }
.gh3-lp p { font-size: 17px; line-height: 1.68; }
.gh3-lp .gh3-hero { background: linear-gradient(135deg,#eef3ff 0%,#fff 66%); border-color:#cfdbf4; }
.gh3-lp .gh3-hero-copy h1 { font-size:clamp(34px,3.7vw,52px); line-height:1.13; }
.gh3-lp .gh3-lead { font-size:19px; line-height:1.6; }
.gh3-lp .gh3-hero-emphasis { display:grid; gap:7px; background:#fff; border-left:5px solid #e81e23; border-radius:12px; padding:18px 21px; margin:17px 0; box-shadow:0 8px 30px rgba(27,41,107,.07); }
.gh3-lp .gh3-hero-emphasis strong { color:#283087; font-size:21px; line-height:1.35; }
.gh3-lp .gh3-hero-emphasis span { font-size:16px; line-height:1.5; }
.gh3-lp .gh3-hero-actions { display:flex; flex-wrap:wrap; gap:11px; align-items:center; }
.gh3-lp a.gh3-btn-secondary,.gh3-lp a.gh3-btn-secondary:visited { background:#fff; color:#283087 !important; border:2px solid #b6c7ef; }
.gh3-lp .gh3-form-card { border:2px solid #d5dff3; border-top:6px solid #e81e23; background:#fff; }
.gh3-lp .gh3-form-card > p:not(.gh3-form-note) { font-size:16px; line-height:1.6; }
.gh3-lp .gh3-warranty-banner { margin-top:20px; background:linear-gradient(125deg,#20296d,#283087); }
.gh3-lp .gh3-warranty-banner h2 { font-size:clamp(27px,3vw,38px); }
.gh3-lp .gh3-tasks { background:#edf3ff; border:1px solid #cfdcf5; padding:clamp(25px,3.4vw,46px); }
.gh3-lp .gh3-tasks h2 { font-size:clamp(30px,3.4vw,42px); }
.gh3-lp .gh3-tasks-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:23px; }
.gh3-lp .gh3-task { background:#fff; border:1px solid #d5e0f3; border-radius:18px; padding:24px; box-shadow:0 9px 24px rgba(22,34,92,.07); }
.gh3-lp .gh3-task-top { display:flex; gap:14px; align-items:flex-start; margin-bottom:12px; }
.gh3-lp .gh3-task-number { display:grid; place-items:center; flex:0 0 44px; height:44px; background:#283087; color:#fff; font-weight:800; font-size:20px; border-radius:13px; }
.gh3-lp .gh3-task h3 { font-size:23px; color:#283087; margin:2px 0 5px; }
.gh3-lp .gh3-task p { font-size:16px; }
.gh3-lp .gh3-task-time { color:#405278; margin-bottom:3px; }
.gh3-lp .gh3-task-note { background:#f2f5fc; border-left:3px solid #283087; border-radius:6px; padding:10px 12px; }
.gh3-lp .gh3-task-done { display:flex; align-items:center; gap:10px; color:#283087; font-weight:800; font-size:16px; margin:13px 0 0; cursor:pointer; }
.gh3-lp .gh3-task-done input { width:19px; height:19px; accent-color:#283087; }
.gh3-lp .gh3-task:has(.gh3-task-done input:checked) { background:#f2f7ff; border-color:#9bb2e5; }
.gh3-lp .gh3-task--warranty { border:2px solid #e81e23; background:#fff8f8; }
.gh3-lp .gh3-task--warranty .gh3-task-number { background:#e81e23; }
.gh3-lp .gh3-task--warranty .gh3-task-note { border-left-color:#e81e23; background:#fff; }
.gh3-lp .gh3-task--warranty .gh3-btn { margin-top:14px; }
.gh3-lp .gh3-legal-note { font-size:14px; color:#52627f; margin-top:20px; }
.gh3-lp .gh3-legal-note a { color:#283087; text-decoration:underline; }
.gh3-lp .gh3-why { background:#fff; border:1px solid #d4def0; padding:clamp(25px,3.2vw,42px); }
.gh3-lp .gh3-why .gh3-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.gh3-lp .gh3-why .gh3-tip { background:#f4f7ff; border-top:4px solid #283087; }
.gh3-lp .gh3-why .gh3-tip h3 { font-size:21px; }
.gh3-lp .gh3-info-strip { border-radius:15px; border-left:5px solid #e81e23; background:#eaf0ff; padding:18px 21px; margin-top:20px; font-size:17px; line-height:1.6; }
.gh3-lp .gh3-faq { background:#f4f7fe; }
.gh3-lp .gh3-faq-item { background:#fff; border-color:#cfdaed; }
.gh3-lp .gh3-faq-item summary { font-size:18px; padding:20px 58px 20px 21px; }
.gh3-lp .gh3-faq-answer p { font-size:17px; line-height:1.72; }
.gh3-lp .gh3-final { box-shadow:0 18px 45px rgba(31,37,95,.18); }
@media(max-width:900px){.gh3-lp .gh3-tasks-grid,.gh3-lp .gh3-why .gh3-grid{grid-template-columns:1fr;}}
@media(max-width:759px){.gh3-lp .gh3-hero-copy h1{font-size:clamp(31px,8vw,40px);} .gh3-lp .gh3-lead{font-size:17px;} .gh3-lp .gh3-hero-actions{display:grid;} .gh3-lp .gh3-tasks{padding:22px 16px;} .gh3-lp .gh3-task{padding:19px 16px;} .gh3-lp .gh3-task h3{font-size:20px;} .gh3-lp .gh3-task-top{gap:11px;} .gh3-lp .gh3-why{padding:22px 17px;} .gh3-lp .gh3-faq-item summary{font-size:17px;}}


/* ============================================================
   LP3 V8 – Gwarancja bez ograniczenia czasowego
   ============================================================ */
.gh3-lp .gh3-hero-copy h1 span {
  color: var(--gh3-blue);
}

.gh3-lp .gh3-warranty-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(270px, .8fr);
  gap: 24px;
  align-items: center;
  margin-top: 24px;
  padding: clamp(24px, 3vw, 38px);
  border: 1px solid #d5dff3;
  border-left: 6px solid var(--gh3-red);
  border-radius: 22px;
  background: linear-gradient(125deg, #f1f5ff, #fff 78%);
  box-shadow: var(--gh3-shadow);
}

.gh3-lp .gh3-warranty-intro h2 {
  font-size: clamp(27px, 3vw, 38px);
}

.gh3-lp .gh3-warranty-intro p {
  font-size: 17px;
  line-height: 1.7;
}

.gh3-lp .gh3-warranty-intro-aside {
  padding: 24px;
  border: 1px solid #cbd8f4;
  border-radius: 18px;
  background: #fff;
}

.gh3-lp .gh3-intro-icon {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 15px;
  border-radius: 14px;
  background: var(--gh3-blue);
  color: #fff;
  font-size: 24px;
  font-weight: 800;
}

.gh3-lp .gh3-warranty-intro-aside strong {
  display: block;
  color: var(--gh3-blue);
  font-size: 21px;
  line-height: 1.35;
}

.gh3-lp .gh3-warranty-intro-aside p {
  margin: 12px 0;
}

.gh3-lp .gh3-warranty-intro-aside small {
  display: block;
  color: #596781;
  font-size: 14px;
  line-height: 1.5;
}

.gh3-lp .gh3-answer {
  border: 1px solid #ccd9f2;
  background: #edf3ff;
}

.gh3-lp .gh3-answer p {
  font-size: 18px;
  line-height: 1.74;
}

.gh3-lp .gh3-situations {
  background: #f7f9ff;
}

.gh3-lp .gh3-situation-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0;
}

.gh3-lp .gh3-situation-tabs button {
  min-height: 49px;
  padding: 12px 17px;
  border: 1px solid #bbcae8;
  border-radius: 11px;
  background: #fff;
  color: var(--gh3-blue);
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
}

.gh3-lp .gh3-situation-tabs button.is-selected,
.gh3-lp .gh3-situation-tabs button[aria-pressed="true"] {
  border-color: var(--gh3-blue);
  background: var(--gh3-blue);
  color: #fff;
}

.gh3-lp .gh3-situation-tabs button:focus-visible {
  outline: 3px solid #98b6fb;
  outline-offset: 2px;
}

.gh3-lp .gh3-situation-result {
  padding: 23px 25px;
  border: 1px solid #d6e1f3;
  border-left: 5px solid var(--gh3-red);
  border-radius: 14px;
  background: #fff;
}

.gh3-lp .gh3-situation-result h3 {
  color: var(--gh3-blue);
  font-size: 23px;
}

.gh3-lp .gh3-situation-result p:last-child {
  margin-bottom: 0;
}

.gh3-lp .gh3-faq-item[open] {
  border-color: #acbfe6;
  box-shadow: 0 10px 26px rgba(40, 48, 135, .075);
}

.gh3-lp .gh3-faq-answer {
  padding: 0 22px 22px;
}

.gh3-lp .gh3-faq-answer p {
  font-size: 17px;
  line-height: 1.75;
}

.gh3-lp .gh3-faq-answer p + p {
  margin-top: 12px;
}

@media (max-width: 900px) {
  .gh3-lp .gh3-warranty-intro {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 759px) {
  .gh3-lp .gh3-warranty-intro {
    gap: 17px;
    padding: 22px 17px;
  }

  .gh3-lp .gh3-warranty-intro-aside {
    padding: 18px;
  }

  .gh3-lp .gh3-situation-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .gh3-lp .gh3-situation-tabs button {
    font-size: 14px;
  }

  .gh3-lp .gh3-situation-result {
    padding: 18px;
  }

  .gh3-lp .gh3-answer p {
    font-size: 16px;
  }
}


/* ===========================================================
   LP3 v9 | KOMPAKTOWY POPUP GWARANCJI
   Tylko modal; formularz w HERO pozostaje bez zmian.
   =========================================================== */
.gh3-lp .gh3-modal { padding: 12px !important; }
.gh3-lp .gh3-modal-dialog {
  width: min(920px, calc(100vw - 32px)) !important;
  max-width: 920px !important;
  max-height: calc(100dvh - 24px) !important;
  padding: 24px 30px 18px !important;
  border-radius: 22px;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.gh3-lp .gh3-modal-dialog h2 {
  margin: 0 54px 7px 0 !important;
  padding: 0 !important;
  font-size: clamp(25px, 2.7vw, 34px) !important;
  line-height: 1.12 !important;
}
.gh3-lp .gh3-modal-dialog > p:not(.gh3-form-note) {
  margin: 0 0 11px !important;
  max-width: 780px;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.gh3-lp .gh3-modal-dialog .gh3-modal-form-target {
  margin: 8px 0 0 !important;
  width: 100%;
}
/* Odstępy i siatka tylko dla formularza przeniesionego do popupu. */
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-form-fields-wrapper {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 9px 12px !important;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(-n+3) {
  grid-column: auto !important;
  width: 100% !important;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group:nth-child(n+4),
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-textarea,
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-acceptance,
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-submit {
  grid-column: 1 / -1 !important;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.gh3-lp .gh3-modal-dialog .gh3-elementor-form select {
  min-height: 43px !important;
  height: 43px !important;
  padding: 9px 12px !important;
  border-radius: 11px !important;
  font-size: 15px !important;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form textarea {
  height: 72px !important;
  min-height: 66px !important;
  max-height: 100px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  resize: vertical;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-acceptance label,
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-acceptance .elementor-field-option {
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-field-type-acceptance .elementor-field-option {
  gap: 7px;
}
.gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-button,
.gh3-lp .gh3-modal-dialog .gh3-elementor-form button[type=submit] {
  min-height: 46px !important;
  padding: 10px 16px !important;
  font-size: 15px !important;
}
.gh3-lp .gh3-modal-dialog .gh3-form-note {
  margin: 9px 0 0 !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.gh3-lp .gh3-modal-dialog .gh3-modal-close {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
}
/* Nie wymuszamy układu trzech kolumn na telefonie ani w wąskim oknie. */
@media (max-width: 690px) {
  .gh3-lp .gh3-modal { padding: 8px !important; }
  .gh3-lp .gh3-modal-dialog {
    width: calc(100vw - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    padding: 20px 15px 14px !important;
  }
  .gh3-lp .gh3-modal-dialog h2 { font-size: 24px !important; }
  .gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-form-fields-wrapper {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
  }
  .gh3-lp .gh3-modal-dialog .gh3-elementor-form .elementor-form-fields-wrapper > .elementor-field-group {
    grid-column: 1 / -1 !important;
  }
  .gh3-lp .gh3-modal-dialog .gh3-elementor-form textarea { height: 66px !important; }
}
@media (max-height: 700px) and (min-width: 691px) {
  .gh3-lp .gh3-modal-dialog { padding-top: 15px !important; padding-bottom: 12px !important; }
  .gh3-lp .gh3-modal-dialog h2 { font-size: 27px !important; }
  .gh3-lp .gh3-modal-dialog .gh3-elementor-form textarea { height: 60px !important; min-height: 60px !important; }
}/* End custom CSS */