@import url("https://use.typekit.net/flx4vto.css");
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap");

.ibm-plex-sans {
  font-family: "IBM Plex Sans", sans-serif;
}

body#root {
  font-family: "ivyepic-variable";
  margin: 0;
  background-color: #f5f7f8;
}

#root h1,
#root h2,
#root h3,
#root h4,
#root h5,
#root h6,
#root .ivyepic p,
#root .ivyepic a {
  font-family: "ivyepic-variable", sans-serif;
}

#root p,
#root span,
#root a,
#root .ivyepic,
#root button {
  font-family: "ivyepic-variable";
  font-weight: 300;
  margin: 0;
}

html {
  font-size: 10px;
}

#root .kontener {
  max-width: 1600px;
  padding-left: 8rem;
  padding-right: 8rem;
}

#root .rozmiar76 h1,
#root .rozmiar76 h2,
#root .rozmiar76 h3,
#root .rozmiar76 h4,
#root .rozmiar76 h5,
#root .rozmiar76 h6,
#root .rozmiar76 p,
#root .rozmiar76 a,
#root .rozmiar76 span {
  font-size: 7.6rem;
  line-height: 1.2;
}

#root .rozmiar56 h1,
#root .rozmiar56 h2,
#root .rozmiar56 h3,
#root .rozmiar56 h4,
#root .rozmiar56 h5,
#root .rozmiar56 h6,
#root .rozmiar56 p,
#root .rozmiar56 a,
#root .rozmiar56 span {
  font-size: 5.6rem;
  line-height: 1.2;
}

#root .rozmiar48 h1,
#root .rozmiar48 h2,
#root .rozmiar48 h3,
#root .rozmiar48 h4,
#root .rozmiar48 h5,
#root .rozmiar48 h6,
#root .rozmiar48 p,
#root .rozmiar48 a,
#root .rozmiar48 span,
#root .rozmiar48 {
  font-size: 4.8rem;
  line-height: 1.2;
}

#root .rozmiar42 h1,
#root .rozmiar42 h2,
#root .rozmiar42 h3,
#root .rozmiar42 h4,
#root .rozmiar42 h5,
#root .rozmiar42 h6,
#root .rozmiar42 p,
#root .rozmiar42 a,
#root .rozmiar42 span {
  font-size: 4.2rem;
  line-height: 1.2;
}

#root .rozmiar32 h1,
#root .rozmiar32 h2,
#root .rozmiar32 h3,
#root .rozmiar32 h4,
#root .rozmiar32 h5,
#root .rozmiar32 h6,
#root .rozmiar32 p,
#root .rozmiar32 a,
#root .rozmiar32 span,
#root .rozmiar32 {
  font-size: 3.2rem;
  line-height: 1.2;
}

#root .rozmiar24 h1,
#root .rozmiar24 h2,
#root .rozmiar24 h3,
#root .rozmiar24 h4,
#root .rozmiar24 h5,
#root .rozmiar24 h6,
#root .rozmiar24 p,
#root .rozmiar24 a,
#root .rozmiar24 span,
#root .rozmiar24 {
  font-size: 2.4rem;
  line-height: 1.2;
}

#root .rozmiar20 h1,
#root .rozmiar20 h2,
#root .rozmiar20 h3,
#root .rozmiar20 h4,
#root .rozmiar20 h5,
#root .rozmiar20 h6,
#root .rozmiar20 p,
#root .rozmiar20 a,
#root .rozmiar20 span,
#root .rozmiar20 {
  font-size: 2rem;
  line-height: 1.5;
}

#root .rozmiar18 h1,
#root .rozmiar18 h2,
#root .rozmiar18 h3,
#root .rozmiar18 h4,
#root .rozmiar18 h5,
#root .rozmiar18 h6,
#root .rozmiar18 p,
#root .rozmiar18 a,
#root .rozmiar18 span {
  font-size: 1.8rem;
  line-height: 1.2;
}

