body.postid-52234 {
	scroll-margin-top: 120px;
}

:root body.postid-52234 article,
body.postid-52234 .website-header .website-header-content-text{
	font-size: var(--font-size-normal-1);
}

body.postid-52234 .wrapper .wrapper-post {
    max-width: 1280px;
}

body.postid-52234 .website-header .website-header-title {
	font-size: var(--font-size-normal-3);
}

body.postid-52234 .website-header .website-header-title em {
	color: #6ec176;
	font-size: calc(var(--font-size-big-2) * 1.1);
}

body.postid-52234 .website-header .website-header-title em:before,
body.postid-52234 .website-header .website-header-title em:after {
	display: none;
}

body.postid-52234 .website-header-content {
    margin: 0;
    max-width: 640px;
    min-width: 30%;
}

body.postid-52234 .website-header {
	gap: 50px;
	margin-top: 80px;
}

body.postid-52234 .website-header-media img {
    max-height: 600px;
    max-width: 600px;
}

body.postid-52234 .website-header-media:after {
    background: url('https://spikkeo.com/wp-content/uploads/2026/06/header-bg-alt-2.webp') center center no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    display: block !important;
    height: 717px;
    left: 30%;
    top: -30%;
    width: 928px;
}

body.postid-52234 .website-header .website-header-suptitle {
	margin-bottom: 12px;
}

body.postid-52234 .website-header .website-header-title em {
    margin-top: 15px;
    line-height: 1.1;
}

body.postid-52234 .wp-block-media-text.has-gradient-bg:after {
	display: none;	
}

body.postid-52234 .wp-block-media-text .wp-block-media-text__media img {
	transform: translateX(-50px);
}

body.postid-52234 .wp-block-media-text p > a,
body.postid-52234 .slider-list-item-description a {
	color: #31534e;
	text-decoration: underline;
}

body.postid-52234 .wp-block-media-text p > a:is(:active, :focus, :hover),
body.postid-52234 .slider-list-item-description a:is(:active, :focus, :hover) {
	text-decoration: none;
}

body.postid-52234 #wybierz-kurs .wp-block-group__inner-container > h2,
body.postid-52234 #wybierz-kurs .wp-block-group__inner-container > p {
	max-width: 1060px;
	margin-left: auto;
	margin-right: auto;
}

body.postid-52234 .pricing.is-test-mode .pricing-column-details dd strong {
	display: block;
	font-size: var(--font-size-small-2);
	padding: 4px 0 10px 0;
}


body.postid-52234 #wybierz-kurs {
	position: relative;
}

body.postid-52234 #wybierz-kurs:before {
    content: '';
    position: absolute;
    background: url(//spikkeo.com/wp-content/themes/spikkeo/./images/v2/discussion-icon.svg) no-repeat;
    display: block;
    height: 112px;
    top: -80px;
	right: -8%;
    top: -80px;
	pointer-events: none;
    width: 137px;
    transform: rotate(145deg);
}

body.postid-52234 #wybierz-kurs:after {
	background: url('https://spikkeo.com/wp-content/uploads/2026/06/gradient-bg.png') no-repeat center center;
	background-size: contain;
	bottom: -30%;
	content: "";
	height: 1270px;
    left: 30%;
	pointer-events: none;
	position: absolute;
	width: 1270px;
	z-index: 0;
}

body.postid-52234 #wybierz-kurs > div {
	position: relative;
	z-index: 1;
}

body.postid-52234 .pricing.is-test-mode .pricing-column {
	background: #fff;
}

body.postid-52234 .pricing.is-test-mode .pricing-column:nth-child(2) {
  border: 1px solid transparent;
  border-radius: 10px;
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(#31534e, #e8ebeb) border-box;
}

body.postid-52234 .pricing.is-test-mode .pricing-column:nth-child(2):before {
	background: #31534e;
	border-radius: 30px;
	color: #fff;
	content: "Najczęściej wybierany";
	line-height: 1;
	font-size: 12px;
	font-weight: 600;
	left: 50%;
	padding: 6px 20px;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%) translateY(-50%);
}

