.type-page #content-wrapper {
  overflow: hidden;
  padding-left: 12px;
  padding-right: 12px;
}

.type-page #content-wrapper aside {
  display: none;
}

.type-page #content-wrapper .content-inner {
  margin: 0 auto;
}

@media screen and (min-width: 1200px) {
  .type-page #content-wrapper .content-inner {
    max-width: unset;
  }
}

@media screen and (min-width: 480px) {
  .type-page #content-wrapper {
    padding-left: 28px;
    padding-right: 28px;
  }
}

.in-o-nas #content-wrapper article header,
.in-kontakty #content-wrapper article header,
.in-velkoobchodni-odberatele #content-wrapper article header,
.in-betuldiol #content-wrapper article header,
.in-uber-uns #content-wrapper article header {
  display: none;
}

.in-o-nas #content-wrapper article hr,
.in-kontakty #content-wrapper article hr,
.in-velkoobchodni-odberatele #content-wrapper article hr,
.in-betuldiol #content-wrapper article hr,
.in-uber-uns #content-wrapper article hr {
  width: 100%;
  margin: 20px auto;
  color: #000000;
}

/******* About us page *******/
.in-o-nas #content-wrapper #content,
.in-uber-uns #content-wrapper #content {
  margin-top: 25px;
  margin-bottom: 110px;
}

@media screen and (min-width: 768px) {
  .in-o-nas #content-wrapper #content,
  .in-uber-uns #content-wrapper #content {
    margin-top: 40px;
    margin-bottom: 160px;
    padding-left: 0;
    padding-right: 0;
  }
}

.in-o-nas #content-wrapper article > div > p,
.in-uber-uns #content-wrapper article > div > p {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.about-wrapper {
  padding: 30px 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.about-wrapper h2 {
  margin: 0 0 16px 0;
  font-style: normal;
  font-weight: 300;
  font-size: 28px;
  line-height: 34px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #000000;
}

.about-wrapper h4 {
  margin: 0;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1em;
  text-align: left;
  color: #000000;
}

.about-wrapper p {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 480px) {
  .about-wrapper p {
    font-size: 12px;
    line-height: 19px;
  }
  .about-wrapper h4.about-desc {
    margin: 10px 0 19px 0;
    font-size: 24px;
    line-height: 32px;
  }
}

@media screen and (min-width: 768px) {
  .about-wrapper {
    padding: 40px 0;
  }
  .about-wrapper h2 {
    margin: 40px 0 20px 0;
    font-size: 40px;
    line-height: 49px;
  }
  .about-wrapper h4 {
    margin: 10px 0 19px 0;
    font-size: 24px;
    line-height: 32px;
  }
}

.about-float-left {
  max-width: 100%;
  text-align: start;
  margin-right: auto;
}

@media screen and (min-width: 992px) {
  .about-float-left {
    max-width: 50%;
  }
}

.about-float-left.about-desc {
  max-width: 100%;
  margin-bottom: 33px;
}

@media screen and (min-width: 992px) {
  .about-float-left.about-desc {
    max-width: 60%;
  }
}

.about-float-right {
  max-width: 100%;
  text-align: start;
  padding: 20px 0;
}

@media screen and (min-width: 992px) {
  .about-float-right {
    max-width: 50%;
    margin-left: auto;
  }
}

.about-two-column {
  display: flex;
  align-items: center;
  flex-wrap: wrap-reverse;
  gap: 18px;
  margin: 0;
}

.about-two-column .two-column-left {
  flex: 1 1 100%;
  justify-content: center;
}

.about-two-column .two-column-right {
  flex: 1 1 100%;
  text-align: center;
}

.about-two-column .two-column-right.about-model-image {
  display: flex;
  justify-content: center;
}

.about-two-column a {
  font-weight: 700;
  text-decoration: underline;
}

@media screen and (min-width: 992px) {
  .about-two-column {
    flex-wrap: nowrap;
    margin: 46px 0;
    gap: 80px;
  }
  .about-two-column .two-column-left {
    flex: 1 1 50%;
    justify-content: flex-start;
  }
  .about-two-column .two-column-right.about-model-image {
    justify-content: flex-start;
  }
  .about-two-column .two-column-right {
    flex: 1 1 50%;
    text-align: left;
  }
}

.in-o-nas .product-benefits,
.in-velkoobchodni-odberatele .product-benefits,
.in-uber-uns .product-benefits {
  display: flex;
  flex-wrap: nowrap;
  gap: 13px;
}

@media screen and (min-width: 568px) {
  .in-o-nas .product-benefits,
  .in-velkoobchodni-odberatele .product-benefits,
  .in-uber-uns .product-benefits {
    padding: 0 10%;
  }
}

@media screen and (min-width: 768px) {
  .in-o-nas .product-benefits,
  .in-velkoobchodni-odberatele .product-benefits,
  .in-uber-uns .product-benefits {
    padding: 0 16%;
  }
}

@media screen and (min-width: 992px) {
  .in-o-nas .product-benefits,
  .in-velkoobchodni-odberatele .product-benefits,
  .in-uber-uns .product-benefits {
    padding: 0;
  }
}

@media screen and (min-width: 1200px) {
  .in-o-nas .product-benefits,
  .in-velkoobchodni-odberatele .product-benefits,
  .in-uber-uns .product-benefits {
    padding-right: 50px;
  }
}

.in-o-nas .product-benefit-img,
.in-velkoobchodni-odberatele .product-benefit-img,
.in-uber-uns .product-benefit-img {
  flex: 1 1 calc(100% / 3);
}

.in-o-nas .product-benefit-img img,
.in-velkoobchodni-odberatele .product-benefit-img img,
.in-uber-uns .product-benefit-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.about-us-quote {
  font-style: italic;
  font-weight: 300;
  font-size: 20px;
  line-height: 31px;
  letter-spacing: 0.1em;
  color: #000000;
  margin: 43px 0 43px 25px;
}

.about-us-quote::before {
  content: url(/user/documents/assets/img/icon/quotes.png);
  display: inline-block;
  margin-right: 11px;
  margin-left: -25px;
}

