:root {
    
  --very-light-beige-30: #f7f5ef;
  --very-light-beige: #f5f2e6;
  --light-beige: #ede9dc;
  --beige: #dbd6c2;
  --dark-beige: #c7c2ad;
  --very-dark-beige: #908e87;
  
  --brand: #ebfb41;
  --brand-oposit: #1a1a18;
  --black: #1a1a18;
  --white: #ffffff;

  --s-pol-pp: #ff5723;
  --s-mat-pp: #04a9f3;
  --s-ang-pp: #7996bd;

  --s-pol-pr: #e53a1c;
  --s-mat-pr: #3c88e4;
  --s-ang-pr: #4e698b;
  --s-fiz-pr: #ff9800;
  --s-che-pr: #009688;
  --s-bio-pr: #249b23;
  --s-geo-pr: #9f614a;
  --s-wos-pr: #5e9191;
  --s-his-pr: #d19335;


  --padding-0: 0rem;
  --padding-05: min(max(0.125rem, calc(0.125rem + ((1vw - 0.32rem) * 0.075))), 0.1875rem);
  --padding-1: min(max(0.25rem, calc(0.25rem + ((1vw - 0.32rem) * 0.15))), 0.375rem);   /* 4–6px */
  --padding-2: min(max(0.5rem, calc(0.5rem + ((1vw - 0.32rem) * 0.2))), 0.75rem);       /* 8–12px */
  --padding-3: min(max(0.75rem, calc(0.75rem + ((1vw - 0.32rem) * 0.25))), 1.125rem);   /* 12–18px */
  --padding-4: min(max(1rem, calc(1rem + ((1vw - 0.32rem) * 0.3))), 1.5rem);            /* 16–24px */
  --padding-5: min(max(1.25rem, calc(1.25rem + ((1vw - 0.32rem) * 0.35))), 1.875rem);   /* 20–30px */
  --padding-6: min(max(1.5rem, calc(1.5rem + ((1vw - 0.32rem) * 0.4))), 2.25rem);       /* 24–36px */
  --padding-7: min(max(1.75rem, calc(1.75rem + ((1vw - 0.32rem) * 0.45))), 2.625rem);   /* 28–42px */
  --padding-8: min(max(2rem, calc(2rem + ((1vw - 0.32rem) * 0.5))), 3rem);              /* 32–48px */
  --padding-9: min(max(2.25rem, calc(2.25rem + ((1vw - 0.32rem) * 0.55))), 3.375rem);   /* 36–54px */
  --padding-10: min(max(2.5rem, calc(2.5rem + ((1vw - 0.32rem) * 0.6))), 3.75rem);      /* 40–60px */
  --padding-11: min(max(2.75rem, calc(2.75rem + (1vw - 0.32rem) * 0.65)), 4.375rem);      /* 44–70px */
  --padding-12: min(max(3rem, calc(3rem + (1vw - 0.32rem) * 0.7)), 4.625rem);             /* 48–74px */
  --padding-13: min(max(3.25rem, calc(3.25rem + (1vw - 0.32rem) * 0.75)), 4.875rem);      /* 52–78px */
  --padding-14: min(max(3.5rem, calc(3.5rem + (1vw - 0.32rem) * 0.8)), 5.125rem);         /* 56–82px */
  --padding-15: min(max(3.75rem, calc(3.75rem + (1vw - 0.32rem) * 0.85)), 5.375rem);      /* 60–86px */
}

/* cookies banner */

.cky-btn-revisit-wrapper {display: none !important;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
}


/* scroll bar style */

.scroll {
  padding-right: 12px;
  padding-top: 8px;
  scrollbar-width: thin;
  scrollbar-color: #EDE9DC #ffffff00;
  overflow-x: hidden;
  
}

/* Chrome / Safari / Edge */
.scroll::-webkit-scrollbar {
  width: 4px;
}

.scroll::-webkit-scrollbar-track {
  background: #f4efe7;
  border-radius: 10px;
  margin-top: 8px;
  margin-right: 12px;}

.scroll::-webkit-scrollbar-thumb {
  background: #c8bba8;
  border-radius: 12px;
}


/* TEKST TEKST TEKST */

/* Czcionka variable – NORMAL */
@font-face {
  font-family: 'Mona Sans Variable';
  src: url('/wp-content/uploads/fonts/MonaSans-VariableFont.woff2') format('woff2');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: normal;
  font-display: swap;
}

/* Czcionka zmiennowagowa – ITALIC */
@font-face {
  font-family: 'Mona Sans Variable';
  src: url('/wp-content/uploads/fonts/MonaSans-Italic-VariableFont.woff2') format('woff2');
  font-weight: 200 900;
  font-stretch: 75% 125%;
  font-style: italic;
  font-display: swap;
}

