/* ==========================================================
   BeOrganic.sk - typography and spacing unification v3
   Safe add-on. Load as the last CSS file.
   ========================================================== */

:root {
  --bo-type-body: var(--bo-font-body, "Montserrat", Arial, sans-serif);
  --bo-type-heading: var(--bo-font-body, "Montserrat", Arial, sans-serif);
  --bo-color-text: #34312d;
  --bo-color-muted: #68645d;
  --bo-color-soft: #f3f0eb;
  --bo-color-accent: #64775d;
  --bo-h1-size: 38px;
  --bo-h2-size: 34px;
  --bo-h3-size: 22px;
  --bo-subtitle-size: 17px;
  --bo-body-size: 15px;
  --bo-small-size: 13.5px;
  --bo-product-title-size: 14px;
  --bo-product-desc-size: 13px;
  --bo-product-price-size: 16px;
  --bo-product-title-line-height: 1.32;
  --bo-product-desc-line-height: 1.42;
  --bo-section-space-desktop: 64px;
  --bo-section-space-mobile: 38px;
}

body.bodyClass,
body.bodyClass input,
body.bodyClass button,
body.bodyClass select,
body.bodyClass textarea {
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

body.bodyClass p,
body.bodyClass li,
body.bodyClass label,
body.bodyClass td,
body.bodyClass th,
body.bodyClass .editContent {
  font-family: var(--bo-type-body) !important;
  font-size: var(--bo-body-size) !important;
  line-height: 1.62 !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

body.bodyClass h1,
body.bodyClass h2,
body.bodyClass h3,
body.bodyClass .pageTitle,
body.bodyClass .bo-super-h2,
body.bodyClass .bo-why-clean-h2,
body.bodyClass .bo-guide-h2,
body.bodyClass .bo-blog-title,
body.bodyClass .bo-review-title,
body.bodyClass .bo-customers-h2,
body.bodyClass .productDetailTitle {
  font-family: var(--bo-type-heading) !important;
  color: var(--bo-color-text) !important;
  font-weight: 600 !important;
  line-height: 1.16 !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

body.bodyClass h1,
body.bodyClass .productDetailTitle {
  font-size: var(--bo-h1-size) !important;
}

body.bodyClass h2,
body.bodyClass .pageTitle,
body.bodyClass .bo-super-h2,
body.bodyClass .bo-why-clean-h2,
body.bodyClass .bo-guide-h2,
body.bodyClass .bo-blog-title,
body.bodyClass .bo-review-title,
body.bodyClass .bo-customers-h2 {
  font-size: var(--bo-h2-size) !important;
}

body.bodyClass h3,
body.bodyClass .bo-why-clean-h3 {
  font-family: var(--bo-type-body) !important;
  font-size: var(--bo-h3-size) !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
  letter-spacing: 0 !important;
}

body.bodyClass h1 > span,
body.bodyClass h2 > span,
body.bodyClass h3 > span,
body.bodyClass .pageTitle > span,
body.bodyClass .bo-super-h2 > span,
body.bodyClass .bo-why-clean-h2 > span,
body.bodyClass .bo-guide-h2 > span,
body.bodyClass .bo-blog-title > span,
body.bodyClass .bo-customers-h2 > span {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  font-weight: inherit !important;
  letter-spacing: 0 !important;
}

body.bodyClass .bo-super-sub,
body.bodyClass .bo-why-clean-sub,
body.bodyClass .bo-blog-subtitle,
body.bodyClass .bo-customers-sub,
body.bodyClass .pageTitleSub,
body.bodyClass .productDetailDescriptionShort,
body.bodyClass .p-desc,
body.bodyClass .bo-super-wrap > p {
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-muted) !important;
  font-size: var(--bo-subtitle-size) !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
}

/* Homepage spacing */
#page_home_out .bo-super-section,
#page_home_out .bo-why-clean-section,
#page_home_out .bo-guide-section,
#page_home_out .bo-blog-section,
#page_home_out .bo-review-section,
#page_home_out .bo-customers-section {
  padding-top: var(--bo-section-space-desktop) !important;
  padding-bottom: var(--bo-section-space-desktop) !important;
}

#page_home_out .bo-super-h2,
#page_home_out .bo-why-clean-h2,
#page_home_out .bo-guide-h2,
#page_home_out .bo-blog-title,
#page_home_out .bo-customers-h2 {
  margin: 0 0 12px !important;
  text-align: center !important;
}

#page_home_out .bo-super-sub,
#page_home_out .bo-why-clean-sub,
#page_home_out .bo-blog-subtitle,
#page_home_out .bo-customers-sub {
  max-width: 680px !important;
  margin: 0 auto 34px !important;
  text-align: center !important;
}

#page_home_out .bo-super-list,
#page_home_out .bo-why-clean-grid,
#page_home_out .bo-blog-list,
#page_home_out .bo-customers-grid {
  margin-top: 0 !important;
}

/* Category and product listing */
#page_product .pageBodyCenter,
#page_product .productPageForm {
  margin-top: 0 !important;
}

