.elementor-55070101 .elementor-element.elementor-element-2dffbee5 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-55070101 .elementor-element.elementor-element-2dffbee5 > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55070101 .elementor-element.elementor-element-6b2fff35 > .elementor-column-wrap > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial, .elementor-widget__width-calc):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-55070101 .elementor-element.elementor-element-6b2fff35 > .elementor-element-populated{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55070101 .elementor-element.elementor-element-69606849 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55070101 .elementor-element.elementor-element-4207257c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;}.elementor-55070101 .elementor-element.elementor-element-4207257c{width:100%;max-width:100%;}@media(max-width:767px){.elementor-55070101 .elementor-element.elementor-element-58084086 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-55070101 .elementor-element.elementor-element-58084086{width:100%;max-width:100%;}}/* Start custom CSS for text-editor, class: .elementor-element-58084086 */#cms section#wrapper, #cms section#content {padding: 0;}
#cms #main header.page-header,
#cms #main footer.page-footer {display: none !important;}
#cms #main .page-content.page-cms {margin-bottom: 0;}
#cms footer#footer {position: absolute;z-index: 1000;background: white;width: 100%;margin-bottom:0;}
#cms #left-image img {width: 50%;height: 100vh !important;position: fixed;z-index: 0;max-width: 1200px;margin: auto;object-fit: cover;}
@media screen and (max-width: 768px){#cms #main #left-image img {left: 0;height: 50vh !important;}}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b153a95 *//* =====================================================================
   INGLOT Landing Pages — Design System CSS  ·  UNIWERSALNY (trigger: ID)
   -----------------------------------------------------------------------
   WYMAGANE na wrapperze LP — tylko tyle:
       <div class="inglot-lp-design-system" id="inglot-lp"> … </div>
   • id="inglot-lp" → trigger CSS. W regułach użyty PODWÓJNIE
     (#inglot-lp#inglot-lp) = 2×ID, więc bije reguły motywu scope'owane po
     ID (#content p, a nawet #main #content p) — także z !important.
     Na jednej podstronie jest jedna LP → ID jest unikalne i poprawne.
   • klasa inglot-lp-design-system → hook semantyczny.
   ROZRÓŻNIENIE STRON — AUTOMATYCZNE, bez dopisywania klas:
   • CSS: reguły PRO celują w  #inglot-lp#inglot-lp:has(.form)  (formularz
     zgłoszeniowy jest tylko na stronie PRO). Klasa-wariant lp-pro/lp-bc
     działa jako fallback dla starszych przeglądarek bez :has().
   • JS (inglot-bc.js / inglot-pro.js): panel wykrywany po TREŚCI wrappera
     (.form ⇒ PRO), z fallbackiem na wariant klasy oraz stare ID.
   Utwardzone własności: KOLOR, INTERLINIA, ROZMIAR + RODZINA czcionki,
   layout (grid/flex), marginesy, przyciski, ikony, formularz.
   Layout poza scope: prefiks inglot-lp- (page/media) — bez triggera.
   ===================================================================== */

/* ── DESIGN TOKENS ─────────────────────────────────────────────────── */
:root {
  --ink:           #000000;
  --black:         #000000;
  --btn-hover:     #202020;
  --ink-soft:      #616161;
  --neutral:       #616161;
  --line:          #E5E5E5;
  --paper:         #FFFFFF;
  --grey:          #F0F0F0;
  --error:         #FF0000;
  --disabled:      #D9D9D9;
  --placeholder:   #ADADAD;

  --ds-display-font: "Suisse Int'l", "Helvetica Neue", Helvetica, Arial, sans-serif;

  /* Type scale (Figma) */
  --fs-display: clamp(30px, 3vw, 44px);
  --fs-h2:      22px;
  --fs-stat:    20px;
  --fs-lg:      14px;
  --fs-base:    13px;
  --fs-ui:      12px;
  --fs-label:   11px;
  --fs-tag:     10px;
  --fs-caption: 9px;

  /* Spacing — 8px grid */
  --sp-section: 64px;
  --sp-gutter:  88px;

  /* Form controls */
  --control-h:        50px;
  --control-pad:      20px;
  --check-size:       14px;
  --check-dot:        6px;
  --check-dot-offset: 4px;
}

/* ── RESET (scoped) ────────────────────────────────────────────────── */
#inglot-lp#inglot-lp,
#inglot-lp#inglot-lp *,
#inglot-lp#inglot-lp *::before,
#inglot-lp#inglot-lp *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  text-align: left;
  text-transform: none;
  text-decoration: none;
  list-style: none;
  vertical-align: baseline;
  box-shadow: none;
  text-shadow: none;
  outline: 0;
  white-space: normal;
}
#inglot-lp#inglot-lp img { display: block; max-width: 100%; }
#inglot-lp#inglot-lp svg { display: inline-block; vertical-align: middle; max-width: 100%; fill: currentColor; }
#inglot-lp#inglot-lp table { border-collapse: collapse; border-spacing: 0; }
#inglot-lp#inglot-lp input,
#inglot-lp#inglot-lp textarea,
#inglot-lp#inglot-lp select,
#inglot-lp#inglot-lp button { -webkit-appearance: none; appearance: none; border-radius: 0; }
#inglot-lp#inglot-lp b,
#inglot-lp#inglot-lp strong { font-weight: 500; }
#inglot-lp#inglot-lp i,
#inglot-lp#inglot-lp em { font-style: italic; }

/* ── BASE — trigger = prawa kolumna ───────────────────────────────── */
/* Tylko styl (typografia, kolor) — ŻADNEJ szerokości ani layoutu.
   Dzięki temu ten sam scope działa na 50%, 100% czy 150% — o szerokości
   decyduje layout, nie trigger. */
#inglot-lp#inglot-lp {
  background: var(--paper);
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--ink);
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
}

/* ══════════════════════════════════════════════════════════════════════
   LAYOUT — poza scopem, chronionych prefiksem inglot-lp-
   Nie wymagają triggera scope'u systemu (klasy wrappera)
   ══════════════════════════════════════════════════════════════════════ */
.inglot-lp-page { display: flex; min-height: 100vh; }

/* Lewa kolumna — sticky zdjęcie */
.inglot-lp-media {
  position: sticky; top: 0;
  width: 50%; height: 100vh;
  flex-shrink: 0; overflow: hidden;
  background: #E8E8E8;
}
.inglot-lp-media.pro { background: #ECEAE6; }

.inglot-lp-media img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: 50% 20%;
}
.inglot-lp-media.pro img { object-position: 50% 22%; }

/* Podpis zdjęcia (tylko PRO) */
.inglot-lp-media .media-cap {
  position: absolute; left: 0; bottom: 0; right: 0;
  display: flex; align-items: flex-end; justify-content: space-between; gap: 16px;
  padding: 22px 26px;
  background: linear-gradient(to top, rgba(0,0,0,0.42), transparent);
}
.inglot-lp-media .media-cap .m-brand {
  font: 500 var(--fs-tag)/1 "Poppins", sans-serif;
  letter-spacing: 0.28em; text-transform: uppercase; color: #fff;
}
.inglot-lp-media .media-cap .m-prod {
  font: 400 var(--fs-tag)/1.4 "Poppins", sans-serif;
  color: rgba(255,255,255,0.82); text-align: right;
}

/* Prawa kolumna w układzie split — szerokość TYLKO w kontekście layoutu.
   Poza .inglot-lp-page scope nie ma narzuconej szerokości. */
.inglot-lp-page > #inglot-lp#inglot-lp { width: 50%; min-width: 0; }

/* ══════════════════════════════════════════════════════════════════════
   NARZĘDZIA SEKCJI
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .sec { padding: 0 var(--sp-gutter); }
#inglot-lp#inglot-lp .sec-pad {
  padding-top: var(--sp-section);
  padding-bottom: var(--sp-section);
}

#inglot-lp#inglot-lp .eyebrow {
  font-size: var(--fs-label); font-weight: 500; text-transform: uppercase;
  color: var(--ink); display: flex; align-items: center; gap: 12px;
  margin-bottom: 20px; letter-spacing: 0.04em;
}
#inglot-lp#inglot-lp .eyebrow::before { content: ""; width: 30px; height: 1px; background: var(--ink); }

#inglot-lp#inglot-lp .sec-label {
  font-size: var(--fs-label); font-weight: 500; text-transform: uppercase;
  color: var(--ink-soft); margin-bottom: 18px; letter-spacing: 0.04em;
}
#inglot-lp#inglot-lp .sec-label.tight { margin-bottom: 12px; }
#inglot-lp#inglot-lp .sec-intro {
  font-size: var(--fs-lg); line-height: 1.6; color: var(--ink-soft);
  max-width: 36em; margin-bottom: 24px;
}
#inglot-lp#inglot-lp .lead { font-size: var(--fs-lg); line-height: 1.6; color: var(--ink-soft); }

/* ══════════════════════════════════════════════════════════════════════
   HERO
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .hero { padding-top: 72px; padding-bottom: var(--sp-section); }
#inglot-lp#inglot-lp .hero h1 {
  font-family: var(--ds-display-font); font-weight: 400; font-size: var(--fs-display);
  line-height: 1.1; margin-bottom: 18px; text-wrap: balance;
}
#inglot-lp#inglot-lp .hero .lead { max-width: 34em; margin-bottom: 24px; }
#inglot-lp#inglot-lp .hero-cta { display: flex; flex-direction: column; gap: 30px; align-items: flex-start; }

/* Kafelki korzyści */
#inglot-lp#inglot-lp .hero-gains {
  align-self: stretch; border-top: 1px solid var(--line);
  padding-top: 24px; display: flex; flex-direction: column; gap: 14px;
}
#inglot-lp#inglot-lp .hero-gains-label {
  font-size: var(--fs-label); font-weight: 500; text-transform: uppercase;
  color: var(--ink-soft); letter-spacing: 0.04em;
}
#inglot-lp#inglot-lp .gain-group { display: flex; flex-direction: column; gap: 10px; }
#inglot-lp#inglot-lp .gain-cat {
  font-size: var(--fs-label); font-weight: 500; letter-spacing: 0.02em; color: var(--ink);
  display: inline-flex; align-items: center; gap: 8px;
}
#inglot-lp#inglot-lp .gain-cat::before { content: ""; width: 14px; height: 1px; background: var(--ink); }
#inglot-lp#inglot-lp .hero-benefits { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; }
#inglot-lp#inglot-lp .hero-benefits li {
  display: inline-flex; align-items: center; padding: 5px 10px;
  border: 1px solid var(--ink-soft); background: transparent;
  font: 500 var(--fs-tag)/1.3 "Poppins", sans-serif; color: var(--ink-soft);
  white-space: nowrap;
}

/* ══════════════════════════════════════════════════════════════════════
   KOMPONENTY
   ══════════════════════════════════════════════════════════════════════ */

/* Tag */
#inglot-lp#inglot-lp .tag {
  display: inline-flex; align-items: center; height: 17px; padding: 0 6px;
  background: var(--black); color: #fff;
  font: 500 var(--fs-tag)/1 "Poppins", sans-serif;
  text-transform: uppercase; letter-spacing: normal; white-space: nowrap;
}

/* Przyciski */
#inglot-lp#inglot-lp .btn {
  display: inline-flex; align-items: center; justify-content: center;
  font: 500 var(--fs-ui)/1 "Poppins", sans-serif; letter-spacing: normal;
  height: 50px; padding: 0 40px;
  border: 1px solid var(--black); background: var(--black);
  color: #fff; text-decoration: none; cursor: pointer; transition: all 0.25s ease;
}
#inglot-lp#inglot-lp .btn:hover { background: var(--btn-hover); border-color: var(--btn-hover); }
#inglot-lp#inglot-lp .btn--block { width: 100%; }
#inglot-lp#inglot-lp .btn--ghost { background: transparent; color: var(--ink); }
#inglot-lp#inglot-lp .btn--ghost:hover { background: var(--ink); color: #fff; }