@media screen and (min-width: 768px) {
  .about-us-quote {
    margin: 60px 0 60px 44px;
  }
  .about-us-quote::before {
    margin-right: 27px;
    margin-left: -44px;
  }
}

.about-two-column.author-columns {
  align-items: flex-start;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.about-two-column.author-columns .two-column-left {
  display: flex;
}

@media screen and (min-width: 992px) {
  .about-two-column.author-columns {
    flex-wrap: nowrap;
  }
}

.about-us-author {
  position: relative;
  margin-bottom: 16px;
}

.about-us-author .author-signature-img {
  position: absolute;
  max-width: 80px;
  bottom: -18px;
  right: -6px;
}

@media screen and (min-width: 480px) {
  .about-us-author .author-signature-img {
    max-width: none;
    bottom: -18px;
    right: -49px;
  }
}

@media screen and (min-width: 992px) {
  .about-us-author {
    margin-bottom: 0;
  }
}

.about-us-text .about-us-text-title {
  font-size: 16px;
  line-height: 25px;
  margin-top: 32px;
}

.about-us-text > p:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  .about-us-text .about-us-text-title {
    margin-top: 55px;
  }
}

/******** Contacts page ********/
.in-kontakty #content-wrapper {
  overflow: unset;
}

.in-kontakty p {
  color: #000000;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.5em;
}

.in-kontakty h4 {
  margin: 0 0 12px 0;
  font-weight: 300;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
}

.in-kontakty h2 {
  font-weight: 300;
  font-size: 28px;
  line-height: 34px;
  text-transform: uppercase;
  color: #000000;
}

@media screen and (min-width: 500px) {
  .in-kontakty p {
    font-size: 12px;
    line-height: 19px;
  }
}

@media screen and (min-width: 620px) {
  .in-kontakty h4 {
    margin: 0 0 21px 0;
    font-size: 24px;
    line-height: 32px;
  }
}

@media screen and (min-width: 768px) {
  .in-kontakty h2 {
    font-size: 40px;
    line-height: 49px;
  }
}

.contact-items {
  display: flex;
  flex-wrap: wrap;
  padding: 22px 0 52px 0;
}

@media screen and (min-width: 860px) {
  .contact-items {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 82px 0 62px 0;
  }
}

.contact-items .contact-item {
  flex-basis: 100%;
  display: flex;
  justify-content: center;
  padding: 24px 0;
  border-bottom: 1px solid #000000;
}

.contact-items .contact-item .contact-item-wrapper {
  text-align: center;
  width: 100%;
}

.contact-items .contact-item .contact-item-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.contact-items .contact-item .contact-item-text {
  display: flex;
  justify-content: center;
  margin-bottom: 4px;
  width: 100%;
}

.contact-items .contact-item .contact-item-text p {
  margin-bottom: 0;
  margin-left: 8px;
}

@media screen and (min-width: 620px) {
  .contact-items .contact-item {
    flex-basis: 50%;
    padding: 54px 0;
    border-bottom: none;
  }
  .contact-items .contact-item:nth-child(2n + 1) {
    border-right: 1px solid #000000;
  }
  .contact-items .contact-item:nth-child(3), .contact-items .contact-item:nth-child(4) {
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
  }
}

@media screen and (min-width: 992px) {
  .contact-items .contact-item {
    flex-basis: 29%;
  }
  .contact-items .contact-item .contact-item-wrapper {
    text-align: center;
  }
  .contact-items .contact-item .contact-item-content {
    display: block;
  }
  .contact-items .contact-item:nth-child(2n + 1), .contact-items .contact-item:nth-child(3), .contact-items .contact-item:nth-child(4) {
    border-right: none;
    border-top: none;
    border-bottom: none;
  }
  .contact-items .contact-item:nth-child(3n+1) {
    justify-content: flex-start;
  }
  .contact-items .contact-item:nth-child(3n+2) {
    flex-basis: 42%;
    justify-content: center;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
  }
  .contact-items .contact-item:nth-child(3n) {
    justify-content: flex-end;
  }
  .contact-items .contact-item:nth-child(1), .contact-items .contact-item:nth-child(2), .contact-items .contact-item:nth-child(3) {
    border-bottom: 1px solid #000000;
  }
}

.contacts-three-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 0 36px 0;
}

.contacts-three-columns p {
  margin-bottom: 0;
}

.contacts-three-columns > div {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  margin-bottom: 22px;
}

.contacts-three-columns > div > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 175px;
}

.contacts-three-columns .contacts-logo {
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 365px) {
  .contacts-three-columns > div {
    flex-basis: 50%;
    margin-bottom: 0;
  }
  .contacts-three-columns > div > div {
    width: auto;
  }
  .contacts-three-columns .contacts-logo {
    flex-basis: 100%;
    margin-bottom: 22px;
  }
  .contacts-three-columns .contacts-logo img {
    max-width: 300px;
  }
}

@media screen and (min-width: 860px) {
  .contacts-three-columns {
    flex-wrap: nowrap;
    justify-content: space-between;
    padding: 50px 0 78px 0;
  }
  .contacts-three-columns > div {
    flex-basis: auto;
    display: block;
  }
  .contacts-three-columns .contacts-logo {
    flex-basis: auto;
    margin-bottom: 0;
  }
}

.contacts-form {
  padding-top: 36px;
  margin-bottom: 45px;
}

.contacts-form .about-float-left {
  margin: 0 0 22px 0;
}

.contacts-form .about-float-right > p {
  display: none;
}

.contacts-form #formContact .js-validated-element-wrapper {
  margin-bottom: 12px;
}

.contacts-form #formContact .js-validated-element-wrapper label {
  display: none;
}

.contacts-form #formContact .js-validated-element-wrapper input {
  width: 100%;
  border: 1px solid #000000;
  border-radius: 0;
  padding: 23px 26px;
  height: 58px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #000;
}

.contacts-form #formContact .js-validated-element-wrapper input::placeholder {
  color: #000;
}

.contacts-form #formContact .js-validated-element-wrapper textarea {
  width: 100%;
  border: 1px solid #000000;
  border-radius: 0;
  padding: 23px 26px;
  resize: none;
  height: 322px;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 11px;
  line-height: 13px;
  color: #000;
}

.contacts-form #formContact .js-validated-element-wrapper textarea::placeholder {
  color: #000;
}

