/*!**********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/scss/style.scss ***!
  \**********************************************************************************************************************************************************************/
@charset "UTF-8";
.custom-footer__banner19,
.custom-footer__banner20,
.custom-footer__banner21,
.custom-footer__banner24,
.custom-footer__banner27,
.custom-footer__banner23,
.custom-footer__instagram,
.custom-footer__banner28 {
  display: none;
}

.in-index .custom-footer__banner19,
.in-index .custom-footer__banner20,
.type-product.type-detail .custom-footer__banner24,
.in-index .custom-footer__banner21,
.in-index .custom-footer__banner28,
.id-849 .custom-footer__banner20,
.id-849 .custom-footer__banner27,
.id-852 .custom-footer__banner20 {
  display: block;
  overflow: hidden;
}
.in-index .custom-footer__banner19 p,
.in-index .custom-footer__banner20 p,
.type-product.type-detail .custom-footer__banner24 p,
.in-index .custom-footer__banner21 p,
.in-index .custom-footer__banner28 p,
.id-849 .custom-footer__banner20 p,
.id-849 .custom-footer__banner27 p,
.id-852 .custom-footer__banner20 p {
  color: #454545;
}

.in-index .custom-footer__banner19 h2 span,
.in-index .custom-footer__banner20 h2 span,
.in-index .custom-footer__banner21 h2 span,
.type-product.type-detail .custom-footer__banner24 .banner-wrapper > span > div > span,
.extended-banner-title span,
.id-849 h2 span,
.id-852 h2 span,
.id-889 h2 span,
#collections h2 span {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: 0.13rem;
  display: block;
}

.type-product.type-detail .custom-footer__banner24 .banner-wrapper > span > div > span {
  text-transform: uppercase;
}

#classix,
#array,
#zakazkove,
.custom-footer__banner21,
.custom-footer__banner20,
.custom-footer__banner24,
.custom-footer__banner27 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.collection-main {
  display: flex;
  gap: 40px;
  justify-content: space-between;
  padding-right: max(50vw - 720px, 20px);
  padding-bottom: 64px;
}
.collection-main > img {
  max-width: 666px;
}
.collection-main .collection-text {
  max-width: 708px;
  padding-top: 64px;
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
}
.collection-main .collection-text h2 {
  margin-bottom: 40px;
}
.collection-main .collection-text p {
  margin-bottom: 24px;
}
.collection-main .collection-text .card {
  display: flex;
  gap: 32px;
  margin-top: auto;
}
.collection-main .collection-text .card img {
  width: 220px;
  height: 220px;
  object-fit: cover;
  border-radius: 8px;
}
.collection-main .collection-text .card-main {
  display: flex;
  flex-direction: column;
}
.collection-main .collection-text .card-main h4,
.collection-main .collection-text .card-main h5 {
  margin-bottom: 20px;
}
.collection-main .collection-text .card-main h4 a,
.collection-main .collection-text .card-main h5 a {
  display: none;
}
.collection-main .collection-text .card-main p {
  margin-bottom: 32px;
}
.collection-main .collection-text .card-btn {
  font-weight: 700;
}
.collection-main .collection-text .card-btn:after {
  content: url(assets/arrow-right-black.svg);
  margin-left: 8px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.collection-main .collection-text .card-btn:hover::after {
  margin-left: 16px;
}
.collection-main .collection-text .collection-btns {
  margin-top: 80px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

#classix .card-main {
  padding-bottom: 24px;
}

#array .card-main {
  padding-top: 20px;
  padding-bottom: 20px;
}

.custom-footer__banner19 {
  padding-top: 80px;
}

.in-index .swiper-slide {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 622px 464px;
  gap: 24px;
}
.in-index .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  display: block;
}
.in-index .swiper-slide img:nth-child(1) {
  grid-column: span 2; /* занимает два столбца */
  grid-row: 1;
}
.in-index .swiper-slide img:nth-child(2) {
  grid-column: 3;
  grid-row: 1;
}
.in-index .swiper-slide img:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}
.in-index .swiper-slide img:nth-child(4) {
  grid-column: span 2;
  grid-row: 2;
}

.controls-row {
  display: flex;
  align-items: end;
  justify-content: end;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 48px;
}
.controls-row .btn {
  margin-right: auto;
}

.swiper-pagination,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: center;
  width: unset;
  position: unset;
  display: flex;
}