#inglot-lp#inglot-lp .link-btn {
  display: inline-flex; align-items: center;
  font: 500 var(--fs-ui)/1 "Poppins", sans-serif; color: var(--ink);
  text-decoration: none; border-bottom: 1px solid var(--ink); padding-bottom: 2px;
  transition: opacity 0.2s;
}
#inglot-lp#inglot-lp .link-btn:hover { opacity: 0.55; }

/* BUTTON ARMOR — jedyny komponent atakowany przez regułę hosta o
   specyficzności ID (#main #content a.btn). Tylko tutaj !important jest
   konieczny, by odzyskać wygląd przycisków na żywej stronie. */
#inglot-lp#inglot-lp .btn {
  background: var(--black) !important;
  color: #fff !important;
  border: 1px solid var(--black) !important;
  padding: 0 40px !important;
  font: 500 var(--fs-ui)/1 "Poppins", sans-serif !important;
  text-transform: none !important;
  text-decoration: none !important;
  width: auto !important;
}
#inglot-lp#inglot-lp .btn:hover {
  background: var(--btn-hover) !important;
  border-color: var(--btn-hover) !important;
}
#inglot-lp#inglot-lp .btn--block { width: 100% !important; }
#inglot-lp#inglot-lp .btn--ghost { background: transparent !important; color: var(--ink) !important; }
#inglot-lp#inglot-lp .btn--ghost:hover { background: var(--ink) !important; color: #fff !important; }
#inglot-lp#inglot-lp .join .btn,
#inglot-lp#inglot-lp .form-submit .btn { padding: 0 44px !important; }
#inglot-lp#inglot-lp .pro-cta .btn {
  background: #fff !important; color: #000 !important; border-color: #fff !important;
}
#inglot-lp#inglot-lp .pro-cta .btn:hover {
  background: rgba(255,255,255,0.84) !important; border-color: rgba(255,255,255,0.84) !important;
}

/* SVG ARMOR — motyw ustawia svg { fill } / svg { stroke }, co bije atrybuty
   inline (fill="#fff") oraz reguły klasowe. Wymusza nasze kolory ikon. */
#inglot-lp#inglot-lp .store svg { fill: #fff !important; }
#inglot-lp#inglot-lp .store { color: #fff !important; text-decoration: none !important; }
#inglot-lp#inglot-lp .store-txt small { font-size: var(--fs-label) !important; opacity: .78; }
#inglot-lp#inglot-lp .store-txt b { font-size: var(--fs-base) !important; font-weight: 500 !important; }
#inglot-lp#inglot-lp .pro-cta .btn svg,
#inglot-lp#inglot-lp .tier-cta svg { fill: currentColor !important; }
#inglot-lp#inglot-lp .ic-yes,
#inglot-lp#inglot-lp .ex-op svg,
#inglot-lp#inglot-lp .file-drop svg,
#inglot-lp#inglot-lp .doc svg,
#inglot-lp#inglot-lp .faq-a-inner .faq-link svg { fill: none !important; }
#inglot-lp#inglot-lp .ic-yes { display: inline-block !important; vertical-align: middle !important; }
#inglot-lp#inglot-lp .ic-yes,
#inglot-lp#inglot-lp .file-drop svg,
#inglot-lp#inglot-lp .doc svg { stroke: var(--ink) !important; }
#inglot-lp#inglot-lp .ex-op svg,
#inglot-lp#inglot-lp .faq-a-inner .faq-link svg { stroke: currentColor !important; }

/* HEADING ARMOR — motyw bywa scope'owany do #content/#main (specyficzność ID),
   więc nagłówki wymagają !important by zachować typografię DS. */
#inglot-lp#inglot-lp .hero h1 {
  font-family: var(--ds-display-font) !important; font-weight: 400 !important;
  font-size: var(--fs-display) !important; line-height: 1.1 !important;
  margin: 0 0 18px !important; color: var(--ink) !important; text-transform: none !important;
}
#inglot-lp#inglot-lp .join-title {
  font-weight: 500 !important; font-size: var(--fs-h2) !important;
  line-height: 1.28 !important; margin: 10px 0 14px !important; color: var(--ink) !important;
}
#inglot-lp#inglot-lp .app h2 {
  font-weight: 500 !important; font-size: var(--fs-h2) !important;
  margin: 0 0 12px !important; color: var(--ink) !important;
}
#inglot-lp#inglot-lp .faq h2 {
  font-weight: 500 !important; font-size: var(--fs-h2) !important;
  margin: 0 0 30px !important; color: var(--ink) !important;
}
#inglot-lp#inglot-lp .pro-cta h2 {
  font-family: var(--ds-display-font) !important; font-weight: 400 !important;
  font-size: clamp(24px, 2.4vw, 32px) !important; line-height: 1.15 !important;
  margin: 0 0 14px !important; color: #fff !important;
}

/* ══════════════════════════════════════════════════════════════════════
   THEME ARMOR — LISTY I ODSTĘPY
   Motyw (#content ul/ol/li/p/h*) ma specyficzność ID i bije nasze klasy:
   narzuca padding-left/bullety listom oraz marginesy → za duże odstępy.
   Zerujemy bazę na blokach (!important) i przywracamy wartości DS.
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp p,
#inglot-lp#inglot-lp h1, #inglot-lp#inglot-lp h2, #inglot-lp#inglot-lp h3,
#inglot-lp#inglot-lp h4, #inglot-lp#inglot-lp h5, #inglot-lp#inglot-lp h6,
#inglot-lp#inglot-lp ul, #inglot-lp#inglot-lp ol, #inglot-lp#inglot-lp li,
#inglot-lp#inglot-lp figure, #inglot-lp#inglot-lp blockquote,
#inglot-lp#inglot-lp dl, #inglot-lp#inglot-lp dd,
#inglot-lp#inglot-lp table, #inglot-lp#inglot-lp hr,
#inglot-lp#inglot-lp fieldset { margin: 0 !important; }
#inglot-lp#inglot-lp ul,
#inglot-lp#inglot-lp ol { padding: 0 !important; list-style: none !important; }
#inglot-lp#inglot-lp li { list-style: none !important; }

/* Przywrócone odstępy DS (wymuszone, by przebić #content) */
#inglot-lp#inglot-lp .eyebrow { margin-bottom: 20px !important; }
#inglot-lp#inglot-lp .sec-label { margin-bottom: 18px !important; }
#inglot-lp#inglot-lp .sec-label.tight { margin-bottom: 12px !important; }
#inglot-lp#inglot-lp .sec-intro { margin-bottom: 24px !important; }
#inglot-lp#inglot-lp .sec-intro--note { margin: 24px 0 0 !important; }
#inglot-lp#inglot-lp .hero .lead { margin-bottom: 24px !important; }
#inglot-lp#inglot-lp .join-sub { margin-bottom: 28px !important; }
#inglot-lp#inglot-lp .login-note { margin-top: 20px !important; }
#inglot-lp#inglot-lp .rodo { margin-top: 22px !important; }
#inglot-lp#inglot-lp .form-status { margin-top: 18px !important; }
#inglot-lp#inglot-lp .app > p { margin-bottom: 30px !important; }
#inglot-lp#inglot-lp .app ul { margin-bottom: 34px !important; }
#inglot-lp#inglot-lp .app-cta { margin-top: 34px !important; }
#inglot-lp#inglot-lp .example { margin-top: 24px !important; }
#inglot-lp#inglot-lp .cmp-foot,
#inglot-lp#inglot-lp .perk-foot,
#inglot-lp#inglot-lp .who-foot { margin-top: 22px !important; }
#inglot-lp#inglot-lp .steps-note { margin-top: 24px !important; }
#inglot-lp#inglot-lp .tier .t-name { margin-bottom: 16px !important; }
#inglot-lp#inglot-lp .tier .t-desc { margin-top: 12px !important; }
#inglot-lp#inglot-lp .benefits .b-text strong { margin-bottom: 5px !important; }
#inglot-lp#inglot-lp .steps .s-text strong { margin-bottom: 4px !important; }

/* Paddingi pozycji list (wymuszone, by przebić #content li) */
#inglot-lp#inglot-lp .hero-benefits li { padding: 5px 10px !important; }
#inglot-lp#inglot-lp .benefits li { padding: 20px 0 !important; }
#inglot-lp#inglot-lp .steps li { padding: 20px 0 !important; }
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .steps li { padding: 22px 0 !important; }
#inglot-lp#inglot-lp .app li { padding: 0 !important; }
#inglot-lp#inglot-lp .who li { padding: 18px 0 !important; }
#inglot-lp#inglot-lp .who li:nth-child(odd) { padding-right: 24px !important; }
#inglot-lp#inglot-lp .who li:nth-child(even) { padding-left: 28px !important; }

/* ══════════════════════════════════════════════════════════════════════
   LINK ARMOR — motyw (#content a) narzuca kolor i podkreślenie linkom
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp a { color: inherit !important; text-decoration: none !important; }
#inglot-lp#inglot-lp .login-note a,
#inglot-lp#inglot-lp .steps .s-text a,
#inglot-lp#inglot-lp .ds-check a { color: var(--ink) !important; text-decoration: underline !important; }
#inglot-lp#inglot-lp .link-btn,
#inglot-lp#inglot-lp .doc,
#inglot-lp#inglot-lp .faq-a-inner .faq-link { color: var(--ink) !important; }

/* ══════════════════════════════════════════════════════════════════════
   FORM ARMOR — PrestaShop/Bootstrap ma silne style na .form-control / input /
   label / checkbox (kolizja nazwy klasy .form-control z Bootstrapem!).
   Lustrzane odbicie wartości DS z !important — utwardza box-model i typografię,
   zachowując floating-label (oba stany: spoczynkowy 12px i uniesiony 9px)
   oraz stany walidacji. Wartości MUSZĄ odpowiadać bazowym regułom niżej.
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .form-control {
  font-family: "Poppins", sans-serif !important; font-size: var(--fs-ui) !important;
  color: var(--neutral) !important; line-height: normal !important;
  width: 100% !important; height: var(--control-h) !important; padding: 0 var(--control-pad) !important;
  border: 1px solid var(--line) !important; border-radius: 0 !important;
  background: #fff !important; box-shadow: none !important; outline: none !important;
  -webkit-appearance: none !important; appearance: none !important;
  transition: padding 0.12s ease !important;
}
#inglot-lp#inglot-lp .form-floating > .form-control:not(:placeholder-shown),
#inglot-lp#inglot-lp .form-floating > .form-control:focus { padding-top: 15px !important; }
#inglot-lp#inglot-lp .form-control:focus { border-color: #000 !important; color: #000 !important; box-shadow: none !important; outline: none !important; }
#inglot-lp#inglot-lp .form-floating.invalid .form-control,
#inglot-lp#inglot-lp .form-row.invalid .form-control { border-color: var(--error) !important; color: var(--error) !important; }

/* Floating label — utwardzony w obu stanach */
#inglot-lp#inglot-lp .form-floating > label {
  position: absolute !important; top: 0 !important; left: 0 !important; height: 100% !important;
  margin: 0 !important; padding: 0 var(--control-pad) !important;
  display: flex !important; align-items: center !important;
  font-family: "Poppins", sans-serif !important; font-size: var(--fs-ui) !important;
  color: var(--neutral) !important; pointer-events: none !important; transform: none !important;
}
#inglot-lp#inglot-lp .form-floating > .form-control:not(:placeholder-shown) ~ label,
#inglot-lp#inglot-lp .form-floating > .form-control:focus ~ label {
  font-size: 9px !important; align-items: flex-start !important; padding-top: 8px !important;
}

