/* =============================================================================
   SUPLEMENTY.PL - GŁÓWNY ARKUSZ STYLÓW
   =============================================================================
   
   SPIS TREŚCI:
   
   1. PODSTAWY I TYPOGRAFIA
      1.1 Fonty
      1.2 Kontent
   
   2. UKŁAD STRONY
      2.1 Nagłówek (header)
      2.2 Główny wrapper i kolumny
      2.3 Wyszukiwarka w headerze
      2.4 Stopka
      2.5 Breadcrampsy
   
   3. KOMPONENTY UI
      3.1 Karta UI (ui-card)
      3.2 Etykiety (labels)
      3.3 Ikony
      3.4 Przyciski
      3.5 Obramowania
      3.6 Obramowania
      3.7 Brak wyników
   
   4. NAWIGACJA
      4.1 Menu główne
      4.2 Bannery
      4.3 Paginacja
   
   5. KOMPONENTY PRODUKTÓW
      5.1 Nagłówek produktu
      5.2 Tabela specyfikacji produktu
      5.3 Treść produktu
      5.4 Obrazy produktów (single i archiwum)
      5.5 Elementy listy produktów
      5.6 Sekcja z powiązanymi produktami
      5.7 Faq produktu
   
   6. POWIĄZANE PRODUKTY I PORADNIKI
      6.1 Przewijana sekcja powiązanych produktów
      6.2 Karty poradników
      6.3 Sekcja poradników z dużym zdjęciem
      6.4 Sekcja poradników ze średnim zdjęciem
   
   7. STRONY TAKSONOMII
      7.1 Intro taksonomii
      7.2 Lista taksonomii
      7.3 Kontent taksonomii
      7.4 Archiwum producenta
      7.5 Archiwum substancji
      7.6 Archiwum kategorii
   
   8. STRONY AUTORA
      8.1 Intro autora
      8.2 Poradniki autora
      8.3 Lista autorów
      8.4 Sekcja innych autorów
   
   9. STRONA GŁÓWNA
      9.1 Swiper / Karuzela
      9.2 Sekcja najnowszych produktów
      9.3 Własny select
      9.4 Układ
   
   10. KOMPONENTY SIDEBARA
       10.1 Skład produktu
       10.2 Wskazania produktu
       10.3 Sekcja producenta
       10.4 Bibliografia
       10.5 Główna sekcja poradników
   
   11. RESPONSYWNOŚĆ / MOBILE
       11.1 Kolejność sekcji na mobile
       11.2 Nagłówek na mobile
       11.3 Nagłówek na tablecie
       11.4 Dostosowania UI na mobile
       11.5 Tabela specyfikacji responsywna
       11.6 Menu na mobile
       11.7 Powiązane produkty na mobile
       11.8 Prawa kolumna responsywna
       11.9 Style specyficzne dla prawej kolumny
       11.10 Dostosowania UI na mobile (max-width: 364px)
       11.11 Kafel produktu
   
   12. FORMULARZ KONTAKTOWY
   
   13. SPIS TREŚCI

   14. WYSZUKIWARKA
   
   ============================================================================= */


/* =============================================================================
   1. PODSTAWY I TYPOGRAFIA
   ============================================================================= */

/* -----------------------------------------------------------------------------
   1.1 Fonty
   ----------------------------------------------------------------------------- */

body, 
body select {
  font-family: "Source Sans Pro", sans-serif;
}

/* -----------------------------------------------------------------------------
   1.2 Kontent
   ----------------------------------------------------------------------------- */

   /* Nagłówek strony (h1) */
.page-title,
h1.wp-block-heading,
h1,
h1.wp-block-query-title
{
  font-size: 24px;
  margin-bottom: 16px;
}

h2, .list-header{
  margin-bottom: 16px;
}

/* Treść */
.post-content .entry-content > div:first-child{
  margin-bottom: 16px !important;
}

.post-content .entry-content > div:first-child{
  margin-bottom: 16px !important;
}

.post-content {
  line-height: 25px;
}

.post-content h2, 
.post-content h3, 
.post-content p, 
.post-content hr, 
.post-content div, 
.post-content :not(div) > ul, 
.post-content figure,
.post-content aside,
.post-content section,
.post-content ul,
.post-content ol{
  margin-bottom: 16px !important;
  margin-block-end: 16px !important;
  margin-top: 0 !important;
  margin-block-start: 0 !important;
}

.post-content h3{
  font-size: 18px;
}

.post-content h3{
  font-size: 18px;
}

.post-content p, .post-content ul, .post-content ol{
  font-size: 16px;
}

.post-content .entry-content > *:not(:last-child){
  margin-bottom: 16px;
}

.post-content > *:last-child,
.post-content .entry-content > *:last-child,
.post-content div > *:last-child,
.post-content section > *:last-child {
  margin-bottom: 0 !important;
}

.post-content table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.4;
}

.post-content table caption {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
  text-align: left;
}

.post-content table th,
.post-content table td {
  padding: 10px 12px;
  text-align: left;
  border-bottom: 1px solid #e5e7eb;
}

.post-content table th {
  font-weight: 600;
  font-size: 13px;
  color: #0E4466;
  background: #f8fafb;
}

.post-content table tr:last-child td {
  border-bottom: none;
}

.post-content figure figcaption {
  font-size: 13px;
  color: #6b7280;
  margin-top: 8px;
}

@media (max-width: 781px) {
  .post-content figure:has(table) {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .post-content table {
    min-width: 500px;
  }
}

/* Taksonomia — treść */
.taxonomy-content-section .entry-content > div:first-child {
  margin-bottom: 16px !important;
}

.taxonomy-content-section {
  line-height: 25px;
}

.taxonomy-content-section h2,
.taxonomy-content-section h3,
.taxonomy-content-section p,
.taxonomy-content-section hr,
.taxonomy-content-section div,
.taxonomy-content-section :not(div) > ul,
.taxonomy-content-section figure {
  margin-bottom: 16px !important;
  margin-top: 0 !important;
}

.taxonomy-content-section h3 {
  font-size: 18px;
}

.taxonomy-content-section p,
.taxonomy-content-section ul {
  font-size: 16px;
}

.taxonomy-content-section ul {
  margin-top: 0;
  margin-bottom: 0;
  margin-block-start: 0 !important;
}

.taxonomy-content-section .entry-content > *:not(:last-child),
.taxonomy-content-section > *:not(:last-child) {
  margin-bottom: 16px;
}

.taxonomy-content-section > *:last-child,
.taxonomy-content-section .entry-content > *:last-child {
  margin-bottom: 0 !important;
}

/* =============================================================================
   2. UKŁAD STRONY
   ============================================================================= */

/* -----------------------------------------------------------------------------
   2.1 Nagłówek (header)
   ----------------------------------------------------------------------------- */

html {
  scroll-padding-top: 66px;
}
h2[id],
h3[id] {
  scroll-margin-top: 80px;
}

header {
  position: fixed;
  top: 0;
  height: 50px;
  width: 100%;
  background-color: #F4FAF8;
  z-index: 100;
  display: flex;
  flex-direction: row;
  align-items: center;
  border-bottom: 2px solid;
  border-image-slice: 1;
  border-image-source: linear-gradient(
    to right,
    #2CA85A 0%,
    #2CA85A 70%,
    #FFA52D 70%,
    #FFA52D 76%,
    #00C2C5 76%,
    #00C2C5 82%,
    #E34532 82%,
    #E34532 88%,
    #2CA85A 88%,
    #2CA85A 94%,
    #107DFE 94%,
    #107DFE 100%
  );
}

.header {
  height: 100%;
}

header .header-container {
  max-width: 1600px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

header img.custom-logo {
  width: 200px;
  margin-left: 16px;
}
.header .scp-badge {
    margin-right: 15px;
}
/* -----------------------------------------------------------------------------
   2.2 Główny wrapper i kolumny
   ----------------------------------------------------------------------------- */

.main-wrapper {
  margin-top: 68px !important;
  justify-content: center;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

/*Odstęp na breadcrumpsy */
.main-wrapper > .main-column-left,
.main-wrapper > .main-column-right {
  padding-top: 42px;
}
.main-page.main-wrapper > .main-column-left,
.main-page.main-wrapper > .main-column-right,
.guide-page.main-wrapper > .main-column-right {
  padding-top: 0;
}
.main-wrapper > .main-column-left {
  margin-left: 16px;
}
.main-wrapper > .main-column-right{
  margin-right: 16px !important;

}

/* środkowa główna kolumna */
.main-wrapper > .main-columns:not(.main-column-left):not(.main-column-right) {
  max-width: 806px;
  flex-basis: 806px;;
}
.wp-site-blocks > .wp-block-columns {
  gap: 16px;
}
@media (min-width: 1151px) {
  .main-wrapper > .main-column-left {
    position: sticky;
    top: 68px;
    align-self: flex-start;
  }
}
@media (max-width: 781px) {
  .wp-site-blocks > .wp-block-columns{
    gap: 0px;
  }
}
:root :where(.is-layout-grid){
  gap: 16px;
}
:root :where(.is-layout-flow) > * {
    margin-block-start: 0;
}
/* -----------------------------------------------------------------------------
   2.3 Wyszukiwarka w headerze
   ----------------------------------------------------------------------------- */

.header-search {
  margin-left: auto !important;
  margin-right: 12px;
  background: none !important;
  border: none !important;
  padding: 0 !important;
  position: relative;
  z-index: 100001;
}


.header-search .wp-block-search__inside-wrapper {
  background: white;
  border: 1px solid #B5DADE;
  border-radius: 42px;
  padding: 0 !important;
  gap: 0 !important;
  height: 42px;
  flex-direction: row-reverse;
  width: 42px;
  overflow: hidden;
  transition: width 2s ease, background 2s ease, border-color 2s ease;
}

.header-search .wp-block-search__button {
  width: 42px;
  min-width: 42px;
  height: 42px;
  flex-shrink: 0;
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
  border: none;
}

.header-search .wp-block-search__button:hover {
  background-color: white;
}

.header-search .wp-block-search__button svg {
  display: none;
}

.header-search .wp-block-search__button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/search.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.header-search .wp-block-search__input {
  border: none;
  background: transparent;
  height: 42px;
  padding: 0 16px !important;
  opacity: 0;
  transition: opacity 1s ease 0.5s;
}

/* Gdy pole ukryte */
.header-search.wp-block-search__searchfield-hidden .wp-block-search__input {
  width: 0;
  padding: 0 !important;
}

.header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
  width: 500px;
  max-width: min(calc(100vw - 200px), 500px);
  background: #EEFAF8;
  border-color: #AFD6D0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__input {
  opacity: 1;
}

@media (max-width: 1150px) {
  .header.is-content-justification-space-between {
    flex-wrap: nowrap !important;
    align-items: center;
    position: relative;
  }

  .header-search {
    position: absolute !important;
    right: 84px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 !important;
    z-index: 100001;
  }

  .header-search .wp-block-search__inside-wrapper {
    width: 36px;
    height: 36px;
    transition: width 1.5s ease, background 1.5s ease, border-color 1.5s ease, height 1.5s ease;
  }

  .header-search .wp-block-search__input {
    transition: opacity 0.8s ease 0.4s;
  }

  .header-search .wp-block-search__button {
    width: 36px;
    min-width: 36px;
    height: 36px;
  }

  /* Otwarta */
  .header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
    position: static;
    transform: none;
    width: min(calc(100vw - 150px), 500px);
    max-width: 500px;
    height: 42px;
  }

  .header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__button {
    width: 42px;
    min-width: 42px;
    height: 42px;
  }
}

@media (max-width: 364px) {
  .header-search {
    right: 60px;
  }

  .header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
    width: min(calc(100vw - 120px), 500px);
  }
}