#root .rozmiar16 h1,
#root .rozmiar16 h2,
#root .rozmiar16 h3,
#root .rozmiar16 h4,
#root .rozmiar16 h5,
#root .rozmiar16 h6,
#root .rozmiar16 p,
#root .rozmiar16 a,
#root .rozmiar16 span,
#root .rozmiar16 {
  font-size: 1.6rem;
  line-height: 1.5;
}
#root .rozmiar14 h1,
#root .rozmiar14 h2,
#root .rozmiar14 h3,
#root .rozmiar14 h4,
#root .rozmiar14 h5,
#root .rozmiar14 h6,
#root .rozmiar14 p,
#root .rozmiar14 a,
#root .rozmiar14 span,
#root .rozmiar14 {
  font-size: 1.4rem;
  line-height: 1.2;
}
#root .rozmiar12 h1,
#root .rozmiar12 h2,
#root .rozmiar12 h3,
#root .rozmiar12 h4,
#root .rozmiar12 h5,
#root .rozmiar12 h6,
#root .rozmiar12 p,
#root .rozmiar12 a,
#root .rozmiar12 span,
#root .rozmiar12 {
  font-size: 1.2rem;
  line-height: 1.5;
}
#root .rozmiar10 h1,
#root .rozmiar10 h2,
#root .rozmiar10 h3,
#root .rozmiar10 h4,
#root .rozmiar10 h5,
#root .rozmiar10 h6,
#root .rozmiar10 p,
#root .rozmiar10 a,
#root .rozmiar10 span,
#root .rozmiar10 {
  font-size: 1rem;
  line-height: 1.5;
}
#root .bold h1,
#root .bold h2,
#root .bold h3,
#root .bold h4,
#root .bold h5,
#root .bold h6,
#root .bold p,
#root .bold a,
#root .bold span,
#root .bold {
  font-weight: 800;
}

#root .semibold h1,
#root .semibold h2,
#root .semibold h3,
#root .semibold h4,
#root .semibold h5,
#root .semibold h6,
#root .semibold p,
#root .semibold a,
#root .semibold span,
#root .semibold {
  font-weight: 600;
}
#root .medium h1,
#root .medium h2,
#root .medium h3,
#root .medium h4,
#root .medium h5,
#root .medium h6,
#root .medium p,
#root .medium a,
#root .medium span,
#root .medium {
  font-weight: 500;
}
#root .normal h1,
#root .normal h2,
#root .normal h3,
#root .normal h4,
#root .normal h5,
#root .normal h6,
#root .normal p,
#root .normal a,
#root .normal span,
#root .normal {
  font-weight: 400;
}

#root .light h1,
#root .light h2,
#root .light h3,
#root .light h4,
#root .light h5,
#root .light h6,
#root .light p,
#root .light a,
#root .light span,
#root .light,
#root .light spec {
  font-weight: 300;
}

#root .uppercase h1,
#root .uppercase h2,
#root .uppercase h3,
#root .uppercase h4,
#root .uppercase h5,
#root .uppercase h6,
#root .uppercase p,
#root .uppercase a,
#root .uppercase span,
#root .uppercase {
  text-transform: uppercase;
}

#root .italic {
  font-style: italic;
}

#root .white-font h1,
#root .white-font h2,
#root .white-font h3,
#root .white-font h4,
#root .white-font h5,
#root .white-font h6,
#root .white-font p,
#root .white-font span,
#root .white-font a {
  color: white;
}

#root .dark-font h1,
#root .dark-font h2,
#root .dark-font h3,
#root .dark-font h4,
#root .dark-font h5,
#root .dark-font h6,
#root .dark-font p,
#root .dark-font span,
#root .dark-font a {
  color: #2e2a0a;
}

#root .bege-font h1,
#root .bege-font h2,
#root .bege-font h3,
#root .bege-font h4,
#root .bege-font h5,
#root .bege-font h6,
#root .bege-font p,
#root .bege-font span,
#root .bege-font a,
#root .bege-font,
#root .bege-font spec {
  color: #0d0807;
}

#root .dark-back h1,
#root .dark-back h2,
#root .dark-back h3,
#root .dark-back h4,
#root .dark-back h5,
#root .dark-back h6,
#root .dark-back p,
#root .dark-back span,
#root .dark-back a,
#root .dark-back {
  background-color: #0d0807;
}

