/* Sklep: sidebar + content */
.cs-shop-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 64px;
  align-items: start;
}

@media (max-width: 1024px) {
  .cs-shop-layout {
    grid-template-columns: 1fr;
  }
  .cs-shop-filters {
    order: 2;
  }
  .cs-shop-content {
    order: 1;
  }
}

.cs-product-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
  gap: 24px;
  height: 35px;
  min-height: 35px;
}

.cs-product-filter-per-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  gap: 24px;
  height: 35px;
}

.cs-product-filter .wpgb-facet {
  min-height: 35px;
}

.cs-archive-title {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-24);
  line-height: var(--line-height-24);
  color: var(--black);
  font-weight: var(--font-weight-400);
  margin-bottom: 12px !important;
}

.term-description,
.woocommerce-product-details__short-description,
.cs-rating-number {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-300);
}

.term-description {
  color: var(--black--06);
}

.cs-shop-toolbar {
  margin-top: 32px;
}

/* WP Grid Builder: wymuś grid zamiast masonry-positioning (karty same ostylujesz) */
.wpgb-viewport {
  height: auto !important; /* usuwa efekt inline height */
}

.wpgb-masonry,
ul.products.columns-3 {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  column-gap: 16px;
  row-gap: 64px;
  align-items: stretch;
}

.wpgb-masonry > .wpgb-card {
  position: static !important;
  left: auto !important;
  top: auto !important;
  width: auto !important;
  height: auto !important;
}

.wpgb-facet .wpgb-facet-title,
.wpgb-result-count {
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-300) !important;
  color: var(--black--06) !important;
  margin: 0 !important;
}

.wpgb-facet-3 .wpgb-select-controls {
  display: none !important;
}

.wpgb-facet-3 .wpgb-select {
  height: 16px !important;
  padding: 2px 8px !important;
}

.wpgb-facet-3 {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.wpgb-facet-3 label {
  width: 60px !important;
}

.wp-grid-builder .wpgb-card [class*="wpgb-block-"] {
  white-space: normal !important;
}

.cs-seo {
  max-height: 300px;
  overflow-y: scroll;
}

.cs-seo h2 {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-24);
  line-height: var(--line-height-24);
  font-weight: var(--font-weight-400);
  color: var(--black);
  margin: 16px 0;
}

.cs-seo p {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-300);
  color: var(--black);
  margin-bottom: 48px !important;
}

.cs-seo-fullwidth {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background: var(--black--02);
  padding: 128px 0;
}

@media (max-width: 768px) {
  .cs-shop-content {
    display: flex;
    flex-direction: column;
  }

  .cs-shop-toolbar {
    order: 1;
  }

  .cs-product-grid {
    order: 2;
  }

  .cs-archive-title,
  .term-description {
    order: 3;
  }
}

/*
/*
/*
/*
/*
/* PDP layout */
.woocommerce div.product.cs .cs__top {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 48px;
  align-items: start;
}