/* Czcionka Grotesk */
@font-face {
  font-family: 'Grotesk';
  src: url('/wp-content/uploads/fonts/PPRightGrotesk-SpatialDarkItalic.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.font-grotesk {
  font-family: 'Grotesk', 'Mona Sans Variable', 'Mona Sans', sans-serif !important;
  text-transform: uppercase !important;
  font-weight: 400  !important;
  line-height: 1.2;
}

.font-mona-sans-variable {
  font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif !important;
  font-stretch: 130% !important;
  text-transform: none !important;
}

h3, h4, h5, h6, .text--mona-variable {
  font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif !important;
  font-stretch: 130% !important;
  text-transform: none !important;
}

p {    line-height: 150%;}

.font-h1 {    font-size: clamp(32px, 3vw, 48px) !important;}
.font-h2 {    font-size: clamp(24px, 2.5vw, 36px) !important;}
.font-h3 {    font-size: clamp(20px, 2vw, 28px) !important;}
.font-h4 {    font-size: clamp(18px, 1.5vw, 24px) !important;}
.font-h5 {    font-size: clamp(16px, 1.2vw, 18px) !important;}
.font-h6 {    font-size: clamp(14px, 1vw, 16px) !important;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Spacing */
.tracking-wide { letter-spacing: 0.05rem; }
.tracking-wider { letter-spacing: 0.1rem; }

/* Transform */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

/* Decoration */
.underline { text-decoration: underline; }
.hover-underline:hover { text-decoration: underline; }

/* Weight */
.font-400 { font-weight: 400 !important; }
.font-500 { font-weight: 500 !important; }
.font-600 { font-weight: 600 !important; }
.font-700 { font-weight: 700 !important; }
.font-800 { font-weight: 800 !important; }
.font-900 { font-weight: 900 !important; }

/* Colors */
.text-color-black {        color: var(--black) !important;}
.text-color-beige-200 {    color: var(--light-beige) !important;}
.text-color-vdb {        color: var(--very-dark-beige) !important;}
.text-color-white {        color: var(--white) !important;}

.text-x2 {    font-size: 3rem !important;}
.text-s {    font-size: 14px;}
.text-xs {    font-size: 12px;}
.text-xxs {    font-size: 10px;}


.text-lh-150 {    line-height: 150%;}
.text-lh-130 {    line-height: 130%;}
.text-lh-110 {    line-height: 110%;}
.text-lh-100 {    line-height: 100%;}




/* KOLORY BG */

.bg-vlb30 {    background: var(--very-light-beige-30)}
.bg-vlb {    background: var(--very-light-beige)}
.bg-lb {    background: var(--light-beige)}
.bg-b {        background: var(--beige)}
.bg-db {    background: var(--dark-beige)}
.bg-vdb {    background: var(--very-dark-beige)}
.bg-brand {    background: var(--brand)}
.bg-white {    background: var(--white)}
.bg-black {    background: var(--black)}

.bg-transparent {    background: transparent; }


.bg-pol { background-color: var(--s-pol-pp) !important; }
.bg-mat { background-color: var(--s-mat-pp) !important; }
.bg-ang { background-color: var(--s-ang-pp) !important; }

.bg-pol-pr { background-color: var(--s-pol-pr) !important; }
.bg-mat-pr { background-color: var(--s-mat-pr) !important; }
.bg-ang-pr { background-color: var(--s-ang-pr) !important; }
.bg-fiz { background-color: var(--s-fiz-pr) !important; }
.bg-che { background-color: var(--s-che-pr) !important; }
.bg-bio { background-color: var(--s-bio-pr) !important; }
.bg-geo { background-color: var(--s-geo-pr) !important; }
.bg-wos { background-color: var(--s-wos-pr) !important; }
.bg-his { background-color: var(--s-his-pr) !important; }

@media (max-width: 1023px) {
.l-bg-vlb30 {    background: var(--very-light-beige-30)}
.l-bg-vlb {    background: var(--very-light-beige)}
.l-bg-lb {    background: var(--light-beige)}
.l-bg-b {        background: var(--beige)}
.l-bg-dv {    background: var(--dark-beige)}
.l-bg-vdb {    background: var(--very-dark-beige)}
.l-bg-brand {    background: var(--brand)}
.l-bg-white {    background: var(--white)}
.l-bg-black {    background: var(--black)}
}

/*** BORDERS ***/

.border {
    border: solid 1px;
    border-radius: 0.5rem;
}

.border-beige {    border-color: var(--beige)}
.border-vlb {    border-color: var(--very-light-beige)}
.border-white {    border-color: var(--white)}
.border-pol {border-color: var(--s-pol-pp)}


.border-none {
    border: none !important;
}

@media (max-width: 1023px) {
.l-border-none {
    border: none !important;
    }}

@media (max-width: 767px) {
.m-border-none {
    border: none !important;
    }}

@media (max-width: 479px) {
.s-border-none {
    border: none !important;
    }}

.border-4 {
    border-radius: 0.25rem;
}
.border-8 {
    border-radius: 0.5rem;
}
.border-16 {
    border-radius: 1rem;
}
.border-max{
    border-radius: 1000px;
}

.border-solid-4 {
    border: 0.25rem solid ;
}
.border-solid-8 {
    border: 0.5rem solid;
}




/* BUTTONS */


.button {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  padding-left: 24px;
  padding-right: 24px;
  height: 48px;
  border-radius: 8px;
  box-sizing: border-box;
  transition: background-color 300ms ease;
  transition: border-color 300ms ease;
}

.button img {
     width: 14px;
    height: 14px;
}

.button-img-24 {
    width: 24px !important;
    height: 24px !important;
}

.button-small {
  padding-left: 12px;
  padding-right: 12px;
  height: 32px;
}

.button-big {
  padding-left: 32px;
  padding-right: 32px;
  height: 64px;
}

.button-opacity {
  background-color: transparent;
  border: 1px solid transparent;
  color: var(--black);
  opacity: 50%;
}
.button-opacity:hover {
  opacity: 100%;
}

.button-white {
  background-color: var(--white);
  border: 1px solid var(--beige);
  font-size: 14px;
  font-weight: 700 !important;
  font-style: italic;
  color: var(--black);
}

.button-white p {
  color: var(--black) !important;
  font-style: italic;
  font-weight: 700 !important;
  font-size: 14px;
  text-transform: uppercase;
}

.button-vlb {
  background-color: var(--very-light-beige-30);
  border: 1px solid var(--beige);
  font-size: 14px;
  font-weight: 700 !important;
  font-style: italic;
  color: var(--black);
}

.button-vlb p {
  color: var(--black) !important;
  font-style: italic;
  font-weight: 700 !important;
  font-size: 14px;
  text-transform: uppercase;
}

.button-black {
  background-color: var(--black);
  border: 1px solid var(--black);
  font-size: 14px;
  font-weight: 700 !important;
  font-style: italic;
  color: var(--white);
}

.button-black p {
  color: var(--white) !important;
  font-style: italic;
  font-weight: 700 !important;
  font-size: 14px;
  text-transform: uppercase;
}
.button-black:hover {
    background-color: #31312f !important;
}

.button-brand {
  background-color: var(--brand);
  border: 1px solid var(--brand);
  font-size: 14px;
  font-weight: 700 !important;
  font-style: italic;
  color: var(--black);
}

@media (max-width: 1023px) {
  .button p {
    font-size: 12px;
  }
    .button img {
        width: 20px;
        height: 20px;
    }
}

.button-big p {
    font-size: 18px !important;
}



.between {
  justify-content: space-between;
}



/* === DEFAULT (Desktop-first) === */
.row {
  display: flex;
  flex-direction: row;
}

.col {
  display: flex;
  flex-direction: column;
}

/* === Extra (max-width: 1119px) === */
@media (max-width: 1119px) {
  .x-row {
    display: flex;
    flex-direction: row !important;
  }

  .x-col {
    display: flex;
    flex-direction: column !important;
  }
}

/* === Large (max-width: 1023px) === */
@media (max-width: 1023px) {
  .l-row {
    display: flex;
    flex-direction: row !important;
  }

  .l-col {
    display: flex;
    flex-direction: column !important;
  }
}

/* === Medium (max-width: 767px) === */
@media (max-width: 767px) {
  .m-row {
    display: flex;
    flex-direction: row !important;
  }

  .m-col {
    display: flex;
    flex-direction: column !important;
  }
}

/* === Small (max-width: 479px) === */
@media (max-width: 479px) {
  .s-row {
    display: flex;
    flex-direction: row !important;
  }

  .s-col {
    display: flex;
    flex-direction: column !important;
  }
}

/* ===== DEFAULT GAP (Desktop-first) ===== */
.gap-05  { gap: var(--padding-05); }
.gap-1  { gap: var(--padding-1); }
.gap-2  { gap: var(--padding-2); }
.gap-3  { gap: var(--padding-3); }
.gap-4  { gap: var(--padding-4); }
.gap-5  { gap: var(--padding-5); }
.gap-6  { gap: var(--padding-6); }
.gap-7  { gap: var(--padding-7); }
.gap-8  { gap: var(--padding-8); }
.gap-9  { gap: var(--padding-9); }
.gap-10 { gap: var(--padding-10); }
.gap-11 { gap: var(--padding-11); }
.gap-12 { gap: var(--padding-12); }
.gap-13 { gap: var(--padding-13); }
.gap-14 { gap: var(--padding-14); }
.gap-15 { gap: var(--padding-15); }

/* ===== Extra (max-width: 1119px) ===== */
@media (max-width: 1119px) {
  .x-gap-1  { gap: var(--padding-1) !important; }
  .x-gap-2  { gap: var(--padding-2) !important; }
  .x-gap-3  { gap: var(--padding-3) !important; }
  .x-gap-4  { gap: var(--padding-4) !important; }
  .x-gap-5  { gap: var(--padding-5) !important; }
  .x-gap-6  { gap: var(--padding-6) !important; }
  .x-gap-7  { gap: var(--padding-7) !important; }
  .x-gap-8  { gap: var(--padding-8) !important; }
  .x-gap-9  { gap: var(--padding-9) !important; }
  .x-gap-10 { gap: var(--padding-10) !important; }
}


/* ===== Large (max-width: 1023px) ===== */
@media (max-width: 1023px) {
  .l-gap-1  { gap: var(--padding-1) !important; }
  .l-gap-2  { gap: var(--padding-2) !important; }
  .l-gap-3  { gap: var(--padding-3) !important; }
  .l-gap-4  { gap: var(--padding-4) !important; }
  .l-gap-5  { gap: var(--padding-5) !important; }
  .l-gap-6  { gap: var(--padding-6) !important; }
  .l-gap-7  { gap: var(--padding-7) !important; }
  .l-gap-8  { gap: var(--padding-8) !important; }
  .l-gap-9  { gap: var(--padding-9) !important; }
  .l-gap-10 { gap: var(--padding-10) !important; }
}


/* ===== Medium (max-width: 767px) ===== */
@media (max-width: 767px) {
  .m-gap-0  { gap: var(--padding-0) !important; }
  .m-gap-1  { gap: var(--padding-1) !important; }
  .m-gap-2  { gap: var(--padding-2) !important; }
  .m-gap-3  { gap: var(--padding-3) !important; }
  .m-gap-4  { gap: var(--padding-4) !important; }
  .m-gap-5  { gap: var(--padding-5) !important; }
  .m-gap-6  { gap: var(--padding-6) !important; }
  .m-gap-7  { gap: var(--padding-7) !important; }
  .m-gap-8  { gap: var(--padding-8) !important; }
  .m-gap-9  { gap: var(--padding-9) !important; }
  .m-gap-10 { gap: var(--padding-10) !important; }
}


/* ===== Small (max-width: 479px) ===== */
@media (max-width: 479px) {
  .s-gap-1  { gap: var(--padding-1) !important; }
  .s-gap-2  { gap: var(--padding-2) !important; }
  .s-gap-3  { gap: var(--padding-3) !important; }
  .s-gap-4  { gap: var(--padding-4) !important; }
  .s-gap-5  { gap: var(--padding-5) !important; }
  .s-gap-6  { gap: var(--padding-6) !important; }
  .s-gap-7  { gap: var(--padding-7) !important; }
  .s-gap-8  { gap: var(--padding-8) !important; }
  .s-gap-9  { gap: var(--padding-9) !important; }
  .s-gap-10 { gap: var(--padding-10) !important; }
}

.row-wrap {
  flex-wrap: wrap;
}


/* GRIDS */ /* GRIDS */ /* GRIDS */

.grid { display: grid; }
.inline-grid { display: inline-grid; }

/*Grid Columns */

.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-cols-none { grid-template-columns: none; }


/* Grid Columns for XL */
@media (max-width: 1199px) {
    .x-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .x-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .x-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .x-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .x-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
    .x-grid-cols-none { grid-template-columns: none; }
}

/* Grid Columns for LG */
@media (max-width: 1023px) {
    .l-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .l-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .l-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .l-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .l-grid-cols-none { grid-template-columns: none; }
}

/* Grid Columns for MD */
@media (max-width: 767px) {
    .m-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .m-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .m-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .m-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .m-grid-cols-none { grid-template-columns: none; }
}
/* Grid Columns for SM */
@media (max-width: 479px) {
    .s-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr));}
    .s-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .s-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .s-grid-cols-none { grid-template-columns: none; }
}