/* Checkbox zgód — neutralizacja natywnego inputa + box DS */
#inglot-lp#inglot-lp .ds-check input { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; }
#inglot-lp#inglot-lp .ds-check .box {
  width: var(--check-size) !important; height: var(--check-size) !important;
  border: 0 !important; border-radius: 0 !important; background: var(--line) !important; flex-shrink: 0 !important;
}
#inglot-lp#inglot-lp .file-drop { border-radius: 0 !important; }

/* ══════════════════════════════════════════════════════════════════════
   BOX ARMOR — bordered boksy (upload, dokumenty, lista „dla kogo") + drobne
   elementy tekstowe, które motyw przemalowuje (ramki, tła, kolory, gwiazdki).
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .file-drop { border: 1px solid var(--line) !important; background: #fff !important; }
#inglot-lp#inglot-lp .file-field.invalid .file-drop { border-color: var(--error) !important; }
#inglot-lp#inglot-lp .file-drop .fd-text b { color: var(--ink) !important; }
#inglot-lp#inglot-lp .file-drop .fd-text span { color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .file-names { color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .file-names span { color: var(--ink) !important; }
#inglot-lp#inglot-lp .doc { background: var(--paper) !important; border: 1px solid var(--line) !important; }
#inglot-lp#inglot-lp .doc .d-text b { color: var(--ink) !important; }
#inglot-lp#inglot-lp .doc .d-text span { color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .who ul { border-top: 1px solid var(--line) !important; }
#inglot-lp#inglot-lp .who li { border-bottom: 1px solid var(--line) !important; }
#inglot-lp#inglot-lp .who li:nth-child(even) { border-left: 1px solid var(--line) !important; }
#inglot-lp#inglot-lp .who li .w-mk { color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .req { color: var(--ink) !important; }
#inglot-lp#inglot-lp .field-msg { color: var(--error) !important; }
#inglot-lp#inglot-lp .form-status.ok { background: var(--grey) !important; color: var(--ink) !important; border-left: 2px solid var(--ink) !important; }

/* ══════════════════════════════════════════════════════════════════════
   TIER ARMOR — duże „−20%" (display font) i kafelki Classic/PRO. Motyw
   atakuje tła, ramki, kolory i typografię nagłówkopodobnych .t-rate.
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .tier {
  display: flex !important; flex-direction: column !important;
  background: var(--paper) !important; border: 1px solid var(--line) !important;
  padding: 28px 30px !important; min-width: 0 !important; box-sizing: border-box !important;
}
/* Klikalny kafelek (Konto Beauty Club) jest teraz <div> (.tier-clickable) —
   dziedziczy display:flex z reguły .tier powyżej, więc jest ODPORNY na
   motywowe a{display:inline/contents}. Link żyje tylko w .tier-cta. */
#inglot-lp#inglot-lp .tier-cta { color: var(--ink) !important; text-decoration: none !important; }
#inglot-lp#inglot-lp .tier.pro { background: var(--black) !important; border-color: var(--black) !important; color: #fff !important; }
#inglot-lp#inglot-lp .tier .t-name { font-size: var(--fs-label) !important; font-weight: 500 !important; color: var(--ink-soft) !important; text-transform: uppercase !important; }
#inglot-lp#inglot-lp .tier.pro .t-name { color: rgba(255,255,255,0.65) !important; }
#inglot-lp#inglot-lp .tier .t-rate { font-size: var(--fs-stat) !important; font-weight: 500 !important; color: var(--ink) !important; }
#inglot-lp#inglot-lp .tier.pro .t-rate { color: #fff !important; }
#inglot-lp#inglot-lp .tier .t-rate small { font-size: var(--fs-base) !important; font-weight: 400 !important; color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .tier.pro .t-rate small { color: rgba(255,255,255,0.6) !important; }
#inglot-lp#inglot-lp .tier .t-desc { font-size: var(--fs-base) !important; color: var(--ink-soft) !important; }
#inglot-lp#inglot-lp .tier.pro .t-desc { color: rgba(255,255,255,0.62) !important; }
/* Duże „−20%" tylko na stronie PRO */
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .tier.pro .t-rate {
  font-family: var(--ds-display-font) !important; font-weight: 400 !important;
  font-size: clamp(40px, 4.4vw, 54px) !important; line-height: 0.95 !important;
  letter-spacing: -0.03em !important; color: #fff !important; text-transform: none !important;
}
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .tier.pro .t-rate small { font-family: "Poppins", sans-serif !important; font-size: var(--fs-base) !important; letter-spacing: normal !important; }

/* Plakietki sklepów */
#inglot-lp#inglot-lp .stores { display: flex; gap: 12px; flex-wrap: wrap; }
#inglot-lp#inglot-lp .store {
  display: inline-flex; align-items: center; gap: 11px;
  background: var(--black); color: #fff; text-decoration: none;
  padding: 11px 20px 11px 17px; transition: opacity 0.2s;
}
#inglot-lp#inglot-lp .store:hover { opacity: 0.82; }
#inglot-lp#inglot-lp .store svg { width: 22px; height: 22px; flex-shrink: 0; }
#inglot-lp#inglot-lp .store-txt { display: flex; flex-direction: column; line-height: 1.15; }
#inglot-lp#inglot-lp .store-txt small { font-size: var(--fs-label); opacity: 0.78; }
#inglot-lp#inglot-lp .store-txt b { font-size: var(--fs-base); font-weight: 500; }

/* ══════════════════════════════════════════════════════════════════════
   TIERS (wspólne — poziomy BC + karty PRO)
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .tiers-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#inglot-lp#inglot-lp .tier {
  border: 1px solid var(--line); padding: 28px 30px;
  background: var(--paper); display: flex; flex-direction: column;
}
#inglot-lp#inglot-lp .tier.pro { background: var(--black); border-color: var(--black); color: #fff; }
#inglot-lp#inglot-lp .tier .t-name {
  font-size: var(--fs-label); font-weight: 500; text-transform: uppercase;
  margin-bottom: 16px; color: var(--ink-soft); letter-spacing: 0.04em;
}
#inglot-lp#inglot-lp .tier.pro .t-name { color: rgba(255,255,255,0.65); }
#inglot-lp#inglot-lp .tier .t-rate { font-size: var(--fs-stat); font-weight: 500; }
#inglot-lp#inglot-lp .tier .t-rate small { font-size: var(--fs-base); font-weight: 400; color: var(--ink-soft); }
#inglot-lp#inglot-lp .tier.pro .t-rate small { color: rgba(255,255,255,0.6); }
#inglot-lp#inglot-lp .tier .t-desc { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 12px; line-height: 1.5; }
#inglot-lp#inglot-lp .tier.pro .t-desc { color: rgba(255,255,255,0.62); }

/* Duże liczby tylko na stronie PRO */
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .tier.pro .t-rate {
  font-family: var(--ds-display-font); font-weight: 400;
  font-size: clamp(40px, 4.4vw, 54px); line-height: 0.95; letter-spacing: -0.03em;
}
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .tier.pro .t-rate small { font-family: "Poppins", sans-serif; }

/* Klikalny kafelek (PRO → Beauty Club) — <div> + stretched-link w .tier-cta.
   Cała karta klikalna przez ::after rozpięty na .tier-clickable. */
#inglot-lp#inglot-lp .tier-clickable { position: relative; cursor: pointer; transition: border-color 0.2s; }
#inglot-lp#inglot-lp .tier-clickable:hover { border-color: var(--ink); }
#inglot-lp#inglot-lp .tier-cta {
  margin-top: auto; padding-top: 20px;
  display: inline-flex; align-items: center; gap: 8px;
  font-size: var(--fs-ui); font-weight: 500; color: var(--ink);
  text-decoration: none; position: relative; z-index: 1;
}
#inglot-lp#inglot-lp .tier-clickable .tier-cta::after { content: ""; position: absolute; inset: 0; z-index: 1; }
#inglot-lp#inglot-lp .tier-cta svg { width: 11px; height: 11px; fill: currentColor; transition: transform 0.2s ease; }
#inglot-lp#inglot-lp .tier-clickable:hover .tier-cta svg { transform: translateX(4px); }

/* ══════════════════════════════════════════════════════════════════════
   BEAUTY CLUB — sekcje specyficzne
   ══════════════════════════════════════════════════════════════════════ */

#inglot-lp#inglot-lp .rewards { background: var(--grey); }

/* Kupony */
#inglot-lp#inglot-lp .coupons { display: flex; gap: 14px; flex-wrap: wrap; }
#inglot-lp#inglot-lp .coupon {
  flex: 1; min-width: 150px;
  border: 1px solid var(--line); background: var(--paper); padding: 18px 20px;
}
#inglot-lp#inglot-lp .coupon b { display: block; font-size: var(--fs-stat); font-weight: 500; }
#inglot-lp#inglot-lp .coupon span { font-size: var(--fs-base); color: var(--ink-soft); }

/* Przykład naliczania */
#inglot-lp#inglot-lp .example {
  margin-top: 24px; background: var(--paper); border: 1px solid var(--line);
  padding: 24px 28px; display: flex; align-items: center; gap: 14px; flex-wrap: wrap;
}
#inglot-lp#inglot-lp .example .ex-label {
  font-size: var(--fs-label); font-weight: 500; text-transform: uppercase;
  color: var(--ink-soft); width: 100%; margin-bottom: 4px; letter-spacing: 0.04em;
}
#inglot-lp#inglot-lp .ex-node { display: flex; flex-direction: column; }
#inglot-lp#inglot-lp .ex-node b { font-size: var(--fs-stat); font-weight: 500; }
#inglot-lp#inglot-lp .ex-node span { font-size: var(--fs-base); color: var(--ink-soft); }
#inglot-lp#inglot-lp .ex-op { color: #9D9D9D; }
#inglot-lp#inglot-lp .ex-op svg { width: 22px; height: 22px; stroke: currentColor; fill: none; stroke-width: 1.4; }

/* CTA aplikacji */
#inglot-lp#inglot-lp .app-cta {
  margin-top: 34px; padding-top: 26px; border-top: 1px solid var(--line);
  display: flex; align-items: center; justify-content: space-between; gap: 14px 24px; flex-wrap: wrap;
}
#inglot-lp#inglot-lp .app-cta .cta-label { flex: 1 1 220px; }
#inglot-lp#inglot-lp .cta-label { font-size: var(--fs-base); color: var(--ink-soft); }

/* Numerowane korzyści */
#inglot-lp#inglot-lp .benefits ol { list-style: none; border-top: 1px solid var(--line); }
#inglot-lp#inglot-lp .benefits li {
  display: flex; align-items: baseline; gap: 24px;
  padding: 20px 0; border-bottom: 1px solid var(--line);
}
#inglot-lp#inglot-lp .benefits .num { font-size: var(--fs-base); font-weight: 500; min-width: 26px; }
#inglot-lp#inglot-lp .benefits .b-text strong { display: block; font-weight: 500; font-size: var(--fs-lg); margin-bottom: 5px; }
#inglot-lp#inglot-lp .benefits .b-text span { font-size: var(--fs-base); color: var(--ink-soft); line-height: 1.55; }