.contacts-form #formContact .consents label {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #707070;
}

.contacts-form #formContact .consents label a {
  color: #707070;
  text-decoration: underline;
}

.contacts-form #formContact .submit-wrapper > input {
  display: flex;
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 500;
  border: 1px solid var(--color-primary);
  padding-left: 26px;
  width: 222px;
  height: 53px;
  transition: all .3s ease-out;
  background-color: transparent;
  color: var(--color-primary);
}

.contacts-form #formContact .submit-wrapper > input:hover {
  color: var(--color-secondary-hover);
  border-color: var(--color-secondary-hover);
  transition: all 0.3s ease-out;
}

@media screen and (min-width: 768px) {
  .contacts-form .about-float-left {
    margin: 54px 0;
  }
}

@media screen and (min-width: 992px) {
  .contacts-form {
    margin-bottom: 0;
    padding-top: 48px;
  }
  .contacts-form .about-float-left {
    max-width: 44%;
  }
  .contacts-form .about-float-right {
    max-width: 56%;
  }
  .contacts-form .consents label {
    display: none;
  }
}

.in-kontakty .contacts-image {
  display: none;
}

.in-kontakty .contacts-image img {
  height: 100%;
  width: 100%;
  max-height: 641px;
  max-width: 641px;
  object-fit: contain;
}

@media screen and (min-width: 992px) {
  .in-kontakty .contacts-image {
    display: block;
    max-width: 52%;
    margin-top: -420px;
    margin-left: -60px;
  }
}

@media screen and (min-width: 1240px) {
  .in-kontakty .contacts-image {
    margin-top: -460px;
  }
}

@media screen and (min-width: 1440px) {
  .in-kontakty .contacts-image {
    margin-top: -477px;
    margin-left: -167px;
  }
}

#footer .custom-footer p {
  color: #8A837A;
}

/******** Velkoobchod page ********/
.in-velkoobchodni-odberatele article {
  margin-bottom: 80px;
}

@media screen and (min-width: 992px) {
  .in-velkoobchodni-odberatele article {
    margin-bottom: 140px;
  }
}

@media screen and (min-width: 992px) {
  .in-velkoobchodni-odberatele .about-float-left {
    max-width: 60%;
  }
}

.about-two-column.velkoobchod-benefit {
  align-items: flex-start;
}

.about-two-column.velkoobchod-benefit .two-column-left {
  display: flex;
  margin-bottom: 30px;
}

.about-two-column.velkoobchod-benefit h5 {
  font-weight: 500;
  font-size: 14px;
  line-height: 25px;
  margin-top: 10px;
  margin-bottom: 40px;
}

.about-two-column.velkoobchod-benefit .velkoobchod-benefits {
  display: flex;
  flex-wrap: wrap;
}