/*** DISPLAY NONE ***/


@media (max-width: 1119px) {
  .x-display-none {
    display: none !important;
  }
}

@media (max-width: 1023px) {
  .l-display-none {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .m-display-none {
    display: none !important;
  }
}

@media (max-width: 479px) {
  .s-display-none {
    display: none !important;
  }
}


/* UŁOŻENIE ELEMENTÓW */

.align-left {
  align-items: flex-start;
}

@media (max-width: 767px) {
.m-align-left {
  align-items: flex-start !important;
    }}

.justify-center {
  justify-content: center;
}

@media (max-width: 1023px) {
.l-justify-center {
  justify-content: center;
    }}

@media (max-width: 767px) {
.m-justify-center {
  justify-content: center;
    }}

.align-center {
  align-items: center;
}

@media (max-width: 1023px) {
.l-align-center {
  align-items: center;
    }}

@media (max-width: 767px) {
.m-align-center {
  align-items: center;
    }}

.row-between {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.col-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.align-self-start {
    align-self: start;
}

.align-items-start {
    align-items: start;
}



/* CARD */ /* CARD */ /* CARD */

.card {
    border-radius: 0.5rem;
}

.card-s {
    padding: var(--padding-1);
}

.card-m {
    padding: var(--padding-2);
}

.card-l {
    padding: var(--padding-3);
}

.card-teacher {    background-image: url(http://wielkapowtorkamaturalna.pl/wp-content/uploads/2025/06/nauczyciel__background.svg);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    border-radius: 16px;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
     overflow: hidden;}


/* Padding all */
.p-0 { padding: var(--padding-0); }
.p-05 { padding: var(--padding-05); }
.p-1 { padding: var(--padding-1); }
.p-2 { padding: var(--padding-2); }
.p-3 { padding: var(--padding-3); }
.p-4 { padding: var(--padding-4); }
.p-5 { padding: var(--padding-5); }
.p-6 { padding: var(--padding-6); }
.p-7 { padding: var(--padding-7); }
.p-8 { padding: var(--padding-8); }
.p-9 { padding: var(--padding-9); }
.p-10 { padding: var(--padding-10); }
.p-15 { padding: var(--padding-15); }

@media (max-width: 1023px){
.l-p-0 { padding: var(--padding-0) !important;}
.l-p-1 { padding: var(--padding-1); }
.l-p-2 { padding: var(--padding-2); }
.l-p-3 { padding: var(--padding-3); }
.l-p-4 { padding: var(--padding-4); }
.l-p-5 { padding: var(--padding-5); }
.l-p-6 { padding: var(--padding-6); }
.l-p-7 { padding: var(--padding-7); }
.l-p-8 { padding: var(--padding-8); }
.l-p-9 { padding: var(--padding-9); }
.l-p-10 { padding: var(--padding-10); }
}

@media (max-width: 767px){
.m-p-0 { padding: var(--padding-0) !important; }
.m-p-1 { padding: var(--padding-1); }
.m-p-2 { padding: var(--padding-2); }
.m-p-3 { padding: var(--padding-3); }
.m-p-4 { padding: var(--padding-4); }
.m-p-5 { padding: var(--padding-5); }
.m-p-6 { padding: var(--padding-6); }
.m-p-7 { padding: var(--padding-7); }
.m-p-8 { padding: var(--padding-8); }
.m-p-9 { padding: var(--padding-9); }
.m-p-10 { padding: var(--padding-10); }
}


/* Padding Top */
.pt-0 { padding-top: var(--padding-0)!important; }
.pt-1 { padding-top: var(--padding-1); }
.pt-2 { padding-top: var(--padding-2); }
.pt-3 { padding-top: var(--padding-3); }
.pt-4 { padding-top: var(--padding-4); }
.pt-5 { padding-top: var(--padding-5); }
.pt-6 { padding-top: var(--padding-6); }
.pt-7 { padding-top: var(--padding-7); }
.pt-8 { padding-top: var(--padding-8); }
.pt-9 { padding-top: var(--padding-9); }
.pt-10 { padding-top: var(--padding-10); }


@media (max-width: 1119px){
    /* Padding Top */
.x-pt-0 { padding-top: var(--padding-0)!important; }
.x-pt-1 { padding-top: var(--padding-1); }
.x-pt-2 { padding-top: var(--padding-2); }
.x-pt-3 { padding-top: var(--padding-3); }
.x-pt-4 { padding-top: var(--padding-4); }
.x-pt-5 { padding-top: var(--padding-5); }
.x-pt-6 { padding-top: var(--padding-6); }
.x-pt-7 { padding-top: var(--padding-7); }
.x-pt-8 { padding-top: var(--padding-8); }
.x-pt-9 { padding-top: var(--padding-9); }
.x-pt-10 { padding-top: var(--padding-10); }
}

@media (max-width: 767px){
    /* Padding Top */
.m-pt-0 { padding-top: var(--padding-0)!important; }
.m-pt-1 { padding-top: var(--padding-1); }
.m-pt-2 { padding-top: var(--padding-2); }
.m-pt-3 { padding-top: var(--padding-3); }
.m-pt-4 { padding-top: var(--padding-4); }
.m-pt-5 { padding-top: var(--padding-5); }
.m-pt-6 { padding-top: var(--padding-6); }
.m-pt-7 { padding-top: var(--padding-7); }
.m-pt-8 { padding-top: var(--padding-8); }
.m-pt-9 { padding-top: var(--padding-9); }
.m-pt-10 { padding-top: var(--padding-10); }
}

/* Padding Bottom */
.pb-0 { padding-bottom: var(--padding-0) !important; }
.pb-1 { padding-bottom: var(--padding-1); }
.pb-2 { padding-bottom: var(--padding-2); }
.pb-3 { padding-bottom: var(--padding-3); }
.pb-4 { padding-bottom: var(--padding-4); }
.pb-5 { padding-bottom: var(--padding-5); }
.pb-6 { padding-bottom: var(--padding-6); }
.pb-7 { padding-bottom: var(--padding-7); }
.pb-8 { padding-bottom: var(--padding-8); }
.pb-9 { padding-bottom: var(--padding-9); }
.pb-10 { padding-bottom: var(--padding-10); }

@media (max-width: 1119px){
/* Padding Bottom */
.x-pb-0 { padding-bottom: var(--padding-0) !important; }
.x-pb-1 { padding-bottom: var(--padding-1); }
.x-pb-2 { padding-bottom: var(--padding-2); }
.x-pb-3 { padding-bottom: var(--padding-3); }
.x-pb-4 { padding-bottom: var(--padding-4); }
.x-pb-5 { padding-bottom: var(--padding-5); }
.x-pb-6 { padding-bottom: var(--padding-6); }
.x-pb-7 { padding-bottom: var(--padding-7); }
.x-pb-8 { padding-bottom: var(--padding-8); }
.x-pb-9 { padding-bottom: var(--padding-9); }
.x-pb-10 { padding-bottom: var(--padding-10); }
}

@media (max-width: 767px){
/* Padding Bottom */
.m-pb-0 { padding-bottom: var(--padding-0) !important; }
.m-pb-1 { padding-bottom: var(--padding-1); }
.m-pb-2 { padding-bottom: var(--padding-2); }
.m-pb-3 { padding-bottom: var(--padding-3); }
.m-pb-4 { padding-bottom: var(--padding-4); }
.m-pb-5 { padding-bottom: var(--padding-5); }
.m-pb-6 { padding-bottom: var(--padding-6); }
.m-pb-7 { padding-bottom: var(--padding-7); }
.m-pb-8 { padding-bottom: var(--padding-8); }
.m-pb-9 { padding-bottom: var(--padding-9); }
.m-pb-10 { padding-bottom: var(--padding-10); }
}

@media (max-width: 479px){
/* Padding Bottom */
.s-pb-0 { padding-bottom: var(--padding-0) !important; }
.s-pb-1 { padding-bottom: var(--padding-1); }
.s-pb-2 { padding-bottom: var(--padding-2); }
.s-pb-3 { padding-bottom: var(--padding-3); }
.s-pb-4 { padding-bottom: var(--padding-4); }
.s-pb-5 { padding-bottom: var(--padding-5); }
.s-pb-6 { padding-bottom: var(--padding-6); }
.s-pb-7 { padding-bottom: var(--padding-7); }
.s-pb-8 { padding-bottom: var(--padding-8); }
.s-pb-9 { padding-bottom: var(--padding-9); }
.s-pb-10 { padding-bottom: var(--padding-10); }
}


/* Padding Left */
.pl-0 { padding-left: var(--padding-0)!important; }
.pl-1 { padding-left: var(--padding-1); }
.pl-2 { padding-left: var(--padding-2); }
.pl-3 { padding-left: var(--padding-3); }
.pl-4 { padding-left: var(--padding-4); }
.pl-5 { padding-left: var(--padding-5); }
.pl-6 { padding-left: var(--padding-6); }
.pl-7 { padding-left: var(--padding-7); }
.pl-8 { padding-left: var(--padding-8); }
.pl-9 { padding-left: var(--padding-9); }
.pl-10 { padding-left: var(--padding-10); }

@media (max-width: 767px){
.m-pl-0 { padding-left: var(--padding-0)!important; }
.m-pl-1 { padding-left: var(--padding-1); }
.m-pl-2 { padding-left: var(--padding-2); }
.m-pl-3 { padding-left: var(--padding-3); }
.m-pl-4 { padding-left: var(--padding-4); }
.m-pl-5 { padding-left: var(--padding-5); }
.m-pl-6 { padding-left: var(--padding-6); }
.m-pl-7 { padding-left: var(--padding-7); }
.m-pl-8 { padding-left: var(--padding-8); }
.m-pl-9 { padding-left: var(--padding-9); }
.m-pl-10 { padding-left: var(--padding-10); }

}

/* Padding Right */
.pr-0 { padding-right: var(--padding-0)!important; }
.pr-1 { padding-right: var(--padding-1); }
.pr-2 { padding-right: var(--padding-2); }
.pr-3 { padding-right: var(--padding-3); }
.pr-4 { padding-right: var(--padding-4); }
.pr-5 { padding-right: var(--padding-5); }
.pr-6 { padding-right: var(--padding-6); }
.pr-7 { padding-right: var(--padding-7); }
.pr-8 { padding-right: var(--padding-8); }
.pr-9 { padding-right: var(--padding-9); }
.pr-10 { padding-right: var(--padding-10); }

@media (max-width: 767px){
.m-pr-0 { padding-right: var(--padding-0)!important; }
.m-pr-1 { padding-right: var(--padding-1); }
.m-pr-2 { padding-right: var(--padding-2); }
.m-pr-3 { padding-right: var(--padding-3); }
.m-pr-4 { padding-right: var(--padding-4); }
.m-pr-5 { padding-right: var(--padding-5); }
.m-pr-6 { padding-right: var(--padding-6); }
.m-pr-7 { padding-right: var(--padding-7); }
.m-pr-8 { padding-right: var(--padding-8); }
.m-pr-9 { padding-right: var(--padding-9); }
.m-pr-10 { padding-right: var(--padding-10); }

}

/* Padding Y (Top + Bottom) */
.py-0 { padding-top: var(--padding-0); padding-bottom: var(--padding-0); }
.py-1 { padding-top: var(--padding-1); padding-bottom: var(--padding-1); }
.py-2 { padding-top: var(--padding-2); padding-bottom: var(--padding-2); }
.py-3 { padding-top: var(--padding-3); padding-bottom: var(--padding-3); }
.py-4 { padding-top: var(--padding-4); padding-bottom: var(--padding-4); }
.py-5 { padding-top: var(--padding-5); padding-bottom: var(--padding-5); }
.py-6 { padding-top: var(--padding-6); padding-bottom: var(--padding-6); }
.py-7 { padding-top: var(--padding-7); padding-bottom: var(--padding-7); }
.py-8 { padding-top: var(--padding-8); padding-bottom: var(--padding-8); }
.py-9 { padding-top: var(--padding-9); padding-bottom: var(--padding-9); }
.py-10 { padding-top: var(--padding-10); padding-bottom: var(--padding-10); }

/* Padding X (Left + Right) */
.px-0 { padding-left: var(--padding-0); padding-right: var(--padding-0); }
.px-1 { padding-left: var(--padding-1); padding-right: var(--padding-1); }
.px-2 { padding-left: var(--padding-2); padding-right: var(--padding-2); }
.px-3 { padding-left: var(--padding-3); padding-right: var(--padding-3); }
.px-4 { padding-left: var(--padding-4); padding-right: var(--padding-4); }
.px-5 { padding-left: var(--padding-5); padding-right: var(--padding-5); }
.px-6 { padding-left: var(--padding-6); padding-right: var(--padding-6); }
.px-7 { padding-left: var(--padding-7); padding-right: var(--padding-7); }
.px-8 { padding-left: var(--padding-8); padding-right: var(--padding-8); }
.px-9 { padding-left: var(--padding-9); padding-right: var(--padding-9); }
.px-10 { padding-left: var(--padding-10); padding-right: var(--padding-10); }


@media (max-width: 767px){
.m-px-0 { padding-left: var(--padding-0); padding-right: var(--padding-0) !important;}
.m-px-1 { padding-left: var(--padding-1); padding-right: var(--padding-1); }
.m-px-2 { padding-left: var(--padding-2); padding-right: var(--padding-2); }
.m-px-3 { padding-left: var(--padding-3); padding-right: var(--padding-3); }
.m-px-4 { padding-left: var(--padding-4); padding-right: var(--padding-4); }
.m-px-5 { padding-left: var(--padding-5); padding-right: var(--padding-5); }
.m-px-6 { padding-left: var(--padding-6); padding-right: var(--padding-6); }
.m-px-7 { padding-left: var(--padding-7); padding-right: var(--padding-7); }
.m-px-8 { padding-left: var(--padding-8); padding-right: var(--padding-8); }
.m-px-9 { padding-left: var(--padding-9); padding-right: var(--padding-9); }
.m-px-10 { padding-left: var(--padding-10); padding-right: var(--padding-10); }


}

/* Margin ALL */
.m-0 { margin: var(--padding-0); }
.m-1 { margin: var(--padding-1); }
.m-2 { margin: var(--padding-2); }
.m-3 { margin: var(--padding-3); }
.m-4 { margin: var(--padding-4); }
.m-5 { margin: var(--padding-5); }
.m-6 { margin: var(--padding-6); }
.m-7 { margin: var(--padding-7); }
.m-8 { margin: var(--padding-8); }
.m-9 { margin: var(--padding-9); }
.m-10 { margin: var(--padding-10); }


/* Margin Top */
.mt-0 { margin-top: var(--padding-0); }
.mt-1 { margin-top: var(--padding-1); }
.mt-2 { margin-top: var(--padding-2); }
.mt-3 { margin-top: var(--padding-3); }
.mt-4 { margin-top: var(--padding-4); }
.mt-5 { margin-top: var(--padding-5); }
.mt-6 { margin-top: var(--padding-6); }
.mt-7 { margin-top: var(--padding-7); }
.mt-8 { margin-top: var(--padding-8); }
.mt-9 { margin-top: var(--padding-9); }
.mt-10 { margin-top: var(--padding-10); }

@media (max-width: 1023px){
.l-mt-0 { margin-top: var(--padding-0) !important; }
.l-mt-1 { margin-top: var(--padding-1); }
.l-mt-2 { margin-top: var(--padding-2); }
.l-mt-3 { margin-top: var(--padding-3); }
.l-mt-4 { margin-top: var(--padding-4); }
.l-mt-5 { margin-top: var(--padding-5); }
.l-mt-6 { margin-top: var(--padding-6); }
.l-mt-7 { margin-top: var(--padding-7); }
.l-mt-8 { margin-top: var(--padding-8); }
.l-mt-9 { margin-top: var(--padding-9); }
.l-mt-10 { margin-top: var(--padding-10); }
.l-mt-15 { margin-top: var(--padding-15); }
}

@media (max-width: 767px){
.m-mt-0 { margin-top: var(--padding-0) !important; }
.m-mt-1 { margin-top: var(--padding-1); }
.m-mt-2 { margin-top: var(--padding-2); }
.m-mt-3 { margin-top: var(--padding-3); }
.m-mt-4 { margin-top: var(--padding-4); }
.m-mt-5 { margin-top: var(--padding-5); }
.m-mt-6 { margin-top: var(--padding-6); }
.m-mt-7 { margin-top: var(--padding-7); }
.m-mt-8 { margin-top: var(--padding-8); }
.m-mt-9 { margin-top: var(--padding-9); }
.m-mt-10 { margin-top: var(--padding-10); }
}
/* Margin Bottom */
.mb-0 { margin-bottom: var(--padding-0); }
.mb-1 { margin-bottom: var(--padding-1); }
.mb-2 { margin-bottom: var(--padding-2); }
.mb-3 { margin-bottom: var(--padding-3); }
.mb-4 { margin-bottom: var(--padding-4); }
.mb-5 { margin-bottom: var(--padding-5); }
.mb-6 { margin-bottom: var(--padding-6); }
.mb-7 { margin-bottom: var(--padding-7); }
.mb-8 { margin-bottom: var(--padding-8); }
.mb-9 { margin-bottom: var(--padding-9); }
.mb-10 { margin-bottom: var(--padding-10); }

@media (max-width: 1023px){
.l-mb-0 { margin-bottom: var(--padding-0); }
.l-mb-1 { margin-bottom: var(--padding-1); }
.l-mb-2 { margin-bottom: var(--padding-2); }
.l-mb-3 { margin-bottom: var(--padding-3); }
.l-mb-4 { margin-bottom: var(--padding-4); }
.l-mb-5 { margin-bottom: var(--padding-5); }
.l-mb-6 { margin-bottom: var(--padding-6); }
.l-mb-7 { margin-bottom: var(--padding-7); }
.l-mb-8 { margin-bottom: var(--padding-8); }
.l-mb-9 { margin-bottom: var(--padding-9); }
.l-mb-10 { margin-bottom: var(--padding-10); }
}

@media (max-width: 767px){
.m-mb-0 { margin-bottom: var(--padding-0); }
.m-mb-1 { margin-bottom: var(--padding-1); }
.m-mb-2 { margin-bottom: var(--padding-2); }
.m-mb-3 { margin-bottom: var(--padding-3); }
.m-mb-4 { margin-bottom: var(--padding-4); }
.m-mb-5 { margin-bottom: var(--padding-5); }
.m-mb-6 { margin-bottom: var(--padding-6); }
.m-mb-7 { margin-bottom: var(--padding-7); }
.m-mb-8 { margin-bottom: var(--padding-8); }
.m-mb-9 { margin-bottom: var(--padding-9); }
.m-mb-10 { margin-bottom: var(--padding-10); }
}

/* Margin Left */
.ml-0 { margin-left: var(--padding-0); }
.ml-1 { margin-left: var(--padding-1); }
.ml-2 { margin-left: var(--padding-2); }
.ml-3 { margin-left: var(--padding-3); }
.ml-4 { margin-left: var(--padding-4); }
.ml-5 { margin-left: var(--padding-5); }
.ml-6 { margin-left: var(--padding-6); }
.ml-7 { margin-left: var(--padding-7); }
.ml-8 { margin-left: var(--padding-8); }
.ml-9 { margin-left: var(--padding-9); }
.ml-10 { margin-left: var(--padding-10); }

/* Margin Right */
.mr-0 { margin-right: var(--padding-0); }
.mr-1 { margin-right: var(--padding-1); }
.mr-2 { margin-right: var(--padding-2); }
.mr-3 { margin-right: var(--padding-3); }
.mr-4 { margin-right: var(--padding-4); }
.mr-5 { margin-right: var(--padding-5); }
.mr-6 { margin-right: var(--padding-6); }
.mr-7 { margin-right: var(--padding-7); }
.mr-8 { margin-right: var(--padding-8); }
.mr-9 { margin-right: var(--padding-9); }
.mr-10 { margin-right: var(--padding-10); }


/* Margin Y (Top + Bottom) */
.my-0 { margin-top: var(--padding-0); margin-bottom: var(--padding-0); }
.my-1 { margin-top: var(--padding-1); margin-bottom: var(--padding-1); }
.my-2 { margin-top: var(--padding-2); margin-bottom: var(--padding-2); }
.my-3 { margin-top: var(--padding-3); margin-bottom: var(--padding-3); }
.my-4 { margin-top: var(--padding-4); margin-bottom: var(--padding-4); }
.my-5 { margin-top: var(--padding-5); margin-bottom: var(--padding-5); }
.my-6 { margin-top: var(--padding-6); margin-bottom: var(--padding-6); }
.my-7 { margin-top: var(--padding-7); margin-bottom: var(--padding-7); }
.my-8 { margin-top: var(--padding-8); margin-bottom: var(--padding-8); }
.my-9 { margin-top: var(--padding-9); margin-bottom: var(--padding-9); }
.my-10 { margin-top: var(--padding-10); margin-bottom: var(--padding-10); }

/* Margin X (Left + Right) */
.mx-0 { margin-left: var(--padding-0); margin-right: var(--padding-0); }
.mx-1 { margin-left: var(--padding-1); margin-right: var(--padding-1); }
.mx-2 { margin-left: var(--padding-2); margin-right: var(--padding-2); }
.mx-3 { margin-left: var(--padding-3); margin-right: var(--padding-3); }
.mx-4 { margin-left: var(--padding-4); margin-right: var(--padding-4); }
.mx-5 { margin-left: var(--padding-5); margin-right: var(--padding-5); }
.mx-6 { margin-left: var(--padding-6); margin-right: var(--padding-6); }
.mx-7 { margin-left: var(--padding-7); margin-right: var(--padding-7); }
.mx-8 { margin-left: var(--padding-8); margin-right: var(--padding-8); }
.mx-9 { margin-left: var(--padding-9); margin-right: var(--padding-9); }
.mx-10 { margin-left: var(--padding-10); margin-right: var(--padding-10); }



/* ORDER FIRST */

.first {
  order: -1;
}

@media (max-width: 1119px) {
  .x-first {
    order: -1;
  }
}

@media (max-width: 1023px) {
  .l-first {
    order: -1;
  }
}

@media (max-width: 767px) {
  .m-first {
    order: -1;
  }
}

@media (max-width: 767px) {
  .m-last {
    order: 99;
  }
}

@media (max-width: 479px) {
  .s-first {
    order: -1;
  }
}


/* WIDTHS */

.w-100 {
    width: 100%;
}
.w-75 {
    width: 75%;
}

.w-50 {
    width: 50%;
}

.w-33 {
    width: 33%;
}

.w-25 {
    width: 25%;
}

@media (max-width: 1119px) {
.x-w-100 {
    width: 100%;
}
.x-w-75 {
    width: 75%;
}

.x-w-50 {
    width: 50%;
}

.x-w-33 {
    width: 33%;
}

.x-w-25 {
    width: 25%;
}
}

@media (max-width: 1023px) {
.l-w-100 {
    width: 100%;
}
.l-w-75 {
    width: 75%;
}

.l-w-50 {
    width: 50%;
}

.l-w-33 {
    width: 33%;
}

.l-w-25 {
    width: 25%;
}
}

@media (max-width: 767px) {
.m-w-100 {
    width: 100%;
}
.m-w-75 {
    width: 75%;
}

.m-w-50 {
    width: 50%;
}

.m-w-33 {
    width: 33%;
}

.m-w-25 {
    width: 25%;
}
}

@media (max-width: 479px) {
.s-w-100 {
    width: 100%;
}
.s-w-75 {
    width: 75%;
}

.s-w-50 {
    width: 50%;
}

.s-w-33 {
    width: 33%;
}

.s-w-25 {
    width: 25%;
}
}

.z-index-0 {    z-index: 0;}
.z-index-10 {    z-index: 10;}
.z-index-20 {    z-index: 20;}
.z-index-30 {    z-index: 30;}
.z-index-40 {    z-index: 40;}
.z-index-50 {    z-index: 50;}
.z-index-60 {    z-index: 60;}
.z-index-70 {    z-index: 70;}
.z-index-80 {    z-index: 80;}
.z-index-90 {    z-index: 90;}
.z-index-100 {    z-index: 100;}


@media (max-width: 1119px) {
.x-z-index-0 {    z-index: 0;}
.x-z-index-10 {    z-index: 10;}
.x-z-index-20 {    z-index: 20;}
.x-z-index-30 {    z-index: 30;}
.x-z-index-40 {    z-index: 40;}
.x-z-index-50 {    z-index: 50;}
.x-z-index-60 {    z-index: 60;}
.x-z-index-70 {    z-index: 70;}
.x-z-index-80 {    z-index: 80;}
.x-z-index-90 {    z-index: 90;}
.x-z-index-100 {    z-index: 100;}
}

@media (max-width: 1023px) {
.l-z-index-0 {    z-index: 0;}
.l-z-index-10 {    z-index: 10;}
.l-z-index-20 {    z-index: 20;}
.l-z-index-30 {    z-index: 30;}
.l-z-index-40 {    z-index: 40;}
.l-z-index-50 {    z-index: 50;}
.l-z-index-60 {    z-index: 60;}
.l-z-index-70 {    z-index: 70;}
.l-z-index-80 {    z-index: 80;}
.l-z-index-90 {    z-index: 90;}
.l-z-index-100 {    z-index: 100;}
}

@media (max-width: 767px) {
.m-z-index-0 {    z-index: 0;}
.m-z-index-10 {    z-index: 10;}
.m-z-index-20 {    z-index: 20;}
.m-z-index-30 {    z-index: 30;}
.m-z-index-40 {    z-index: 40;}
.m-z-index-50 {    z-index: 50;}
.m-z-index-60 {    z-index: 60;}
.m-z-index-70 {    z-index: 70;}
.m-z-index-80 {    z-index: 80;}
.m-z-index-90 {    z-index: 90;}
.m-z-index-100 {    z-index: 100;}
}

@media (max-width: 479px) {
.s-z-index-0 {    z-index: 0;}
.s-z-index-10 {    z-index: 10;}
.s-z-index-20 {    z-index: 20;}
.s-z-index-30 {    z-index: 30;}
.s-z-index-40 {    z-index: 40;}
.s-z-index-50 {    z-index: 50;}
.s-z-index-60 {    z-index: 60;}
.s-z-index-70 {    z-index: 70;}
.s-z-index-80 {    z-index: 80;}
.s-z-index-90 {    z-index: 90;}
.s-z-index-100 {    z-index: 100;}
}







































































/* accordion white */

.bde-accordion--bordered .bde-accordion__content-wrapper {
  border-radius: 8px;
  overflow: hidden;
}

.bde-accordion--bordered .bde-accordion__button,
.bde-accordion--bordered .bde-accordion__panel {
  border-radius: 0 !important;
}

.bde-accordion--bordered .bde-accordion__button:hover {
background: #ffffff;
}



/* tabela nazwy responsywne */

.ok-table-text {
  font-size: clamp(11px, 2vw, 16px);
  font-weight: 600 !important;
}


@media (max-width: 767px){
.ok-table-text {
font-size: 12px !important;
}
}

/* Opinie STATS border */

.opinie--stats-text-wrapper:first-of-type {     padding-right: 30px;
    border-right: 1px solid #DBD6C2;
}
.opinie--stats-text-wrapper:nth-of-type(2) {
    padding-left: 30px;
}



/* TIMELINE YELLOW LINE WITH STEPS */


.timeline--item:first-of-type {
  margin-top: 0;
}

.timeline--item:last-of-type {
  margin-bottom: 0;
}


.timeline--wrapper::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--brand);
  transform: translateX(-50%);
  z-index: 0;
}

@media (max-width: 767px) {
  .timeline--wrapper::before {
    left: 28px;
    transform: none;
  }
}


/* MENU  ZAKŁADKA KURSÓW NA MOBILE BEZ PADIDING */

@media (max-width: 1119px) {
.breakdance-dropdown-custom-content {
    padding: 0px !important;
  }
}


/* FOOTER */

.footer--links-list a:hover {
    color: inherit !important;
}


/* KARTA EBOOKÓW */

.ebook--card a:hover {
    color: inherit !important;
}




/* CHECKOUT potwierdzenie płatności */

.order-confirmation-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 36px;
    border-radius: 12px;
     align-items: stretch;
}