@media (max-width: 992px) {
  .woocommerce div.product.cs .cs__top {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

/* PDP */

.site-main ul.products li.product {
  width: fit-content !important;
  margin-right: 0 !important;
  margin: 0 !important;
}

.cs-faq__title {
  margin-bottom: 48px !important;
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h1) !important;
  font-weight: var(--font-weight-700);
  line-height: var(--line-height-h1);
  color: var(--main--03);
}

/* stylowanie */
.cs-heart--pdp {
  border-radius: var(--b--xxl);
  border: solid 1px var(--black);
  width: 100% !important;
  max-width: 54px;
  height: 54px !important;
  position: static !important;
}

button.cs-heart.cs-heart--pdp.is-active {
  border: solid 1px var(--main--04);
}

.cs__top {
  padding-bottom: 64px;
}

.cs__topbar {
  display: flex;
  gap: 12px;
}

.cs__topbar > .cs-badges {
  position: static !important;
}

.entry-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

h1.product_title.entry-title {
  color: var(--main--04);
  padding-bottom: 0;
}

p.stock.in-stock {
  display: none;
}

.stock.out-of-stock::before {
  display: none !important;
}

.woocommerce-tabs ul.tabs li::after {
  display: none !important;
}

.quantity {
  display: flex;
  /* border: solid 1px var(--black--03); */
  box-shadow: inset 0 0 0 1px var(--black--03);
  border-radius: var(--b--xxl);
  width: fit-content;
}

.cs-qtybtn--minus,
.cs-qtybtn--plus {
  background: transparent;
  padding: 16px;
}

.input-text {
  border: none !important;
  width: 32px !important;
  text-align: center !important;
  padding: 0 !important;
  background: transparent !important;
}

.cs__buyrow {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.cs__buyactions {
  display: flex;
  gap: 10px;
  margin-top: 16px;
  align-items: center;
}

.cs__left {
  background: var(--bg--fafafa);
  border-radius: var(--b--xsm);
  /* aspect-ratio: 1; */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 32px;
}

.cs-b2b-badge {
  display: flex;
  gap: 16px;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid var(--black--03);
  border-radius: var(--b--xsm);
  background: var(--bg--fafafa);
}

.cs-b2b-badge__icon,
.cs-delivery-info__icon {
  flex: 0 0 auto;
}

.cs-b2b-badge__text,
.cs-delivery-info__text {
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
}

.cs-b2b-badge__link {
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-400);
  text-decoration: underline;
}

.cs-delivery-info {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid var(--main--stroke--light);
  border-radius: var(--b--xsm);
  background: var(--main--bg--light);
  justify-content: center;
}

.cs-delivery-info__text span {
  color: var(--main--03);
  font-weight: var(----font-weight-500);
}

/* PDP opis produktu */
.cs-descgrid,
.woocommerce-Reviews {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
}

@media (max-width: 992px) {
  .cs-descgrid {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}

.woocommerce-Tabs-panel {
  padding: 32px 0;
}

.wc-tabs {
  display: flex;
  gap: 8px;
  align-items: center;
  height: 50px;
  margin: 0;
}

@media (max-width: 768px) {
  .wc-tabs {
    display: contents;
  }

  .wc-tabs li {
    margin: 8px 0;
  }

  div#reviews {
    display: contents;
  }
}

.woocommerce-tabs {
  padding: 24px;
  border: solid 1px var(--black--03);
  border-radius: var(--b--sm);
}

.woocommerce-Tabs-panel p {
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-300);
  display: flex;
  flex-direction: column;
}

.woocommerce-Tabs-panel td {
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-300);
  display: flex;
  flex-direction: column;
}

.woocommerce-Tabs-panel h2 {
  font-family: var(--font-family-body);
  padding-bottom: 24px !important;
}

.woocommerce-product-attributes-item__label {
  font-size: var(--font-size-13);
  line-height: var(--line-height-13);
  font-weight: var(--font-weight-300);
  border-right: solid 1px var(--black--02);
}

.woocommerce-product-attributes-item {
  border: solid 1px var(--black--02);
  text-align: left;
}

.woocommerce-product-attributes table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

th.woocommerce-product-attributes-item__label,
td.woocommerce-product-attributes-item__value {
  padding: 8px !important;
}

.cs__right.summary.entry-summary .stock {
  order: -1;
}

/* REVIEW / comments */
.cs-review__top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
}

.cs-review__top img {
  width: 32px;
  height: 32px;
  border-radius: var(--b--xsm);
}

.cs-review__top p.meta {
  display: flex !important;
  flex-direction: column !important;
  width: calc(100% - 128px);
}

.woocommerce-review__dash {
  display: none !important;
}

time.woocommerce-review__published-date {
  font-size: var(--font-size-10);
  line-height: var(--line-height-10);
}

.comment_container {
  display: flex;
  gap: 16px;
  flex-direction: column;
  padding: 12px;
  background: var(--white);
  border-radius: var(--b--xsm);
  border: solid 1px var(--black--02);
}