.about-two-column.velkoobchod-benefit .velkoobchod-benefits > div {
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.about-two-column.velkoobchod-benefit .velkoobchod-benefits > div img {
  max-height: 44px;
  object-fit: contain;
}

.about-two-column.velkoobchod-benefit .velkoobchod-benefits > div p {
  margin-top: 30px;
  text-align: center;
  max-width: 200px;
}

@media screen and (min-width: 400px) {
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits > div {
    flex-basis: 50%;
  }
}

@media screen and (min-width: 768px) {
  .about-two-column.velkoobchod-benefit h5 {
    margin-top: 4px;
    font-size: 16px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits {
    padding: 0 50px;
  }
}

@media screen and (min-width: 992px) {
  .about-two-column.velkoobchod-benefit {
    margin: 60px 0 100px 0;
  }
  .about-two-column.velkoobchod-benefit .two-column-left {
    display: block;
    margin-bottom: 0;
  }
  .about-two-column.velkoobchod-benefit h5 {
    margin-bottom: 20px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits {
    padding: 0;
    gap: 20px 8px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits > div {
    flex-basis: 190px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits p {
    max-width: none;
  }
}

@media screen and (min-width: 1100px) {
  .about-two-column.velkoobchod-benefit h5 {
    margin-bottom: 40px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits {
    gap: 50px 46px;
  }
}

@media screen and (min-width: 1200px) {
  .about-two-column.velkoobchod-benefit h5 {
    margin-bottom: 80px;
  }
  .about-two-column.velkoobchod-benefit .velkoobchod-benefits {
    gap: 50px 100px;
  }
}

.about-float-right.velkoobchod-items {
  padding-left: 10px;
  padding-bottom: 0;
}

@media screen and (min-width: 768px) {
  .about-float-right.velkoobchod-items {
    padding-left: 0;
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 992px) {
  .about-float-right.velkoobchod-items {
    padding: 50px 0 44px 33px;
  }
}

.velkoobchod-item {
  display: flex;
  margin-bottom: 22px;
}

.velkoobchod-item img {
  margin-right: 22px;
}

.velkoobchod-item p {
  margin-bottom: 0;
}

/******** Betuldiol Page ********/
.in-betuldiol article {
  margin-bottom: 70px;
}

@media screen and (min-width: 992px) {
  .in-betuldiol {
    text-align: start;
  }
  .in-betuldiol article {
    margin-bottom: 140px;
  }
}

.in-betuldiol h4.about-float-left {
  text-align: center;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.1em;
  margin-top: 26px;
  margin-bottom: 36px;
}

.in-betuldiol .two-column-right h4, .in-betuldiol .two-column-right p {
  text-align: center;
}

.in-betuldiol .two-column-right h4 {
  margin-bottom: 14px;
}

@media screen and (min-width: 768px) {
  .in-betuldiol h4.about-float-left {
    margin-top: 46px;
    margin-bottom: 46px;
    font-size: 24px;
    line-height: 32px;
  }
}

@media screen and (min-width: 992px) {
  .in-betuldiol h4.about-float-left {
    margin-top: 90px;
    margin-bottom: 100px;
    max-width: 60%;
    text-align: start;
  }
  .in-betuldiol .two-column-right h4, .in-betuldiol .two-column-right p {
    text-align: start;
  }
  .in-betuldiol .two-column-right h4 {
    margin-bottom: 19px;
  }
}

.betuldiol-diagram {
  display: flex;
  justify-content: center;
}

.betuldiol-diagram img {
  object-fit: contain;
}

.betuldiol-diagram-desktop,
.betuldiol-model-desktop {
  display: none;
}

@media screen and (min-width: 992px) {
  .betuldiol-diagram-desktop,
  .betuldiol-model-desktop {
    display: block;
  }
}

@media screen and (min-width: 992px) {
  .betuldiol-diagram-mobile,
  .betuldiol-model-mobile {
    display: none;
  }
}

.in-betuldiol .about-wrapper {
  padding: 0;
}

.in-betuldiol .about-wrapper .about-two-column {
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
  .in-betuldiol .about-wrapper {
    padding: 20px 0;
  }
}

@media screen and (min-width: 992px) {
  .in-betuldiol .about-wrapper .about-two-column {
    flex-wrap: nowrap;
  }
}

.about-wrapper.betuldiol-drawing {
  flex-direction: column-reverse;
}

.about-wrapper.betuldiol-drawing .about-float-left {
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.about-wrapper.betuldiol-drawing .about-float-left h4, .about-wrapper.betuldiol-drawing .about-float-left p {
  text-align: center;
}

.about-wrapper.betuldiol-drawing .about-float-left h4 {
  margin-bottom: 14px;
}

.about-wrapper.betuldiol-drawing .about-float-right {
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 992px) {
  .about-wrapper.betuldiol-drawing {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .about-wrapper.betuldiol-drawing .about-float-left {
    padding-right: 70px;
  }
  .about-wrapper.betuldiol-drawing .about-float-left h4 {
    margin-bottom: 46px;
  }
  .about-wrapper.betuldiol-drawing .about-float-left h4, .about-wrapper.betuldiol-drawing .about-float-left p {
    text-align: start;
  }
  .about-wrapper.betuldiol-drawing .about-float-right {
    display: block;
  }
}

.betuldiol-wrapper {
  margin: 0 auto;
}

.betuldiol-wrapper .betuldiol-text {
  margin: 30px 0;
  text-align: center;
}

.betuldiol-wrapper .betuldiol-text p {
  margin-bottom: 0;
  padding: 10px 0;
}

@media screen and (min-width: 768px) {
  .betuldiol-wrapper {
    max-width: 70%;
  }
}

@media screen and (min-width: 992px) {
  .betuldiol-wrapper {
    max-width: 60%;
  }
}

@media screen and (min-width: 1100px) {
  .betuldiol-wrapper {
    max-width: 55%;
  }
}

@media screen and (min-width: 1200px) {
  .betuldiol-wrapper {
    max-width: 45%;
  }
}

.betuldiol-image {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.betuldiol-image img.betuldiol-model-mobile {
  margin: 18px 0;
}

/******** Responsivneness fixes  ********/
/** Homepage - Top Banners **/
@media screen and (max-width: 767px) {
  #carousel .extended-banner-texts span.extended-banner-title {
    bottom: 78px;
  }
  #carousel .extended-banner-texts span.extended-banner-link {
    bottom: 30px;
  }
  .content-wrapper.homepage-box.before-carousel .container {
    padding-left: 0;
    padding-right: 0;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row {
    flex-wrap: wrap;
    gap: 0;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div {
    padding-left: 0;
    padding-right: 0;
    flex-basis: 100%;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 {
    max-height: 400px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners {
    max-height: 100%;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper {
    margin-top: 0;
    height: 100%;
    display: flex;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a {
    width: 100%;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a img {
    height: 100%;
    object-fit: cover;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    font-size: 20px;
    line-height: 24px;
    bottom: 78px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    bottom: 30px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper {
    margin-top: 0;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container {
    padding-left: 0;
    padding-right: 0;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content {
    flex-wrap: wrap;
    gap: 0;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div {
    flex-basis: 100%;
    max-height: 400px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper {
    margin-top: 0;
    height: 100%;
    display: flex;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a img {
    height: 100%;
    object-fit: cover;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    font-size: 20px;
    line-height: 24px;
    bottom: 78px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    bottom: 30px;
  }
  .mobile #content {
    margin-top: 0;
  }
  .mobile #content .row.banners-row {
    margin-left: -14px;
    margin-right: -14px;
    flex-wrap: wrap;
    gap: 0;
  }
  .mobile #content .row.banners-row > div {
    padding-left: 0;
    padding-right: 0;
    flex-basis: 100%;
  }
  .mobile #content .row.banners-row > div.col-sm-4 {
    max-height: 400px;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners {
    height: 100%;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper {
    margin-top: 0;
    height: 100%;
    display: flex;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a {
    width: 100%;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a img {
    height: 100%;
    object-fit: cover;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    font-size: 20px;
    line-height: 24px;
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
    top: -56%;
  }
  .mobile #content .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
  .mobile #content .row.banners-content {
    margin-left: -14px;
    margin-right: -14px;
    margin-top: -34px;
    flex-wrap: wrap;
    gap: 0;
  }
  .mobile #content .row.banners-content > div {
    flex-basis: 100%;
    max-height: 400px;
    padding-left: 0;
    padding-right: 0;
  }
  .mobile #content .row.banners-content > div .banner-wrapper {
    margin-top: 0;
    height: 100%;
    display: flex;
  }
  .mobile #content .row.banners-content > div .banner-wrapper > a img {
    height: 100%;
    object-fit: cover;
  }
  .mobile #content .row.banners-content > div .banner-wrapper > a .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
  }
  .mobile #content .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    font-size: 20px;
    line-height: 24px;
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  .mobile #content .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
  }
  .mobile #content .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
  .mobile #content #carousel .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  .mobile #content #carousel .extended-banner-texts span.extended-banner-title {
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  .mobile #content #carousel .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
    top: -40%;
  }
  .mobile #content #carousel .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
}

@media screen and (max-width: 579px) {
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-8 {
    height: 479px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 {
    height: 262px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div {
    height: 262px;
  }
  .mobile #content .row.banners-row > div.col-sm-8 {
    height: 479px;
  }
  .mobile #content .row.banners-row > div.col-sm-4 {
    height: 262px;
  }
  .mobile #content .row.banners-content > div {
    height: 262px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
    top: -56%;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding: 30px 0;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
  #carousel .extended-banner-texts {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }
  #carousel .extended-banner-texts span.extended-banner-title {
    position: relative;
    bottom: unset;
    max-width: 88%;
    margin-bottom: 12px;
  }
  #carousel .extended-banner-texts span.extended-banner-text {
    position: relative;
    bottom: unset;
    top: -32%;
  }
  #carousel .extended-banner-texts span.extended-banner-link {
    position: relative;
    bottom: unset;
  }
}

@media screen and (max-width: 413px) {
  #carousel .extended-banner-texts span.extended-banner-text {
    top: -40%;
  }
}

@media screen and (max-width: 379px) {
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    bottom: 64px;
  }
  .content-wrapper.homepage-box.middle-banners-wrapper .container .row.banners-content > div .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    bottom: 16px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-title {
    bottom: 64px;
  }
  .content-wrapper.homepage-box.before-carousel .container .row.banners-row > div.col-sm-4 .next-to-carousel-banners .banner-wrapper > a .extended-banner-texts span.extended-banner-link {
    bottom: 16px;
  }
}

/** Homepage - Everything else **/
.homepage-blog-wrapper.container {
  margin-bottom: 100px;
}

.footer-banners {
  margin-top: 0;
  gap: 32px;
}

.mobile.in-index .products .product .p-bottom .p-tools {
  display: none;
}

.mobile.in-index .h4.homepage-group-title {
  margin-top: 22px;
}

.mobile.in-index .homepage-products-first {
  gap: 22px;
}

.mobile .homepage-blog-wrapper.container {
  margin-bottom: 40px;
}

@media screen and (max-width: 1099px) {
  .homepage-products-first {
    margin-top: 44px;
  }
  .homepage-blog-wrapper.container {
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 991px) {
  .desktop .footer-banners .footer-banner:first-child {
    margin-left: -28px;
    margin-right: -28px;
    width: auto;
  }
  .mobile .footer-banners {
    gap: 12px;
  }
  .mobile .footer-banners .footer-banner:first-child {
    margin-left: -4px;
    margin-right: -4px;
    width: auto;
  }
  .mobile .footer-banners .footer-banner:first-child > a {
    width: 100%;
  }
  .mobile .footer-banners .footer-banner:first-child > a img {
    width: 100%;
  }
  .homepage-blog-wrapper .news-item .text {
    height: auto;
  }
  .homepage-blog-wrapper .news-item .text a.title {
    font-size: 16px;
    line-height: 20px;
  }
}

@media screen and (max-width: 892px) {
  .latest-contribution > h2 {
    max-width: calc(100% - 70px - 6px);
    margin-bottom: -22px;
  }
  .latest-contribution .slick-arrow {
    top: 0;
    width: 35px;
    height: 35px;
    align-self: flex-end;
  }
  .latest-contribution .slick-prev {
    display: block;
    position: initial;
    margin-left: auto;
    margin-right: 41px;
  }
  .latest-contribution .slick-next {
    margin-left: auto;
    right: 0;
  }
}

@media screen and (max-width: 880px) {
  .latest-contribution-content {
    width: auto;
  }
  .latest-contribution-inner.slick-slide {
    padding: 40px 30px;
  }
}

@media screen and (max-width: 820px) {
  .desktop .footer-banners .footer-banner:first-child {
    margin-left: -14px;
    margin-right: -14px;
  }
}

@media screen and (max-width: 767px) {
  .footer-banners {
    gap: 30px;
    margin-top: 0;
  }
  #betuldiol {
    margin-top: 0;
  }
  #betuldiol .img-text-wrapper {
    flex-direction: column-reverse;
    gap: 0;
  }
  #betuldiol .img-text-wrapper .inner-text-wrapper {
    margin-bottom: 35px;
  }
  #betuldiol p.capitalize {
    font-size: 18px;
    line-height: 22px;
    font-weight: 300;
    margin-bottom: 18px;
  }
  #betuldiol p {
    margin-bottom: 15px;
  }
  .homepage-blog-wrapper .blog-list {
    flex-wrap: wrap;
    gap: 0;
  }
  .homepage-blog-wrapper .news-item {
    flex: 0 1 100%;
    margin-bottom: 20px;
    padding-bottom: 7px;
  }
  .homepage-blog-wrapper .news-item .image {
    height: 176px;
    min-height: 0;
    margin-bottom: 15px;
  }
  #content .filters-unveil-button-wrapper a.btn.unveil-button {
    font-family: Montserrat;
    font-weight: 500;
    color: #000000;
    background-color: transparent;
    border-color: #000000;
    text-align: start;
    padding: 16px;
    display: flex;
    justify-content: space-between;
  }
  #content .filters-unveil-button-wrapper a.btn.unveil-button:hover {
    background-color: transparent;
    color: #000000;
  }
  #content .filters-unveil-button-wrapper a.btn.unveil-button::after {
    content: url(/user/documents/assets/img/icon/filter.svg);
    position: relative;
    top: 4px;
  }
  #filters .slider-wrapper {
    max-width: none;
    padding: 10px;
  }
  #filters .slider-wrapper > div {
    display: block;
  }
  #filters .filter-sections > div {
    display: block;
  }
  #filters .filter-sections > div.filter-section-button {
    display: none;
  }
  #filters .filter-sections form {
    display: block;
  }
  #filters h4::after {
    content: none;
  }
  .mobile #filters .filter-section + .filter-section {
    border-top: none;
  }
  .homepage-blog-wrapper.container {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 659px) {
  .latest-contribution-wrapper {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .latest-contribution-inner {
    padding: 80px 60px;
  }
}

@media screen and (max-width: 599px) {
  .mobile .footer-banners > .footer-banner:first-child {
    padding-right: 0;
    padding-left: 0;
  }
  .mobile .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 340px;
  }
  .mobile.type-category .footer-banner.container .extended-banner-texts,
  .mobile.in-produkty .footer-banner.container .extended-banner-texts {
    bottom: 460px;
  }
  .desktop .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 330px;
  }
}

