/*!****************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./assets/sass/main.scss ***!
  \****************************************************************************************************************/
/*
    Mixins
-------------------------------------
*/
/*
    Variables
-------------------------------------
*/
/*
    Root
-------------------------------------
*/
:root {
  --navigation__width: 100%;
  --navigation__height: 120px;
  --navigation__fs: 1.125rem;
  --navigation-container__height: 100vh;
  --menu-item__space-s: 0.5rem;
  --menu-item__space-m: 1rem;
  --menu-item__space-l: 1.25rem;
  --branding__max-width: 209px;
  --navigation__height--scrolled: 75px;
  --navigation__fs--scrolled: 1rem;
  --branding__max-width--scrolled: 140px;
  --joined-section__max-height: 550px;
  --block-1-image__max-height: 450px;
  --joined-section-icon__space: 2rem;
  --joined-section-quote-before__height: 124px;
  --joined-section-single-page__grid: repeat(3, 1fr);
  --single-page-gallery__height: 450px;
  --single-page-offer-gallery__height: 350px;
  --variant-title-before__height: 69px;
  --section__space: 4.375rem;
  --section__gap: 2rem;
  --content__spacing: 0 1rem;
  --content__space-xs: 0.5rem;
  --content__space-s: 1rem;
  --content__space-m: 2rem;
  --content__space-l: 3rem;
  --fs__global: 1.125rem;
  --fs__text-xxs: 0.875rem;
  --fs__text-xs: 1rem;
  --fs__text-s: 1.125rem;
  --fs__text-m: 1.25rem;
  --fs__header-xs: 1.375rem;
  --fs__header-s: 1.875rem;
  --fs__header-m: 2.313rem;
  --fs__header-l: 3.125rem;
  --fs__header-xl: 4.375rem;
  --text__line-height: 1.5;
  --header__line-height: 1.3;
  --btn__width: 134px;
  --btn__height: 64px;
  --btn__fs--yellow: 1.25rem;
  --btn-form__fs: 1.5rem;
  --btn-form__width: 192px;
  --btn-configuration__height: 56px;
  --btn-secondary__icon-size: 18px;
  --page-title-full__height: 50vh;
  --page-title-single__height: 40vh;
  --page-title-description__space: 0 15%;
  --page-title__fs--full: 5.438rem;
  --page-title__fs--single: 2.5rem;
  --input__height: 63px;
  --textarea__height: 207px;
  --form-grid__gap: 1.25rem;
  --consent__fs: 0.75rem;
  --checkbox__size: 25px;
  --form-label__fs: 0.875rem;
  --tip__fs: 0.65rem;
  --valuation-form__grid: repeat(2, 1fr);
  --flexible-layout-text__space: 1rem;
  --splide-arrows__position: -5rem;
  --splide-arrow__size: 2.5rem;
  --splide-arrow-icon__size: 1.25rem;
  --hero-custom-pagination__space: 2rem;
  --hero-slide-container__space: 10%;
  --configuration-input__width: 307px;
  --configuration-input__height: 64px;
  --configuration-option__space: 1.5rem;
  --offer-teaser__grid: repeat(3, 1fr);
  --offer-teaser-item__max-height: 600px;
  --offer-teaser-item__space: 10%;
  --offer-teaser-header__space: 2rem;
  --about-us-teaser__min-height: 100vh;
  --proces__space: calc((100vw - 1560px) / 2);
  --blog__grid: repeat(3, 1fr);
  --blog-status__fs: 0.75rem;
  --offer__grid: repeat(3, 1fr);
  --offer-image__height: 575px;
  --last-item__space: 3rem;
  --offer-details__height: 25%;
  --offer-details__spacing: 1rem 1.5rem;
  --offer-single-page__grid: repeat(4, 1fr);
  --realizations__grid: 3;
  --accordion__padding-right: 25%;
  --map__height: 600px;
  --contact-item__space: 2rem;
  --contact-title__space: 2rem;
  --contact-form__grid: repeat(3, 1fr);
  --company-info__position: 1rem;
  --company-info__fs: 0.75rem;
  --footer__gap: 3rem;
  --sticky__size: 112px;
  --sticky-icon__size: 30px;
  --sticky-arrow__size: 10px;
  --sticky__fs: 0.875rem;
  --to-top-icon__width: 23px;
  --to-top-icon__height: 26px;
  --to-top__size: 45px;
  --to-top__bottom-position: 1rem;
  --to-top__right-position: 1rem;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (min-width: 1921px) {
  :root {
    /* About us teaser */
    --about-us-teaser__min-height: 1000px;
  }
}
@media screen and (max-width: 1850px) {
  :root {
    --splide-arrows__position: -1%;
    --splide-arrow__size: 2rem;
    --splide-arrow-icon__size: 0.75rem;
  }
}
@media screen and (max-width: 1650px) {
  :root {
    --navigation__fs: 1rem;
    --fs__header-xl: 4rem;
    --page-title-full__height: 45vh;
    --page-title-single__height: 35vh;
    --page-title__fs--full: 5rem;
    --page-title__fs--single: 2.25rem;
    --sticky__size: 100px;
    --sticky-icon__size: 27px;
    --sticky-arrow__size: 8px;
    --sticky__fs: 0.75rem;
    --to-top-icon__width: 21px;
    --to-top-icon__height: 24px;
    --to-top__size: 42px;
  }
}
@media screen and (max-width: 1450px) {
  :root {
    --menu-item__space-s: 0.375rem;
    --menu-item__space-m: 75rem;
    --menu-item__space-l: 1rem;
    --branding__max-width: 179px;
    --joined-section__max-height: 450px;
    --joined-section-quote-before__height: 104px;
    --single-page-gallery__height: 350px;
    --variant-title-before__height: 65px;
    --section__space: 4rem;
    --section__gap: 1.5rem;
    --fs__global: 1rem;
    --fs__text-xs: 0.875rem;
    --fs__text-s: 1rem;
    --fs__text-m: 1.125rem;
    --fs__header-xs: 1.275rem;
    --fs__header-s: 1.675rem;
    --fs__header-m: 2.125rem;
    --fs__header-l: 3rem;
    --fs__header-xl: 4rem;
    --btn__fs--yellow: 1.125rem;
    --btn__width: 124px;
    --btn__height: 54px;
    --btn-form__fs: 1.25rem;
    --btn-form__width: 172px;
    --btn-configuration__height: 48px;
    --configuration-input__width: 250px;
    --configuration-input__height: 60px;
    --offer-image__height: 500px;
    --last-item__space: 2rem;
    --offer-teaser-item__space: 7%;
    --footer__gap: 2rem;
  }
}
@media screen and (max-width: 1200px) {
  :root {
    --navigation__height: 80px;
    --navigation-container__width: 50%;
    --navigation__fs: 1.5rem;
    --menu-toggle__width: 2.25rem;
    --menu-toggle__height: 1.875rem;
    --menu-toggle-line__height: 4px;
    --menu-toggle-line__top: 0.75rem;
    --branding__max-width: 32px;
    --navigation__height--scrolled: 70px;
    --navigation__fs--scrolled: 1rem;
    --joined-section__max-height: 400px;
    --joined-section-icon__space: 1rem;
    --joined-section-quote-before__height: 84px;
    --single-page-gallery__height: 300px;
    --single-page-offer-gallery__height: 300px;
    --variant-title-before__height: 60px;
    --joined-section-single-page__grid: repeat(2, 1fr);
    --section__space: 3.5rem;
    --section__gap: 1rem;
    --fs__text-xs: 0.75rem;
    --fs__header-xs: 1.175rem;
    --fs__header-s: 1.5rem;
    --fs__header-m: 1.875rem;
    --fs__header-l: 2.75rem;
    --fs__header-xl: 3.75rem;
    --text__line-height: 1.3;
    --header__line-height: 1.2;
    --btn__fs--yellow: 1rem;
    --btn__width: 114px;
    --btn__height: 48px;
    --btn-form__fs: 1.125rem;
    --btn-configuration__height: 42px;
    --btn-secondary__icon-size: 15px;
    --page-title-full__height: 40vh;
    --page-title-single__height: 30vh;
    --page-title-description__space: 0;
    --page-title__fs--full: 4rem;
    --page-title__fs--single: 2rem;
    --input__height: 55px;
    --textarea__height: 177px;
    --form-grid__gap: 1rem;
    --flexible-layout-text__space: 0.75rem;
    --splide-arrows__position: -0.75rem;
    --splide-arrow__size: 1.75rem;
    --hero-custom-pagination__space: 1rem;
    --hero-slide-container__space: 5%;
    --configuration-input__width: 225px;
    --configuration-input__height: 54px;
    --configuration-option__space: 1rem;
    --about-us-teaser__min-height: 100%;
    --offer__grid: repeat(2, 1fr);
    --offer-image__height: 450px;
    --offer-single-page__grid: repeat(2, 1fr);
    --accordion__padding-right: 0;
    --map__height: 450px;
    --blog__grid: repeat(2, 1fr);
    --realizations__grid: 2;
    --contact-form__grid: repeat(2, 1fr);
    --company-info__fs: 0.65rem;
    --footer__gap: 1.25rem;
    --sticky__size: 60px;
    --sticky-icon__size: 23px;
    --to-top-icon__width: 19px;
    --to-top-icon__height: 22px;
    --to-top__size: 38px;
  }
}
@media screen and (max-width: 1050px) {
  :root {
    --block-1-image__max-height: 400px;
    --section__space: 3rem;
    --fs__header-l: 2.5rem;
    --fs__header-xl: 3.5rem;
    --btn__fs--yellow: 0.875rem;
    --btn__width: 100px;
    --btn__height: 40px;
    --offer-teaser-header__space: 1rem;
  }
}
@media screen and (max-width: 767px) {
  :root {
    --navigation-container__width: 100%;
    --menu-toggle__width: 2.125rem;
    --menu-toggle__height: 1.75rem;
    --joined-section__max-height: 350px;
    --joined-section-quote-before__height: 64px;
    --single-page-gallery__height: 275px;
    --single-page-offer-gallery__height: 275px;
    --joined-section-single-page__grid: repeat(1, 1fr);
    --variant-title-before__height: 50px;
    --section__space: 2.5rem;
    --fs__header-xs: 1rem;
    --fs__header-s: 1.375rem;
    --fs__header-m: 1.6rem;
    --fs__header-l: 2.25rem;
    --fs__header-xl: 3rem;
    --valuation-form__grid: repeat(1, 1fr);
    --page-title-full__height: 35vh;
    --page-title__fs--full: 3rem;
    --page-title__fs--single: 1.75rem;
    --hero-custom-pagination__space: 0.5rem;
    --contact-form__grid: repeat(1, 1fr);
    --configuration-input__width: 100%;
    --offer-teaser__grid: repeat(1, 1fr);
    --offer-teaser-item__max-height: 400px;
    --offer__grid: repeat(1, 1fr);
    --offer-image__height: 350px;
    --offer-details__height: 30%;
    --offer-details__spacing: 1rem;
    --offer-single-page__grid: repeat(1, 1fr);
    --blog__grid: repeat(1, 1fr);
    --realizations__grid: 1;
    --sticky__size: 50px;
    --sticky-icon__size: 21px;
  }
}
@media screen and (max-width: 550px) {
  :root {
    --menu-toggle__width: 2rem;
    --menu-toggle__height: 1.5rem;
    --fs__header-s: 1.275rem;
    --fs__header-m: 1.5rem;
    --fs__header-l: 2rem;
    --fs__header-xl: 2.5rem;
    --page-title__fs--full: 2.75rem;
    --page-title__fs--single: 1.5rem;
    --configuration-input__height: 48px;
    --offer-teaser-item__max-height: 300px;
    --sticky__size: 40px;
    --sticky-icon__size: 20px;
  }
}
@media screen and (max-width: 425px) {
  :root {
    --fs__header-xl: 2.275rem;
  }
}
/*
    Normalize
-------------------------------------
*/
body {
  background-color: #FFFFFF;
  font-family: "Red Hat Display", sans-serif;
  font-size: var(--fs__global);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  letter-spacing: 1px;
  color: #000000;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:visited, a:focus, a:active {
  color: #A9A9A9;
}

img {
  width: 100%;
  height: auto;
  object-fit: cover;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

svg {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
svg path,
svg rect {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*
    Buttons
-------------------------------------
*/
.btn--container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.btn.primary, .btn.primary-op {
  font-size: var(--btn__fs--yellow);
  font-weight: 900;
  height: var(--btn__height);
  margin: var(--section__space) 0;
}
.btn.primary::before, .btn.primary-op::before {
  content: "";
  position: absolute;
  width: var(--btn__width);
  height: var(--btn__height);
  transition: width 0.3s ease, height 0.3s ease;
  z-index: -1;
}
.btn.primary:hover::before, .btn.primary-op:hover::before {
  width: calc(var(--btn__width) - 10px);
  height: calc(var(--btn__height) - 10px);
}
.btn.primary {
  color: #000000;
}
.btn.primary::before {
  background-color: #EDED21;
}
.btn.primary-op {
  color: #FFFFFF;
}
.btn.primary-op::before {
  background-color: transparent;
  border: 1px solid #EDED21;
}
.btn.secondary, .btn.hero-btn {
  font-size: var(--btn__fs--yellow);
  height: var(--btn__height);
}
.btn.secondary svg, .btn.hero-btn svg {
  width: var(--btn-secondary__icon-size);
}
.btn.hero-btn {
  background-color: #EDED21;
  padding: 1rem;
}
.btn.hero-btn:hover {
  background-color: transparent;
  color: #FFFFFF;
}
.btn.secondary, .btn.download {
  background-color: #000000;
  color: #FFFFFF;
  padding: 1rem;
}
.btn.secondary:hover, .btn.download:hover {
  background-color: #FFFFFF;
  color: #000000;
}
.btn.secondary:hover svg path, .btn.download:hover svg path {
  stroke: #000000;
}
.btn.secondary svg, .btn.download svg {
  margin-left: 1rem;
}
.btn.thirdary {
  background-color: #EDED21;
  font-size: var(--btn__fs--yellow);
  color: #000000;
  width: var(--btn__width);
  height: var(--btn__height);
}
.btn.fourth {
  background-color: #FFFFFF;
  font-size: var(--btn__fs--yellow);
  color: #000000;
  height: var(--btn__height);
  padding: 0 1rem;
}
.btn.fifth {
  background-color: #000000;
  font-size: var(--btn__fs--yellow);
  width: fit-content;
  color: #EDED21;
  height: var(--btn__height);
  padding: 0 2rem;
}
.btn.fifth:hover {
  background-color: rgba(0, 0, 0, 0.7);
  color: #FFFFFF;
}
.btn.download {
  width: fit-content;
  height: var(--btn__height);
}
.btn.configuration-btn {
  background-color: #EDED21;
  color: #000000;
  height: var(--btn-configuration__height);
  padding: 0 2rem;
}
.btn.configuration-btn svg {
  margin-left: 0.5rem;
}
.btn.configuration-btn:hover {
  background-color: #000000;
  color: #EDED21;
}
.btn.configuration-btn:hover svg path {
  stroke: #EDED21;
}

.form__btn {
  background-color: #EDED21;
  font-size: var(--btn-form__fs);
  color: #000000;
  width: var(--btn-form__width);
  height: var(--btn__height);
}
.form__btn:hover {
  background-color: transparent;
  color: #EDED21;
}
.form__btn:hover svg path {
  stroke: #EDED21;
}
.form__btn span {
  margin-right: 1rem;
}

/*
    Media queries
-------------------------------------
*/
/*
    Configurator
-------------------------------------
*/
.configuration-page {
  background-image: url("https://beargarage.pl/wp-content/uploads/2025/05/valuation_bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.configuration-step,
.configuration-summary {
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 1026px;
  margin: 0 auto;
  padding: calc(var(--navigation__height) + 1rem) 0 var(--section__space) 0;
}
.configuration-step .config-title,
.configuration-step .summary-title,
.configuration-summary .config-title,
.configuration-summary .summary-title {
  background-color: #000000;
  width: 100%;
  padding: calc(var(--section__space) / 2);
}
.configuration-step .config-title__header,
.configuration-step .summary-title__header,
.configuration-summary .config-title__header,
.configuration-summary .summary-title__header {
  font-weight: 900;
  color: #FFFFFF;
}
.configuration-step .config-title.summary-cta,
.configuration-step .summary-title.summary-cta,
.configuration-summary .config-title.summary-cta,
.configuration-summary .summary-title.summary-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.configuration-step .config-info,
.configuration-summary .config-info {
  background-color: #000000;
  padding: 0 calc(var(--section__space) / 2) 2rem;
}
.configuration-step .config-info__description,
.configuration-summary .config-info__description {
  color: #FFFFFF;
}
.configuration-step .config-wrapper,
.configuration-step .summary-wrapper,
.configuration-summary .config-wrapper,
.configuration-summary .summary-wrapper {
  background-color: #EDED21;
  width: 100%;
  border: 2px solid #000000;
}
.configuration-step .config-buttons,
.configuration-summary .config-buttons {
  display: flex;
  gap: 1rem;
}
.configuration-step .config-buttons .next-btn,
.configuration-step .config-buttons .prev-btn,
.configuration-summary .config-buttons .next-btn,
.configuration-summary .config-buttons .prev-btn {
  font-size: var(--fs__text-xs);
  padding: 1rem 2rem;
  background-color: #000000;
  color: #FFFFFF;
  border: none;
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.configuration-step .config-buttons .next-btn:not([disabled]),
.configuration-step .config-buttons .prev-btn:not([disabled]),
.configuration-summary .config-buttons .next-btn:not([disabled]),
.configuration-summary .config-buttons .prev-btn:not([disabled]) {
  font-weight: 700;
  opacity: 1;
  pointer-events: all;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}

.configuration-step .config-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: calc(var(--section__space) / 2);
}
.configuration-step .config-options {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  margin: var(--section__space) 0 calc(var(--section__space) / 1.5) 0;
  padding: 0 1rem;
}
.configuration-step .config-options .option {
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 300px;
  height: auto;
  padding: var(--configuration-option__space);
  font-weight: 900;
  border: 1px solid #000000;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.configuration-step .config-options .option .option-title,
.configuration-step .config-options .option .option-description {
  margin-bottom: 0.5rem;
}
.configuration-step .config-options .option .option-description {
  font-weight: 400;
}
.configuration-step .config-options .option:hover, .configuration-step .config-options .option:focus, .configuration-step .config-options .option.active {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}
.configuration-step .config-options .option.active {
  background-color: #000000;
  color: #FFFFFF;
  transform: scale(0.95);
  -o-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
}
.configuration-step .config-options .option.long-option {
  width: 350px;
}
.configuration-step .config-buttons {
  margin-bottom: var(--section__space);
}
.configuration-step .additional-info__description {
  font-size: calc(var(--fs__text-xs) - 0.125rem);
  color: #FFFFFF;
}

.configuration-summary .summary-wrapper .summary-list {
  border: 1px solid #000000;
}
.configuration-summary .summary-wrapper .summary-list li {
  display: flex;
  align-items: center;
  font-weight: 700;
  border-bottom: 1px solid #000000;
}
.configuration-summary .summary-wrapper .summary-list li .label,
.configuration-summary .summary-wrapper .summary-list li .value {
  padding: 1rem;
}
.configuration-summary .summary-wrapper .summary-list li .label {
  background-color: #000000;
  flex-basis: 20%;
  min-width: 140px;
  font-weight: 800;
  text-transform: uppercase;
  color: #FFFFFF;
}
.configuration-summary .summary-wrapper .summary-list li .value {
  flex-basis: 80%;
  font-weight: 900;
  margin-left: 0.25rem;
}
.configuration-summary .config-buttons {
  justify-content: center;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .configuration-page {
    background-image: none;
    background-color: #000000;
  }
  .configuration-page .configuration-step,
  .configuration-page .configuration-summary {
    height: auto;
  }
}
@media screen and (max-width: 850px) {
  .configuration-summary .summary-wrapper .summary-cta {
    flex-direction: column;
  }
  .configuration-summary .summary-wrapper .summary-cta .summary-title__header {
    margin: calc(var(--section__space) / 2) 0 var(--section__space) 0;
  }
}
@media screen and (max-width: 550px) {
  .configuration-summary .summary-wrapper .summary-list li {
    flex-direction: column;
  }
  .configuration-summary .summary-wrapper .summary-list li .label,
  .configuration-summary .summary-wrapper .summary-list li .value {
    width: 100%;
  }
}
/*
    Form
-------------------------------------
*/
.configuration-form input[type=text],
.configuration-form input[type=email],
.configuration-form input[type=tel],
.configuration-form input[type=number],
.configuration-form textarea,
.valuation-form input[type=text],
.valuation-form input[type=email],
.valuation-form input[type=tel],
.valuation-form input[type=number],
.valuation-form textarea,
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=number],
.contact-form textarea {
  font-family: "Red Hat Display", sans-serif;
  background-color: transparent;
  font-size: var(--fs__text-s);
  padding: 1rem 1.5rem;
  outline: 1px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.configuration-form input[type=text]:hover,
.configuration-form input[type=email]:hover,
.configuration-form input[type=tel]:hover,
.configuration-form input[type=number]:hover,
.configuration-form textarea:hover,
.valuation-form input[type=text]:hover,
.valuation-form input[type=email]:hover,
.valuation-form input[type=tel]:hover,
.valuation-form input[type=number]:hover,
.valuation-form textarea:hover,
.contact-form input[type=text]:hover,
.contact-form input[type=email]:hover,
.contact-form input[type=tel]:hover,
.contact-form input[type=number]:hover,
.contact-form textarea:hover {
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}
.configuration-form input[type=text]:focus,
.configuration-form input[type=email]:focus,
.configuration-form input[type=tel]:focus,
.configuration-form input[type=number]:focus,
.configuration-form textarea:focus,
.valuation-form input[type=text]:focus,
.valuation-form input[type=email]:focus,
.valuation-form input[type=tel]:focus,
.valuation-form input[type=number]:focus,
.valuation-form textarea:focus,
.contact-form input[type=text]:focus,
.contact-form input[type=email]:focus,
.contact-form input[type=tel]:focus,
.contact-form input[type=number]:focus,
.contact-form textarea:focus {
  padding: 1rem 2rem;
  color: #A9A9A9;
  border: 1px solid transparent;
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}
.configuration-form input[type=text]:focus::placeholder,
.configuration-form input[type=email]:focus::placeholder,
.configuration-form input[type=tel]:focus::placeholder,
.configuration-form input[type=number]:focus::placeholder,
.configuration-form textarea:focus::placeholder,
.valuation-form input[type=text]:focus::placeholder,
.valuation-form input[type=email]:focus::placeholder,
.valuation-form input[type=tel]:focus::placeholder,
.valuation-form input[type=number]:focus::placeholder,
.valuation-form textarea:focus::placeholder,
.contact-form input[type=text]:focus::placeholder,
.contact-form input[type=email]:focus::placeholder,
.contact-form input[type=tel]:focus::placeholder,
.contact-form input[type=number]:focus::placeholder,
.contact-form textarea:focus::placeholder {
  color: #A9A9A9;
}
.configuration-form input[type=text]::placeholder,
.configuration-form input[type=email]::placeholder,
.configuration-form input[type=tel]::placeholder,
.configuration-form input[type=number]::placeholder,
.configuration-form textarea::placeholder,
.valuation-form input[type=text]::placeholder,
.valuation-form input[type=email]::placeholder,
.valuation-form input[type=tel]::placeholder,
.valuation-form input[type=number]::placeholder,
.valuation-form textarea::placeholder,
.contact-form input[type=text]::placeholder,
.contact-form input[type=email]::placeholder,
.contact-form input[type=tel]::placeholder,
.contact-form input[type=number]::placeholder,
.contact-form textarea::placeholder {
  color: #000000;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.configuration-form input[type=text]:focus-visible,
.configuration-form input[type=email]:focus-visible,
.configuration-form input[type=tel]:focus-visible,
.configuration-form input[type=number]:focus-visible,
.configuration-form textarea:focus-visible,
.valuation-form input[type=text]:focus-visible,
.valuation-form input[type=email]:focus-visible,
.valuation-form input[type=tel]:focus-visible,
.valuation-form input[type=number]:focus-visible,
.valuation-form textarea:focus-visible,
.contact-form input[type=text]:focus-visible,
.contact-form input[type=email]:focus-visible,
.contact-form input[type=tel]:focus-visible,
.contact-form input[type=number]:focus-visible,
.contact-form textarea:focus-visible {
  outline: 1px solid #A9A9A9;
}
.configuration-form input[type=text],
.configuration-form input[type=email],
.configuration-form input[type=tel],
.configuration-form input[type=number],
.valuation-form input[type=text],
.valuation-form input[type=email],
.valuation-form input[type=tel],
.valuation-form input[type=number],
.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=number] {
  width: 100%;
  height: var(--input__height);
}
.configuration-form textarea,
.valuation-form textarea,
.contact-form textarea {
  width: 100%;
  height: var(--textarea__height);
  resize: none;
}
.configuration-form .form-grid,
.valuation-form .form-grid,
.contact-form .form-grid {
  display: grid;
  gap: var(--form-grid__gap);
  margin-bottom: 1.25rem;
}
.configuration-form .wpcf7-list-item-label,
.valuation-form .wpcf7-list-item-label,
.contact-form .wpcf7-list-item-label {
  font-size: var(--consent__fs);
}
.configuration-form .wpcf7-list-item-label .consent__link,
.valuation-form .wpcf7-list-item-label .consent__link,
.contact-form .wpcf7-list-item-label .consent__link {
  font-weight: 700;
}
.configuration-form .form-cta,
.valuation-form .form-cta,
.contact-form .form-cta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: calc(var(--section__space) / 2);
}
.configuration-form .wpcf7-list-item,
.valuation-form .wpcf7-list-item,
.contact-form .wpcf7-list-item {
  line-height: 0.75;
  margin: 1rem 0.5rem 1rem 3rem;
  position: relative;
}
.configuration-form .wpcf7-list-item label,
.valuation-form .wpcf7-list-item label,
.contact-form .wpcf7-list-item label {
  margin: 0;
}
.configuration-form .wpcf7-list-item input[type=checkbox],
.valuation-form .wpcf7-list-item input[type=checkbox],
.contact-form .wpcf7-list-item input[type=checkbox] {
  position: absolute;
  left: 0;
  width: 75%;
  height: 20px;
  opacity: 0;
}
.configuration-form .wpcf7-list-item input[type=checkbox] + span::before, .configuration-form .wpcf7-list-item input[type=checkbox] + span::after,
.valuation-form .wpcf7-list-item input[type=checkbox] + span::before,
.valuation-form .wpcf7-list-item input[type=checkbox] + span::after,
.contact-form .wpcf7-list-item input[type=checkbox] + span::before,
.contact-form .wpcf7-list-item input[type=checkbox] + span::after {
  content: "";
  position: absolute;
  left: -3rem;
  top: -0.25rem;
  height: var(--checkbox__size);
  width: var(--checkbox__size);
  cursor: pointer;
}
.configuration-form .wpcf7-list-item input[type=checkbox] + span::after,
.valuation-form .wpcf7-list-item input[type=checkbox] + span::after,
.contact-form .wpcf7-list-item input[type=checkbox] + span::after {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.configuration-form .wpcf7-list-item input[type=checkbox]:checked + span::after,
.valuation-form .wpcf7-list-item input[type=checkbox]:checked + span::after,
.contact-form .wpcf7-list-item input[type=checkbox]:checked + span::after {
  opacity: 1;
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}

.valuation-form input[type=text],
.valuation-form input[type=email],
.valuation-form input[type=tel],
.valuation-form input[type=number],
.valuation-form textarea {
  color: #FFFFFF;
  border: 1px solid #EDED21;
}
.valuation-form input[type=text]::placeholder,
.valuation-form input[type=email]::placeholder,
.valuation-form input[type=tel]::placeholder,
.valuation-form input[type=number]::placeholder,
.valuation-form textarea::placeholder {
  color: #FFFFFF;
}
.valuation-form .form-grid {
  grid-template-columns: var(--valuation-form__grid);
}
.valuation-form .wpcf7-list-item-label {
  color: #FFFFFF;
}
.valuation-form .wpcf7-list-item-label .consent__link {
  color: #EDED21;
}
.valuation-form .wpcf7-list-item input[type=checkbox] + span::before {
  border: 1px solid #EDED21;
}
.valuation-form .wpcf7-list-item input[type=checkbox] + span::after {
  background: #EDED21 none repeat scroll 0 0;
}

.contact-form input[type=text],
.contact-form input[type=email],
.contact-form input[type=tel],
.contact-form input[type=number],
.contact-form textarea {
  color: #000000;
  border: 1px solid #000000;
}
.contact-form input[type=text]::placeholder,
.contact-form input[type=email]::placeholder,
.contact-form input[type=tel]::placeholder,
.contact-form input[type=number]::placeholder,
.contact-form textarea::placeholder {
  color: #000000;
}
.contact-form .form-grid {
  grid-template-columns: var(--contact-form__grid);
}
.contact-form .wpcf7-list-item-label {
  color: #000000;
}
.contact-form .wpcf7-list-item-label .consent__link {
  color: #A9A9A9;
}
.contact-form .wpcf7-list-item input[type=checkbox] + span::before {
  border: 1px solid #000000;
}
.contact-form .wpcf7-list-item input[type=checkbox] + span::after {
  background: #000000 none repeat scroll 0 0;
}

.configuration-form .configuration-grid {
  display: flex;
  align-items: center;
}
.configuration-form .configuration-grid input[type=email] {
  background-color: #000000;
  height: var(--btn-configuration__height);
  color: #FFFFFF;
  max-width: 250px;
  border: 1px solid #EDED21;
}
.configuration-form .configuration-grid input[type=email]:focus {
  color: #FFFFFF;
}
.configuration-form .configuration-grid input[type=email]::placeholder {
  color: #FFFFFF;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7-not-valid-tip,
.wpcf7 form.sent .wpcf7-response-output {
  font-size: var(--tip__fs);
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
  text-align: center;
  border: 0;
  padding: 0.5rem;
  margin: 1rem 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
  color: #dc3232;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #28a745;
}

.wpcf7-not-valid-tip {
  position: absolute;
  left: 0;
  top: 3rem;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 767px) {
  .form-cta {
    flex-direction: column;
  }
  .form-cta .form__btn {
    margin-top: calc(var(--section__space) / 2);
  }
}
/*
    Helpers
-------------------------------------
*/
.content-value p {
  margin-bottom: 2rem;
}
.content-value p:last-of-type {
  margin-bottom: 0;
}

.cky-revisit-bottom-left:hover::before,
.cky-revisit-bottom-left:hover::after {
  background: #000000 !important;
  color: #FFFFFF !important;
  border-right-color: #000000 !important;
  font-weight: 700 !important;
}

/*
    Media queries
-------------------------------------
*/
/*
    Flexible layout
-------------------------------------
*/
.flexible-value h1, .flexible-layout__container .section__layout h1 {
  font-size: var(--fs__header-xl);
}
.flexible-value h2, .flexible-layout__container .section__layout h2 {
  font-size: var(--fs__header-l);
}
.flexible-value h3, .flexible-layout__container .section__layout h3 {
  font-size: var(--fs__header-m);
}
.flexible-value h4, .flexible-layout__container .section__layout h4 {
  font-size: var(--fs__header-s);
}
.flexible-value h5, .flexible-layout__container .section__layout h5 {
  font-size: var(--fs__header-xs);
}
.flexible-value h6, .flexible-layout__container .section__layout h6 {
  font-size: var(--fs__text-l);
}
.flexible-value h1, .flexible-layout__container .section__layout h1, .flexible-value h2, .flexible-layout__container .section__layout h2, .flexible-value h3, .flexible-layout__container .section__layout h3, .flexible-value h4, .flexible-layout__container .section__layout h4, .flexible-value h5, .flexible-layout__container .section__layout h5, .flexible-value h6, .flexible-layout__container .section__layout h6 {
  line-height: var(--header__line-height);
  margin-bottom: var(--flexible-layout-text__space);
}
.flexible-value p, .flexible-layout__container .section__layout p {
  line-height: var(--text__line-height);
  margin-bottom: var(--flexible-layout-text__space);
}
.flexible-value p:last-of-type, .flexible-layout__container .section__layout p:last-of-type {
  margin-bottom: 0;
}
.flexible-value a, .flexible-layout__container .section__layout a {
  color: #A9A9A9;
}
.flexible-value a:hover, .flexible-layout__container .section__layout a:hover {
  color: #EDED21;
}
.flexible-value strong, .flexible-layout__container .section__layout strong {
  font-weight: 700;
}
.flexible-value ul, .flexible-layout__container .section__layout ul, .flexible-value ol, .flexible-layout__container .section__layout ol {
  margin-left: calc(var(--flexible-layout-text__space) * 1.5);
  padding: 0;
}
.flexible-value ul li, .flexible-layout__container .section__layout ul li, .flexible-value ol li, .flexible-layout__container .section__layout ol li {
  list-style-type: circle;
}
.flexible-value ul li::marker, .flexible-layout__container .section__layout ul li::marker, .flexible-value ol li::marker, .flexible-layout__container .section__layout ol li::marker {
  color: #EDED21;
}

.flexible-layout__container .section__layout {
  margin-bottom: var(--joined-sections__space);
}
.flexible-layout__container .section__layout p {
  font-size: var(--fs__text-s);
}
.flexible-layout__container .section__layout:last-of-type {
  margin-bottom: 0;
}
.flexible-layout__container .section__layout .layout-title__header {
  font-weight: 700;
  color: #000000;
  margin-bottom: 0;
}
.flexible-layout__container .section__layout .section__figure {
  width: 100%;
  margin: 0;
}
.flexible-layout__container .section__layout .section__figure .section__link .section__image {
  height: 100%;
  border-radius: var(--content__border-radius-m);
  object-fit: cover;
}
.flexible-layout__container .section__layout .section__figure .section__link .section__image:hover {
  transform: scale(0.99);
  -o-transform: scale(0.99);
  -moz-transform: scale(0.99);
  -webkit-transform: scale(0.99);
}
.flexible-layout__container .section__layout .section__figure .section__link .section__image.primary-height {
  max-height: 400px;
}
.flexible-layout__container .section__layout .section__figure .section__link .section__image.secondary-height {
  max-height: 650px;
}
.flexible-layout__container .section__layout .section__figure .section__caption {
  font-size: 0.65rem;
  text-align: center;
}
.flexible-layout__container .section__layout.content-50-50 {
  display: grid;
  grid-template-columns: var(--flexible-layout-50-50__grid);
  gap: var(--joined-sections__space);
}
.flexible-layout__container .section__layout.content-50-50 .section__inner {
  display: flex;
}

.flexible-value.text-default p {
  font-size: var(--fs__text-s);
}
.flexible-value.text-small p {
  font-size: var(--fs__text-xs);
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1050px) {
  .flexible-layout__container .section__layout.content-50-50 .section__figure.block-margin {
    margin-bottom: var(--flexible-layout-text__space);
  }
}
@media screen and (max-width: 767px) {
  .section__layout.content-50-50 {
    flex-direction: column;
  }
}
@media screen and (max-width: 650px) {
  .section__layout.image-100-center .section__link {
    max-width: 100%;
  }
}
/*
    Title
-------------------------------------
*/
.page-title {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.5rem;
}
.page-title__header, .page-title__description {
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.4);
}
.page-title__description {
  padding: var(--page-title-description__space);
}
.page-title.full-page {
  height: var(--page-title-full__height);
}
.page-title.full-page .page-title__header {
  font-size: var(--page-title__fs--full);
}
.page-title.single-page {
  height: var(--page-title-single__height);
}
.page-title.single-page .page-title__header {
  font-size: var(--page-title__fs--single);
}

.single .page-title__header {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.7);
  padding: 0 8%;
  margin-top: 2rem;
}

.section-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: var(--content__spacing);
}
.section-title__header {
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
.section-title.primary {
  margin-bottom: var(--section__space);
}
.section-title.secondary {
  margin: var(--section__space) 0;
}
.section-title.thirdary {
  margin: calc(var(--section__space) / 2) 0;
}
.section-title.white .section-title__header {
  color: #FFFFFF;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .page-title__header {
    margin-top: 8%;
  }
  .section-title.primary {
    margin-bottom: calc(var(--section__space) / 1.5);
  }
}
/*
    Global
-------------------------------------
*/
.spaced-1 {
  margin: calc(var(--section__space) * 1.3) 0 var(--section__space) 0;
}

.spaced-2 {
  margin: var(--section__space) 0;
}

.pages.valuation {
  background-image: url("https://beargarage.pl/wp-content/uploads/2025/05/valuation_bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: var(--section__space) 1rem;
}
.pages.valuation .section-title__header {
  color: #EDED21;
}
.pages.valuation .section__content .section__inner:nth-of-type(1) {
  margin-bottom: calc(var(--section__space) / 2);
}
.pages.valuation .section__content .section__inner:nth-of-type(1) .section__description {
  text-align: center;
  color: #FFFFFF;
}

.custom-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: var(--section__space) 0;
}
.custom-pagination .custom-pagination__items {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.custom-pagination .custom-pagination__items .custom-pagination__item .page-numbers {
  display: flex;
  align-items: center;
  font-size: var(--fs__text-s);
  color: #000000;
}
.custom-pagination .custom-pagination__items .custom-pagination__item .page-numbers:hover {
  color: #A9A9A9;
}
.custom-pagination .custom-pagination__items .custom-pagination__item .page-numbers.next svg {
  margin-left: 1rem;
}
.custom-pagination .custom-pagination__items .custom-pagination__item .page-numbers.prev svg {
  margin-right: 1rem;
}
.custom-pagination .custom-pagination__items .custom-pagination__item.is-active .current {
  background-color: #EDED21;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  color: #000000;
  width: 32px;
  height: 32px;
}

/*
    Media queries
-------------------------------------
*/
/*
    Scrolled
-------------------------------------
*/
.site-header {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-header.scrolled {
  background-color: rgba(0, 0, 0, 0.8);
  height: var(--navigation__height--scrolled);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.site-header.scrolled .site-branding svg {
  width: var(--branding__max-width--scrolled);
}
.site-header .menu-item a.scrolled {
  font-size: var(--navigation__fs--scrolled);
}

/*
    Media queries
-------------------------------------
*/
/*
    Sticky
-------------------------------------
*/
.sticky {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
  z-index: 98;
}
.sticky__link {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: var(--sticky__size);
  height: var(--sticky__size);
  font-size: var(--sticky__fs);
  text-align: center;
  line-height: 1;
  color: #FFFFFF;
  border: 1px solid #EDED21;
  border-radius: 50%;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sticky__link:hover {
  background-color: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0px 0px 8px -2px rgb(237, 237, 33); /* Safari and older Chrome versions */
  -moz-box-shadow: 0px 0px 8px -2px rgb(237, 237, 33); /* Firefox */
  -ms-box-shadow: 0px 0px 8px -2px rgb(237, 237, 33); /* Internet Explorer */
  -o-box-shadow: 0px 0px 8px -2px rgb(237, 237, 33); /* Opera */
  box-shadow: 0px 0px 8px -2px rgb(237, 237, 33); /* Standard syntax */
  transform: scale(0.97);
  -o-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -webkit-transform: scale(0.97);
}
.sticky__link .sticky__icon {
  width: var(--sticky-icon__size);
}
.sticky__link .sticky__arrow {
  width: var(--sticky-arrow__size);
}
.sticky__link .sticky__text {
  font-weight: 900;
  color: #EDED21;
  margin: 0.375rem 0;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .sticky {
    top: unset;
    bottom: 3rem;
  }
  .sticky__link .sticky__text,
  .sticky__link .sticky__arrow {
    display: none;
  }
}
/*
    To-top
-------------------------------------
*/
.to-top {
  background-color: #EDED21;
  display: none;
  width: var(--to-top__size);
  height: var(--to-top__size);
  position: fixed;
  bottom: var(--to-top__bottom-position);
  right: var(--to-top__right-position);
  cursor: pointer;
  z-index: 97;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.to-top:hover {
  background-color: #FFFFFF;
  transform: scale(0.95);
  -o-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -webkit-transform: scale(0.95);
}
.to-top:hover svg path {
  stroke: #000000;
}
.to-top svg {
  width: var(--to-top-icon__width);
  height: var(--to-top-icon__height);
}

/*
    Navigation
-------------------------------------
*/
.site-header {
  background-color: transparent;
  position: fixed;
  top: 0;
  left: 0;
  width: var(--navigation__width);
  height: var(--navigation__height);
  z-index: 99;
}
.site-header .navigation-container {
  display: flex;
  align-items: center;
  gap: var(--menu-item__space-s);
}
.site-header .navigation-container .navigation-control .menu {
  display: flex;
}

.container-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-branding__link {
  display: flex;
}
.site-branding__link img,
.site-branding__link svg {
  width: var(--branding__max-width);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.site-branding__link img:hover,
.site-branding__link svg:hover {
  transform: scale(0.98);
  -o-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -webkit-transform: scale(0.98);
}

.menu-item {
  margin: 0 var(--menu-item__space-l);
  position: relative;
  list-style-type: none;
}
.menu-item a {
  font-size: var(--navigation__fs);
  font-weight: 600;
  letter-spacing: 3px;
  color: #FFFFFF;
  position: relative;
  padding-bottom: 0.25rem;
  transition: color 0.3s ease;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menu-item a:hover {
  color: #EDED21;
}
.menu-item a:hover:after {
  transform: translateX(-50%) scaleX(1);
}
.menu-item a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%) scaleX(0);
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, transparent, #EDED21 30%, #EDED21 70%, transparent);
  transform-origin: center;
  transition: transform 0.4s ease;
}

.sub-menu {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  background: #FFFFFF;
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.menu-item-has-children:hover .sub-menu {
  display: block;
}

.menu-toggle {
  display: none;
}

.navigation-media {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-left: 1.5rem;
}
.navigation-media__link {
  display: flex;
}
.navigation-media__link:hover {
  transform: scale(0.98);
  -o-transform: scale(0.98);
  -moz-transform: scale(0.98);
  -webkit-transform: scale(0.98);
}
.navigation-media__link:hover svg path {
  fill: #EDED21;
}

.logo-desktop {
  display: block;
}

.logo-mobile,
.call-mobile {
  display: none;
}

@media (max-width: 1199px) {
  .logo-desktop {
    display: none;
  }
  .logo-mobile,
  .call-mobile {
    display: block;
  }
}
.navigation-media-mobile {
  display: none;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .site-header .navigation-container {
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
  }
  .site-header .navigation-control .menu-primary-container {
    background-color: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    left: -100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--navigation-container__width);
    height: var(--navigation-container__height);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 98;
  }
  .site-header .navigation-control .menu-primary-container .menu {
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: auto;
  }
  .site-header .navigation-control.toggled .menu-primary-container {
    left: 0;
  }
  .site-header .navigation-control.toggled .menu-toggle__line:nth-of-type(1) {
    top: var(--menu-toggle-line__top);
    transform: rotate(135deg);
  }
  .site-header .navigation-control.toggled .menu-toggle__line:nth-of-type(2) {
    opacity: 0;
  }
  .site-header .navigation-control.toggled .menu-toggle__line:nth-of-type(3) {
    top: var(--menu-toggle-line__top);
    transform: rotate(-135deg);
  }
  .menu-item {
    margin: var(--menu-item__space-s);
  }
  .menu-toggle {
    background-color: transparent;
    display: block;
    width: var(--menu-toggle__width);
    height: var(--menu-toggle__height);
    border: 0;
    position: relative;
    outline: 0;
    z-index: 99;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .menu-toggle__line {
    background-color: #FFFFFF;
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: var(--menu-toggle-line__height);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .menu-toggle__line:nth-of-type(1) {
    top: 0;
  }
  .menu-toggle__line:nth-of-type(2) {
    top: 43%;
  }
  .menu-toggle__line:nth-of-type(3) {
    bottom: 0;
  }
  .site-branding {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .call-mobile {
    position: absolute;
    right: 4.5rem;
  }
  .call-mobile__link {
    display: flex;
    align-items: center;
  }
  .navigation-media {
    margin-right: 1rem;
    margin-left: 0;
  }
  .navigation-media-mobile {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin: var(--section__space) var(--menu-item__space-s);
  }
  .navigation-media-mobile__link {
    display: flex;
    align-items: center;
  }
  .navigation-media-mobile__link span {
    flex-basis: auto;
    font-size: var(--fs__text-s);
    color: #FFFFFF;
  }
  .navigation-media-mobile__link svg {
    flex-basis: 18%;
    margin-right: 0.5rem;
  }
}
/*
    Sections
-------------------------------------
*/
.sections.call {
  margin: var(--section__space) 0 calc(var(--section__space) * 1.5) 0;
}
.sections.social-media-teaser, .sections.realizations-teaser, .sections.blog-teaser {
  padding: var(--section__space) 0 calc(var(--section__space) / 1.5) 0;
}
.sections.offer-teaser, .sections.popular-offer-teaser {
  margin: var(--section__space) 0;
}
.sections.configuration .section__content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #EDED21;
  width: 100%;
  height: 261px;
  padding: 2rem;
}
.sections.configuration .section__content .section__header {
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
.sections.configuration .section__form {
  display: flex;
  justify-content: center;
  gap: var(--section__gap);
}
.sections.configuration .section__form .custom-select-trigger,
.sections.configuration .section__form input[type=text],
.sections.configuration .section__form button[type=submit] {
  font-size: var(--text__size-s);
  font-weight: 700;
  text-align: center;
  width: var(--configuration-input__width);
  height: var(--configuration-input__height);
  border: 1px solid #000000;
  padding: 0.5rem 1rem;
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sections.configuration .section__form .custom-select-trigger:hover, .sections.configuration .section__form .custom-select-trigger:focus, .sections.configuration .section__form .custom-select-trigger:active,
.sections.configuration .section__form input[type=text]:hover,
.sections.configuration .section__form input[type=text]:focus,
.sections.configuration .section__form input[type=text]:active,
.sections.configuration .section__form button[type=submit]:hover,
.sections.configuration .section__form button[type=submit]:focus,
.sections.configuration .section__form button[type=submit]:active {
  -webkit-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Safari and older Chrome versions */
  -moz-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Firefox */
  -ms-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Internet Explorer */
  -o-box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Opera */
  box-shadow: 0 0 5px -2px rgb(0, 0, 0); /* Standard syntax */
}
.sections.configuration .section__form input[type=text] {
  background-color: transparent;
}
.sections.configuration .section__form input[type=text]::placeholder {
  color: #000000;
}
.sections.configuration .section__form button[type=submit] {
  background-color: #000000;
  color: #FFFFFF;
  cursor: pointer;
  position: relative;
}
.sections.configuration .section__form button[type=submit] svg {
  position: absolute;
  right: 2rem;
}
.sections.configuration .section__form button[type=submit]:hover {
  background-color: #EDED21;
  color: #000000;
}
.sections.configuration .section__form button[type=submit]:hover svg path {
  stroke: #000000;
}
.sections.configuration .section__form .custom-select-wrapper {
  position: relative;
}
.sections.configuration .section__form .custom-select-wrapper .custom-select-trigger {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2211%22%20viewBox%3D%220%200%2018%2011%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M0.750001%201.06909L8.75%208.74994L16.75%201.06909%22%20stroke%3D%22black%22%20stroke-width%3D%222%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.25rem center;
  background-size: 0.875rem;
  appearance: none;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  cursor: pointer;
  position: relative;
}
.sections.configuration .section__form .custom-select-wrapper .custom-options {
  display: none;
  background-color: #EDED21;
  position: absolute;
  width: 100%;
  max-height: 15rem;
  list-style: none;
  border: 1px solid #000000;
  border-top: none;
  overflow-y: auto;
  z-index: 10;
}
.sections.configuration .section__form .custom-select-wrapper .custom-options .custom-option {
  font-size: calc(var(--fs__text-s) - 0.1rem);
  font-weight: 500;
  text-align: center;
  padding: 0.5rem;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.sections.configuration .section__form .custom-select-wrapper .custom-options .custom-option:hover {
  background-color: #FFFFFF;
  font-weight: 700;
  margin-left: 10px;
}
.sections.offer-teaser .section__content {
  display: grid;
  grid-template-columns: var(--offer-teaser__grid);
}
.sections.offer-teaser .section__content .section__column:nth-of-type(2) {
  margin-top: 10%;
}
.sections.offer-teaser .section__content .section__column:nth-of-type(3) {
  margin-top: -10%;
}
.sections.offer-teaser .section__content .section__column .section__item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  max-height: var(--offer-teaser-item__max-height);
  position: relative;
  overflow: hidden;
}
.sections.offer-teaser .section__content .section__column .section__item:hover .splide__image {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.sections.offer-teaser .section__content .section__column .section__item:hover .section__btn {
  background-color: #EDED21;
  margin-left: 1rem;
}
.sections.offer-teaser .section__content .section__column .section__item .section__info {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.sections.offer-teaser .section__content .section__column .section__item .section__info .section__header {
  font-weight: 900;
  margin-bottom: var(--offer-teaser-header__space);
}
.sections.offer-teaser .layout-left,
.sections.offer-teaser .layout-right {
  justify-content: flex-end;
  padding: var(--offer-teaser-item__space);
}
.sections.offer-teaser .layout-left .section__header,
.sections.offer-teaser .layout-right .section__header {
  font-size: var(--fs__header-m);
  color: #FFFFFF;
}
.sections.offer-teaser .layout-right {
  align-items: flex-end;
}
.sections.offer-teaser .layout-right .section__header {
  text-align: right;
}
.sections.offer-teaser .layout-left {
  align-items: flex-start;
}
.sections.offer-teaser .layout-left .section__header {
  text-align: left;
}
.sections.offer-teaser .layout-centered-1,
.sections.offer-teaser .layout-centered-2,
.sections.offer-teaser .layout-centered-3 {
  align-items: center;
}
.sections.offer-teaser .layout-centered-1 .section__header,
.sections.offer-teaser .layout-centered-2 .section__header,
.sections.offer-teaser .layout-centered-3 .section__header {
  font-size: var(--fs__header-l);
  text-align: center;
}
.sections.offer-teaser .layout-centered-1,
.sections.offer-teaser .layout-centered-2 {
  padding: 20%;
}
.sections.offer-teaser .layout-centered-1 .section__header,
.sections.offer-teaser .layout-centered-2 .section__header {
  color: #000000;
}
.sections.offer-teaser .layout-centered-1 {
  justify-content: space-between;
}
.sections.offer-teaser .layout-centered-2 {
  justify-content: center;
}
.sections.offer-teaser .layout-centered-3 {
  justify-content: flex-end;
  padding: 15%;
}
.sections.offer-teaser .layout-centered-3 .section__header {
  color: #FFFFFF;
}
.sections.offer-teaser .btn--container .btn.primary {
  margin-bottom: 0;
}
.sections.about-us-teaser {
  background-image: url("https://beargarage.pl/wp-content/uploads/2025/05/offer_teaser_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: var(--about-us-teaser__min-height);
  padding: var(--section__space) 0;
}
.sections.about-us-teaser .section__content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sections.about-us-teaser .section__content .section__inner {
  flex-basis: 50%;
  max-width: 50%;
}
.sections.popular-offer-teaser .section-title {
  margin-bottom: calc(var(--section__space) / 2);
}
.sections.popular-offer-teaser .section__subheader {
  text-align: center;
  margin-bottom: calc(var(--section__space) / 2);
}
.sections.realizations-teaser {
  background-image: url("https://beargarage.pl/wp-content/uploads/2025/05/realizations_teaser_bg_final.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  z-index: 0;
}
.sections .realizations-grid.section__item {
  min-height: var(--joined-section__max-height);
}
.sections .realizations-grid.section__item .section__thumbnail:hover .wp-post-image {
  transform: translateY(-5px);
  opacity: 0.9;
}
.sections .realizations-grid.section__item .section__thumbnail .section__info {
  bottom: 0;
  width: 100%;
}
.sections.process .section__content {
  background-color: #000000;
  display: flex;
  gap: var(--section__gap);
  padding-left: var(--proces__space);
  align-items: flex-start;
}
.sections.process .section__content .section__inner {
  flex-basis: 50%;
}
.sections.process .section__content .section__items {
  display: flex;
  flex-direction: column;
  gap: var(--section__space);
  padding: var(--section__space) 0;
}
.sections.process .section__content .section__items .section__item {
  border-left: 4px solid transparent;
  padding-left: 1rem;
  opacity: 0.5;
  transition: opacity 0.4s ease, border-color 0.4s ease;
}
.sections.process .section__content .section__items .section__item.active {
  opacity: 1;
  border-color: #EDED21;
}
.sections.process .section__content .section__items .section__item.active .section-counter {
  border-bottom-color: #EDED21;
}
.sections.process .section__content .section__items .section__item .section-counter {
  width: fit-content;
  border-bottom: 3px solid transparent;
  padding-bottom: 0.25rem;
  margin-bottom: 2rem;
}
.sections.process .section__content .section__items .section__item .section-counter__text {
  font-weight: 700;
  letter-spacing: 5px;
  color: #EDED21;
}
.sections.process .section__content .section__items .section__item .section-info {
  padding-left: 2rem;
}
.sections.process .section__content .section__items .section__item .section-info__header {
  font-weight: 900;
  margin-bottom: 1rem;
  color: #EDED21;
}
.sections.process .section__content .section__items .section__item .section-info__description {
  color: #FFFFFF;
}
.sections.process .section__content .section__items .section__item .section-image {
  display: none;
}
.sections.process .section__content .section__images {
  flex-basis: 50%;
  position: sticky;
  top: calc(var(--navigation__height) + var(--section__space) / 2);
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sections.process .section__content .section__images .process-image {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.sections.process .section__content .section__images .process-image.active {
  opacity: 1;
  position: relative;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .sections.about-us-teaser {
    background-position: right;
  }
  .sections.about-us-teaser .section__content {
    background-color: rgba(0, 0, 0, 0.3);
    padding: 1rem;
  }
  .sections.about-us-teaser .section__content .section__inner {
    flex-basis: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .sections.offer-teaser .layout-centered-1 .section__header,
  .sections.offer-teaser .layout-centered-2 .section__header,
  .sections.offer-teaser .layout-centered-3 .section__header {
    font-size: calc(var(--fs__header-l) - 0.4rem);
  }
  .sections.offer-teaser .layout-left .section__header,
  .sections.offer-teaser .layout-right .section__header {
    font-size: calc(var(--fs__header-m) - 0.4rem);
  }
}
@media screen and (max-width: 767px) {
  .sections.configuration .section__content {
    height: auto;
  }
  .sections.configuration .section__content .section__form {
    flex-direction: column;
    width: 100%;
  }
  .sections.offer-teaser .section__content .section__column:nth-of-type(2), .sections.offer-teaser .section__content .section__column:nth-of-type(3) {
    margin: 0;
  }
  .sections.process .section__content {
    flex-direction: column;
  }
  .sections.process .section__content .section__inner:nth-of-type(1) {
    flex-basis: 100%;
  }
  .sections.process .section__content .section__inner:nth-of-type(1) .section__items .section__item .section-counter,
  .sections.process .section__content .section__inner:nth-of-type(1) .section__items .section__item .section-info {
    margin-bottom: 1rem;
  }
  .sections.process .section__content .section__inner:nth-of-type(1) .section__items .section__item .section-info {
    padding-left: 0;
  }
  .sections.process .section__content .section__inner:nth-of-type(1) .section__items .section__item .section-image {
    display: flex;
  }
  .sections.process .section__content .section__inner:nth-of-type(2) {
    display: none;
  }
}
/*
    Pages
-------------------------------------
*/
.pages .accordion__item {
  display: flex;
  align-items: center;
  margin-bottom: calc(var(--section__space) / 2);
}
.pages .accordion__item:last-of-type {
  margin-bottom: 0;
}
.pages .accordion__item .accordion__icon {
  padding-right: var(--joined-section-icon__space);
  display: flex;
  justify-content: center;
}
.pages .accordion__item .accordion__icon svg {
  cursor: pointer;
  margin-top: 0.5rem;
}
.pages .accordion__item .accordion__icon svg.black-icon path {
  stroke: #000000;
}
.pages .accordion__item .accordion__wrapper {
  padding-left: var(--joined-section-icon__space);
  border-left: 5px solid #EDED21;
}
.pages .accordion__item .accordion__wrapper .accordion__header {
  display: flex;
  align-items: center;
  font-weight: 900;
  color: #000000;
  width: fit-content;
  cursor: pointer;
  margin: 0.5rem 0;
}
.pages .accordion__item .accordion__wrapper .accordion__content {
  overflow: hidden;
}
.pages .accordion__item .accordion__wrapper .accordion__content .section__description {
  font-weight: 500;
}
.pages .accordion__item .accordion__wrapper.active .accordion__content {
  display: block;
  max-height: 1000px;
}
.pages.realizations {
  margin-bottom: calc(var(--section__space) * 1.5);
}
.pages.realizations .section__items {
  column-count: var(--realizations__grid);
  gap: 0;
  position: relative;
}
.pages.offer .section__content {
  margin-bottom: var(--section__space);
}
.pages.offer .section__content .section__description {
  font-weight: 600;
  text-align: center;
  padding: 0 5%;
}
.pages.offer .section__items {
  display: grid;
  grid-template-columns: var(--offer__grid);
  gap: var(--section__gap);
}
.pages.single-realization .section__content .section__container.flex-grid, .pages.single-offer .section__content .section__container.flex-grid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--section__gap) * 2);
}
.pages.single-realization .section__content .section__container.block-1 .section__inner:nth-of-type(1), .pages.single-offer .section__content .section__container.block-1 .section__inner:nth-of-type(1) {
  display: flex;
  flex-basis: 40%;
}
.pages.single-realization .section__content .section__container.block-1 .section__inner:nth-of-type(1) .section__image, .pages.single-offer .section__content .section__container.block-1 .section__inner:nth-of-type(1) .section__image {
  max-height: var(--block-1-image__max-height);
}
.pages.single-realization .section__content .section__container.block-1 .section__inner:nth-of-type(2), .pages.single-offer .section__content .section__container.block-1 .section__inner:nth-of-type(2) {
  flex-basis: 60%;
}
.pages.single-realization .section__content .section__container.block-1 .section__inner:nth-of-type(2) .section__subheader, .pages.single-offer .section__content .section__container.block-1 .section__inner:nth-of-type(2) .section__subheader {
  margin-bottom: calc(var(--section__space) / 1.5);
}
.pages.single-realization .section__content .section__container.block-1 .section__inner .section__items .section__item, .pages.single-offer .section__content .section__container.block-1 .section__inner .section__items .section__item {
  margin-bottom: 1rem;
  display: flex;
}
.pages.single-realization .section__content .section__container.block-1 .section__inner .section__items .section__item svg, .pages.single-offer .section__content .section__container.block-1 .section__inner .section__items .section__item svg {
  flex-basis: 10%;
}
.pages.single-realization .section__content .section__container.block-1 .section__inner .section__items .section__item .section__description, .pages.single-offer .section__content .section__container.block-1 .section__inner .section__items .section__item .section__description {
  flex-basis: 90%;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .section__inner, .pages.single-offer .section__content .section__container.block-1.comparison-slider .section__inner {
  flex-basis: 50%;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .section__inner:nth-of-type(1), .pages.single-offer .section__content .section__container.block-1.comparison-slider .section__inner:nth-of-type(1) {
  display: block;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .before-after-slider, .pages.single-offer .section__content .section__container.block-1.comparison-slider .before-after-slider {
  position: relative;
  overflow: hidden;
  cursor: ew-resize;
  max-width: 100%;
  aspect-ratio: 16/9;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .before-after-slider .before-after-image, .pages.single-offer .section__content .section__container.block-1.comparison-slider .before-after-slider .before-after-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .before-after-slider .after-img, .pages.single-offer .section__content .section__container.block-1.comparison-slider .before-after-slider .after-img {
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.2s ease;
}
.pages.single-realization .section__content .section__container.block-1.comparison-slider .before-after-slider .slider-handle, .pages.single-offer .section__content .section__container.block-1.comparison-slider .before-after-slider .slider-handle {
  position: absolute;
  background: #EDED21;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  z-index: 2;
  pointer-events: none;
}
.pages.single-realization .section__content .section__container .section__inner .single-section-title, .pages.single-offer .section__content .section__container .section__inner .single-section-title {
  margin-bottom: var(--section__space);
}
.pages.single-realization .section__content .section__container .section__inner .single-section-title.flex-center, .pages.single-offer .section__content .section__container .section__inner .single-section-title.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.pages.single-realization .section__content .section__container .section__inner .single-section-title__header, .pages.single-offer .section__content .section__container .section__inner .single-section-title__header {
  font-weight: 900;
  margin-bottom: 2rem;
}
.pages.single-realization .section__content .section__container .section__subheader, .pages.single-offer .section__content .section__container .section__subheader {
  font-weight: 800;
  border-left: 5px solid yellow;
  padding-left: var(--joined-section-icon__space);
  margin-bottom: 2rem;
}
.pages.single-realization .section__content .section__container .section__link, .pages.single-offer .section__content .section__container .section__link {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pages.single-realization .section__content .section__container .section__link:hover .section__image, .pages.single-offer .section__content .section__container .section__link:hover .section__image {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.pages.single-realization .section__content .section__container .section-quote, .pages.single-offer .section__content .section__container .section-quote {
  position: relative;
}
.pages.single-realization .section__content .section__container .section-quote__header, .pages.single-offer .section__content .section__container .section-quote__header {
  text-align: center;
  font-weight: 900;
}
.pages.single-realization .section__content .section__container .section-quote::before, .pages.single-offer .section__content .section__container .section-quote::before {
  content: "";
  background-color: #EDED21;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--joined-section-quote-before__height);
  z-index: -1;
}
.pages.single-realization .section__content .section__container .intro-image .section__image, .pages.single-offer .section__content .section__container .intro-image .section__image {
  max-height: 599px;
  object-position: center;
}
.pages.single-realization .section__content .section__container .gallery__items, .pages.single-offer .section__content .section__container .gallery__items {
  display: grid;
  grid-template-columns: var(--joined-section-single-page__grid);
  gap: var(--section__gap);
  margin-bottom: var(--section__space);
}
.pages.single-realization .section__content .section__container .gallery__items .gallery__item, .pages.single-offer .section__content .section__container .gallery__items .gallery__item {
  display: flex;
  min-height: var(--single-page-gallery__height);
  max-height: var(--single-page-gallery__height);
}
.pages.single-realization .section__content .section__container .gallery__items.realizations-grid, .pages.single-offer .section__content .section__container .gallery__items.realizations-grid {
  grid-template-columns: var(--joined-section-single-page__grid);
}
.pages.single-realization .section__content .section__container .gallery__items.realizations-grid .gallery__item, .pages.single-offer .section__content .section__container .gallery__items.realizations-grid .gallery__item {
  min-height: var(--single-page-gallery__height);
  max-height: var(--single-page-gallery__height);
}
.pages.single-realization .section__content .section__container .gallery__items.offer-grid, .pages.single-offer .section__content .section__container .gallery__items.offer-grid {
  grid-template-columns: var(--offer-single-page__grid);
}
.pages.single-realization .section__content .section__container .gallery__items.offer-grid .gallery__item, .pages.single-offer .section__content .section__container .gallery__items.offer-grid .gallery__item {
  min-height: var(--single-page-offer-gallery__height);
  max-height: var(--single-page-offer-gallery__height);
}
.pages.single-realization .section__content .section__container.gallery-flex, .pages.single-offer .section__content .section__container.gallery-flex {
  flex-direction: column;
  gap: 0;
}
.pages.single-realization .section__content .section__container.accordion, .pages.single-offer .section__content .section__container.accordion {
  background-color: #000000;
  padding: var(--section__space) 1rem;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper, .pages.single-offer .section__content .section__container.accordion .section__wrapper {
  padding-right: var(--accordion__padding-right);
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .section__inner, .pages.single-offer .section__content .section__container.accordion .section__wrapper .section__inner {
  margin-bottom: calc(var(--section__space) / 2);
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .section__inner .section__subheader, .pages.single-offer .section__content .section__container.accordion .section__wrapper .section__inner .section__subheader {
  color: #EDED21;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .section__inner .section__description, .pages.single-offer .section__content .section__container.accordion .section__wrapper .section__inner .section__description {
  color: #FFFFFF;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__icon svg.white-icon path, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__icon svg.white-icon path {
  stroke: #FFFFFF;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper {
  border-left: 5px solid transparent;
  padding-left: 1rem;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper .accordion__header, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper .accordion__header {
  color: #EDED21;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper .accordion__content .section__description, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper .accordion__content .section__description {
  color: #FFFFFF;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper.active .accordion__content, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__wrapper.active .accordion__content {
  display: flex;
}
.pages.single-realization .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__icon, .pages.single-offer .section__content .section__container.accordion .section__wrapper .accordion__items .accordion__icon {
  padding-right: 0;
}
.pages.single-realization .section__content .section__container.variants, .pages.single-offer .section__content .section__container.variants {
  margin-top: 0;
  margin-bottom: var(--section__space);
}
.pages.single-realization .section__content .section__container.variants .section__items, .pages.single-offer .section__content .section__container.variants .section__items {
  display: grid;
  grid-template-columns: var(--joined-section-single-page__grid);
  gap: calc(var(--section__gap) * 4) calc(var(--section__gap) * 2);
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item, .pages.single-offer .section__content .section__container.variants .section__items .section__item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-title, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-title {
  position: relative;
  margin-bottom: 2rem;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-title__header, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-title__header {
  font-weight: 900;
  text-align: center;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-title::before, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-title::before {
  content: "";
  background-color: #EDED21;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: var(--variant-title-before__height);
  max-width: 69px;
  min-width: 49px;
  width: 45%;
  z-index: -1;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-items, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-items {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-items .variant-item, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-items .variant-item {
  display: flex;
  align-items: center;
  position: relative;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-items .variant-item__text, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-items .variant-item__text {
  padding-left: 1.125rem;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-items .variant-item svg, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-items .variant-item svg {
  position: absolute;
  left: 0;
}
.pages.single-realization .section__content .section__container.variants .section__items .section__item .variant-price__text, .pages.single-offer .section__content .section__container.variants .section__items .section__item .variant-price__text {
  font-weight: 800;
}
.pages.single-realization .section__content .section__container.more-info, .pages.single-offer .section__content .section__container.more-info {
  background-color: #F4F4F4;
  padding: var(--section__space) 1rem;
}
.pages.single-realization .section__content .section__container.more-info .section__items .section__item, .pages.single-offer .section__content .section__container.more-info .section__items .section__item {
  margin-bottom: calc(var(--section__space) / 2);
}
.pages.single-realization .section__content .section__container.more-info .section__items .section__item:last-of-type, .pages.single-offer .section__content .section__container.more-info .section__items .section__item:last-of-type {
  margin-bottom: 0;
}
.pages .container-smaller,
.pages .container-wider,
.pages .container-narrow,
.pages .container-medium {
  margin: calc(var(--section__space) * 1.5) auto;
}
.pages .container-smaller:last-of-type,
.pages .container-wider:last-of-type,
.pages .container-narrow:last-of-type,
.pages .container-medium:last-of-type {
  margin-bottom: 0;
}
.pages .container-smaller-no-margin,
.pages .container-narrow-no-margin,
.pages .container-medium-no-margin,
.pages .container-wider-no-margin {
  margin: 0 auto;
}
.pages .container-smaller-no-margin:last-of-type,
.pages .container-narrow-no-margin:last-of-type,
.pages .container-medium-no-margin:last-of-type,
.pages .container-wider-no-margin:last-of-type {
  margin-bottom: 0;
}
.pages .container-smaller,
.pages .container-smaller-no-margin {
  max-width: 1026px;
}
.pages .container-narrow,
.pages .container-narrow-no-margin {
  max-width: 1294px;
}
.pages .container-medium,
.pages .container-medium-no-margin {
  max-width: 1560px;
}
.pages .container-wider,
.pages .container-wider-no-margin {
  max-width: 100%;
}
.pages.single-realization .section__content .section__container .section-quote::before {
  width: 60%;
}
.pages.single-offer {
  margin-bottom: 0;
}
.pages.single-offer .section__content .section__container .section-quote::before {
  width: 40%;
}
.pages.privacy-policy .section-download {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: var(--section__space);
}
.pages.thank-you {
  background-image: url("https://beargarage.pl/wp-content/uploads/2025/12/thanky_you_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
}
.pages.thank-you .section__content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.pages.thank-you .section__content .section__container {
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--section__gap);
  text-align: center;
  border: 1px solid #EDED21;
  padding: var(--section__space);
}
.pages.thank-you .section__content .section__container .section__header {
  font-weight: 700;
  color: #EDED21;
}
.pages.thank-you .section__content .section__container .section__description {
  color: #FFFFFF;
}
.pages.error-404 {
  background-color: #000000;
  padding: var(--navigation__height) 0 var(--section__space) 0;
}
.pages.error-404 .page-title {
  height: calc(var(--page-title-single__height) - 10vh);
}
.pages.error-404 .page-content {
  margin-bottom: var(--section__space);
}
.pages.error-404 .page-content__description {
  color: #FFFFFF;
  text-align: center;
  opacity: 0.3;
  padding-bottom: 1rem;
}
.pages.error-404 .page-content__link {
  color: #EDED21;
  text-align: center;
}
.pages.map {
  margin-bottom: var(--section__space);
}
.pages.map .section__map {
  display: flex;
}
.pages.map .section__map iframe {
  height: var(--map__height);
}
.pages.opinions {
  margin-bottom: var(--section__space);
}
.pages.opinions .section__content .opinions__item {
  background: #FFFFFF;
  border: 1px solid #e0e0e0;
  padding: 1rem;
  height: 250px;
  display: flex;
  flex-direction: column;
}
.pages.opinions .section__content .opinions__item .opinions__details {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.pages.opinions .section__content .opinions__item .opinions__details .opinions__icon {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.pages.opinions .section__content .opinions__item .opinions__details .opinions__avatar {
  background: #4285f4;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  font-weight: 700;
  color: #FFFFFF;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.pages.opinions .section__content .opinions__item .opinions__details .opinions__data .opinions__author {
  font-weight: 700;
  color: #202124;
}
.pages.opinions .section__content .opinions__item .opinions__details .opinions__data .opinions__date {
  color: #5f6368;
}
.pages.opinions .section__content .opinions__item .opinions__stars {
  margin: 0.25rem 0 0.5rem 0;
}
.pages.opinions .section__content .opinions__item .opinions__description {
  overflow-y: auto;
  padding-right: 0.125rem;
}

/*
    Pages (global)
-------------------------------------
*/
.offer-grid.section__item {
  position: relative;
}
.offer-grid.section__item:hover .section__btn {
  margin-left: 1rem;
}
.offer-grid.section__item .section__thumbnail {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.offer-grid.section__item .section__thumbnail .wp-post-image {
  max-height: var(--offer-image__height);
  min-height: var(--offer-image__height);
}
.offer-grid.section__item .section__thumbnail:hover .wp-post-image {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.offer-grid.section__item .section__thumbnail .section__info {
  position: absolute;
  bottom: 30%;
  left: 0;
  width: 100%;
  padding: 1rem 2rem;
}
.offer-grid.section__item .section__thumbnail .section__info .section__header {
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.offer-grid.section__item .section__container {
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  bottom: 0;
  height: var(--offer-details__height);
  padding: var(--offer-details__spacing);
}
.offer-grid.section__item .section__container .section__details .section__description {
  font-weight: 700;
  color: #FFFFFF;
}

.section__item--last {
  border: 7px solid #EDED21;
  padding: var(--last-item__space);
}
.section__item--last .section__thumbnail {
  height: 100%;
}
.section__item--last .section__thumbnail .section__info {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  height: 100%;
}
.section__item--last .section__thumbnail .section__info .section__header {
  font-weight: 900;
}
.section__item--last .section__thumbnail .section__info .section__description {
  font-weight: 700;
  margin: 1rem 0;
}

.realizations-grid.section__item {
  display: flex;
  break-inside: avoid;
}
.realizations-grid.section__item .section__thumbnail {
  display: flex;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.realizations-grid.section__item .section__thumbnail .wp-post-image {
  max-height: var(--joined-section__max-height);
}
.realizations-grid.section__item .section__thumbnail:hover .wp-post-image {
  transform: scale(1.05);
  -o-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
}
.realizations-grid.section__item .section__thumbnail .section__info {
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  padding: 1rem;
}
.realizations-grid.section__item .section__thumbnail .section__info .section__header,
.realizations-grid.section__item .section__thumbnail .section__info .section__description {
  color: #FFFFFF;
}
.realizations-grid.section__item .section__thumbnail .section__info .section__header {
  font-weight: 900;
  text-transform: uppercase;
  margin-bottom: 0.375rem;
}
.realizations-grid.section__item .section__thumbnail .section__info svg {
  margin-top: 0.5rem;
}
.realizations-grid.section__item .section__thumbnail .section__info:hover svg {
  margin-left: 1rem;
}
.realizations-grid.section__item .section__thumbnail .section__info.single-value {
  min-height: 26%;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1050px) {
  .pages.single-realization .section__container.flex-grid, .pages.single-offer .section__container.flex-grid {
    flex-direction: column-reverse;
  }
  .pages.single-realization .section__container .section__inner:nth-of-type(1), .pages.single-realization .section__container .section__inner:nth-of-type(2), .pages.single-offer .section__container .section__inner:nth-of-type(1), .pages.single-offer .section__container .section__inner:nth-of-type(2) {
    flex-basis: 100%;
    width: 100%;
  }
  .pages.single-offer .section__content .section__container.block-1.comparison-slider .before-after-slider {
    width: 100%;
  }
}
/*
    Splide
-------------------------------------
*/
.hero-splide .hero__video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.hero-splide .splide__slide {
  height: 100vh;
  position: relative;
}
.hero-splide .splide__slide .splide__container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  height: 100vh;
  padding-left: var(--hero-slide-container__space);
}
.hero-splide .splide__slide .splide__container .splide__link {
  width: fit-content;
}
.hero-splide .splide__slide .splide__container .splide__link .splide__header {
  color: #FFFFFF;
  word-break: break-word;
  margin-bottom: 0.5rem;
}
.hero-splide .splide__slide .splide__container .splide__link .splide__icon {
  margin-top: 1rem;
}
.hero-splide .splide__custom-pagination {
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  gap: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.hero-splide .splide__custom-pagination .splide__button {
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 1px;
  cursor: pointer;
  padding: var(--hero-custom-pagination__space);
  position: relative;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.hero-splide .splide__custom-pagination .splide__button:hover, .hero-splide .splide__custom-pagination .splide__button:focus, .hero-splide .splide__custom-pagination .splide__button.active {
  color: #EDED21;
}
.hero-splide .splide__custom-pagination .splide__button:hover::before, .hero-splide .splide__custom-pagination .splide__button:focus::before, .hero-splide .splide__custom-pagination .splide__button.active::before {
  background: #EDED21;
}
.hero-splide .splide__custom-pagination .splide__button::before {
  background: transparent;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  margin-top: -1px;
  transition: background 0.3s ease;
}

.call-splide .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.call-splide .splide__slide .splide__header {
  text-align: center;
}
.call-splide .splide__pagination {
  bottom: -2.5rem;
  gap: 1rem;
}
.call-splide .splide__pagination .splide__pagination__page {
  width: 47px;
  height: 4px;
  border-radius: 0;
}
.call-splide .splide__pagination .splide__pagination__page.is-active {
  background: #EDED21;
  transform: none;
}

.about-us-splide .splide__slide {
  overflow: hidden;
}
.about-us-splide .splide__slide .splide__header {
  font-weight: 900;
  color: #EDED21;
  margin-bottom: calc(var(--section__space) / 1.5);
}
.about-us-splide .splide__slide .splide__description {
  font-weight: 700;
  color: #FFFFFF;
}

.splide-custom-pagination {
  display: flex;
  align-items: center;
  gap: var(--section__gap);
  margin-bottom: var(--section__space);
}
.splide-custom-pagination__btn {
  background: transparent;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 5px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  padding: 0 0 0.25rem 0.25rem;
}
.splide-custom-pagination__btn:hover {
  color: #A9A9A9;
}
.splide-custom-pagination__btn.active {
  color: #EDED21;
  border-bottom: 3px solid #EDED21;
}

.instagram-splide .splide__slide .sbi_photo:hover img {
  transform: translateY(-5px);
  opacity: 0.9;
}
.instagram-splide .splide__slide .sbi_photo img {
  max-height: 350px;
  min-height: 350px;
}

#instagramSlider-list .svg-inline--fa {
  display: none !important;
}

.splide__arrows .splide__arrow {
  background-color: rgba(0, 0, 0, 0.5);
  width: var(--splide-arrow__size);
  height: var(--splide-arrow__size);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.splide__arrows .splide__arrow--prev {
  left: var(--splide-arrows__position);
}
.splide__arrows .splide__arrow--next {
  right: var(--splide-arrows__position);
}
.splide__arrows .splide__arrow svg {
  fill: #EDED21;
  width: var(--splide-arrow-icon__size);
  height: var(--splide-arrow-icon__size);
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1200px) {
  .hero-splide .splide__custom-pagination {
    flex-wrap: wrap;
    border-top: 0;
  }
  .hero-splide .splide__custom-pagination .splide__button {
    flex-basis: 33.333%;
    font-size: var(--fs__text-xs);
    opacity: 0.6;
  }
  .hero-splide .splide__custom-pagination .splide__button.active, .hero-splide .splide__custom-pagination .splide__button:hover, .hero-splide .splide__custom-pagination .splide__button:focus {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .hero-splide .splide__custom-pagination .splide__button.active::before, .hero-splide .splide__custom-pagination .splide__button:hover::before, .hero-splide .splide__custom-pagination .splide__button:focus::before {
    background: transparent;
  }
}
@media screen and (max-width: 767px) {
  .hero-splide .splide__slide .splide__container {
    align-items: center;
    text-align: center;
    padding: var(--content__spacing);
  }
  .hero-splide .splide__slide .splide__container .splide__link {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hero-splide .splide__custom-pagination {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    gap: 0;
  }
  .hero-splide .splide__custom-pagination .splide__button {
    flex-basis: 100%;
  }
}
/*
    Contact
-------------------------------------
*/
.contact__content {
  display: flex;
  justify-content: space-between;
  gap: var(--section__gap);
}
.contact__content .contact__inner:nth-of-type(1) {
  flex-basis: 40%;
}
.contact__content .contact__inner:nth-of-type(2) {
  flex-basis: 60%;
}
.contact__content .contact__inner .contact-title {
  margin-bottom: var(--contact-title__space);
}
.contact__content .contact__inner .contact-title__header {
  font-weight: 800;
}
.contact__content .contact__inner .contact__items .contact__item {
  display: flex;
  align-items: center;
  margin-bottom: var(--contact-item__space);
}
.contact__content .contact__inner .contact__items .contact__item:nth-of-type(1) {
  margin: calc(var(--contact-item__space) * 2) 0;
}
.contact__content .contact__inner .contact__items .contact__item:nth-of-type(1) .contact__wrapper .contact__link {
  font-weight: 700;
}
.contact__content .contact__inner .contact__items .contact__item:last-of-type {
  margin-bottom: 0;
}
.contact__content .contact__inner .contact__items .contact__item .contact__wrapper:nth-of-type(1) {
  background-color: #EDED21;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-right: 1.5rem;
}
.contact__content .contact__inner .contact__items .contact__item .contact__wrapper .contact__link,
.contact__content .contact__inner .contact__items .contact__item .contact__wrapper .contact__text {
  font-size: var(--fs__header-xs);
}
.contact__content .contact__inner .contact__items .contact__item .contact__wrapper .contact__link {
  font-weight: 400;
  color: #000000;
}
.contact__content .contact__inner .contact__items .contact__item .contact__wrapper .contact__link:hover {
  color: #A9A9A9;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1050px) {
  .contact__content {
    flex-direction: column-reverse;
    gap: calc(var(--section__gap) * 2);
    margin-bottom: 0;
  }
  .contact__content .contact__inner .contact__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--section__gap);
  }
  .contact__content .contact__inner .contact__items .contact__item {
    margin: 0;
  }
  .contact__content .contact__inner .contact__items .contact__item:nth-of-type(1), .contact__content .contact__inner .contact__items .contact__item:nth-of-type(2) {
    margin: 0;
  }
}
/*
    Footer
-------------------------------------
*/
.footer {
  background-color: #EDED21;
  padding: var(--section__space) 1rem;
  position: relative;
}
.footer__content {
  text-align: center;
  max-width: 1560px;
  margin: 0 auto;
}
.footer__content .section-title {
  margin-bottom: calc(var(--section__space) / 1.5);
}
.footer__content .footer__description {
  text-align: center;
  margin-bottom: calc(var(--section__space) / 1.5);
}
.footer__content .footer__items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--footer__gap);
  margin-bottom: calc(var(--section__space) / 2.5);
}
.footer__content .footer__items:nth-of-type(2) .footer__item .footer__link {
  font-weight: 700;
}
.footer__content .footer__items .footer__item .footer__link {
  display: flex;
  align-items: center;
  color: #000000;
}
.footer__content .footer__items .footer__item .footer__link:hover {
  color: #A9A9A9;
}
.footer__content .footer__items .footer__item .footer__link:hover svg path {
  stroke: #A9A9A9;
}
.footer__content .footer__items .footer__item .footer__link svg {
  margin-right: 0.5rem;
}
.footer__content .footer__info {
  margin-bottom: calc(var(--section__space) / 2.5);
}
.footer .footer-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: calc(var(--section__space) / 2);
}
.footer .footer-logo svg {
  width: 50px;
  height: 75px;
}
.footer .footer-logo__image {
  width: auto;
}
.footer .company-info {
  position: absolute;
  left: 50%;
  bottom: var(--company-info__position);
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}
.footer .company-info__link {
  font-size: var(--company-info__fs);
  opacity: 0.5;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 767px) {
  .footer__content .footer__items:nth-of-type(2) {
    margin-bottom: var(--section__space);
  }
  .footer__content .footer__items:nth-of-type(2) .footer__item .footer__link svg {
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 550px) {
  .footer__content .footer__description p br {
    display: none;
  }
  .footer__content .footer__items:nth-of-type(2) .footer__item {
    display: flex;
    justify-content: center;
    flex-basis: 100%;
  }
}
/*
    Info
-------------------------------------
*/
/*
    Media queries
-------------------------------------
*/
/*
    Post
-------------------------------------
*/
.single .post__content .archive__tags .category-tags,
.single .archive__content .archive__tags .category-tags,
.blog .post__content .archive__tags .category-tags,
.blog .archive__content .archive__tags .category-tags {
  display: flex;
  align-items: center;
  margin: 0 0 var(--section__space) calc(var(--section__space) / 2);
}
.single .post__content .archive__tags .category-tags .category-tags__header,
.single .archive__content .archive__tags .category-tags .category-tags__header,
.blog .post__content .archive__tags .category-tags .category-tags__header,
.blog .archive__content .archive__tags .category-tags .category-tags__header {
  font-weight: 700;
  margin-right: 1rem;
}
.single .post__content .archive__tags .category-tags .category-tags__list,
.single .archive__content .archive__tags .category-tags .category-tags__list,
.blog .post__content .archive__tags .category-tags .category-tags__list,
.blog .archive__content .archive__tags .category-tags .category-tags__list {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.single .post__content .archive__tags .category-tags .category-tags__list .category-tags__item,
.single .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item,
.blog .post__content .archive__tags .category-tags .category-tags__list .category-tags__item,
.blog .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item {
  list-style-type: none;
}
.single .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link,
.single .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link,
.blog .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link,
.blog .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link {
  font-size: var(--fs__header-xs);
  font-weight: 700;
  letter-spacing: 1px;
  color: #A9A9A9;
  text-transform: uppercase;
  position: relative;
}
.single .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link:hover, .single .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link.active,
.single .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link:hover,
.single .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link.active,
.blog .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link:hover,
.blog .post__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link.active,
.blog .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link:hover,
.blog .archive__content .archive__tags .category-tags .category-tags__list .category-tags__item .category-tags__link.active {
  color: #EDED21;
}
.single .post__content .archive__items,
.single .archive__content .archive__items,
.blog .post__content .archive__items,
.blog .archive__content .archive__items {
  display: grid;
  grid-template-columns: var(--blog__grid);
  gap: 2rem;
}

/*
    Post (global)
-------------------------------------
*/
.archive__item {
  position: relative;
}
.archive__item .archive-thumbnail {
  height: 100%;
}
.archive__item .archive-thumbnail .post-thumbnail {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.archive__item .archive-thumbnail .post-thumbnail .wp-post-image {
  max-height: var(--joined-section__max-height);
}
.archive__item .archive-thumbnail .post-thumbnail:hover .wp-post-image {
  transform: translateY(-5px);
  opacity: 0.9;
}
.archive__item .absolute-content {
  position: absolute;
  bottom: 0;
  padding: 2rem;
}
.archive__item .absolute-content .archive-title__header .archive__link {
  font-weight: 700;
  color: #EDED21;
}
.archive__item .absolute-content .archive-meta {
  margin: 1rem 0;
}
.archive__item .absolute-content .archive-meta__date {
  font-weight: 700;
  color: #FFFFFF;
}
.archive__item .absolute-content .archive-cta__link:hover svg {
  margin-left: 1rem;
}

.archive-label {
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: var(--blog-status__fs);
  font-weight: 700;
  text-transform: uppercase;
  padding: 0.375rem;
}

.label--biezacy,
.label--nowosci,
.label--wazny {
  color: #EDED21;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 767px) {
  .blog .archive__content .archive__tags .category-tags {
    flex-direction: column;
    margin-left: 0;
  }
  .blog .archive__content .archive__tags .category-tags__header {
    margin-bottom: 0.5rem;
  }
  .blog .archive__content .archive__tags .category-tags .category-tags__list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
  }
}
/*
    Animations
-------------------------------------
*/
[data-animate] {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.animate-fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.3s ease-out;
}
.animate-fade-up.visible {
  opacity: 1;
  transform: none;
}

.animate-fade-down {
  opacity: 0;
  transform: translateY(-30px);
  transition: all 0.3s ease-out;
}
.animate-fade-down.visible {
  opacity: 1;
  transform: none;
}

.animate-fade-left {
  opacity: 0;
  transform: translateX(-30px);
  transition: all 0.3s ease-out;
}
.animate-fade-left.visible {
  opacity: 1;
  transform: none;
}

.animate-fade-right {
  opacity: 0;
  transform: translateX(30px);
  transition: all 0.3s ease-out;
}
.animate-fade-right.visible {
  opacity: 1;
  transform: none;
}

.animate-zoom-in {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease-out;
}
.animate-zoom-in.visible {
  opacity: 1;
  transform: none;
}

.animate-rotate-in {
  opacity: 0;
  transform: rotate(-10deg) scale(0.9);
  transition: all 0.3s ease-out;
}
.animate-rotate-in.visible {
  opacity: 1;
  transform: none;
}

/*
    Containers
-------------------------------------
*/
.container-xs {
  margin: 0 auto;
  height: 100%;
  max-width: 1026px;
}

.container-s {
  margin: 0 auto;
  height: 100%;
  max-width: 1294px;
}

.container-m,
.container-nav {
  margin: 0 auto;
  height: 100%;
  max-width: 1560px;
}

.container-l {
  margin: 0 auto;
  height: 100%;
  max-width: 1920px;
}

.container-xl {
  margin: 0 auto;
  height: 100%;
  max-width: 100%;
}

.container-op {
  margin: 0 auto;
  height: 100%;
  max-width: 1394px;
}

/*
    Media queries
-------------------------------------
*/
@media screen and (max-width: 1600px) {
  .p-2 {
    padding: var(--content__spacing);
  }
}
/*
    Typography
-------------------------------------
*/
.header-xs {
  font-size: var(--fs__header-xs);
  line-height: calc(var(--fs__header-xs) * 1.3);
}

.header-s {
  font-size: var(--fs__header-s);
  line-height: calc(var(--fs__header-s) * 1.3);
}

.header-m {
  font-size: var(--fs__header-m);
  line-height: calc(var(--fs__header-m) * 1.3);
}

.header-l {
  font-size: var(--fs__header-l);
  line-height: calc(var(--fs__header-l) * 1.3);
}

.header-xl {
  font-size: var(--fs__header-xl);
  line-height: calc(var(--fs__header-xl) * 1.3);
}

.text-xxs {
  font-size: var(--fs__text-xxs);
  line-height: calc(var(--fs__text-xxs) * 1.4);
}

.text-xs {
  font-size: var(--fs__text-xs);
  line-height: calc(var(--fs__text-xs) * 1.4);
}

.text-s {
  font-size: var(--fs__text-s);
  line-height: calc(var(--fs__text-s) * 1.4);
}

.text-m {
  font-size: var(--fs__text-m);
  line-height: calc(var(--fs__text-m) * 1.4);
}

@media screen and (max-width: 1200px) {
  .header-xs {
    font-size: var(--fs__header-xs);
    line-height: calc(var(--fs__header-xs) * 1.2);
  }
  .header-s {
    font-size: var(--fs__header-s);
    line-height: calc(var(--fs__header-s) * 1.2);
  }
  .header-m {
    font-size: var(--fs__header-m);
    line-height: calc(var(--fs__header-m) * 1.2);
  }
  .header-l {
    font-size: var(--fs__header-l);
    line-height: calc(var(--fs__header-l) * 1.2);
  }
  .header-xl {
    font-size: var(--fs__header-xl);
    line-height: calc(var(--fs__header-xl) * 1.2);
  }
  .text-xxs {
    font-size: var(--fs__text-xxs);
    line-height: calc(var(--fs__text-xxs) * 1.4);
  }
  .text-xs {
    font-size: var(--fs__text-xs);
    line-height: calc(var(--fs__text-xs) * 1.4);
  }
  .text-s {
    font-size: var(--fs__text-s);
    line-height: calc(var(--fs__text-s) * 1.4);
  }
  .text-m {
    font-size: var(--fs__text-m);
    line-height: calc(var(--fs__text-m) * 1.4);
  }
}