.elementor-361 .elementor-element.elementor-element-1d54fae{--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-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for text-editor, class: .elementor-element-352b2a5 *//* ===== Uniwersalny landing produktowy – .prod-landing ===== */
.prod-landing{
  --accent:#C33A3A;           /* domyślny akcent – możesz nadpisać inline */
  --bg:#F8F6F6;               /* tło całej sekcji */
  --ink:#0f172a;              /* kolor tekstu */
  --muted:#334155;            /* tekst drugoplanowy */
  --card:#ffffff;             /* tło kart */
  --ghost:#F3F1F1;            /* „ghost” karty */
  --line:#E2E8F0;             /* linie/podziały */
  --max:1120px;               /* szerokość kontenera */
  --pad:clamp(14px,3vw,24px); /* padding horyzontalny */
  --r:16px;                   /* promień zaokrągleń */
  --gap:12px;                 /* odstępy bazowe */
  --gap-lg:16px;              /* odstępy większe */
  --spY:clamp(22px,4vw,48px); /* pionowe spacingi sekcji */
  background:var(--bg); color:var(--ink);
  scroll-behavior:smooth;
}
.prod-landing *{box-sizing:border-box}
.prod-landing .wrap{max-width:var(--max);margin:0 auto;padding:var(--spY) var(--pad)}
.prod-landing h1,.prod-landing h2,.prod-landing h3{margin:0 0 .6em;line-height:1.2}
.prod-landing h1{font-size:clamp(28px,5vw,44px)}
.prod-landing h2{font-size:clamp(20px,3.6vw,28px)}
.prod-landing h3{font-size:clamp(17px,3vw,22px)}
.prod-landing p,.prod-landing li{line-height:1.55}
.prod-landing .muted{color:var(--muted)}
.prod-landing a{color:var(--accent);text-decoration:none}
.prod-landing a:hover{opacity:.9}
.prod-landing a:focus-visible{outline:2px solid #e75151;outline-offset:2px;border-radius:10px}
.prod-landing [id]{scroll-margin-top:64px} /* kotwice po sticky */

/* Siatki i karty */
.prod-landing .grid{display:grid;gap:var(--gap)}
.prod-landing .grid-3{grid-template-columns:1fr}
@media (min-width:760px){ .prod-landing .grid-3{grid-template-columns:repeat(3,1fr);gap:var(--gap-lg)} }
.prod-landing .grid-2{grid-template-columns:1fr}
@media (min-width:900px){ .prod-landing .grid-2{grid-template-columns:1.1fr .9fr;gap:var(--gap-lg)} }
.prod-landing .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 18px rgba(0,0,0,.04)}
.prod-landing .card-ghost{background:var(--ghost);border:1px solid var(--line)}
.prod-landing .badge,.pill{display:inline-block;border:1px solid var(--accent);border-radius:999px;padding:5px 10px;margin:0 6px 6px 0;font-size:13px;color:var(--accent);background:#fff}
.prod-landing .alert{border-left:6px solid var(--accent);background:var(--card);border:1px solid var(--line);border-left-color:var(--accent);border-radius:12px;padding:14px}

/* HERO */
.prod-landing #hero{
  background:
    radial-gradient(900px 420px at 100% 0, rgba(66,137,38,.08), #F8F4F6 60%),
    linear-gradient(180deg, rgba(66,137,38,.05), #4ac33a 70%);
  border-bottom:1px solid #ECE7E7;
}
}
.prod-landing #hero .grid{display:grid;gap:var(--gap);align-items:center}
@media (min-width:860px){ .prod-landing #hero .grid{grid-template-columns:1.05fr .95fr;gap:var(--gap-lg)} }
.prod-landing .ribbon{display:inline-block;background:var(--accent);color:#fff;padding:5px 10px;border-radius:999px;font-weight:700;margin-bottom:8px;font-size:13px}
.prod-landing .kpi{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.prod-landing .kpi>span{display:inline-block;padding:8px 10px;border:1px dashed var(--accent);border-radius:999px;background:#fff;font-size:13px}

/* Mini-naw (sticky) */
.prod-landing .mini{position:sticky;top:0;z-index:10;background:rgba(248,246,246,.96);border-bottom:1px solid #ECE7E7}
.prod-landing .mini .wrap{padding:8px var(--pad)}
.prod-landing .chips a{display:inline-block;padding:7px 10px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);background:#fff;margin:0 6px 6px 0;font-size:14px}

/* Kroki */
.prod-landing .steps{counter-reset:st}
.prod-landing .step{position:relative;padding-left:40px}
.prod-landing .step:before{
  counter-increment:st;content:counter(st);
  position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;
  background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}

/* Tabele */
.prod-landing table{width:100%;border-collapse:collapse;display:block;overflow:auto;scrollbar-width:thin}
.prod-landing caption{caption-side:top;text-align:left;font-weight:600;margin-bottom:6px;color:var(--accent)}
.prod-landing thead th{position:sticky;top:0;background:rgba(195,58,58,.1)}
.prod-landing th,.prod-landing td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prod-landing tbody tr:hover{background:#fafafa}
.prod-landing .table-compact th,.prod-landing .table-compact td{padding:8px}
.prod-landing .mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}

/* FAQ (akordeony) */
.prod-landing .faq-grid{display:grid;gap:12px}
@media (min-width:760px){ .prod-landing .faq-grid{grid-template-columns:1fr 1fr;gap:14px} }
.prod-landing .faq details{
  border:1px solid var(--line);border-radius:14px;background:var(--card);
  padding:10px 12px;transition:all .2s ease;box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 18px rgba(0,0,0,.03)}
.prod-landing .faq details[open]{border-color:#d88a8a;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.03),0 8px 22px rgba(0,0,0,.05)}
.prod-landing .faq summary{list-style:none;cursor:pointer;font-weight:700;line-height:1.4;display:flex;align-items:center;gap:10px;position:relative;padding-right:28px}
.prod-landing .faq summary::-webkit-details-marker{display:none}
.prod-landing .faq summary:after{content:"";width:10px;height:10px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg);position:absolute;right:6px;top:50%;translate:0 -50%;transition:transform .2s ease}
.prod-landing .faq details[open] summary:after{transform:rotate(135deg)}
.prod-landing .faq details > div{margin-top:8px;color:var(--muted)}

/* CTA */
.prod-landing #cta{background:var(--accent);color:#fff;text-align:center}
.prod-landing #cta a{background:#fff;color:var(--accent);display:inline-block;margin-top:6px;padding:10px 14px;border-radius:16px;font-weight:700}

/* Media */
.prod-landing figure{margin:0;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff}
.prod-landing img{display:block;width:100%;height:auto}

/* Drobne korekty odstępów */
.prod-landing .wrap + .wrap{padding-top:calc(var(--spY) - 8px)}
.prod-landing .wrap h2 + .grid,.prod-landing .wrap h2 + p,.prod-landing .wrap h2 + .card{margin-top:8px}

/* Print / motion */
@media (prefers-reduced-motion: reduce){ .prod-landing{scroll-behavior:auto} }
@media print{
  .prod-landing a{color:#000;text-decoration:none}
  .prod-landing .chips,.prod-landing #cta{display:none !important}
  .prod-landing .wrap{padding:0}
  .prod-landing table{font-size:12px}
}/* End custom CSS */