@media screen and (max-width: 479px) {
  p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.1em;
  }
  .desktop .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 250px;
  }
  .mobile .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 340px;
  }
  .mobile.type-category .footer-banner.container .extended-banner-texts,
  .mobile.in-produkty .footer-banner.container .extended-banner-texts {
    bottom: 340px;
  }
  #filters {
    /*.filter-section {
            padding-top: 8px;
        }*/
  }
  #filters h4 {
    font-size: 14px;
  }
  #filters .slider-wrapper {
    padding: 0 10px;
  }
}

@media screen and (max-width: 399px) {
  .desktop .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 300px;
  }
  .mobile .footer-banners > .footer-banner:first-child .extended-banner-texts {
    bottom: 286px;
  }
  .mobile.type-category .footer-banner.container .extended-banner-texts,
  .mobile.in-produkty .footer-banner.container .extended-banner-texts {
    bottom: 286px;
  }
}

@media screen and (max-width: 384px) {
  .latest-contribution > h2 {
    max-width: calc(100% - 62px);
  }
}

/** Category Page **/
.empty-content h2 {
  text-align: center;
}

#products .product .p-tools a.btn.btn-primary::after {
  content: url(/user/documents/assets/img/icon/bag.png);
  display: inline-block;
  width: 20px;
  height: 23px;
  object-fit: contain;
}