#page_product #pageCategoryEditContent {
  max-width: 980px !important;
  margin: 0 auto 28px !important;
  padding: 0 20px !important;
  text-align: center !important;
  box-sizing: border-box !important;
}

#page_product #pageCategoryEditContent h1 {
  margin: 0 !important;
  text-align: center !important;
}

#page_product .products-view-tools {
  margin-bottom: 28px !important;
  font-family: var(--bo-type-body) !important;
}

#eshopCategory a,
.categoryPanel a,
#categoryPanel a,
#page_product .c-categories-link,
#page_product .categoryFilters,
#page_product .sorting-navigator {
  font-family: var(--bo-type-body) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

#page_product .categoryFilters label,
#page_product .categoryFilterName,
#page_product .ctg-title,
#page_product .c-title,
#page_product .s-title,
#page_product .sorting-navigator,
#page_product .sorting-navigator select,
#page_product .price-slider {
  font-family: var(--bo-type-body) !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

#page_product .categoryFilterName,
#page_product .ctg-title,
#page_product .c-title,
#page_product .s-title {
  font-weight: 700 !important;
}

#page_product .c-product,
#page_home_out .c-product,
.productAssociatedView .accessoriesProduct,
.productAccessories .accessoriesProduct {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

#page_product .c-product .p-subtitle,
#page_home_out .c-product .p-subtitle,
.productAssociatedView .accessoriesProduct .subtitle,
.productAccessories .accessoriesProduct .subtitle {
  display: -webkit-box !important;
  min-height: 2.64em !important;
  max-height: 2.64em !important;
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  font-size: var(--bo-product-title-size) !important;
  font-weight: 700 !important;
  line-height: var(--bo-product-title-line-height) !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  text-transform: none !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: left !important;
  text-wrap: balance !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

#page_product .c-product .p-subtitle *,
#page_home_out .c-product .p-subtitle *,
.productAssociatedView .accessoriesProduct .subtitle *,
.productAccessories .accessoriesProduct .subtitle * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

#page_home_out .bo-super-name {
  display: -webkit-box !important;
  min-height: 2.64em !important;
  max-height: 2.64em !important;
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  font-size: var(--bo-product-title-size) !important;
  font-weight: 700 !important;
  line-height: var(--bo-product-title-line-height) !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  text-transform: none !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: left !important;
  text-wrap: balance !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

#page_home_out .bo-super-name *,
#page_home_out .bo-super-name br {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
}

#page_product .c-product .p-desc,
#page_home_out .c-product .p-desc {
  display: -webkit-box !important;
  min-height: 2.84em !important;
  max-height: 2.84em !important;
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-muted) !important;
  font-size: var(--bo-product-desc-size) !important;
  font-weight: 400 !important;
  line-height: var(--bo-product-desc-line-height) !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-align: left !important;
  word-break: normal !important;
  overflow-wrap: anywhere !important;
  hyphens: auto !important;
}

#page_product .c-product .p-price,
#page_home_out .c-product .p-price,
.productAssociatedView .accessoriesProduct .price,
.productAccessories .accessoriesProduct .price,
#page_home_out .bo-super-price {
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  font-size: var(--bo-product-price-size) !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  font-stretch: normal !important;
  margin-top: auto !important;
  text-align: left !important;
}

#page_product .c-product .p-availability,
#page_home_out .c-product .p-availability,
#page_product .c-product .p-tags,
#page_home_out .c-product .p-tags,
.productAssociatedView .accessoriesProduct .linkTxt {
  font-family: var(--bo-type-body) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}

#page_product .c-product .p-tags,
#page_home_out .c-product .p-tags {
  min-height: 18px !important;
}

#page_product .c-product .p-availability,
#page_home_out .c-product .p-availability {
  min-height: 18px !important;
}

/* Product detail: top area */
body#page_product_detail_out .divProductCategoryPath {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#page_product_detail .productDetailTop {
  max-width: 1180px !important;
  margin: 0 auto 26px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#page_product_detail .productDetailTitle {
  max-width: 840px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

#page_product_detail .productDetailCenter {
  margin-top: 0 !important;
}

#page_product_detail #divProductDetailInformation,
#page_product_detail .divProductDetailInformation,
#page_product_detail .divProductDetailParameters,
#page_product_detail .divProductDetailAttributes,
#page_product_detail .divProductParameter,
#page_product_detail .loyalty-info,
#page_product_detail .card-components {
  font-family: var(--bo-type-body) !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: var(--bo-color-text) !important;
}

#page_product_detail .productDetailDescriptionShort,
#page_product_detail .productDetailDescriptionShort * {
  font-family: var(--bo-type-body) !important;
  font-size: 14.5px !important;
  line-height: 1.6 !important;
  color: var(--bo-color-muted) !important;
  letter-spacing: 0 !important;
}

#page_product_detail .attr-title,
#page_product_detail .divProductParameterTxt,
#page_product_detail .loyalty-info-text {
  font-family: var(--bo-type-body) !important;
  font-size: 13.5px !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
}