.swiper-button-prev,
.swiper-button-next,
.carousel-control.left,
.carousel-control.right,
.pagination-link.next,
.prev.pagination-link {
  position: unset;
  margin-top: 0;
  border: 2px solid #141414;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.swiper-button-next,
.pagination-link.next {
  background-color: #141414;
}

.carousel-control.left,
.carousel-control.right {
  border-color: #ffffff;
}

.carousel-control.left,
.prev.pagination-link {
  background-color: transparent;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.carousel-control.left:after,
.carousel-control.right:after,
.pagination-link.next:after,
.prev.pagination-link::after {
  display: flex;
  align-items: center;
  width: 16px;
  height: 16px;
  font-size: 24px;
  line-height: 24px;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.pagination-link.next:after,
.prev.pagination-link::after {
  transform: rotate(180deg);
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after,
.carousel-control.right:after,
.prev.pagination-link::after {
  content: url(assets/arrow-right-black.svg);
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.carousel-control.left:after,
.pagination-link.next:after {
  content: url(assets/arrow-left-white.svg);
}

.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  border: 1px solid #141414;
  background-color: #fff;
  opacity: 1;
}

.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #141414;
}

.kolekce-navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  font-size: 0.8125rem;
  padding-top: 24px;
  padding-bottom: 8px;
}
.kolekce-navigation a {
  font-size: 20px;
  font-weight: 700;
}
.kolekce-navigation a:hover {
  text-decoration: underline;
}
.kolekce-navigation [href="#zakazkove"] {
  display: none;
}

blockquote {
  border-left: 1px solid #141414;
  padding: 0;
  padding-left: 40px;
  margin: 0;
  font-size: 20px;
  font-weight: 700;
}

#zakazkove {
  display: flex;
  justify-content: space-between;
  padding-left: max(50vw - 720px, 20px);
  padding-top: 64px;
  padding-bottom: 64px;
}
#zakazkove .section-img {
  max-height: 952px;
}
@media (min-width: 768px) and (max-width: 1100px) {
  #zakazkove .section-img {
    max-height: 700px;
  }
}
#zakazkove h3 {
  margin-bottom: 24px;
}
#zakazkove p {
  margin-bottom: 56px;
}
#zakazkove > div {
  max-width: 570px;
  flex-shrink: 0;
}
@media (min-width: 768px) and (max-width: 1100px) {
  #zakazkove > div {
    max-width: 400px;
  }
}

.custom-footer__banner21 .banner-wrapper > span,
.custom-footer__banner24 .banner-wrapper > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 56px;
}

.custom-footer__banner21 .banner-wrapper > span div,
.custom-footer__banner24 .banner-wrapper > span div,
.contact-banner-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  max-width: 952px;
  padding-left: 20px;
  padding-right: 20px;
}

.custom-footer__banner21 .banner-wrapper > span p,
.custom-footer__banner24 .banner-wrapper > span p,
.contact-banner-text p {
  color: #454545;
  padding-top: 32px;
  padding-bottom: 56px;
}