@media (max-width: 300px) {
  .header-search {
    right: 54px;
  }

  .header-search:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper {
    width: min(calc(100vw - 110px), 500px);
  }

}

/* -----------------------------------------------------------------------------
   2.4 Stopka 
   ----------------------------------------------------------------------------- */

   .footer__logo .custom-logo{
   }
/* -----------------------------------------------------------------------------
   2.5 Breadcrampsy
   ----------------------------------------------------------------------------- */

   .breadcrumps-section {
      height: 26px;
      padding: 0;
      margin-bottom: 16px;
      overflow: hidden;
      width: 100%;
    }

    .wp-block-boldblocks-breadcrumb-block {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
      max-width: 100%;
    }

    .wp-block-boldblocks-breadcrumb-block::-webkit-scrollbar {
      display: none;
    }

    .wp-block-boldblocks-breadcrumb-block ol {
      flex-wrap: nowrap;
      white-space: nowrap;
      width: max-content;
    }
/* =============================================================================
   3. KOMPONENTY UI
   ============================================================================= */

/* -----------------------------------------------------------------------------
   3.1 Karta UI (ui-card)
   ----------------------------------------------------------------------------- */

.ui-card {
  background-color: white;
  padding: 16px;
  border-radius: 24px;
  gap: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
  margin-block-end: 16px;
}

.ui-card:last-child {
  /* margin-bottom: 0; */
}

.ui-card--green {
  background-color: #DFEDE8;
}

.ui-card p {
  font-size: 15px;
  color: #0E4466;
}

.ui-card h1 {
  font-weight: 600;
  color: #0E4466;
}

.ui-card > h2,
.ui-card > h3 {
  color: #0E4466;
  font-size: 20px;
  margin-bottom: 16px;
  line-height: 25px;
}

.ui-card .product-post-type {
  color: #75A676;
  font-size: 15px;
  text-transform: uppercase;
  margin-bottom: 0px;
}

/* -----------------------------------------------------------------------------
   3.2 Etykiety (labels)
   ----------------------------------------------------------------------------- */

.purple-label, 
.purple-label-wrapper p {
  border: solid 1px #D6DFFE;
  border-radius: 16px;
  background-color: #F5F6FF;
  padding: 4px 8px;
  font-size: 15px;
  font-weight: 400;
  color: #0E2D66;
  display: inline-flex;
  margin: 4px;
}

.purple-label:hover, 
.purple-label-wrapper p:hover {
}

.green-label, 
.green-label-wrapper p {
  border: solid 1px #B5DADE;
  border-radius: 16px;
  background-color: #F4FAF8;
  padding: 4px 8px;
  font-size: 15px;
  font-weight: 400;
  color: #0E4466;
  display: inline-flex;
  margin: 4px;
}

.blue-label, 
.blue-label-wrapper p,
.contens-section li{
  border: solid 1px #D6E4FE;
  border-radius: 16px;
  background-color: #F5FAFF;
  padding: 4px 8px;
  font-size: 15px;
  font-weight: 400;
  color: #0E2D66;
  display: inline-flex;
  margin: 4px;
}

/* -----------------------------------------------------------------------------
   3.3 Ikony
   ----------------------------------------------------------------------------- */

.icon::after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.icon::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.icon--triangle-green::after {
  background-image: url("../images/icons/triangle-green.svg");
  margin-left: 10px;
  width: 10px;
  height: 10px;
}

.icon--triangle-dark::after {
  background-image: url("../images/icons/triangle-dark.svg");
  margin-left: 10px;
  width: 10px;
  height: 10px;
}

.icon--arrow-right {
  background-image: url("../images/icons/arrow-right.svg");
  width: 14px;
  height: 14px;
}

.icon--insert::before {
  background-image: url("../images/icons/insert.svg");
  height: 26px;
  width: 26px;
  margin-right: 10px;
}

.icon--chpl::before {
  background-image: url("../images/icons/chpl.svg");
  height: 26px;
  width: 26px;
  margin-right: 10px;
}

/* -----------------------------------------------------------------------------
   3.4 Przyciski
   ----------------------------------------------------------------------------- */
.wp-block-buttons{
  margin: 0;
}

/* -----------------------------------------------------------------------------
   3.5 Obramowania
   ----------------------------------------------------------------------------- */

.item-border {
  border-radius: 16px;
  border: solid 1px #DEEBF4;
}

/* -----------------------------------------------------------------------------
   3.6 Odstępy
   ----------------------------------------------------------------------------- */

/* .default-margin-top{
  margin-top: 16px;
} */

/* -----------------------------------------------------------------------------
   3.7 Brak wyników
   ----------------------------------------------------------------------------- */

.wp-block-query-no-results p{
  margin-bottom: 16px;
  margin-top: 0;
}

.wp-block-query-no-results p:last-child{
  margin-bottom: 0;
  margin-top: 0;
}



/* =============================================================================
   4. NAWIGACJA
   ============================================================================= */

/* -----------------------------------------------------------------------------
   4.1 Menu główne
   ----------------------------------------------------------------------------- */

.menu.wp-block-navigation {
  width: 100%;
}

.menu .wp-block-navigation__container {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.menu .wp-block-navigation-item {
  max-width: 270px;
  text-wrap-mode: wrap;
  height: 45px;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
}

.menu .wp-block-navigation-item__content {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  height: 45px;
  padding: 0 12px;
  border-radius: 22px;
  font-size: 16px;
  font-weight: 700;
  color: #0E4466;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

.menu .wp-block-navigation-item__label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  color: #0E4466;
  opacity: 0.8;
  display: grid;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: 100%;
}

.menu .wp-block-navigation-item__label img {
  width: auto;
  max-height: 40px;
  place-self: center;
}

/* Menu - ikony domyślne / aktywne */
.menu .wp-block-navigation-item__label img:nth-of-type(2) {
  display: none;
}

/* Menu - hover */
.menu .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
  background-color: white;
  color: #003578;
  cursor: pointer;
  text-decoration: none;
}

.menu .wp-block-navigation-item__content:hover .wp-block-navigation-item__label {
  color: #003578;
}

.menu .wp-block-navigation-item__content:hover .wp-block-navigation-item__label img:nth-of-type(1) {
  display: none;
}

.menu .wp-block-navigation-item__content:hover .wp-block-navigation-item__label img:nth-of-type(2) {
  display: block;
}

/* Menu - stan aktywny */
.menu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content {
  background-color: white;
  color: #003578;
}

.menu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label {
  color: #003578;
  text-decoration: none;
}

.menu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label img:nth-of-type(1) {
  display: none;
}

.menu .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__label img:nth-of-type(2) {
  display: block;
}

/* -----------------------------------------------------------------------------
   4.2 Bannery
   ----------------------------------------------------------------------------- */

.banner {
}

.banner--main-menu {
  margin-top: 62px;
}

/* -----------------------------------------------------------------------------
   4.3 Paginacja
   ----------------------------------------------------------------------------- */

@container (max-width: 742px) {
  .wp-block-query-pagination.is-layout-flex {
    flex-wrap: wrap;
    gap: 16px;
  }

  .wp-block-query-pagination .wp-block-query-pagination-numbers {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    flex-basis: 100% !important;
    justify-content: center;
  }

  .wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next {
    flex: 1;
    text-align: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 14px;
    min-width: 0;
  }
}

.wp-block-query-pagination-numbers .page-numbers.current{
  background-color: #2CADB4;
}

  .wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next {
    border-color: #2CADB4;
    background-color: #2CADB4;
    color: white
  }
  .wp-block-query-pagination .wp-block-query-pagination-previous::before,
  .wp-block-query-pagination .wp-block-query-pagination-next::after {
    filter: invert(1);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-size: 20px 20px;
    display: block;
    flex-shrink: 0;
  }