.commentlist {
  padding: 16px;
  background: var(--bg--fafafa);
  border-radius: var(--b--xsm);
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0 !important;
}

.woocommerce-product-rating {
  display: flex;
  gap: 8px;
  align-items: center;
}

.comment-reply-title {
  display: none !important;
}

.comment-respond {
  display: flex;
  flex-direction: column;
  margin-top: 54px;
}

.comment-form {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.comment-form-cookies-consent {
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 4px;
}

.woocommerce-review-link {
  display: none !important;
}

/* ukryj tekst w środku */
.star-rating span {
  font-size: 0;
  line-height: 0;
}

/* 5 * 16px */
.star-rating {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 16px;
  overflow: hidden;
}

/* szare 5 gwiazdek */
.star-rating::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black--03);

  -webkit-mask-image: var(--cs-star-mask);
  mask-image: var(--cs-star-mask);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: left center;
  mask-position: left center;
}

/* wypełnienie (Woo steruje width% na span) */
.star-rating > span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  height: 16px;
  background: var(--additional---pomaranczowy);

  -webkit-mask-image: var(--cs-star-mask);
  mask-image: var(--cs-star-mask);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: left center;
  mask-position: left center;
}

/* ukryj tekst, Woo trzyma go w <span> */
.woocommerce-Reviews .star-rating span {
  font-size: 0;
  line-height: 0;
}

/* 5 * 16px */
.woocommerce-Reviews .star-rating {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 16px;
  overflow: hidden;
}

/* SVG mask (1 gwiazdka) jako data URI */
:root {
  --cs-star-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 14'%3E%3Cpath d='M6.83958 0.213382C6.98966 -0.071077 7.39706 -0.0710763 7.54714 0.213382L9.54677 4.00338C9.60464 4.11308 9.71013 4.18972 9.83235 4.21087L14.0548 4.94145C14.3717 4.99629 14.4976 5.38374 14.2734 5.61438L11.2868 8.68732C11.2004 8.77626 11.1601 8.90027 11.1778 9.02304L11.7877 13.2646C11.8335 13.5829 11.5039 13.8224 11.2153 13.6805L7.36986 11.7896C7.25856 11.7349 7.12816 11.7349 7.01686 11.7896L3.17142 13.6805C2.8828 13.8224 2.55321 13.5829 2.599 13.2646L3.20897 9.02304C3.22662 8.90027 3.18633 8.77626 3.09988 8.68731L0.1133 5.61438C-0.110858 5.38374 0.0150337 4.99629 0.331948 4.94145L4.55437 4.21087C4.67658 4.18972 4.78208 4.11308 4.83995 4.00338L6.83958 0.213382Z'/%3E%3C/svg%3E");
}

/* szare 5 gwiazdek */
.woocommerce-Reviews .star-rating::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--black--03);

  -webkit-mask-image: var(--cs-star-mask);
  mask-image: var(--cs-star-mask);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: left center;
  mask-position: left center;
}

/* kolorowe wypełnienie (Woo steruje szerokością span style="width:60%") */
.woocommerce-Reviews .star-rating > span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: var(--additional---pomaranczowy);

  -webkit-mask-image: var(--cs-star-mask);
  mask-image: var(--cs-star-mask);
  -webkit-mask-repeat: repeat-x;
  mask-repeat: repeat-x;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: left center;
  mask-position: left center;
}

/* wrapper */
.woocommerce-Reviews p.stars {
  margin: 8px 0 0;
}

.woocommerce-Reviews p.stars > span {
  display: inline-flex;
  gap: 2px;
}