/* Sekcja dołącz */
#inglot-lp#inglot-lp .join { background: var(--grey); }
#inglot-lp#inglot-lp .join-min { max-width: 32em; }
#inglot-lp#inglot-lp .join-title { font-weight: 500; font-size: var(--fs-h2); line-height: 1.28; margin: 10px 0 14px; text-wrap: balance; }
#inglot-lp#inglot-lp .join-sub { font-size: var(--fs-base); color: var(--ink-soft); line-height: 1.55; margin-bottom: 28px; max-width: 30em; }
#inglot-lp#inglot-lp .join .btn { padding: 0 44px; }
#inglot-lp#inglot-lp .join .login-note { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 20px; }
#inglot-lp#inglot-lp .join .login-note a { color: var(--ink); text-decoration: underline; }

/* Aplikacja */
#inglot-lp#inglot-lp .app { background: var(--paper); }
#inglot-lp#inglot-lp .app h2 { font-size: var(--fs-h2); font-weight: 500; margin-bottom: 12px; }
#inglot-lp#inglot-lp .app > p { font-size: var(--fs-lg); color: var(--ink-soft); line-height: 1.6; max-width: 38em; margin-bottom: 30px; }
#inglot-lp#inglot-lp .app ul { list-style: none; display: grid; gap: 14px; margin-bottom: 34px; max-width: 40em; }
#inglot-lp#inglot-lp .app li { display: flex; gap: 14px; align-items: baseline; font-size: var(--fs-lg); }
#inglot-lp#inglot-lp .app li::before {
  content: ""; width: 7px; height: 7px; border-radius: 50%;
  background: var(--ink); flex-shrink: 0; transform: translateY(-2px);
}

/* Tabela porównania */
#inglot-lp#inglot-lp .cmp { width: 100%; border-collapse: collapse; }
#inglot-lp#inglot-lp .cmp th,
#inglot-lp#inglot-lp .cmp td { padding: 16px 14px; text-align: center; vertical-align: middle; }
#inglot-lp#inglot-lp .cmp thead th { padding: 0 14px 14px; border-bottom: 1px solid var(--ink); vertical-align: bottom; }
#inglot-lp#inglot-lp .cmp .lvl { font-size: var(--fs-label); font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; color: var(--ink-soft); }
#inglot-lp#inglot-lp .cmp .lvl-pro { display: inline-block; background: var(--black); color: #fff; padding: 4px 13px; letter-spacing: 0.06em; }
#inglot-lp#inglot-lp .cmp tbody th { text-align: left; font-weight: 400; font-size: var(--fs-base); color: var(--ink); padding-left: 0; line-height: 1.4; }
#inglot-lp#inglot-lp .cmp tbody td { font-size: var(--fs-base); color: var(--ink-soft); width: 104px; border-bottom: 1px solid var(--line); }
#inglot-lp#inglot-lp .cmp tbody th { border-bottom: 1px solid var(--line); }
#inglot-lp#inglot-lp .cmp tbody td.cmp-pro { background: var(--grey); color: var(--ink); font-weight: 500; }
#inglot-lp#inglot-lp .cmp tbody tr:last-child th,
#inglot-lp#inglot-lp .cmp tbody tr:last-child td { border-bottom: none; }
#inglot-lp#inglot-lp .ic-yes { width: 15px; height: 15px; stroke: var(--ink); fill: none; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; shape-rendering: geometricPrecision; vertical-align: middle; }
#inglot-lp#inglot-lp .cmp-no { display: inline-block; width: 12px; height: 1.5px; background: #D9D9D9; vertical-align: middle; }
#inglot-lp#inglot-lp .cmp-foot { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 22px; line-height: 1.55; }
#inglot-lp#inglot-lp .cmp-foot b { color: var(--ink); font-weight: 500; }

/* Cross-link CTA (Beauty Club → PRO) */
#inglot-lp#inglot-lp .pro-cta { background: var(--black); color: #fff; }
#inglot-lp#inglot-lp .pro-cta-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
#inglot-lp#inglot-lp .pro-cta-text { max-width: 40em; }
#inglot-lp#inglot-lp .pro-cta .sec-label { color: rgba(255,255,255,0.55); }
#inglot-lp#inglot-lp .pro-cta h2 {
  font-family: var(--ds-display-font); font-weight: 400; font-size: clamp(24px, 2.4vw, 32px);
  line-height: 1.15; color: #fff; margin-bottom: 14px; text-wrap: balance;
}
#inglot-lp#inglot-lp .pro-cta p { font-size: var(--fs-lg); line-height: 1.6; color: rgba(255,255,255,0.72); }
#inglot-lp#inglot-lp .pro-cta .btn { background: #fff; color: #000; border-color: #fff; white-space: nowrap; gap: 10px; }
#inglot-lp#inglot-lp .pro-cta .btn:hover { background: rgba(255,255,255,0.84); border-color: rgba(255,255,255,0.84); }
#inglot-lp#inglot-lp .pro-cta .btn svg { width: 11px; height: 11px; fill: currentColor; }

/* ══════════════════════════════════════════════════════════════════════
   KROKI (wspólna struktura, szare tło tylko na stronie PRO)
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .steps { background: var(--grey); }

#inglot-lp#inglot-lp .steps ol { list-style: none; }
#inglot-lp#inglot-lp .steps li {
  display: flex; gap: 22px; align-items: baseline;
  padding: 20px 0; border-bottom: 1px solid var(--line);
}
#inglot-lp#inglot-lp:is(.lp-pro, :has(.who, .perk)) .steps li { padding: 22px 0; }
#inglot-lp#inglot-lp .steps li:first-child { border-top: 1px solid var(--line); }
#inglot-lp#inglot-lp .steps .s-num { font-size: var(--fs-base); font-weight: 500; min-width: 26px; }
#inglot-lp#inglot-lp .steps .s-text strong { display: block; font-weight: 500; font-size: var(--fs-lg); margin-bottom: 4px; }
#inglot-lp#inglot-lp .steps .s-text span { font-size: var(--fs-base); color: var(--ink-soft); line-height: 1.55; }
#inglot-lp#inglot-lp .steps .s-text a { color: var(--ink); text-decoration: underline; }
#inglot-lp#inglot-lp .steps-note { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 24px; line-height: 1.55; }

/* ══════════════════════════════════════════════════════════════════════
   PRO MAKEUP ARTIST — sekcje specyficzne
   ══════════════════════════════════════════════════════════════════════ */

#inglot-lp#inglot-lp .perk-foot { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 22px; line-height: 1.55; }
#inglot-lp#inglot-lp .perk-foot b { color: var(--ink); font-weight: 500; }

/* Dla kogo */
#inglot-lp#inglot-lp .who ul {
  list-style: none; display: grid; grid-template-columns: 1fr 1fr;
  border-top: 1px solid var(--line);
}
#inglot-lp#inglot-lp .who li {
  display: flex; align-items: baseline; gap: 14px;
  padding: 18px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-lg);
}
#inglot-lp#inglot-lp .who li:nth-child(odd) { padding-right: 24px; }
#inglot-lp#inglot-lp .who li:nth-child(even) { padding-left: 28px; border-left: 1px solid var(--line); }
#inglot-lp#inglot-lp .who li .w-mk { font-size: var(--fs-ui); font-weight: 500; color: var(--ink-soft); min-width: 22px; }
#inglot-lp#inglot-lp .who-foot { font-size: var(--fs-base); color: var(--ink-soft); margin-top: 22px; line-height: 1.55; }
#inglot-lp#inglot-lp .who-foot b { color: var(--ink); font-weight: 500; }

/* Formularz */
#inglot-lp#inglot-lp .form { max-width: 34em; margin-top: 8px; }
#inglot-lp#inglot-lp .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0; position: relative; }
#inglot-lp#inglot-lp .form-floating { position: relative; }
#inglot-lp#inglot-lp .form-control {
  font-family: "Poppins", sans-serif; font-size: var(--fs-ui); color: var(--neutral);
  border: 1px solid var(--line); box-shadow: none; background: #fff; outline: none; width: 100%;
  height: var(--control-h); padding: 0 var(--control-pad); transition: padding 0.12s ease;
}
#inglot-lp#inglot-lp .form-floating > label {
  position: absolute; top: 0; left: 0; height: 100%; z-index: 3;
  display: flex; align-items: center;
  font-family: "Poppins", sans-serif; font-size: var(--fs-ui); color: var(--neutral);
  padding: 0 var(--control-pad); pointer-events: none;
  transition: transform 0.12s ease, font-size 0.12s ease, color 0.12s ease;
}
#inglot-lp#inglot-lp .form-floating > .form-control:not(:placeholder-shown),
#inglot-lp#inglot-lp .form-floating > .form-control:focus { padding-top: 15px; }
#inglot-lp#inglot-lp .form-floating > .form-control:not(:placeholder-shown) ~ label,
#inglot-lp#inglot-lp .form-floating > .form-control:focus ~ label {
  font-size: 9px; align-items: flex-start; padding-top: 8px; transform: none;
}
#inglot-lp#inglot-lp .form-floating > .form-control::placeholder { color: transparent; }
#inglot-lp#inglot-lp .form-floating > .form-control:focus::placeholder { color: var(--placeholder); }
#inglot-lp#inglot-lp .form-control:focus { border: 1px solid #000; color: #000; }
#inglot-lp#inglot-lp .req { color: var(--ink); }

#inglot-lp#inglot-lp .field-stack .form-floating { margin-top: -1px; }
#inglot-lp#inglot-lp .field-stack .form-floating:first-child { margin-top: 0; }
#inglot-lp#inglot-lp .field-stack .form-control:focus { position: relative; z-index: 2; }
#inglot-lp#inglot-lp .form-row .form-floating:nth-child(2) { margin-left: -1px; }

/* Upload plików */
#inglot-lp#inglot-lp .file-field { margin-top: -1px; }
#inglot-lp#inglot-lp .file-drop {
  border: 1px solid var(--line); background: #fff; padding: 20px var(--control-pad);
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  cursor: pointer; transition: border-color 0.2s, background 0.2s;
}
#inglot-lp#inglot-lp .file-drop:hover { border-color: var(--ink); background: var(--grey); }
#inglot-lp#inglot-lp .file-drop .fd-main { display: flex; align-items: center; gap: 14px; }
#inglot-lp#inglot-lp .file-drop svg { width: 20px; height: 20px; stroke: var(--ink); fill: none; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
#inglot-lp#inglot-lp .file-drop .fd-text b { display: block; font-size: var(--fs-ui); font-weight: 500; }
#inglot-lp#inglot-lp .file-drop .fd-text span { font-size: var(--fs-label); color: var(--ink-soft); }
#inglot-lp#inglot-lp .file-drop .fd-btn { font-size: var(--fs-ui); font-weight: 500; border-bottom: 1px solid var(--ink); padding-bottom: 2px; white-space: nowrap; }
#inglot-lp#inglot-lp .file-names { font-size: var(--fs-label); color: var(--ink-soft); margin-top: 8px; min-height: 16px; }
#inglot-lp#inglot-lp .file-names span { color: var(--ink); }

/* Checkboxy zgód */
#inglot-lp#inglot-lp .checks { margin-top: 24px; display: flex; flex-direction: column; gap: 16px; }
#inglot-lp#inglot-lp .ds-check { display: flex; align-items: flex-start; gap: 12px; cursor: pointer; font-size: var(--fs-base); line-height: 1.5; color: var(--ink-soft); }
#inglot-lp#inglot-lp .ds-check input { position: absolute; opacity: 0; width: 0; height: 0; }
#inglot-lp#inglot-lp .ds-check .box { width: var(--check-size); height: var(--check-size); background: var(--line); flex-shrink: 0; position: relative; margin-top: 1px; transition: background 0.15s; }
#inglot-lp#inglot-lp .ds-check input:checked ~ .box::after { content: ""; position: absolute; left: var(--check-dot-offset); top: var(--check-dot-offset); width: var(--check-dot); height: var(--check-dot); border-radius: 50%; background: var(--ink); }
#inglot-lp#inglot-lp .ds-check input:focus-visible ~ .box { outline: 1px solid var(--ink); outline-offset: 2px; }
#inglot-lp#inglot-lp .ds-check b { color: var(--ink); font-weight: 500; }
#inglot-lp#inglot-lp .ds-check a { color: var(--ink); text-decoration: underline; }