.in-produkty #categories li.active > a,
.type-category #categories li.active > a {
  color: #000;
  background-color: #fff;
  font-weight: 500;
}

.mobile .products-block.products > div .p .p-bottom .p-tools {
  display: none;
}

@media screen and (max-width: 1199px) {
  #content .pagination-wrapper .pagination-loader {
    text-align: center;
  }
}

@media screen and (max-width: 992px) {
  .products-block > div {
    width: calc(50% - 10px);
  }
}

@media screen and (min-width: 768px) {
  #content-wrapper #content .subcategories {
    display: none;
  }
  #content-wrapper #content #category-header label {
    padding-left: 0;
    padding-bottom: 6px;
  }
}

@media screen and (max-width: 767px) {
  #content-wrapper #content .subcategories {
    flex-direction: column;
    margin-bottom: 24px;
    margin-top: -24px;
  }
  #content-wrapper #content .subcategories li {
    width: 100%;
  }
  #content-wrapper #content .subcategories li a {
    font-weight: 500;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #000000;
    justify-content: center;
    border: none;
    height: auto;
  }
  #content-wrapper #content .subcategories li a:hover {
    color: #BD8F4B;
  }
  #content-wrapper #content .subcategories li a::before, #content-wrapper #content .subcategories li a::after {
    content: none;
  }
  #content-wrapper #content #category-header {
    display: none;
  }
  .products-block > div {
    width: calc(33.333% - 13.33334px);
  }
  .in-produkty #content,
  .type-category #content {
    padding-left: 0;
  }
  .in-produkty .footer-banner.container,
  .type-category .footer-banner.container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 50px;
    margin-bottom: 44px;
  }
  .mobile.in-produkty .footer-banner.container > a,
  .mobile.type-category .footer-banner.container > a {
    width: 100%;
  }
  .mobile.in-produkty .footer-banner.container > a img,
  .mobile.type-category .footer-banner.container > a img {
    width: 100%;
  }
  #content .pagination-wrapper .pagination-loader .btn.unveil-button {
    width: 60%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 579px) {
  .desktop.in-produkty .footer-banner.container .extended-banner-texts,
  .desktop.type-category .footer-banner.container .extended-banner-texts {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .products-block > div {
    width: calc(50% - 10px);
  }
  #content .pagination-wrapper .pagination-loader .btn.unveil-button {
    width: 80%;
  }
}

/** Detail Page **/
.p-detail .benefitBanner__item .benefitBanner__content .benefitBanner__title {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

#certifikace .big img {
  height: 100%;
  object-fit: cover;
}

#productsAlternative, #productDiscussion {
  padding-bottom: 30px;
}

@media screen and (max-width: 1200px) {
  .p-detail .p-detail-inner .row.product-top .col-xs-12 {
    float: none;
  }
}