body.postid-52234 .slider-list-item-title {
	font-size: 52px;
    font-weight: 700;
    text-stroke: 2px rgba(110,193,118,.17);
    -webkit-text-stroke: 2px rgba(110, 193, 118, .17);
}

body.postid-52234 .is-excuses-slider .slider-list-item-title {
	font-size: var(--font-size-normal-2);
	color: #6ec176;
	text-fill-color: #6ec176;
	-webkit-text-fill-color: #6ec176;
}

body.postid-52234 .slider-list-item-title:before {
	display: none;
}

body.postid-52234 .slider {
	margin-top: 50px;
}

body.postid-52234 .slider .slider-list .slider-list-item:before {
	display: none;
}

body.postid-52234 .slider .slider-wrapper,
body.postid-52234 .slider .slider-wrapper .slider-content {
	overflow: visible;
}

body.postid-52234 .slider-list-item-title {
	background: none;
	padding: 0;
	position: relative;
	top: -10px;
}

body.postid-52234 .slider-list-nav-item {
	border: none;
	height: 8px;
	padding-left: 0!important;
	width: 8px;
}

body.postid-52234 .slider-list-nav-item:before {
	display: none;
}

body.postid-52234 .slider-list-nav {
	justify-content: flex-start;
}

body.postid-52234 #dlaczego-warto h2,
body.postid-52234 #dlaczego-warto p {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
}

body.postid-52234 #dlaczego-warto {
	padding: 100px 0 0 0;
	position: relative;
}

body.postid-52234 #dlaczego-warto:after {
	background: url('https://spikkeo.com/wp-content/uploads/2026/06/gradient-bg.png') no-repeat center center;
	background-size: contain;
	bottom: -30%;
	content: "";
	height: 1270px;
    left: -40%;
	pointer-events: none;
	position: absolute;
	transform: rotate(180deg);
	width: 1270px;
	z-index: 0;
}

body.postid-52234 #dlaczego-warto > div {
	position: relative;
	z-index: 1;
}

body.postid-52234 .has-deco-line {
	padding-bottom: 30px;
	position: relative;
}


body.postid-52234 .has-deco-line:after {
    background: 0 0;
    border-bottom: 2px dashed #48ba81;
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
	transform: translateX(-50%);
    width: 130px;
}

body.postid-52234 #zalety {
	margin-top: 100px;
	padding: 100px 0;
	position: relative;
}

body.postid-52234 #zalety:before {
	background: url('https://spikkeo.com/wp-content/uploads/2026/06/section-bg.jpg') no-repeat center center;
	background-size: cover;
	content: "";
	height: 100%;
	left: 50%;
	opacity: .19;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 0;
}

body.postid-52234 #zalety:after {
	background: rgba(110, 193, 118, 0.5);
	content: "";
	height: 100%;
	left: 50%;
	opacity: .19;
	pointer-events: none;
	position: absolute;
	top: 0;
	transform: translateX(-50%);
	width: 100vw;
	z-index: 1;
}

body.postid-52234 #zalety > div {
	position: relative;
	z-index: 3;
}


body.postid-52234 #zalety .wp-block-group__inner-container > h2,
body.postid-52234 #zalety .wp-block-group__inner-container > p {
	max-width: 960px;
}

body.postid-52234 #zalety .wp-block-group__inner-container:before {
    content: '';
    position: absolute;
    background: url(//spikkeo.com/wp-content/themes/spikkeo/./images/v2/discussion-icon.svg) no-repeat;
    display: block;
    height: 112px;
    top: -80px;
	left: -150px;
    top: -200px;
	pointer-events: none;
    width: 137px;
}

/* CMP */

