/** Shopify CDN: Minification failed

Line 48:0 Unexpected "}"

**/
/* =====================================================
   RELATED PRODUCTS / COMPLEMENTARY PRODUCTS
   ===================================================== */

.related-products {
  display: block;
}

.comp-products-grid-wrapper,
.related-products-grid-wrapper {
  position: relative;
}

/* NAGŁÓWKI SEKCJI */
.related-products__heading {
  margin: 0 0 10px;
  font-family: var(--font-body-family);
  font-size: 13px;
  line-height: 18px;
  text-transform: none;
  font-style: normal;
  letter-spacing: 0;
  font-weight: 400;
}

/* Padding nagłówków: „Skompletuj look” i „Odkryj inne produkty” */
#complementaryProducts .section-header-std-padding,
#productRecommendations .section-header-std-padding {
  margin: 0 0 10px !important;
  padding-top: 0 !important;
  padding-right: 28px !important;
  padding-bottom: 0 !important;
  padding-left: 28px !important;
}

@media screen and (max-width: 749px) {
  #complementaryProducts .section-header-std-padding,
  #productRecommendations .section-header-std-padding {
    padding-right: 16px !important;
    padding-left: 16px !important;
  }
}
}

#complementaryProducts .section-header-std-padding h2,
#productRecommendations .section-header-std-padding h2 {
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  font-family: var(--font-body-family) !important;
  font-size: 13px !important;
  line-height: 18px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

/* =====================================================
   NAZWA PO LEWEJ, CENA PO PRAWEJ
   ===================================================== */

#complementaryProducts .card-product--text-section,
#productRecommendations .card-product--text-section {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "product-name product-price" !important;
  align-items: center !important;
  column-gap: 12px !important;
  position: relative !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#complementaryProducts .card-product--title,
#productRecommendations .card-product--title {
  grid-area: product-name !important;
  min-width: 0 !important;
  margin: 0 !important;
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.2s ease,
    visibility 0s linear 0s;
}

#complementaryProducts .card-product--title h3,
#productRecommendations .card-product--title h3 {
  margin: 0 !important;
  font-family: var(--font-body-family) !important;
  font-size: inherit !important;
  font-style: normal !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

#complementaryProducts .card-product--info,
#productRecommendations .card-product--info {
  display: contents !important;
  opacity: 1 !important;
  visibility: visible !important;
}

#complementaryProducts .card-product--price,
#productRecommendations .card-product--price {
  display: block !important;
  grid-area: product-price !important;
  justify-self: end !important;
  margin: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  font-family: var(--font-body-family) !important;
  text-align: right !important;
  white-space: nowrap !important;
}

/* =====================================================
   DESKTOP — NAZWA ZMIENIA SIĘ W ROZMIARY
   ===================================================== */

@media screen and (min-width: 990px) {
  #complementaryProducts .card-product--size-options,
  #productRecommendations .card-product--size-options {
    display: flex !important;
    grid-area: product-name !important;
    justify-self: start !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;

    transition:
      opacity 0.2s ease,
      visibility 0s linear 0.2s !important;
  }

  #complementaryProducts .card-product:hover .card-product--title,
  #productRecommendations .card-product:hover .card-product--title {
    opacity: 0 !important;
    visibility: hidden !important;
  }

  #complementaryProducts .card-product:hover .card-product--size-options,
  #productRecommendations .card-product:hover .card-product--size-options {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
      opacity 0.2s ease 0.04s,
      visibility 0s linear 0s !important;
  }

  /* CENA ZAWSZE ZOSTAJE WIDOCZNA */
  #complementaryProducts .card-product:hover .card-product--price,
  #productRecommendations .card-product:hover .card-product--price {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/* =====================================================
   MOBILE — CENA POD NAZWĄ
   ===================================================== */

@media screen and (max-width: 989px) {
  #complementaryProducts .card-product--text-section,
  #productRecommendations .card-product--text-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  #complementaryProducts .card-product--title,
  #productRecommendations .card-product--title,
  #complementaryProducts .card-product--price,
  #productRecommendations .card-product--price {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    text-align: left !important;
  }

  #complementaryProducts .card-product--size-options,
  #productRecommendations .card-product--size-options {
    display: none !important;
  }
}