@media (max-width: 767px){
.order-confirmation-box {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
    .order-status {
        order: -1;
    }
}
    
.order-status {
 display: flex;
    flex-direction: column;
}

.order-buyer h3,
.order-status h3 {
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 18px;
}

.payment-status {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 12px 20px;
    font-weight: 600;
    gap: 12px;
  height: 100%;
    justify-content: center;
}

.payment-status .status-icon {
    display: inline-block;
    width: 18px;
    height: 18px;
     margin-bottom: 2px;
}

.payment-status.paid {
    background: rgba(36, 155, 35, 0.1); /* #249B23 @ 10% */
    color: #249B23;
}

.payment-status.refunded {
    background: rgba(78, 105, 139, 0.1); /* #4E698B @ 10% */
    color: #4E698B;
}

.payment-status.cancelled {
    background: rgba(255, 87, 35, 0.1); /* #FF5723 @ 10% */
    color: #FF5723;
}

.payment-status.pending {
    background: #EDE9DC;
    color: #6c6552;
}




/* slider z produktami na stornie home flickity */

.section--flickity .flickity-slider .bde-loop-item:first-child {
  padding-left: calc((100vw - 1440px) / 2 + clamp(16px, 5vw, 80px)) !important;
}

.section--flickity .flickity-slider .bde-loop-item:last-child {
  padding-right: calc((100vw - 1440px) / 2 + clamp(16px, 5vw, 80px) -16px) !important;
}

@media (max-width: 1440px) {
  .section--flickity .flickity-slider .bde-loop-item:first-child {
    padding-left: clamp(16px, 5vw, 80px)!important;
  }

  .section--flickity .flickity-slider .bde-loop-item:last-child {
    padding-right: calc(clamp(16px, 5vw, 80px) - 16px)!important;
  }
}

/* STYLOWANE CENY PRODUKTÓW */


.price--current {
  font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif;
  font-stretch: 130% !important;
}

.breakdance a {
  color: inherit;
  font-style: normal;
  text-decoration: none;
}

.bde-loop-item {
  padding: 0 !important;
}

.breakdance-dropdown-custom-content {
  padding: 0px;
}


/* LABEL MIEJC NA WYDARZENIA */

.label--brand {
  clip-path: polygon(16px 0, 100% 0, calc(100% - 16px) 100%, 0% 100%);
  padding: 0px 20px;
  display: inline-block;
  font-weight: 700;
  color: #1a1a18;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 16px;
  font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif !important;
  font-stretch: 130% !important;
  text-transform: uppercase !important;
  font-size: 10px;
}

.label--miejsca{
  clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0% 100%);
  padding: 0px 20px;
  display: inline-block;
  font-weight: bold;
  color: #1a1a18;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 6px;
}