.cmp{
  --cmp-brand:      #5aa87a;
  --cmp-ink:        #2f4a40;
  --cmp-ink-soft:   #5b6f68;
  --cmp-line:       rgba(95,197,188,.19);
  --cmp-radius:     24px;
  --cmp-col-gap:    1.75rem;
  /* karty */
  --cmp-card-bg:        #ffffff;
  --cmp-card-shadow:    0 24px 60px -20px rgba(47,74,64,.22);
  --cmp-card-alt-bg:    rgba(255,255,255,.5);
  --cmp-card-alt-shadow:0 14px 40px -22px rgba(47,74,64,.13);
  /* badge */
  --cmp-badge-bg:     var(--cmp-brand); --cmp-badge-fg:#fff;
  --cmp-badge-alt-bg:#FAFFFB;           
  --cmp-badge-alt-fg:#54635c;
  /* ikona (zielony check w jasnym kółku) – ta sama w obu kolumnach */
  --cmp-ico:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyNSAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjIyNDYwOSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiByeD0iMTIiIGZpbGw9IiM2RUMxNzYiIGZpbGwtb3BhY2l0eT0iMC4xIi8+CjxwYXRoIGQ9Ik0xNy4zMTI1IDkuMTYyNkwxMS4xODc1IDE1LjI4NzNMOC4xMjUgMTIuMjI1MSIgc3Ryb2tlPSIjNkVDMTc2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K);
}

.cmp{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows:3.5rem repeat(6, auto);   /* pasek nagłówka + 6 wierszy */
  column-gap:var(--cmp-col-gap);
  align-items:stretch;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:var(--cmp-ink);
  margin-top: 100px;
  margin-left: -100px;
  width: 1480px;
  max-width: 96vw;
}
 
/* --- podkłady kart --- */
.cmp-bg{grid-row:1 / -1; border-radius:var(--cmp-radius); z-index:0}
.cmp-bg-main{
	border: 1px solid transparent;
	grid-column:2; 
	background: linear-gradient(var(--cmp-card-bg), var(--cmp-card-bg)) padding-box, linear-gradient(rgba(72, 186, 129, 1), rgba(72, 186, 129, 0)) border-box;
}
.cmp-bg-alt {grid-column:3; background:var(--cmp-card-alt-bg); box-shadow:var(--cmp-card-alt-shadow)}
 
/* --- wrappery: znikają, dzieci wchodzą do gridu --- */
.cmp-col{
	display:contents; 
}
 
/* etykiety (kolumna 1, tylko desktop) */
.cmp-corner{grid-column:1; grid-row:1}
.cmp-label{
  grid-column:1;
  display:flex; align-items:center;
  padding:1.4rem 0;
  font-size:1.15rem; font-weight:700;
  border-top:1px solid var(--cmp-line);
  margin: 0 45px;
  position: relative;
  top: -25px;
}
 
/* komórki treści – jawne wiersze, by leżeć na podkładzie */
.cmp-col-main > *{grid-column:2; position:relative; z-index:1}
.cmp-col-alt  > *{grid-column:3; position:relative; z-index:1}
.cmp-col-main > :nth-child(1),.cmp-col-alt > :nth-child(1){grid-row:2}
.cmp-col-main > :nth-child(2),.cmp-col-alt > :nth-child(2){grid-row:3}
.cmp-col-main > :nth-child(3),.cmp-col-alt > :nth-child(3){grid-row:4}
.cmp-col-main > :nth-child(4),.cmp-col-alt > :nth-child(4){grid-row:5}
.cmp-col-main > :nth-child(5),.cmp-col-alt > :nth-child(5){grid-row:6}
.cmp-col-main > :nth-child(6),.cmp-col-alt > :nth-child(6){grid-row:7}
 
.cmp-cell{
  display:flex; 
  align-items:center; 
  gap:.7rem;
  padding: 1.4rem 0;
  font-size:.98rem; 
  line-height:1.55;
  border-top:1px solid var(--cmp-line);
  margin: 0 45px;
  position: relative;
  top: -25px;
}
/* pierwszy wiersz treści bez górnej kreski */
.cmp-col-labels > :nth-child(2),
.cmp-col-main   > :nth-child(1),
.cmp-col-alt    > :nth-child(1){border-top:0}
 
.cmp-cell strong{font-weight:700}
.cmp-col-alt > .cmp-cell{color:var(--cmp-ink-soft)}
 