#inglot-lp#inglot-lp .form-submit { margin-top: 28px; }
#inglot-lp#inglot-lp .form-submit .btn { padding: 0 44px; }
#inglot-lp#inglot-lp .rodo { font-size: var(--fs-label); color: var(--ink-soft); line-height: 1.6; margin-top: 22px; max-width: 40em; }

/* Dokumenty */
#inglot-lp#inglot-lp .docs { background: var(--grey); }
#inglot-lp#inglot-lp .doc-list { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
#inglot-lp#inglot-lp .doc {
  display: flex; align-items: center; gap: 16px; background: var(--paper);
  border: 1px solid var(--line); padding: 20px 22px; text-decoration: none; color: var(--ink);
  transition: border-color 0.2s;
}
#inglot-lp#inglot-lp .doc:hover { border-color: var(--ink); }
#inglot-lp#inglot-lp .doc svg { width: 26px; height: 26px; stroke: var(--ink); fill: none; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; flex-shrink: 0; }
#inglot-lp#inglot-lp .doc .d-text { flex: 1; }
#inglot-lp#inglot-lp .doc .d-text b { display: block; font-size: var(--fs-base); font-weight: 500; }
#inglot-lp#inglot-lp .doc .d-text span { font-size: var(--fs-label); color: var(--ink-soft); }
#inglot-lp#inglot-lp .doc .d-arrow { font-size: var(--fs-ui); color: var(--ink-soft); }

/* ══════════════════════════════════════════════════════════════════════
   FAQ (obie strony)
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .faq h2 { font-size: var(--fs-h2); font-weight: 500; margin-bottom: 30px; }
#inglot-lp#inglot-lp .faq-list { border-top: 1px solid var(--line); }
#inglot-lp#inglot-lp .faq-item { border-bottom: 1px solid var(--line); }
#inglot-lp#inglot-lp .faq-q {
  width: 100%; text-align: left; background: none; border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 24px 0; font: 500 var(--fs-base)/1.35 "Poppins", sans-serif; color: var(--ink);
}
#inglot-lp#inglot-lp .faq-q .ic { position: relative; flex-shrink: 0; width: 14px; height: 14px; }
#inglot-lp#inglot-lp .faq-q .ic::before,
#inglot-lp#inglot-lp .faq-q .ic::after { content: ""; position: absolute; background: var(--ink); }
#inglot-lp#inglot-lp .faq-q .ic::before { left: 0; top: 50%; width: 14px; height: 1px; transform: translateY(-50%); }
#inglot-lp#inglot-lp .faq-q .ic::after { top: 0; left: 50%; width: 1px; height: 14px; transform: translateX(-50%); transition: transform 0.3s ease; }
#inglot-lp#inglot-lp .faq-item.open .faq-q .ic::after { transform: translateX(-50%) scaleY(0); }
#inglot-lp#inglot-lp .faq-a { overflow: hidden; max-height: 0; transition: max-height 0.35s ease; }
#inglot-lp#inglot-lp .faq-a-inner { padding: 0 44px 26px 0; font-size: var(--fs-base); line-height: 1.6; color: var(--ink-soft); }
#inglot-lp#inglot-lp .faq-a-inner b { color: var(--ink); font-weight: 500; }
#inglot-lp#inglot-lp .faq-a-inner .faq-link {
  display: flex; width: fit-content; align-items: center; gap: 8px; margin-top: 16px;
  font-size: var(--fs-base); font-weight: 500; color: var(--ink);
  text-decoration: none; border-bottom: 1px solid var(--ink); padding-bottom: 3px; transition: opacity 0.2s;
}
#inglot-lp#inglot-lp .faq-a-inner .faq-link:hover { opacity: 0.55; }
#inglot-lp#inglot-lp .faq-a-inner .faq-link svg { width: 14px; height: 14px; flex-shrink: 0; }

/* ══════════════════════════════════════════════════════════════════════
   WALIDACJA FORMULARZA
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .form-floating.invalid .form-control { border-color: var(--error); color: var(--error); z-index: 2; position: relative; }
#inglot-lp#inglot-lp .form-floating.invalid > label { color: var(--error); }
#inglot-lp#inglot-lp .field-msg { font-size: var(--fs-label); color: var(--error); line-height: 1.4; padding: 6px var(--control-pad) 0; min-height: 0; display: none; }
#inglot-lp#inglot-lp .form-floating.invalid + .field-msg,
#inglot-lp#inglot-lp .file-field.invalid .field-msg,
#inglot-lp#inglot-lp .ds-check.invalid .field-msg { display: block; }
#inglot-lp#inglot-lp .form-row.invalid { margin-bottom: 22px; }
#inglot-lp#inglot-lp .form-row.invalid::after { content: attr(data-error); display: block; position: absolute; top: 100%; left: 0; font-size: var(--fs-label); color: var(--error); line-height: 1.4; padding: 6px var(--control-pad) 0; }
#inglot-lp#inglot-lp .form-row.invalid .form-control { border-color: var(--error); color: var(--error); position: relative; z-index: 2; }
#inglot-lp#inglot-lp .form-row.invalid .form-floating > label { color: var(--error); }
#inglot-lp#inglot-lp .ds-check .field-msg { padding-left: 0; }
#inglot-lp#inglot-lp .ds-check.invalid .box { outline: 1px solid var(--error); outline-offset: 2px; }
#inglot-lp#inglot-lp .file-field.invalid .file-drop { border-color: var(--error); }
#inglot-lp#inglot-lp .form-status { font-size: var(--fs-base); line-height: 1.5; margin-top: 18px; padding: 14px 18px; display: none; }
#inglot-lp#inglot-lp .form-status.ok { display: block; background: var(--grey); color: var(--ink); border-left: 2px solid var(--ink); }

/* ══════════════════════════════════════════════════════════════════════
   ANIMACJE WEJŚCIA (reduced-motion safe)
   ══════════════════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: no-preference) {
  #inglot-lp#inglot-lp.js-anim .reveal { opacity: 0; transform: translateY(16px); transition: opacity 0.6s cubic-bezier(.22,.61,.36,1), transform 0.6s cubic-bezier(.22,.61,.36,1); }
  #inglot-lp#inglot-lp.js-anim .reveal.is-in { opacity: 1; transform: none; }

  #inglot-lp#inglot-lp.js-anim .example.is-seq .ex-node,
  #inglot-lp#inglot-lp.js-anim .example.is-seq .ex-op { opacity: 0; transform: translateY(8px); transition: opacity 0.5s ease, transform 0.5s ease; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-node,
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-op { opacity: 1; transform: none; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-node:nth-of-type(1) { transition-delay: 0.05s; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-op:nth-of-type(1)   { transition-delay: 0.25s; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-node:nth-of-type(2) { transition-delay: 0.45s; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-op:nth-of-type(2)   { transition-delay: 0.65s; }
  #inglot-lp#inglot-lp.js-anim .example.is-seq.run .ex-node:nth-of-type(3) { transition-delay: 0.85s; }
}

/* ══════════════════════════════════════════════════════════════════════
   FOCUS (dostępność)
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp a:focus-visible,
#inglot-lp#inglot-lp button:focus-visible,
#inglot-lp#inglot-lp .btn:focus-visible,
#inglot-lp#inglot-lp .link-btn:focus-visible,
#inglot-lp#inglot-lp .faq-q:focus-visible,
#inglot-lp#inglot-lp .store:focus-visible,
#inglot-lp#inglot-lp .doc:focus-visible,
#inglot-lp#inglot-lp .tier-cta:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
#inglot-lp#inglot-lp .pro-cta .btn:focus-visible { outline-color: #fff; }
#inglot-lp#inglot-lp input:focus-visible { outline: none; }
#inglot-lp#inglot-lp .file-drop:focus-within { outline: 2px solid var(--ink); outline-offset: 3px; }

/* ══════════════════════════════════════════════════════════════════════
   RESPONSIVE
   ══════════════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
  .inglot-lp-page { flex-direction: column; }
  .inglot-lp-media { position: relative; width: 100%; height: 52vh; }
  .inglot-lp-media.pro { height: 58vh; }
  .inglot-lp-page > #inglot-lp#inglot-lp { width: 100%; }
  #inglot-lp#inglot-lp .sec { padding-left: 40px; padding-right: 40px; }
  #inglot-lp#inglot-lp .sec-pad { padding-top: 48px; padding-bottom: 48px; }
  #inglot-lp#inglot-lp .hero { padding-top: 44px; padding-bottom: 48px; }
  #inglot-lp#inglot-lp .tiers-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  :root { --control-h: 60px; --check-size: 20px; --check-dot: 8.57px; --check-dot-offset: 5.715px; }
  #inglot-lp#inglot-lp .btn { height: 60px; }
}

@media (max-width: 600px) {
  :root { --sp-gutter: 20px; --sp-section: 40px; }
  #inglot-lp#inglot-lp .sec { padding-left: 20px; padding-right: 20px; }
  #inglot-lp#inglot-lp .sec-pad { padding-top: 40px; padding-bottom: 40px; }
  .inglot-lp-media { height: 46vh; }
  .inglot-lp-media.pro { height: 52vh; }
  #inglot-lp#inglot-lp .hero { padding-top: 36px; padding-bottom: 40px; }
  #inglot-lp#inglot-lp .hero h1 { font-size: 30px; }
  #inglot-lp#inglot-lp .hero .lead { max-width: none; }
  #inglot-lp#inglot-lp .join-title,
  #inglot-lp#inglot-lp .app h2,
  #inglot-lp#inglot-lp .faq h2 { font-size: 20px !important; }
  #inglot-lp#inglot-lp .join-sub { width: auto !important; max-width: none; }
  #inglot-lp#inglot-lp .sec-intro { max-width: none; }
  #inglot-lp#inglot-lp .sec .btn { width: 100% !important; height: 60px; padding: 0 !important; }
  #inglot-lp#inglot-lp .hero-cta { align-self: stretch; }
  #inglot-lp#inglot-lp .hero-cta .btn,
  #inglot-lp#inglot-lp .join .btn { width: 100% !important; padding: 0 !important; }
  #inglot-lp#inglot-lp .coupon { min-width: 100%; }
  #inglot-lp#inglot-lp .app-cta { flex-direction: column; align-items: stretch; gap: 20px; margin-top: 30px !important; padding-top: 24px; }
  #inglot-lp#inglot-lp .app-cta .cta-label { flex: none; }
  #inglot-lp#inglot-lp .stores { width: 100%; flex-direction: column; gap: 10px; }
  #inglot-lp#inglot-lp .store { width: 100%; justify-content: center; padding: 14px 20px; }
  #inglot-lp#inglot-lp .app > p { margin-bottom: 24px !important; }
  #inglot-lp#inglot-lp .app ul { gap: 16px; margin-bottom: 28px !important; }
  #inglot-lp#inglot-lp .example { gap: 10px 14px; }
  #inglot-lp#inglot-lp .cmp th,
  #inglot-lp#inglot-lp .cmp td { padding: 13px 8px; }
  #inglot-lp#inglot-lp .cmp tbody td { width: 68px; }
  #inglot-lp#inglot-lp .cmp tbody th { font-size: var(--fs-ui); }
  #inglot-lp#inglot-lp .faq-a-inner { padding-right: 8px; }
  #inglot-lp#inglot-lp .who ul { grid-template-columns: 1fr; }
  #inglot-lp#inglot-lp .who li:nth-child(even) { padding-left: 0 !important; border-left: none; }
  #inglot-lp#inglot-lp .who li:nth-child(odd) { padding-right: 0 !important; }
  #inglot-lp#inglot-lp .form-row { grid-template-columns: 1fr; }
  #inglot-lp#inglot-lp .form-row .form-floating:nth-child(2) { margin-left: 0; margin-top: -1px; }
  #inglot-lp#inglot-lp .doc-list { grid-template-columns: 1fr; }
  #inglot-lp#inglot-lp .form,
  #inglot-lp#inglot-lp .form-submit .btn { width: 100%; }
  #inglot-lp#inglot-lp .form-submit .btn { padding: 0; }
}

/* ══════════════════════════════════════════════════════════════════════
   ════ GLOBAL ARMOR (na końcu = najwyższa kolejność źródłowa) ════
   Motyw PrestaShop/Elementor atakuje z selektorami ID (#main #content …),
   które biją specyficzność klas. Ten blok utwardza wszystko, co motyw
   realnie nadpisuje: PRZYCISKI, LAYOUT (grid/flex), SKALĘ CZCIONEK oraz
   marginesy formularza. Wartości = lustro reguł bazowych powyżej.
   ══════════════════════════════════════════════════════════════════════ */