.label--miejsca:nth-child(2n) {
opacity:0.3;
  margin-left: -10px
}

.label--miejsca:nth-of-type(2n) {
padding: 0px 20px;
}

.label--miejsca-duzo{
  padding: 0px 25px;
}
.label--miejsca-duzo:nth-of-type(2) {
padding: 0px 15px;
}

.label--miejsca-malo{
  padding: 0px 10px;
}

.label--miejsca-malo:nth-of-type(2) {
padding: 0px 30px;
}




/* woocommerce shop */

a.wc-forward {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 48px;
  padding: 0 24px;
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  background-color: var(--brand);
  border-radius: 8px;
  gap: 16px;
  text-decoration: none;
  transition: background-color 0.3s ease;
  font-style: italic !important;
}
a.wc-forward::before {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background-image: url('https://wielkapowtorkamaturalna.pl/wp-content/uploads/2025/08/Cart-Checkout-Streamline-Sharp.svg');
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  vertical-align: middle;
}

a.wc-forward:hover {
  color: #000000 !important;
  background: #d4e23b;
}

a.added {
  display: none !important;
}

/***** carousels and sliders CSS *****/

/* Ogólny wrapper karuzeli */
.opinie--carousel-horizontal {
  overflow: hidden;
}

/* baza tracka poziomego */
.opinie--carousel-horizontal .slider-track {
  display: flex;
  flex-direction: row;
  width: max-content;
}

