/* BASE */

/* COLORS */

html {
  font-size: 2.66666667vw;
}

body {
  font-family: "Gilroy", Sans-Serif;
  font-style: normal;
  background: #FAF8F3;
  color: #0B0B0B;
}

main {
  padding-top: 5.1rem;
  overflow-y: hidden;
}

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

p a {
  text-decoration: underline;
}

::-webkit-scrollbar {
  width: 10px;
  border: 1px solid #dfdfdf;
  background-color: inherit;
}

@media (max-width: 450px) {
  ::-webkit-scrollbar {
    width: 5px;
  }
}

::-webkit-scrollbar-thumb {
  background-color: #dfdfdf;
}

input {
  border: 0;
  outline: none;
}

button {
  padding: 0;
  border: none;
  font: inherit;
  color: inherit;
  background-color: transparent;
  cursor: pointer;
}

img,
video {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 450px) {
  .mob {
    display: none !important;
  }
}

ul {
  margin-left: 0;
  padding-left: 0;
}

ul li {
  list-style-type: none;
}

@media (max-width: 450px) {
  .no-padding {
    padding-bottom: 0;
  }
}

@media (max-width: 450px) {
  .desktop {
    display: none !important;
  }
}

.mobile {
  display: none !important;
}

@media (max-width: 450px) {
  .mobile {
    display: block !important;
  }
}

@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-SemiBold.eot?8134b9ab378c54626928c6a4e62b63bf);
  src: local("Gilroy SemiBold"), local("Gilroy-SemiBold"), url(/fonts/Gilroy-SemiBold.eot?8134b9ab378c54626928c6a4e62b63bf) format("embedded-opentype"), url(/fonts/Gilroy-SemiBold.woff?e38937dbf8202c1448029851a98cb96a) format("woff"), url(/fonts/Gilroy-SemiBold.ttf?6780292641f883b3dad36614cac8dd5a) format("truetype");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(/fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273) format("embedded-opentype"), url(/fonts/Gilroy-Medium.woff?2bc7f5d7ea77ee1bddb3d9388913a8d1) format("woff"), url(/fonts/Gilroy-Medium.ttf?f9f832b0ed3f1ab138c962ada983dbcc) format("truetype");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-ExtraBold.eot?9000ed2a78b7dba6fcd6ed726028dd56);
  src: local("Gilroy ExtraBold"), local("Gilroy-ExtraBold"), url(/fonts/Gilroy-ExtraBold.eot?9000ed2a78b7dba6fcd6ed726028dd56) format("embedded-opentype"), url(/fonts/Gilroy-ExtraBold.woff?cb761043a2e505ff53c1db3cb39673e6) format("woff"), url(/fonts/Gilroy-ExtraBold.ttf?0ac6879cd286550da90326ac0ba520e9) format("truetype");
  font-weight: 800;
  font-style: normal;
}

.content_container {
  margin-left: 1.9rem;
  margin-right: 1.9rem;
}

.main-title {
  margin-top: 1.9rem;
  font-style: normal;
  font-weight: 600;
  font-size: 3.3rem;
  line-height: 0.9090909091;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -0.02em;
}

.main-title > * {
  font-weight: 500;
  font-size: 3.3rem;
  line-height: 0.9090909091;
}

.main-title b {
  color: #FFB800;
}

.product_title {
  margin-top: 0.9rem;
  font-style: normal;
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.2105263158;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -0.02em;
}

.price {
  font-style: normal;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 2.8461538462;
  leading-trim: both;
  text-edge: cap;
  letter-spacing: -0.02em;
  margin-top: 1.5rem;
}

.price b {
  font-size: 3rem;
  line-height: 1.2333333333;
  color: #FFB800;
  font-weight: 500;
}

.price_notion {
  font-style: normal;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.2;
  leading-trim: both;
  text-edge: cap;
  color: #5B5B5B;
}

/* LAYOUT */

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 5.1rem;
  background-color: #ffffff;
  z-index: 20;
}

.header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  height: 100%;
}

.header__tools {
  display: flex;
  justify-content: flex-end;
  width: 20%;
  max-width: 160px;
  padding-right: 1rem;
}

@media (max-width: 450px) {
  .header__tools {
    width: auto;
  }
}

.header__auth {
  display: block;
  background: url(/images/auth.svg?e307a11d1e83817f208a16d75edf3902);
  background-size: 100%;
  width: 2rem;
  height: 2rem;
}

.header__logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header__logo img {
  width: 15rem;
}

.footer {
  background: #D9D9D9;
}

.footer-social {
  padding: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-social .social {
  display: block;
  width: 2.1rem;
  height: 2.1rem;
  margin: 0 2.5rem;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.footer-social .social__instagram {
  background-image: url(/images/icon_instagram.svg?4a229f200c45b62d250e03421831ea02);
}

.footer-social .social__facebook {
  background-image: url(/images/icon_facebook.svg?4374d893594abe0e03f98399f1bc584a);
}

.footer-copy {
  background: #0B0B0B;
  text-align: center;
  padding: 1.2rem;
}

.footer-copy a {
  color: #FFB800;
  text-decoration: none;
  font-size: 1.2rem;
  line-height: 1.25;
  font-style: normal;
  font-weight: 700;
}

.footer-copy a:hover {
  text-decoration: underline;
}

.product_characteristics {
  margin-top: 1.8rem;
  background: #E9E6E0;
  padding: 2rem 0;
}

.product_characteristics h3 {
  font-style: normal;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 2.1rem;
  leading-trim: both;
  text-edge: cap;
  margin-bottom: 2rem;
}

.product_characteristics dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.2rem;
  line-height: 1.25;
}

.product_characteristics dl dt {
  padding-left: 1.9rem;
  width: 40%;
  font-weight: 500;
}

.product_characteristics dl dd {
  font-weight: 800;
  width: 60%;
  padding-right: 1.9rem;
}

.product_characteristics__auth {
  background: #FAF8F3;
}

.product_characteristics__auth dl {
  border-top: 1px solid #E9E6E0;
}

.product_characteristics__auth dl dt,
.product_characteristics__auth dl dd {
  width: 50%;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid #E9E6E0;
}

.image-gallery {
  margin-top: 2.4rem;
}

.slick-next,
.slick-prev {
  width: 2.5rem;
  height: 2.5rem;
  z-index: 1;
  background-color: #FFB800;
  border-radius: 50%;
}

.slick-next:before,
.slick-prev:before {
  content: "";
  display: inline-block;
  width: 1.3rem;
  height: 1.2rem;
  background-position: center center;
  color: #FFB800;
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 1;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
  background-color: #FFB800;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-track {
  display: flex;
  align-items: center;
}

.slick-track .slick-slide {
  display: flex;
  align-items: center;
  justify-content: center;
}

.slick-prev {
  left: 1rem;
}

.slick-prev:before {
  background-image: url(/images/arrow-l.svg?6acc1dda45896f85024f97ab79e0f785);
}

.slick-next {
  right: 1rem;
}

.slick-next:before {
  background-image: url(/images/arrow-r.svg?d588eff7dbc76fe491e2153c8e8893b5);
}

.slick-dots {
  bottom: auto;
  font-size: 0.5rem;
  margin-top: 1.5rem;
  margin-bottom: 1.1rem;
  line-height: 1;
}

.slick-dots li {
  width: 0.5rem;
  height: 0.5rem;
  margin: 0 0.6rem;
}

.slick-dots li.slick-active button {
  background-color: #FFB800;
}

.slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
  background: #D9D9D9;
  border-radius: 50%;
}

.slick-dots li button:before {
  content: none;
}