@media screen and (max-width: 991px) {
  #certifikace .wrapper {
    gap: 22px;
  }
  #certifikace .wrapper .small {
    padding: 36px 36px;
  }
  .p-detail .shp-tabs-wrapper.p-detail-tabs-wrapper .shp-tabs-row.responsive-nav {
    margin-left: 0;
    margin-right: 0;
  }
  #description .text-right {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  #simple-variants-select {
    max-width: none;
  }
  #ratingTab {
    padding: 46px 28px;
  }
  #ratingTab > h2 {
    font-size: 28px;
    line-height: 34px;
  }
  #ratingTab .rate-wrap.row {
    margin-left: 0;
  }
  #certifikace {
    margin-top: 53px;
  }
  #certifikace > h2 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 16px;
  }
  #certifikace .wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0;
  }
  #certifikace .wrapper .small {
    padding: 50px 50px;
    flex-basis: calc(50% - 11px);
    margin-bottom: 22px;
  }
  #certifikace .wrapper .big {
    flex-basis: 100%;
  }
  #certifikace .wrapper .big img {
    width: 100%;
  }
  .p-detail h1 {
    font-size: 24px;
    line-height: 29px;
  }
  .p-detail h2 {
    font-size: 28px;
    line-height: 34px;
  }
  .p-detail h3 {
    font-size: 28px;
    line-height: 34px;
  }
  .p-detail h4 {
    font-size: 14px;
    line-height: 21px;
  }
  .p-detail hr {
    width: auto;
    max-width: none;
  }
  .p-detail .shp-tabs-wrapper.p-detail-tabs-wrapper .shp-tabs-row.responsive-nav {
    margin-top: 8px;
    margin-bottom: 26px;
  }
  .p-detail .shp-tabs-wrapper.p-detail-tabs-wrapper .shp-tabs-row.responsive-nav .navigation-btn {
    background-color: transparent;
    color: #000;
  }
  .p-detail .benefitBanner__item .benefitBanner__picture {
    max-width: 103px;
  }
  .p-detail .benefitBanner__item .benefitBanner__content .benefitBanner__title {
    font-size: 11px;
    line-height: 13px;
  }
  .p-detail .p-detail-info {
    margin-top: 22px;
    margin-bottom: 16px;
  }
  .p-detail .p-detail-inner-header h1 {
    padding-bottom: 12px;
  }
  #description .heading-text-wrapper {
    flex-direction: column;
    margin: 40px 0 23px 0;
  }
  #description .heading-text-wrapper h3 {
    flex: 0 1 auto;
  }
  #description .heading-text-wrapper .text-wrapper {
    flex: 0 1 auto;
    margin-top: 15px;
  }
  #description .heading-text-wrapper .text-wrapper p {
    margin-bottom: 0;
  }
  #description .highlights-wrapper span {
    font-size: 12px;
    line-height: 18px;
  }
  #description .text-right {
    max-width: none;
    margin-left: 0;
  }
  #description .text-right h4 {
    font-weight: 500;
    margin-bottom: 6px;
  }
  #description .extended-description {
    flex-direction: column;
    padding-bottom: 50px;
    margin-top: 50px;
  }
  #description .extended-description > h3 {
    flex: 0 1 auto;
  }
  #description .extended-description > table {
    flex: 0 1 auto;
  }
  #description .extended-description > table span, #description .extended-description > table a {
    font-weight: 600;
  }
  #description #betuldiol h2 {
    font-size: 28px;
    line-height: 34px;
    padding-top: 53px;
    margin-bottom: 30px;
  }
  #description #betuldiol .img-text-wrapper .inner-text-wrapper p {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.1em;
  }
  #description #betuldiol .img-text-wrapper .inner-text-wrapper p.capitalize {
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
  }
  #description #productsRelated {
    margin-top: 53px;
    margin-bottom: 22px;
  }
  #description #productsRelated h2.products-related-header {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 579px) {
  #certifikace .wrapper .small {
    padding: 36px 36px;
  }
  .p-detail .p-detail-inner .p-info-wrapper .detail-parameters #simple-variants {
    max-width: none;
  }
  .p-detail .cart-availability-wrapper {
    max-width: 100%;
  }
  .p-detail .social-buttons-wrapper {
    align-self: center;
  }
  .p-detail .benefitBanner__item {
    flex-direction: column;
    text-align: center;
  }
  .p-detail .benefitBanner__item .benefitBanner__content {
    padding-right: 0;
    max-width: 130px;
  }
  #description .highlights-wrapper span {
    font-size: 14px;
    line-height: 1.5em;
  }
  #description .highlights-wrapper span::before {
    width: 50px;
  }
  #description .highlights-wrapper .left {
    flex-basis: 23%;
  }
  #description .highlights-wrapper .left span {
    padding-right: 50px;
  }
  #description .highlights-wrapper .right {
    flex-basis: 23%;
  }
  #description .highlights-wrapper .right span {
    padding-left: 50px;
  }
  #description .highlights-wrapper .middle {
    flex-basis: 54%;
  }
}

@media screen and (max-width: 479px) {
  .p-detail p,
  .p-detail .p-short-description {
    font-size: 14px;
    line-height: 1.5em;
  }
  .p-detail .benefitBanner__item {
    flex-direction: row;
    text-align: start;
  }
  .p-detail .benefitBanner__item .benefitBanner__picture {
    max-width: 70px;
  }
  .p-detail .benefitBanner__item .benefitBanner__content {
    max-width: none;
  }
  .p-detail .p-detail-info > div {
    display: none;
  }
  .p-detail .p-detail-info > div.stars-wrapper {
    display: flex;
  }
  #description #betuldiol .img-text-wrapper .inner-text-wrapper p {
    font-size: 10px;
  }
}

@media screen and (max-width: 439px) {
  #description .highlights-wrapper span {
    font-size: 10px;
    line-height: 15px;
  }
  #description .highlights-wrapper span::before {
    width: 50px;
  }
  #description .highlights-wrapper .left {
    flex-basis: 23%;
  }
  #description .highlights-wrapper .left span {
    padding-right: 50px;
  }
  #description .highlights-wrapper .right {
    flex-basis: 23%;
  }
  #description .highlights-wrapper .right span {
    padding-left: 50px;
  }
  #description .highlights-wrapper .middle {
    flex-basis: 54%;
  }
}

@media screen and (max-width: 379px) {
  #certifikace .wrapper .small {
    padding: 26px 6px;
    flex-basis: calc(50% - 6px);
    margin-bottom: 12px;
  }
  #description .highlights-wrapper span {
    font-size: 8px;
    line-height: 12px;
  }
  #description .highlights-wrapper span::before {
    width: 30px;
  }
  #description .highlights-wrapper .left {
    flex-basis: 18%;
  }
  #description .highlights-wrapper .left span {
    padding-right: 30px;
  }
  #description .highlights-wrapper .right {
    flex-basis: 18%;
  }
  #description .highlights-wrapper .right span {
    padding-left: 30px;
  }
  #description .highlights-wrapper .middle {
    flex-basis: 64%;
  }
}

@media screen and (max-width: 629px) {
  html[lang="de"] #certifikace .wrapper {
    justify-content: center;
  }
}

/** Pages **/
@media screen and (max-width: 1200px) {
  .type-page .heading-image:not(.auto-height) {
    max-height: 400px;
  }
}

@media screen and (max-width: 991px) {
  .category-header-wrapper .category-title {
    font-size: 32px;
    line-height: 39px;
  }
}

@media screen and (max-width: 767px) {
  .type-page .heading-image:not(.auto-height) {
    max-height: 274px;
  }
  .type-page .heading-image h1, .type-page .heading-image h2 {
    font-size: 32px;
    line-height: 39px;
  }
  .in-hodnoceni-obchodu .heading-image h1 {
    font-size: 32px;
    line-height: 39px;
  }
  .category-header-wrapper {
    max-height: 274px;
  }
}

@media screen and (max-width: 479px) {
  .category-header-wrapper .category-title {
    font-size: 28px;
    line-height: 34px;
  }
  .in-produkty .category-header-wrapper {
    max-height: 148px;
  }
}

/** Newsletter Banner **/
@media screen and (max-width: 991px) {
  .newsletter-wrapper .container .newsletter-header {
    flex: 0 1 35%;
  }
  .newsletter-wrapper .container #formNewsletterWidget {
    flex: 0 1 60%;
  }
}