#page_product_detail #block_product_price,
#page_product_detail #block_product_price_vat,
#page_product_detail .productDetailPriceVatValue {
  font-family: var(--bo-type-body) !important;
  letter-spacing: 0 !important;
}

#page_product_detail .productDetailPriceVatValue,
#page_product_detail #span_productPriceVAT {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
}

/* Product detail: tabs and long content */
#page_product_detail .divProductDetailLongText {
  max-width: 1120px !important;
  margin: 52px auto 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#page_product_detail .tabberNav {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0 !important;
  margin: 0 0 28px !important;
  border-bottom: 1px solid rgba(71, 64, 55, 0.13) !important;
}

#page_product_detail .tabberNav a {
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0 !important;
  padding: 14px 22px !important;
  text-decoration: none !important;
}

#page_product_detail .productTabberContent {
  max-width: 920px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-text) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
}

#page_product_detail .productTabberContent *,
#page_product_detail .productTabberContent [class*="SCXW"],
#page_product_detail .productTabberContent [class*="TextRun"],
#page_product_detail .productTabberContent [class*="NormalTextRun"] {
  font-family: var(--bo-type-body) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}

#page_product_detail .productTabberContent p {
  margin: 0 0 18px !important;
  color: var(--bo-color-text) !important;
  font-size: 15px !important;
  line-height: 1.72 !important;
}

#page_product_detail .productTabberContent strong,
#page_product_detail .productTabberContent b {
  font-family: var(--bo-type-body) !important;
  color: var(--bo-color-accent) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1.72 !important;
  letter-spacing: 0 !important;
}

#page_product_detail .productTabberContent h2,
#page_product_detail .productTabberContent h3,
#page_product_detail .productTabberContent h4 {
  font-family: var(--bo-type-heading) !important;
  color: var(--bo-color-text) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  margin: 30px 0 12px !important;
  letter-spacing: 0 !important;
}

#page_product_detail .productTabberContent h2 {
  font-size: 26px !important;
}

#page_product_detail .productTabberContent h3,
#page_product_detail .productTabberContent h4 {
  font-size: 21px !important;
}

#page_product_detail .productTabberContent a {
  color: var(--bo-color-accent) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

#page_product_detail .productAssociated {
  max-width: 1180px !important;
  margin: 58px auto 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
}

#page_product_detail .productAssociated .pageTitle {
  margin: 0 0 28px !important;
  text-align: center !important;
}

@media (max-width: 900px) {
  :root {
    --bo-h1-size: 29px;
    --bo-h2-size: 27px;
    --bo-h3-size: 18px;
    --bo-subtitle-size: 14.5px;
    --bo-body-size: 14px;
    --bo-small-size: 12.5px;
    --bo-product-title-size: 13px;
    --bo-product-desc-size: 12.5px;
    --bo-product-price-size: 15.5px;
  }

  body.bodyClass p,
  body.bodyClass li,
  body.bodyClass label,
  body.bodyClass td,
  body.bodyClass th,
  body.bodyClass .editContent {
    line-height: 1.58 !important;
  }

  #page_home_out .bo-super-section,
  #page_home_out .bo-why-clean-section,
  #page_home_out .bo-guide-section,
  #page_home_out .bo-blog-section,
  #page_home_out .bo-review-section,
  #page_home_out .bo-customers-section {
    padding-top: var(--bo-section-space-mobile) !important;
    padding-bottom: var(--bo-section-space-mobile) !important;
  }

  #page_home_out .bo-super-sub,
  #page_home_out .bo-why-clean-sub,
  #page_home_out .bo-blog-subtitle,
  #page_home_out .bo-customers-sub {
    margin-bottom: 22px !important;
  }

  #page_product #pageCategoryEditContent {
    margin-bottom: 20px !important;
    padding: 0 16px !important;
  }

  #page_product .products-view-tools {
    margin-bottom: 20px !important;
  }

  #page_product_detail .productDetailTop {
    margin-bottom: 18px !important;
    padding: 0 16px !important;
  }

  #page_product_detail .productDetailTitle {
    text-align: center !important;
  }

  #page_product_detail .divProductDetailLongText {
    margin-top: 34px !important;
    padding: 0 16px !important;
  }

  #page_product_detail .tabberNav {
    margin-bottom: 22px !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
    -webkit-overflow-scrolling: touch !important;
  }

  #page_product_detail .tabberNav a {
    flex: 0 0 auto !important;
    font-size: 13.5px !important;
    padding: 13px 16px !important;
    white-space: nowrap !important;
  }

  #page_product_detail .productTabberContent,
  #page_product_detail .productTabberContent *,
  #page_product_detail .productTabberContent p,
  #page_product_detail .productTabberContent strong,
  #page_product_detail .productTabberContent b {
    font-size: 14px !important;
    line-height: 1.68 !important;
  }

  #page_product_detail .productTabberContent h2 {
    font-size: 23px !important;
  }

  #page_product_detail .productTabberContent h3,
  #page_product_detail .productTabberContent h4 {
    font-size: 19px !important;
  }

  #page_product_detail .productAssociated {
    margin-top: 38px !important;
    padding: 0 16px !important;
  }
}