@container (max-width: 360px) {
  .wp-block-query-pagination .wp-block-query-pagination-previous,
  .wp-block-query-pagination .wp-block-query-pagination-next {
    flex-basis: 100%;
  }
}
/* =============================================================================
   5. KOMPONENTY PRODUKTÓW
   ============================================================================= */

/* -----------------------------------------------------------------------------
   5.1 Nagłówek produktu
   ----------------------------------------------------------------------------- */

.product-header__categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
}

.product-header__categories a {
  display: inline-flex;
  align-items: center;
  padding: 6px 14px;
  border-radius: 999px;
  background: #e6f3f1;
  color: #007c7a;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1;
  transition: background 0.2s ease, color 0.2s ease;
}

.product-header__categories a:hover {
  background: #d6eeeb;
  color: #005f5d;
}

.product-header .wp-block-columns {
  gap: 16px;
}
.product-header.product-intro-card-section .product-post-type{
  margin-bottom: 16px;
}

.product-header .product-title-split__main {
  font-size: 22px;
  line-height: 25px;
  margin-top: 0;
}

.product-header .product-title-split__sub {
  font-size: 14px;
  color: #377C77;
  margin-bottom: 16px;
}

.product-header .product-taxonomies{
  margin-bottom: 16px;
}

.product-header .expandable{
  
}

.product-header__excerpt {
  font-size: 15px;
  line-height: 25px;
  color: #2b3a3a;
  margin-top: 0;
  margin-bottom: 0;
}

.product-header__image {
  margin-top: 16px;
  margin-bottom: 16px;
  background: #fff;
  border-radius: 16px;
  padding: 16px;
  text-align: center;
  border: 1px solid #e3eeee;
}

.product-header__image img {
  max-height: 260px;
  width: auto;
}

.product-header__image--mobile {
  display: none;
}

.product-header__meta {
  margin-top: 24px;
  background: #fff;
  border-radius: 16px;
  padding: 16px 24px;
}

.product-header__meta-row {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  font-size: 14px;
  color: #6b8c8b;
}

.product-header__meta-row:not(:last-child) {
  border-bottom: 1px solid #eef2f2;
}

.product-header__meta-row strong {
  color: #6b8c8b;
  font-weight: 500;
}

/* -----------------------------------------------------------------------------
   5.2 Tabela specyfikacji produktu
   ----------------------------------------------------------------------------- */

.product-spec-table {
  background: #ffffff;
  border: 1px solid #DEEBF4;
  border-radius: 16px;
  overflow: hidden;
  margin-top: 16px;
}

.product-spec-table > .wp-block-columns {
  margin: 0;
  padding: 16px;
}

.product-spec-table > .wp-block-columns:not(:last-child) {
  border-bottom: 1px solid #DEEBF4;
}

.product-spec-table .wp-block-column {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* Etykieta */
.product-spec-table .wp-block-column > p {
  margin: 0;
  color: #6B8C8B;
  font-size: 14px;
  font-weight: 500;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Wartość */
.product-spec-table .wp-block-post-terms,
.product-spec-table .wp-block-post-terms a {
  margin-left: 0;
  white-space: wrap;
  text-align: right;
  display: inline-flex;
  align-items: right;
}

.product-spec-table .product-meta-field {
  white-space: nowrap;
}

/* Producent - jedna linia */
.product-spec-table .wp-block-post-terms {
  gap: 0;
}

/* Opakowanie - sklejone wizualnie */
.product-spec-table .product-meta-field--opakowanie_liczbowo {
  margin-right: 0px;
}

.wp-block-column > .product-meta-field.product-meta-field--jednostka {
  margin-left: 0;
  justify-content: flex-end;
  margin-top: 0;
}

/* Brak danych */
.product-spec-table .product-meta-field:empty::after {
  content: "–";
  color: #9AAFBF;
  font-weight: 400;
}

/* Wewnętrzne kolumny: etykieta | wartość */
.product-spec-table .wp-block-column > .wp-block-columns {
  width: 100%;
  justify-content: space-between;
}

/* Prawa kolumna (wartości) */
.product-spec-table .wp-block-column > .wp-block-columns > .wp-block-column:last-child {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
}

.product-spec-table.wp-block-group.has-background {
  padding: 0;
}

/* Producent - wymuszenie zawijania */
.spec-table-producent, 
.spec-table-producent > a {
  white-space: wrap;
}

/* -----------------------------------------------------------------------------
   5.3 Treść produktu
   ----------------------------------------------------------------------------- */
.product-content {
  color: #0E4466;
}

.product-content .wp-block-post-content.is-layout-flow > * + * {
  margin-block-start: 0;
}

/* Ukrywamy H1 (tytuł jest już w nagłówku produktu) */
.product-content h1 {
  display: none;
}

/* H2 w treści */
.product-content h2 {
  font-size: 20px;
  line-height: 1.3;
  color: #0F2A44;
  margin-bottom: 16px;
}

/* Separator przed każdym H2 poza pierwszym */
.product-content h2:not(:first-of-type) {
  margin-top: 32px;
  padding-top: 24px;
  position: relative;
}

.product-content h2:not(:first-of-type)::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: #E6EFF2;
}

/* Listy i paragrafy */
.product-content ul, 
.product-content ol, 
.product-content p {
  font-size: 16px;
  line-height: 25px;
  margin: 0;
  position: relative;
  margin-bottom: 16px;
}

/* Ostatni akapit bez linii */
.product-content p:last-of-type::after {
  display: none;
}

/* -----------------------------------------------------------------------------
   5.4 Obrazy produktów (single i archiwum)
   ----------------------------------------------------------------------------- */

/* Obraz pojedynczego produktu */
body.single .wp-block-cover {
  max-width: 520px;
  min-height: 360px;
  max-height: 420px;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  background: #e0e0e0;
}

body.single .wp-block-cover > img.wp-block-cover__image-background {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 360px !important;
  object-fit: contain !important;
}

/* Usuń overlay */
body.single .wp-block-cover__background {
  display: none;
}

/* Kafelki w archiwum produktów */
body.post-type-archive .wp-block-post-template .wp-block-cover {
  min-height: 200px;
  max-height: 220px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

/* Obraz w kafelku */
body.post-type-archive .wp-block-post-template .wp-block-cover > img.wp-block-cover__image-background {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 180px !important;
  object-fit: contain !important;
}

/* Bez przyciemnienia */
body.post-type-archive .wp-block-post-template .wp-block-cover__background {
  display: none;
}

/* -----------------------------------------------------------------------------
   5.5 Elementy listy produktów
   ----------------------------------------------------------------------------- */

/* Wyrównanie listy produktów */
.product-list-item.ui-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 16px;
  margin-top: 0;
  gap: 10px
}

.product-list-item.ui-card .product-taxonomies {
  margin: 0;
}

.product-list-item__image-wrapper{
  margin-bottom: 16px;
}

.product-list-item > a {
  display: flex;
  flex-direction: column;
}

.product-list-item .product-title-split {
  display: flex;
  flex-direction: column;
}

/* Tytuł - max 3 linie */
.product-list-item .product-title-split__main {
  font-size: 22px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: 8px;
  margin-top: 0;
}

/* Podtytuł - na górze swojej przestrzeni */
.product-list-item .product-title-split__sub {
  color: #377C77;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-bottom: 0;
}

/* Placeholder niewidoczny */
.product-title-split__sub--placeholder {
  visibility: hidden;
}

.product-list-item .product-list-item__type {
  color: #75A676;
  font-size: 14px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 8px;
}

.wp-block-post-template.is-layout-grid .product-list-item {
  margin-bottom: 0 !important;
}

/* Obrazek w liście produktów */
figure.product-list-item__image {
  height: 160px;
  border-radius: 16px;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1/1;
  margin-bottom: 16px;
}

figure.product-list-item__image img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  border-radius: 12px;
  display: block;
}

/* Tylko dla poradnika */
.guides-list .product-list-item__image-wrapper,
.author-guides-list-item .product-list-item__image-wrapper{
  aspect-ratio: 1/1;
  width: 100%; 
  height: auto;
  margin-bottom: 16px;
  max-height: 10vh;
  min-height: 140px;
}

@media (max-width: 781px){
  .guides-list .product-list-item__image-wrapper{
  max-height: 15vh;
}
}
.guides-list figure.product-list-item__image {
  height: 100%;
  border-radius: 16px;
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  margin: 0;
}


.guides-list figure.product-list-item__image img.wp-post-image {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  border-radius: 12px;
  display: block;
}

figure.product-list-item__image img {
  border-radius: 16px;
  object-fit: contain;
  max-height: 100%;
}
/* Definiujemy kontener dla listy produktów */
.product-list-section {
  container-type: inline-size;
  width: 100%;
  margin-bottom: 16px;
  margin-top: 0;
}
.product-list-section ul{
  margin-bottom: 16px;
}

