@charset "UTF-8";
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Thin"), local("ApercuPro-Thin"), url("../fonts/ApercuPro-Thin.woff2") format("woff2"), url("../fonts/ApercuPro-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro ExtraLight"), local("ApercuPro-ExtraLight"), url("../fonts/ApercuPro-ExtraLight.woff2") format("woff2"), url("../fonts/ApercuPro-ExtraLight.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Light"), local("ApercuPro-Light"), url("../fonts/ApercuPro-Light.woff2") format("woff2"), url("../fonts/ApercuPro-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Regular"), local("ApercuPro-Regular"), url("../fonts/ApercuPro-Regular.woff2") format("woff2"), url("../fonts/ApercuPro-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Medium"), local("ApercuPro-Medium"), url("../fonts/ApercuPro-Medium.woff2") format("woff2"), url("../fonts/ApercuPro-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Bold"), local("ApercuPro-Bold"), url("../fonts/ApercuPro-Bold.woff2") format("woff2"), url("../fonts/ApercuPro-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Apercu Pro";
  src: local("../fonts/Apercu Pro Black"), local("ApercuPro-Black"), url("../fonts/ApercuPro-Black.woff2") format("woff2"), url("../fonts/ApercuPro-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
:root {
  --primary: #2E2E2E;
  --accent: #EFC609;
  --bg-primary: #2E2E2E;
  --bg-accent: #EFC609;
  --bg-label-popular: #CEE830;
  --bg-light: #FFFFFF;
  --bg-dark: #2E2E2E;
  --bg-gray: #FAFAFA;
/*  --bg-body: #F6F6F6;*/
  --bg-bullet-defaul: #D9D9D9;
  --text-primary: #2E2E2E;
  --text-light: #FFFFFF;
  --text-dark: #2E2E2E;
  /* capital letters - used in combo with the lhCrop mixin */
  --font-primary-capital-letter: 0.75;
}

* {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  min-width: 320px;
}

body {
  color: #2E2E2E;
  line-height: 1;
  font-family: "Apercu Pro";
  font-size: 0.9375rem;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

input,
button,
textarea {
  font-family: "Apercu Pro";
  font-size: inherit;
  line-height: inherit;
}

button {
  cursor: pointer;
  color: inherit;
  background-color: transparent;
}

a {
  color: inherit;
  text-decoration: none;
}

ul li {
  list-style: none;
}

img {
  vertical-align: top;
  max-width: 100%;
/*  max-height: 100%;*/
  object-fit: cover;
/*    width: 100%;*/
/*    height: inherit;*/
    height: 100%;
}

.slider-card__slide img {
   width: 100%;
}


._vertical-trim {
  display: inline-block;
}
._vertical-trim::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
/*  margin-top: calc((var(--font-primary-capital-letter) - 0.75) * 0.5em);*/
}
@media (min-width: 47.99875em) {
  ._vertical-trim::before {
    content: "";
    display: block;
    height: 0;
    width: 0;
/*    margin-top: calc((var(--font-primary-capital-letter) - 1) * 0.5em);*/
  }
}

._visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
  -webkit-clip-path: inset(100%);
          clip-path: inset(100%);
  clip: rect(0 0 0 0);
  overflow: hidden;
}

.outlines-on > * {
  outline: 2px solid deeppink;
}

.outlines-on > * > * {
  outline: 2px dashed lime;
  outline-offset: -2px;
}

.outlines-on > * > * > * {
  outline: 2px dotted dodgerblue;
  outline-offset: -4px;
}

.wrapper, 
#wrapper {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--bg-body);
}
@supports (overflow: clip) {
  .wrapper,
  #wrapper {
    overflow: clip;
  }
}
.wrapper > main,
#wrapper > main {
  flex: 1 1 auto;
}
.wrapper > *,
#wrapper > * {
  min-width: 0;
}

[class*=__container] {
  max-width: 120rem;
  margin: 0 auto;
}
@media (min-width: 29.99875em) {
  [class*=__container] {
    padding: 0 1.25rem;
  }
}
@media (min-width: 47.99875em) {
  [class*=__container] {
    padding: 0 1.6666666667rem;
  }
}
@media (min-width: 79.99875em) {
  [class*=__container] {
    padding: 0 2.5rem;
  }
}