/* ── A. BUTTON ARMOR — kontra `#main #content a.btn` (białe, drobny padding,
      szary border, font 0.8em) oraz kolizja nazwy klasy `.btn` z motywem ── */
#inglot-lp#inglot-lp .btn {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: auto !important; height: 50px !important; padding: 0 40px !important;
  border: 1px solid var(--black) !important; border-radius: 0 !important;
  background: var(--black) !important; color: #fff !important;
  font-family: "Poppins", sans-serif !important; font-size: var(--fs-ui) !important;
  font-weight: 500 !important; line-height: 1 !important;
  text-transform: none !important; text-decoration: none !important; letter-spacing: normal !important;
  cursor: pointer !important;
}
#inglot-lp#inglot-lp .btn:hover { background: var(--btn-hover) !important; border-color: var(--btn-hover) !important; color: #fff !important; }
#inglot-lp#inglot-lp .join .btn,
#inglot-lp#inglot-lp .form-submit .btn { padding: 0 44px !important; }
#inglot-lp#inglot-lp .btn--block { width: 100% !important; }
#inglot-lp#inglot-lp .pro-cta .btn { background: #fff !important; color: #000 !important; border-color: #fff !important; }
#inglot-lp#inglot-lp .pro-cta .btn:hover { background: rgba(255,255,255,0.84) !important; border-color: rgba(255,255,255,0.84) !important; color: #000 !important; }
/* link-btn / faq-link / tier-cta — nie są .btn, ale motyw maluje linki */
#inglot-lp#inglot-lp .link-btn { border-bottom: 1px solid var(--ink) !important; }
#inglot-lp#inglot-lp .faq-a-inner .faq-link { border-bottom: 1px solid var(--ink) !important; }

/* ── B. LAYOUT ARMOR — motyw potrafi zresetować display/grid (panele się
      rozjeżdżają). Utwardzamy kontenery grid + flex. ── */
#inglot-lp#inglot-lp .tiers-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
#inglot-lp#inglot-lp .doc-list   { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 16px !important; }
#inglot-lp#inglot-lp .who ul      { display: grid !important; grid-template-columns: 1fr 1fr !important; }
#inglot-lp#inglot-lp .form-row    { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 0 !important; }
#inglot-lp#inglot-lp .app ul      { display: grid !important; gap: 14px !important; }
#inglot-lp#inglot-lp .coupons     { display: flex !important; flex-wrap: wrap !important; gap: 14px !important; }
#inglot-lp#inglot-lp .stores      { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; }
#inglot-lp#inglot-lp .hero-cta    { display: flex !important; flex-direction: column !important; }
#inglot-lp#inglot-lp .hero-gains  { display: flex !important; flex-direction: column !important; }
#inglot-lp#inglot-lp .hero-benefits { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; list-style: none !important; }
#inglot-lp#inglot-lp .pro-cta-inner { display: flex !important; flex-wrap: wrap !important; }
#inglot-lp#inglot-lp .app-cta     { display: flex !important; flex-wrap: wrap !important; }
#inglot-lp#inglot-lp .tier        { display: flex !important; flex-direction: column !important; }
#inglot-lp#inglot-lp .example     { display: flex !important; flex-wrap: wrap !important; align-items: center !important; }
#inglot-lp#inglot-lp .ex-node     { display: flex !important; flex-direction: column !important; }
#inglot-lp#inglot-lp .benefits li { display: flex !important; align-items: baseline !important; }
#inglot-lp#inglot-lp .steps li    { display: flex !important; align-items: baseline !important; }
#inglot-lp#inglot-lp .who li      { display: flex !important; align-items: baseline !important; }
#inglot-lp#inglot-lp .app li      { display: flex !important; align-items: baseline !important; }
#inglot-lp#inglot-lp .ds-check    { display: flex !important; align-items: flex-start !important; }
#inglot-lp#inglot-lp .faq-q       { display: flex !important; align-items: center !important; justify-content: space-between !important; }
#inglot-lp#inglot-lp .file-drop   { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; }
#inglot-lp#inglot-lp .doc         { display: flex !important; align-items: center !important; }
/* listy bez wcięć/punktorów motywu */
#inglot-lp#inglot-lp .benefits ol,
#inglot-lp#inglot-lp .steps ol,
#inglot-lp#inglot-lp .app ul,
#inglot-lp#inglot-lp .who ul,
#inglot-lp#inglot-lp .hero-benefits,
#inglot-lp#inglot-lp .faq-list { list-style: none !important; padding-left: 0 !important; }

/* ── C. FONT-SIZE ARMOR — motyw narzuca rozmiary przez #content p/li/h2 itd.
      Pogrupowane po wartości skali. (h1/h2/„−20%"/inputy już utwardzone). ── */
/* fs-stat 20px */
#inglot-lp#inglot-lp .coupon b,
#inglot-lp#inglot-lp .ex-node b { font-size: var(--fs-stat) !important; }
/* fs-lg 14px */
#inglot-lp#inglot-lp .sec-intro,
#inglot-lp#inglot-lp .lead,
#inglot-lp#inglot-lp .app > p,
#inglot-lp#inglot-lp .app li,
#inglot-lp#inglot-lp .benefits .b-text strong,
#inglot-lp#inglot-lp .steps .s-text strong,
#inglot-lp#inglot-lp .who li,
#inglot-lp#inglot-lp .pro-cta p { font-size: var(--fs-lg) !important; }
/* fs-base 13px */
#inglot-lp#inglot-lp .store-txt b,
#inglot-lp#inglot-lp .coupon span,
#inglot-lp#inglot-lp .ex-node span,
#inglot-lp#inglot-lp .cta-label,
#inglot-lp#inglot-lp .benefits .num,
#inglot-lp#inglot-lp .benefits .b-text span,
#inglot-lp#inglot-lp .join-sub,
#inglot-lp#inglot-lp .login-note,
#inglot-lp#inglot-lp .cmp tbody th,
#inglot-lp#inglot-lp .cmp tbody td,
#inglot-lp#inglot-lp .cmp-foot,
#inglot-lp#inglot-lp .steps .s-num,
#inglot-lp#inglot-lp .steps .s-text span,
#inglot-lp#inglot-lp .steps-note,
#inglot-lp#inglot-lp .perk-foot,
#inglot-lp#inglot-lp .who-foot,
#inglot-lp#inglot-lp .ds-check,
#inglot-lp#inglot-lp .doc .d-text b,
#inglot-lp#inglot-lp .faq-q,
#inglot-lp#inglot-lp .faq-a-inner,
#inglot-lp#inglot-lp .faq-a-inner .faq-link,
#inglot-lp#inglot-lp .form-status { font-size: var(--fs-base) !important; }
/* fs-ui 12px */
#inglot-lp#inglot-lp .tier-cta,
#inglot-lp#inglot-lp .who li .w-mk,
#inglot-lp#inglot-lp .file-drop .fd-text b,
#inglot-lp#inglot-lp .file-drop .fd-btn,
#inglot-lp#inglot-lp .doc .d-arrow { font-size: var(--fs-ui) !important; }
/* fs-label 11px */
#inglot-lp#inglot-lp .eyebrow,
#inglot-lp#inglot-lp .sec-label,
#inglot-lp#inglot-lp .hero-gains-label,
#inglot-lp#inglot-lp .gain-cat,
#inglot-lp#inglot-lp .store-txt small,
#inglot-lp#inglot-lp .example .ex-label,
#inglot-lp#inglot-lp .cmp .lvl,
#inglot-lp#inglot-lp .file-drop .fd-text span,
#inglot-lp#inglot-lp .file-names,
#inglot-lp#inglot-lp .rodo,
#inglot-lp#inglot-lp .field-msg,
#inglot-lp#inglot-lp .doc .d-text span { font-size: var(--fs-label) !important; }
/* Komunikaty walidacji — `.field-msg` to <p> (motyw narzuca #content p),
   a błąd wiersza to pseudo-element ::after. Wymuszamy mały rozmiar + waga. */
#inglot-lp#inglot-lp .field-msg { font-weight: 400 !important; line-height: 1.4 !important; }
#inglot-lp#inglot-lp .form-row.invalid::after { font-size: var(--fs-label) !important; font-weight: 400 !important; line-height: 1.4 !important; color: var(--error) !important; }
/* fs-tag 10px */
#inglot-lp#inglot-lp .hero-benefits li,
#inglot-lp#inglot-lp .tag { font-size: var(--fs-tag) !important; }

/* ── D. FORM MARGIN ARMOR — usuwa PODWÓJNY BORDER. Inputy nachodzą na
      sąsiednie krawędzie przez ujemne marginesy; motyw je kasuje. ── */
#inglot-lp#inglot-lp .field-stack { margin-top: -1px !important; }
#inglot-lp#inglot-lp .field-stack .form-floating { margin-top: -1px !important; }
#inglot-lp#inglot-lp .field-stack .form-floating:first-child { margin-top: 0 !important; }
#inglot-lp#inglot-lp .form-row .form-floating:nth-child(2) { margin-left: -1px !important; }
#inglot-lp#inglot-lp .file-field { margin-top: -1px !important; }

/* ── E. RESPONSIVE OVERRIDES dla utwardzonych właściwości ── */
@media (max-width: 980px) {
  #inglot-lp#inglot-lp .tiers-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  #inglot-lp#inglot-lp .who ul,
  #inglot-lp#inglot-lp .form-row,
  #inglot-lp#inglot-lp .doc-list { grid-template-columns: 1fr !important; }
  #inglot-lp#inglot-lp .form-row .form-floating:nth-child(2) { margin-left: 0 !important; margin-top: -1px !important; }
  #inglot-lp#inglot-lp .hero h1 { font-size: 30px !important; }
  #inglot-lp#inglot-lp .hero-cta .btn,
  #inglot-lp#inglot-lp .join .btn,
  #inglot-lp#inglot-lp .sec .btn,
  #inglot-lp#inglot-lp .form-submit .btn { width: 100% !important; padding: 0 !important; }
  #inglot-lp#inglot-lp .stores { flex-direction: column !important; }
}