#root .grey-back h1,
#root .grey-back h2,
#root .grey-back h3,
#root .grey-back h4,
#root .grey-back h5,
#root .grey-back h6,
#root .grey-back p,
#root .grey-back span,
#root .grey-back a,
#root .grey-back {
  background-color: #ece9e7;
}

#root .bege-back h1,
#root .bege-back h2,
#root .bege-back h3,
#root .bege-back h4,
#root .bege-back h5,
#root .bege-back h6,
#root .bege-back p,
#root .bege-back span,
#root .bege-back a,
#root .bege-back {
  background-color: #c68879;
}

#root .underline p,
#root .underline a,
#root .underline h2,
#root .underline h1 {
  text-decoration: underline;
}

#root.elementor-maintenance-mode .swiper-slide {
  transform: scale(0.7);
  filter: blur(5px);
  transition: all 0.5s;
}

#root.elementor-maintenance-mode .swiper-slide.swiper-slide-next {
  transform: scale(1);
  filter: blur(0);
  transition: all 0.5s;
}

#root .oczekiwanie form .elementor-form-fields-wrapper.elementor-labels-above {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2.4rem;
}

#root .oczekiwanie .elementor-column.elementor-col-100,
#root .oczekiwanie .elementor-column[data-col="100"] {
  width: 30%;
}

#root .oczekiwanie button span,
#root .oczekiwanie button {
  background-color: #c68879;
  border-radius: 0;
  color: black;
  text-transform: uppercase;
  font-family: "ivyepic-variable";
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 1px;
}

#root .oczekiwanie label.elementor-field-label {
  color: white;
  font-size: 14px;
  text-transform: lowercase;
  font-weight: 300;
  padding-bottom: 1rem;
}

#root .oczekiwanie .elementor-field-type-text {
  order: 1;
}

#root .oczekiwanie .elementor-field-type-email {
  order: 2;
}

#root .oczekiwanie .e-form__buttons {
  order: 3;
  width: fit-content !important;
}

#root .oczekiwanie .elementor-field-type-acceptance {
  order: 4;
  width: 100%;
}

.elementor-13
  .elementor-element.elementor-element-14261ff
  .elementor-field-group:not(.elementor-field-type-upload)
  .elementor-field:not(.elementor-select-wrapper) {
  background-color: transparent !important;
  border-radius: 0;
  color: #f5f7f8;
}

.elementor-field-type-acceptance.elementor-field-group.elementor-column.elementor-field-group-field_3f4c610.elementor-col-100 {
  width: fit-content !important;
  color: #f5f7f8;
  font-size: 12px;
  font-family: "ivyepic-variable";
}

span.strzalka {
  padding-left: 1rem;
  padding-right: 1rem;
}

#root input[type="checkbox"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  top: -1px;
  left: -1px;
  background-color: #0d0807;
}

#root
  .elementor-13
  .elementor-element.elementor-element-14261ff
  .elementor-field-group {
  margin-bottom: 0;
}

.elementor-message {
  color: white;
  font-size: 1.2rem;
  font-family: "ivyepic-variable";
  padding-top: 1rem;
  font-weight: 200;
}

span.elementor-field-option {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

input#form-field-field_3f4c610 {
  accent-color: #c68879;
  display: flex;
  flex-direction: column;
}

.elementor-maintenance-mode footer.site-footer.black-background,
.elementor-maintenance-mode header.site-header {
  display: none;
}

#root.page-template-homepage-php .custom-carousel {
  padding: 0;
  position: relative;
}

#root.page-template-homepage-php .product-carousel .product-card {
  background: #fff;
  border-radius: 0;
  overflow: hidden;
  display: flex;
  width: 100%;
  height: max-content;
  position: relative;
  flex-direction: column;
  background: #000000;
}

#root.page-template-homepage-php .product-carousel .product-card a {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
}

#root.page-template-homepage-php .product-carousel .product-card img {
  height: 700px;
  width: 542px;
  object-fit: cover;
}

#root.page-template-homepage-php .swiper-slide .product-card {
  opacity: 0;
  transition: all 0.5s;
}

#root.page-template-homepage-php
  .swiper-slide.swiper-slide-active
  .product-card,
#root.page-template-homepage-php .swiper-slide.swiper-slide-next .product-card {
  opacity: 1;
}