.custom-footer__banner20 span,
.custom-footer__banner27 span {
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-left: max(50vw - 720px, 20px);
}
.custom-footer__banner20 .interier-text,
.custom-footer__banner27 .interier-text {
  display: flex;
  flex-direction: column;
  gap: 120px;
  width: 586px;
  flex-shrink: 0;
}
.custom-footer__banner20 .interier-text > div,
.custom-footer__banner27 .interier-text > div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.custom-footer__banner20 .interier-text p,
.custom-footer__banner27 .interier-text p {
  color: #454545;
}
.custom-footer__banner20 .interier-text .btn,
.custom-footer__banner27 .interier-text .btn {
  margin-top: 32px;
}
.custom-footer__banner20 img,
.custom-footer__banner27 img {
  border-radius: 8px;
}
.custom-footer__banner20 .interier-image,
.custom-footer__banner27 .interier-image {
  max-height: 952px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

@media (max-width: 1415px) and (min-width: 1000px) {
  .collection-main img {
    max-width: 400px;
    object-fit: contain;
  }
  .collection-main .collection-text {
    padding-top: 0;
    padding-bottom: 0;
  }
  .collection-main .collection-text .card,
  .collection-main .collection-text .collection-btns {
    margin-top: 40px;
  }
  .collection-main .collection-text .card-main {
    justify-content: space-around;
    padding-bottom: 0 !important;
  }
  .collection-main .collection-text .card-main h4,
  .collection-main .collection-text .card-main h5,
  .collection-main .collection-text .card-main p {
    margin-bottom: 0;
  }
}
@media (max-width: 999px) {
  .collection-main {
    flex-direction: column;
    gap: 48px;
    padding-bottom: 48px;
  }
  .collection-main .collection-text {
    padding: 0;
    padding-left: 20px;
    max-width: unset;
  }
  .collection-main .collection-text h2 {
    margin-bottom: 16px;
  }
  .collection-main .collection-text .card {
    flex-direction: row-reverse;
    gap: 16px;
    justify-content: flex-end;
    margin-top: 40px;
  }
  .collection-main:first-of-type .collection-text .card {
    flex-direction: row;
    justify-content: start;
  }
  .collection-main .collection-text .card img {
    width: 160px;
    height: 160px;
  }
  #array .card-main {
    padding-top: 0;
    padding-bottom: 0;
  }
  .collection-main .collection-text .card-main h4,
  .collection-main .collection-text .card-main h5 {
    font-size: 16px;
    line-height: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    color: #454545;
  }
  .collection-main .collection-text .card-main h4 a,
  .collection-main .collection-text .card-main h5 a {
    text-decoration: underline;
  }
  .collection-main .collection-text .card-main p,
  .collection-main .collection-text .card-btn {
    display: none;
  }
  .collection-main .collection-text .card-main h4 a,
  .collection-main .collection-text .card-main h5 a {
    display: block;
  }
  .collection-main .collection-text .collection-btns {
    order: 1;
    margin-top: 40px;
  }
  .collection-main .collection-text .collection-btns .btn {
    width: 100%;
    max-width: unset;
  }
}
@media (max-width: 767px) {
  #classix,
  #array,
  #zakazkove,
  .custom-footer__banner21,
  .custom-footer__banner20,
  .custom-footer__banner24 {
    padding-top: 32px;
  }
  .controls-row {
    gap: 40px;
  }
  .controls-row .swiper-pagination {
    order: -1;
    margin-top: 0;
  }
  #classix {
    padding-bottom: 0;
  }
  #array {
    padding-bottom: 32px;
  }
  #zakazkove {
    padding-top: 32px;
    padding-bottom: 32px;
    flex-direction: column-reverse;
    gap: 0;
  }
  #zakazkove h3 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
    margin-bottom: 16px;
  }
  #zakazkove p {
    margin-bottom: 32px;
  }
  #zakazkove img {
    margin-left: auto;
    max-width: 70%;
  }
  #zakazkove > div {
    max-width: 100%;
    padding-right: 20px;
  }
  #zakazkove .btn,
  #classix .btn,
  #array .btn {
    width: 100%;
    max-width: unset;
  }
  .in-index .custom-footer__banner19 {
    padding-top: 56px;
  }
  .in-index .custom-footer__banner19 .kolekce-navigation {
    gap: 16px;
    padding: 32px 20px 8px 20px;
  }
  .in-index .custom-footer__banner20 {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .custom-footer__banner20 span,
  .custom-footer__banner27 span {
    gap: 0;
    padding-left: 0;
    position: relative;
  }
  .custom-footer__banner20 span h3,
  .custom-footer__banner27 span h3 {
    font-size: 20px;
    line-height: 32px;
    letter-spacing: 1px;
    padding-top: 64px;
  }
  .custom-footer__banner27 span h3 {
    max-width: 70%;
    padding-top: 0;
  }
  .custom-footer__banner20 .interier-text,
  .custom-footer__banner27 .interier-text {
    gap: 40px;
    padding-left: 20px;
    padding-right: 20px;
    width: unset;
    flex: unset;
  }
  .custom-footer__banner20 .interier-text > div,
  .custom-footer__banner27 .interier-text > div {
    gap: 16px;
  }
  .custom-footer__banner20 .interier-image,
  .custom-footer__banner27 .interier-image {
    max-height: unset;
    position: absolute;
    width: 120px;
    height: 128px;
    right: 0;
    top: 0;
  }
  blockquote {
    padding-left: 20px;
    font-size: 18px;
    line-height: 28px;
  }
  .custom-footer__banner20 .interier-text .btn,
  .custom-footer__banner27 .interier-text .btn {
    margin-top: 24px;
    width: 100%;
    max-width: unset;
  }
  .in-index .custom-footer__banner21 {
    padding-top: 32px;
    padding-bottom: 0;
  }
  .custom-footer__banner21 .banner-wrapper > span div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .in-index .swiper-slide {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 20% auto auto;
    gap: 16px;
  }
  .in-index .swiper-slide img {
    border-radius: 4px;
  }
  .in-index .swiper-slide img:nth-child(1) {
    grid-column: span 2;
    grid-row: 1;
    aspect-ratio: auto;
  }
  .in-index .swiper-slide img:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
    aspect-ratio: auto;
  }
  .in-index .swiper-slide img:nth-child(3) {
    grid-column: 1/span 3;
    grid-row: 2;
    aspect-ratio: 1/1;
  }
  .in-index .swiper-slide img:nth-child(4) {
    grid-column: 1/span 3;
    grid-row: 3;
    aspect-ratio: 3/1;
  }
}
@media (min-width: 400px) and (max-width: 767px) {
  .custom-footer__banner27 span p {
    max-width: calc(100% - 140px);
  }
}
#footer {
  position: relative;
  padding-top: 64px;
  padding-bottom: 64px;
}
#footer .site-name {
  order: 1;
  display: flex;
  justify-content: center;
}
#footer .site-name a {
  max-width: 220px;
}
#footer h4 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
#footer h5 {
  font-family: "Inter", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0;
  margin-bottom: 8px;
}
#footer a {
  color: #454545;
  padding-bottom: 8px;
  display: flex;
}
#footer .collection-block {
  margin-bottom: 16px;
}
#footer .custom-footer__banner3 {
  padding-left: 40px;
  border-left: 1px solid #141414;
}
#footer .custom-footer__banner3 a {
  color: #141414;
  text-decoration: underline;
}
#footer .back-to-top {
  position: absolute;
  right: max(50vw - 720px, 20px);
  bottom: 72px;
  color: #ffffff;
}
#footer .back-to-top:after {
  transform: rotate(270deg);
}