/* linki jako gwiazdki */
.woocommerce-Reviews p.stars a {
  width: 16px;
  height: 16px;
  display: inline-block;
  text-indent: -9999px;
  overflow: hidden;

  background: var(--black--03);

  -webkit-mask-image: var(--cs-star-mask);
  mask-image: var(--cs-star-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 16px 16px;
  mask-size: 16px 16px;
  -webkit-mask-position: center;
  mask-position: center;
}

/* hover: podświetl do tej gwiazdki */
.woocommerce-Reviews p.stars:hover a {
  background: var(--black--03);
}
.woocommerce-Reviews p.stars:hover a:hover,
.woocommerce-Reviews p.stars:hover a:hover ~ a {
  background: var(--black--03);
}
.woocommerce-Reviews p.stars:hover a:hover {
  background: var(--additional---pomaranczowy);
}
.woocommerce-Reviews p.stars:hover a:hover ~ a {
  background: var(--black--03);
}

/* wybrane (Woo dodaje class selected + active) */
.woocommerce-Reviews p.stars.selected a {
  background: var(--additional---pomaranczowy);
}
.woocommerce-Reviews p.stars.selected a.active ~ a {
  background: var(--black--03);
}

/* focus */
.woocommerce-Reviews p.stars a:focus-visible {
  outline: 2px solid var(--additional---pomaranczowy);
  outline-offset: 2px;
}

/* PDP Slider */
/* kropki zamiast miniaturek */
.single-product .woocommerce-product-gallery .flex-control-thumbs {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs li {
  width: auto !important;
  margin: 0 !important;
}

.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px;
  opacity: 1;
  object-fit: cover;
}

img.wp-post-image {
  mix-blend-mode: darken;
}

/* ukryj obrazek w kropce (zostaje tylko „dot”) */
.single-product .woocommerce-product-gallery .flex-control-thumbs img {
  content: none;
}

/* aktywna kropka */
.single-product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
  width: 20px !important;
  border-radius: 999px;
}

/* strzałki flexslider – pokaż tylko na hover */
.single-product .woocommerce-product-gallery {
  position: relative;
}

.single-product .woocommerce-product-gallery .flex-direction-nav {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

.single-product .woocommerce-product-gallery:hover .flex-direction-nav {
  opacity: 1;
  pointer-events: auto;
}

.woocommerce-product-gallery__trigger {
  display: none !important;
}

.cs-gal-prev,
.cs-gal-next {
  position: absolute;
  background: transparent;
  top: 50%;
  z-index: 1;
  width: 32px;
  height: 32px;
  border-radius: var(--b--xxl);
  border: solid 1px var(--black);
  padding: 8px;
}

.cs-gal-prev {
  left: 0;
}

.cs-gal-next {
  right: 0;
}

/* tylko 1 slajd widoczny */
.single-product .woocommerce-product-gallery__wrapper {
  display: flex !important;
  width: 100% !important;
}
.single-product .woocommerce-product-gallery__image {
  flex: 0 0 100% !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: var(--bg--fafafa);
}

.woocommerce-product-gallery__image img {
  mix-blend-mode: darken;
}

.single-product .woocommerce-product-gallery .flex-control-paging {
  display: flex;
  justify-content: center;
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
}

.single-product .woocommerce-product-gallery .flex-control-paging li {
  margin: 0 !important;
}

.single-product .woocommerce-product-gallery .flex-control-paging a {
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--black--03);
  text-indent: -9999px; /* ukryj 1..5 */
  overflow: hidden;
}

.single-product .woocommerce-product-gallery .flex-control-paging a:hover {
  background: var(--black--06);
  opacity: 1;
}

.single-product .woocommerce-product-gallery .flex-control-paging a.flex-active {
  background: var(--main--03);
  opacity: 1; /* aktywny */
}

/* PDP: schowaj przekreśloną cenę */
/* .single-product .price del {
  display: none;
} */
/* PDP: badge procent obniżki obok ceny */
.single-product .price ins {
  text-decoration: none;
}
.single-product .price {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}

.cs__buyrow .woocommerce-Price-amount {
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-24);
  line-height: var(--line-height-20);
  font-weight: var(--font-weight-400);
  text-decoration: none !important;
}

p.price del bdi {
  font-size: var(--font-size-14) !important;
  line-height: var(--line-height-14) !important;
  font-weight: var(--font-weight-300) !important;
  color: var(--black--06) !important;
}

