@charset "UTF-8";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

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

body {
  height: 100%;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
}

ul {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

p {
  margin: 0;
}

a {
  text-decoration: none;
  color: inherit;
  line-height: 0;
}

button {
  cursor: pointer;
  color: inherit;
  font-family: inherit;
  display: inline-block;
  font-size: inherit;
  border: none;
}

input, textarea {
  font-family: inherit;
}

input::placeholder, textarea::placeholder {
  font-family: inherit;
}

input:focus, textarea:focus {
  outline: none !important;
}

textarea {
  resize: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:active,
input:-webkit-autofill:focus {
  background-color: white !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus {
  background-color: white !important;
  color: #000 !important;
  -webkit-text-fill-color: #000 !important;
}

input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  display: none;
}

input[type=radio i], input[type=checkbox i] {
  margin: 0 0 0 0;
}

@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PTRootUI-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PTRootUI-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Root UI";
  src: url("../fonts/PTRootUI-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter18pt-ExtraBold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
.header-mobile {
  display: none;
}

@media (max-width: 61.99875em) {
  .header-mobile {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    padding-top: 1.25rem;
    padding-bottom: 0.125rem;
    z-index: 130;
    background-color: rgb(255, 255, 255);
    box-shadow: none;
    margin-bottom: 2rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile {
    padding-top: 2rem;
    padding-bottom: 0;
    margin-bottom: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile._scroll {
    display: none;
  }
  .header-mobile__top-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    line-height: 1.5rem;
    color: rgb(24, 29, 39);
    margin-bottom: 2.375rem;
    gap: 0.625rem;
    flex-wrap: wrap;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__top-wrapper {
    justify-content: flex-end;
    margin-bottom: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__contacts {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
  }
  .header-mobile__phone-link {
    display: flex;
    gap: 0.25rem;
    align-items: center;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__phone-link span {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__phone-link > img {
    width: 1rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__phone-link > img {
    width: 1.125rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__phone-link._last {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__phone {
    text-wrap: nowrap;
  }
  .header-mobile__email-wrapper {
    display: flex;
    gap: 0.375rem;
    align-items: center;
  }
  .header-mobile__email-wrapper img {
    width: 1rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__email-wrapper span {
    display: none;
  }
  .header-mobile__email-wrapper img {
    width: 1.1875rem;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__bottom {
    background-color: rgb(255, 255, 255);
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__bottom {
    padding-top: 1rem;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__bottom-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    position: relative;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__logo-link {
    position: absolute;
    left: 0;
    top: calc(-100% - 16px);
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__logo {
    height: 2.75rem;
    object-fit: contain;
  }
  .header-mobile__search-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    max-width: 43.5rem;
    position: relative;
  }
  .header-mobile__catalogue-btn {
    display: inline-block;
    border: none;
    position: relative;
    background-color: rgb(0, 134, 201);
    color: rgb(255, 255, 255);
    transition: all 0.2s ease-out;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    border-radius: 0.25rem;
    padding: 0.5rem 0.625rem;
    overflow: hidden;
    font-family: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    border-radius: 0.375rem;
    flex-basis: 3.25rem;
    flex-grow: 0;
    flex-shrink: 0;
    height: 2.75rem;
  }
}
@media (max-width: 61.99875em) and (any-hover: hover) {
  .header-mobile__catalogue-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .header-mobile__catalogue-btn {
    display: none;
  }
}
@media (max-width: 61.99875em) {
  .header-mobile__search-field {
    flex-basis: 550px;
    flex-grow: 2;
    position: relative;
  }
  .header-mobile__search-input {
    width: 100%;
    height: 2.75rem;
    border-radius: 0.25rem;
    padding: 0.1875rem 3.125rem 0.1875rem 1rem;
    border: 1px solid rgb(213, 215, 218);
  }
  .header-mobile__search-input:focus {
    outline: none !important;
    border: 1px solid rgb(0, 134, 201);
  }
  .header-mobile__search-submit {
    position: absolute;
    top: 0.25rem;
    right: 0.25rem;
    background-color: rgb(0, 134, 201);
    border-radius: 0.25rem;
    width: 2.5rem;
    height: 2.25rem;
    padding: 0.5rem 0.625rem;
    text-align: center;
    vertical-align: baseline;
  }
  .header-mobile__result {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: rgb(255, 255, 255);
    transform: translateY(10px);
    transition: all 0.2s ease-out;
    padding: 0.75rem 0 1rem;
    box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
    border-radius: 0.25rem;
    border: 1px solid rgb(213, 215, 218);
  }
  .header-mobile__result-wrapper {
    display: flex;
    flex-direction: column;
    margin-bottom: 1.25rem;
    color: rgb(10, 13, 18);
    font-weight: 700;
    font-size: 1rem;
    transition: all 0.2s ease-out;
    overflow: hidden;
  }
  .header-mobile__result-wrapper li > a {
    display: flex;
    justify-content: space-between;
    gap: 0.625rem;
    align-items: center;
    line-height: 1;
    padding: 0.75rem;
    font-size: 0.875rem;
  }
  .header-mobile__result-wrapper li > a > span {
    text-wrap: nowrap;
  }
  .header-mobile__result-wrapper li > a > p {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
  }
  .header-mobile__result-wrapper li > a > p span:last-child {
    color: rgb(196, 50, 10);
    font-weight: 400;
  }
  .header-mobile__result-btn {
    display: inline-block;
    border: none;
    position: relative;
    background-color: rgb(0, 134, 201);
    color: rgb(255, 255, 255);
    transition: all 0.2s ease-out;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    border-radius: 0.25rem;
    padding: 0.5rem 0.625rem;
    overflow: hidden;
    font-family: inherit;
    margin-left: 1rem;
    height: 2.5rem;
    line-height: 1.3;
    width: 100%;
    max-width: 15.3125rem;
    text-align: center;
  }
}
@media (max-width: 61.99875em) and (any-hover: hover) {
  .header-mobile__result-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .product__example {
    opacity: 0;
    visibility: hidden;
    transform: scale(0);
    position: absolute;
    top: -13px;
    left: 101%;
    background-color: rgb(255, 255, 255);
    z-index: 1000;
    box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
    border-radius: 0.25rem;
    border: 1px solid rgb(213, 215, 218);
    transition: transform 0.2s ease-out;
  }
  .product__example-wrapper {
    padding: 1.5rem;
    display: inline-flex;
    flex-direction: column;
    gap: 0.75rem;
  }
  .product__example-wrapper div:first-child {
    object-fit: contain;
    height: 11.25rem;
    position: relative;
  }
  .product__example-wrapper div:first-child button {
    background-color: rgb(255, 255, 255);
    position: absolute;
    top: 0;
    right: 0;
  }
  .product__example-wrapper > button {
    display: inline-block;
    border: none;
    position: relative;
    background-color: rgb(0, 134, 201);
    color: rgb(255, 255, 255);
    transition: all 0.2s ease-out;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    border-radius: 0.25rem;
    padding: 0.5rem 0.625rem;
    overflow: hidden;
    font-family: inherit;
  }
}
@media (max-width: 61.99875em) and (any-hover: hover) {
  .product__example-wrapper > button:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .product__example-wrapper > p {
    margin-bottom: 0.25rem;
    font-weight: 400;
  }
  .product__title-container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
  .product__title-container > p {
    color: rgb(196, 50, 10);
    font-weight: 400;
  }
  .product__info-container p:first-child {
    font-size: 1.5rem;
    line-height: 36px;
  }
  .product__info-container p:last-child {
    color: rgb(2, 122, 72);
    font-weight: 400;
  }
}
.mobile__nav-footer {
  display: none;
  padding: 0.75rem 0;
  margin: 0 auto;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 160;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
}
@media (max-width: 61.99875em) {
  .mobile__nav-footer {
    display: block;
  }
}

@media (max-width: 61.99875em) {
  .mobile__actions-list {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: 0.75rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .mobile__actions-list {
    gap: 0.375rem;
    justify-content: space-between;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .mobile__container {
    max-width: 20.5rem;
  }
}
@media (max-width: 61.99875em) {
  .mobile__actions-item {
    position: relative;
  }
  .mobile__actions-item > a {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.5rem;
    justify-content: space-between;
    height: 3rem;
  }
  .mobile__actions-item > a > img {
    height: 1.5rem;
  }
  .mobile__actions-item > span {
    display: inline-block;
    position: absolute;
    top: -10%;
    right: 10%;
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 50px;
    background-color: red;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    z-index: 140;
    padding: 0 0.3125rem;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.mobile__side-btn {
  background: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: rgb(16, 19, 35);
  font-family: inherit;
}
.mobile__side-btn img {
  height: 1.5rem;
  width: 1.5rem;
  display: block;
  line-height: 0;
}

@media (max-width: 61.99875em) {
  .mobile__side-overlay {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(26, 25, 25, 0.5);
    display: flex;
    justify-content: flex-end;
    display: none;
    transition: opacity 0.05s ease-out;
    opacity: 0;
    visibility: hidden;
    display: flex;
  }
  .mobile__side-overlay .mobile__side-content {
    width: 50vw;
    background-color: rgb(255, 255, 255);
    padding: 1.5rem 1.5rem;
    overflow-y: auto;
    transition: all 0.3s ease-out;
    transform: translateX(1500px);
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .mobile__side-overlay .mobile__side-content {
    width: 100vw;
  }
}
@media (max-width: 61.99875em) {
  .mobile__side-overlay .mobile__side-content h3 {
    margin-bottom: 1rem;
    line-height: 2rem;
  }
  .mobile__side-overlay .mobile__side-content ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .mobile__side-overlay .mobile__side-content ul li > a {
    display: inline-block;
    line-height: 1;
    width: 100%;
  }
  .mobile__side-overlay .mobile__side-content ul:first-of-type {
    margin-bottom: 2rem;
  }
  .mobile__side-overlay._active {
    opacity: 1;
    visibility: visible;
  }
  .mobile__side-overlay._active .mobile__side-content {
    transform: translateX(0);
  }
  .mobile__side-content._active {
    transform: translateX(0);
  }
  .mobili__side-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
  }
  .mobile__side-left {
    display: flex;
    gap: 1.25rem;
    text-align: center;
  }
  .mobile__side-left > div {
    position: relative;
  }
  .mobile__side-left > div > span {
    display: inline-block;
    position: absolute;
    top: -20%;
    right: 10%;
    min-width: 1.25rem;
    height: 1.25rem;
    border-radius: 50px;
    background-color: red;
    font-size: 0.75rem;
    line-height: 1.25rem;
    font-weight: 700;
    color: rgb(255, 255, 255);
    text-align: center;
    z-index: 140;
    padding: 0 0.3125rem;
    overflow: hidden;
    width: -moz-fit-content;
    width: fit-content;
  }
  .mobile__side-left > div > a {
    display: flex;
    flex-direction: column;
    max-height: 2.625rem;
  }
  .mobile__side-left > div > a img {
    object-fit: contain;
    height: 1.25rem;
  }
  .mobile__side-left > div > a span {
    line-height: 1.125rem;
    font-size: 0.875rem;
  }
  .mobile__side-right > button {
    background: none;
  }
  .mobile__side-right > button img {
    transform: rotateZ(45deg);
    width: 1.375rem;
    height: 1.375rem;
  }
}
.header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  padding: 1.25rem 0;
  z-index: 130;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 4px 2px rgba(16, 19, 35, 0.1);
  margin-bottom: 1.5rem;
}

.header__top._scroll {
  display: none;
}

.header__top-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgb(24, 29, 39);
  margin-bottom: 2.5rem;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.header__contacts {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
}

.header__phone-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.header__phone-wrapper .header__submenu {
  width: 10.625rem;
  text-wrap: nowrap;
}
@media (any-hover: hover) {
  .header__phone-wrapper:hover > .header__submenu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
  }
  .header__phone-wrapper:hover img:last-child {
    transform: rotateX(180deg);
  }
  .header__phone-wrapper:hover .header__phone-link {
    filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
  }
}

.header__phone-link {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.header__phone-link img:first-of-type {
  width: 1rem;
}
.header__phone-link img {
  transition: all 0.2s ease-out;
}

.header__phone {
  text-wrap: nowrap;
}

.header__email-wrapper {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
@media (any-hover: hover) {
  .header__email-wrapper:not(span):hover {
    filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
  }
}
.header__email-wrapper > img {
  width: 1rem;
}

.header__nav-list {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  align-items: center;
  text-wrap: nowrap;
  flex-wrap: wrap;
}
.header__nav-list img {
  transition: all 0.2s ease-out;
}
@media (any-hover: hover) {
  .header__nav-list li:hover > .header__submenu {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0deg);
  }
  .header__nav-list li:hover img {
    transform: rotateX(180deg);
  }
  .header__nav-list li:hover .header__nav-link {
    filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
  }
}

.header__nav-item {
  position: relative;
}

.header__nav-link {
  display: flex;
  gap: 0.3125rem;
  align-items: center;
  line-height: 0;
  line-height: 1;
}

.header__submenu {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: rgb(255, 255, 255);
  z-index: 150;
  font-size: 0.75rem;
  line-height: 1;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.5);
  transform-origin: 0 0;
  transform: rotateX(-90deg);
  transition: all 0.2s ease-out;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
}
.header__submenu a {
  padding: 1rem;
  display: block;
  line-height: 1;
  font-size: 1rem;
}
@media (any-hover: hover) {
  .header__submenu a:hover {
    background-color: rgb(245, 245, 245);
  }
}

.header__bottom {
  background-color: rgb(255, 255, 255);
}

.header__container {
  position: relative;
}

.header__bottom._scroll {
  position: fixed;
  padding: 0.625rem 0;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 4px 2px rgba(16, 19, 35, 0.1);
  z-index: 160;
}

.header__bottom-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  position: relative;
}

.header__logo {
  height: 2.75rem;
  object-fit: contain;
}

.header__search-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  max-width: 43.5rem;
  position: relative;
}

.header__catalogue-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border-radius: 0.375rem;
  flex-basis: 130px;
  flex-grow: 1;
  flex-shrink: 0;
  height: 2.75rem;
}
@media (any-hover: hover) {
  .header__catalogue-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
.header__catalogue-btn img {
  width: 1rem;
  object-fit: contain;
}

.header__stripes {
  width: 0.8125rem;
  height: 0.8125rem;
  display: inline-flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.0625rem;
}
.header__stripes span {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  height: 0.125rem;
  width: 100%;
  border-radius: 0.125rem;
}

.header__stripes._active span:first-child {
  transform: translate(0, 270%) rotateZ(-45deg);
}
.header__stripes._active .second {
  visibility: hidden;
  opacity: 0;
}
.header__stripes._active span:last-child {
  transform: translate(0, -270%) rotateZ(45deg);
}

.header__search-field {
  flex-basis: 550px;
  flex-grow: 2;
  position: relative;
}

.header__search-input {
  width: 100%;
  height: 2.75rem;
  border-radius: 0.25rem;
  padding: 0.1875rem 3.125rem 0.1875rem 1rem;
  border: 1px solid rgb(213, 215, 218);
}
.header__search-input:focus {
  outline: none !important;
  border: 1px solid rgb(0, 134, 201);
}

.header__search-submit {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  background-color: rgb(0, 134, 201);
  border-radius: 0.25rem;
  width: 2.5rem;
  height: 2.25rem;
  padding: 0.5rem 0.625rem;
  text-align: center;
  vertical-align: baseline;
}
@media (any-hover: hover) {
  .header__search-submit:hover {
    background-color: rgb(0, 144, 211);
  }
}

.header__result {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background-color: rgb(255, 255, 255);
  transform: translateY(10px);
  transition: all 0.2s ease-out;
  padding: 0.75rem 0 1rem;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  border-radius: 0.25rem;
  border: 1px solid rgb(213, 215, 218);
}

.product__example {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -13px;
  left: 100%;
  margin-left: 3px;
  background-color: rgb(255, 255, 255);
  z-index: 1000;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  border-radius: 0.25rem;
  border: 1px solid rgb(213, 215, 218);
  transition: transform 0.2s ease-out;
}

.product__example-wrapper {
  padding: 1.5rem;
  display: inline-flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product__example-wrapper div:first-child {
  object-fit: contain;
  height: 11.25rem;
  position: relative;
}
.product__example-wrapper div:first-child button {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 0;
  right: 0;
}
.product__example-wrapper > button {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
}
@media (any-hover: hover) {
  .product__example-wrapper > button:hover {
    background-color: rgb(0, 144, 211);
  }
}
.product__example-wrapper > p {
  margin-bottom: 0.25rem;
  font-weight: 400;
}

.product__title-container {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product__title-container > p {
  color: rgb(196, 50, 10);
  font-weight: 400;
}

.product__info-container p:first-child {
  font-size: 1.5rem;
  line-height: 36px;
}
.product__info-container p:last-child {
  color: rgb(2, 122, 72);
  font-weight: 400;
}

.header__result-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  color: rgb(10, 13, 18);
  font-weight: 700;
  font-size: 1rem;
  transition: all 0.2s ease-out;
  position: relative;
}
@media (any-hover: hover) {
  .header__result-wrapper li:hover > .product__example {
    opacity: 1;
    visibility: visible;
  }
}
.header__result-wrapper li > a {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
  align-items: center;
  line-height: 1;
  padding: 0.75rem;
}
@media (any-hover: hover) {
  .header__result-wrapper li > a:hover {
    background-color: rgb(245, 245, 245);
  }
}
.header__result-wrapper li > a > span {
  text-wrap: nowrap;
}
.header__result-wrapper li > a > p {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.header__result-wrapper li > a > p span:last-child {
  color: rgb(196, 50, 10);
  font-weight: 400;
}

.header__result-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  margin-left: 1rem;
  height: 2.5rem;
  line-height: 1.3;
  width: 100%;
  max-width: 15.3125rem;
  text-align: center;
}
@media (any-hover: hover) {
  .header__result-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}

.header__actions-list {
  display: flex;
  gap: 0.1875rem;
}

.header__actions-item {
  min-width: 4.75rem;
  text-align: center;
  position: relative;
}
.header__actions-item a {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.125rem;
  color: rgb(24, 29, 39);
}
.header__actions-item > span {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 50%;
  transform: translate(100%, -50%);
  min-width: 1.25rem;
  height: 1.25rem;
  border-radius: 50px;
  background-color: red;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: rgb(255, 255, 255);
  text-align: center;
  z-index: 140;
  padding: 0 0.3125rem;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
}

@media (any-hover: hover) {
  .header__actions-item a:not(span):hover {
    filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
  }
}
.header__actions-item img {
  height: 1.25rem;
  object-fit: contain;
}

.catalogue__layer {
  transform: scale(0);
  opacity: 0;
  visibility: hidden;
  position: absolute;
  padding: 0.5rem 0.25rem 0.5rem 0.75rem;
  background: rgb(255, 255, 255);
  top: 110%;
  max-width: 790px;
  width: 180%;
  left: 0;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  z-index: 135;
  height: 100vh;
  transition: transform 0.2s ease-out;
  font-size: 0.875rem;
  line-height: 1.125rem;
  border-radius: 0.25rem;
}

.catalogue__layer._active {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}

.catalogue__layer-scroll {
  overflow-y: auto;
  height: calc(100vh - 6.25rem);
  padding-right: 0.3125rem;
}

.catalogue__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0 auto;
}

.catalogue__desc > p {
  display: flex;
  align-items: center;
  font-weight: 700;
  line-height: 2rem;
  gap: 0.375rem;
  filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
}
.catalogue__desc > p > img:last-child {
  transform: rotateZ(90deg);
}

.catalogue__content {
  display: inline-flex;
  flex-direction: column;
  gap: 2.75rem;
}

.catalogue__title {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.3;
}

.catalogue__category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 190px));
  gap: 0.5rem 0.5rem;
}
.catalogue__category-grid li {
  display: flex;
  align-items: flex-start;
  gap: 0 0.25rem;
  text-wrap: wrap;
  position: relative;
}
.catalogue__category-grid li > ul {
  padding: 1rem;
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  border-radius: 0.25rem;
  left: 50%;
  opacity: 0;
  visibility: none;
  transform: scale(0);
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  z-index: 170;
  min-width: 10rem;
  max-width: 12.8125rem;
  overflow-x: hidden;
}
.catalogue__category-grid li > ul > li {
  display: inline-flex;
  justify-content: space-between;
}
@media (any-hover: hover) {
  .catalogue__category-grid li:hover > ul {
    padding: 0.625rem;
    background-color: rgb(255, 255, 255);
    opacity: 1;
    visibility: visible;
    transform: scale(1);
  }
}
.catalogue__category-grid span {
  color: rgb(164, 167, 174);
}
.catalogue__category-grid a {
  line-height: 1.3;
}
@media (any-hover: hover) {
  .catalogue__category-grid a:hover {
    color: rgb(0, 134, 201);
  }
}

@media (max-width: 61.99875em) {
  .header {
    display: none;
  }
}
.footer {
  padding-top: 2.25rem;
  background-color: rgb(242, 243, 247);
}
@media (max-width: 61.99875em) {
  .footer {
    padding-top: 1.5rem;
    margin-bottom: 4.5rem;
  }
}
@media (max-width: 35.99875em) {
  .footer {
    padding-top: 1rem;
  }
}

@media (max-width: 61.99875em) {
  .footer__container {
    padding: 0 1.125rem !important;
  }
}

.footer__subscribe-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 3.75rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .footer__subscribe-wrapper {
    flex-direction: column;
    margin-bottom: 2.25rem;
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__subscribe-wrapper {
    margin-bottom: 1rem;
  }
}

.footer__subscribe-text {
  flex-basis: 38.125rem;
  flex-grow: 1;
  flex-shrink: 1;
  font-weight: 700;
  color: rgb(6, 89, 134);
}
@media (max-width: 61.99875em) {
  .footer__subscribe-text {
    flex-basis: content;
    gap: 1rem;
  }
}

.footer__subscribe-form {
  flex-basis: 38.125rem;
  flex-shrink: 2;
  flex-grow: 2;
  display: flex;
  gap: 1.25rem;
  align-items: center;
  height: 2.5rem;
}
@media (max-width: 61.99875em) {
  .footer__subscribe-form {
    flex-basis: content;
    width: 100%;
    justify-content: space-between;
  }
}
@media (max-width: 35.99875em) {
  .footer__subscribe-form {
    gap: 0.5rem;
  }
}

.footer__subscribe-input {
  flex-basis: 25rem;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 2;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  padding: 0.125rem 1.25rem;
}
.footer__subscribe-input:focus {
  outline: none !important;
  border: 1px solid rgb(0, 134, 201);
}
@media (max-width: 61.99875em) {
  .footer__subscribe-input {
    flex-basis: content;
    height: 2.75rem;
    max-width: 45.5625rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__subscribe-input {
    flex-basis: auto;
    max-width: 100%;
    flex-shrink: 1;
    flex-grow: 2;
  }
}

.footer__subscribe-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  flex-basis: 11.875rem;
  height: 100%;
  flex-shrink: 1;
  flex-grow: 1;
}
@media (any-hover: hover) {
  .footer__subscribe-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .footer__subscribe-btn {
    flex-basis: content;
    height: 2.75rem;
    max-width: 10.1875rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__subscribe-btn {
    flex-basis: 3rem;
    flex-shrink: 2;
    max-width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.footer__subscribe-btn img {
  display: none;
}
@media (max-width: 35.99875em) {
  .footer__subscribe-btn img {
    display: block;
  }
}
@media (max-width: 35.99875em) {
  .footer__subscribe-btn span {
    display: none;
  }
}

.footer__content {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .footer__content {
    margin: 0 auto;
  }
}

@media (max-width: 35.99875em) {
  .footer__connect {
    max-width: 11.875rem;
  }
}

.footer__about {
  flex-basis: 18.3125rem;
  flex-grow: 2;
  flex-shrink: 1;
}
@media (max-width: 61.99875em) {
  .footer__about {
    display: none;
  }
}
.footer__about img {
  height: 2.75rem;
  object-fit: contain;
}

.footer__address {
  color: rgb(24, 29, 39);
  text-wrap: nowrap;
}

.footer__nav {
  flex-basis: 51.25rem;
  flex-grow: 0;
  flex-shrink: 3;
  display: grid;
  grid-template-columns: repeat(4, minmax(7.5rem, 11.875rem));
  gap: 1.25rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 61.99875em) {
  .footer__nav {
    grid-template-columns: repeat(4, 1fr);
    flex-basis: 100%;
    margin-bottom: 1.5rem;
    gap: 0.625rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}

.footer__connect-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.875rem;
}
.footer__connect-wrapper a {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  gap: 0.25rem;
}
@media (any-hover: hover) {
  .footer__connect-wrapper a:not(span):hover {
    filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
  }
}
.footer__connect-wrapper a:last-child > img {
  display: none;
}
@media (max-width: 61.99875em) {
  .footer__connect-wrapper a:last-child > img {
    display: block;
  }
}
.footer__connect-wrapper p {
  display: none;
}
@media (max-width: 61.99875em) {
  .footer__connect-wrapper p {
    display: block;
  }
}
@media (max-width: 35.99875em) {
  .footer__connect-wrapper {
    margin-bottom: 1rem;
  }
}

.footer__write-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 9.375rem;
  height: 2.5rem;
  line-height: 1;
}
@media (any-hover: hover) {
  .footer__write-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .footer__write-btn {
    height: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__write-btn {
    width: 10rem;
  }
}

.footer__title {
  margin-bottom: 1.125rem;
}
@media (max-width: 61.99875em) {
  .footer__title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .footer__title {
    margin-bottom: 0.75rem;
  }
}

.footer__messenger-wrapper {
  display: flex;
  gap: 1rem;
  height: 2rem;
}
@media (max-width: 35.99875em) {
  .footer__messenger-wrapper {
    gap: 1.125rem;
  }
}

@media (max-width: 35.99875em) {
  .footer__info, .footer__buyers {
    display: none;
  }
}

.footer__info-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (any-hover: hover) {
  .footer__info-list a:hover {
    color: rgb(0, 134, 201);
  }
}

.footer__buyers-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (any-hover: hover) {
  .footer__buyers-list a:hover {
    color: rgb(0, 134, 201);
  }
}

.footer__copyright {
  background-color: rgb(250, 250, 250);
  padding: 0.625rem 0;
}
@media (max-width: 61.99875em) {
  .footer__copyright {
    padding: 1rem 0;
  }
}

.footer__copyright-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.footer__copyright-text {
  color: rgb(10, 13, 18);
  text-wrap: nowrap;
}
@media (max-width: 35.99875em) {
  .footer__copyright-text {
    max-width: 7.1875rem;
    text-wrap: wrap;
  }
}

.footer__agreement {
  color: rgb(113, 118, 128);
}
@media (max-width: 61.99875em) {
  .footer__agreement {
    font-size: 0.75rem;
  }
}
.footer__agreement a {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.modal {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.2s ease-out;
  z-index: 200;
}

.modal._open {
  opacity: 1;
  visibility: visible;
}

.modal__overlay {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem;
  z-index: 300;
}
@media (max-width: 35.99875em) {
  .modal__overlay {
    padding: 0;
  }
}

.modal__close {
  color: rgb(164, 167, 174);
  font-weight: 400;
}

.modal__body {
  position: relative;
  background-color: rgb(255, 255, 255);
  padding: 2.25rem;
  width: 100%;
  max-width: 25.875rem;
  border-radius: 0.25rem;
  cursor: default;
  transition: all 0.2s ease-out;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  overflow: hidden;
}
@media (max-width: 35.99875em) {
  .modal__body {
    max-width: none;
    width: 100%;
    height: 100vh;
    border-radius: unset;
    padding-top: 2.5rem;
    padding-inline: 1rem;
  }
}

.modal__close {
  position: absolute;
  right: 1rem;
  top: 1rem;
  cursor: pointer;
}

.modal__title {
  margin-bottom: 1rem;
  line-height: 2.75rem;
}

.modal__input-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.25rem;
}
.modal__input-container div:last-child {
  position: relative;
}
.modal__input-container div:last-child .password-toggle {
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-100%);
  right: 1rem;
  cursor: pointer;
  background: none;
  padding: 0;
}
.modal__input-container div:last-child .password-toggle._active {
  display: block;
}

#input-email, #input-password {
  width: 100%;
  height: 2.75rem;
  border-radius: 0.25rem;
  padding: 0.1875rem 3.125rem 0.1875rem 1rem;
  border: 1px solid rgb(213, 215, 218);
}
#input-email:focus, #input-password:focus {
  outline: none !important;
  border: 1px solid rgb(0, 134, 201);
}

.modal__error {
  color: rgb(236, 74, 10);
  margin-bottom: 0.625rem;
  height: 0.9375rem;
  font-size: 0.75rem;
}

.modal__forget-password {
  color: rgb(0, 134, 201);
  display: inline-block;
  margin-bottom: 1rem;
  line-height: 1.5rem;
}

.modal__btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  margin-bottom: 1rem;
  font-weight: 700;
  width: 100%;
  height: 2.75rem;
}
@media (any-hover: hover) {
  .modal__btn:hover {
    background-color: rgb(0, 144, 211);
  }
}

.modal__policy {
  color: rgb(113, 118, 128);
}
.modal__policy a {
  color: rgb(0, 134, 201);
  text-decoration: underline;
}

.testimonial {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  cursor: pointer;
  z-index: 200;
  overflow-y: auto;
  transition: all 0.2s ease-out;
}
@media (max-width: 35.99875em) {
  .testimonial {
    overflow-y: hidden;
  }
}

.testimonial._open {
  opacity: 1;
  visibility: visible;
}

.testimonial__overlay {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.625rem;
  z-index: 300;
}
@media (max-width: 35.99875em) {
  .testimonial__overlay {
    padding: 0;
  }
}

.testimonial__close {
  color: rgb(164, 167, 174);
  font-weight: 400;
  position: absolute;
  font-size: 1.5rem;
  right: 2.75rem;
  top: 2rem;
  cursor: pointer;
}
@media (max-width: 35.99875em) {
  .testimonial__close {
    right: 1.5625rem;
    top: 1.5625rem;
  }
}

.testimonial__body {
  position: relative;
  background-color: rgb(255, 255, 255);
  padding: 2rem 2.75rem;
  width: 100%;
  max-width: 50rem;
  border-radius: 0.25rem;
  cursor: default;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  overflow: hidden;
}
@media (max-width: 61.99875em) {
  .testimonial__body {
    max-width: 37.5rem;
    padding-inline: 1.75rem;
  }
}
@media (max-width: 35.99875em) {
  .testimonial__body {
    max-width: none;
    width: 100%;
    height: 100vh;
    border-radius: unset;
    padding: 2.75rem 1rem;
    overflow-y: auto;
  }
}

.testimonial__content h2 {
  font-size: 1.75rem;
  line-height: 2.5rem;
}
@media (max-width: 35.99875em) {
  .testimonial__content h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

.testimonial__top-wrapper {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  margin-bottom: 1.5rem;
}
@media (max-width: 35.99875em) {
  .testimonial__top-wrapper {
    gap: 0.75rem;
  }
}

.testimonial__img-container {
  width: 5rem;
  aspect-ratio: 1;
}
@media (max-width: 35.99875em) {
  .testimonial__img-container {
    width: 4.6875rem;
  }
}
.testimonial__img-container img {
  object-fit: contain;
  height: 100%;
  display: block;
}

.testimonial__title-container h2 {
  margin-bottom: 0.5rem;
}
@media (max-width: 35.99875em) {
  .testimonial__title-container h2 {
    margin-bottom: 0.125rem;
  }
}

.testimonial__rating-wrapper {
  padding-bottom: 1.5rem;
}
@media (max-width: 35.99875em) {
  .testimonial__rating-wrapper {
    padding-bottom: 0.5rem;
  }
}
.testimonial__rating-wrapper h2 {
  margin-bottom: 0.75rem;
}
.testimonial__rating-wrapper h2 .testimonial__note {
  color: rgb(240, 68, 56);
  opacity: 0;
  visibility: hidden;
}
.testimonial__rating-wrapper h2 .testimonial__note._active {
  opacity: 1;
  visibility: visible;
}

.testimonial__rating-warning {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
@media (max-width: 35.99875em) {
  .testimonial__rating-warning {
    gap: 0.5rem;
  }
}
.testimonial__rating-warning .testimonial__note-warning {
  opacity: 0;
  visibility: hidden;
  color: rgb(240, 68, 56);
}
.testimonial__rating-warning .testimonial__note-warning._active {
  opacity: 1;
  visibility: visible;
}

.testimonial__rating {
  display: flex;
  gap: 0.5rem;
  max-width: 11.25rem;
}
@media (max-width: 35.99875em) {
  .testimonial__rating {
    max-width: 9.375rem;
    gap: 0.375rem;
  }
}
@media (max-width: 35.99875em) {
  .testimonial__rating li {
    width: 1.25rem;
  }
  .testimonial__rating li svg {
    object-fit: contain;
    height: 100%;
    width: 100%;
  }
}
.testimonial__rating li._active svg {
  fill: #FEB273;
}

.testimonial__details-container {
  margin-bottom: 1.5rem;
}
.testimonial__details-container h2 {
  margin-bottom: 1.25rem;
}
@media (max-width: 35.99875em) {
  .testimonial__details-container h2 {
    margin-bottom: 1rem;
  }
}

.testimonial__details-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.testimonial__field-container {
  height: 5.625rem;
}
@media (max-width: 35.99875em) {
  .testimonial__field-container {
    height: 2.75rem;
  }
}
.testimonial__field-container textarea {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  height: 100%;
  width: 100%;
  padding: 0.5rem 1rem;
  resize: none;
}

.testimonial__upload-wrapper h2 {
  margin-bottom: 1.25rem;
}
@media (max-width: 35.99875em) {
  .testimonial__upload-wrapper h2 {
    margin-bottom: 1rem;
  }
}

.testimonial__file-area {
  margin: 0 auto;
  margin-bottom: 1.25rem;
  width: 100%;
  position: relative;
  background-color: rgb(245, 245, 245);
  border-radius: 0.25rem;
}
@media (max-width: 35.99875em) {
  .testimonial__file-area {
    margin-bottom: 1.5rem;
  }
}
.testimonial__file-area input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  cursor: pointer;
}
.testimonial__file-area .file-area {
  width: 100%;
  padding: 1.125rem 1rem;
  height: 6rem;
  text-align: center;
  transition: all 0.2s ease-out;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 35.99875em) {
  .testimonial__file-area .file-area {
    height: 4.5rem;
    padding: 0.75rem;
  }
}
.testimonial__file-area .file-area .success {
  display: none;
}
.testimonial__file-area input[type=file]:focus + .file-area {
  height: 6rem;
}
@media (max-width: 35.99875em) {
  .testimonial__file-area input[type=file]:focus + .file-area {
    height: 4.5rem;
  }
}
.testimonial__file-area input[type=file]:valid + .file-area {
  height: 6rem;
}
@media (max-width: 35.99875em) {
  .testimonial__file-area input[type=file]:valid + .file-area {
    height: 4.5rem;
  }
}
.testimonial__file-area input[type=file]:valid + .file-area .success {
  display: inline-block;
}
.testimonial__file-area input[type=file]:valid + .file-area .testimonial__default-text,
.testimonial__file-area input[type=file]:valid + .file-area .testimonial__default-text_mobile {
  display: none;
}

@media (max-width: 35.99875em) {
  .testimonial__default-text {
    display: none;
  }
}
.testimonial__default-text p span {
  color: rgb(0, 134, 201);
}
.testimonial__default-text p:first-child {
  margin-bottom: 0.75rem;
}
@media (max-width: 35.99875em) {
  .testimonial__default-text p:first-child {
    margin-bottom: 0;
  }
}

.testimonial__default-text_mobile {
  display: none;
}
@media (max-width: 35.99875em) {
  .testimonial__default-text_mobile {
    display: block;
  }
}

.testimonial__button {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
  height: 2.75rem;
}
@media (any-hover: hover) {
  .testimonial__button:hover {
    background-color: rgb(0, 144, 211);
  }
}

.scroll {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 1.5rem;
  right: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  text-align: center;
  border: 2px solid rgba(0, 0, 0, 0.5);
  z-index: 10000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.scroll.visible {
  opacity: 1;
  visibility: visible;
}

.body {
  font-family: "PT Root UI", sans-serif;
  color: rgb(16, 19, 35);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.app__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 47.99875em) {
  .container {
    max-width: 752px;
    padding: 0 20px;
  }
}
@media (max-width: 29.99875em) {
  .container {
    padding: 0 16px;
  }
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: rgb(0, 0, 0);
}
@media (max-width: 61.99875em) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: rgb(0, 0, 0);
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

a {
  transition: all 0.2s ease-out;
  line-height: 1;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.body {
  font-family: "PT Root UI", sans-serif;
  color: rgb(16, 19, 35);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.app__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 47.99875em) {
  .container {
    max-width: 752px;
    padding: 0 20px;
  }
}
@media (max-width: 29.99875em) {
  .container {
    padding: 0 16px;
  }
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: rgb(0, 0, 0);
}
@media (max-width: 61.99875em) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: rgb(0, 0, 0);
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

a {
  transition: all 0.2s ease-out;
  line-height: 1;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.product-page {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .product-page {
    margin-bottom: 3.5rem;
  }
}

.breadcrumbs {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .breadcrumbs {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .breadcrumbs {
    margin-bottom: 0.75rem;
  }
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  text-wrap: nowrap;
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list {
    gap: 0.25rem;
    margin-left: -16px;
    margin-right: -16px;
    overflow: scroll hidden;
    scrollbar-width: none;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.breadcrumbs__list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: rgb(10, 13, 18);
  font-size: 0.875rem;
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list li {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
}
.breadcrumbs__list li:last-child {
  color: rgb(113, 118, 128);
}

.product-page__main-title {
  margin-bottom: 2.5rem;
}
.product-page__main-title h2 {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .product-page__main-title h2 {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 61.99875em) {
  .product-page__main-title {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__main-title {
    margin-bottom: 1.25rem;
  }
}

.product-page__content {
  display: flex;
  gap: 3.4375rem;
}
@media (max-width: 61.99875em) {
  .product-page__content {
    gap: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__content {
    gap: 1.5rem;
  }
}
.product-page__content aside {
  flex: 1 1 16.25rem;
}
@media (max-width: 35.99875em) {
  .product-page__content aside {
    display: none;
  }
  .product-page__content aside._active {
    display: flex;
  }
}
@media (max-width: 61.99875em) {
  .product-page__content {
    flex-direction: column;
  }
}

.product-page__open-filter {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
  max-width: 13.4375rem;
  display: none;
  transition: none;
}
@media (any-hover: hover) {
  .product-page__open-filter:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 35.99875em) {
  .product-page__open-filter {
    display: block;
  }
}

.product-page__open-filter._active {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  height: 2.5rem;
  transition: none;
}
@media (any-hover: hover) {
  .product-page__open-filter._active:hover {
    background-color: rgb(240, 249, 255);
  }
}

.filter__item {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .filter__item {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
.filter__item > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-end;
}
@media (max-width: 61.99875em) {
  .filter__item > div {
    flex: 1 2 25%;
  }
}
@media (max-width: 35.99875em) {
  .filter__item > div {
    flex: 1 2 50%;
  }
}
.filter__item label {
  font-weight: 700;
}

.choices .choices__inner {
  border-radius: 0.25rem;
  min-height: unset;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(213, 215, 218);
  height: 2.5rem;
  padding: 7px 23px 7px 12px;
  padding-bottom: 7px !important;
  color: rgb(10, 13, 18);
}
@media (max-width: 35.99875em) {
  .choices .choices__inner {
    height: 2.75rem;
  }
}
.choices .choices__placeholder {
  opacity: 1;
}
.choices .choices__list--single {
  padding: 0;
}
.choices .choices__item.choices__placeholder.choices__item--selectable {
  font-size: 1rem;
}
.choices .choices__list--dropdown .choices__item--selectable.is-highlighted,
.choices .choices__list[aria-expanded] .choices__item--selectable.is-highlighted {
  background-color: rgb(245, 245, 245);
}
.choices .choices__list--dropdown,
.choices .choices__list[aria-expanded] {
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  border-radius: 0.25rem;
  border: none;
  z-index: 130;
  margin-top: 0.625rem;
}

.choices[data-type*=select-one]::after {
  content: url("../img/icons/tick-black.svg") !important;
  border-style: none !important;
  border-color: unset !important;
  height: 16px !important;
  top: 20% !important;
  margin-top: unset !important;
  margin-right: 5px !important;
  transform: rotateZ(90deg) !important;
}

.choices[data-type*=select-one].is-open::after {
  transform: unset;
  transform: rotateZ(-90deg) !important;
  margin-top: 9px !important;
  margin-right: 11px !important;
}

.choices.is-focused.is-open .choices__inner {
  border-color: rgb(0, 134, 201);
  border-radius: 0.25rem;
}

.filter__btn-container .filter__btn-impl {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
}
@media (any-hover: hover) {
  .filter__btn-container .filter__btn-impl:hover {
    background-color: rgb(0, 144, 211);
  }
}
.filter__btn-container .filter__btn-cancel {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  height: 2.5rem;
  width: 100%;
  margin-top: -1rem;
}
@media (any-hover: hover) {
  .filter__btn-container .filter__btn-cancel:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .filter__btn-container {
    margin-top: 1rem;
  }
}

.product-page__layout {
  flex: 2 1 57.8125rem;
}

.product-page__sort-container {
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .product-page__sort-container {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__sort-container {
    margin-bottom: 1.25rem;
  }
}
.product-page__sort-container > div:first-child {
  width: 100%;
  max-width: 13.4375rem;
}
@media (max-width: 61.99875em) {
  .product-page__sort-container > div:first-child {
    max-width: 14rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__sort-container > div:first-child {
    max-width: 11.25rem;
  }
}

.product-page__change-layout {
  display: flex;
  gap: 1rem;
}
.product-page__change-layout button {
  background: none;
  padding: 0;
}
.product-page__change-layout button img {
  display: block;
}

.change__img._active {
  filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
}

.product-page__grid {
  display: grid;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 35.99875em) {
  .product-page__grid {
    margin-bottom: 1rem;
  }
}

.product-page__grid.card-layout {
  grid-template-columns: repeat(3, minmax(215px, 295px));
}
@media (max-width: 61.99875em) {
  .product-page__grid.card-layout {
    grid-template-columns: repeat(3, minmax(165px, 1fr));
  }
}
@media (max-width: 35.99875em) {
  .product-page__grid.card-layout {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 0.5rem;
  }
}

.product-page__grid.list-layout {
  grid-template-columns: repeat(1, minmax(620px, 1fr));
}
@media (max-width: 61.99875em) {
  .product-page__grid.list-layout {
    grid-template-columns: repeat(1, minmax(520px, 1fr));
  }
}
@media (max-width: 61.99875em) {
  .product-page__grid.list-layout {
    grid-template-columns: repeat(1, minmax(310px, 1fr));
  }
}

@media (max-width: 61.99875em) {
  .hide-subsequent-rows- {
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    padding-bottom: 0;
    row-gap: 0;
    overflow: hidden;
  }
}

.product-page__item {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  overflow: hidden;
}

.product-page__item-wrapper.card-layout {
  padding: 1.5rem 1.5rem 1.75rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  position: relative;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .product-page__item-wrapper.card-layout {
    padding: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__item-wrapper.card-layout {
    padding: 0.75rem;
    font-size: 0.875rem;
    line-height: 20px;
    gap: 0.75rem;
  }
}
.product-page__item-wrapper.card-layout div:first-child {
  max-height: 13.75rem;
}
@media (max-width: 61.99875em) {
  .product-page__item-wrapper.card-layout div:first-child {
    max-height: 12.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__item-wrapper.card-layout div:first-child {
    max-height: 10rem;
  }
}
.product-page__item-wrapper.card-layout div:first-child .product-page-slider div > div > img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}
@media (max-width: 35.99875em) {
  .product-page__item-wrapper.card-layout div:first-child .product-page-slider div > div > img {
    height: 100%;
  }
}
.product-page__item-wrapper.card-layout div:first-child .product-page__label-btn {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 50;
}

.product-page__item-wrapper.list-layout {
  padding: 1.5rem 1.5rem;
  display: flex;
  gap: 1.5rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .product-page__item-wrapper.list-layout {
    justify-content: space-between;
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__item-wrapper.list-layout {
    padding: 0.75rem;
    flex-direction: column;
  }
}
.product-page__item-wrapper.list-layout div:first-child {
  max-height: 10rem;
}
.product-page__item-wrapper.list-layout div:first-child .product-page-slider {
  max-width: 11.875rem;
}
@media (max-width: 61.99875em) {
  .product-page__item-wrapper.list-layout div:first-child .product-page-slider {
    max-width: 10rem;
  }
}
.product-page__item-wrapper.list-layout div:first-child .product-page-slider div > div > img {
  max-height: 10rem;
  display: block;
  margin: 0 auto;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 61.99875em) {
  .product-page__item-wrapper.list-layout div:first-child .product-page-slider div > div > img {
    max-height: 8.75rem;
  }
}
.product-page__item-wrapper.list-layout div:first-child button {
  background-color: rgb(255, 255, 255);
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 50;
}

.product-page__label._active {
  filter: brightness(0) saturate(100%);
}

.product-page__title-container {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
@media (max-width: 35.99875em) {
  .product-page__title-container {
    font-size: 0.875rem;
    line-height: 1.25rem;
    gap: 0;
  }
}
.product-page__title-container h5 {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.product-page__title-container > p {
  color: rgb(196, 50, 10);
  font-weight: 400;
}
.product-page__title-container > div {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.product-page__title-container > div img {
  display: block;
  height: 1.25rem;
  width: 1.25rem;
}
.product-page__title-container > div a {
  display: inline-block;
  margin-left: 0.25rem;
  line-height: 1.5rem;
  color: rgb(113, 118, 128);
  text-wrap: nowrap;
}

.product-page__title-container.card-layout {
  flex-basis: unset;
}

.product-page__title-container.list-layout {
  flex: 2 2 40%;
}
@media (max-width: 61.99875em) {
  .product-page__title-container.list-layout {
    flex-basis: 12.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__title-container.list-layout {
    flex-basis: unset;
  }
}

.product-page__info-container p:first-of-type {
  font-size: 1.75rem;
  line-height: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
@media (max-width: 61.99875em) {
  .product-page__info-container p:first-of-type {
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__info-container p:first-of-type {
    font-size: 1.25rem;
    line-height: 1.625rem;
    margin-bottom: 0;
  }
}
.product-page__info-container p:last-of-type {
  color: rgb(2, 122, 72);
  font-weight: 400;
  text-wrap: nowrap;
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-page__info-container p:last-of-type {
    margin-bottom: 0.75rem;
  }
}
.product-page__info-container .product-page__add-cart {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
  height: 2.5rem;
  transition: none;
}
@media (any-hover: hover) {
  .product-page__info-container .product-page__add-cart:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .product-page__info-container .product-page__add-cart {
    height: 2.75rem;
  }
}
.product-page__info-container .product-page__add-cart._cart {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  border: 1px solid rgb(0, 134, 201);
}

.product-page__info-container.card-layout {
  flex-basis: unset;
}

.product-page__info-container.list-layout {
  flex: 2 1 30%;
}

.cart__counter-wrapper {
  display: flex;
  gap: 1.25rem;
  max-height: 2.5rem;
}
.cart__counter-wrapper > div {
  padding: 0.5rem 1rem;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  background-color: rgb(245, 245, 245);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1 2 10rem;
  gap: 0.3125rem;
}
.cart__counter-wrapper > div > button {
  background-color: transparent;
  display: flex;
  align-items: center;
  width: 1.125rem;
  padding: 0;
  color: rgb(10, 13, 18);
}
.cart__counter-wrapper > a {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  flex: 1 2 4.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (any-hover: hover) {
  .cart__counter-wrapper > a:hover {
    background-color: rgb(240, 249, 255);
  }
}

.swiper-pagination-product {
  position: absolute;
  top: 100% !important;
  z-index: 130;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.swiper-pagination-bullet {
  height: 0.25rem !important;
  width: 1rem !important;
  border-radius: 0.25rem !important;
  position: relative;
}
.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 21px;
  top: -8px;
  cursor: pointer;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(113, 118, 128) !important;
}

.product-page__show {
  margin: 0 auto;
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (max-width: 35.99875em) {
  .product-page__show {
    margin-bottom: 1rem;
  }
}
.product-page__show > button {
  width: 100%;
  padding: 0.625rem;
  background-color: rgb(242, 243, 247);
  border-radius: 0.25rem;
  height: 2.75rem;
}

.product-page__pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.product-page__pagination-content {
  display: flex;
  gap: 0.75rem;
  color: rgb(13, 15, 28);
  align-items: center;
}
.product-page__pagination-content > button {
  background: none;
}
.product-page__pagination-content > button:first-of-type > img {
  display: inline-block;
}
.product-page__pagination-content > button:last-of-type > img {
  display: inline-block;
  padding: 0;
}
@media (max-width: 35.99875em) {
  .product-page__pagination-content {
    justify-content: center;
    width: 100%;
  }
}

.product-page__page-list {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.product-page__page-list li {
  width: 1.75rem;
  text-align: center;
  justify-content: center;
}
.product-page__page-list li > button {
  width: 100%;
  background: none;
  height: 1.75rem;
}
.product-page__page-list ._active {
  background-color: rgb(242, 243, 247);
  border-radius: 0.25rem;
}

@media (max-width: 35.99875em) {
  .product-page__page-size {
    display: none;
  }
}

.product-page__page-select {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-page__page-select .product-page__change-btn {
  transition: all 0.2s ease-out;
  background: none;
  position: relative;
  width: 4.0625rem;
  display: flex;
  flex-direction: row;
  gap: 0.3125rem;
  align-items: center;
  justify-content: flex-end;
}
.product-page__page-select .product-page__change-btn img {
  transform: rotateZ(90deg);
  width: 0.75rem;
  height: 0.75rem;
}
.product-page__page-select .product-page__change-btn._active {
  background: none;
}
.product-page__page-select .product-page__change-btn._active img {
  transform: rotateZ(-90deg);
}

.product-page__page-count {
  position: absolute;
  right: 0;
  transform: translateX(-35%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  border-radius: 0.25rem;
  padding: 0.3125rem 0;
  width: 3.4375rem;
  overflow: hidden;
  transition: 0.1s ease-out;
  background-color: rgb(255, 255, 255);
  z-index: 140;
  opacity: 0;
  visibility: hidden;
}
@media (any-hover: hover) {
  .product-page__page-count li:hover {
    width: 100%;
    background-color: rgb(245, 245, 245);
  }
}
.product-page__page-count button {
  background: none;
  width: 100%;
}

.product-page__page-count._active {
  opacity: 1;
  visibility: visible;
}

.body {
  font-family: "PT Root UI", sans-serif;
  color: rgb(16, 19, 35);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.app__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 47.99875em) {
  .container {
    max-width: 752px;
    padding: 0 20px;
  }
}
@media (max-width: 29.99875em) {
  .container {
    padding: 0 16px;
  }
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: rgb(0, 0, 0);
}
@media (max-width: 61.99875em) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: rgb(0, 0, 0);
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

a {
  transition: all 0.2s ease-out;
  line-height: 1;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.catalog {
  margin-bottom: 3.5rem;
}

.breadcrumbs {
  margin-bottom: 1rem;
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-wrap: nowrap;
  gap: 0.25rem;
  margin-left: -16px;
  margin-right: -16px;
  overflow: scroll hidden;
  scrollbar-width: none;
  padding: 0 16px;
  width: calc(100% + 32px);
}
.breadcrumbs__list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.breadcrumbs__list li {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: rgb(10, 13, 18);
  font-size: 0.8125rem;
  gap: 0.25rem;
}
.breadcrumbs__list li:last-child {
  color: rgb(113, 118, 128);
}

.catalog__title {
  margin-bottom: 1rem;
}

.catalog__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.catalog__list li > a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5rem;
}

@media (max-width: 29.99875em) {
  .catalog__list {
    gap: 1.25rem;
  }
  .catalog {
    margin-bottom: 1.75rem;
  }
}
.body {
  font-family: "PT Root UI", sans-serif;
  color: rgb(16, 19, 35);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.app__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 47.99875em) {
  .container {
    max-width: 752px;
    padding: 0 20px;
  }
}
@media (max-width: 29.99875em) {
  .container {
    padding: 0 16px;
  }
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: rgb(0, 0, 0);
}
@media (max-width: 61.99875em) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: rgb(0, 0, 0);
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

a {
  transition: all 0.2s ease-out;
  line-height: 1;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.products {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .products {
    margin-bottom: 3.5rem;
  }
}

.breadcrumbs {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .breadcrumbs {
    margin-bottom: 1rem;
  }
}

.breadcrumbs__list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  text-wrap: nowrap;
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list {
    gap: 0.25rem;
    margin-left: -16px;
    margin-right: -16px;
    overflow: scroll hidden;
    scrollbar-width: none;
    padding: 0 16px;
    width: calc(100% + 32px);
  }
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list ::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}
.breadcrumbs__list li {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  color: rgb(10, 13, 18);
  font-size: 0.875rem;
}
@media (max-width: 61.99875em) {
  .breadcrumbs__list li {
    font-size: 0.8125rem;
    gap: 0.25rem;
  }
}
.breadcrumbs__list li:last-child {
  color: rgb(113, 118, 128);
}

.products__title-container {
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .products__title-container {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 61.99875em) {
  .products__title-container h2 {
    margin-bottom: 0.75rem;
  }
}

.products__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(215px, 295px));
  gap: 1.25rem;
}
.products__grid a {
  display: block;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
}
.products__grid h5 {
  margin-bottom: 0.3125rem;
}
.products__grid p {
  line-height: 1.5rem;
  color: rgb(196, 50, 10);
}
@media (max-width: 61.99875em) {
  .products__grid {
    grid-template-columns: repeat(3, minmax(170px, 300px));
  }
}
@media (max-width: 47.99875em) {
  .products__grid {
    grid-template-columns: repeat(2, minmax(150px, 225px));
  }
}

@media (max-width: 61.99875em) {
  .hide-subsequent-rows- {
    grid-template-rows: 1fr;
    grid-auto-rows: 0;
    padding-bottom: 0;
    row-gap: 0;
    overflow: hidden;
  }
}

.products__item-wrapper {
  text-align: center;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.products__item-wrapper div:first-child {
  margin-bottom: 0.75rem;
  object-fit: contain;
}
.products__item-wrapper div:first-child img {
  max-width: 100%;
}
@media (max-width: 47.99875em) {
  .products__item-wrapper {
    padding-inline: 0.75rem;
  }
}

.body {
  font-family: "PT Root UI", sans-serif;
  color: rgb(16, 19, 35);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.app__wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.container {
  max-width: 80rem;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 47.99875em) {
  .container {
    max-width: 752px;
    padding: 0 20px;
  }
}
@media (max-width: 29.99875em) {
  .container {
    padding: 0 16px;
  }
}

h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.75rem;
  color: rgb(0, 0, 0);
}
@media (max-width: 61.99875em) {
  h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  h2 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}

h3 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.25rem;
  color: rgb(0, 0, 0);
}

h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

h5 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  color: rgb(0, 0, 0);
}

a {
  transition: all 0.2s ease-out;
  line-height: 1;
}

select {
  -webkit-appearance: none;
  appearance: none;
}

.products-desc {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .products-desc {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .products-desc {
    margin-bottom: 2.5rem;
  }
}

.product-desc__title-container {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__title-container {
    margin-bottom: 0;
    padding-top: 0;
  }
}
.product-desc__title-container h2 {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .product-desc__title-container h2 {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__title-container h2 {
    margin-top: -0.25rem;
    margin-bottom: 0.75rem;
  }
}

.product-desc__testimonials-rating {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .product-desc__testimonials-rating {
    gap: 0.5rem;
  }
}
@media (max-width: 640px) {
  .product-desc__testimonials-rating {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__testimonials-rating {
    flex-direction: row;
    margin-bottom: 1rem;
    align-items: center;
    margin-bottom: unset;
  }
  .product-desc__testimonials-rating div {
    white-space: nowrap;
    line-height: 1;
  }
}
.product-desc__testimonials-rating ul {
  display: flex;
  gap: 0.25rem;
  height: 1.5rem;
  align-items: center;
}
@media (max-width: 35.99875em) {
  .product-desc__testimonials-rating ul {
    height: 1.25rem;
  }
}
.product-desc__testimonials-rating ul li {
  line-height: 1;
  height: 100%;
}
.product-desc__testimonials-rating ul li > img {
  display: inline-block;
  height: 1.25rem;
}
@media (max-width: 35.99875em) {
  .product-desc__testimonials-rating ul li > img {
    height: 1rem;
    vertical-align: middle;
  }
}
.product-desc__testimonials-rating p {
  font-weight: 700;
}
.product-desc__testimonials-rating a {
  display: inline-block;
  line-height: 1.5;
}
@media (max-width: 35.99875em) {
  .product-desc__testimonials-rating a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.product-desc__testimonials-rating:has(p) {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__testimonials-rating:has(p) {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__testimonials-rating:has(p) {
    margin-bottom: 0.75rem;
  }
}

.product-desc__slider {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
  height: 31.5625rem;
  position: relative;
  min-width: 0;
}
@media (max-width: 61.99875em) {
  .product-desc__slider {
    flex-direction: column;
    gap: 12px;
    height: 24.5rem;
    top: 16px;
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__slider {
    height: 16.25rem;
    margin-bottom: 1.25rem;
  }
}

.thumbSwiper {
  width: 100%;
  flex: 0 0 87px;
  box-sizing: border-box;
  padding: 5px 0 !important;
  height: 29.6875rem !important;
  position: relative;
  top: -4px;
}
@media (max-width: 61.99875em) {
  .thumbSwiper {
    padding: 0 !important;
    padding-right: 0.3125rem !important;
    order: 2;
  }
}
@media (max-width: 35.99875em) {
  .thumbSwiper {
    display: none !important;
  }
}
.thumbSwiper .swiper-slide {
  width: 5.3125rem;
  height: 5.3125rem !important;
  opacity: 0.4;
  border-radius: 0.25rem;
}
@media (max-width: 61.99875em) {
  .thumbSwiper .swiper-slide {
    height: 5.3125rem !important;
  }
}
.thumbSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.25rem;
}

.swiper-button-next.prod {
  width: 2.875rem !important;
  height: 2.875rem !important;
  position: absolute;
  top: 100%;
  left: 0;
  transform: translate(50%) rotate(90deg);
  color: rgb(0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  outline: none;
}
@media (max-width: 61.99875em) {
  .swiper-button-next.prod {
    display: none;
  }
}
.swiper-button-next.prod::after {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}

.thumbSwiper .swiper-slide-thumb-active {
  opacity: 1;
  border: 1px solid rgb(0, 134, 201);
}

.photoSwiper {
  display: flex;
  width: 100%;
  max-width: 22.5rem;
}
@media (max-width: 61.99875em) {
  .photoSwiper {
    max-width: 25.4375rem;
  }
}
.photoSwiper .swiper-slide {
  border-radius: 0.25rem;
}
.photoSwiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.25rem;
}
@media (max-width: 35.99875em) {
  .photoSwiper .swiper-slide img {
    height: 90%;
  }
}

.swiper-pagination-thumb {
  position: absolute;
  top: 100% !important;
  z-index: 130;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.swiper-pagination-thumb .swiper-pagination-bullet {
  height: 0.25rem !important;
  width: 1rem !important;
  border-radius: 0.25rem !important;
  position: relative;
}
.swiper-pagination-thumb .swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 21px;
  top: -8px;
  cursor: pointer;
}
.swiper-pagination-thumb .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(113, 118, 128) !important;
}

.product-desc__about-grid {
  display: flex;
  flex-direction: row;
  gap: 1.25rem;
}
@media (max-width: 35.99875em) {
  .product-desc__about-grid {
    flex-direction: column;
    position: relative;
  }
}

.product-desc__left {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: minmax(360px, 505px) minmax(230px, 440px);
}
@media (max-width: 61.99875em) {
  .product-desc__left {
    grid-template-rows: 1fr;
    grid-template-columns: none;
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__left {
    gap: 22.8125rem;
  }
}

@media (max-width: 61.99875em) {
  .product-desc__card {
    display: flex;
    flex-direction: row;
    position: relative;
    max-width: 18.25rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__card {
    flex-direction: column;
    margin-bottom: 5rem;
  }
}

.product-desc__card-left {
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__card-left {
    margin-bottom: 0;
  }
}

.product-desc__card-title {
  color: rgb(0, 134, 201);
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__card-title {
    margin-bottom: 0.75rem;
  }
}

.product-desc__card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.product-desc__card-wrapper span {
  font-weight: 800;
}
@media (max-width: 35.99875em) {
  .product-desc__card-wrapper {
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 61.99875em) {
  .product-desc__about-item.cart {
    position: relative;
    top: -22px;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__about-item.cart {
    position: absolute;
    top: 18.4375rem;
    width: 100%;
  }
}

.product-desc__short {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-desc__short p:first-child {
  font-weight: 700;
}
@media (max-width: 35.99875em) {
  .product-desc__short {
    position: absolute;
    top: calc(100% + 20px);
    gap: 0.75rem;
  }
}

.product-desc__prop-link a {
  font-weight: 700;
  line-height: 1;
}
.product-desc__prop-link img {
  vertical-align: middle;
}
@media (max-width: 35.99875em) {
  .product-desc__prop-link {
    display: none;
  }
}

.product-desc__features > p {
  font-weight: 700;
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__features > p {
    margin-bottom: 0.75rem;
  }
}
.product-desc__features > div {
  display: flex;
  gap: 0.375rem;
  align-items: flex-start;
}
.product-desc__features > div img {
  margin-top: 0.3125rem;
  display: block;
}
.product-desc__features > div:first-of-type {
  margin-bottom: 0.75rem;
}
@media (max-width: 61.99875em) {
  .product-desc__features {
    position: absolute;
    left: 48vw;
    margin-top: 2.5rem;
    width: 100%;
    max-width: 16.875rem;
  }
}
@media (max-width: 597px) {
  .product-desc__features {
    margin-top: 3.9375rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__features {
    position: static;
    transform: none;
    margin-top: 0;
  }
}

.product-desc__cart-actions {
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  background-color: rgb(255, 255, 255);
}
@media (max-width: 61.99875em) {
  .product-desc__cart-actions {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__cart-actions {
    gap: 0.25rem;
    margin-bottom: 0.75rem;
  }
}
.product-desc__cart-actions button {
  display: flex;
  align-items: center;
  background: none;
  white-space: nowrap;
  gap: 0.375rem;
}

.product-desc__cart-item {
  border-radius: 0.25rem;
  border: 1px solid rgb(213, 215, 218);
  padding: 1.5rem;
  margin-bottom: 1rem;
  background-color: rgb(255, 255, 255);
  overflow: hidden;
}
@media (max-width: 35.99875em) {
  .product-desc__cart-item {
    padding-bottom: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.product-desc__cart-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 35.99875em) {
  .product-desc__cart-item-wrapper {
    gap: 1.25rem;
  }
}
.product-desc__cart-item-wrapper p:first-child {
  font-size: 2rem;
  line-height: 2.75rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
}
@media (max-width: 35.99875em) {
  .product-desc__cart-item-wrapper p:first-child {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.product-desc__cart-item-wrapper p:last-child {
  color: rgb(2, 122, 72);
}

.product-desc__cart-btn {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.product-desc__cart-btn .product-page__add-cart {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
  height: 2.5rem;
  transition: none;
}
@media (any-hover: hover) {
  .product-desc__cart-btn .product-page__add-cart:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .product-desc__cart-btn .product-page__add-cart {
    height: 2.75rem;
  }
}
.product-desc__cart-btn .product-page__add-cart._cart {
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  border: 1px solid rgb(0, 134, 201);
}
.product-desc__cart-btn .product-desc__fast-order {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  height: 2.5rem;
  font-weight: 700;
}
@media (any-hover: hover) {
  .product-desc__cart-btn .product-desc__fast-order:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .product-desc__cart-btn .product-desc__fast-order {
    height: 2.75rem;
  }
}

.product-desc__options p > span {
  font-weight: 700;
}

.product-desc__props-nav {
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__props-nav {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__props-nav {
    display: none;
  }
}

.product-desc__props-mobile {
  display: none;
}
@media (max-width: 35.99875em) {
  .product-desc__props-mobile {
    display: block;
    margin-bottom: 0.75rem;
    font-weight: 700;
  }
}

.product-desc__props-nav-list {
  display: flex;
  gap: 2.25rem;
  font-weight: 700;
  color: rgb(164, 167, 174);
}
@media (max-width: 61.99875em) {
  .product-desc__props-nav-list {
    gap: 1.5rem;
  }
}

.product-desc__props-nav-list li > a._target {
  color: rgb(10, 13, 18);
}

.product-desc__props-img {
  margin-bottom: 2rem;
  height: 18.75rem;
}
@media (max-width: 61.99875em) {
  .product-desc__props-img {
    height: 14.75rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__props-img {
    height: 8.75rem;
  }
}
.product-desc__props-img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 0.25rem;
}

.product-desc__show-all {
  margin-bottom: 2rem;
}
@media (max-width: 35.99875em) {
  .product-desc__show-all {
    margin-bottom: 1.25rem;
  }
}
.product-desc__show-all div {
  margin-bottom: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__show-all div {
    margin-bottom: 0.5rem;
  }
}
.product-desc__show-all div button {
  font-size: 1rem;
  line-height: 1.5rem;
  background: none;
  padding: 0;
  font-weight: 700;
}

.product-desc__show-text {
  background-image: linear-gradient(rgb(10, 13, 18) 5%, transparent);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin-bottom: 0.75rem;
}

.product-desc__show-text._open {
  color: inherit;
  background-clip: unset;
  background-image: none;
}

.product-desc__hidden-text {
  display: none;
}

.product-desc__hidden-text._open {
  display: block;
}

.product-desc__props-show {
  color: rgb(0, 134, 201);
  font-weight: 700;
  cursor: pointer;
}

.product-desc__props-wrapper {
  display: flex;
  gap: 1.25rem;
  justify-content: space-between;
  position: relative;
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__props-wrapper {
    flex-direction: column;
    position: relative;
    gap: 3.5rem;
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__props-wrapper {
    gap: 2rem;
    margin-bottom: 2rem;
  }
}

.product-desc__props-technical {
  margin-bottom: 1rem;
}

.product-desc__technical-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.product-desc__technical-row .technical__title {
  flex: 0 0 10%;
  max-width: 50%;
}
.product-desc__technical-row .technical__char {
  flex: 0 0 40%;
}
@media (max-width: 35.99875em) {
  .product-desc__technical-row {
    max-width: 100%;
    display: flex;
    white-space: pre-wrap;
    justify-content: space-between;
    align-items: flex-start;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__technical-row .technical-row__dots {
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }
}

@media (max-width: 61.99875em) {
  .product-desc__props-options {
    display: flex;
    gap: 1.25rem;
    align-items: flex-end;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__props-options {
    display: block;
  }
}

.product-desc__brand {
  position: relative;
  margin-bottom: 1rem;
}
.product-desc__brand h3 img {
  vertical-align: baseline;
}
.product-desc__brand a {
  font-size: 0.875rem;
  color: rgb(113, 118, 128);
}
.product-desc__brand h3 {
  margin-bottom: 0.25rem;
}

.product-desc__country {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__country {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__country {
    margin-bottom: 2rem;
  }
}
.product-desc__country p {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.product-desc__country p img {
  line-height: 1;
}

.product-desc__complectation {
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__complectation {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__complectation {
    margin-bottom: 1.25rem;
  }
}

.product-desc__complectation-title {
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__complectation-title {
    margin-bottom: 0.75rem;
  }
}

.product-desc__complectation-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.product-desc__pack {
  margin-bottom: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__pack {
    margin-bottom: 0rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__pack {
    margin-bottom: 1.25rem;
  }
}

.product-desc__pack-title {
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__pack-title {
    margin-bottom: 0.75rem;
  }
}

.product-desc__pack-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media (max-width: 61.99875em) {
  .product-desc__docs {
    position: relative;
    margin-bottom: 4.6875rem;
  }
}
@media (max-width: 604px) {
  .product-desc__docs {
    position: relative;
    margin-bottom: 3.1875rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__docs {
    margin-bottom: 0;
  }
}

.product-desc__docs-title {
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .product-desc__docs-title {
    margin-bottom: 0.75rem;
  }
}

.product-desc__docs-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.product-desc__docs-wrapper p {
  display: flex;
  gap: 0.375rem;
  align-items: center;
}
.product-desc__docs-wrapper a {
  text-align: left;
  padding: 0;
  display: flex;
  gap: 0.375rem;
  align-items: center;
  line-height: 1.5rem;
  margin-top: 6px;
  filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
}

.product-desc__logo {
  position: absolute;
  right: 0;
  top: 0.3125rem;
}
@media (max-width: 61.99875em) {
  .product-desc__logo {
    left: calc(100% + 20px);
  }
}
@media (max-width: 35.99875em) {
  .product-desc__logo {
    left: 100%;
    max-width: 4.6875rem;
    transform: translateX(-100%);
  }
}

.product-desc__products {
  position: relative;
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .product-desc__products {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__products {
    margin-bottom: 2rem;
  }
}

.product-desc__products-title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__products-title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__products-title {
    margin-bottom: 1.25rem;
  }
}

.opt__body {
  position: relative;
}

.swiper-slide.product-page__item {
  height: 100% !important;
}

.swiper.opt-slider {
  overflow: unset !important;
  overflow-x: hidden !important;
}
@media (max-width: 35.99875em) {
  .swiper.opt-slider {
    width: 130%;
  }
}

.swiper.opt-slider {
  padding-right: 0.75rem;
}

.swiper-button-prev.opt,
.swiper-button-next.opt {
  width: 2.875rem !important;
  height: 2.875rem !important;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0 1px 4px 0 rgba(83, 88, 98, 0.3);
  border-radius: 50%;
  position: absolute;
  top: 3.125%rem;
  transform: translateY(-3px);
}
.swiper-button-prev.opt::after,
.swiper-button-next.opt::after {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}
@media (max-width: 35.99875em) {
  .swiper-button-prev.opt,
  .swiper-button-next.opt {
    display: none;
  }
}

.swiper-button-prev.opt {
  left: -21px;
}

.swiper-button-next.opt {
  right: -21px;
}
@media (max-width: 61.99875em) {
  .swiper-button-next.opt {
    right: -17px;
  }
}

.product-page__add-cart.product-desc {
  box-sizing: border-box;
}

.product-page__label-btn._active .product-page__label {
  filter: brightness(0) saturate(100%);
}

.product-desc__analog {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__analog {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 61.99875em) {
  .product-desc__analog {
    margin-bottom: 2.25rem;
  }
}

.product-desc__analog-title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__analog-title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__analog-title {
    margin-bottom: 0.75rem;
  }
}

.product-desc__analog-invite {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__analog-invite {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__analog-invite {
    margin-bottom: 2rem;
    align-items: flex-start;
  }
  .product-desc__analog-invite img {
    margin-top: 2px;
  }
}

.product-desc__analog-text {
  font-weight: 700;
}
.product-desc__analog-text button {
  background: none;
  padding: 0;
}
.product-desc__analog-text button span {
  color: rgb(0, 134, 201);
  font-weight: 700;
}

.product-desc__connection-select {
  margin-bottom: 2.25rem;
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__connection-select {
    margin-bottom: 1.625rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__connection-select {
    margin-bottom: 1rem;
    gap: 1.25rem;
  }
}
.product-desc__connection-select button {
  background: none;
  font-size: 2rem;
  line-height: 2.75rem;
  font-weight: 700;
  color: rgb(164, 167, 174);
  padding: 0;
}
@media (max-width: 61.99875em) {
  .product-desc__connection-select button {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__connection-select button {
    font-size: 1.5rem;
    line-height: 2rem;
  }
}
.product-desc__connection-select button span {
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  position: relative;
  bottom: 1.125rem;
}
@media (max-width: 35.99875em) {
  .product-desc__connection-select button span {
    font-size: 1rem;
    line-height: 1.5rem;
    bottom: 0.5rem;
  }
}
.product-desc__connection-select button._active {
  color: rgb(10, 13, 18);
}

.product-desc__item-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 61.99875em) {
  .product-desc__item-wrapper {
    flex-direction: column;
    gap: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-wrapper {
    gap: 2rem;
  }
}

.product-desc__item-gallery {
  display: grid;
  grid-template-columns: repeat(8, minmax(50px, 85px));
  gap: 1.25rem;
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__item-gallery {
    grid-template-columns: repeat(8, minmax(40px, 64px));
    gap: 1rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-gallery {
    grid-template-columns: repeat(6, 1fr);
    gap: 0.5rem;
    margin-bottom: 1.25rem;
  }
}
.product-desc__item-gallery div a {
  display: inline-block;
  width: 100%;
}
.product-desc__item-gallery div a img {
  width: 100%;
  object-fit: contain;
}
.product-desc__item-gallery div:last-child {
  overflow: hidden;
  border-radius: 0.25rem;
  position: relative;
}
.product-desc__item-gallery div:last-child a {
  display: inline-block;
  overflow: hidden;
  border-radius: 0.25rem;
  line-height: 1;
}
.product-desc__item-gallery div:last-child span {
  display: inline-block;
  line-height: 1;
  position: absolute;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.product-desc__item-gallery div:last-child img {
  display: block;
  filter: blur(3px);
  object-fit: contain;
}
@media (max-width: 35.99875em) {
  .product-desc__item-gallery div:nth-child(6) {
    overflow: hidden;
    border-radius: 0.125rem;
    position: relative;
  }
  .product-desc__item-gallery div:nth-child(6) a {
    display: inline-block;
    overflow: hidden;
    border-radius: 0.125rem;
    line-height: 1;
    position: relative;
  }
  .product-desc__item-gallery div:nth-child(6) a:after {
    content: "+175";
    position: absolute;
    left: 50%;
    top: 50%;
    color: rgb(255, 255, 255);
    font-weight: 700;
    transform: translate(-50%, -50%);
  }
  .product-desc__item-gallery div:nth-child(6) img {
    display: block;
    filter: blur(3px);
    object-fit: contain;
  }
}

@media (max-width: 35.99875em) {
  .product-desc__item-img:nth-child(n+7) {
    display: none;
  }
}

.product-desc__testimonial-gallery {
  display: grid;
  grid-template-columns: repeat(5, minmax(50px, 136px));
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__testimonial-gallery {
    grid-template-columns: repeat(5, minmax(50px, 102px));
  }
}
@media (max-width: 35.99875em) {
  .product-desc__testimonial-gallery {
    gap: 0.5rem;
  }
}
.product-desc__testimonial-gallery div {
  height: 100%;
}
.product-desc__testimonial-gallery div img {
  width: 100%;
  object-fit: contain;
  aspect-ratio: 1;
}

.product-desc__item-sort .product-desc__item-sort-select {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.25rem;
  position: relative;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .product-desc__item-sort .product-desc__item-sort-select {
    margin-bottom: 2rem;
    gap: 0.625rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-sort .product-desc__item-sort-select {
    margin-bottom: 1.375rem;
  }
}

.product-desc__item-sort-left {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.product-desc__item-sort-left > span {
  font-weight: 700;
  line-height: 1.25rem;
}
@media (max-width: 61.99875em) {
  .product-desc__item-sort-left {
    gap: 0.5rem;
    align-items: flex-start;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-sort-left {
    display: none;
  }
}

.product-desc__item-sort-target {
  display: flex;
  gap: 1rem;
  align-items: center;
  color: rgb(113, 118, 128);
  align-items: center;
  line-height: 1.5rem;
}
.product-desc__item-sort-target button {
  background: none;
  padding: 0;
  white-space: nowrap;
}
.product-desc__item-sort-target button > img {
  vertical-align: middle;
  opacity: 0;
  visibility: hidden;
}
.product-desc__item-sort-target button._target {
  color: rgb(0, 134, 201);
}
.product-desc__item-sort-target img._target {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 61.99875em) {
  .product-desc__item-sort-target {
    gap: 0.625rem;
  }
}

.product-desc__item-sort-mobile {
  display: none;
}
.product-desc__item-sort-mobile button {
  background: none;
  padding: 0;
}
.product-desc__item-sort-mobile button img {
  width: 1.5rem;
}
@media (max-width: 35.99875em) {
  .product-desc__item-sort-mobile {
    display: block;
  }
}

.product-desc__sort-submenu {
  padding: 1.25rem 1rem;
  border-radius: 0.25rem;
  box-shadow: 0 0 10px 0 rgba(6, 44, 65, 0.16);
  position: absolute;
  top: 1.875rem;
  left: 0;
  z-index: 120;
  width: 100%;
  background-color: rgb(255, 255, 255);
  transform: translateX(-500%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease-out;
}
.product-desc__sort-submenu h4 {
  margin-bottom: 1rem;
}
.product-desc__sort-submenu ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-desc__sort-submenu ul input[type=radio] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: rgb(255, 255, 255);
  width: 1rem;
  height: 1rem;
  border: 2px solid rgb(0, 134, 201);
  border-radius: 100%;
  vertical-align: text-top;
  margin-top: 0.125rem;
}
.product-desc__sort-submenu ul input[type=radio]::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.2s ease-out;
  box-shadow: inset 0.5rem 0.5rem rgb(0, 134, 201);
}
.product-desc__sort-submenu ul input[type=radio]:checked::before {
  transform: scale(1);
}

.product-desc__sort-submenu._open {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}

.product-desc__item-sort-right input[type=checkbox] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: rgb(10, 13, 18);
  width: 1rem;
  height: 1rem;
  border: 0.083125rem solid rgb(10, 13, 18);
  border-radius: 0.11125rem;
  line-height: 1.25rem;
}
@media (max-width: 35.99875em) {
  .product-desc__item-sort-right input[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.product-desc__item-sort-right input[type=checkbox]::before {
  content: "✔";
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  color: rgb(255, 255, 255);
}
.product-desc__item-sort-right input[type=checkbox]:checked {
  border-color: rgb(0, 134, 201);
}
.product-desc__item-sort-right input[type=checkbox]:checked::before {
  background-color: rgb(0, 134, 201);
  visibility: visible;
  border-color: rgb(0, 134, 201);
}
.product-desc__item-sort-right span {
  line-height: 1.25rem;
  vertical-align: middle;
}

.product-desc__item-client {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__item-client {
    margin-bottom: 1rem;
  }
}

.product-desc__client-name {
  font-weight: 700;
}

.product-desc__client-rating {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 35.99875em) {
  .product-desc__client-rating {
    gap: 0.375rem;
  }
}
.product-desc__client-rating span {
  color: rgb(113, 118, 128);
}

.product-desc__benefit {
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.product-desc__benefit p:first-child {
  font-weight: 700;
}

.product-desc__likes {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .product-desc__likes {
    margin-bottom: 1rem;
  }
}
.product-desc__likes p {
  display: flex;
  gap: 0.25rem;
  align-items: center;
}
.product-desc__likes p img {
  display: block;
}
.product-desc__likes a {
  color: rgb(113, 118, 128);
}

.product-desc__answer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 61.99875em) {
  .product-desc__answer {
    gap: 0.5rem;
  }
}
.product-desc__answer p:first-child {
  font-weight: 700;
}
.product-desc__answer p:first-child img {
  vertical-align: middle;
}

.product-desc__item-rating {
  width: 100%;
  max-width: 18.4375rem;
}
@media (max-width: 61.99875em) {
  .product-desc__item-rating {
    order: -1;
    display: flex;
    align-items: flex-end;
    max-width: none;
    justify-content: space-between;
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-rating {
    flex-direction: column;
  }
}

@media (max-width: 61.99875em) {
  .product-desc__item-rating-container {
    flex: 0 2 21.5625rem;
    flex-basis: unset;
    width: 100%;
  }
}

.product-desc__item-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
  height: 2.75rem;
}
@media (any-hover: hover) {
  .product-desc__item-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .product-desc__item-btn {
    flex: 0 2 17.8125rem;
    width: unset;
  }
}
@media (max-width: 35.99875em) {
  .product-desc__item-btn {
    flex-basis: unset;
    width: 100%;
  }
}

.product-desc__progress {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .product-desc__progress {
    margin-bottom: 0;
    gap: 0.5rem;
  }
}

.product-desc__progress-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  color: #0A0d12;
}
.product-desc__progress-item span:first-child {
  display: inline-block;
  text-align: center;
  width: 100%;
  max-width: 0.625rem;
}
.product-desc__progress-item span:last-child {
  display: inline-block;
  text-align: left;
  width: 100%;
  max-width: 2.1875rem;
}
.product-desc__progress-item > div {
  margin-inline: 0.75rem;
  width: 100%;
  height: 0.5rem;
  border-radius: 0.25rem;
  background-color: #e9eaeb;
  overflow: hidden;
}

.product-desc__progress-level {
  height: 0.5rem;
  border-radius: 0.25rem;
  background-color: rgb(0, 134, 201);
}

.error__img-container {
  margin-top: 3.5rem;
  width: 100%;
  max-width: 56.25rem;
  margin-bottom: 1rem;
  margin-inline: auto;
}
.error__img-container img {
  object-fit: contain;
  width: 100%;
}
@media (max-width: 61.99875em) {
  .error__img-container {
    max-width: 37.5rem;
    margin-top: 1.5rem;
  }
}

.error__content {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .error__content {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .error__content {
    margin-bottom: 2.25rem;
  }
}
.error__content h3 {
  text-align: center;
  margin-bottom: 2rem;
  font-weight: 400;
}
@media (max-width: 61.99875em) {
  .error__content h3 {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (max-width: 35.99875em) {
  .error__content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.error__btn-container {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
}
@media (max-width: 35.99875em) {
  .error__btn-container {
    gap: 0.5rem;
  }
}
.error__btn-container a {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  padding: 0.46875rem;
  line-height: 1.5rem;
  width: 11.875rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
}
@media (any-hover: hover) {
  .error__btn-container a:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .error__btn-container a {
    font-weight: 500;
    width: 10.1875rem;
    padding-block: 0.5625rem;
  }
}
@media (max-width: 35.99875em) {
  .error__btn-container a {
    width: 10rem;
    line-height: 1.875rem;
    padding-block: 0.375rem;
  }
}
.error__btn-container button {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  padding: 0.46875rem;
  line-height: 1.5rem;
  width: 11.875rem;
  font-weight: 700;
}
@media (any-hover: hover) {
  .error__btn-container button:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .error__btn-container button {
    font-weight: 500;
    width: 10.1875rem;
    padding-block: 0.5625rem;
  }
}
@media (max-width: 35.99875em) {
  .error__btn-container button {
    width: 10rem;
    padding-block: 0.375rem;
  }
}

.news__title-body {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .news__title-body {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}
@media (max-width: 35.99875em) {
  .news__title-body {
    margin-bottom: 1.25rem;
    margin-top: -0.25rem;
  }
}

.card__item-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.25rem;
  margin-bottom: 1.25rem;
}
@media (max-width: 61.99875em) {
  .card__item-wrapper {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 35.99875em) {
  .card__item-wrapper {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
}

.articles__content .news__title {
  margin-bottom: 2.5rem;
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
@media (max-width: 61.99875em) {
  .articles__content .news__title {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .articles__content .news__title {
    margin-bottom: 1.25rem;
  }
}

.docs {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .docs {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .docs {
    margin-bottom: 2.5rem;
  }
}

.docs__filter-container {
  display: flex;
  align-items: center;
  gap: 3.4375rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .docs__filter-container {
    margin-bottom: 1rem;
    gap: 2rem;
  }
}
.docs__filter-container > div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 16.25rem;
}
@media (max-width: 61.99875em) {
  .docs__filter-container > div {
    width: 14rem;
  }
}
.docs__filter-container > div > label {
  font-weight: 700;
}

.producer {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .producer {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .producer {
    margin-bottom: 2.5rem;
  }
}

.producer__title-container {
  margin-bottom: 1.5rem;
}
@media (max-width: 35.99875em) {
  .producer__title-container {
    margin-bottom: 0.75rem;
  }
}

@media (max-width: 35.99875em) {
  .producer__content {
    margin-top: -0.25rem;
  }
}

.producer__about {
  display: flex;
  gap: 1.25rem;
  align-items: center;
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .producer__about {
    align-items: flex-start;
    margin-bottom: 1.75rem;
  }
}
@media (max-width: 35.99875em) {
  .producer__about {
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
  }
}

.product-page__grid.card-layout.hide-subsequent-rows {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 61.99875em) {
  .product-page__grid.card-layout.hide-subsequent-rows {
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
  }
}
@media (max-width: 35.99875em) {
  .product-page__grid.card-layout.hide-subsequent-rows {
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
}

.producer__img-container {
  flex: 3 0 18.4375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgb(245, 245, 245);
  padding: 1.0625rem;
  border-radius: 0.25rem;
}
@media (max-width: 61.99875em) {
  .producer__img-container {
    flex: 3 0 10.1875rem;
    padding: 0.3125rem;
  }
}
@media (max-width: 35.99875em) {
  .producer__img-container {
    flex: 3 0 2.75rem;
    padding: 0rem;
    width: 6.5rem;
  }
}
.producer__img-container img {
  display: block;
}
@media (max-width: 35.99875em) {
  .producer__img-container img {
    height: 1.5625rem;
  }
}

.producer__about-text {
  flex: 0 3 auto;
}
@media (max-width: 35.99875em) {
  .producer__about-text {
    order: -1;
  }
}

.questions {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .questions {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .questions {
    margin-bottom: 2.25rem;
  }
}

.questions__title-container {
  margin-bottom: 2.5rem;
}
.questions__title-container a {
  -webkit-text-decoration: underline 1px;
  text-decoration: underline 1px;
  text-underline-offset: 2px;
}
@media (max-width: 61.99875em) {
  .questions__title-container {
    margin-bottomh: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  .questions__title-container {
    margin-bottom: 1.25rem;
  }
}
.questions__title-container h2 {
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .questions__title-container h2 {
    margin-top: -0.25rem;
    margin-bottom: 0.75rem;
  }
}

.questions__item {
  margin-bottom: 3.5rem;
}
@media (max-width: 61.99875em) {
  .questions__item {
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .questions__item {
    margin-bottom: 2rem;
  }
}

.questions__item-title {
  margin-bottom: 1.5rem;
}
@media (max-width: 35.99875em) {
  .questions__item-title {
    margin-bottom: 1rem;
  }
}

.questions__item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 35.99875em) {
  .questions__item-wrapper {
    gap: 0.75rem;
  }
}

.questions__accordion-title {
  position: relative;
  cursor: pointer;
  background-color: rgb(245, 245, 245);
  padding: 0.9375rem 2rem 0.9375rem 1rem;
  border-radius: 0.25rem;
}
.questions__accordion-title::after {
  content: url("../img/icons/tick-black.svg");
  position: absolute;
  top: 50%;
  right: 0.875rem;
  transition: all 0.2s ease-out;
  transform: translateY(-50%) rotateZ(90deg);
}

.questions__accordion-title._rotate::after {
  transform: translateY(-50%) rotateZ(-90deg);
}

.questions__accordion-text {
  padding-top: 1.5rem;
  padding-left: 1rem;
  padding-right: 2rem;
  transition: all 0.2s ease-out;
  padding-bottom: 2.375rem;
  position: absolute;
  top: -300%;
  left: -300%;
  visibility: hidden;
  opacity: 0;
}
.questions__accordion-text a {
  -webkit-text-decoration: underline 1px;
  text-decoration: underline 1px;
  text-underline-offset: 2px;
}
@media (max-width: 61.99875em) {
  .questions__accordion-text {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .questions__accordion-text {
    padding-top: 0.75rem;
    padding-bottom: 0;
  }
}

.questions__accordion-text._open {
  position: static;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 35.99875em) {
  .questions__bottom {
    display: none;
  }
}

.questions__bottom-title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .questions__bottom-title {
    margin-bottom: 0.75rem;
  }
}

.questions__bottom-item {
  margin-bottom: 1.5rem;
}
.questions__bottom-item button {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 11.875rem;
  height: 2.5rem;
}
@media (any-hover: hover) {
  .questions__bottom-item button:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .questions__bottom-item button {
    width: 14rem;
    height: 2.75rem;
  }
}

.questions__bottom-subtitle {
  margin-bottom: 1rem;
}

@media (max-width: 61.99875em) {
  .questions__bottom-subtitle.last {
    margin-bottom: 0.75rem;
  }
}

.questions__bottom-messenger {
  display: flex;
  gap: 1rem;
}

.questions__bottom-tel {
  font-weight: 700;
}
@media (max-width: 61.99875em) {
  .questions__bottom-tel {
    font-size: 1.5rem;
    line-height: 2.25rem;
  }
}

.news-page__content {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .news-page__content {
    margin-bottom: 3.75rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__content {
    margin-bottom: 2.25rem;
  }
}
.news-page__content > p {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .news-page__content > p {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__content > p {
    margin-bottom: 0.75rem;
  }
}
.news-page__content p:nth-child(3) {
  color: rgb(0, 134, 201);
  font-weight: 700;
}
.news-page__content p:nth-child(4) {
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .news-page__content p:nth-child(4) {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__content p:nth-child(4) {
    margin-bottom: 0.75rem;
  }
}

.news-page__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .news-page__title {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__title {
    margin-top: -4px;
    margin-bottom: 0.75rem;
  }
}

.news-page__main-text {
  color: rgb(0, 134, 201);
  font-weight: 700;
}

.news-page__img-container {
  display: flex;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .news-page__img-container {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__img-container {
    gap: 0.5rem;
  }
}
.news-page__img-container div {
  flex: 0 2 50%;
}
@media (max-width: 35.99875em) {
  .news-page__img-container div {
    height: 10.25rem;
  }
}
.news-page__img-container div img {
  display: block;
  width: 100%;
  object-fit: contain;
}
@media (max-width: 35.99875em) {
  .news-page__img-container div img {
    height: 100%;
    object-fit: cover;
  }
}

.news-page__date {
  color: rgb(113, 118, 128);
  margin-bottom: unset !important;
}

.news-page__container {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .news-page__container {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__container {
    margin-bottom: 2.25rem;
  }
}

.news-page__title-container {
  display: flex;
  margin-bottom: 2.5rem;
  align-items: center;
  gap: 1rem;
}
@media (max-width: 61.99875em) {
  .news-page__title-container {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .news-page__title-container {
    margin-bottom: 1.25rem;
  }
}

.news-page__btn-container {
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 61.99875em) {
  .news-page__btn-container {
    height: 2.75rem !important;
  }
}
.news-page__btn-container a {
  width: 8.125rem !important;
}
@media (max-width: 61.99875em) {
  .news-page__btn-container a {
    width: 8.9375rem !important;
  }
}

.photo {
  margin-top: 2rem;
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .photo {
    margin-bottom: 3.5rem;
    margin-top: 0.75rem;
  }
}
@media (max-width: 61.99875em) {
  .photo {
    margin-bottom: 2.25rem;
  }
}

.photo-main__slider {
  display: flex;
  flex-direction: row;
  gap: 7.8125rem;
  height: 46.25rem;
  position: relative;
  min-width: 0;
  margin-bottom: 1.5625rem;
}
@media (max-width: 61.99875em) {
  .photo-main__slider {
    gap: 2.3125rem;
    margin-bottom: 1.25rem;
    height: 40rem;
  }
}
@media (max-width: 640px) {
  .photo-main__slider {
    flex-direction: column;
    gap: 8rem;
    margin-bottom: 0;
    height: 36rem;
  }
}

.thumbPhoto {
  width: 100%;
  flex: 0 0 87px;
  box-sizing: border-box;
  padding: 8px 0 !important;
  position: relative;
  top: 8px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
@media (max-width: 61.99875em) {
  .thumbPhoto {
    padding: 8px 0 15px !important;
  }
}
@media (max-width: 640px) {
  .thumbPhoto {
    order: 2;
    padding: 0 !important;
    flex: none;
  }
}
.thumbPhoto .swiper-slide {
  width: 5.3125rem;
  height: 5.3125rem !important;
  opacity: 0.4;
  border-radius: 0.25rem;
}
@media (max-width: 640px) {
  .thumbPhoto .swiper-slide {
    width: 3rem;
    height: 3rem !important;
  }
}
.thumbPhoto .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0.25rem;
}
@media (max-width: 640px) {
  .thumbPhoto .swiper-slide img {
    object-fit: cover;
  }
}

.thumbPhoto .swiper-slide-thumb-active {
  opacity: 1;
}

.swiper-button-next.photo,
.swiper-button-prev.photo {
  width: 2.875rem !important;
  height: 2.875rem !important;
  position: absolute;
  left: 0;
  transform: translateX(43%) rotate(90deg);
  color: rgb(0, 0, 0);
}
.swiper-button-next.photo::after,
.swiper-button-prev.photo::after {
  font-size: 1.5rem !important;
  font-weight: 700 !important;
}
@media (max-width: 640px) {
  .swiper-button-next.photo,
  .swiper-button-prev.photo {
    display: none;
  }
}

.swiper-button-prev.photo {
  top: -0.625rem;
}

.swiper-button-next.photo {
  top: calc(100% + 20px);
}

.mainSwiper {
  width: 100%;
  max-width: 57.8125rem;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.mainSwiper .swiper-slide {
  width: 100%;
  border-radius: 0.25rem;
}
.mainSwiper .swiper-slide img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  border-radius: 0.25rem;
}

.photo__bottom-wrapper {
  display: flex;
  gap: 7.8125rem;
}
@media (max-width: 61.99875em) {
  .photo__bottom-wrapper {
    gap: 2.3125rem;
  }
}

.photo__bottom-left {
  flex: 0 0 5.4375rem;
}

.photo__rating-wrapper {
  flex: 0 2 57.8125rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 640px) {
  .photo__rating-wrapper {
    flex-direction: column;
    position: absolute;
    bottom: 290px;
    gap: 1rem;
    max-width: 100%;
    padding-right: 40px;
  }
}

.photo__rating-content {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.photo__rating-content p:first-child {
  font-weight: 700;
}
.photo__rating-content p:last-of-type {
  color: rgb(113, 118, 128);
}
@media (max-width: 640px) {
  .photo__rating-content {
    justify-content: space-between;
  }
}

.photo__rating-stars {
  display: flex;
  align-items: center;
  margin-left: -8px;
  line-height: 0;
  gap: 0.25rem;
}
@media (max-width: 35.99875em) {
  .photo__rating-stars {
    line-height: 0.7;
  }
}

.photo__rating-link {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  line-height: 1.5rem;
  gap: 0.625rem 1rem;
}
@media (any-hover: hover) {
  .photo__rating-link:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 640px) {
  .photo__rating-link {
    width: 100%;
    text-align: center;
    line-height: 1.75rem;
  }
}

.contacts {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .contacts {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts {
    margin-bottom: 2.25rem;
  }
}

.contacts__title {
  margin-bottom: 1rem;
}
@media (max-width: 35.99875em) {
  .contacts__title {
    margin-top: -0.25rem;
    margin-bottom: 0.75rem;
  }
}

.contacts__text {
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .contacts__text {
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__text {
    margin-bottom: 1.75rem;
  }
}

.contacts__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .contacts__wrapper {
    gap: 1.25rem;
    margin-bottom: 2.75rem;
  }
}
@media (max-width: 640px) {
  .contacts__wrapper {
    gap: 1rem;
    flex-direction: column;
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__wrapper {
    gap: 2rem;
  }
}

.contacts__info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  flex: 1 2 31.5625rem;
}
@media (max-width: 61.99875em) {
  .contacts__info-wrapper {
    flex: 1 2 17.8125rem;
    gap: 1.5rem;
  }
}
@media (max-width: 640px) {
  .contacts__info-wrapper {
    gap: 1.25rem;
    order: 2;
  }
}

.contacts__item-wrapper h3 {
  margin-bottom: 1rem;
}
@media (max-width: 61.99875em) {
  .contacts__item-wrapper h3 {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__item-wrapper h3 {
    margin-bottom: 0.5rem;
    line-height: 2rem;
  }
}

.contacts__item-details {
  max-width: 26.875rem;
}

.contacts__form-container {
  flex: 2 1 44.6875rem;
}
@media (max-width: 61.99875em) {
  .contacts__form-container {
    flex: 2 1 25.4375rem;
  }
}

.contacts__form-body {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
}

.contacts__form-top-wrapper {
  border-bottom: 1px solid rgb(213, 215, 218);
  background-color: rgb(242, 243, 247);
  padding: 1.6875rem 3.5rem;
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .contacts__form-top-wrapper {
    padding: 1rem 1.5rem;
    gap: 1.5rem;
  }
}
@media (max-width: 640px) {
  .contacts__form-top-wrapper {
    padding: 0.8125rem 1rem;
    gap: 1rem;
  }
}

.contacts__img-container {
  max-width: 6rem;
}
.contacts__img-container img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.contacts__call-action-wrapper h2 {
  margin-bottom: 0.5rem;
}

.contacts__form {
  padding: 2rem 3.5rem;
}
.contacts__form button {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  margin-bottom: 1rem;
  width: 100%;
  max-width: 15.4375rem;
}
@media (any-hover: hover) {
  .contacts__form button:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .contacts__form button {
    max-width: none;
    width: 100%;
    height: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__form button {
    margin-bottom: 0.875rem;
  }
}
@media (max-width: 61.99875em) {
  .contacts__form {
    padding: 1.5rem 1.5rem 1.3125rem;
  }
}
@media (max-width: 640px) {
  .contacts__form {
    padding: 1.5rem 1rem 1rem;
  }
}

.contacts__form-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .contacts__form-wrapper {
    margin-bottom: 1rem;
  }
}
.contacts__form-wrapper input {
  width: 100%;
  height: 2.5rem;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  padding-inline: 1rem;
}
@media (max-width: 61.99875em) {
  .contacts__form-wrapper input {
    height: 2.75rem;
  }
}
.contacts__form-wrapper input:focus {
  outline: none !important;
  border: 1px solid rgb(0, 134, 201);
}
.contacts__form-wrapper textarea {
  width: 100%;
  height: 11.25rem;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  padding: 1rem;
}
@media (max-width: 61.99875em) {
  .contacts__form-wrapper textarea {
    height: 10.3125rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__form-wrapper textarea {
    height: 8.125rem;
  }
}

.contacts__notice {
  color: rgb(182, 182, 182);
  font-size: 0.875rem;
  line-height: 20px;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.ymaps-2-1-79-map {
  border-radius: 0.25rem !important;
}

.ymaps-2-1-79-gotoymaps__container,
.ymaps-2-1-79-copyright__wrap {
  display: none !important;
}

.contacts__map {
  max-width: 77.5rem;
  width: 100%;
  height: 32rem;
  border-radius: 0.25rem;
}
@media (max-width: 61.99875em) {
  .contacts__map {
    height: 21.875rem;
  }
}
@media (max-width: 35.99875em) {
  .contacts__map {
    height: 14.6875rem;
  }
}

.about-company {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .about-company {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company {
    margin-bottom: 2.25rem;
  }
}

.about-company__title {
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .about-company__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__title {
    margin-bottom: 1rem;
    margin-top: -0.25rem;
  }
}

.about-company__img-container {
  position: relative;
  border-radius: 0.5rem;
  height: 29.75rem;
  margin-bottom: 3.25rem;
}
@media (max-width: 61.99875em) {
  .about-company__img-container {
    margin-bottom: 2.6875rem;
    height: 22.5rem;
    border-radius: 0.25rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__img-container {
    margin-bottom: 2.25rem;
    height: 20rem;
  }
}
.about-company__img-container img {
  object-fit: fill;
  height: 100%;
  width: 100%;
}

.about-company__text-content {
  position: absolute;
  top: 2.25rem;
  left: 2.5rem;
  border-radius: 0.5rem;
  background-color: rgb(255, 255, 255);
  padding: 1.5rem;
  max-width: 29.0625rem;
  width: 100%;
}
@media (max-width: 61.99875em) {
  .about-company__text-content {
    max-width: 23.6875rem;
    padding: 1rem;
    top: 1.5rem;
    left: 1.5rem;
    border-radius: 0.25rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__text-content {
    max-width: none;
    padding: 0.75rem;
    top: 0.75rem;
    left: 0.75rem;
    width: calc(100% - 24px);
  }
}

.about-company__text {
  color: rgb(0, 134, 201);
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 700;
}
@media (max-width: 61.99875em) {
  .about-company__text {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
@media (max-width: 61.99875em) {
  .about-company__text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.about-company__quote-container {
  position: relative;
  border: 2px solid rgb(0, 134, 201);
  margin-bottom: 1.5rem;
  padding: 1.5625rem 3.125rem 1.625rem 5rem;
}
@media (max-width: 61.99875em) {
  .about-company__quote-container {
    padding: 2rem 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__quote-container {
    padding: 1.5625rem;
    margin-bottom: 1.375rem;
  }
}

.about-company__quote-container::before,
.about-company__quote-container::after {
  position: absolute;
  aspect-ratio: 1;
  padding: 0.625rem;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
@media (max-width: 61.99875em) {
  .about-company__quote-container::before,
  .about-company__quote-container::after {
    scale: 0.8;
    padding: 1.125rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__quote-container::before,
  .about-company__quote-container::after {
    scale: 0.6;
  }
}

.about-company__quote-container::before {
  content: url("../img/icons/quotation-mark.png");
  left: -2px;
  bottom: 100%;
  transform: translateY(50%);
}
@media (max-width: 61.99875em) {
  .about-company__quote-container::before {
    left: -10px;
    transform: translateY(calc(50% + 10px));
  }
}
@media (max-width: 35.99875em) {
  .about-company__quote-container::before {
    left: -22px;
    transform: translateY(calc(50% + 22px));
  }
}

.about-company__quote-container::after {
  content: url("../img/icons/quotation-mark.png");
  top: 100%;
  right: -2px;
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 61.99875em) {
  .about-company__quote-container::after {
    right: -10px;
    transform: translateY(calc(-50% - 10px)) rotate(180deg);
  }
}
@media (max-width: 35.99875em) {
  .about-company__quote-container::after {
    right: -22px;
    transform: translateY(calc(-50% - 22px)) rotate(180deg);
  }
}

.about-company__quote-text {
  font-size: 1.5rem;
  line-height: 2.25rem;
}
@media (max-width: 35.99875em) {
  .about-company__quote-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.about-company__author-container {
  margin-bottom: 3.75rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
@media (max-width: 61.99875em) {
  .about-company__author-container {
    margin-bottom: 2.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__author-container {
    margin-bottom: 2.25rem;
  }
}

.about-company__offer-title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .about-company__offer-title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__offer-title {
    margin-bottom: 1rem;
  }
}

.about-company__offer-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 61.99875em) {
  .about-company__offer-wrapper {
    gap: 1.5rem;
    margin-bottom: 2.25rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__offer-wrapper {
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
}

.about-company__offer-item {
  padding: 2rem 2rem 2.625rem;
  background-color: rgb(248, 249, 252);
  border-radius: 0.25rem;
}
@media (max-width: 61.99875em) {
  .about-company__offer-item {
    padding: 1.5rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__offer-item {
    padding: 1rem;
  }
}

.about-company__offer-top {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1rem;
}
.about-company__offer-top img {
  display: block;
  width: 1.75rem;
  height: 1.75rem;
}
@media (max-width: 61.99875em) {
  .about-company__offer-top {
    gap: 0.625rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__offer-top {
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    align-items: flex-start;
  }
}

.about-company__btn-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
}
.about-company__btn-wrapper a {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  width: 11.875rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (any-hover: hover) {
  .about-company__btn-wrapper a:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .about-company__btn-wrapper a {
    width: unset;
    height: 2.75rem;
    flex: 1 1 33%;
    padding-inline: 0.375rem;
  }
}
@media (max-width: 35.99875em) {
  .about-company__btn-wrapper a {
    flex: unset;
    width: 100%;
  }
}
@media (max-width: 35.99875em) {
  .about-company__btn-wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}

.basket {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .basket {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .basket {
    margin-bottom: 2.25rem;
  }
}

.basket__title {
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 2.5rem;
  position: relative;
}
@media (max-width: 61.99875em) {
  .basket__title {
    margin-top: 0;
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__title {
    margin-bottom: 1.25rem;
  }
}
.basket__title span {
  position: absolute;
  top: 0;
  right: -0.875rem;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: rgb(113, 118, 128);
}

.basket__content-wrapper {
  display: flex;
  margin-bottom: 5rem;
  gap: 1.25rem;
  justify-content: space-between;
}
@media (max-width: 61.99875em) {
  .basket__content-wrapper {
    margin-bottom: 3.5rem;
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__content-wrapper {
    margin-bottom: 1.75rem;
  }
}

.basket__select-wrapper {
  display: flex;
  gap: 1rem;
  flex-direction: column;
  flex: 2 3 51.25rem;
}
@media (max-width: 61.99875em) {
  .basket__select-wrapper {
    flex: unset;
  }
}

.basket__select-top {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
}

.basket__top-wrapper {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 1.5rem;
  align-items: center;
}
@media (max-width: 35.99875em) {
  .basket__top-wrapper {
    padding: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.basket__select-all-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: center;
}
.basket__select-all-wrapper input[type=checkbox] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: rgb(10, 13, 18);
  width: 1rem;
  height: 1rem;
  border: 0.083125rem solid rgb(10, 13, 18);
  border-radius: 0.11125rem;
  line-height: 1.25rem;
}
.basket__select-all-wrapper input[type=checkbox]::before {
  content: "✔";
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3;
  visibility: hidden;
  color: rgb(255, 255, 255);
}
.basket__select-all-wrapper input[type=checkbox]:checked {
  border-color: rgb(0, 134, 201);
}
.basket__select-all-wrapper input[type=checkbox]:checked::before {
  background-color: rgb(0, 134, 201);
  visibility: visible;
  border-color: rgb(0, 134, 201);
}

.basket__select-remove-wrapper {
  display: flex;
  gap: 0.5rem;
  align-items: baseline;
  background: none;
  line-height: 1;
}
.basket__select-remove-wrapper span:first-child {
  color: rgb(65, 70, 81);
}

.basket__item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.basket__item {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  padding: 1.5rem;
  overflow: hidden;
}
@media (max-width: 640px) {
  .basket__item {
    padding: 1rem;
  }
}

.basket__item-content-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
@media (max-width: 61.99875em) {
  .basket__item-content-wrapper {
    gap: 1.25rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__item-content-wrapper {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.basket__item-left-wrapper {
  display: flex;
  gap: 1.5rem;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .basket__item-left-wrapper {
    gap: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__item-left-wrapper {
    justify-content: flex-start;
  }
}
.basket__item-left-wrapper input[type=checkbox] {
  margin-block: auto;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  color: rgb(10, 13, 18);
  width: 1rem;
  height: 1rem;
  border: 0.083125rem solid rgb(10, 13, 18);
  border-radius: 0.11125rem;
  line-height: 1.25rem;
}
.basket__item-left-wrapper input[type=checkbox]::before {
  content: "✔";
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 3;
  visibility: hidden;
  color: rgb(255, 255, 255);
}
.basket__item-left-wrapper input[type=checkbox]:checked {
  border-color: rgb(0, 134, 201);
}
.basket__item-left-wrapper input[type=checkbox]:checked::before {
  background-color: rgb(0, 134, 201);
  visibility: visible;
  border-color: rgb(0, 134, 201);
}

.basket__img-container {
  width: 7.5rem;
  height: 7.5rem;
}
@media (max-width: 640px) {
  .basket__img-container {
    width: 6.25rem;
    height: 6.25rem;
  }
}
.basket__img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.basket__item-name-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.basket__item-name-wrapper p:first-child {
  font-weight: 700;
}
.basket__item-name-wrapper p:last-child {
  color: rgb(181, 71, 8);
}
@media (max-width: 35.99875em) {
  .basket__item-name-wrapper {
    margin-left: 9.375rem;
  }
}
@media (max-width: 475px) {
  .basket__item-name-wrapper {
    margin-left: 0;
  }
}

.basket__item-right-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 17.375rem;
}
@media (max-width: 35.99875em) {
  .basket__item-right-wrapper {
    margin-left: 2rem;
  }
}

.basket__item-actions-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .basket__item-actions-wrapper {
    gap: 1.25rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__item-actions-wrapper {
    gap: 2.9375rem;
    justify-content: flex-start;
  }
}

.basket__item-counter-wrapper {
  display: flex;
  background-color: rgb(245, 245, 245);
  border-radius: 0.25rem;
  border: 1px solid rgb(213, 215, 218);
}
.basket__item-counter-wrapper button {
  background: none;
  padding-inline: 1rem;
}
.basket__item-counter-wrapper button:first-child {
  background: url("../img/icons/minus.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.basket__item-counter-wrapper button:last-child {
  background: url("../img/icons/plus.svg");
  background-repeat: no-repeat;
  background-position: center;
}
.basket__item-counter-wrapper input {
  max-width: 2.5rem;
  height: 2.25rem;
  border: none;
  background-color: rgb(245, 245, 245);
  text-align: center;
  font-weight: 700;
}

.basket__item-price {
  font-size: 1.5625rem;
  line-height: 2.25rem;
  font-weight: 700;
  white-space: nowrap;
}
@media (max-width: 35.99875em) {
  .basket__item-price {
    margin-left: 7.1875rem;
  }
}
@media (max-width: 475px) {
  .basket__item-price {
    margin-left: 0;
  }
}

.basket__item-favorites-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  align-items: flex-start;
}
@media (max-width: 35.99875em) {
  .basket__item-favorites-wrapper {
    flex-direction: row;
    gap: 0.875rem;
  }
}
.basket__item-favorites-wrapper button {
  background: none;
  color: rgb(113, 118, 128);
  padding: 0;
}
.basket__item-favorites-wrapper button:first-child._active {
  color: rgb(3, 152, 85);
}

.basket__order-container {
  flex: 1 2 25rem;
}
@media (max-width: 61.99875em) {
  .basket__order-container {
    flex: unset;
  }
}

.basket__order-card {
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  padding: 1.5rem;
  overflow: hidden;
}
@media (max-width: 35.99875em) {
  .basket__order-card {
    padding: 1rem;
  }
}

.basket__order-title {
  margin-bottom: 1.25rem;
}
@media (max-width: 35.99875em) {
  .basket__order-title {
    margin-bottom: 1.5rem;
    line-height: 2rem;
  }
}

.basket__order-position-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .basket__order-position-wrapper {
    margin-bottom: 1.125rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__order-position-wrapper {
    margin-bottom: 1.5rem;
  }
}

.basket__order-item-wrapper {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.basket__order-item-wrapper span:first-child,
.basket__order-item-wrapper span:last-child {
  white-space: nowrap;
}

.basket__order-total-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.basket__order-total-wrapper span:first-child,
.basket__order-total-wrapper span:last-child {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2.25rem;
  white-space: nowrap;
}

.basket__order-btn {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 100%;
}
@media (any-hover: hover) {
  .basket__order-btn:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .basket__order-btn {
    height: 2.75rem;
  }
}

.basket__empty {
  margin-bottom: 5rem;
  text-align: center;
}
@media (max-width: 61.99875em) {
  .basket__empty {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__empty {
    margin-bottom: 2.25rem;
  }
}
.basket__empty p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .basket__empty p {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__empty p {
    margin-bottom: 1.5rem;
  }
}

.basket__empty-img-container {
  margin-top: 5rem;
  margin-inline: auto;
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .basket__empty-img-container {
    margin-top: 1.375rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__empty-img-container {
    margin-top: 1rem;
  }
}

.basket__empty-btn-wrapper {
  display: flex;
  justify-content: center;
  gap: 1.25rem;
}
@media (max-width: 35.99875em) {
  .basket__empty-btn-wrapper {
    gap: 0.5rem;
  }
}
.basket__empty-btn-wrapper button {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  padding-inline: 0.125rem;
  width: 11.875rem;
  height: 2.5rem;
}
@media (any-hover: hover) {
  .basket__empty-btn-wrapper button:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .basket__empty-btn-wrapper button {
    width: 14rem;
    height: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__empty-btn-wrapper button {
    width: 10rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__empty-btn-wrapper button span:first-child {
    display: none;
  }
}
.basket__empty-btn-wrapper button span:last-child {
  display: none;
}
@media (max-width: 35.99875em) {
  .basket__empty-btn-wrapper button span:last-child {
    display: inline;
  }
}

.basket__recomended-title {
  margin-bottom: 2.5rem;
}
@media (max-width: 61.99875em) {
  .basket__recomended-title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .basket__recomended-title {
    margin-bottom: 1.25rem;
  }
}

.banner {
  margin-bottom: 3.75rem;
}
@media (max-width: 61.99875em) {
  .banner {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .banner {
    margin-bottom: 2.5rem;
  }
}

.banner__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
  font-family: "Inter";
  line-height: 1;
}
@media (max-width: 35.99875em) {
  .banner__wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}

.swiper.banner-slider {
  border-radius: 0.3125rem;
  background-color: rgb(245, 251, 255);
  flex: 2 2 51.25rem;
}
@media (max-width: 35.99875em) {
  .swiper.banner-slider {
    flex-basis: 20.5rem;
    max-width: 100%;
  }
}

.swiper-slide.banner-slide {
  position: relative;
}
.swiper-slide.banner-slide img {
  display: block;
  position: absolute;
  bottom: 9%;
  right: 7%;
  max-width: 100%;
}
@media (max-width: 61.99875em) {
  .swiper-slide.banner-slide img {
    max-height: 9.375rem;
    bottom: 12%;
  }
}

.banner-slide__title-container {
  position: absolute;
  top: 7%;
  left: 7%;
  z-index: 120;
}
.banner-slide__title-container h1 {
  font-size: 2rem;
  font-weight: 800;
  color: rgb(24, 29, 39);
  margin-bottom: 1.5rem;
}
@media (max-width: 61.99875em) {
  .banner-slide__title-container h1 {
    margin-bottom: 0;
    font-size: 1.75rem;
    line-height: 2.5rem;
    font-weight: 700;
  }
}
@media (max-width: 35.99875em) {
  .banner-slide__title-container h1 {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.banner-slide__title-container p {
  font-size: 1.5rem;
  line-height: 1;
  color: rgb(65, 70, 81);
}
@media (max-width: 61.99875em) {
  .banner-slide__title-container p {
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 700;
  }
}
@media (max-width: 35.99875em) {
  .banner-slide__title-container p {
    font-size: 0.8125rem;
    line-height: 1.5rem;
    font-weight: 500;
  }
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  top: 90% !important;
}

.swiper-pagination-bullet {
  height: 0.25rem !important;
  width: 1rem !important;
  border-radius: 0.25rem !important;
}
.swiper-pagination-bullet::after {
  content: "";
  position: absolute;
  width: 18px;
  height: 21px;
  top: -8px;
  cursor: pointer;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: rgb(113, 118, 128) !important;
}

.banner__market-wrapper {
  display: flex;
  flex: 1 1 25rem;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 47.99875em) {
  .banner__market-wrapper {
    flex: 1 1 15.625rem;
  }
}
@media (max-width: 35.99875em) {
  .banner__market-wrapper {
    flex-direction: row;
    flex-basis: 2.75rem;
    gap: 0.5rem;
  }
}

.banner__market-item {
  background-color: rgb(245, 245, 245);
  padding: 1.125rem 1.5rem 1.0625rem 1.875rem;
  border-radius: 0.3125rem;
}
@media (max-width: 61.99875em) {
  .banner__market-item {
    padding: 1rem 0.1875rem;
    min-height: 4.375rem;
    display: flex;
    align-items: center;
  }
}
@media (max-width: 35.99875em) {
  .banner__market-item {
    min-height: 2.75rem;
    padding: 0 0.625rem;
    flex: 1 2 33%;
  }
}
.banner__market-item > div > img {
  max-height: 5.3125rem;
}
.banner__market-item > img {
  display: none;
}
@media (max-width: 61.99875em) {
  .banner__market-item > img {
    margin: 0 auto;
    display: block;
  }
}
@media (max-width: 35.99875em) {
  .banner__market-item > img {
    object-fit: contain;
    max-width: 100%;
    max-height: 1.375rem;
  }
}

.banner__item-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 0.3125rem;
}
@media (max-width: 61.99875em) {
  .banner__item-wrapper {
    display: none;
  }
}

.banner__item-title {
  margin-bottom: 0.9375rem;
  font-weight: 600;
}

.benefits {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .benefits {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .benefits {
    margin-bottom: 2.5rem;
  }
}

h2.benefits__title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  h2.benefits__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  h2.benefits__title {
    margin-bottom: 1.25rem;
  }
}

.benefits__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.25rem;
}
@media (max-width: 61.99875em) {
  .benefits__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 35.99875em) {
  .benefits__wrapper {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.benefits__title-container {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
  align-items: center;
  text-wrap: nowrap;
  filter: brightness(0) saturate(100%) invert(33%) sepia(58%) saturate(1829%) hue-rotate(173deg) brightness(100%) contrast(105%);
}
@media (max-width: 35.99875em) {
  .benefits__title-container {
    margin-bottom: 0.75rem;
  }
}
.benefits__title-container > img {
  max-width: 1.5rem;
  max-height: 1.5rem;
}
@media (max-width: 61.99875em) {
  .benefits__title-container h3 {
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 0.5rem;
  }
}
@media (max-width: 61.99875em) and (max-width: 35.99875em) {
  .benefits__title-container h3 {
    line-height: 1.625rem;
    margin-bottom: 0;
  }
}

.popular {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .popular {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .popular {
    margin-bottom: 2.5rem;
  }
}

.popular__title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .popular__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .popular__title {
    margin-bottom: 1.25rem;
  }
}

.popular__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(215px, 295px));
  gap: 1.25rem;
}
.popular__grid a {
  display: block;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
}
.popular__grid h5 {
  margin-bottom: 0.3125rem;
}
.popular__grid p {
  line-height: 1.5rem;
  color: rgb(196, 50, 10);
}
@media (max-width: 61.99875em) {
  .popular__grid {
    grid-template-columns: repeat(3, minmax(170px, 300px));
  }
  .popular__grid a:nth-child(3n):nth-last-child(-n+4) ~ a {
    display: none;
  }
}
@media (max-width: 47.99875em) {
  .popular__grid {
    grid-template-columns: repeat(3, minmax(150px, 225px));
  }
}
@media (max-width: 35.99875em) {
  .popular__grid {
    grid-template-columns: repeat(2, minmax(150px, 248px));
    justify-content: center;
    gap: 0.75rem 0.5rem;
  }
}

.popular__item-wrapper {
  text-align: center;
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.popular__item-wrapper div:first-child {
  margin-bottom: 0.75rem;
  object-fit: contain;
}
.popular__item-wrapper div:first-child img {
  max-width: 100%;
}
@media (max-width: 47.99875em) {
  .popular__item-wrapper {
    padding-inline: 0.75rem;
  }
}

.about {
  margin-bottom: 5rem;
}
@media (max-width: 61.99875em) {
  .about {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .about {
    margin-bottom: 2.5rem;
  }
}

.about__title {
  margin-bottom: 2.25rem;
}
@media (max-width: 61.99875em) {
  .about__title {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .about__title {
    margin-bottom: 1.25rem;
  }
}

.about__wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2.5rem;
}
@media (max-width: 61.99875em) {
  .about__wrapper {
    gap: 1.25rem;
  }
}
@media (max-width: 35.99875em) {
  .about__wrapper {
    flex-direction: column;
    gap: 1rem;
  }
}

.about__img-container {
  overflow: hidden;
  flex-grow: 1;
  flex-shrink: 2;
}
@media (max-width: 35.99875em) {
  .about__img-container {
    height: 9.75rem;
  }
}
.about__img-container img {
  display: block;
  border-radius: 0.25rem;
  height: 14rem;
  width: 100%;
  object-fit: fill;
}
@media (max-width: 61.99875em) {
  .about__img-container img {
    height: 100%;
    flex-grow: 1;
    flex-shrink: 2;
    flex-basis: 25%;
  }
}

.about__content {
  flex-basis: 41.25rem;
  flex-grow: 2;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  justify-content: space-between;
}
@media (max-width: 61.99875em) {
  .about__content {
    flex-basis: 75%;
    flex-grow: 3;
    flex-shrink: 1;
  }
}
@media (max-width: 35.99875em) {
  .about__content {
    gap: 1rem;
  }
}
.about__content a {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  max-width: 9.375rem;
  text-align: center;
}
@media (any-hover: hover) {
  .about__content a:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .about__content a {
    max-width: 11.875rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 35.99875em) {
  .about__content a {
    max-width: 10rem;
  }
}
.about__content h4 {
  line-height: 2rem;
}
@media (max-width: 35.99875em) {
  .about__content h4 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

@media (max-width: 61.99875em) {
  .about__text p:first-child {
    margin-bottom: 1rem;
  }
}
@media (max-width: 35.99875em) {
  .about__text p:last-child {
    margin-bottom: 0.25rem;
  }
}

.news {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .news {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .news {
    margin-bottom: 2.5rem;
  }
}

.news__body,
.articles__body,
.documents__body,
.brands__body {
  position: relative;
}

.swiper.banner-slider,
.swiper.news-slider,
.swiper.articles-slider,
.swiper.documents-slider,
.swiper.brands-slider {
  overflow: unset !important;
  overflow-x: hidden !important;
}
@media (max-width: 35.99875em) {
  .swiper.banner-slider,
  .swiper.news-slider,
  .swiper.articles-slider,
  .swiper.documents-slider,
  .swiper.brands-slider {
    width: 130%;
  }
}

.swiper.news-slider,
.swiper.articles-slider,
.swiper.documents-slider,
.swiper.brands-slider {
  padding-right: 0.75rem;
}

.swiper-button-prev.news,
.swiper-button-next.news,
.swiper-button-prev.articles,
.swiper-button-next.articles,
.swiper-button-prev.documents,
.swiper-button-next.documents,
.swiper-button-prev.brands,
.swiper-button-next.brands,
.swiper-button-prev.brands,
.swiper-button-next.brands {
  width: 2.875rem !important;
  height: 2.875rem !important;
  background-color: rgb(255, 255, 255) !important;
  box-shadow: 0 1px 4px 0 rgba(83, 88, 98, 0.3);
  border-radius: 50%;
  position: absolute;
  top: 3.125%rem;
  transform: translateY(-3px);
}
.swiper-button-prev.news::after,
.swiper-button-next.news::after,
.swiper-button-prev.articles::after,
.swiper-button-next.articles::after,
.swiper-button-prev.documents::after,
.swiper-button-next.documents::after,
.swiper-button-prev.brands::after,
.swiper-button-next.brands::after,
.swiper-button-prev.brands::after,
.swiper-button-next.brands::after {
  font-size: 0.875rem !important;
  font-weight: 700 !important;
}
@media (max-width: 35.99875em) {
  .swiper-button-prev.news,
  .swiper-button-next.news,
  .swiper-button-prev.articles,
  .swiper-button-next.articles,
  .swiper-button-prev.documents,
  .swiper-button-next.documents,
  .swiper-button-prev.brands,
  .swiper-button-next.brands,
  .swiper-button-prev.brands,
  .swiper-button-next.brands {
    display: none;
  }
}

.swiper-button-prev.news,
.swiper-button-prev.articles,
.swiper-button-prev.documents,
.swiper-button-prev.brands {
  left: -21px;
}

.swiper-button-next.news,
.swiper-button-next.articles,
.swiper-button-next.documents,
.swiper-button-next.brands {
  right: -21px;
}
@media (max-width: 61.99875em) {
  .swiper-button-next.news,
  .swiper-button-next.articles,
  .swiper-button-next.documents,
  .swiper-button-next.brands {
    right: -17px;
  }
}

.news__title-container {
  margin-bottom: 2.25rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .news__title-container {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .news__title-container {
    margin-bottom: 1.25rem;
  }
}

.title-btn {
  display: inline-block;
  position: relative;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 134, 201);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 400;
  line-height: 0.0625rem;
  border-radius: 0.25rem;
  padding: 0.4375rem 1rem;
  font-family: inherit;
  border: 1px solid rgb(0, 134, 201);
  overflow: hidden;
  height: 2.25rem;
}
@media (any-hover: hover) {
  .title-btn:hover {
    background-color: rgb(240, 249, 255);
  }
}
@media (max-width: 61.99875em) {
  .title-btn {
    height: 2.75rem;
  }
}
@media (max-width: 35.99875em) {
  .title-btn {
    height: 2.25rem;
  }
}

.swiper-slide {
  height: unset !important;
}

.news__item,
.articles__item,
.documents__item {
  display: block;
  border: 1px solid rgb(213, 215, 218);
  border-radius: 0.25rem;
  padding: 1.5rem 0;
  overflow: hidden;
  position: relative;
}
.news__item > div:first-child,
.articles__item > div:first-child,
.documents__item > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 1.5rem;
  height: 100%;
}
@media (max-width: 61.99875em) {
  .news__item > div:first-child,
  .articles__item > div:first-child,
  .documents__item > div:first-child {
    padding: 0 1rem;
  }
}
@media (max-width: 35.99875em) {
  .news__item > div:first-child,
  .articles__item > div:first-child,
  .documents__item > div:first-child {
    padding: 0 0.75rem;
  }
}
@media (max-width: 61.99875em) {
  .news__item,
  .articles__item,
  .documents__item {
    padding: 1rem 0;
  }
}
@media (max-width: 35.99875em) {
  .news__item,
  .articles__item,
  .documents__item {
    padding: 0.75rem 0;
  }
}
.news__item a,
.articles__item a,
.documents__item a {
  display: inline-block;
  border: none;
  position: relative;
  background-color: rgb(0, 134, 201);
  color: rgb(255, 255, 255);
  transition: all 0.2s ease-out;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  border-radius: 0.25rem;
  padding: 0.5rem 0.625rem;
  overflow: hidden;
  font-family: inherit;
  width: 9.375rem;
  text-align: center;
  margin: 0 auto;
}
@media (any-hover: hover) {
  .news__item a:hover,
  .articles__item a:hover,
  .documents__item a:hover {
    background-color: rgb(0, 144, 211);
  }
}
@media (max-width: 61.99875em) {
  .news__item a,
  .articles__item a,
  .documents__item a {
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(0.1789215686 * 100vw + 25.5882352941px);
  }
}
@media (max-width: 35.99875em) {
  .news__item a,
  .articles__item a,
  .documents__item a {
    transition: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    color: transparent;
    background-color: transparent;
  }
}
.news__item div > div,
.articles__item div > div,
.documents__item div > div {
  max-height: 11.25rem;
  overflow: hidden;
}
.news__item div > div img,
.articles__item div > div img,
.documents__item div > div img {
  width: 100%;
  object-fit: contain;
}
@media (max-width: 35.99875em) {
  .news__item div > div img,
  .articles__item div > div img,
  .documents__item div > div img {
    max-height: 8.25rem;
    object-fit: fill;
  }
}
.news__item div:last-child,
.articles__item div:last-child,
.documents__item div:last-child {
  display: flex;
  flex-direction: column;
}
.news__item h5,
.articles__item h5,
.documents__item h5 {
  margin-bottom: 0.5rem;
}
.news__item p,
.articles__item p,
.documents__item p {
  margin-bottom: 0.5rem;
}

.articles {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .articles {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .articles {
    margin-bottom: 2.5rem;
  }
}

.articles__title-container {
  margin-bottom: 2.25rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .articles__title-container {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .articles__title-container {
    margin-bottom: 1.25rem;
  }
}

.documents {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .documents {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .documents {
    margin-bottom: 2.5rem;
  }
}

.documents__title-container {
  margin-bottom: 2.25rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .documents__title-container {
    margin-bottom: 2rem;
  }
}
@media (max-width: 35.99875em) {
  .documents__title-container {
    margin-bottom: 1.25rem;
  }
}

.brands {
  margin-bottom: 5rem;
  overflow-x: hidden;
}
@media (max-width: 61.99875em) {
  .brands {
    margin-bottom: 3.5rem;
  }
}
@media (max-width: 35.99875em) {
  .brands {
    margin-bottom: 2.5rem;
  }
}

.brands__body {
  padding: 0 1.75rem;
}

.brands__title-container {
  margin-bottom: 2.25rem;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 61.99875em) {
  .brands__title-container {
    margin-bottom: 2rem;
  }
}

.swiper-slide.brand {
  display: flex;
  justify-content: center;
  align-items: center;
}

.brands__slider-item a {
  line-height: 0;
  display: inline-block;
}
.brands__slider-item img {
  max-width: 100%;
  object-fit: contain;
}