#content {
  overflow-x: hidden;
}

body {
  overflow-x: hidden;
}

html {
  overflow-x: hidden;
}

.cs-home-products__chips,
.cs-blog__cats {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE / old Edge */
}

.cs-home-products__chips::-webkit-scrollbar,
.cs-blog__cats::-webkit-scrollbar {
  display: none;
}

.site-content,
.cs-related,
.cs-slider-product {
  padding-top: 64px;
  padding-bottom: 128px;
}

.cs-home-cats,
.cs-cta__wrapper {
  padding-top: 124px;
  padding-bottom: 64px;
}

.entry-title {
  color: var(--main--03);
  padding-bottom: 48px;
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
}

/* Badge */
.cs-badges {
  position: absolute;
  top: 16px;
  left: 16px;
  display: flex;
  gap: 6px;
}

.cs-postcard > .cs-badges,
.cs-postcard__badges,
.cs-article__badges {
  position: static;
}

.cs-badge {
  padding: 6px 10px !important;
  border-radius: var(--b--xl);
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-10) !important;
  line-height: var(--line-height-10) !important;
  font-weight: var(--font-weight-300) !important;
}

.cs-badge--bestseller {
  color: var(--additional---fioletowy) !important;
  background: var(--additional---fioletowy-light) !important;
}

.cs-badge--promo {
  color: var(--additional---zielony) !important;
  background: var(--additional---zielony-light) !important;
}

.cs-badge--new {
  color: var(--additional---pomaranczowy) !important;
  background: var(--additional---pomaranczowy-light) !important;
}

/* Paginacja */
.wpgb-pagination-facet {
  text-align: center;
  margin-top: 64px;
}

span.wpgb-dots-page {
  line-height: 16px !important;
}

.wpgb-facet .wpgb-pagination li {
  font-weight: var(--font-weight-300) !important;
  line-height: normal !important;
}

.wpgb-pagination a,
.nav-links {
  font-size: var(--font-size-13) !important;
  line-height: var(--line-height-13) !important;
  font-weight: var(--font-weight-300) !important;
  color: var(--black) !important;
  padding: 0 !important;
}

.wpgb-pagination a[aria-current="true"],
span.page-numbers.current {
  color: var(--main--03) !important;
}

a.page-numbers,
span.page-numbers.current {
  padding: 0px 8px !important;
}

.wpgb-pagination .wpgb-page-next a,
.wpgb-page-prev a,
a.next.page-numbers {
  color: var(--black--05) !important;
  padding: 0px 8px !important;
}

.wpgb-facet .wpgb-pagination li {
  height: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
}

.nav-links {
  text-align: center;
  margin-top: 64px;
}

/* Stylowanie karty */

.cs-card__title {
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-16) !important;
  line-height: var(--line-height-16) !important;
  font-weight: var(--font-weight-400) !important;
  color: var(--black) !important;
  text-decoration: none !important;
}

.cs-card__variant {
  font-family: var(--font-family-body-basic) !important;
  font-size: var(--font-size-14) !important;
  line-height: var(--line-height-14) !important;
  font-weight: var(--font-weight-300) !important;
  color: var(--black--05) !important;
  margin: 4px 0 !important;
}

.cs-card {
  position: relative;
}

.cs-card__body {
  margin-top: 16px !important;
  text-align: left;
}

.cs-card__price {
  color: var(--main--03) !important;
  font-weight: var(--font-weight-500) !important;
  text-decoration: none !important;
}

.cs-card__media {
  background: var(--bg--fafafa);
  border-radius: var(--b--xsm);
  position: relative;
}

.cs-card__media img {
  padding: 32px !important;
  margin-bottom: 24px !important;
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1;
  mix-blend-mode: darken;
}

.cs-loopbar {
  display: flex;
  gap: 12px;
  justify-content: center !important;
}

.cs-qtyselect {
  display: inline-block;
}

.cs-qtyselect:hover {
  cursor: pointer;
}

.cs-loopbar .cs-qtyselect,
.cs-qtyselect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white) !important;
  background-image: url("https://cakeshop.pokazowawitryna.pl/wp-content/uploads/arrow-down.svg") !important;
  background-repeat: no-repeat !important;
  background-position: right 16px center !important;
  background-size: 20px !important;
  padding: 8px 40px 8px 20px !important;
  border-radius: var(--b--xxl) !important;
  font-family: var(--font-family-body-basic);
  font-size: var(--font-size-14) !important;
  line-height: var(--line-height-14) !important;
  font-weight: var(--font-weight-400) !important;
  width: 84px;
  height: 54px;
}

.cs-heart,
.cs-heart:hover {
  position: absolute;
  right: 0;
  background: transparent;
  padding: 16px;
  z-index: 2;
}

.cs-frequently__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

@media (max-width: 900px) {
  .cs-frequently__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 520px) {
  .cs-frequently__grid {
    grid-template-columns: 1fr;
  }
}

.cs-frequently__title {
  font-family: var(--font-family-heading);
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  color: var(--main--03);
}

/* PDP slider */

.cs-slider-product .cs-slider__wrap {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  width: fit-content;
  max-width: 100vw;
}
.cs-slider-product .cs-slider__wrap::-webkit-scrollbar {
  display: none;
}

.cs-slider-product ul.products {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 16px;
}

.cs-slider-product ul.products > li.product {
  flex: 0 0 320px;
}

.cs-slider-product .cs-slider__steps {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  margin-top: 48px;
}
.cs-slider-product .cs-slider__step {
  height: 3px;
  border-radius: 999px;
  background: var(--black--02, #e9e9e9);
  border: 0;
  padding: 0;
}
.cs-slider-product .cs-slider__step.is-active {
  background: var(--main--03, #c2185b);
}

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

/* Trustbox */
.trustbox-placeholder {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--bg--fafafa);
  padding: 24px 12px;
  border-radius: var(--b--xsm);
  gap: 4px;
  margin-top: 32px;
}

.trustbox-placeholder-logo {
  text-align: center;
  display: flex;
  gap: 8px;
  padding-top: 16px;
}

section.error-404.not-found {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.total-discount-prices__percent,
.single-product .price ins::after {
  color: var(--white);
  font-size: var(--font-size-13);
  font-weight: var(--font-weight-300);
  background: var(--main--02);
  border-radius: 4px;
  padding: 2px 6px;
  width: 48px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
}

span.cs-out,
.cs__right.summary.entry-summary .stock {
  background: var(--main--04);
  padding: 6px 10px !important;
  color: white !important;
  font-size: var(--font-size-10) !important;
  border-radius: var(--b--xxl);
  width: fit-content;
}