.cs__buyrow ins {
  display: flex;
  align-items: center;
  gap: 8px;
}

.iworks-omnibus,
.iworks-omnibus bdi {
  font-size: var(--font-size-10) !important;
  line-height: var(--line-height-10) !important;
  color: var(--black--05);
  text-align: right;
  margin-top: -8px !important;
}

@media (max-width: 768px) {
  .woocommerce-message {
    justify-content: space-between;
    flex-direction: column;
  }
}

.wc-forward::after,
.woocommerce-Button--next::after {
  display: none !important;
}

/* Stylowanie facet */
.wpgb-facet ul .wpgb-button {
  border: solid 1px var(--black--03) !important;
  border-radius: var(--b--xsm) !important;
  background: transparent !important;
}

.wpgb-facet select.wpgb-select + .wpgb-select-controls svg {
  margin: 2px !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
  width: 16px !important;
  height: 16px !important;
  border: solid 1px var(--black--06) !important;
}

.wpgb-button-label,
.wpgb-checkbox-label {
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-300) !important;
}

.wpgb-facet .wpgb-button[aria-pressed="true"],
.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control {
  background-color: var(--main--02) !important;
  color: var(--white) !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control:after {
  height: 9px !important;
  width: 6px !important;
  top: -2px !important;
}

.wpgb-facet-1 .wpgb-facet-title,
.wpgb-facet-8 .wpgb-facet-title,
.wpgb-facet-9 .wpgb-facet-title {
  font-size: var(--font-size-16) !important;
  font-weight: var(--font-weight-400) !important;
  color: var(--black) !important;
}

.wpgb-facet-1 .wpgb-facet-title {
  padding-bottom: 12px !important;
}

.wpgb-facet-8 .wpgb-facet-title,
.wpgb-facet-9 .wpgb-facet-title {
  padding-bottom: 12px !important;
  margin-top: 32px !important;
}

select.wpgb-select.wpgb-combobox {
  min-height: 0px !important;
  height: 8px !important;
  padding: 14px 0 !important;
}

.wpgb-facet select.wpgb-select.wpgb-combobox option {
  height: 10px !important;
  line-height: 100% !important;
  padding: 0 !important;
}

.wpgb-select-controls {
  position: static !important;
}

.wpgb-facet .wpgb-autocomplete-facet label,
.wpgb-facet .wpgb-per-page-facet label,
.wpgb-facet .wpgb-search-facet label,
.wpgb-facet .wpgb-select-facet label,
.wpgb-facet .wpgb-sort-facet label {
  align-items: flex-end !important;
}

.wpgb-facet select.wpgb-select {
  box-sizing: border-box;
}

.wpgb-checkbox-label span {
  color: var(--black--05) !important;
}

.wpgb-facet-6 .wpgb-select,
.wpgb-facet-7 .wpgb-select {
  border-color: transparent !important;
}

.wpgb-facet-6 .wpgb-select-facet,
.wpgb-facet-7 .wpgb-select-facet,
.wpgb-facet-5 {
  border-bottom: solid 1px var(--black) !important;
  padding-bottom: 4px;
}

.wpgb-select-clear {
  display: none !important;
}

.wpgb-facet label,
.wpgb-facet select {
  margin: 0 !important;
}

.wpgb-select-placeholder {
  padding: 0 !important;
}

.wpgb-select .wpgb-select-controls .wpgb-select-separator,
.wpgb-facet select.wpgb-select + .wpgb-select-controls .wpgb-select-separator {
  display: none !important;
  width: 0 !important;
}

.wpgb-select-placeholder input[type="text"],
.wpgb-facet-5 select.wpgb-select {
  border: 0 !important;
  padding: 0 !important;
  position: static !important;
}

.wpgb-select .wpgb-select-controls button {
  padding: 0 !important;
}

.wpgb-facet {
  width: 100%;
}

.wpgb-facet fieldset {
  margin: 0 !important;
}

/* tylko elementy z dziećmi */
.wpgb-hierarchical-list li[aria-expanded] > .wpgb-checkbox {
  position: relative;
  padding-right: 28px;
  cursor: pointer;
}

/* strzałka domyślnie w dół */
.wpgb-hierarchical-list li[aria-expanded] > .wpgb-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 16px;
  height: 16px;
  transform: translateY(-50%) rotate(90deg);
  transform-origin: center;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><path d='M5 2L11 8L5 14' stroke='%239A9D9D' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

.wpgb-facet .wpgb-checkbox-facet li[aria-expanded]:after {
  background-color: transparent !important;
  background-image: none !important;
}

/* active / expanded = do góry */
.wpgb-hierarchical-list li[aria-expanded="true"] > .wpgb-checkbox::after {
  transform: translateY(-50%) rotate(-90deg);
}

.wpgb-select button svg,
svg.wpgb-select-toggle {
  fill: var(--black--05) !important;
  stroke: var(--black--05) !important;
  stroke-width: 1.5 !important;
}

/* .wpgb-facet-1 .wpgb-checkbox-facet > .wpgb-hierarchical-list > li > .wpgb-checkbox .wpgb-checkbox-control {
  display: none;
} */

/* .cs-product-filter .wpgb-facet.wpgb-loading {
  visibility: hidden;
} */

span.wpgb-checkbox-label {
  padding: 0 !important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
  margin-right: 8px !important;
}

.wpgb-facet-1 .wpgb-hierarchical-list li {
  margin: 16px 0 0 !important;
}

.cs-other-parent-cats__list {
  margin-top: 32px;
}

.cs-other-parent-cats__item {
  padding: 20px 0;
  border-bottom: solid 1px var(--black--03);
}

a.cs-other-parent-cats__link {
  font-size: var(--font-size-14);
  line-height: var(--line-height-14);
  font-weight: var(--font-weight-400);
  display: flex;
  justify-content: space-between;
}

.cs-other-parent-cats__item:hover .cs-other-parent-cats__link {
  color: var(--main--03);
  text-decoration: none;
}

.cs-other-parent-cats__item:hover .cs-other-parent-cats__icon svg path {
  stroke: var(--main--03);
}

.cs-shortdesc-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.cs-shortdesc-more {
  display: inline-block;
  margin-top: 8px;
  text-decoration: none;
}

/* =========================
   SHOP FILTERS MOBILE
   ========================= */
.cs-filters-toggle,
.cs-shop-filters-mobile {
  display: none;
}

@media (max-width: 767px) {
  .cs-shop-filters--desktop {
    display: none;
  }

  .cs-filters-toggle {
    display: inline-flex;
  }

  .cs-shop-filters-mobile.is-open {
    display: block;
  }

  .cs-shop-filters-mobile__overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
  }

  .cs-shop-filters-mobile__panel {
    position: fixed;
    top: 0;
    left: 0;
    width: min(90vw, 420px);
    height: 100dvh;
    background: var(--white);
    z-index: 9999;
    overflow-y: auto;
    /* padding: 24px 20px; */
  }

  .cs-shop-filters-mobile__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
  }

  .cs-no-scroll {
    overflow: hidden;
  }

  .cs-shop-filters-mobile__sidebar {
    margin-top: 32px;
  }

  .cs-product-filter.cs-product-filter--mobile {
    display: contents;
  }

  .cs-product-filter {
    display: none;
  }

  .cs-product-filter .wpgb-facet {
    margin: 24px 0;
  }

  .cs-shop-filters-mobile__top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 16px 12px 16px 16px;
    height: 65px;
    border-bottom: 1px solid var(--black--03);
  }

  .cs-shop-filters-mobile__close {
    padding: 0;
    background: transparent;
    border: 0;
  }

  .cs-shop-filters-mobile__title {
    display: none;
  }

  .cs-shop-filters-mobile__body {
    padding: 0 16px;
  }
}