/* ══════════════════════════════════════════════════════════════════════
   ════ TEXT ARMOR — KOLOR · INTERLINIA · RODZINA (na końcu = najwyższy
        priorytet źródłowy) ════
   Motyw scope'uje typografię po ID (#content p / li / span …). ROZMIAR
   czcionki był już utwardzony, ale KOLOR i INTERLINIA „nie reagowały" —
   akapity dziedziczyły kolor i leading motywu. Wymuszamy wartości DS
   (INK = #000, SOFT = #616161) z !important. Trigger #inglot-lp użyty podwójnie (2×ID) + !important —
   patrz nagłówek pliku. Tu wymuszamy KOLOR i INTERLINIĘ jak ROZMIAR.
   ══════════════════════════════════════════════════════════════════════ */

/* Korzeń dziedziczenia — kontener narzuca bazę tekstu, nawet gdy motyw
   maluje #content { color / font / line-height }. */
#inglot-lp#inglot-lp {
  font-family: "Poppins", sans-serif !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  color: var(--ink) !important;
  background: var(--paper) !important;
}

/* Rodzina czcionki na tekście w scope (display-font: h1 / h2 / .t-rate mają
   własne !important o wyższej specyficzności, więc wygrywają). */
#inglot-lp#inglot-lp p,
#inglot-lp#inglot-lp li,
#inglot-lp#inglot-lp span,
#inglot-lp#inglot-lp a,
#inglot-lp#inglot-lp b,
#inglot-lp#inglot-lp strong,
#inglot-lp#inglot-lp em,
#inglot-lp#inglot-lp i,
#inglot-lp#inglot-lp small,
#inglot-lp#inglot-lp label,
#inglot-lp#inglot-lp td,
#inglot-lp#inglot-lp th,
#inglot-lp#inglot-lp button,
#inglot-lp#inglot-lp input,
#inglot-lp#inglot-lp textarea,
#inglot-lp#inglot-lp select,
#inglot-lp#inglot-lp h1,
#inglot-lp#inglot-lp h2,
#inglot-lp#inglot-lp h3,
#inglot-lp#inglot-lp h4,
#inglot-lp#inglot-lp h5,
#inglot-lp#inglot-lp h6 { font-family: "Poppins", sans-serif !important; }

/* KOLOR — tekst główny (INK #000) */
#inglot-lp#inglot-lp .eyebrow,
#inglot-lp#inglot-lp .gain-cat,
#inglot-lp#inglot-lp .coupon b,
#inglot-lp#inglot-lp .ex-node b,
#inglot-lp#inglot-lp .benefits .num,
#inglot-lp#inglot-lp .benefits .b-text strong,
#inglot-lp#inglot-lp .app li,
#inglot-lp#inglot-lp .cmp tbody th,
#inglot-lp#inglot-lp .cmp tbody td.cmp-pro,
#inglot-lp#inglot-lp .steps .s-num,
#inglot-lp#inglot-lp .steps .s-text strong,
#inglot-lp#inglot-lp .who li,
#inglot-lp#inglot-lp .cmp-foot b,
#inglot-lp#inglot-lp .perk-foot b,
#inglot-lp#inglot-lp .who-foot b,
#inglot-lp#inglot-lp .faq-q,
#inglot-lp#inglot-lp .faq-a-inner b { color: var(--ink) !important; }

/* KOLOR — tekst miękki (SOFT #616161) */
#inglot-lp#inglot-lp .sec-label,
#inglot-lp#inglot-lp .sec-intro,
#inglot-lp#inglot-lp .lead,
#inglot-lp#inglot-lp .hero-gains-label,
#inglot-lp#inglot-lp .hero-benefits li,
#inglot-lp#inglot-lp .coupon span,
#inglot-lp#inglot-lp .example .ex-label,
#inglot-lp#inglot-lp .ex-node span,
#inglot-lp#inglot-lp .cta-label,
#inglot-lp#inglot-lp .benefits .b-text span,
#inglot-lp#inglot-lp .join-sub,
#inglot-lp#inglot-lp .login-note,
#inglot-lp#inglot-lp .app > p,
#inglot-lp#inglot-lp .cmp .lvl,
#inglot-lp#inglot-lp .cmp tbody td,
#inglot-lp#inglot-lp .cmp-foot,
#inglot-lp#inglot-lp .steps .s-text span,
#inglot-lp#inglot-lp .steps-note,
#inglot-lp#inglot-lp .perk-foot,
#inglot-lp#inglot-lp .who li .w-mk,
#inglot-lp#inglot-lp .who-foot,
#inglot-lp#inglot-lp .rodo,
#inglot-lp#inglot-lp .faq-a-inner,
#inglot-lp#inglot-lp .doc .d-arrow { color: var(--ink-soft) !important; }

/* KOLOR — na ciemnym tle / akcent */
#inglot-lp#inglot-lp .pro-cta h2 { color: #fff !important; }
#inglot-lp#inglot-lp .pro-cta p { color: rgba(255,255,255,0.72) !important; }
#inglot-lp#inglot-lp .pro-cta .sec-label { color: rgba(255,255,255,0.55) !important; }
#inglot-lp#inglot-lp .cmp .lvl-pro { color: #fff !important; }
#inglot-lp#inglot-lp .ex-op { color: #9D9D9D !important; }

/* INTERLINIA — 1.6 (akapity / wprowadzenia) */
#inglot-lp#inglot-lp .lead,
#inglot-lp#inglot-lp .sec-intro,
#inglot-lp#inglot-lp .app > p,
#inglot-lp#inglot-lp .rodo,
#inglot-lp#inglot-lp .faq-a-inner,
#inglot-lp#inglot-lp .pro-cta p { line-height: 1.6 !important; }

/* INTERLINIA — 1.55 (opisy / stopki) */
#inglot-lp#inglot-lp .join-sub,
#inglot-lp#inglot-lp .benefits .b-text span,
#inglot-lp#inglot-lp .steps .s-text span,
#inglot-lp#inglot-lp .cmp-foot,
#inglot-lp#inglot-lp .perk-foot,
#inglot-lp#inglot-lp .who-foot,
#inglot-lp#inglot-lp .steps-note { line-height: 1.55 !important; }

/* INTERLINIA — pozostałe kluczowe */
#inglot-lp#inglot-lp .ds-check,
#inglot-lp#inglot-lp .form-status { line-height: 1.5 !important; }
#inglot-lp#inglot-lp .cmp tbody th { line-height: 1.4 !important; }
#inglot-lp#inglot-lp .faq-q { line-height: 1.35 !important; }
#inglot-lp#inglot-lp .store-txt { line-height: 1.15 !important; }
#inglot-lp#inglot-lp .hero-benefits li { line-height: 1.3 !important; }

/* LAYOUT ARMOR — zdjęcie w kolumnie sticky (motyw maluje #content img) */
.inglot-lp-page { display: flex !important; }
.inglot-lp-media img { width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; }

/* ══════════════════════════════════════════════════════════════════════
   ════ ETS CONTACT FORM ULTIMATE → INGLOT DS ════
   Formularz PRO to moduł PrestaShop „ETS Contact Form Ultimate" (klasy
   .ets_cfu_* / .wpcfu-* + Bootstrap .form-control .btn). Wstawiany jako:
     <div class="contact-form-7-pro-makeup-artist apply sec sec-pad"> … </div>
   Mapujemy realny markup modułu na system DS: rzędy 2-kolumnowe, etykieta
   nad polem (wielkie litery, ink-soft), pola 50px z kwadratową ramką,
   czarny submit, checkbox = kwadrat + kropka, upload i RODO w stylu DS.
   Scope #inglot-lp#inglot-lp (2×ID) bije motyw i Bootstrap (.btn-primary).
   WYMAGANE: trzymaj <div class="contact-form-7-pro-makeup-artist"> WEWNĄTRZ
   wrappera #inglot-lp; dla odstępów sekcji dodaj klasy: sec sec-pad.
   ══════════════════════════════════════════════════════════════════════ */
