.elementor-660 .elementor-element.elementor-element-534b0e4{--display:flex;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-660 .elementor-element.elementor-element-0294f34{--display:flex;}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-icon{width:14px;}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-icon i{font-size:14px;}.elementor-660 .elementor-element.elementor-element-0ba5c1d .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-theme-post-excerpt{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-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-660 .elementor-element.elementor-element-0c61596{--display:flex;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-660 .elementor-element.elementor-element-354f92a{--display:flex;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-660 .elementor-element.elementor-element-96398ce{--grid-columns:3;--grid-row-gap:30px;--grid-column-gap:30px;}.elementor-660 .elementor-element.elementor-element-f36bd5e{--display:flex;}@media(max-width:1024px){.elementor-660 .elementor-element.elementor-element-96398ce{--grid-columns:2;}}@media(max-width:767px){.elementor-660 .elementor-element.elementor-element-96398ce{--grid-columns:1;--grid-row-gap:16px;--grid-column-gap:16px;}}/* Start custom CSS for html, class: .elementor-element-67cdb80 */<!-- AUTO-MATES · SZABLON CASE STUDY · 1) LINK POWROTU + CAŁY STYL SZABLONU
     Widżet HTML – PIERWSZY element w kontenerze z klasą amc-hero__txt.
     Pokazuje link „Wszystkie case study", a w środku trzyma wygląd całego szablonu:
     górna sekcja, obrazek, tagi, tytuł, zajawka, biała karta z treścią i sekcja „Zobacz też".
     Treść wpisu (gotowy blok z Elementora albo zwykły tekst) wygląda dobrze sama – nic nie trzeba dodawać. -->
<a class="amc-back" href="/case-study/">
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path d="M19 12H5M11 6l-6 6 6 6" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>
  Wszystkie case study
</a>

<style>
/* ============ KOLORY ============ */
.elementor .amc-hero,.elementor .amc-body,.elementor .amc-more{
  --amc-p:#7c3bed; --amc-p2:#a174ff; --amc-pd:#6526d9;
  --amc-ink:#3a3842; --amc-txt:#5f5c68; --amc-soft:#f3edff; --amc-line:#ece4fd;
  font-family:"Montserrat",system-ui,-apple-system,"Segoe UI",sans-serif; color:var(--amc-txt);
  box-sizing:border-box;
}
.elementor .amc-hero *,.elementor .amc-body *{box-sizing:border-box}
.elementor .amc-hero>.e-con-inner,.elementor .amc-hero__txt>.e-con-inner,.elementor .amc-body>.e-con-inner,.elementor .amc-more>.e-con-inner{display:contents}
.elementor .amc-hero .elementor-element.elementor-widget,.elementor .amc-body .elementor-element.elementor-widget,.elementor .amc-more>.elementor-widget,.elementor .amc-more>.e-con-inner>.elementor-widget{margin:0}

/* ============ 1. GÓRA (kontener amc-hero) – pełna szerokość ============ */
.elementor .amc-hero{
  position:relative; isolation:isolate; overflow:hidden;
  display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr); align-items:center;
  gap:clamp(36px,5vw,84px); width:100%; max-width:none; margin:0;
  padding:clamp(48px,7vw,104px) max(20px,calc((100% - 1240px) / 2)) clamp(72px,8vw,128px);
  background:
    radial-gradient(40% 60% at 92% 18%,rgba(124,59,237,.16) 0%,rgba(124,59,237,0) 70%),
    radial-gradient(34% 45% at 4% 52%,rgba(161,116,255,.15) 0%,rgba(161,116,255,0) 70%),
    linear-gradient(180deg,rgba(246,241,255,0) 0%,#f6f1ff 18%,#fbf9ff 62%,rgba(251,249,255,0) 100%);
}
.elementor .amc-hero__txt{display:flex; flex-direction:column; align-items:stretch; gap:20px; padding:0; min-width:0; width:100%}

/* link powrotu */
.elementor .amc-back{
  display:inline-flex; align-items:center; gap:8px; color:var(--amc-p,#7c3bed);
  font-size:14px; font-weight:600; line-height:1; text-decoration:none; transition:gap .3s ease;
}
.elementor .amc-back:hover{gap:12px; color:var(--amc-pd,#6526d9)}
.elementor .amc-back:focus-visible{outline:3px solid #c4a6ff; outline-offset:3px}

/* tagi = branża (Informacje o wpisie, klasa amc-tag) */
.elementor .amc-tag ul{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none}
.elementor .amc-tag li{margin:0!important; padding:0!important}
.elementor .amc-tag li::after,.elementor .amc-tag .elementor-icon-list-icon{display:none!important}
.elementor .amc-tag .elementor-post-info__terms-list{display:flex; flex-wrap:wrap; gap:8px; font-size:0}
.elementor .amc-tag .elementor-post-info__terms-list-item{
  display:inline-flex; align-items:center; gap:8px; padding:8px 16px; border-radius:999px;
  background:#fff; color:var(--amc-pd); font-size:13px; font-weight:600; line-height:1; text-decoration:none;
  box-shadow:0 8px 20px -12px rgba(124,59,237,.55);
}
.elementor .amc-tag .elementor-post-info__terms-list-item::before{content:""; width:6px; height:6px; border-radius:50%; background:currentColor}

/* tytuł (Tytuł wpisu, klasa amc-title) i podtytuł (Zajawka wpisu, klasa amc-lead) */
.elementor .amc-title .elementor-heading-title,.elementor .amc-title h1{
  margin:0; font-family:inherit; font-size:clamp(30px,3.6vw,52px); font-weight:700;
  line-height:1.12; letter-spacing:-.02em; color:var(--amc-ink);
}
.elementor .amc-lead,.elementor .amc-lead p{
  margin:0; max-width:52ch; font-family:inherit; font-size:clamp(16px,1.35vw,19px); line-height:1.65; color:var(--amc-txt);
}

/* obrazek wyróżniający (klasa amc-cover) z fioletowym „cieniem" */
.elementor .amc-cover{position:relative; isolation:isolate; width:100%; margin:0 0 16px 16px}
.elementor .amc-cover::before{
  content:""; position:absolute; inset:0; z-index:-1; border-radius:28px;
  background:linear-gradient(135deg,var(--amc-p2),var(--amc-p)); transform:translate(-16px,16px) rotate(-2.5deg);
}
.elementor .amc-cover::after{
  content:""; position:absolute; top:-10px; right:-10px; width:22px; height:22px; border-radius:50%;
  background:var(--amc-p2); box-shadow:8px 46px 0 -6px var(--amc-p);
}
.elementor .amc-cover img{
  display:block; width:100%; height:auto; max-width:100%; aspect-ratio:4/3; object-fit:cover;
  border-radius:28px; box-shadow:0 30px 60px -30px rgba(76,29,149,.55);
}

/* ============ 2. BIAŁA KARTA Z TREŚCIĄ (kontener amc-body) ============ */
.elementor .amc-body{
  position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:start;
  gap:clamp(36px,5vw,72px); width:min(1240px,calc(100% - 24px)); max-width:none; margin:-40px auto 0;
  padding:clamp(26px,5vw,64px); background:#fff; border-radius:32px;
  box-shadow:0 30px 60px -48px rgba(58,56,66,.35);
}

/* ---- treść wpisu (Treść wpisu, klasa amc-content) ---- */
.elementor .amc-content{min-width:0; max-width:780px; font-family:inherit; font-size:16.5px; line-height:1.8; color:var(--amc-txt)}
.elementor .amc-content .elementor-widget-container>:first-child,.elementor .amc-content>:first-child{margin-top:0}
.elementor .amc-content p{margin:0 0 1.15em}
.elementor .amc-content strong{color:var(--amc-ink); font-weight:700}
.elementor .amc-content a{color:var(--amc-p); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px}
.elementor .amc-content h2{
  display:flex; align-items:center; gap:14px; margin:2em 0 .7em;
  font-family:inherit; font-size:clamp(22px,2vw,28px); font-weight:700; line-height:1.25; color:var(--amc-ink);
}
.elementor .amc-content h2::before{content:""; flex:none; width:28px; height:4px; border-radius:4px; background:linear-gradient(90deg,var(--amc-p),var(--amc-p2))}
.elementor .amc-content h3{margin:1.6em 0 .5em; font-family:inherit; font-size:20px; font-weight:700; line-height:1.3; color:var(--amc-ink)}
.elementor .amc-content ul{margin:0 0 1.3em; padding:0; list-style:none}
.elementor .amc-content ul li{position:relative; margin:0 0 .6em; padding-left:34px}
.elementor .amc-content ul li::before{
  content:""; position:absolute; left:0; top:.28em; width:22px; height:22px; border-radius:50%;
  background:var(--amc-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3bed' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/12px no-repeat;
}
.elementor .amc-content ol{margin:0 0 1.3em; padding:0; list-style:none; counter-reset:amc}
.elementor .amc-content ol li{position:relative; margin:0 0 .7em; padding-left:40px; counter-increment:amc}
.elementor .amc-content ol li::before{
  content:counter(amc); position:absolute; left:0; top:.1em; width:28px; height:28px; border-radius:50%;
  display:grid; place-items:center; background:var(--amc-p); color:#fff; font-size:13px; font-weight:700; line-height:1;
}
.elementor .amc-content blockquote{
  margin:2em 0; padding:26px 30px 26px 32px; background:linear-gradient(135deg,#f8f4ff 0%,#fff 100%);
  border:1px solid var(--amc-line); border-left:4px solid var(--amc-p); border-radius:20px;
  color:var(--amc-ink); font-size:17px; font-style:italic; line-height:1.7;
}
.elementor .amc-content blockquote p{margin:0}
.elementor .amc-content blockquote cite{display:block; margin-top:12px; font-size:14px; font-style:normal; font-weight:600; color:var(--amc-p)}
.elementor .amc-content figure{margin:1.8em 0}
.elementor .amc-content img{max-width:100%; height:auto; border-radius:18px}
.elementor .amc-content figcaption{margin-top:10px; font-size:13px; text-align:center; color:#8a8794}

/* ---- treść dodana w Elementorze (gotowy blok „Case study – treść") ---- */
.elementor .amc-content .am-blok{display:flex; flex-direction:column; gap:40px; padding:0; margin:0}
.elementor .amc-content .am-blok>.e-con-inner,.elementor .amc-content .am-wyniki>.e-con-inner{display:contents}
.elementor .amc-content .elementor-widget{margin:0}
.elementor .amc-content .elementor-widget-text-editor{font-family:inherit; font-size:inherit; line-height:inherit; color:inherit}
.elementor .amc-content .elementor-widget-text-editor>:first-child,.elementor .amc-content .elementor-widget-text-editor>.elementor-widget-container>:first-child{margin-top:0}
.elementor .amc-content .elementor-widget-text-editor>:last-child,.elementor .amc-content .elementor-widget-text-editor>.elementor-widget-container>:last-child{margin-bottom:0}

/* ---- (opcjonalnie) W skrócie: Klient / Narzędzia / Czas – <div class="am-fakty"> ---- */
.elementor .amc-content .am-fakty{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; margin:0 0 18px; padding:0;
  background:#faf8ff; border:1px solid var(--amc-line); border-radius:18px; overflow:hidden;
}
.elementor .amc-content .am-fakty>*{margin:0; padding:16px 20px; flex-basis:auto!important}
.elementor .amc-content .am-fakty>*+*{border-left:1px solid var(--amc-line)}
.elementor .amc-content .am-fakty p{margin:0; line-height:1.4}
.elementor .amc-content .am-fakty p:first-child{margin-bottom:6px; font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#8f84b8}
.elementor .amc-content .am-fakty p:last-child{font-size:14.5px; font-weight:600; color:var(--amc-ink)}

/* ---- (opcjonalnie) Wyniki: kafelki z liczbą – <div class="am-wyniki"> ---- */
.elementor .amc-content .am-wyniki{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 .5em}
.elementor .amc-content .am-wyniki>*{
  margin:0; padding:22px 22px 20px; border-radius:20px; flex-basis:auto!important;
  background:linear-gradient(160deg,#f3ecff 0%,#fff 100%); border:1px solid var(--amc-line);
}
.elementor .amc-content .am-wyniki p{margin:0; font-size:14px; line-height:1.5}
.elementor .amc-content .am-wyniki p:first-child{
  margin-bottom:6px; font-size:clamp(24px,2.3vw,32px); font-weight:800; line-height:1.1; letter-spacing:-.02em; color:var(--amc-p);
}

/* ---- (opcjonalnie) Schemat „Jak to działa" – <div class="am-schemat"> z .am-flow i .am-flow-dol ---- */
.elementor .amc-content .am-schemat{
  margin:0 0 1.5em; padding:clamp(20px,3vw,32px); border-radius:24px;
  background:
    radial-gradient(rgba(124,59,237,.10) 1px,transparent 1.4px) 0 0/18px 18px,
    linear-gradient(160deg,#f8f4ff 0%,#fdfcff 100%);
  border:1px solid var(--amc-line);
}
.elementor .amc-content .am-flow,.elementor .amc-content .am-flow-dol{
  display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:44px; margin:0; align-items:stretch;
}
.elementor .amc-content .am-flow-dol{margin-top:44px; align-items:center}
.elementor .amc-content .am-flow>*,.elementor .amc-content .am-flow-dol>:first-child{
  position:relative; margin:0; padding:18px 16px; border-radius:16px; text-align:center; flex-basis:auto!important;
  background:#fff; border:1px solid #e3d8fb; box-shadow:0 12px 26px -20px rgba(76,29,149,.45);
  display:flex; flex-direction:column; justify-content:center;
}
.elementor .amc-content .am-flow p,.elementor .amc-content .am-flow-dol p{margin:0; line-height:1.4}
.elementor .amc-content .am-flow p:first-child,.elementor .amc-content .am-flow-dol>:first-child p:first-child{font-size:16px; font-weight:700; color:var(--amc-ink)}
.elementor .amc-content .am-flow p+p,.elementor .amc-content .am-flow-dol>:first-child p+p{margin-top:4px; font-size:13px; color:var(--amc-txt)}
/* środkowy krok = narzędzie, fioletowy */
.elementor .amc-content .am-flow>:nth-child(2){
  background:linear-gradient(140deg,#8d52ff,#6526d9); border-color:transparent; box-shadow:0 18px 34px -18px rgba(101,38,217,.8);
}
.elementor .amc-content .am-flow>:nth-child(2) p{color:#fff!important}
.elementor .amc-content .am-flow>:nth-child(2) p+p{color:rgba(255,255,255,.85)!important}
/* strzałki → */
.elementor .amc-content .am-flow>:not(:last-child)::after{
  content:""; position:absolute; top:50%; right:-35px; width:26px; height:26px; transform:translateY(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3bed' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* dolny rząd: dodatkowe źródło pod środkiem + wyniki po prawej */
.elementor .amc-content .am-flow-dol>:first-child{grid-column:2; border-style:dashed; border-color:#c9b2fb; background:#fff}
.elementor .amc-content .am-flow-dol>:first-child::before{
  content:""; position:absolute; left:50%; top:-42px; width:24px; height:40px; transform:translateX(-50%);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 40' fill='none' stroke='%237c3bed' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 38V4M6 10l6-6 6 6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.elementor .amc-content .am-flow-dol>:last-child{grid-column:3; margin:0; padding:0; flex-basis:auto!important}
.elementor .amc-content .am-flow-dol ul{margin:0}
.elementor .amc-content .am-flow-dol ul li{margin:0 0 8px; padding-left:28px; font-size:14px; font-weight:700; line-height:1.4; color:var(--amc-pd)}
.elementor .amc-content .am-flow-dol ul li::before{top:0; width:19px; height:19px; background-size:10px}

/* ============ 3. ZOBACZ TEŻ (kontener amc-more) ============ */
.elementor .amc-more{
  display:flex; flex-direction:column; gap:28px; width:min(1240px,calc(100% - 24px)); max-width:none;
  margin:clamp(56px,7vw,96px) auto clamp(64px,8vw,112px); padding:0;
}

/* ============ TELEFON / TABLET ============ */
@media (max-width:1024px){
  .elementor .amc-hero{grid-template-columns:1fr}
  .elementor .amc-cover{max-width:620px}
  .elementor .amc-body{grid-template-columns:1fr}
  .elementor .amc-content{max-width:none}
}
@media (max-width:760px){
  .elementor .amc-content .am-fakty{grid-template-columns:1fr}
  .elementor .amc-content .am-fakty>*+*{border-left:0; border-top:1px solid var(--amc-line)}
  .elementor .amc-content .am-wyniki{grid-template-columns:1fr; gap:10px}
  .elementor .amc-content .am-wyniki>*{display:flex; align-items:center; gap:16px; padding:16px 18px}
  .elementor .amc-content .am-wyniki p:first-child{flex:none; min-width:96px; margin:0; font-size:24px}
  .elementor .amc-content .am-flow,.elementor .amc-content .am-flow-dol{grid-template-columns:1fr; gap:36px}
  .elementor .amc-content .am-flow>:not(:last-child)::after{top:auto; right:auto; left:50%; bottom:-31px; transform:translateX(-50%) rotate(90deg)}
  .elementor .amc-content .am-flow-dol{margin-top:36px; gap:18px}
  .elementor .amc-content .am-flow-dol>:first-child,.elementor .amc-content .am-flow-dol>:last-child{grid-column:auto}
  .elementor .amc-content .am-flow-dol>:first-child::before{
    content:"Korzysta też z:"; position:static; width:auto; height:auto; transform:none; background:none;
    margin-bottom:6px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#8f84b8;
  }
}
@media (max-width:600px){
  .elementor .amc-hero{padding-top:36px; gap:28px}
  .elementor .amc-hero__txt{gap:16px}
  .elementor .amc-cover{margin:0 0 12px 12px}
  .elementor .amc-cover::before{transform:translate(-12px,12px) rotate(-2.5deg)}
  .elementor .amc-body{border-radius:24px; width:calc(100% - 20px); margin-top:-28px}
  .elementor .amc-content{font-size:16px}
  .elementor .amc-content blockquote{padding:22px 20px 22px 22px}
}
<\/style>/* End custom CSS */