/* ikona – ta sama w obu kolumnach */
.cmp-ico{
  flex:none; width:25px; height:25px; margin-top:.1rem;
  background:var(--cmp-ico) center / contain no-repeat;
}
 
/* --- badge (nachodzi na górną krawędź swojej karty) --- */
.cmp-badge{
  grid-column:2; grid-row:1;
  justify-self:center; align-self:start;
  transform:translateY(-50%);
  z-index:2;
  padding:.5rem 1.4rem; border-radius:999px;
  background: linear-gradient(87deg, #48BA81 29.61%, #6EC176 93.99%);
  box-shadow: 0 18px 30px -11px rgba(110, 193, 118, 0.26);
  color:var(--cmp-badge-fg);
  font-size:.74rem; font-weight:600; letter-spacing:.06em; text-transform:uppercase;
  white-space:nowrap;
}
.cmp-badge-alt{
  grid-column:3;
  background:var(--cmp-badge-alt-bg); color:var(--cmp-badge-alt-fg);
	box-shadow: none;
}
 
/* MOBILE – etykiety kolumny 1 znikają, ale temat każdego punktu pokazuje się nad nim (::before z data-label). Dwie karty jedna pod drugą. */
@media (max-width:768px){
  .cmp{display:block}
  .cmp-bg{display:none}
  .cmp-col-labels{display:none}
 
  .cmp-badge{
    display:block; width:max-content;
    margin:0 auto -.9rem;            /* nachodzi na kartę pod spodem */
    transform:none; position:relative; z-index:2;
  }
 
  .cmp-col-main,
  .cmp-col-alt{
    display:block;
    border-radius:var(--cmp-radius);
    padding:1.6rem 0 .6rem;
  }
  .cmp-col-main{
    background:var(--cmp-card-bg); box-shadow:var(--cmp-card-shadow);
    margin-bottom:2.5rem;            /* odstęp do następnej karty */
  }
  .cmp-col-alt{
    background:var(--cmp-card-alt-bg); box-shadow:var(--cmp-card-alt-shadow);
  }
 
  /* etykieta tematu nad treścią każdego punktu */
  .cmp-cell{flex-wrap:wrap; row-gap:.3rem}
  .cmp-cell::before{
    content:attr(data-label);
    flex:0 0 100%;
    font-size:.72rem; font-weight:600; letter-spacing:.05em; text-transform:uppercase;
    color:var(--cmp-ink-soft);
  }
}
 
/* 
   Liczba WIERSZY != 6? Zmienić grid-template-rows ("3.5rem repeat(N, auto)") oraz pary :nth-child() z grid-row.
   UWAGA: tekst etykiet jest w DWÓCH miejscach – w .cmp-label (desktop) oraz w data-label na komórkach (mobile).
*/

@media (max-width: 1440px) {
	body.postid-52234 .website-header-media:after {
		top: -33%;
	}
	
	body.postid-52234 .cmp {
		margin-left: 0;
    	width: 100%;
	}
}

@media (max-width: 1280px) {
	body.postid-52234 .website-header-media:after {
		top: -42%;
	}
	
	body.postid-52234 .cmp {
		grid-template-columns: .5fr 1.5fr 1.5fr;
	}
	
	body.postid-52234 .cmp-cell {
		margin: 0 20px;
	}
}

@media (max-width: 1160px) {
	body.postid-52234 .website-header-media:after {
		top: -55%;
	}
}

@media (max-width: 1024px) {
    .slider .slider-list-item {
        padding: 40px 20px 20px 20px;
    }
}

@media (max-width: 820px) {
	body.postid-52234 .website-header-media:after {
		top: -25%;
	}
}

@media (max-width: 768px) {
	body.postid-52234 .cmp-ico {
		display: none;
	}
	
	body.postid-52234 #zalety,
	body.postid-52234 #dlaczego-warto {
		padding: 50px 0;
	}
}

@media (max-width: 720px) {
	body.postid-52234 .website-header-media:after {
		height: 440px;
    	width: 640px;
	}
	
	body.postid-52234 .wp-block-media-text .wp-block-media-text__media img {
		transform: none;
	}
}