.footer-rows {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.custom-footer {
  padding: 0;
  border: none;
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  gap: 16px;
}
.custom-footer > div {
  flex: 0 0 342px;
}

.footer-links-icons {
  margin-top: 64px;
  display: flex;
  justify-content: center;
  gap: 24px;
}
.footer-links-icons .footer-icons {
  display: flex;
  justify-content: center;
  gap: 8px;
}
.footer-links-icons .footer-contact {
  display: flex;
  font-weight: 700;
  font-size: 20px;
  width: 220px;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
}
@media (min-width: 768px) {
  .footer-links-icons .footer-contact:first-of-type {
    justify-content: end;
  }
}

.footer-bottom-wrapper {
  background-color: #141414;
  color: #ffffff;
  position: relative;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 13px;
}

.footer-bottom .copyright {
  order: 1;
}

.footer-bottom > img {
  order: 2;
  margin: 0 auto;
}

.footer-bottom #signature {
  order: 3;
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}
.footer-bottom #signature a {
  color: #ffffff;
  font-weight: 700;
}
.footer-bottom #signature img {
  height: 20px;
  width: auto;
  vertical-align: middle;
  margin-left: 0.5em;
  margin-right: 0.5em;
}

@media (width <= 767px) {
  #footer {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  #footer h4 {
    font-size: 18px;
    line-height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #footer .back-to-top {
    bottom: 24px;
    padding: 12px;
    width: 48px;
    height: 48px;
    font-size: 0;
  }
  #footer .back-to-top:after {
    margin-right: 12px;
  }
  .footer-rows {
    gap: 40px;
  }
  .footer-rows .site-name a {
    max-width: 217px;
  }
  .custom-footer > div {
    flex: 0 0 100%;
  }
  .custom-footer > div:not(:first-child):not(.custom-footer__banner3) {
    margin-top: 16px;
  }
  .custom-footer > div ul,
  .custom-footer .collection-block {
    display: none;
  }
  .custom-footer span.--active ul,
  .custom-footer span.--active .collection-block {
    display: block;
  }
  #footer .custom-footer__banner3 {
    padding-left: 0;
    border-left: none;
    border-top: 1px solid #141414;
    padding-top: 16px;
  }
  #footer .footer-rows h4::after {
    transition: 0.15s ease-out;
    content: url(assets/arrow-black-big.svg);
    line-height: 0;
    transform: rotate(90deg);
  }
  #footer .footer-rows h4.--active::after {
    content: url(assets/arrow-black-big.svg);
    transform: rotate(270deg);
  }
  .footer-links-icons {
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    gap: 20px;
  }
  .footer-links-icons .footer-icons {
    gap: 12px;
  }
  .footer-links-icons .footer-icon a {
    padding-bottom: 0 !important;
    width: 40px;
    height: 40px;
    display: block;
  }
  .footer-links-icons .footer-contact {
    justify-content: center;
    text-align: center;
    font-size: 18px;
    line-height: 28px;
    padding-bottom: 0 !important;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
  }
}
.contact-info {
  color: #454545;
}

.contact-info h3 {
  margin-bottom: 24px;
  color: #141414;
}

.contact-info strong {
  min-width: 64px;
  display: inline-block;
  color: #141414;
  margin-right: 8px;
  padding-bottom: 8px;
}

.contact-info-details {
  display: flex;
  justify-content: space-between;
}
.contact-info-details > div {
  flex: 0 0 260px;
}
.contact-info-details h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
  letter-spacing: normal;
  padding-bottom: 16px;
  font-family: "Inter", sans-serif;
  color: #141414;
}
.contact-info-details a {
  color: #141414;
}
.contact-info-details .contact-block {
  padding-bottom: 24px;
}

iframe {
  border-radius: 8px;
}

.in-kontakty iframe {
  margin-bottom: 48px;
}

.contact-banner-text {
  margin-left: auto;
  margin-right: auto;
  padding: 64px 20px 120px;
}