.product-list-section .wp-block-post-template.is-layout-flow {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* Container queries dla listy produktów */
@container (max-width: 700px) {
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@container (max-width: 460px) {
  .wp-block-post-template.is-layout-grid {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}
.product-list-item .product-title-split {
  display: flex;
  flex-direction: column;
}

/* =============================================================================
   5.6 Sekcja z powiązanymi produktami
   ============================================================================= */
.related-products-section .wp-block-post-template {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

.related-products-section .new-product-card__columns {
  gap: 16px;
}

.related-products-section .new-product-card__columns > .new-product-card__column-left {
  flex: 0 0 100px !important;
}

.related-products-section .new-product-card__columns > .new-product-card__column-right {
  flex: 1 1 auto;
}

.related-products-section li.wp-block-post {
  margin-block-start: 0;
}

.related-products-section .wp-block-post > .related-product-card {
  height: 100%;
  display: flex;
  align-items: center;
}

.related-products-section .wp-block-post-template > li .product-title-split {
  margin: 0;
  margin-bottom: 4px;
}

.related-products-section .wp-block-post-template > li .product-title-split__main {
  font-size: 16px;
  margin: 0;
  margin-bottom: 4px;
}

.related-products-section .wp-block-post-template > li .product-title-split__sub {
  font-size: 13px;
  margin: 0;
  color: #377C77;
  line-height: 18px;
}

.related-products-section .wp-block-post-template > li .product-taxonomies-block--tag {
  line-height: 18px;
}

.related-products-section .wp-block-post-template > li .product-taxonomies-block--tag > * {
  font-size: 14px;
}

/* =============================================================================
   5.7 Faq produktu
   ============================================================================= */

.faq-list__item {
    font-size: 15px;
    padding: 16px;
    margin-bottom: 16px;
}
.faq-list__item:last-child {
    margin-bottom: 0;
}
.faq-list__question {
    margin-top: 0;
    margin-bottom: 16px;
    font-size: 15px;
}

.faq-list__item > .faq-list__answer{
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
}

/* =============================================================================
   6. POWIĄZANE PRODUKTY I PORADNIKI
   ============================================================================= */

/* -----------------------------------------------------------------------------
   6.1 Przewijana sekcja powiązanych produktów
   ----------------------------------------------------------------------------- */
.full-width{
  width: 100%;
}

.see-also .related-products-label{
  margin-bottom: 16px;
}

/* .related-products-scroll {
  position: relative;
  margin-top: 16px;
}

.related-products-scroll ul.wp-block-post-template {
  display: flex;
  gap: 16px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  list-style: none;
  margin: 0;
  padding-left: 0;
  scrollbar-width: none;
}

.related-products-scroll ul.wp-block-post-template::-webkit-scrollbar {
  display: none;
}

.related-products-scroll ul.wp-block-post-template > li {
  flex: 0 0 378px;
  width: 378px;
  min-height: 360px;
  background: #ffffff;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  scroll-snap-align: start;
}

.related-products-scroll li figure {
  height: 170px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
}

.related-products-scroll li figure img {
  max-height: 170px;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.related-products-scroll .product-taxonomies {
  margin-top: auto;
}

.related-products-arrows {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.related-products-arrows .related-arrow {
  pointer-events: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 33px;
  height: 33px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #F4FAF8;
  border: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 33px 33px;
  cursor: pointer;
}

.related-products-arrows .related-arrow.next {
  right: -7px;
}

.related-products-arrows .related-arrow.prev {
  left: -7px;
  transform: translateY(-50%) rotate(180deg);
} */

/* Sekcja powiązanych produktów */
.related-products-section > h2 {
  font-size: 20px;
  margin-bottom: 16px;
}

.related-product__columns {
  gap: 16px;
}

/* Karta powiązanego produktu */
.related-product-card {
  border: solid 1px #DEEBF4;
  border-radius: 18px;
  padding: 16px;
}

/* Kolumny */
.related-product-card__columns {
  column-gap: 16px;
  align-items: center;
}

/* Lewa kolumna - obraz */
.related-product-card__column-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Kontener obrazka */
.related-product-section__product-image {
  margin: 0;
  width: 70px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Centrowanie obrazka w linku */
.related-product-section__product-image a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* Obraz */
.related-product-section__product-image img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* Prawa kolumna - tekst */
.related-product-card__column-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Tytuł produktu */
.related-product-card__column-right .product-title-split__main {
  font-size: 18px;
  margin: 0;
  margin-bottom: 8px;
  line-height: 20px;
}

/* Opis / kategoria */
.related-product-card__column-right > p {
  margin: 0;
  margin-top: 0;
  color: #377C77;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 8px;
}

.related-product-card__column-right .wp-block-ncpb-najnizsza-cena{
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Podaktegorie */
/* Podkategorie — karty */
.subcategory-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.subcategory-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 12px;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.2s ease;
}

.subcategory-card:hover {
    background-color: #f0faf6;
}

.subcategory-card__image img {
    width: 48px;
    height: 48px;
    object-fit: contain;
}

.subcategory-card__placeholder {
    width: 48px;
    height: 48px;
    background: #e8f5f0;
    border-radius: 50%;
}

.subcategory-card__name {
    font-size: 14px;
    font-weight: 600;
    color: #0E4466;
    margin-top: 8px;
    line-height: 1.3;
}

.subcategory-card__count {
    font-size: 12px;
    color: #6b7b8d;
    margin-top: 4px;
}

.subcategory-products__empty{
  margin-bottom: 0;
  margin-top: 0;
}

/* podadniki na stronie autora */
/* -----------------------------------------------------------------------------
   6.2 Karty poradników
   ----------------------------------------------------------------------------- */

.guide-list-item figure.product-list-item__image img {
  object-fit: cover !important;
  height: 100%;
}


.guide-list-item .first-sentence-excerpt{
  margin-top: 0;
  margin-bottom: 0;
}
   
.guide-list-item .guide-list-item__title{
  font-size: 22px;
  line-height: 25px;
  margin-bottom: 8px;
}
.guides-list.author-guides-list-section .product-list-item__image-wrapper {
    aspect-ratio: unset;
    height: 200px;
   }

.guides-section.ui-card {
  container-type: inline-size;
  container-name: guides-section;
  margin-bottom: 16px;
  margin-block-end: 16px;
}

.guides-section .guides-card {
  padding: 16px;
}

.guides-section li:last-child .guides-card {
  margin-top: 16px;
}

.guides-section .guides-card__columns {
  gap: 0;
}

/* Lewa kolumna - obraz */
.guides-section .guides-card__column-left {
  flex: 0 0 170px;
  max-width: 170px;
  align-self: flex-start !important;
}

.guides-section .guides__product-image {
  width: 160px;
  height: 160px;
  margin: 0;
}

.guides-section .guides__product-image img {
  width: 160px;
  height: 160px;
  border-radius: 16px;
  object-fit: cover;
}

/* Prawa kolumna - tekst */
.guides-section .guides-card__column-right {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

.guides-section .guides-card__column-right .guides__guide-title {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 20px;
}

.guides-section .guides-card__column-right .product-taxonomy {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 4.4rem;
  gap: 4px;
}

.guides-section .guides-card__column-right .product-taxonomies {
  margin-bottom: 8px;
  margin-top: 0;
  flex-shrink: 1;
}


.guides-section .first-sentence-excerpt {
  margin: 0;
}

.guides__guide-category {
  display: none;
}

.first-sentence-excerpt{
  line-height: 18px;
}

/* Container query - wąski kontener */
@container guides-section (max-width: 330px) {
  .guides-section .guides-card__columns {
    flex-direction: column !important;
  }

  .guides-section .guides-card__column-left {
    flex-basis: 100% !important;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
  }

  .guides-section .guides-card__column-right {
    flex-basis: 100% !important;
    max-width: 100%;
    width: 100%;
  }

  .guides-section .guides__product-image {
    width: 100%;
    height: auto;
    max-height: 160px;
  }

  .guides-section .guides__product-image img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: cover;
  }
}

/* -----------------------------------------------------------------------------
   6.3 Sekcja poradników z dużym zdjęciem
   ----------------------------------------------------------------------------- */

.guides-big-image-section {
  container-type: inline-size;
  container-name: guides-big;
}

.guides-big-image-section .additional-guides-item {
  padding: 16px;
  margin-top: 16px;
}

.guides-big-image-section li {
  margin-top: 16px;
}

.guides-big-image-section li:last-child .additional-guides-item {
}

.guides-big-image-section .additional-guides-item__columns {
  gap: 0;
}

/* Lewa kolumna - obraz */
.guides-big-image-section .additional-guides-item__column-left__image {
  width: 160px;
  height: 160px;
}

/* Obrazek - nadpisanie stylów WordPress */
.guides-big-image-section figure.wp-block-post-featured-image {
  overflow: hidden;
  border-radius: 16px;
  margin: 0;
}

.guides-big-image-section figure.wp-block-post-featured-image a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.guides-big-image-section figure.wp-block-post-featured-image img {
  border-radius: 16px;
  display: block;
  height: 100%;
}

/* Prawa kolumna - kluczowe style */
.guides-big-image-section .additional-guides-item__column-right {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow: hidden;
}

/* Tytuł - nie oddaje miejsca */
.guides-big-image-section .additional-guides-item__column-right .post-title {
  font-size: 16px;
  flex-shrink: 0;
  margin-bottom: 8px;
  line-height: 20px;
}

.guides-big-image-section .additional-guides-item__column-right .post-title > a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}

/* Taksonomie - półelastyczne */
.guides-big-image-section .additional-guides-item__column-right .product-taxonomies {
  margin-top: 0;
  margin-bottom: 8px;
  flex-shrink: 1;
}

.guides-big-image-section .additional-guides-item__column-right .product-taxonomy {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-height: 4.2rem;
  gap: 4px;
}

/* Zajawka - oddycha jako pierwsza */
.guides-big-image-section .additional-guides-item__column-right p {
  font-size: 14px;
  line-height: 18px;
  flex: 1 1 auto;
  min-height: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}
.guides-big-image-section .wp-block-post-excerpt{
  margin-top: 8px;
}

/* Container query - wąski kontener */
@container guides-big (max-width: 330px) {
  .guides-big-image-section .additional-guides-item__columns {
    flex-direction: column;
  }

  .guides-big-image-section .additional-guides-item__column-left {
    flex-basis: 100% !important;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
  }

  .guides-big-image-section .additional-guides-item__column-right {
    flex-basis: 100% !important;
    max-width: 100%;
    width: 100%;
  }

  .guides-big-image-section .additional-guides-item__column-left__image {
    width: 100%;
    height: auto;
    max-height: 160px;
  }

  .guides-big-image-section .additional-guides-item__column-left figure {
    width: 100%;
    max-width: 100%;
    max-height: 200px;
  }

  .guides-big-image-section .additional-guides-item__column-left img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: cover;
  }
}


/* -----------------------------------------------------------------------------
   6.4 Sekcja poradników ze średnim zdjęciem
   ----------------------------------------------------------------------------- */

.guides-medium-image-section {
  container-type: inline-size;
  container-name: guides-medium;
}

.guides-medium-image-section .additional-guides-item {
  padding: 16px;
  margin-top: 16px;
}

.guides-medium-image-section li:last-child .additional-guides-item {
}

.guides-medium-image-section .additional-guides-item__columns {
  gap: 0;
  display: flex;
  align-items: flex-start;
}

.guides-medium-image-section .additional-guides-item__column-left {
  flex: 0 0 160px;
  max-width: 160px;
  margin-bottom: 8px;
}

.guides-medium-image-section .additional-guides-item__column-left__image {
  width: 124px;
  height: 124px;
}

.guides-medium-image-section .additional-guides-item__column-left__image img{
  height: 100%;
}

/* Obrazek - nadpisanie stylów WordPress */
.guides-medium-image-section figure.wp-block-post-featured-image {
  overflow: hidden;
  border-radius: 16px;
  margin: 0;
}

.guides-medium-image-section figure.wp-block-post-featured-image a {
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.guides-medium-image-section figure.wp-block-post-featured-image img {
  border-radius: 16px;
  display: block;
}

.guides-medium-image-section .additional-guides-item__column-right {
  flex: 1 1 auto;
  min-width: 0;
}

.guides-medium-image-section .additional-guides-item__column-right h2 {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 20px;
}

.guides-medium-image-section .additional-guides-item__column-right h2 > a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-wrap: wrap;
}

.guides-medium-image-section .additional-guides-item__column-right .product-taxonomies {
    margin-top: 0;
    margin-bottom: 8px;
    flex-shrink: 1;
}

.guides-medium-image-section .additional-guides-item__column-right .product-taxonomy {
  flex-wrap: wrap;
  overflow: hidden;
  gap: 4px;
}

.guides-medium-image-section .additional-guides-item__column-right p, .guides-medium-image-section .first-sentence-excerpt  {
  font-size: 14px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-top: 0;
}

/* Container query - wąski kontener */
@container guides-medium (max-width: 330px) {
  .guides-medium-image-section .additional-guides-item__columns {
    flex-direction: column;
  }

  .guides-medium-image-section .additional-guides-item__column-left {
    flex-basis: 100% !important;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
  }

  .guides-medium-image-section .additional-guides-item__column-right {
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
  }

  .guides-medium-image-section .additional-guides-item__column-left__image {
    width: 100%;
    height: auto;
    max-height: 160px;
  }

  .guides-medium-image-section .additional-guides-item__column-left figure {
    width: 100%;
    max-width: 100%;
  }

  .guides-medium-image-section .additional-guides-item__column-left img {
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: cover;
  }
}

/* =============================================================================
   7. STRONY TAKSONOMII
   ============================================================================= */

/* -----------------------------------------------------------------------------
   7.1 Intro taksonomii
   ----------------------------------------------------------------------------- */

.taxonomy-intro-section {
  font-size: 15px;
  color: #0E4466;
  line-height: 25px;
}

.taxonomy-intro-section .product-post-type{
  margin-bottom: 16px;
}

.taxonomy-intro-section .intro-card__column-left__content-column > h1{
  margin-bottom: 16px;
  margin-block-end: 16px;
}

.taxonomy-intro-section .taxonomy-short-description{
  margin-bottom: 16px;
}

.taxonomy-intro-section figure {
  padding-top: 52px;
  padding-bottom: 58px;
  display: flex;
  justify-content: center;
  min-height: 150px;
  max-height: 250px;
  margin-bottom: 0px;
}

.taxonomy-intro-section img {
  width: 140px;
  max-height: 140px;
  object-fit: contain;
}

.taxonomy-intro-section .purple-label {
  padding-top: 4px 8px;
  padding-bottom: 0;
}

@media (max-width: 781px){
  .taxonomy-intro-section .intro-card__column-left__content-column > .product-post-type,
  .taxonomy-intro-section .intro-card__column-left__content-column > .wp-block-query-title{
    margin-bottom: 0;
  }
  .taxonomy-intro-section .intro-card__column-left__columns{
    gap: 16px;
  }
}
/* -----------------------------------------------------------------------------
   7.2 Lista taksonomii
   ----------------------------------------------------------------------------- */

/* Definiujemy kontener */
.taxonomy-list-section {
  margin-top: 0;
  container-type: inline-size;
  width: 100%;
}

.taxonomy-list-section > ul {
  gap: 16px !important;
  margin-bottom: 16px;
}

.ui-card.taxonomy-list-item {
  margin-bottom: 0;
}

.taxonomy-list-item .wp-block-image {
    text-align: center;
}

.taxonomy-list-item .wp-block-image img {
    display: inline-block;
    padding: 16px;
}

.taxonomy-list-item > a > span {
  display: block;
  font-size: 22px;
  color: #0E4466;
  line-height: 30px;
  font-weight: 600;
}

.taxonomy-list-item > a > div {
  margin-top: 15px;
}

/* Container queries dla listy taksonomii */
@container (max-width: 600px) {
  .wp-block-term-template {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@container (max-width: 460px) {
  .wp-block-term-template {
    grid-template-columns: repeat(1, 1fr) !important;
  }
}

.main-description, .taxonomy-long-description{
  p:not(:last-child){
    margin-bottom: 16px;
  }
}


/* -----------------------------------------------------------------------------
   7.3 Kontent taksonomii
   ----------------------------------------------------------------------------- */
.taxonomy-content-section{
  line-height: 25px;
}

.taxonomy-content-section:first-child{
  margin-top: 0;
}

/* .taxonomy-content-section:last-child{
  margin-bottom: 0;
} */

/* -----------------------------------------------------------------------------
   7.4 Archiwum producenta
   ----------------------------------------------------------------------------- */

.taxonomy-intro-section figure.producer-logo {
  padding-top: 47px;
  padding-bottom: 52px;
}

.taxonomy-intro-section .producer-logo img {
  width: 200px;
}

.taxonomy-intro-section .producer-short-description {
  display: inline-block;
  margin-top: 20px;
}

.related-producers-section .related-producers {
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  font-size: 20px;
}

.related-producers-section .related-producers__item:hover {
  font-size: 21px;
}

.related-producers-section .related-producers figure {
  margin-bottom: 0;
}

.related-producers-section .related-producers img {
  max-height: 50px;
}

.related-producers-section .related-producers img:hover {
  max-height: 51px;
}

/* -----------------------------------------------------------------------------
   7.5 Archiwum substancji
   ----------------------------------------------------------------------------- */

.taxonomy-intro-section .blue-label-wrapper p {
  padding-top: 4px;
  padding-bottom: 6px;
  line-height: 14px;
  width: fit-content;
  margin: 0;
}

.taxonomy-intro-section .blue-label-wrapper .value {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.taxonomy-intro-section .substance-short-description {
  display: inline-block;
  margin-top: 20px;
}

.taxonomy-intro-section figure.substance-icon {
  padding-top: 42px;
  padding-bottom: 50px;
}

.taxonomy-intro-section figure.substance-icon > img {
  width: 160px;
  max-height: 160px;
}

/* -----------------------------------------------------------------------------
   7.6 Archiwum kategorii
   ----------------------------------------------------------------------------- */

.taxonomy-intro-section .category-image {
  max-width: 300px;
  margin-bottom: 16px;
  padding: 16px;
  padding-bottom: 0;
}

.taxonomy-intro-section .category-image > img {
  height: auto;
  width: auto;
  max-width: 260px;
  border-radius: 16px;
  overflow: hidden;
}

.subcategory-products .swiper-slide .ui-card {
  margin: 0;
}

.subcategory-products .swiper-slide .wp-block-post-featured-image {
  margin: 0;
}

.subcategories-section .subcategory-products .swiper-slide .wp-block-post-featured-image img {
  aspect-ratio: 1 / 1;
  object-fit: contain;
  width: 100%;
  height: auto;
}

.subcategories-section .subcategory-products .swiper {
  position: relative;
}

.subcategories-section .subcategory-products .swiper-button-prev,
.subcategories-section .subcategory-products .swiper-button-next {
  position: absolute;
  top: 52%;
  transform: translateY(-50%);
}

.subcategories-section .subcategory-products .swiper-button-prev {
  transform: translateY(-50%) rotate(180deg);
}

.subcategories-section .scb-carousel-wrapper .swiper-pagination{
  margin-bottom: 16px;
}

.subcategories-section .subcategory-products__title{
  margin-bottom: 4px;
}
.subcategories-section .subcategory-products__more{
}
.subcategories-section .subcategory-products__header {
}
.subcategories-section .scb-carousel-wrapper{
  margin-top: 16px;
}


/* =============================================================================
   8. STRONY AUTORA
   ============================================================================= */

/* -----------------------------------------------------------------------------
   8.1 Intro autora
   ----------------------------------------------------------------------------- */

.author-intro-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.author-intro-section h1 {
  font-size: 24px;
  line-height: 30px;
  margin: 0;
}

.author-intro-section .mfb-author-avatar {
  border-radius: 50%;
}

/* -----------------------------------------------------------------------------
   8.2 Poradniki autora
   ----------------------------------------------------------------------------- */

.author-guides-section {
}

.author-guides-section .product-list-item {
}

.author-guides-list-item__image {
  width: 100%;
  max-height: 100%;
  overflow: hidden;
  border-radius: 16px;
}

.author-guides-list-item__image img {
  border-radius: 16px;
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* -----------------------------------------------------------------------------
   8.3 Lista autorów
   ----------------------------------------------------------------------------- */

.author-list-section {
  width: 100%;
  margin-top: 0;
  margin-bottom: 16px;
  container-type: inline-size;
}

.author-item.ui-card {
  margin: 0 !important;
  width: auto;
}

.authors-loop {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 16px;
  width: 100%;
}

.author-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 0;
}

.author-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.authors-loop .avatar {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  margin-bottom: 16px;
}


/* -----------------------------------------------------------------------------
   8.4 Sekcja innych autorów
   ----------------------------------------------------------------------------- */

.other-authors-section h2 {
  margin-bottom: 16px;
}

.other-authors-section .author-item {
  border-radius: 16px;
  border: solid 1px #DEEBF4;
}

/* =============================================================================
   9. STRONA GŁÓWNA
   ============================================================================= */

/* -----------------------------------------------------------------------------
   9.1 Swiper / Karuzela
   ----------------------------------------------------------------------------- */

   
.scb-carousel-wrapper
{
  margin-bottom: 16px;
}

.scb-carousel-wrapper .ui-card{
  margin-bottom: 16px;
}
   
/* Strzałki nawigacji Swiper */
.scb-carousel-wrapper .swiper-button-prev,
.scb-carousel-wrapper .swiper-button-next {
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background-color: #f4faf8;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 33px 33px;
  background-image: url("../images/icons/arrow-right.svg");
  border: 1px solid rgb(181, 218, 222);
  padding: 0;
  top: calc(var(--swiper-navigation-top-offset, 50%) - 30px);
  opacity: 0.7;
}

/* Ukryj domyślną strzałkę Swipera */
.scb-carousel-wrapper .swiper-button-prev::after,
.scb-carousel-wrapper .swiper-button-next::after {
  display: none;
}

/* Lewa strzałka */
.scb-carousel-wrapper .swiper-button-prev {
  left: 0;
  transform: translateX(-50%) rotate(180deg);
}

/* Prawa strzałka */
.scb-carousel-wrapper .swiper-button-next {
  right: 0;
  transform: translateX(50%);
}

/* Hover - pełna widoczność */
.scb-carousel-wrapper .swiper-button-prev:hover,
.scb-carousel-wrapper .swiper-button-next:hover {
  opacity: 1;
}

/* Paginacja */
.scb-carousel-wrapper .swiper-pagination{
  position: static;
  margin-top: 8px;
}

.scb-carousel-wrapper .swiper-pagination-bullet-active {
  background-color: #2CADB4;
}

/* Wyrównanie kart w karuzeli */
.scb-carousel-wrapper .product-list-item.ui-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.scb-carousel-wrapper .product-list-item > a {
  display: flex;
  flex-direction: column;
}

.scb-carousel-wrapper .product-title-split {
  display: flex;
  flex-direction: column;
}

.scb-carousel-wrapper .swiper-slide {
  display: flex;
  flex-direction: column;
  height: auto;
}

.scb-carousel-wrapper .swiper-slide .product-list-item{
  margin-bottom: 0;
}


/* Kategorie tuż pod tytułem zamiast na dole */
.scb-carousel-wrapper .product-taxonomies {
  margin-top: 12px;
}
.scb-carousel-wrapper.swiper-slide > * {
  margin-bottom: 0 !important;
}

/* -----------------------------------------------------------------------------
   9.2 Sekcja najnowszych produktów
   ----------------------------------------------------------------------------- */
.new-products-section{
  
}

.new-products-section .wp-block-query {
  display: none;
}

.new-products-section .query-suplement {
  display: block;
}

.new-products-section .new-products__category-row{
  margin-bottom: 16px;
}

.new-products-section .select-field{
  margin-bottom: 16px;
}

.tabs {
  position: relative;
}

.tabs::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 2px;
  background-color: #DEEBF4;
}

.tabs .wp-block-button {
  display: block;
}

/* Reset przycisków - tylko Nowe produkty */
.tabs .wp-block-button__link {
  all: unset;
  box-sizing: border-box;
  cursor: pointer;
  color: #377C77;
  position: relative;
  display: block;
}

.tabs .wp-block-button__link:hover {
  background-color: transparent;
}

.tabs .wp-block-button__link:hover,
.tabs .wp-block-button__link.is-active {
  color: #0A4B5A;
}

.tabs .wp-block-button__link:hover::after,
.tabs .wp-block-button__link.is-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 2px;
  z-index: 1;
  background-color: #2CADB4;
}

.new-products-section .wp-block-post-template {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}

.new-products-section .new-product-card__columns {
  width: 100% !important;
  gap: 16px;
}

.new-products-section .new-product-card__columns > .new-product-card__column-left {
  flex: 0 0 85px;
}

.new-products-section .new-product-card__columns > .new-product-card__column-right {
  flex: 1 1 auto;
}

.new-products-section .new-product-card__columns > .new-product-card__column-right > h3 {
  font-size: 16px;
}

/* Pierwsze dwa elementy - większy obrazek */
li:nth-child(1) .new-product-card__columns > .new-product-card__column-left,
li:nth-child(2) .new-product-card__columns > .new-product-card__column-left {
  flex: 0 0 124px;
}

.new-products-section li.wp-block-post {
  margin-block-start: 0;
}

.new-products-section .wp-block-post > .new-product__card {
  height: 100%;
  display: flex;
  align-items: center;
}

.new-products-section h2 {
  font-size: 20px;
}
.new-products-section .wp-block-post-template > li .product-title-split{
  margin: 0;
  margin-bottom: 4px;
}

.new-products-section .wp-block-post-template > li:nth-child(1) .product-title-split__main,
.new-products-section .wp-block-post-template > li:nth-child(2) .product-title-split__main{
  font-size: 18px;
}

.new-products-section .wp-block-post-template > li:nth-child(1) .product-title-split__sub,
.new-products-section .wp-block-post-template > li:nth-child(2) .product-title-split__sub{
  font-size: 14px;
  margin: 0;
}

.new-products-section .wp-block-post-template > li .product-title-split__main {
  font-size: 16px;
  margin: 0;
  margin-bottom: 2px;
  line-height: 20px;
}

.new-products-section .wp-block-post-template > li .product-title-split__sub{
  font-size: 13px;
  margin: 0;
  color: #377C77;
  line-height: 18px;
}

.new-products-section .wp-block-post-template > li:nth-child(1) .product-taxonomies-block--tag > *,
.new-products-section .wp-block-post-template > li:nth-child(2) .product-taxonomies-block--tag > *{
  font-size: 15px;
}

.new-products-section .wp-block-post-template > li .product-taxonomies-block--tag{
  line-height: 18px;
}

.new-products-section .wp-block-post-template > li .product-taxonomies-block--tag > *{
  font-size: 14px;
}
/* Przełącznik danych */
[data-switcher] > .wp-block-query {
  display: none;
}

[data-switcher] > .wp-block-query.is-active {
  display: block;
}

/* Desktop - pokazuj przyciski */
.new-products-section.data-switcher .select-field {
  display: none;
}
@container (max-width: 340px){
  .new-products-section .related-product__columns{
    flex-direction: column;
  }
  .new-products-section .new-product-card__column-left img,
  .new-products-section .new-product-card__column-left{
    height: 80px;
  }

li:nth-child(1) .new-product-card__columns > .new-product-card__column-left, li:nth-child(2) .new-product-card__columns > .new-product-card__column-left {
    flex: 0 0 80px;
}
  .new-products-section .new-product-card__column-left{
    width: 100%;
  }
}

/* -----------------------------------------------------------------------------
   9.3 Własny select
   ----------------------------------------------------------------------------- */

.select-field {
  max-width: 220px;
}

.select-field__control {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 34px;
  padding: 0 16px 0 40px;
  border: 1px solid #C2E7E2;
  border-radius: 16px;
  background-color: #fff;
  background-image: url("../images/icons/triangle-select.svg");
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 10px 6px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  color: #0A4B5A;
  text-align: center;
  cursor: pointer;
}

/* Focus - delikatny efekt */
.select-field__control:focus {
  outline: none;
  border-color: #7DCFC4;
}

/* =============================================================================
   9.4 Układ
   ============================================================================= */
@media (max-width: 781px){
  .ui-card .new-products-section{
    margin-top: 16px;
  }
}


/* =============================================================================
   10. KOMPONENTY SIDEBARA
   ============================================================================= */

/* -----------------------------------------------------------------------------
   10.1 Skład produktu i Wskazania produktu
   ----------------------------------------------------------------------------- */

.product-composition__title,
.product-directions__title {
}

.product-composition__subtitle,
.product-directions__subtitle {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 16px;
}

/* -----------------------------------------------------------------------------
   10.2 Wskazania produktu
   ----------------------------------------------------------------------------- */



/* -----------------------------------------------------------------------------
   10.3 Sekcja producenta
   ----------------------------------------------------------------------------- */

.producent-section > .producent-section-columns > .producent-section-column-left > h3 {
  font-size: 15px;
  font-weight: 400;
  line-height: 30px;
}

.producent-section > .producent-section-columns > .producent-section-column-right {
  display: flex;
  justify-content: flex-end;
  font-size: 20px;
  font-weight: 600;
}

/* -----------------------------------------------------------------------------
   10.4 Bibliografia
   ----------------------------------------------------------------------------- */

.bibliography-section {
}

.bibliography-item {
}

.bibliography-item ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.bibliography-item li {
  border-radius: 16px;
  border: solid 1px #DEEBF4;
  margin-bottom: 16px;
  padding: 16px;
}

.bibliography-item li:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------------------------------------------
   10.5 Główna sekcja poradników (strona poradników)
   ----------------------------------------------------------------------------- */
@media (min-width: 781px) {
  .guides-main-section, .main-culumns-under-intro-card {
    margin-right: 16px;
  }
}
@media (max-width: 781px) {
  .guides-main-section.ui-card{
    margin-top: 16px;
  }
}
.intro-card__columns {
  gap: 16px;
}

.main-culumns-under-intro-card {
  gap: 16px;
}

.main-culumns-under-intro-card .main-column-left {
  flex-basis: 806px !important;
  max-width: 806px;
  min-width: 0px;
}
.main-culumns-under-intro-card .main-column-right{
  flex-basis: 437px;
  max-width: 437px;
  min-width: 0px;
}

.intro-card__columns >.intro-card__column-left{
  flex-basis: 790px !important;
  max-width: 790px;
  min-width: 0px;
}

.intro-card__column-left__image-column figure{
  max-width: 300px;
  max-height: 300px;
  height: 100%;
  width: 100%;
  margin-left: auto;
}
@media (max-width: 781px){
  .intro-card__column-left__image-column figure{
    max-width: 100%;
  }
}


.intro-card__column-left__image-column img{
  height: 100%;
}

.intro-card__column-left__content-column .expandable{
  margin-bottom: 16px;
}

.intro-card__column-left__content-column .wp-block-post-excerpt{
  margin: 0;
}

.intro-card__columns .ui-card {
  height: 100%;
}

.intro-card__column-left img {
  border-radius: 16px;
}

.intro-card__column-left__other-names--wrapper{
  margin-block-end: 16px !important;
}
/* nie wiem gdzie to intro-card jest niby */
.intro-card > h1 {
  color: #0E4466;
  font-size: 24px;
  letter-spacing: -1%;
}

.intro-card h1 {
  color: #0E4466;
  font-size: 22px;
  margin-bottom: 16px;
}

.intro-card__column-right{
  max-width: 421px;
}

.intro-card__column-right h2 {
  color: #779AAB;
  font-size: 18px;
}

.intro-card__column-left__columns {
  gap: 16px;
  margin-bottom: 16px;
}

.intro-card__column-left__content-column h3 {
  color: #779AAB;
  font-size: 16px;
  margin-bottom: 8px;
}

.intro-card__column-left__content-column ul {
  color: #3F817B;
  font-size: 16px;
  padding-inline-start: 24px;
}

.intro-card__column-left__content-column .intro-card__related-products{
  margin-bottom: 0;
}

.intro-card__column-left__content-column h2 {
  font-size: 22px;
  margin-bottom: 16px;
}


.intro-card__column-left__content-column .description-short p{
  margin: 0;
}

.intro-card__column-left__content-column li:hover {
  text-decoration: underline;
}
.intro-card__column-right__image-column figure.item-border{
  /* margin-bottom: 16px; */
}

.guides-main-section__author-section .author-biography {
  font-size: 16px;
  line-height: 25px;
}
.intro-card__column-right p {
  font-size: 16px;
  font-weight: 400;
  margin: 0;
  line-height: 20px;
}



/* =============================================================================
   11. RESPONSYWNOŚĆ / MOBILE
   ============================================================================= */

/* -----------------------------------------------------------------------------
   11.1 Kolejność sekcji na mobile (max-width: 781px)
   ----------------------------------------------------------------------------- */

@media (max-width: 781px) {
  .main-column-right, 
  .main-columns, .intro-card__column-left__content-column {
    display: contents;
  }
  
  .first-element { order: -10;}

  .product-header { order: 1; }
  .product-composition { order: 2; }
  .product-directions { order: 3; }
  .product-insert { order: 4; }
  .producent-section { order: 5; }
  .product-faq-section {order: 5 }
  .product-content { order: 6; }
  .related-products-section { order: 7; }
  .guides-section { order: 8; }
  .see-also { order: 9; 
  }

  /* Strona z listą termów taksonomii */
  .taxonomy-long-description {
    order: 99;
  }

  /* Strona poradnika - kolejność sekcji */
  .main-culumns-under-intro-card,
  .main-culumns-under-intro-card > .main-columns,
  .main-culumns-under-intro-card > .main-column-right {
    display: contents;
  }

  .contens-section { order: 1; }
  .post-content { order: 2; }
  .bibliography-section { order: 3; }
  .see-also { order: 4; }
  .guides-big-image-section { order: 5; }
  .guides-medium-image-section { order: 6; }
  .last-element{order: 9999;}
  }
/* -----------------------------------------------------------------------------
   11.2 Nagłówek na mobile (max-width: 781px)
   ----------------------------------------------------------------------------- */

@media (max-width: 781px) {
  header {
    border-image-source: linear-gradient(
      to right,
      #2CA85A 0%,
      #2CA85A 50%,
      #FFA52D 50%,
      #FFA52D 60%,
      #00C2C5 60%,
      #00C2C5 70%,
      #E34532 70%,
      #E34532 80%,
      #2CA85A 80%,
      #2CA85A 90%,
      #107DFE 90%,
      #107DFE 100%
    );
  }

  .main-column-right {
    max-width: none !important;
  }
}

/* -----------------------------------------------------------------------------
   11.3 Nagłówek na tablecie (max-width: 1150px)
   ----------------------------------------------------------------------------- */

@media (max-width: 1150px) {
  html {
    margin-top: 0 !important;
  }

  header {
    height: 50px;
  }

  .wp-block-site-logo img.custom-logo {
  }

  .main-wrapper {
    margin-top: 68px !important;
  }

  .banner--main-menu {
    display: none;
  }

  .scp-badge__label{
    display: none;
  }
}

/* -----------------------------------------------------------------------------
   11.4 Dostosowania UI na mobile (max-width: 781px)
   ----------------------------------------------------------------------------- */

@media (max-width: 781px) {
  /* Karta UI */
  .ui-card p.product-post-type {
    font-size: 14px;
  }

  .ui-card {
    padding: 16px;
    margin: 0;
    margin-bottom: 16px;
    margin-block-end: 16px;
    font-size: 14px;
    width: 100%;
    row-gap: 0;
  }

  .ui-card.new-products-section,
  .ui-card.guides-big-image-section,
  .ui-card.see-also,
  .ui-card.category-content-section,
  .ui-card.guides-section,
  .ui-card.taxonomy-faq-section,
  .ui-card.post-content,
  .main-page .ui-card.product-list-section:last-child,
  .guides-list.author-guides-list-section{
    margin-bottom: 16px;
  }

  .main-wrapper {
    margin-left: 10px;
    margin-right: 10px;
  }

  .main-culumns-under-intro-card{
    gap: 0;
  }

  .page-title,
h1.wp-block-heading,
h1
{
  margin-bottom: 16px;
}

  /* Nagłówek produktu */
  .product-header .product-title-split__main {
  }

  .product-header__excerpt p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 16px;
  }

  .product-buy-button {
    margin-bottom: 16px;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 10;
  }

  .product-buy-button__link {
    font-size: 14px;
    padding: 9px 16px;
  }

  .product-header {
    position: relative;
  }

  .product-header__image {
  }

  .product-header__image--desktop {
    display: none;
  }

  .product-header__image--mobile {
    display: block;
    margin: 16px 0;
  }

  /* Tabela specyfikacji na mobile */
  .product-spec-table .wp-block-columns {
    display: contents !important;
  }

  .product-spec-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #DEEBF4;
  }

  .product-spec-full-row:last-child > .product-spec-row:last-child {
    border-bottom: none;
  }

  /* Sekcja producenta */
  .producent-section-columns {
    flex-wrap: nowrap !important;
  }

  .producent-section > .producent-section-columns > .producent-section-column-left > h2 {
    font-size: 14px;
  }

  .producent-section > .producent-section-columns > .producent-section-column-right {
    font-size: 18px;
  }

  /* Poradniki */
  .guides-card__column-right > div.guides__guide-teaser {
    display: none;
  }

  .guides__guide-title {
    font-size: 16px;
  }

  .guides__guide-sub-category {
    font-size: 15px;
    font-weight: 400;
  }

  /* Intro poradnika - zdjęcie pierwsze na mobile */
  .intro-card__column-left__columns {
    display: flex;
    flex-direction: column;
    gap: 0px
  }

  .intro-card__column-left__image-column {
    order: -1;
    position: relative;
    width: 100%;
    margin-bottom: 16px !important;
  }

  .intro-card__column-left__image-column figure {
    position: relative;
    width: 100%;
    margin: 0 auto;
  }

  .intro-card__column-left__image-column img {
    width: 100%;
    height: auto;
  }

  /* Biografia autora */
  .guides-main-section__author-section .author-biography {
    font-size: 15px;
  }

  /* Najnowsze produkty */
  .new-products-section .new-products__category-row::after {
    height: 0px;
  }

  .new-products-section .wp-block-post-template {
    grid-template-columns: 1fr;
  }

  .new-products-section.data-switcher .new-products__category-row {
    display: none;
  }

  .new-products-section.data-switcher .select-field {
    display: block;
    margin-bottom: 16px;
  }

  footer .custom-logo{
  }
}

/* -----------------------------------------------------------------------------
   11.5 Tabela specyfikacji responsywna (max-width: 1000px)
   ----------------------------------------------------------------------------- */

@media (max-width: 1000px) {
  .product-spec-table .product-meta-field {
    white-space: wrap;
  }

  .product-header .wp-block-columns {
    gap: 16px;
  }
}

/* -----------------------------------------------------------------------------
   11.6 Menu na mobile (max-width: 1150px)
   ----------------------------------------------------------------------------- */

@media (max-width: 1150px) {
  .main-column-right {
  }

  /* Ukryj lewą kolumnę ale zachowaj hamburger */
  .wp-block-columns > .wp-block-column:first-child:has(.menu) {
    flex-basis: 0 !important;
    min-width: 0 !important;
    width: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  /* Hamburger fixed */
  .menu.wp-block-navigation .wp-block-navigation__responsive-container-open {
    position: fixed;
    top: 12px;
    left: 18px;
    right: auto;
    width: 30px;
    height: 30px;
    z-index: 100000;
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    margin-right: 16px;
  }

  .menu.wp-block-navigation .wp-block-navigation__responsive-container-open svg {
    width: 40px;
    height: 26px;
  }

  /* Poprawka układu nagłówka */
  .header.wp-block-group.is-layout-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }

  /* Logo - miejsce na hamburger */
  .header .wp-block-site-logo {
    margin-left: 42px;
  }

  .header .custom-logo-link img {
    width: auto;
    max-width: 180px;
    height: auto;
  }

  /* Menu overlay */
  .menu .wp-block-navigation__responsive-container {
    position: fixed;
    inset: 0;
    height: 100dvh;
  }

  .menu .wp-block-navigation__responsive-dialog {
    padding-top: 0;
    margin-top: 0;
  }

  .menu .wp-block-navigation__responsive-container-close {
    top: 12px;
  }

  .menu .wp-block-navigation__responsive-container-content {
    padding-top: 64px;
    overflow-y: auto;
  }

  /* Wymuś hamburger */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }
}

/* Menu na desktop (min-width: 1151px) */
@media (min-width: 1151px) {
  .wp-block-navigation__responsive-container-open {
    display: none;
  }

  .wp-block-navigation__responsive-container {
    display: block;
    position: static;
    width: 100%;
  }
}

/* -----------------------------------------------------------------------------
   11.7 Powiązane produkty na mobile (max-width: 568px)
   ----------------------------------------------------------------------------- */

@media (max-width: 568px) {
  .related-products-scroll {
    overflow: hidden;
  }

  .related-products-scroll ul.wp-block-post-template {
    gap: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .related-products-scroll ul.wp-block-post-template > li {
    flex: 0 0 100%;
    width: 100%;
    min-height: auto;
  }

  .related-products-arrows .related-arrow.next {
    right: 8px;
  }

  .related-products-arrows .related-arrow.prev {
    left: 8px;
  }
}

/* -----------------------------------------------------------------------------
   11.8 Prawa kolumna responsywna (max-width: 370px)
   ----------------------------------------------------------------------------- */

.main-column-right {
  container-type: inline-size;
}

@container (max-width: 370px) {
  .main-column-right .new-products-section .new-products__category-row {
    display: none;
  }

  .main-column-right .new-products-section .select-field {
    display: block;
  }
}

/* -----------------------------------------------------------------------------
   11.9 Style specyficzne dla prawej kolumny
   ----------------------------------------------------------------------------- */

.main-column-right .new-products-section .wp-block-post-template {
  grid-template-columns: 1fr;
}

.main-column-right li:nth-child(2) .new-product-card__columns > .new-product-card__column-left {
  flex: 0 0 85px;
}
.main-column-right .new-products-section .wp-block-post-template > li:nth-child(1) .product-title-split__main{
  font-size: 18px;
}

.main-column-right .new-products-section .wp-block-post-template > li:nth-child(1) .product-title-split__sub{
  font-size: 14px;
}

.main-column-right .new-products-section .wp-block-post-template > li:nth-child(2) .product-title-split__main,
.main-column-right .new-products-section .wp-block-post-template > li .product-title-split__main {
  font-size: 16px;
}

.main-column-right .new-products-section .wp-block-post-template > li .product-title-split__sub,
.main-column-right .new-products-section .wp-block-post-template > li:nth-child(2) .product-title-split__sub{
  font-size: 13px;
}

.main-column-right .new-products-section .wp-block-post-template > li:nth-child(1) .product-taxonomies-block--tag > *{
  font-size: 15px;
}


.main-column-right .new-products-section .wp-block-post-template > li:nth-child(2) .product-taxonomies-block--tag > *,
.main-column-right .new-products-section .wp-block-post-template > li .product-taxonomies-block--tag > *{
  font-size: 14px;
}
/* -----------------------------------------------------------------------------
   11.10 Dostosowania UI na mobile (max-width: 364px)
   ----------------------------------------------------------------------------- */

@media (max-width: 364px) {
  header img.custom-logo {
    margin: 0;
  }

  .header{
    gap: 0px;
  }
  
  .header .wp-block-site-logo {
    margin-left: 40px;
  }

  .header .custom-logo-link img {
    max-width: 130px !important;
  }

  .header-search {
    margin-right: 4px !important;
    margin-left: auto !important;
  }

  .header-search.wp-block-search__searchfield-hidden .wp-block-search__inside-wrapper {
    /* width: 32px;
    height: 32px; */
  }

  .header-search.wp-block-search__searchfield-hidden .wp-block-search__button {
    width: 32px;
    height: 32px;
  }

  .header-search .wp-block-search__button::before {
    width: 16px;
    height: 16px;
  }

  .header .scp-badge {
    margin-right: 0;
  }

  .menu.wp-block-navigation .wp-block-navigation__responsive-container-open {
    left: 8px;
  }
}

@media (max-width: 364px) {
  .header .custom-logo-link img {
    max-width: 110px !important;
  }
}

/* -----------------------------------------------------------------------------
   11.11 Kafel produktu
   ----------------------------------------------------------------------------- */
@media (max-width: 781px) {

  .product-list-item .product-title-split{
    margin-bottom: 8px;
  }
  .product-list-item.ui-card .product-taxonomies{
    margin-bottom: 8px;
  }

}
  /* -----------------------------------------------------------------------------
   11.11 Kontent na mobile
   ----------------------------------------------------------------------------- */
@media (max-width: 781px) {

  
}
/* =============================================================================
   12. FORMULARZ KONTAKTOWY
   ============================================================================= */

.contact-form__input-name,
.contact-form__input-email,
.contact-form__input-massage {
  margin-bottom: 20px;
}

.contact-form .wp-form-blocks-label {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: #0E4466;
  margin-bottom: 6px;
}

.contact-form .wp-form-blocks-label .required {
  color: #E34532;
}

.contact-form .wp-form-blocks-input,
.contact-form .wp-form-blocks-textarea {
  width: 100%;
  padding: 12px 16px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  color: #0E4466;
  background-color: #EEFAF8;
  border: 1px solid #AFD6D0;
  border-radius: 16px;
  box-sizing: border-box;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.contact-form .wp-form-blocks-textarea {
  resize: none;
  min-height: 120px;
}

.contact-form .wp-form-blocks-input::placeholder,
.contact-form .wp-form-blocks-textarea::placeholder {
  color: #0E4466;
  opacity: 0.5;
}

.contact-form .wp-form-blocks-input:focus,
.contact-form .wp-form-blocks-textarea:focus {
  outline: none;
  border-color: #1ea6a3;
  box-shadow: 0 0 0 3px rgba(30, 166, 163, 0.12);
}

.contact-form__input-button .wp-form-blocks-submit-button {
  padding: 12px 32px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  background: #2CADB4;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease;
}

.contact-form__input-button .wp-form-blocks-submit-button:hover {
  background: #24959b;
  transform: translateY(-1px);
}

/* =============================================================================
   13. SPIS TREŚCI
   ============================================================================= */
/* styl etykiet w spisie treści znajduje się w rozdziale 3.2 */

.toc-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.toc-list > li {
  display: block;
}

.toc-list__sub-item {
  margin-left: 26px !important;
}
/* =============================================================================
   14. WYSZUKIWARKA
   ============================================================================= */
.search-engine-section{
  border-radius: 42px;
  background-color: white;
  padding: 16px;
  width: 100%;
  margin-bottom: 16px;
}
.wp-block-search__inside-wrapper {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  background-color: #EEFAF8;
  border: 1px solid #AFD6D0;
  border-radius: 45px;
  padding: 21px;
  gap: 16px;
}

.wp-block-search__label {
  display: none;
}

.wp-block-search__input {
  background: transparent;
  border: none;
  outline: none;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px !important;
  color: #0E4466;
  flex: 1;
  padding-right: 16px;
  padding-left: 0 !important;
}

.wp-block-search__input::placeholder {
  color: #0E4466;
  opacity: 0.6;
  font-size: 16px;
}

.wp-block-search__button {
  background: none;
  border: none;
  padding-right: 0 !important;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 0;
}

.wp-block-search__button svg {
  display: none;
}

.wp-block-search__button::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icons/search.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

/* Ukryj puste elementy na stronie wyników wyszukiwania */
.search-results > .wp-block-group:empty,
.search-results > .wp-block-template-part:empty {
  display: none;
}

.search-no-results {
  color: #6B8C8B;
  font-size: 15px;
  margin: 0;
}
/* =============================================================================
   15. WYNIKI WYSZUKIWANIA
   ============================================================================= */

  .search-section{
    margin-bottom: 16px;
  }

  @media (max-width: 781px)
  {
    .search-section:last-child{
      margin-block-end: 16px;
    }
  }

.search-no-results {
  color: #6B8C8B;
  font-size: 15px;
  margin: 0;
}

/* Kontener dla responsywnej siatki wyników */
.search-results {
  container-type: inline-size;
  width: 100%;
}

.search-results .wp-block-term-template {
  gap: 16px !important;
}

.search-results > .wp-block-group:empty,
.search-results > .wp-block-template-part:empty {
  display: none;
}

.search-see-more {
  margin-top: 16px;
  text-align: center;
}

.search-see-more__link {
  display: inline-block;
  padding: 10px 32px;
  font-size: 15px;
  font-weight: 600;
  color: #0E4466;
  background: #F4FAF8;
  border: 1px solid #B5DADE;
  border-radius: 999px;
  text-decoration: none;
  transition: background 0.2s ease;
}

.search-see-more__link:hover {
  background: #E6F3F1;
}

/* Wyniki wyszukiwania na mobile — pełna szerokość */
@media (max-width: 781px) {
  .search-section {
    width: 100%;
    order: unset;
  }
}
/* =============================================================================
   KONIEC ARKUSZA STYLÓW
   ============================================================================= */
.monthly-category-title{
  margin-bottom: 16px;
  margin-top: 0;
}