@media (min-width: 17.99875em) {
  h1.title {
    font-size: clamp(10px, 4.873239px + 8.2253521127vw, 80px);
/*    font-size: 4.5rem;*/
  }
  h1.title.main-title {
    font-size: clamp(10px, 4.873239px + 8.2253521127vw, 80px);
  }
  h2.title {
    font-size: clamp(10px, 4.873239px + 5.2253521127vw, 80px);

/*    font-size: 3.125rem;*/
  }
   .slider-main {
        height: clamp(600px, 287.873239px + 40.225352vw, 1050px);
  }

  .slider-img {
    width: 100%;
    overflow: hidden;
    aspect-ratio: 16/16;
  }

 /*   .slider-img img {
   max-width: fit-content;
  }*/
  

    .slider-main__slide .button--detail {
    margin-top:1rem;
  }
    .popular-products__heading, .popular-products__tags {
    gap: 2.5rem;
    background-size: contain;
  }
}

@media (min-width: 47.99875em) {
  h1.title {
    font-size: clamp(38px, 15.873239px + 8.2253521127vw, 80px);
/*    font-size: 4.5rem;*/
  }
  h1.title.main-title {
    font-size: clamp(38px, 8.873239px + 8.2253521127vw, 197px);
  }
  h2.title {
    font-size: clamp(10px, 4.873239px + 7.2253521127vw, 80px);

/*    font-size: 3.125rem;*/
  }
   .slider-main {
        height: clamp(300px, 287.873239px + 40.225352vw, 1050px);
  }
      .slider-main__slide .button--detail {
    margin-top:2rem;
  }
}
@media (min-width: 61.99875em) {
  h1.title {
    font-size: clamp(38px, 15.873239px + 8.2253521127vw, 197px);
/*    font-size: 5.875rem;*/
  }
  h1.title.main-title {
    font-size: clamp(38px, 15.873239px + 8.2253521127vw, 197px);
  }
  h2.title {
    font-size: clamp(10px, 4.873239px + 8.2253521127vw, 80px);

/*    font-size: 4rem;*/
  }
   .slider-main {
        height: clamp(300px, 222.873239px + 46.225352vw, 1050px);
  }
     .slider-main__slide .button--detail {
    margin-top:2rem;
  }
}
@media (min-width: 79.99875em) {
  h1.title {
/*    font-size: 7.625rem;*/
    font-size: clamp(38px, 22.873239px + 8.2253521127vw, 197px);

  }
  h1.title.main-title {
    font-size: clamp(38px, 22.873239px + 8.2253521127vw, 197px);
  }
  h2.title {
    font-size: clamp(10px, 4.873239px + 8.2253521127vw, 55px);

/*    font-size: 4.5rem;*/
  }

  .slider-main {
        height: clamp(300px, 222.873239px + 42.225352vw, 1050px);
  }
     .slider-main__slide .button--detail {
    margin-top:0rem;
  }
}
@media (min-width: 61.99875em) {
  .button--catalog {
    padding: 0.8125rem 1rem;
  }
  .button--catalog > *:not(.icon) {
    display: inherit;
  }
}
@media (min-width: 47.99875em) {
  .counter {
    padding: 0.3125rem 0.625rem 0.375rem;
  }
}
@media (min-width: 61.99875em) {
  .card-product__description {
    padding: 1.875rem;
  }
}
@media (min-width: 61.99875em) {
  .breadcrumbs {
    gap: 1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .slider-detail__slide[class*=slide] img {
    max-height: 41.8125rem;
  }
}
@media (min-width: 79.99875em) {
  .slider-thumbs {
    padding: 2.5rem 6rem;
  }
}
@media (min-width: 61.99875em) {
  .pagination {
    overflow-x: visible;
  }
  .pagination--round {
    justify-content: center;
  }
}
@media (min-width: 47.99875em) {
  .section-breadcrumbs {
    display: inherit;
    padding: 1.25rem 0;
  }
  .section-detail {
    padding: 1.25rem 0 2.5rem;
  }
  .section-related,
  .section-similar,
  .section-categories,
  .section-viewed,
  .section-popular {
    padding: 3.75rem 0;
  }
}
@media (min-width: 61.99875em) {
  .section-detail {
    padding: 1.25rem 0 3.75rem;
  }
  .section-related,
  .section-similar,
  .section-categories,
  .section-viewed,
  .section-popular {
    padding: 5rem 0;
  }
}
@media (min-width: 79.99875em) {
  .section-detail {
    padding: 1.25rem 0 5rem;
  }
  .section-related,
  .section-similar,
  .section-categories,
  .section-viewed,
  .section-popular {
    padding: 6.25rem 0;
  }
}
@media (min-width: 29.99875em) {
  .product-detail__content {
    gap: 3.75rem;
  }
  .product-detail__title, .product-detail__selling, .product-detail__preview-text, .product-detail__table-props, .product-detail__tags, .product-detail__advantages, .product-detail__description, .product-detail__properties, .product-detail__set, .product-detail__files {
    padding: 1.25rem 0;
  }
}
@media (min-width: 61.99875em) {
  .product-detail {
    flex-direction: row;
    gap: 5.625rem;
  }
  .product-detail__content, .product-detail__gallery {
    flex: 1 1 50%;
  }
  .product-detail__content {
    padding: 0;
  }
  .product-detail__gallery {
    max-width: 100%;
    min-width: 0;
  }
  .product-detail__slider::before {
    /*content: "";
    width: 1px;
    height: 100%;
    max-height: 37.5rem;
    background-color: var(--bg-primary);
    position: absolute;
    top: 0;
    left: -2.8125rem;
    border-radius: 50%;
    z-index: 2;*/
  }
  .product-detail__selling {
    flex-direction: row;
  }
}
@media (min-width: 47.99875em) {
  .related-products__item--heading {
    grid-column: 1/3;
  }
}
@media (min-width: 61.99875em) {
  .related-products__item--heading {
    grid-column: 1/3;
  }
  .related-products__navigation {
    flex-direction: row;
  }
}
@media (min-width: 79.99875em) {
  .related-products__items {
    --min: calc(400px - 4px);
  }
}
@media (min-width: 47.99875em) {
  .similar-products__title {
    padding: 5rem 1.25rem;
  }
}
@media (min-width: 61.99875em) {
  .similar-products__navigation {
    justify-content: end;
    flex-direction: row;
  }
}
@media (min-width: 79.99875em) {
  .similar-products__items {
    --min: calc(400px - 4px);
  }
}
@media (min-width: 61.99875em) {
  .categories-nearby__heading {
    flex-wrap: nowrap;
  }
  .categories-nearby__title {
    margin-bottom: 0;
  }
  .categories-nearby__title, .categories-nearby__tags {
    flex: 1 1 50%;
  }
}
@media (min-width: 61.99875em) {
  .viewed-previously__heading {
    flex-wrap: nowrap;
  }
  .viewed-previously__title {
    margin-bottom: 0;
  }
  .viewed-previously__title, .viewed-previously__tags {
    flex: 1 1 50%;
  }
}

@media (min-width: 31.99875em) {
  .popular-products__heading {
    background-position: center;
    padding: 0rem 1.875rem 3.75rem;
    background-size: contain;
  }
  .popular-products__heading, .popular-products__tags {
    gap: 2.5rem;
  }
}
@media (min-width: 61.99875em) {
  .popular-products__heading {
    background-position: center;
/*    padding: 10rem 1.875rem 3.75rem;*/
    background-size: contain;
  }
  .popular-products__heading, .popular-products__tags {
    gap: 2.5rem;
  }
}
@media (min-width: 79.99875em) {
  .popular-products__wrapper {
    display: flex;
    align-items: center;
  }
  .popular-products__heading {
    flex: 1 1 30%;
  }
  .popular-products__content {
    flex: 1 1 50%;
  }
  .popular-products__items {
    --min: calc(340px - 4px);
  }
}
@media (min-width: 89.99875em) {
  .popular-products__heading {
    flex: 1 1 50%;
  }
}
@media (min-width: 99.99875em) {
  .popular-products__heading {
    flex: 1 1 50%;
  }
}/*# sourceMappingURL=responsive.css.map */