@media (max-width: 767px) {
  .in-kontakty .footer-links-icons {
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .in-kontakty iframe {
    max-height: 246px;
    margin-bottom: 40px;
  }
  .contact-info-details {
    flex-direction: column;
    gap: 40px;
  }
  .contact-info-details > div {
    flex: unset;
  }
  .contact-banner img {
    height: 480px;
    object-fit: cover;
    object-position: center;
  }
  .contact-banner-text {
    padding-top: 32px;
    padding-bottom: 48px;
  }
  .contact-banner-text .btn.btn-secondary {
    max-width: unset;
    width: 100%;
  }
  .contact-banner-text p {
    padding-top: 16px;
    padding-bottom: 32px;
    font-size: 14px;
    line-height: 20px;
  }
}
.o-nas-intro-section h1,
.o-nas-vision-section h2,
.o-nas-materials-section h2,
.o-nas-zevnitr-section h2,
.o-nas-partners-section h2 {
  text-align: center;
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 64px;
}

.o-nas-intro-section {
  padding-left: 20px;
  padding-right: 20px;
}

.o-nas-intro-section h1 {
  padding-top: 80px;
}

.o-nas-vision-section h2 {
  padding-top: 0;
}

.o-nas-intro-section h1 + p,
.o-nas-vision-section h2 + p,
.o-nas-materials-section h2 + p,
.o-nas-zevnitr-section h2 + p,
.o-nas-partners-section h2 + p {
  text-align: center;
  max-width: 952px;
  margin-left: auto;
  margin-right: auto;
  color: #454545;
  padding-top: 32px;
}

.o-nas-intro-section h1 + p {
  max-width: 620px;
}

.o-nas-history-section {
  display: flex;
  justify-content: space-between;
  padding-left: max(50vw - 720px, 20px);
  padding-top: 120px;
}
.o-nas-history-section > div {
  flex: 1 0 40%;
  max-width: 570px;
}
.o-nas-history-section > img {
  max-height: 952px;
}

.o-nas-history {
  display: flex;
  flex-direction: column;
  gap: 120px;
}
.o-nas-history .o-nas-history-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.o-nas-history .o-nas-history-text p {
  color: #454545;
}
.o-nas-history .o-nas-history-quote {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.o-nas-history .o-nas-history-quote-text {
  font-style: italic;
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  max-width: 532px;
}
.o-nas-history .o-nas-history-quote-author {
  display: flex;
  gap: 16px;
}
.o-nas-history .o-nas-history-quote-author img {
  width: 48px;
  height: 48px;
  border-radius: 4px;
}
.o-nas-history .o-nas-history-quote-author .o-nas-history-quote-author-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.o-nas-history .o-nas-history-quote-author .o-nas-history-quote-author-text .author-name {
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
.o-nas-history .o-nas-history-quote-author .o-nas-history-quote-author-text .author-position {
  font-size: 13px;
  line-height: 1;
  color: #454545;
  font-weight: 500;
}

.o-nas-benefits,
.o-nas-materials {
  padding-top: 80px;
  padding-bottom: 64px;
  display: grid;
  gap: 24px;
}

.o-nas-benefits {
  grid-template-columns: repeat(4, 1fr);
}

.o-nas-benefit {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.o-nas-benefit div {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.o-nas-benefit div p {
  color: #454545;
}
.o-nas-benefit img {
  border-radius: 8px;
}

.o-nas-materials {
  grid-template-columns: repeat(2, 1fr);
}

.wellness-row {
  display: flex;
  gap: 24px;
}
.wellness-row__stack {
  flex: 876;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.wellness-row__stack img {
  width: 100%;
  height: 420px;
  object-fit: cover;
  border-radius: 8px;
}
.wellness-row__tall {
  flex: 540;
  height: 864px;
  object-fit: cover;
  border-radius: 8px;
}
@media (max-width: 1100px) and (min-width: 768px) {
  .wellness-row {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .wellness-row {
    flex-direction: column;
    gap: 16px;
    padding: 0;
  }
  .wellness-row__stack {
    flex-direction: row;
    gap: 16px;
    flex: unset;
  }
  .wellness-row__stack img {
    height: 133px;
    aspect-ratio: unset;
    flex: 1;
    object-fit: cover;
    width: calc(50% - 8px);
  }
  .wellness-row__tall {
    width: 100vw;
    height: 480px;
    flex: none;
  }
}

.o-nas-material {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
.o-nas-material div {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.o-nas-material div p {
  color: #454545;
}
.o-nas-material img {
  border-radius: 8px;
}

.o-nas-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(3, auto);
  gap: 24px;
  padding-top: 64px;
  padding-bottom: 64px;
}

.o-nas-grid img {
  border-radius: 8px;
}

.o-nas-grid img:nth-child(1) {
  grid-column: 1/3;
  grid-row: 1;
}

.o-nas-grid img:nth-child(2) {
  grid-column: 3;
  grid-row: 1;
}

.o-nas-grid img:nth-child(3) {
  grid-column: 1;
  grid-row: 2;
}

.o-nas-grid img:nth-child(4) {
  grid-column: 2/4;
  grid-row: 2;
}

.o-nas-grid img:nth-child(5) {
  grid-column: 1/3;
  grid-row: 3;
}

.o-nas-grid img:nth-child(6) {
  grid-column: 3;
  grid-row: 3;
}

.partner-logos {
  display: flex;
  justify-content: center;
  gap: 24px;
  flex-wrap: wrap;
  padding-top: 64px;
  padding-bottom: 64px;
}

.partner-logos img {
  width: 342px;
  height: auto;
  object-fit: contain;
}

@media (max-width: 991px) {
  .o-nas-history-section {
    flex-direction: column-reverse;
    padding: 32px 0 32px 20px;
  }
  .o-nas-history-section > img {
    aspect-ratio: 1/1;
    max-width: 70%;
    margin-left: auto;
  }
  .o-nas-history-section .o-nas-history {
    padding-right: 20px;
    gap: 40px;
  }
  .o-nas-history-section .o-nas-history .o-nas-history-text {
    gap: 16px;
  }
  .o-nas-history-section .o-nas-history .o-nas-history-quote {
    gap: 24px;
  }
}
@media (max-width: 767px) {
  .o-nas-partners-section h2,
  .o-nas-zevnitr-section h2,
  .o-nas-materials-section h2,
  .o-nas-vision-section h2,
  .o-nas-intro-section h1 {
    padding-top: 32px;
  }
  .o-nas-partners-section h2 + p,
  .o-nas-zevnitr-section h2 + p,
  .o-nas-materials-section h2 + p,
  .o-nas-vision-section h2 + p,
  .o-nas-intro-section h1 + p {
    padding-top: 16px;
    text-align: left;
    max-width: 100%;
  }
  .o-nas-intro-section h1 {
    text-align: left;
    letter-spacing: 7px;
  }
  .o-nas-intro-section h1 + p {
    font-size: 14px;
  }
  .o-nas-benefits {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-top: 48px;
    padding-bottom: 24px;
  }
  .o-nas-benefit {
    flex-direction: row;
    gap: 16px;
  }
  .o-nas-benefit div {
    gap: 12px;
  }
  .o-nas-benefit img {
    max-width: 100px;
    height: 88px;
    object-fit: cover;
  }
  .o-nas-materials-section h2 + p br {
    display: none;
  }
  .o-nas-materials {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .o-nas-material {
    gap: 16px;
  }
  .o-nas-material div {
    gap: 12px;
  }
  .o-nas-material img {
    max-width: 270px;
  }
  .o-nas-zevnitr-section h2,
  .o-nas-materials-section h2,
  .o-nas-vision-section h2 {
    letter-spacing: 6px;
    text-align: left;
  }
  .o-nas-grid {
    gap: 16px;
    padding-top: 48px;
    padding-bottom: 32px;
    grid-template-rows: auto auto auto auto;
  }
  .o-nas-grid img {
    height: 100%;
    border-radius: 4px;
  }
  .o-nas-grid img:nth-child(3) {
    grid-column: 1/4;
    grid-row: 2;
    aspect-ratio: 1/1;
  }
  .o-nas-grid img:nth-child(4) {
    grid-column: 1/4;
    grid-row: 3;
    aspect-ratio: 335/163;
  }
  .o-nas-grid img:nth-child(5) {
    grid-row: 4;
  }
  .o-nas-grid img:nth-child(6) {
    grid-row: 4;
  }
  .o-nas-partners-section .partner-logos {
    padding-top: 48px;
    padding-bottom: 32px;
  }
  .o-nas-partners-section .partner-logos img {
    width: 100%;
    max-width: 270px;
  }
}
.ordering-process-footer {
  border-top: 1px solid #141414;
}
.ordering-process-footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
.ordering-process-footer .container > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #454545;
  font-size: 13px;
  line-height: 20px;
}
.ordering-process-footer .tel.project-phone,
.ordering-process-footer .mail.project-mail,
.ordering-process-footer .secure-payment span {
  font-weight: 700;
  color: #141414;
  font-size: 16px;
  line-height: 24px;
}
.ordering-process-footer .tel.project-phone,
.ordering-process-footer .mail.project-mail {
  display: flex;
  align-items: center;
}
.ordering-process-footer .tel.project-phone::before,
.ordering-process-footer .mail.project-mail::before {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-size: contain;
}
.ordering-process-footer .tel::before {
  content: url(assets/Phone.svg);
}
.ordering-process-footer .mail::before {
  content: url(assets/Mail.svg);
}

.ordering-process #checkoutSidebar .checkout-box .btn-block > span {
  display: none;
}

.ordering-process #checkoutSidebar .checkout-box .btn-block.toggle-contacts {
  pointer-events: none;
  font-size: 25px;
  line-height: 40px;
  margin-bottom: 16px;
  font-family: "Montserrat", sans-serif;
}

.in-kosik .free-gift {
  display: none;
}

@media (max-width: 767px) {
  .ordering-process #checkoutSidebar .checkout-box .btn-block.toggle-contacts {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 16px;
  }
}
.shp-tabs-row .navigation-btn {
  display: none !important;
}

.shp-tabs {
  display: flex;
  padding-top: 24px;
  padding-bottom: 24px;
  justify-content: center;
  align-items: center;
  gap: 32px;
  align-self: stretch;
}

.extended-description,
#productVideos {
  display: flex;
  flex-direction: column;
  gap: 56px;
  padding: 64px 0;
  justify-content: center;
  align-items: center;
  max-width: 952px;
  margin: 0 auto;
}

.basic-description-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding-right: max(50vw - 720px, 20px);
  display: flex;
  gap: 146px;
  justify-content: space-between;
  align-items: center;
}
.basic-description-wrapper > img {
  max-height: 920px;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-left: -200px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
@media (min-width: 1000px) {
  .basic-description-wrapper > img {
    flex: 1 1 60%;
    max-width: 60% !important;
  }
}
.basic-description-wrapper .basic-description h3 {
  margin-bottom: 56px;
}
.basic-description-wrapper .basic-description p {
  color: #454545;
  margin-bottom: 20px;
}
.basic-description-wrapper blockquote {
  font-size: 18px;
  line-height: 28px;
  margin-top: 56px;
}

.extended-description h3,
#productVideos h3,
.basic-description h3 {
  text-transform: uppercase;
  letter-spacing: 9.6px;
  font-size: 48px;
  line-height: 64px;
}

#productVideos h3 {
  text-align: center;
}

#description .detail-parameters {
  width: 100%;
}

#description .detail-parameters tbody {
  display: flex;
  flex-direction: column;
  align-self: stretch;
}

#description .detail-parameters tr {
  display: flex;
  padding: 12px 24px;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
#description .detail-parameters tr th {
  width: 160px;
  text-align: left;
}
#description .detail-parameters tr td {
  flex: 1 0 0;
}