@media screen and (max-width: 767px) {
  .newsletter-wrapper {
    padding: 46px 0;
  }
  .newsletter-wrapper .container {
    flex-direction: column;
  }
  .newsletter-wrapper .container .newsletter-header .topic {
    margin-bottom: 30px;
    margin-top: 0;
  }
}

@media screen and (max-width: 639px) {
  .newsletter-wrapper .container #formNewsletterWidget .consents {
    padding-top: 50px;
  }
  .newsletter-wrapper .container #formNewsletterWidget .btn.btn-default {
    right: auto;
    top: 36px;
  }
}

@media screen and (max-width: 479px) {
  .newsletter-wrapper .container .newsletter-header .topic {
    font-size: 18px;
    line-height: 22px;
  }
}

/** Blogs & Blog Detail Page **/
.in-blog .news-item time {
  font-weight: 500;
}

.in-blog .news-item-detail {
  padding-bottom: 80px;
}

.in-blog .news-item-detail .next-prev {
  margin: 20px 0;
}

@media screen and (max-width: 1329px) {
  .in-blog .news-item.first-post .text {
    padding-left: 48px;
    padding-right: 48px;
  }
}

@media screen and (max-width: 1100px) {
  .in-blog .news-item.first-post {
    max-height: 530px;
  }
}

@media screen and (max-width: 991px) {
  .in-blog #newsWrapper {
    grid-template-columns: repeat(2, 1fr);
  }
  .in-blog .news-item.first-post {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    max-height: 530px;
  }
  .in-blog .news-item.first-post .text {
    left: auto;
    transform: none;
    padding-bottom: 55px;
    justify-content: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .in-blog #newsWrapper .news-item .text .title {
    font-size: 16px;
    line-height: 22px;
  }
  .in-blog .news-item.first-post .text .title {
    font-size: 32px;
    line-height: 39px;
  }
  .in-blog .header-image-wrapper {
    max-height: 442px;
    margin-bottom: 30px;
  }
  .in-blog .header-image-wrapper h1 {
    font-size: 32px;
    line-height: 39px;
  }
  .in-blog.type-post .text h3 {
    font-size: 18px;
    line-height: 24px;
    margin-top: 44px;
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 679px) {
  .in-blog #newsWrapper {
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  .in-blog #newsWrapper .news-item {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 479px) {
  .in-blog #newsWrapper .news-item {
    padding-bottom: 0;
  }
  .in-blog #newsWrapper .news-item .image {
    height: 230px;
  }
  .in-blog .news-item.first-post .text {
    padding-left: 13px;
    padding-right: 13px;
  }
  .in-blog .header-image-wrapper .container {
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 49px;
  }
  .in-blog.type-post .text p {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 15px;
  }
}

/** Navigation **/
#header .menu-helper::after {
  color: #000;
  background-color: transparent;
}

#header .navigation-close {
  z-index: 100;
}

#header .navigation-close:hover {
  cursor: pointer;
  color: var(--color-secondary-hover);
}

#header #formSearchForm {
  z-index: 100;
}

@media screen and (max-width: 379px) {
  #header .header-top > div:first-of-type {
    flex-basis: 140px;
  }
  #navigation {
    top: 112px;
  }
  .user-action .user-action-in .popup-widget.login-widget,
  .user-action .user-action-in .popup-widget.cart-widget {
    top: 79px;
    right: 0;
  }
}

/** Navigation - windows visible on hover **/
.user-action .user-action-cart::before, .user-action .user-action-login::before {
  content: none;
}

@media screen and (max-width: 767px) {
  .user-action .popup-widget.login-widget,
  .user-action .popup-widget.cart-widget {
    top: 87px;
  }
}

@media screen and (min-width: 992px) {
  .user-action .popup-widget.login-widget {
    top: 128px;
  }
}

/** Footer **/
#footer .custom-footer > div h4 {
  margin-bottom: 14px;
}

#footer .custom-footer > div ul li {
  margin-bottom: 8px;
}

#footer .custom-footer > div .banner p {
  margin-bottom: 12px;
}

@media screen and (min-width: 1200px) {
  #footer .custom-footer {
    padding-left: 150px;
  }
  #footer .custom-footer > div {
    width: calc(100% / 4);
  }
}

@media screen and (max-width: 1199px) {
  #footer .custom-footer {
    flex-wrap: nowrap;
  }
  #footer .custom-footer > div {
    width: auto;
    flex: 0 1 calc(100% / 3);
  }
  #footer .site-name {
    display: flex;
    justify-content: center;
    margin-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  #footer .custom-footer {
    padding-top: 20px;
    flex-direction: column;
    align-items: center;
  }
  #footer .custom-footer > div {
    text-align: center;
    padding: 18px 10px;
  }
  #footer .custom-footer > div ul {
    margin: 0;
  }
  #footer .custom-footer > div .banner {
    margin-bottom: 0;
    min-height: 0;
  }
  #footer .custom-footer > div .banner .banner-wrapper {
    margin-top: 0;
  }
}

@media screen and (max-width: 459px) {
  #footer .custom-footer > div ul li {
    font-size: 10px;
  }
  #footer .custom-footer > div h4 {
    font-size: 14px;
  }
}

/** Cart **/
input[type="checkbox"] + label, input[type="radio"] + label {
  padding-left: 32px;
}

.radio-wrapper input[type="checkbox"]:checked + label::after,
.radio-wrapper input[type="radio"]:checked + label::after {
  background-color: transparent;
}

#cart-wrapper .add-to-cart-button {
  display: inline-block;
  padding: 5px 15px;
  border-style: solid;
  border-width: 1px;
  border-radius: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

#cart-wrapper .add-to-cart-button::after {
  font-family: shoptet;
  content: '\e910';
  position: relative;
  margin-left: 1em;
  top: 1px;
}

#cart-wrapper .add-to-cart-button::before {
  content: none;
}

@media screen and (max-width: 768px) {
  .ordering-process .responsive-tools > a[data-target="navigation"] {
    width: auto;
    height: auto;
    position: inherit;
  }
}

html[lang="de"] .type-detail .highlights-wrapper {
  display: none;
}
/*# sourceMappingURL=pages.css.map */