/* Slider jadący w lewo */
.opinie--track-left .slider-track {
  animation: scroll-loop-left 40s linear infinite;
}

/* Slider jadący w prawo */
.opinie--track-right .slider-track {
  animation: scroll-loop-right 40s linear infinite;
}

/* Zestaw kart (oryginał lub klon) */

.opinie--carousel-horizontal .slider-set {
  display: flex;
  flex-direction: row;
  gap: 8px !important;
}



/* Odstęp między setami */
.slider-set:first-child {
  margin-right: 8px;
}

/* Animacja w lewo */
@keyframes scroll-loop-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-3104px); /* 8 kart * (380 + 8) = 3104px */
  }
}

/* Animacja w prawo */
@keyframes scroll-loop-right {
  0% {
    transform: translateX(-3104px);
  }
  100% {
    transform: translateX(0);
  }
}


/* Pojedyncze karty */
.opinie--carousel-horizontal .bde-loop {
  display: flex;
  flex-direction: row;
}


@media (max-width: 1023px) {

  .opinie--carousel .bde-loop {
    display: flex !important;
    flex-direction: row;
  }
  .opinie__track {flex-direction: row !important;}
  
}

.opinie--carousel {
  overflow: hidden;
}

  .opinie--carousel .bde-loop {
    --bde-posts-gap: 0px !important;
  }