.description-inner .extended-description tbody tr:nth-child(even) {
  background-color: #f3f3f3;
  border-radius: 4px;
}

#productVideos iframe {
  max-height: 520px;
}

.products-related-header {
  font-size: 40px;
  line-height: 56px;
  letter-spacing: 2px;
  text-transform: none;
  text-align: center;
  margin-bottom: 56px;
}

.flags,
.products-block .p .flags-default {
  display: none;
}

.custom-swiper {
  padding-bottom: 64px;
}

.custom-swiper .product .p-tools,
.custom-swiper .product .flags,
.type-category .product .p-tools,
.type-category .product .flags {
  display: none;
}
.custom-swiper .product .image,
.type-category .product .image {
  display: block;
  margin-bottom: 8px;
}
.custom-swiper .product .image img,
.type-category .product .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
  aspect-ratio: 1/1;
}
.custom-swiper .product .p-in-in,
.type-category .product .p-in-in {
  font-weight: 700;
}
.custom-swiper .product .p-bottom,
.type-category .product .p-bottom {
  color: #454545;
  font-size: 13px;
  line-height: 20px;
}
.custom-swiper .product .p-bottom strong,
.type-category .product .p-bottom strong {
  font-weight: 400;
}

.browse-p {
  display: none;
}

@media (max-width: 1000px) {
  .products-related-header {
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: 0.1em;
    margin-bottom: 24px;
  }
  .basic-description-wrapper .basic-description h3,
  .extended-description h3,
  #productVideos h3 {
    font-size: 36px;
    line-height: 52px;
    letter-spacing: 7.2px;
    margin-bottom: 16px;
  }
  .extended-description {
    padding: 48px 0;
  }
  .extended-description h3 {
    margin-bottom: 0;
  }
  .products-related-header + .custom-swiper .name {
    font-size: 14px;
    line-height: 20px;
  }
  .controls-row {
    justify-content: center;
    margin-top: 24px;
  }
  .custom-swiper {
    padding-bottom: 32px;
  }
  .shp-tabs {
    gap: 24px;
    width: 100%;
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer 10+ */
  }
  .shp-tabs::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .shp-tab {
    white-space: nowrap;
  }
  .basic-description-wrapper {
    flex-direction: column;
    gap: 48px;
    padding: 0 20px;
    align-items: start;
  }
  #description .detail-parameters tr {
    padding: 12px;
    gap: 15px;
  }
  .basic-description-wrapper > img {
    height: 491px;
    margin-left: -40px;
  }
  .basic-description-wrapper blockquote {
    margin-top: 24px;
    padding-left: 20px;
  }
  .type-product .o-nas-materials {
    padding-top: 72px;
  }
  .type-product .o-nas-materials img {
    width: 100%;
    height: auto;
    max-width: 100%;
  }
  .custom-footer__banner24 {
    padding-top: 0;
    padding-bottom: 48px;
  }
  #zakazkova-vyroba {
    padding: 32px 20px 48px 20px;
    text-align: left;
  }
  #productVideos {
    padding-top: 24px;
    padding-bottom: 32px;
    gap: 16px;
  }
  #productVideos iframe {
    max-height: 200px;
  }
  .custom-footer__banner21 .banner-wrapper > span {
    gap: 48px;
  }
  .custom-footer__banner24 .banner-wrapper > span {
    gap: 0;
  }
  .custom-footer__banner21 .banner-wrapper > span div,
  .custom-footer__banner24 .banner-wrapper > span div,
  .contact-banner-text {
    align-items: start;
    text-align: left;
  }
  .type-product.type-detail .custom-footer__banner24 p,
  .custom-footer__banner21 .banner-wrapper > span p,
  .contact-banner-text p {
    padding-top: 16px;
    padding-bottom: 32px;
  }
  .type-product.type-detail .custom-footer__banner24 .banner-wrapper > span > div > span {
    margin-bottom: 8px;
  }
  .custom-footer__banner24 .banner-wrapper > span > img,
  .custom-footer__banner21 .banner-wrapper > span > img {
    width: 100%;
    min-height: 480px;
    max-width: 100%;
  }
  .custom-footer__banner21 h2 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: 0.3em;
  }
  .custom-footer__banner21 .banner-wrapper > span p {
    font-size: 14px;
    line-height: 20px;
  }
  .custom-footer__banner21 .btn.btn-primary {
    width: 100%;
    max-width: unset;
  }
}
.type-category .pr-list-unit {
  display: none;
}

