._section_items_content .wrapper {
    gap: 124px;
}

._section_items_content .wrapper.right {
    flex-direction: row-reverse;
}

._section_items_content .wrapper .column {
    flex: 1;
}

._section_items_content .wrapper .column .buttons-wrapper {
    flex-wrap: wrap;
    gap: 30px;
}

._section_items_content .wrapper .column-cards {
    max-width: 100%;
}

._section_items_content .wrapper .column-cards .image {
    border-radius: 36px;
    object-fit: cover;
    max-height: 500px;
}

._section_items_content .wrapper .column-cards .swiper-two-slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.header-search {
  position: relative;
  display: flex;
  align-items: center;
}

.header-search__input {
  width: 0;
  opacity: 0;
  border: none;
  border-bottom: 1px solid #aaa;
  background: transparent;
  transition: all .3s ease;
  padding: 0 .5rem;
  font-size: 16px;
}

.header-search.active .header-search__input {
  width: 180px; /* możesz zmienić np. na 240px */
  opacity: 1;
}

.header-search__toggle,
.header-search__submit {
  background: none;
  border: none;
  cursor: pointer;
  font-size: 18px;
  padding: 0 6px;
  line-height: 1;
}

.header-search__submit {
  display: none;
}

.header-search.active .header-search__submit {
  display: block;
}

.header-search.active .header-search__toggle {
  display: none;
}

.header-search__input:focus-visible:focus-within {
    border: unset;
    outline: unset;
    border-bottom: 1px solid #191919;
}



.header__switcher {
  display: flex;
  margin-left: auto;
  align-items: center;
}

.header-search__toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
}

.header-search__input {
  padding: 0;
}


/* ------- >= $layout-breakpoint-small ------- */
/* zastąp 768px swoją zmienną */
@media screen and (min-width: 768px) {
    ._section_items_content .wrapper .column-cards .cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    ._section_items_content .wrapper .column-cards .cards .__card_primary:last-child,
    ._section_items_content .wrapper .column-cards .cards .image:last-child {
        align-self: center;
        grid-column-start: 2;
        grid-row-start: 1;
        grid-row-end: 3;
    }
}

/* ------- <= $layout-breakpoint-large ------- */
/* zastąp 1200px swoją zmienną */
@media screen and (max-width: 1200px) {
    ._section_items_content .wrapper {
        flex-direction: column-reverse;
        gap: 36px;
    }

    ._section_items_content .wrapper.right {
        flex-direction: column-reverse;
    }

    ._section_items_content .wrapper .column-cards .image {
        max-height: 300px;
        height: 100%;
    }
}

/* ------- <= $layout-breakpoint-xs ------- */
/* zastąp 480px swoją zmienną */
@media screen and (max-width: 480px) {
    ._section_items_content {
        gap: 24px;
    }

    ._section_items_content .wrapper .column .buttons-wrapper {
        gap: 16px;
    }
}

._faqs .wrapper {
    gap: 124px;
}

._faqs .wrapper .column {
    flex: 1;
}

._faqs .wrapper .column-headline {
    max-width: 500px;
}

@media screen and (min-width: 1400px) {
    ._section_w_text .column.flex-column.medium-gaps {
        max-width: 50%;
    }

    .column.flex-column.medium-gaps.pr-3 {
        padding-right: 30px;
    }
}

/* ------- <= $layout-breakpoint-xl ------- */
/* np. 1400px */
@media screen and (max-width: 1400px) {
    ._faqs .wrapper {
        gap: 64px;
    }
}

/* ------- <= $layout-breakpoint-medium ------- */
/* np. 992px */
@media screen and (max-width: 992px) {
    ._faqs .wrapper {
        flex-direction: column;
        gap: 32px;
    }
}

.__item_faq {
    padding: 0 24px;
    border-radius: 22px;
    box-sizing: border-box;
}

.__item_faq.active .accordion-header .arrow {
    transform: rotateZ(-180deg);
}

.__item_faq .accordion-header {
    padding: 20px 0;
    gap: 24px;
    cursor: pointer;
}

.__item_faq .accordion-header .arrow {
    flex-shrink: 0;
    margin-left: auto;
    transition: transform 0.3s ease;
}

.__item_faq .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.__item_faq .accordion-content .margin-fixer {
    margin: 8px 0 32px 0;
    opacity: 0;
}

/* ------- <= $layout-breakpoint-xs ------- */
/* np. 480px */
@media screen and (max-width: 480px) {
    .__item_faq {
        padding: 0 24px;
    }

    .__item_faq .accordion-header {
        padding: 16px 0;
        gap: 12px;
        font-size: 16px;
    }
}

/* ------- <= $layout-breakpoint-xs (drugi blok) ------- */
/* jeśli oba dotyczą tego samego progu, można połączyć */
@media screen and (max-width: 480px) {
    .__item_faq .accordion-header {
        font-size: 14px;
    }
}