/* Blok modułu jest OSADZONY w sekcji (.apply / .sec sec-pad), która daje już
   gutter i odstęp pionowy. Blok SAM nie dokłada paddingu — inaczej powstaje
   PODWÓJNY odstęp (formularz wcięty głębiej niż nagłówek/intro sekcji).
   Zerujemy nawet gdy blok ma własne klasy .sec / .sec-pad. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist { padding: 0 !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input[type="hidden"] { display: none !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu.hook,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets-cfu-form { max-width: 40em; }

/* Tytuł formularza (h3) — UKRYTY: dubluje nasz nagłówek sekcji (.sec-label).
   Ukrywamy tu, bez zmian w module. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist h3 { display: none !important; }

/* Porządki modułu: brak punktorów list, ukryty clearfix, RODO bez marginesu */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist ul,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist li,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-list-item {
  list-style: none !important; padding-left: 0 !important; margin-left: 0 !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-list-item::before,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-list-item::marker { content: none !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .clearfix { display: none !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-html p { margin: 0 !important; }

/* Rzędy 2-kolumnowe (.ets_cfu_box → .col1 | .col2) */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_wrapper { display: flex; flex-direction: column; gap: 0; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box {
  display: grid !important; grid-template-columns: 1fr !important; gap: 0 !important; align-items: start;
  margin: 0 !important; float: none !important; width: auto !important; overflow: visible !important;
}
/* Moduł steruje układem klasą boksa: style3 = 2 kolumny (obok siebie),
   style1 = 1 kolumna (pełna szerokość). */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box.style3 { grid-template-columns: 1fr 1fr !important; }
/* POŁĄCZONE POLA jak w DS — wspólne ramki (bez odstępów). Rzędy pól
   nachodzą pionowo o 1px; druga kolumna nachodzi poziomo; focus na wierzchu. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box:not(:first-child):not(:last-child) { margin-top: -1px !important; }
/* Boks z uploadem (pole pliku) NIE łączy się ze stosem pól — etykieta
   „Załącz dokumenty" potrzebuje odstępu od pola URL powyżej. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box:not(:first-child):not(:last-child):has(.ets_cfu_input_file) { margin-top: 28px !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box.style3:not(:last-child) .ets_cfu_col.col2 { margin-left: -1px !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-text:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-email:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-tel:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-url:focus { position: relative; z-index: 2; }
/* Pole b\u0142\u0119dne (moduł ustawia aria-invalid="true") \u2014 czerwona ramka MUSI by\u0107
   na wierzchu, inaczej s\u0105siednie po\u0142\u0105czone pole przykrywa jej kraw\u0119d\u017a.
   Focus (z-index:2) i tak wygrywa gdy u\u017cytkownik poprawia dane. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input[aria-invalid="true"] { position: relative; z-index: 3; }
/* Ostatni rząd (zgody + submit) → jedna kolumna, stack */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_wrapper > .ets_cfu_box:last-child { grid-template-columns: 1fr !important; gap: 16px !important; margin-top: 28px !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_col {
  width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; min-width: 0;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_input { margin: 0 !important; }

/* Reset WŁASNYCH odstępów/chrome kontenerów modułu — na żywej stronie wtyczka
   dokłada padding/tło/ramkę do tych warstw; tu je zerujemy, by formularz
   przylegał jak treść DS (nie ruszamy marginesów pól: checkbox/submit). */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets-cfu-form,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_wrapper {
  padding: 0 !important; margin: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_col,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_input,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_form-control-wrap {
  padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important;
}

/* Etykieta pola (.ets_cfu_span) */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist label { display: block !important; margin: 0 !important; font-weight: 400; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_span {
  display: block; margin-bottom: 6px;
  font: 500 var(--fs-ui)/1.4 "Poppins", sans-serif !important;
  text-transform: none !important; letter-spacing: normal !important; color: var(--ink-soft) !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_form-control-wrap { display: block; }

/* Pola tekstowe (moduł znaczy je .ets_cfu-text/-email/-tel/-url) */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-text,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-email,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-tel,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-url,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist textarea,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist select {
  width: 100% !important; height: var(--control-h) !important; padding: 0 var(--control-pad) !important;
  border: 1px solid var(--line) !important; border-radius: 0 !important; background: #fff !important;
  box-shadow: none !important; outline: none !important; margin: 0 !important;
  font: 400 var(--fs-ui)/1.2 "Poppins", sans-serif !important; color: var(--ink) !important;
  -webkit-appearance: none !important; appearance: none !important; transition: border-color .15s ease;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist textarea { height: auto !important; min-height: 120px; padding: 14px var(--control-pad) !important; resize: vertical; line-height: 1.5 !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-text:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-email:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-tel:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-url:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist textarea:focus,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist select:focus { border-color: #000 !important; color: #000 !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input::placeholder,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist textarea::placeholder { color: var(--placeholder) !important; opacity: 1; }

/* Walidacja modułu (aria-invalid="true") */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input[aria-invalid="true"],
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist textarea[aria-invalid="true"],
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist select[aria-invalid="true"] { border-color: var(--error) !important; color: var(--error) !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-not-valid-tip,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-not-valid-tip {
  display: block; margin-top: 6px; font: 400 var(--fs-label)/1.4 "Poppins", sans-serif !important; color: var(--error) !important;
}

/* Submit → czarny przycisk DS (bije Bootstrap .btn-primary) */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-submit,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input[type="submit"] {
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  width: auto !important; height: 50px !important; padding: 0 44px !important;
  border: 1px solid var(--black) !important; border-radius: 0 !important;
  background: var(--black) !important; color: #fff !important;
  font: 500 var(--fs-ui)/1 "Poppins", sans-serif !important;
  text-transform: none !important; letter-spacing: normal !important; cursor: pointer;
  -webkit-appearance: none !important; appearance: none !important; box-shadow: none !important;
  transition: background .25s ease, border-color .25s ease;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-submit:hover,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist input[type="submit"]:hover { background: var(--btn-hover) !important; border-color: var(--btn-hover) !important; color: #fff !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_input_submit { margin-top: 4px !important; }

/* Checkbox zgód: natywny ukryty, box DS + kropka */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_input_checkbox { margin: 0 0 12px !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-checkbox,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-list-item { display: block; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-checkbox input[type="checkbox"] { position: absolute !important; opacity: 0 !important; width: 0 !important; height: 0 !important; margin: 0 !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-list-item label {
  display: flex !important; align-items: flex-start; gap: 12px; cursor: pointer; margin: 0 !important;
  font: 400 var(--fs-base)/1.5 "Poppins", sans-serif !important; text-transform: none !important; letter-spacing: normal !important; color: var(--ink-soft) !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-list-item-label { position: relative; padding-left: 26px; display: block; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-list-item-label::before {
  content: ""; position: absolute; left: 0; top: 1px; width: var(--check-size); height: var(--check-size); background: var(--line);
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-checkbox input:checked + .wpcfu-list-item-label::after {
  content: ""; position: absolute; left: var(--check-dot-offset); top: calc(1px + var(--check-dot-offset));
  width: var(--check-dot); height: var(--check-dot); border-radius: 50%; background: var(--ink);
}

/* Upload plików (Bootstrap-filestyle) → pole DS z ramką kreskowaną */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .custom_choosefile { display: block; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .bootstrap-filestyle.input-group {
  display: flex !important; align-items: center; justify-content: space-between; gap: 12px; width: 100%;
  border: 1px solid var(--line) !important; background: #fff !important; padding: 0 var(--control-pad); min-height: var(--control-h);
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .bootstrap-filestyle .form-control {
  flex: 1; border: 0 !important; background: transparent !important; box-shadow: none !important;
  height: auto !important; padding: 0 !important; font: 400 var(--fs-label)/1.4 "Poppins", sans-serif !important; color: var(--ink-soft) !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .group-span-filestyle,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .group-span-filestyle.input-group-btn {
  display: inline-flex !important; align-items: center; flex: 0 0 auto !important; width: auto !important;
  visibility: visible !important; opacity: 1 !important; position: static !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .group-span-filestyle .btn,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .group-span-filestyle .btn.btn-default {
  display: inline-flex !important; align-items: center; visibility: visible !important; opacity: 1 !important;
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--ink) !important; border-radius: 0 !important;
  color: var(--ink) !important; padding: 2px 0 !important; height: auto !important; min-height: 0 !important; line-height: 1.2 !important;
  font: 500 var(--fs-ui)/1 "Poppins", sans-serif !important; text-transform: none !important; white-space: nowrap; box-shadow: none !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .group-span-filestyle .btn .buttonText { color: var(--ink) !important; display: inline !important; visibility: visible !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .file_type_des {
  display: block; margin-top: 8px; font: 400 var(--fs-label)/1.4 "Poppins", sans-serif !important; color: var(--ink-soft) !important;
}

/* RODO / blok HTML */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-html { border: 0 !important; padding: 0 !important; background: none !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu-html p {
  font: 400 var(--fs-label)/1.6 "Poppins", sans-serif !important; color: var(--ink-soft) !important; margin: 0 !important;
}

/* ══════════════════════════════════════════════════════════════════════
   ════ KOMUNIKAT FORMULARZA (form message) ════
   Komponent statusu formularza po wysłaniu / walidacji. Warianty:
     • błąd   — akcent czerwony (--error), tło #FFF5F5, ikona „!"
     • sukces — akcent czarny, tło szare, ikona „check"
     • info   — neutralny (domyślny), akcent czarny, ikona „i"
   Płaski, hairline 1px, akcent 2px z lewej, ikona 18px (SVG w ::before,
   pozycjonowana absolutnie → działa i gdy moduł pokaże box jako block, i flex).
   Czerwień wyłącznie dla błędu — zgodnie z zasadą palety DS.
   Mapujemy tu klasy stanów modułu ETS CFU na warianty komponentu.
   ══════════════════════════════════════════════════════════════════════ */

/* Ukrycie BEZ !important — moduł pokazuje komunikat inline style="display:block",
   zwykle ZOSTAWIAJĄC klasę wpcfu-display-none; !important blokowałoby pokazanie. */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-display-none { display: none; }

/* Baza (info / neutralny) */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output {
  position: relative !important;
  margin: 18px 0 0 !important; padding: 14px 18px 14px 46px !important;
  border: 1px solid var(--line) !important; border-left: 2px solid var(--ink) !important;
  border-radius: 0 !important; background: var(--grey) !important;
  font: 400 var(--fs-base)/1.5 "Poppins", sans-serif !important; color: var(--ink) !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output::before {
  content: "" !important; position: absolute !important; left: 18px !important; top: 15px !important;
  width: 18px !important; height: 18px !important; background: center/contain no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='11.5' x2='12' y2='16.5'/%3E%3Cline x1='12' y1='7.6' x2='12' y2='7.7'/%3E%3C/svg%3E") !important;
}
/* Wariant BŁĄD — moduł: validation-errors / spam-blocked / mail-sent-ng / acceptance-missing */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-validation-errors,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-spam-blocked,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-mail-sent-ng,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-acceptance-missing {
  border-left-color: var(--error) !important; background: #FFF5F5 !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-validation-errors::before,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-spam-blocked::before,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-mail-sent-ng::before,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-acceptance-missing::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='7.5' x2='12' y2='13'/%3E%3Cline x1='12' y1='16.3' x2='12' y2='16.4'/%3E%3C/svg%3E") !important;
}
/* Wariant SUKCES — moduł: mail-sent-ok */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-mail-sent-ok {
  border-left-color: var(--ink) !important; background: var(--grey) !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .wpcfu-response-output.wpcfu-mail-sent-ok::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.2 12.4l2.6 2.6 5-5.6'/%3E%3C/svg%3E") !important;
}

/* ── Wersja wielokrotnego użytku (poza modułem): .form-message ──────────
   Ten sam wygląd jako samodzielny komponent DS — bez !important. */
#inglot-lp#inglot-lp .form-message {
  position: relative; margin: 18px 0 0; padding: 14px 18px 14px 46px;
  border: 1px solid var(--line); border-left: 2px solid var(--ink);
  background: var(--grey); font: 400 var(--fs-base)/1.5 "Poppins", sans-serif; color: var(--ink);
}
#inglot-lp#inglot-lp .form-message::before {
  content: ""; position: absolute; left: 18px; top: 15px; width: 18px; height: 18px;
  background: center/contain no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23616161' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='11.5' x2='12' y2='16.5'/%3E%3Cline x1='12' y1='7.6' x2='12' y2='7.7'/%3E%3C/svg%3E");
}
#inglot-lp#inglot-lp .form-message--error { border-left-color: var(--error); background: #FFF5F5; }
#inglot-lp#inglot-lp .form-message--error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF0000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cline x1='12' y1='7.5' x2='12' y2='13'/%3E%3Cline x1='12' y1='16.3' x2='12' y2='16.4'/%3E%3C/svg%3E");
}
#inglot-lp#inglot-lp .form-message--success { border-left-color: var(--ink); background: var(--grey); }
#inglot-lp#inglot-lp .form-message--success::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8.2 12.4l2.6 2.6 5-5.6'/%3E%3C/svg%3E");
}

/* Mobile: rzędy 2-kol → 1-kol */
@media (max-width: 600px) {
  #inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .ets_cfu_box.style3 { grid-template-columns: 1fr !important; }
}



/* ══════════════════════════════════════════════════════════════════════
   ════ HOVER ARMOR ════
   Bazowe ramki (.doc / .tier-clickable / .file-drop) są WYMUSZONE !important
   przez BOX/TIER ARMOR, więc stany :hover także muszą mieć !important —
   inaczej motyw/armor blokuje zmianę ramki i hover „nie działa".
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .doc { transition: border-color 0.2s ease !important; }
#inglot-lp#inglot-lp .doc:hover { border-color: var(--ink) !important; }
#inglot-lp#inglot-lp .tier-clickable { transition: border-color 0.2s ease !important; }
#inglot-lp#inglot-lp .tier-clickable:hover { border-color: var(--ink) !important; }
#inglot-lp#inglot-lp .file-drop { transition: border-color 0.2s ease, background 0.2s ease !important; }
#inglot-lp#inglot-lp .file-drop:hover { border-color: var(--ink) !important; background: var(--grey) !important; }



/* ══════════════════════════════════════════════════════════════════════
   ════ ETS CFU — FLOATING LABELS (jak w DS) ════
   JS (inglot-pro.js) dodaje .lp-float na pola tekstowe oraz is-focus/is-filled.
   Etykieta (.ets_cfu_span) pełni rolę placeholdera i unosi się przy
   focusie/wypełnieniu — identycznie jak w naszym formularzu DS.
   ══════════════════════════════════════════════════════════════════════ */
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float { position: relative !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float > label { margin: 0 !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float .ets_cfu_span {
  position: absolute !important; left: var(--control-pad) !important; right: var(--control-pad) !important; top: 0 !important; bottom: auto !important; height: var(--control-h) !important;
  display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; z-index: 4 !important;
  font: 400 var(--fs-ui)/1 "Poppins", sans-serif !important; color: var(--neutral) !important;
  text-transform: none !important; letter-spacing: normal !important;
  white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important;
  transition: top .12s ease, font-size .12s ease, height .12s ease !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float.is-focus .ets_cfu_span,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float.is-filled .ets_cfu_span {
  height: 16px !important; top: 8px !important; align-items: flex-start !important; font-size: 9px !important;
}
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float.is-focus input,
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float.is-filled input { padding-top: 15px !important; }
#inglot-lp#inglot-lp .contact-form-7-pro-makeup-artist .lp-float input::placeholder { color: transparent !important; }/* End custom CSS */