#root .cta-button {
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  width: max-content;
  font-weight: 500;
  padding: 20px 20px 19px 20px;
	font-family: "IBM Plex Sans", sans-serif;
	letter-spacing: .5px;
}

#root.page-template-homepage-php .product-card .product-details {
  padding-top: 1rem;
	padding-left: 4px;
}

#root.page-template-homepage-php .product-card .product-details h3, #root.page-template-homepage-php .product-card .product-details span {
    font-family: "IBM Plex Sans", sans-serif;
}

#root.page-template-homepage-php .swiper-wrapper {
  max-width: 1100px;
}

#root.page-template-homepage-php .popular {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  right: 0;
  background: #000000;
  letter-spacing: 3px;
  padding: 2.4rem 1.8rem 2rem 2rem;
  width: fit-content;
  place-self: anchor-center;
}

#root.page-template-homepage-php .swiper-button-next {
  color: #fff !important;
  background: transparent;
  width: 26px;
  height: 22px;
  border-radius: 0;
  transition: all 0.3s;
  position: absolute;
  place-items: anchor-center;
  content: url(https://collectiveq.pl/wp-content/uploads/2025/04/arrow.png);
  padding: 8px;
  border: 1px solid black;
}

#root.page-template-homepage-php .swiper-button-prev {
  color: #fff !important;
  background: transparent;
  width: 26px;
  height: 22px;
  border-radius: 0;
  transition: all 0.3s;
  position: absolute;
  place-items: anchor-center;
  content: url(https://collectiveq.pl/wp-content/uploads/2025/04/arrow.png);
  padding: 8px;
  border: 1px solid #0d0807;
  transform: rotate(180deg);
}

#root.page-template-homepage-php .swiper-button-prev:hover,
#root.page-template-homepage-php .swiper-button-next:hover {
  transition: all 0.5s;
  background: white;
}

#root ::selection {
  background: #cc9999;
  color: white;
  font-style: italic;
  font-family: "ivyepic-variable";
  font-weight: 200;
}

.about .specrow {
  display: flex;
  gap: 3.2rem;
}

#root .about spec {
  text-transform: lowercase;
}

#root button {
  cursor: pointer;
}

#root .specrow {
  margin: auto 10%;
  width: 80%;
}

.woocommerce-accordion {
  border: 1px solid #ddd;
  margin-top: 20px;
}

.accordion-item {
  border-bottom: 1px solid #ddd;
}

.accordion-header {
  background-color: #f7f7f7;
  border: none;
  padding: 10px;
  width: 100%;
  text-align: left;
  font-size: 16px;
  cursor: pointer;
}

.accordion-header:hover {
  background-color: #eaeaea;
}

.accordion-content {
  display: none; /* Ukryj treść domyślnie */
  padding: 10px;
  background-color: #fff;
}

.accordion-content.active {
  display: block; /* Wyświetl treść aktywnego akordeonu */
}

@media (max-width: 1380px) {
  #root .specrow {
    margin: auto 5%;
    width: 90%;
  }

  html {
    font-size: 8px;
  }

  #root.page-template-homepage-php .swiper-wrapper {
    max-width: 900px;
  }

  #root.page-template-homepage-php .product-carousel .product-card img {
    height: 600px;
    width: 442px;
  }

  .most-popular-categories .popular-product-categories {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    max-width: 1200px;
    gap: 3.2rem;
  }

  .most-popular-categories .category-item img {
    height: 250px;
  }

  .category-item {
    height: 250px;
  }
}

@media (max-width: 1000px) {
  #root .kontener {
    max-width: 1600px;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  #root .oczekiwanie .elementor-column.elementor-col-100,
  #root .oczekiwanie .elementor-column[data-col="100"] {
    width: 100%;
  }

  #root.elementor-maintenance-mode .swiper-slide,
  #root .swiper-slide.swiper-slide-next {
    transform: scale(0.7);
    filter: blur(5px);
    transition: all 0.5s;
  }

  #root.elementor-maintenance-mode .swiper-slide.swiper-slide-active {
    transform: scale(1);
    filter: blur(0);
    transition: all 0.5s;
  }
}