.pagination-wrapper {
  padding-top: 24px;
  padding-bottom: 64px;
}
.pagination-wrapper .pagination-top {
  padding: 12px 28px 12px 20px;
}
.pagination-wrapper .pagination-top strong {
  font-weight: 700;
}
.pagination-wrapper .pagination-top::after {
  content: "";
  display: none;
}
.pagination-wrapper .pagination-top::before {
  content: url(assets/arrow-black-big.svg);
  transform: rotate(-90deg);
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .pagination-wrapper .pagination-top {
    border: none;
    text-decoration: underline;
    padding: 0;
    color: #454545;
  }
  .pagination-wrapper .pagination-top::before {
    display: none;
  }
}

.banner-category {
  border-radius: 8px;
  overflow: hidden;
}
.banner-category a,
.banner-category img {
  height: 100%;
}
.banner-category .extended-banner-texts {
  padding: 48px;
  max-width: 464px;
}
.banner-category .extended-banner-title {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3.5rem;
  letter-spacing: 0.125rem;
  text-transform: none;
}
.banner-category .extended-banner-title span {
  text-transform: uppercase;
  font-weight: 600;
}
.banner-category .extended-banner-text {
  margin-bottom: auto;
}

@media (max-width: 767px) {
  .banner-category {
    min-height: 480px;
  }
  .banner-category .extended-banner-texts {
    padding: 156px 20px 32px;
  }
  .banner-category .extended-banner-title {
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 1.6px;
  }
  .banner-category img {
    object-fit: cover;
  }
}
.in-index .review-container .swiper-slide {
  display: flex;
  flex-direction: column;
  gap: 40px;
  height: auto;
  justify-content: end;
}
@media (max-width: 767px) {
  .in-index .review-container .swiper-slide {
    gap: 24px;
  }
}

.review-container {
  padding-top: 80px;
  position: relative;
}
@media (max-width: 767px) {
  .review-container {
    padding-top: 40px;
  }
}
.review-container .vote-content {
  color: #454545;
  font-size: 20px;
  font-style: italic;
  font-weight: 300;
  line-height: 32px;
}
.review-container .vote-footer {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-weight: 700;
  font-size: 20px;
  line-height: 32px;
}
.review-container .stars {
  gap: 0;
  margin-right: 100%;
}
.review-container .vote-pic {
  display: block;
  height: 48px;
  width: 48px;
}
.review-container .vote-initials {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background-color: #d9d9d9 !important;
}
.review-container .controls-row {
  margin-top: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .review-container .controls-row {
    position: unset;
    padding-top: 24px;
  }
}

/*# sourceMappingURL=scss-style.css.map*/