.opinie--carousel-horizontal .opinie--track {
  width: max-content;
}

.opinie--track {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation: scroll-horizontal 20s linear infinite;
}

/* Desktop: pionowa wersja */
@media (min-width: 1023px) {
  .opinie--track {
    flex-direction: column;
    animation: scroll-vertical 20s linear infinite;
  }

}

@media (max-width: 1023px) {
  .opinie--carousel .bde-loop {
    display: flex !important;
    flex-direction: row;
  }

  .opinie__track {
    flex-direction: row !important;
    width: max-content; /* ← brakujący kluczowy element */
  }

  .opinie--track {
    flex-direction: row !important;
    width: max-content; /* ← również dla poziomej animacji */
  }
}


/* Animacje */
@keyframes scroll-horizontal {
  0% {
    transform: translateX(0);
  }
  100% {
     transform: translateX(-2880px);
  }
}

@keyframes scroll-vertical {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-1824px); /* 228px * 8 */
  }
}

/* FILETR BAR DO POSTÓW I KURSÓW */

.kursy--product-filter-bar .bde-tabs__tabslist-container {
  background: #EDE9DC;
  padding: 5px;
  border-radius: 8px;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* Safari, Chrome, Edge Chromium */
.kursy--product-filter-bar .bde-rabs__tablist-container::-webkit-scrollbar {
  display: none;
}

.kursy--product-filter-bar .bde-tabs__tab {
  width: 33%;
  flex-shrink: unset;
}

.kursy--product-filter-bar .bde-tabs__tab-title {
  padding: 6px 12px;
  display: inline-block;
  white-space: nowrap;
}

.kursy--product-filter-bar .bde-tabs__tabslist {
  gap: 24px !important;
}

@media screen and (max-width: 767px) {
  .kursy--product-filter-bar .bde-tabs__tabslist {
    gap: 12px !important;
  }

  .kursy--product-filter-bar .bde-tabs__tab-title {
    padding: 4px 6px;
  }
}

@media screen and (max-width: 479px) {
  .kursy--product-filter-bar .bde-tabs__tabslist {
    gap: 8px !important;
  }

  .kursy--product-filter-bar span.bde-tabs__tab-title {
    font-size: 12px !important;
  }

  .kursy--product-filter-bar .bde-tabs__tab {
    padding: 8px 6px !important;
  }
}

.kursy--product-filter-bar .bde-loop {
  --bde-posts-gap: 16px !important;
}

@media screen and (max-width: 1119px) {
  .kursy--product-filter-bar .bde-loop.bde-loop-grid {
    --bde-posts-per-row: 2 !important;
  }
}

@media screen and (max-width: 767px) {
  .kursy--product-filter-bar .bde-loop.bde-loop-grid {
    --bde-posts-per-row: 1 !important;
  }
}

/* PAGINACJA BLOGA */

/* Główne ustawienie poziome */
.bde-posts-pagination-numbers-prev-next {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 100%;
  flex-wrap: wrap;
  margin-top: 40px;
}

/* Poprzednia i następna strona */
.bde-posts-prev-next-link a {
  padding: 12px 24px;
  font-weight: bold;
  font-style: italic;
  text-decoration: none;
  font-size: 14px;
  border-radius: 8px;
  transition: background-color 0.3s, color 0.3s, border 0.3s;
  display: inline-block;
}

/* Styl nieaktywny (Poprzednia strona) */
.bde-posts-prev-next-link:first-child a {
  background-color: #f9f7f1;
  color: #DBD6C2;
  border: 1px solid #DBD6C2;
}
.bde-posts-prev-next-link {
  flex-basis: 220px;
  text-align: center;
}
/* Styl aktywny (Następna strona) */
.bde-posts-prev-next-link:last-child a {
  background-color: #1a1a18 !important;
  color: #ffffff !important;
  border: 1px solid #1a1a18 !important;
}

.bde-posts-prev-next-link:last-child a:hover {
  background-color: #333;
}

/* Lista numerów stron */
.bde-posts-pagination ul {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0;
  border: 1px solid #DBD6C2;
  border-radius: 8px;
  overflow: hidden;
  gap: 0px !important;
}

/* Pojedynczy numer */
.bde-posts-pagination ul li {
  cursor: pointer;
  background-color: #f9f7f1;
  color: #1a1a18;
  font-weight: bold;
  border-right: 1px solid #ddd6c1;
  transition: background-color 0.3s;
  display: flex;
  justify-content: center;
  align-items: center;
}


.bde-posts-pagination ul li:last-child {
  border-right: none;
}

/* Hover */
.bde-posts-pagination ul li:hover {
  background-color: #ffffff;
}

/* Aktywna strona */
.bde-posts-pagination .bde-posts-navigation-numbers--active {
  background-color: #ffffff;
  color: #1a1a18;
  font-weight: 700;
}

/* Responsywność – pod 768px zamieniamy na kolumnę */
@media (max-width: 768px) {
  .bde-posts-pagination-numbers-prev-next {
    flex-direction: column;
    gap: 16px;
  }

  .bde-posts-prev-next-link a {
    width: 100%;
    text-align: center;
  }
}

.bde-posts-navigation-numbers-prev-next {
    flex-direction: row !important;
}


.bde-posts-pagination {
  font-size: 16px;
  margin-top: 24px;
  display: flex;
  justify-content: space-between !important;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  gap: 0 !important;
}

.bde-posts-pagination ul li a.is-active {
color: #1a1a18 !important;
}

.bde-posts-pagination ul li a:hover {
color: #1a1a18 !important;
}

.bde-posts-pagination ul li a{
  padding: 10px 18px !important;
}

.bde-posts-pagination ul li span {
  padding: 10px 18px !important;
}

/* BLOG TEKST */


.blog--text {
font-size: clamp(1rem, 2vw, 1.25rem);}

.blog--text h2, h3, h4, h5, h6, .text--mona-variable {
  font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif !important;
  font-stretch: 130% !important;
  text-transform: none !important;
}

.blog--text h2 {
margin-bottom: 16px;
margin-top: 40px;
font-size: clamp(20px, 2vw, 28px) !important;
}

.blog--text h3 {
  font-size: clamp(20px, 2vw, 28px) !important;
}

.blog--text h4 {
  font-size: clamp(18px, 1.5vw, 24px) !important;
}

.blog--text p {
margin-bottom:16px;}

.blog--text p a {
color: #4E698B !important;
text-decoration: underline !important; }

.blog--text p a:hover {
color: #3C88E4 !important;
}

/* Wspólne */
.blog--text .wp-block-list {
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 56px;
}

/* Lista NIEnumerowana (ul) – z kwadratowymi kropkami */
.blog--text ul.wp-block-list {
  list-style: none;
}

.blog--text ul.wp-block-list li {
  position: relative;
  padding-left: 40px;
  margin-bottom: 1.5rem;
}

.blog--text ul.wp-block-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.7em;
  width: 8px;
  height: 8px;
  background-color: #1a1a18;
  display: inline-block;
  border-radius: 0; /* kwadrat */
}


.blog--text ol.wp-block-list {
  list-style: none;
  counter-reset: custom-counter;
  padding-left: 0;
  margin-left: 0;
  margin-bottom: 56px;
}

.blog--text ol.wp-block-list li {
  counter-increment: custom-counter;
  position: relative;
  padding-left: 40px;
  margin-bottom: 1.5rem;
}

.blog--text ol.wp-block-list li::before {
  content: counter(custom-counter);
  position: absolute;
  left: 0;
  top: 0.15em;
  width: 24px;
  height: 24px;
  background-color: var(--brand);
  color: #1a1a18;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
}

.blog--text .wp-block-image img {
  border-radius: 8px;
  border: 1px solid #DBD6C2;
  padding: 32px;
  margin: 0px;
  margin-top: 24px;
}

.blog--text .wp-element-caption {
font-size: 10px;
}

.blog--text .wp-block-quote {
border-radius: 8px;
background: #f7f5ef;
padding: 32px;
  margin: 0px;
  margin-top: 24px;
  font-size: clamp(0.9375rem, 1.1vw, 1.125rem);
}

.blog--text .wp-block-quote p {
  margin: 0px;
}



/* tabela porównanie */

.table__h6-responsive {
  font-size: clamp(11px, 2vw, 16px);
  font-weight: 600 !important;
}


@media (max-width: 767px){
.table__h6-responsive {
font-weight: 400 !important;
}
}


/* CUSTOM CHECHOUT IMPORTANT */