/* =====================================================
   STRZAŁKI SLIDERA
   ===================================================== */

.related-products .slider-arrows,
.product-recommendations .slider-arrows {
  max-width: none;
}

.related-products .arrow-style-solid-inverted .slider-arrow-left,
.related-products .arrow-style-solid-inverted .slider-arrow-right {
  background: rgb(var(--color-tertiary-button-color));
  color: rgb(var(--color-tertiary-button-background));
  border: 1px solid transparent;
}

.related-products .arrow-style-outline .slider-arrow-left,
.related-products .arrow-style-outline .slider-arrow-right {
  background: none;
  border: 1px solid rgb(var(--color-tertiary-button-background));
  color: rgb(var(--color-tertiary-button-background));
}

.related-products .arrow-style-outline-inverted .slider-arrow-left,
.related-products .arrow-style-outline-inverted .slider-arrow-right {
  background: none;
  border: 1px solid rgb(var(--color-tertiary-button-color));
  color: rgb(var(--color-tertiary-button-color));
}

.product-recommendations .arrow-style-solid-inverted .slider-arrow-left,
.product-recommendations .arrow-style-solid-inverted .slider-arrow-right {
  background: rgb(var(--color-tertiary-button-color));
  color: rgb(var(--color-tertiary-button-background));
  border: 1px solid transparent;
}

.product-recommendations .arrow-style-outline .slider-arrow-left,
.product-recommendations .arrow-style-outline .slider-arrow-right {
  background: none;
  border: 1px solid rgb(var(--color-tertiary-button-background));
  color: rgb(var(--color-tertiary-button-background));
}

.product-recommendations .arrow-style-outline-inverted .slider-arrow-left,
.product-recommendations .arrow-style-outline-inverted .slider-arrow-right {
  background: none;
  border: 1px solid rgb(var(--color-tertiary-button-color));
  color: rgb(var(--color-tertiary-button-color));
}
/* STRZAŁKI BEZ BIAŁYCH KÓŁEK */
#complementaryProducts .slider-arrow-left,
#complementaryProducts .slider-arrow-right,
#productRecommendations .slider-arrow-left,
#productRecommendations .slider-arrow-right {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 6px !important;

  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;

  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#complementaryProducts .slider-arrow-left::before,
#complementaryProducts .slider-arrow-left::after,
#complementaryProducts .slider-arrow-right::before,
#complementaryProducts .slider-arrow-right::after,
#productRecommendations .slider-arrow-left::before,
#productRecommendations .slider-arrow-left::after,
#productRecommendations .slider-arrow-right::before,
#productRecommendations .slider-arrow-right::after {
  box-shadow: none !important;
  background: transparent !important;
}
/* Polecane produkty — bez rozmiarów i bez Quick Add */
#productRecommendations .card-product--size-options,
#complementaryProducts .card-product--size-options,
#productRecommendations .card-product--quick-add,
#complementaryProducts .card-product--quick-add {
  display: none !important;
}

/* Nazwa i cena pozostają zawsze widoczne */
#productRecommendations .card-product--title,
#complementaryProducts .card-product--title,
#productRecommendations .card-product--price,
#complementaryProducts .card-product--price {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}
/* Polecane produkty — nazwa i cena zawsze widoczne */
#productRecommendations .card-product--title,
#productRecommendations .card-product--title h3,
#complementaryProducts .card-product--title,
#complementaryProducts .card-product--title h3,
#productRecommendations .card-product:hover .card-product--title,
#productRecommendations .card-product:hover .card-product--title h3,
#complementaryProducts .card-product:hover .card-product--title,
#complementaryProducts .card-product:hover .card-product--title h3 {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}

/* Rozmiary nigdy się nie pokazują */
#productRecommendations .card-product--size-options,
#complementaryProducts .card-product--size-options {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}