.cart-summary {
  background: #fff;
  font-family: inherit;
}

.summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Zmiana z flex-start */
  font-size: 16px;
  margin-bottom: 24px;
  margin-top: 24px;
  line-height: 1.4;
  color: #1e1e1e;
}

.summary-row.total-row {
  margin-top: 12px;
   padding-top: 12px;
  flex-direction: row;
  align-items: center;
  border-top: 1px solid #EDE9DC;
  
}

.total-price {
  display: flex;
  align-items: center;
  gap: 14px;
  justify-content: flex-end;
  width: auto; /* Zmiana z 100% */
  flex-wrap: nowrap; /* Zapobiega łamaniu linii */
}

.total-price del {
  color: #999;
  font-size: 14px;
}

.total-price strong {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

.savings {
  background: #ff5e26;
  color: white;
  font-weight: 600;
  padding: 5px 6px;
  font-size: 12px;
  border-radius: 999px;
  white-space: nowrap;
}

.checkout-button {
  margin-top: 24px;
  text-align: center;
  background: #111;
  color: #ffffff !important;
  font-size: 18px;
  font-style: italic !important;
  font-weight: 700;
  padding: 8px;
  border-radius: 12px;
  text-decoration: none;
  letter-spacing: 0.5px;
  transition: background 0.2s ease;
}

.checkout-button::after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url('https://wielkapowtorkamaturalna.pl/wp-content/uploads/2025/08/line-arrow-right-1-arrow-right-keyboard-1.svg');
  background-size: contain;
  background-repeat: no-repeat;
  margin-left: 8px;
  vertical-align: middle;
}

.checkout-button:hover {
  background: #333;
}

.payment-icons {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

.payment-icons img {
  height: 32px;
  object-fit: contain;
}

.cart-product {
min-width: 100px;}


.coupon-form input {
      border-radius: 8px;
  border: 2px solid #DBD6C2;
    font-size: 14px;
  padding: 12px 16px
}


.cart-summary .coupon-form {
    width: 100% !important;
    display: flex;
    gap: 12px;
}

.coupon-form button {
width: 100%;
border-radius: 8px;
border: none;
font-size: 14px;
color: #1a1a18;
font-weight: 400;
background: #f7f5ef;
}

.custom-cart-summary .woocommerce-error,
.custom-cart-summary .woocommerce-message {
    display: none !important;
}

.woocommerce-error {
    display: none;
}

.applied-coupons:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('https://wielkapowtorkamaturalna.pl/wp-content/uploads/2025/07/Property-1discount.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 8px;
  vertical-align: middle;
}

.remove-coupon-form button {
width: 100%;
border-radius: 8px;
border: none;
font-size: 14px;
color: #1a1a18;
font-weight: 400;
background: #f7f5ef;
}

.custom-cart-summary div #cart-summary-controls {
margin-bottom: 24px;
}

.checkout-summary .cart-info-text {
    justify-content: left;
    gap:4px;
    align-items: center;
}

@media (min-width: 1024px) and (max-width: 1350px) {

.checkout-summary .cart-info-text {
        display: flex;
    flex-direction: column;
    gap: 4px;
        align-items: start;
    }
}


/* CUSTOM CART */

.cart-product {
  display: flex;
  align-items: center;
  min-height: 96px;
  height: 96px;
  background: var(--White, #FFF);
  border: 1px solid var(--Light-beige, #F2F0E9);
  border-radius: 8px;
  padding: 16px 24px 16px 0;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 8px;
}

/* LEWA STRONA (obrazek + info) */
.cart-left {
  display: flex;
  align-items: center;
  gap: 32px;
  flex: 1 0 0;
}

/* Obrazek produktu */
.cart-image {
  width: 96px;
  height: 96px;
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  display: block;
}

@media (max-width: 479px){
    .cart-image {
  width: 60px;
}
}

.cart-image img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* lub contain — patrz niżej */
  display: block;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 8px 0px 0px 8px;
}


/* Tytuł, kategoria, poziom */
.cart-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  flex: 1 0 0;
}

/* Kategoria KURS */
.cart-category {
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0% 100%);
  padding: 0px 10px;
  display: inline-block;
  font-weight: bold;
  color: #111;
  background: #f2f0e9; /* aktualny kolor z Twoich screenów */
  font-size: 12px;
  text-transform: uppercase;
  line-height: 16px;
}


/* Tytuł kursu */
.cart-title {
  font-size: 16px !important;
  font-family: "Mona Sans" !important;
  font-weight: 700;
  line-height: 1.2;
  color: #1e1e1e;
  margin: 0px;
}

/* Poziom kursu */
.cart-subtitle {
  font-family: "Mona Sans";
font-size: 12px;
font-style: normal;
font-weight: 600;
line-height: 140%;
  color: #908E87;
  margin: 0px;
}

/* PRAWA STRONA (ceny + przycisk usuń) */
.cart-right {
  display: flex;
  align-items: center;
  gap: 64px;
}

/* Ceny */
.cart-pricing {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Cena oryginalna */
.old-price {
    color: rgba(26, 26, 24, 0.90);
    font-family: "Mona Sans";
    font-weight: 400;
    line-height: 150%;
    text-decoration-line: line-through;
}

/* Cena promocyjna */
.current-price {
  font-weight: 700;
  color: #1A1A18;
}

/* Procent rabatu */
.discount-badge {
  font-family: Mona Sans;
  font-size: 10px;
  font-weight: 700;
  background-color: #ff5e26;
  line-height: 100%;
  color: white;
  padding: 5px 6px;
  border-radius: 999px;
}

/* Przycisk usuń */
.remove-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid var(--Light-beige, #f2f0e9);
  border-radius: 50%;
  font-size: 20px;
  color: #999;
  text-decoration: none;
  transition: background 0.2s ease;
}
.remove-button:hover {
  background: #f2f0e9;
  color: #333;
}



.cart-info-text {
     display: flex;
      align-items: center;
      justify-content: space-between;
    flex-direction: row;
    width: 100%;
}

@media (min-width: 1024px) and (max-width: 1119px) {
    .cart-product {
        padding-right:12px !important;
        gap:16px !important;
    }
    .cart-title-block {
    display: flex;
     align-items: center;
    flex-direction: row;
    gap: 6px;
    }
    .cart-info-text {
        display: flex;
    flex-direction: column;
    gap: 4px;
        align-items: start;
        
    }
}
    

@media (max-width: 767px){
    .cart-product {
        padding-right:12px !important;
        gap:16px !important;
    }
    .cart-title-block {
    display: flex;
     align-items: center;
    flex-direction: row;
    gap: 6px;
    }
    .cart-info-text {
        display: flex;
    flex-direction: column;
    gap: 4px;
        align-items: start !important;
        
    }
    .cart-info-text-checkout {
        display: flex;
        flex-direction: row;
        align-items: center !important;
        justify-content: space-between;
    }
    .cart-info-text-checkout .cart-pricing {
    display: flex;
    align-items: start;
    flex-direction: column;
    gap: 0px;
    }
}

@media (max-width: 580px){
    .cart-title-block {
    display: flex;
     align-items: start;
    flex-direction: column;
    gap: 0px;
    }
}


@media (max-width: 420px) {
    .cart-pricing .old-price,
    .cart-pricing .current-price{
        font-size: 12px;
    }
    .cart-pricing .discount-badge {
        font-size: 9px;
    }
}


.breakdance-woocommerce .woocommerce-notices-wrapper {
    display:none !important;
}



.accordion .bde-accordion__title-tag .bde-accordion__title {
font-family: 'Mona Sans Variable', 'Mona Sans', sans-serif;
  font-stretch: 130%;
  font-size: clamp(12px, 1.5vw, 14px) !important;
}


/*** TIMER ***/

.hurrytimer-campaign {
	padding: 0px !important;

}

.timer .hurrytimer-timer-digit {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 4px;
  line-height: 1;
  font-feature-settings: "tnum" off;
  font-variant-numeric: normal;
  font-weight: 800;
  width: 60px;
  height: 34px;
  font-size: 26px;
  background-color: var(--white);
  color: var(--black);
}

.timer .hurrytimer-timer-label {
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-top: 8px;
}

.timer .hurrytimer-timer-block {
  margin-bottom: 0 !important;
}

/* SIZE */
.timer--small .hurrytimer-timer-digit {
  width: 40px;
  height: 24px;
  font-size: 16px;
}

.timer--small .hurrytimer-timer-label {
  margin-top: 4px;
}

/* COLORS */

.timer--brand .hurrytimer-timer-digit {
  background-color: var(--brand);
  color: var(--brand-oposit);
}

.timer--label-white .hurrytimer-timer-label {
  color: var(--white) !important;
}