@charset "UTF-8";
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-SemiBold.eot");
  src: local("Montserrat SemiBold"), local("Montserrat-SemiBold"), url("../assets/fonts/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-SemiBold.woff2") format("woff2"), url("../assets/fonts/Montserrat-SemiBold.woff") format("woff"), url("../assets/fonts/Montserrat-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Regular.eot");
  src: local("Montserrat Regular"), local("Montserrat-Regular"), url("../assets/fonts/Montserrat-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-Regular.woff2") format("woff2"), url("../assets/fonts/Montserrat-Regular.woff") format("woff"), url("../assets/fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Bold.eot");
  src: local("Montserrat Bold"), local("Montserrat-Bold"), url("../assets/fonts/Montserrat-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-Bold.woff2") format("woff2"), url("../assets/fonts/Montserrat-Bold.woff") format("woff"), url("../assets/fonts/Montserrat-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Light.eot");
  src: local("Montserrat Light"), local("Montserrat-Light"), url("../assets/fonts/Montserrat-Light.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-Light.woff2") format("woff2"), url("../assets/fonts/Montserrat-Light.woff") format("woff"), url("../assets/fonts/Montserrat-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Medium.eot");
  src: local("Montserrat Medium"), local("Montserrat-Medium"), url("../assets/fonts/Montserrat-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-Medium.woff2") format("woff2"), url("../assets/fonts/Montserrat-Medium.woff") format("woff"), url("../assets/fonts/Montserrat-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Montserrat";
  src: url("../assets/fonts/Montserrat-Black.eot");
  src: local("Montserrat Black"), local("Montserrat-Black"), url("../assets/fonts/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Montserrat-Black.woff2") format("woff2"), url("../assets/fonts/Montserrat-Black.woff") format("woff"), url("../assets/fonts/Montserrat-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
* {
  font-family: "Montserrat", sans-serif;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.25px;
  text-align: left;
  color: #1B1B20;
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #fff;
  margin: 0;
}
b, strong {
  font-weight: bolder;
}
img {
  border-style: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  user-select: none;
}
svg {
  user-select: none;
}
button, a {
  cursor: pointer;
}
button, input, optgroup, select, textarea {
  font-size: 100%;
  line-height: 1;
  margin: 0;
  padding: 0;
  outline: none;
}
button, input {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button, [type="button"], [type="reset"], [type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  border-color: transparent;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"], [type="radio"] {
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
a {
  text-decoration: none;
  color: #fff;
}
a, button, input, textarea {
  -webkit-tap-highlight-color: transparent;
}
main {
  padding-top: 7.125rem;
}
main.noPadding {
  padding-top: 0;
}
main.basket {
  padding-top: 3.625rem;
}
.container {
  position: relative;
  max-width: 115rem;
  margin: 0 auto;
  width: 100%;
}
.container-field {
  overflow: hidden;
  position: relative;
  max-width: 120rem;
  padding: 0 2.5rem;
  margin: 0 auto;
  width: 100%;
}
.reduction-deckt-tablet, .reduction-tablet-mobile {
  display: none;
}
.reduction-deckt {
  display: block;
}
.h1 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: 0px;
}
.h2 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.75rem;
  letter-spacing: 0px;
}
.h3 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.375rem;
  letter-spacing: 0px;
}
.h4 {
  font-weight: 700;
  font-size: 1.625rem;
  line-height: 2.25rem;
  letter-spacing: 0px;
}
strong {
  font-weight: 700;
}
.isDisable {
  opacity: 0.5;
}
body.noScroll {
  overflow: hidden;
}
.text-body {
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.text-secondary {
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.text-tertiary {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-caption {
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.text-micro {
  font-size: 0.6875rem;
  line-height: 1rem;
}
.text-display {
  font-size: 3.5625rem;
  line-height: 4rem;
  letter-spacing: -0.25;
}
.text-headline {
  font-size: 2rem;
  line-height: 2.5rem;
}
.text-title {
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.text-primary {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25;
}
.text-label {
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3;
}
@media (max-width: 96rem) {
  .h1 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .h2 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .h3 {
    font-size: 1.6875rem;
    line-height: 2.1875rem;
  }
  .h4 {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .text-body {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-display {
    font-size: 2.8125rem;
    line-height: 3.25rem;
  }
  .text-headline {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .text-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
    letter-spacing: 0.1;
  }
  .text-primary {
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.3;
  }
  .text-label {
    font-size: 0.75rem;
    line-height: 1.125rem;
    letter-spacing: 0.3;
  }
}
@media (max-width: 80rem) {
  .h1 {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .h3 {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
  .h4 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .text-display {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
  .text-headline {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
  .text-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
    letter-spacing: 0.1;
  }
  .text-primary {
    font-size: 0.9375rem;
    line-height: 1.375rem;
    letter-spacing: 0.3;
  }
  .text-label {
    font-size: 0.6875rem;
    line-height: 1rem;
    letter-spacing: 0.3;
  }
}
@media (max-width: 48rem) {
  .h1 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .h2 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .h3 {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .text-display {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
  .text-headline {
    font-size: 1.5rem;
    line-height: 2.125rem;
  }
  .text-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .text-primary {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .text-label {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
}
@media (max-width: 22.5rem) {
  .h1 {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .h3 {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
  }
}
@media (max-width: 123.75rem) {
  .container {
    max-width: 95rem;
  }
}
@media (max-width: 112.5rem) {
  .clip-content ul li {
    font-size: 1.625rem;
  }
}
@media (max-width: 106.25rem) {
  .container {
    max-width: 95rem;
  }
}
@media (max-width: 96rem) {
  .reduction-deckt {
    display: none;
  }
  .reduction-deckt-tablet {
    display: block;
  }
  .container {
    max-width: 75rem;
  }
  .collection-buy-item-price.price {
    font-size: 1.125rem;
    text-wrap: nowrap;
  }
  .vacancy-content {
    grid-template-columns: 1fr 32.5rem;
  }
  .clip-content > span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .clip-content ul li {
    font-size: 1.5rem;
  }
  .smart-design-img-full, .smart-design-img-local {
    height: 50rem;
  }
  .smart-design-content-sliders {
    max-height: 39.375rem;
  }
  .collections-item-image {
    min-width: 42.5rem;
  }
}
@media (max-width: 80rem) {
  .container {
    max-width: 60rem;
  }
  .reduction-tablet {
    display: none;
  }
  .reduction-tablet-mobile {
    display: block;
  }
  .collection-buy-item span {
    max-width: 4.375rem;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 4rem;
    line-height: 1.25rem;
  }
  .collection-buy-item-price-text {
    line-height: 1.25rem;
  }
  .vacancy-content {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .vacancy-form-section {
    position: static;
    max-width: 37.5rem;
    margin: 0 auto;
  }
  .clip-content ul li {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .recipe-content-info-text-bottom {
    flex-direction: column;
    text-align: center;
  }
  .smart-design-wrapper {
    flex-direction: column;
  }
  .smart-design-img-full {
    display: none;
  }
  .smart-design-img-local {
    flex: 1;
    max-height: 37.5rem;
  }
  .smart-design-content-sliders {
    overflow-y: visible;
    max-height: 100%;
  }
  .buyer-wrapper {
    display: grid;
    grid-template-columns: 1fr;
  }
  .menu-zabota-wrapper {
    flex-direction: column;
  }
  .menu-zabota-step-header-title {
    font-size: 1.375rem;
  }
  .menu-zabota-content-grid {
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  }
  .collections-item-image {
    min-width: 37.5rem;
  }
  .collections-item {
    gap: 3.75rem;
  }
}
@media (max-width: 63.75rem) {
  main {
    padding-top: 5.3125rem;
  }
  .container {
    max-width: 43.75rem;
  }
  .overview-top {
    display: flex;
    flex-direction: column;
  }
  .overview-richContent-wrapper {
    flex-direction: column;
  }
  .overview-richContent-imgBlock {
    max-height: 56.25rem;
  }
  .overview-richContent-imgBlock img {
    object-fit: none;
    object-position: bottom;
    max-height: 62.5rem;
  }
  .collection-wrapper {
    flex-direction: column;
  }
  .collection-buy-item span {
    max-width: 100%;
  }
  .official-stores-grid {
    flex-direction: column;
  }
  .cooperation-content {
    gap: 2.5rem;
    grid-template-columns: 1fr;
  }
  .cooperation-features {
    grid-template-columns: 1fr;
  }
  .cooperation-feature {
    align-items: center;
    text-align: center;
  }
  .vacancy-content {
    display: flex;
    flex-direction: column;
  }
  .news-item-wrapper {
    flex-direction: column;
  }
  .recipe-modal-content {
    padding: 1.25rem;
  }
  .recipe-content-info-text-types {
    display: flex;
    flex-wrap: wrap;
  }
  .recipe-content-info-image {
    display: none;
  }
  .collections-gallery {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.75rem;
    padding: 2.5rem 0;
  }
  .collections-gallery-item {
    height: 21.25rem;
  }
  .collections-gallery-go {
    grid-column: 1 / -1;
    padding: 2rem 2rem;
    font-size: 1.125rem;
  }
  .collections-item-image {
    height: 26.25rem;
  }
  .collections-item-decor {
    width: 17.5rem;
    height: 17.5rem;
  }
  .smart-design-img-local {
    max-height: 31.25rem;
  }
  .local_swiper-images-mob {
    display: block;
  }
  .local_swiper-images, .local_swiper-pagination {
    display: none;
  }
  .collections-item {
    gap: 2.5rem;
  }
  .slider-category-block a {
    height: 3.875rem;
  }
}
@media (max-width: 56.25rem) {
  .collections-item-image {
    min-width: 31.25rem;
  }
}
@media (max-width: 50rem) {
  .collections-item-left, .collections-item-right {
    padding: 1.5rem 0;
  }
  .collections-item-image {
    height: 23.75rem;
    min-width: 100%;
  }
  .collections-item-decor {
    width: 16.25rem;
    height: 16.25rem;
  }
  .collections-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    padding: 2rem 0;
  }
  .collections-gallery-item {
    height: 18.75rem;
  }
  .collections-gallery-go {
    grid-column: 1 / -1;
    padding: 1.5rem 1.25rem;
    font-size: 1rem;
  }
  .collections-item-text {
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
  .collections-text-block {
    order: -1;
  }
  #quiz6.warranty-icons-wrapper {
    flex-wrap: wrap;
  }
  #quiz6 .warranty-icons-block {
    width: 45%;
    flex: auto;
  }
}
@media (max-width: 63.6875rem) {
  .container-field {
    padding: 0 1rem;
  }
}
@media (max-width: 48rem) {
  .container {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
  }
  .reviews-person-content-text {
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 1.25rem;
    letter-spacing: 0.3px;
  }
  .cooperation-page {
    padding: 2rem 0 3.75rem;
  }
  .cooperation-header {
    margin-bottom: 2rem;
  }
  .vacancy-page {
    padding: 2.5rem 0;
  }
  .vacancy-header {
    margin-bottom: 2rem;
  }
  .vacancy-header h1 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .vacancy-logo-icon {
    width: 3rem;
    height: 3rem;
  }
  .vacancy-description {
    margin-bottom: 2.5rem;
  }
  .vacancy-item {
    padding: 1.5rem;
  }
  .vacancy-item-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .vacancy-section-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .vacancy-feature span {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .vacancy-contact-section {
    padding: 1rem;
  }
  .vacancy-form-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .cooperation-content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .cooperation-form-section {
    padding: 2rem 1.5rem;
  }
  .cooperation-form-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .page-header {
    padding: 2.5rem 0 2rem;
  }
  .page-header-subtitle {
    font-size: 1rem;
    line-height: 1.625rem;
  }
  .page-header-logo-icon {
    width: 3.5rem;
    height: 3.5rem;
    padding: 0.625rem;
  }
  .page-header-icon {
    width: 2.25rem;
    height: 2.25rem;
  }
  .page-header-warning, .page-header-info {
    padding: 1.25rem;
  }
  .recipe-content-info-text-types-item {
    font-size: 0.6875rem;
  }
  .recipe-content-info-text-bottom a, .recipe-content-info-text-bottom button {
    font-size: 0.875rem;
  }
  .recipe-content-info-text-top {
    margin-bottom: 0.7rem;
  }
  .recipe-modal-close {
    top: 5px;
    right: 17px;
  }
  .recipe-content-info-text {
    min-height: auto;
    padding: 0.875rem 0;
  }
  .smart-design-img-local {
    max-height: 25rem;
  }
  .menu-zabota-wrapper .accordion-title-text {
    font-size: 0.875rem;
  }
  .menu-zabota-step-header-title {
    font-size: 1.25rem;
  }
  .multipart-step:not(:last-child)::after {
    display: none;
  }
  .menu-zabota-content-grid {
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 1rem;
  }
  .lightbox-close {
    top: -3.125rem;
    right: -0.625rem;
    width: 2.1875rem;
    height: 2.1875rem;
    font-size: 1.25rem;
  }
  .menu-zabota-content-title {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
  }
  .collections-item {
    gap: 2rem;
  }
  .video-modal-content {
    width: 95%;
  }
  .video-modal-close {
    top: 5px;
    right: 5px;
  }
  .video-modal-content video {
    padding-top: 30px;
  }
  .video-modal-close svg {
    width: 14px;
    height: 14px;
  }
}
@media (max-width: 37.5rem) {
  .overview-richContent-imgBlock img {
    max-height: 25rem;
    object-fit: cover;
  }
  .overview-richContent-imgBlock {
    display: flex;
    flex-direction: column-reverse;
    gap: 2rem;
  }
  .news-header {
    margin: 4rem 0 4rem 0;
  }
  .home-care-main-wrapper .item-title-lex {
    padding-bottom: 0;
  }
  .collections-gallery {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.25rem;
    padding: 1.5rem 0;
  }
  .collections-gallery-item {
    height: 17.5rem;
  }
  .collections-gallery-go {
    grid-column: span 2;
    padding: 1.25rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.3;
    gap: 0.5rem;
  }
  .collections-gallery-go svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  .collections-wrapper {
    padding-bottom: 3.75rem;
  }
  main {
    padding-top: 5.1875rem;
  }
}
@media (max-width: 31.25rem) {
  .vacancy-item {
    padding: 1.25rem 1rem;
  }
  .vacancy-item-header {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
  }
  .vacancy-contact-info {
    flex-direction: column;
    gap: 0.5rem;
  }
  .vacancy-contact-link {
    font-size: 0.9375rem;
    word-break: break-all;
  }
  .cooperation-content {
    grid-template-columns: 1fr;
    gap: 2.5rem;
  }
  .cooperation-form-section {
    padding: 2rem 1.5rem;
  }
  .cooperation-form-title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
  .page-header-subtitle {
    font-size: 0.9375rem;
  }
  .smart-design-content-sliders-item {
    flex-direction: column;
  }
  .smart-design-content-sliders-button {
    top: 1rem;
    right: 1rem;
    bottom: auto;
    left: auto;
  }
  .smart-design-content-sliders-item-img {
    padding-right: 7.5rem;
    padding-bottom: 0;
  }
}
@media (max-width: 25rem) {
  #quiz6 .warranty-icons-block {
    padding: 1.875rem 0.625rem;
    min-width: 10rem;
  }
  #quiz6 .warranty-icons-block img {
    max-width: 6.25rem;
  }
}
.switch-block-page {
  padding: 3.75rem 0;
  background: #FFFFFF;
}
.switch-block-header {
  text-align: center;
  margin-bottom: 3rem;
}
.switch-block-header h1 {
  font-weight: 700;
  font-size: 2.25rem;
  line-height: 2.75rem;
  color: #1B1B20;
  margin-bottom: 1rem;
}
.switch-block-subtitle {
  color: #5B5B6B;
  font-size: 1.125rem;
  line-height: 1.75rem;
  max-width: 37.5rem;
  margin: 0 auto;
}
.switch-block-navigate {
  background: #F4F4F6;
  border-radius: 0.75rem;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  opacity: 0;
  transform: translateY(20px);
  transition: 500ms;
}
.switch-block-parent-categories {
  display: flex;
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.switch-block-parent-category {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1rem 1.5rem;
  background: transparent;
  border: 1px solid #D4D4D9;
  border-radius: 0.5rem;
  color: #5B5B6B;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: 300ms;
}
.switch-block-parent-category:hover:not(.active) {
  border-color: #CA163C;
  color: #CA163C;
}
.switch-block-parent-category.active {
  background: #CA163C;
  border-color: #CA163C;
  color: #FFFFFF;
}
.switch-block-parent-icon {
  width: 1.5rem;
  height: 1.5rem;
}
.switch-block-child-categories {
  position: relative;
}
.switch-block-child-category-group {
  display: flex;
  gap: 0.75rem;
}
.switch-block-child-category-group:not(.active) {
  display: none;
}
.switch-block-child-category {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  background: #FFFFFF;
  border: 1px solid #D4D4D9;
  border-radius: 0.5rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  font-weight: 500;
  cursor: pointer;
  transition: 300ms;
}
.switch-block-child-category:hover:not(.active) {
  border-color: #CA163C;
  color: #CA163C;
  box-shadow: 0 4px 12px rgba(202, 22, 60, 0.1);
}
.switch-block-child-category.active {
  background: #CA163C;
  border-color: #CA163C;
  color: #FFFFFF;
  box-shadow: 0 4px 12px rgba(202, 22, 60, 0.2);
}
.switch-block-child-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.switch-block-content {
  background: #FFFFFF;
  border-radius: 1rem;
  border: 1px solid #D4D4D9;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
  min-height: 25rem;
}
.switch-block-content-item {
  display: none;
  padding: 2.5rem;
}
.switch-block-content-item.active {
  display: block;
  animation: switchBlockSlideUp 400ms;
}
.switch-block-content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #D4D4D9;
}
.switch-block-content-header h2 {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  color: #1B1B20;
  margin: 0;
}
.switch-block-content-badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.75rem;
  background: rgba(20, 163, 123, 0.1);
  border: 1px solid rgba(20, 163, 123, 0.3);
  border-radius: 1.25rem;
  color: #14A37B;
  font-size: 0.875rem;
  font-weight: 600;
}
.switch-block-content-badge svg {
  width: 1rem;
  height: 1rem;
}
.switch-block-content-body {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.switch-block-info h3 {
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.75rem;
  color: #1B1B20;
  margin-bottom: 1rem;
}
.switch-block-description p {
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.75rem;
  margin: 0;
}
.switch-block-schedule-grid {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  background: #F4F4F6;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
.switch-block-schedule-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.75rem 0;
}
.switch-block-schedule-item:not(:last-child) {
  border-bottom: 1px solid #D4D4D9;
}
.switch-block-schedule-day {
  color: #1B1B20;
  font-weight: 500;
  font-size: 1rem;
}
.switch-block-schedule-time {
  color: #CA163C;
  font-weight: 600;
  font-size: 1rem;
}
.switch-block-features-list, .switch-block-delivery-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.switch-block-feature-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  color: #1B1B20;
}
.switch-block-feature-item svg {
  flex-shrink: 0;
}
.switch-block-delivery-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.5rem;
  color: #1B1B20;
}
.switch-block-delivery-list li:before {
  content: "•";
  position: absolute;
  left: 0.5rem;
  color: #CA163C;
  font-size: 1.25rem;
}
.switch-block-price {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.switch-block-price-label {
  color: #5B5B6B;
  font-size: 1rem;
}
.switch-block-price-value {
  color: #CA163C;
  font-size: 1.5rem;
  font-weight: 700;
}
.switch-block-countries-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.switch-block-country-tag {
  padding: 0.375rem 0.75rem;
  background: rgba(22, 82, 202, 0.1);
  border: 1px solid rgba(22, 82, 202, 0.3);
  border-radius: 1.25rem;
  color: #1652CA;
  font-size: 0.875rem;
  font-weight: 500;
}
.switch-block-pickup-points {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.switch-block-pickup-point {
  padding: 1.25rem;
  background: #F4F4F6;
  border-radius: 0.5rem;
}
.switch-block-pickup-point h4 {
  font-weight: 600;
  font-size: 1.125rem;
  color: #1B1B20;
  margin-bottom: 0.5rem;
}
.switch-block-pickup-point p {
  color: #5B5B6B;
  margin: 0;
}
.switch-block-notice {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1.25rem;
  background: rgba(22, 82, 202, 0.05);
  border: 1px solid rgba(22, 82, 202, 0.2);
  border-radius: 0.5rem;
  color: #1652CA;
}
.switch-block-notice-icon {
  font-size: 1.25rem;
  line-height: 1;
}
.switch-block-notice p {
  margin: 0;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.switch-block-order {
  margin-top: 1rem;
}
.switch-block-codes-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.switch-block-code-tag {
  padding: 0.75rem;
  border: 1px solid #000;
  border-radius: 0.375rem;
  background-color: #F4F4F6;
  transition: 300ms;
  cursor: pointer;
}
.switch-block-code-tag:hover {
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.06);
}
@keyframes switchBlockSlideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 48rem) {
  .switch-block-child-category {
    justify-content: center;
  }
  .switch-block-parent-categories {
    flex-direction: column;
  }
  .switch-block-child-category-group {
    flex-direction: column;
  }
  .switch-block-content-item {
    padding: 2rem 1.5rem;
  }
  .switch-block-content-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}
@media (max-width: 31.25rem) {
  .switch-block-content-item {
    padding: 1.5rem 1rem;
  }
}
.btn {
  padding: 1rem;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  transition: 300ms;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  border: 1px solid #CA163C;
  border-radius: 0.375rem;
}
.btn-wrapper-switch {
  padding: 0.1875rem 0.25rem;
  background-color: #F4F4F6;
  border-radius: 0.375rem;
  display: flex;
  gap: 0.25rem;
  text-wrap: nowrap;
}
.btn-wrapper-switch button {
  flex: 1;
}
.btn svg, .btn svg path {
  transition: 300ms;
}
.btn-primary-filled-pink {
  background-color: #CA163C;
  color: #FFFFFF;
  height: 3.375rem;
}
.btn-primary-filled-pink:hover:not(:disabled) {
  background-color: #E02E54;
  border-color: #E02E54;
}
.btn-primary-filled-pink:hover:not(:disabled) svg path {
  fill: #CA163C;
}
.btn-primary-filled-pink-mini {
  padding: 0.5625rem 1rem;
  background-color: #CA163C;
  color: #FFFFFF;
  height: 2.625rem;
}
.btn-primary-filled-pink-mini:hover:not(:disabled) {
  background-color: #E02E54;
  border-color: #E02E54;
}
.btn-primary-filled-pink-mini:hover:not(:disabled) svg path {
  fill: #CA163C;
}
.btn-primary-filled {
  background-color: #CA163C;
  color: #FFFFFF;
}
.btn-primary-filled:hover svg {
  color: #fff;
  fill: #fff;
}
.btn-primary-filled:hover svg.stroke {
  color: #CA163C;
}
.btn-primary-filled:hover svg.fill {
  fill: #CA163C;
}
.btn-primary-filled:hover:not(:disabled) {
  background-color: #FFFFFF;
  color: #CA163C;
  border-color: #CA163C;
}
.btn-primary-filled:hover:not(:disabled) svg path {
  fill: #CA163C;
}
.btn-primary-filled-mini {
  padding: 0.5625rem 1rem;
  background-color: #CA163C;
  color: #FFFFFF;
}
.btn-primary-filled-mini:hover svg {
  color: #fff;
  fill: #fff;
}
.btn-primary-filled-mini:hover svg.stroke {
  color: #CA163C;
}
.btn-primary-filled-mini:hover svg.fill {
  fill: #CA163C;
}
.btn-primary-filled-mini:hover:not(:disabled) {
  background-color: #FFFFFF;
  color: #CA163C;
  border-color: #CA163C;
}
.btn-primary-filled-mini:hover:not(:disabled) svg path {
  fill: #CA163C;
}
.btn-primary-bordered-black-pink {
  background-color: transparent;
  color: #FFFFFF;
  padding: 0.625rem 1rem;
  font-weight: 700;
  line-height: 1.3;
}
.btn-primary-bordered-black-pink:hover:not(:disabled) {
  border-color: #E02E54;
  background-color: #CA163C;
  color: #fff;
}
.btn-primary-bordered-black-pink:hover:not(:disabled) svg {
  color: #FFFFFF;
}
.btn-primary-bordered-black {
  background-color: transparent;
  color: #FFFFFF;
  padding: 0.625rem 1rem;
  font-weight: 700;
  line-height: 1.3;
}
.btn-primary-bordered-black:hover:not(:disabled) {
  background-color: #CA163C;
  color: #FFFFFF;
}
.btn-primary-bordered-black:hover:not(:disabled) svg path {
  stroke: #FFFFFF;
}
.btn-primary-bordered-white {
  background-color: #FFFFFF;
  color: #CA163C;
  padding: 0.625rem 1rem;
  height: 3.375rem;
}
.btn-primary-bordered-white:hover:not(:disabled) {
  background-color: #CA163C;
  color: #FFFFFF;
}
.btn-primary-bordered-white:hover:not(:disabled) svg path {
  stroke: #FFFFFF;
}
.btn-primary-bordered-white-mini {
  background-color: #FFFFFF;
  color: #CA163C;
  padding: 0.625rem 1rem;
  height: 2.625rem;
}
.btn-primary-bordered-white-mini:hover:not(:disabled) {
  background-color: #CA163C;
  color: #FFFFFF;
}
.btn-primary-bordered-white-mini:hover:not(:disabled) svg path {
  stroke: #FFFFFF;
}
.btn-secondary-filled {
  background-color: #F4F4F6;
  color: #1B1B20;
  padding: 0.5625rem 1rem;
  border-color: #F4F4F6;
}
.btn-secondary-filled-hoverNone {
  background-color: #F4F4F6;
  color: #1B1B20;
  padding: 0.5625rem 1rem;
  border-color: #F4F4F6;
}
.btn-secondary-filled-text {
  background-color: #F4F4F6;
  color: #1B1B20;
  padding: 0.5625rem 1rem;
  border-color: #F4F4F6;
}
.btn-secondary-filled-text:hover:not(:disabled) {
  color: #CA163C;
}
.btn-secondary-filled-text:hover:not(:disabled) svg path {
  stroke: #F4F4F6;
}
.btn-secondary-filled:hover svg {
  color: #fff;
}
.btn-secondary-filled:hover svg.stroke {
  color: #fff;
}
.btn-secondary-filled:hover svg.fill {
  fill: #fff;
}
.btn-secondary-filled:hover:not(:disabled) {
  background-color: #1B1B20;
  color: #F4F4F6;
}
.btn-secondary-filled:hover:not(:disabled) svg path {
  stroke: #F4F4F6;
}
.btn-secondary-bordered {
  background-color: #FFFFFF;
  color: #1B1B20;
  padding: 0.5625rem 1rem;
  border-color: #F4F4F6;
}
.btn-secondary-bordered:hover:not(:disabled) {
  background-color: #1B1B20;
  color: #FFFFFF;
}
.btn-secondary-bordered:hover:not(:disabled) svg path {
  stroke: #FFFFFF;
}
.btn-switch {
  padding: 0.5rem 1rem;
  border: none;
  font-weight: 500;
  background-color: transparent;
  border-radius: 0.25rem;
  color: #1B1B20;
  line-height: 1.25rem;
  font-size: 0.875rem;
  gap: 0.5rem;
}
.btn-switch:hover {
  background-color: #FFFFFF;
}
.btn-switch.active {
  background-color: #FFFFFF;
  box-shadow: 0px 1px 4px 0px #00000026;
}
.btn-switch-discount :last-child {
  color: #CA163C;
  font-weight: 700;
}
.btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.btn-ozon {
  background-color: #005BFF;
  padding: 0.625rem 0.75rem;
  border-color: #005BFF;
  color: #fff;
}
.btn-ozon:hover {
  background-color: #fff;
  color: #005BFF;
}
.btn-wb {
  background-color: #9946F4;
  padding: 0.625rem 0.75rem;
  border-color: #9946F4;
  color: #fff;
}
.btn-wb:hover {
  background-color: #fff;
  color: #9946F4;
}
.btn .uppercase {
  text-transform: uppercase;
}
.special {
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  background-color: transparent;
  border: 1px solid transparent;
  font-size: 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  line-height: 0;
  text-wrap: nowrap;
}
.special.big {
  padding: 0.375rem 0.5rem;
  border-radius: 0.375rem;
  font-weight: 700;
}
.special-container {
  display: flex;
  gap: 0.75rem;
}
.special-freshModel {
  border-color: #33CCA1;
  color: #14A37B;
}
.special-online {
  border-color: #3A6DD3;
  color: #1652CA;
}
.special-discount {
  border-color: #CA163C;
  color: #CA163C;
}
.line {
  width: 100%;
  height: 1px;
  min-height: 1px;
  background-color: #E1E1E5;
  margin: 1rem 0;
}
.price {
  display: inline;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1B1B20;
  text-wrap: nowrap;
}
.price-big {
  font-size: 1.5rem;
}
.price-small {
  font-size: 0.9375rem;
}
.price-discount {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #7C7C86;
}
.price-discount:has(.priceAndDiscount-mobile) span:nth-child(2) {
  text-decoration: line-through;
  text-decoration-color: #CA163C;
}
.price-discount:not(:has(.priceAndDiscount-mobile)) span:nth-child(1) {
  text-decoration: line-through;
  text-decoration-color: #CA163C;
}
.price-discount-red {
  font-size: 0.9375rem;
  font-weight: 500;
  color: #CA163C;
}
.price-discount-red span:nth-child(1) {
  text-decoration: line-through;
  text-decoration-color: #CA163C;
}
#related {
  position: relative;
  z-index: 5;
  background-color: #fff;
  padding: 3.75rem 0;
}
#related h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}
#related .related-more {
  margin: 0 auto;
  width: fit-content;
  margin-top: 2.5rem;
}
.product-banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  position: absolute;
  bottom: 0.375rem;
  left: 0.375rem;
}
.product-banner-item {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.1875rem 0.375rem;
  border-radius: 0.3125rem;
  background-color: #fff;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  width: fit-content;
}
.product-banner-fresh {
  border-color: #33CCA1;
  color: #14A37B;
}
.product-banner-online {
  border-color: #3A6DD3;
  color: #1652CA;
}
.product-banner-sale {
  border-color: #CA163C;
  color: #CA163C;
}
.product-banner-ozon {
  border-color: transparent;
  background-color: #EBF2FF;
  color: #1B1B20;
}
.product-banner-ozon svg {
  width: 2.125rem;
  height: 1rem;
}
.product-banner-wb {
  border-color: transparent;
  background-color: #F5ECFE;
  color: #1B1B20;
}
.product-banner-wb svg {
  width: 1.125rem;
  height: 1.125rem;
}
.product-banner-close {
  border-color: #5B5B6B;
  color: #5B5B6B;
}
.mobile-navigate {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  border-top: 1px solid #E1E1E5;
  background-color: #fff;
  height: 2.625rem;
}
.mobile-navigate-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 0.4375rem;
  line-height: 1;
  top: -0.4375rem;
  right: -0.5rem;
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: #CA163C;
  color: #FFFFFF;
  z-index: 2;
}
.mobile-navigate-icon-wrapper {
  position: relative;
}
.mobile-navigate .container {
  height: 2.625rem;
}
.mobile-navigate ul {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 2.5rem;
  height: 2.625rem;
}
.mobile-navigate ul li {
  height: fit-content;
  max-height: 1.375rem;
}
.mobile-navigate ul li a, .mobile-navigate ul li span {
  display: flex;
}
.banner-image {
  width: 100%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.banner-image img, .banner-image video {
  display: block;
  width: 100%;
  height: 100%;
  object-position: top;
  object-fit: cover;
}
.banner-image video {
  background: #000;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.banner-image.shadow::after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #00000024;
  z-index: 1;
}
.banner-image.shadow-bottom::after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 54.5%, rgba(0, 0, 0, 0.8) 152%);
  z-index: 1;
}
.banner-wrapper {
  position: relative;
  height: 43.75rem;
}
.banner-wrapper.splide .banner-text-bottom {
  padding-bottom: 1.875rem;
}
.banner-wrapper .splide__track {
  height: 100%;
}
.banner-wrapper .splide__slide {
  width: 100%;
}
.banner-wrapper .container-field {
  height: 100%;
  display: flex;
  align-items: center;
}
.banner-wrapper .splide__progress {
  position: absolute;
  bottom: 1.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 2.75rem;
  height: 3px;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 0.1875rem;
  overflow: hidden;
  z-index: 10;
  cursor: pointer;
}
.banner-wrapper .splide__progress__bar {
  width: 0%;
  height: 100%;
  background-color: #3B82F6;
  border-radius: 0.1875rem;
  transition: width linear;
}
.banner-text {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 0.375rem;
  flex-direction: column;
  color: #fff;
}
.banner-text-bottom {
  padding: 1.25rem;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 1rem;
  flex-direction: column;
  color: #fff;
}
.banner-text-bottom svg.size10 {
  transform: rotate(90deg);
}
.banner-text-bottom h2 {
  text-align: center;
}
.banner-text-line {
  width: 2.75rem;
  height: 2px;
  background-color: #fff;
  opacity: 0.2;
  border-radius: 0.625rem;
  margin-top: 1rem;
}
.slider-category {
  width: 100%;
  max-width: 95%;
}
.slider-category-block {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.slider-category-block li {
  padding: 0.4375rem 0.25rem;
}
.slider-category-block li.category-active a {
  border-color: #CA163C;
}
.slider-category-block li.category-active span {
  color: #CA163C;
}
.slider-category-block a {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 0.575rem 1.25rem;
  border-radius: 0.75rem;
  box-shadow: 0px 1px 5px 0px #00000029;
  transition: 300ms;
  height: 60px;
}
.slider-category-block a:hover {
  box-shadow: 0px 1px 5px 0px #ca163c3b;
}
.slider-category-block a:hover span {
  color: #CA163C;
}
.slider-category-block a img {
  max-width: 3.75rem;
  max-height: 3.75rem;
}
.slider-category-block a span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  text-wrap: nowrap;
  transition: 200ms;
}
.slider-category-wrapper {
  padding: 1.4375rem 0;
}
.color-filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  position: relative;
}
.color-filter-collapsed .radio-color-block-label {
  display: none;
}
.color-filter-collapsed .radio-color-block-label:nth-child(-n+2) {
  display: flex;
}
.color-filter-show-more {
  width: 100%;
  margin-top: 0.25rem;
}
.color-filter-show-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid #D4D4D9;
  border-radius: 6.25rem;
  cursor: pointer;
  color: #1B1B20;
  font-size: 0.875rem;
  font-weight: 500;
  transition: 300ms;
}
.color-filter-show-more-btn:hover {
  border-color: #CA163C;
}
.color-filter-show-more-btn.active .color-filter-show-more-icon {
  transform: rotate(180deg);
}
.color-filter-show-more-text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.color-filter-show-more-count {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.color-filter-show-more-icon {
  transition: transform 300ms;
  width: 1rem;
  height: 1rem;
}
.switch-catalog {
  background-color: #F4F4F6;
  border-radius: 0.375rem;
  display: flex;
  padding: 0.25rem;
  gap: 0.25rem;
}
.switch-catalog .view-radio-label {
  margin: 0;
  cursor: pointer;
}
.switch-catalog .view-radio-label .view-radio-input {
  display: none;
}
.switch-catalog .view-radio-label .view-radio-input:checked + .view-radio-custom {
  background-color: #fff;
  box-shadow: 0px 1px 4px 0px #00000026;
}
.switch-catalog .view-radio-label .view-radio-input:checked + .view-radio-custom svg {
  color: #1B1B20;
}
.switch-catalog .view-radio-custom {
  padding: 0.6875rem;
  background-color: transparent;
  display: flex;
  transition: 300ms;
  border-radius: 0.25rem;
  cursor: pointer;
}
.switch-catalog .view-radio-custom:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.switch-catalog .view-radio-custom svg {
  color: #A9A9B2;
  transition: fill 300ms;
}
.tippy-box[data-theme~="popup"] {
  background: white;
  border-radius: 10px;
  box-shadow: 0px 2px 15px 0px #0000001F;
  padding: 0;
  width: 100%;
  color: #1E1E2C;
  font-weight: 400;
  font-size: 14px;
}
.tippy-box[data-theme~="popup"] .tippy-content {
  padding: 0;
}
.tippy-box[data-theme~="popup"][data-placement^="bottom"] > .tippy-arrow::before {
  border-bottom-color: white;
  border-width: 6px;
}
.popup-content-inner {
  padding: 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup-content-inner span {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #161620;
  display: block;
}
.popup-content-inner p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #1E1E2C;
  margin: 0;
  text-wrap: wrap;
}
.popup-content-bottom a {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 100%;
  color: #CA163C;
  text-decoration: none;
}
.popup-content-bottom a:hover {
  text-decoration: underline;
}
.popup-info {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.popup-info svg {
  cursor: pointer;
  transition: 150ms;
}
.popup-info:hover svg {
  transform: scale(1.05);
  stroke: #CA163C;
  color: #CA163C;
}
.popup-wrapper {
  position: absolute;
}
.popup-wrapper.top-right {
  top: 1rem;
  right: 1rem;
}
.popup-wrapper.top-left {
  top: 1rem;
  left: 1rem;
}
.popup-wrapper.bottom-right {
  bottom: 1rem;
  right: 1rem;
}
.popup-wrapper.bottom-left {
  bottom: 1rem;
  left: 1rem;
}
.alert {
  position: relative;
  padding: 1rem 1.25rem;
  border-radius: 0.625rem;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  overflow: hidden;
  min-height: 4rem;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.06);
  background-color: #F7F9FC;
  border: 1px solid #DCE6F5;
  flex: 1;
}
.alert .alert-content-title {
  color: #1F4E8C;
}
.alert .alert-content-text, .alert .alert-content a {
  color: #4B5563;
}
.alert .alert-content a {
  text-decoration: underline;
}
.alert .alert-content-icon svg {
  color: #2F6FEB;
}
.alert .alert-progress-bar {
  background: #2F6FEB;
}
.alert.warning-alert {
  background-color: #FFF8F1;
  border-color: #F4D2B5;
}
.alert.warning-alert .alert-content-title {
  color: #9B4A18;
}
.alert.warning-alert .alert-content-text, .alert.warning-alert .alert-content a {
  color: #6B4A32;
}
.alert.warning-alert .alert-content a {
  text-decoration: underline;
}
.alert.warning-alert .alert-content-icon svg {
  color: #E07A2F;
}
.alert.warning-alert .alert-progress-bar {
  background: #E07A2F;
}
.alert.success-alert {
  background-color: #F0FAF5;
  border-color: #BFE7D1;
}
.alert.success-alert .alert-content-title {
  color: #15805E;
}
.alert.success-alert .alert-content-text, .alert.success-alert .alert-content a {
  color: #3F5F52;
}
.alert.success-alert .alert-content a {
  text-decoration: underline;
}
.alert.success-alert .alert-content-icon svg {
  color: #18A978;
}
.alert.success-alert .alert-progress-bar {
  background: #18A978;
}
.alert.error-alert {
  background-color: #FFF3F3;
  border-color: #F1C2C2;
}
.alert.error-alert .alert-content-title {
  color: #B13A3A;
}
.alert.error-alert .alert-content-text, .alert.error-alert .alert-content a {
  color: #684040;
}
.alert.error-alert .alert-content a {
  text-decoration: underline;
}
.alert.error-alert .alert-content-icon svg {
  color: #D94A4A;
}
.alert.error-alert .alert-progress-bar {
  background: #D94A4A;
}
.alert-wrapper {
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-width: 37.5rem;
  max-height: 25.625rem;
  width: 100%;
  z-index: 9999;
  pointer-events: none;
  overflow: hidden;
  padding: 1.25rem;
}
.alert-wrapper.no-icon .alert-content-icon {
  display: none;
}
.alert-wrapper.no-close .alert-close {
  display: none;
}
.alert-wrapper .alert {
  pointer-events: auto;
  animation: slideIn 0.35s ease-out forwards;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.1);
  flex-shrink: 0;
}
.alert-wrapper .alert.alert-exit {
  animation: slideOutRight 0.35s ease-in forwards;
}
.alert-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.alert-content-title {
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #1B1B20;
}
.alert-content-text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1B1B20;
  opacity: 0.82;
}
.alert-content-icon {
  flex-shrink: 0;
}
.alert-content-icon svg {
  color: #2F6FEB;
}
.alert-close {
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: none;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  padding: 0.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6B7280;
  transition: 0.15s;
}
.alert-close:hover {
  background: rgba(0, 0, 0, 0.05);
  color: #1F2937;
}
.alert-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.1875rem;
  width: 100%;
  background: rgba(0, 0, 0, 0.05);
  border-radius: 0 0 0.625rem 0.625rem;
  overflow: hidden;
}
.alert-progress-bar {
  height: 100%;
  width: 100%;
  transition: width 0.1s linear;
  opacity: 0.85;
}
@media (max-width: 63.75rem) {
  .alert {
    padding: 0.875rem 1rem;
    gap: 0.625rem;
    min-height: 3.625rem;
    border-radius: 0.5625rem;
  }
  .alert-wrapper {
    right: 1rem;
    bottom: 1rem;
    max-width: 28.75rem;
    max-height: 22.5rem;
    padding: 0.75rem;
    gap: 0.5rem;
  }
  .alert-content {
    gap: 0.1875rem;
  }
  .alert-content-title {
    font-size: 0.9375rem;
    line-height: 1.1875rem;
  }
  .alert-content-text {
    font-size: 0.8125rem;
    line-height: 1.45;
  }
  .alert-content-icon svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .alert-close {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.3125rem;
  }
}
@media (max-width: 48rem) {
  .alert {
    padding: 0.8125rem 0.875rem;
    gap: 0.5625rem;
    min-height: 3.375rem;
    border-radius: 0.5rem;
  }
  .alert-wrapper {
    left: 0;
    right: 0;
    bottom: 3.25rem;
    width: 100%;
    max-width: none;
    max-height: 20rem;
    padding: 0.625rem;
    gap: 0.5rem;
  }
  .alert-wrapper .alert {
    animation: slideInBottom 0.35s ease-out forwards;
  }
  .alert-wrapper .alert.alert-exit {
    animation: slideOutBottom 0.35s ease-in forwards;
  }
  .alert-content-title {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .alert-content-text {
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .alert-close {
    margin-top: -0.125rem;
  }
  .alert-progress {
    height: 0.125rem;
  }
}
@media (max-width: 37.5rem) {
  .alert {
    padding: 0.75rem;
    gap: 0.5rem;
    min-height: 3.125rem;
    box-shadow: 0 0.375rem 1.125rem rgba(0, 0, 0, 0.1);
  }
  .alert-wrapper {
    bottom: 3.125rem;
    padding: 0.5rem;
    gap: 0.5rem;
    max-height: 18.75rem;
  }
  .alert-content-title {
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
  .alert-content-text {
    font-size: 0.75rem;
    line-height: 1.4;
  }
  .alert-content-icon svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .alert-close {
    width: 1.125rem;
    height: 1.125rem;
    padding: 0.25rem;
  }
}
@media (max-width: 31.25rem) {
  .alert-wrapper {
    bottom: 3rem;
  }
}
@keyframes slideInBottom {
  0% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideOutBottom {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(1.25rem);
  }
}
.priceAndDiscount-wrapper {
  color: #7C7C86;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  gap: 0.625rem;
}
.priceAndDiscount-wrapper.column {
  flex-direction: column;
  gap: 0.25rem;
  align-items: start;
  width: fit-content;
}
.priceAndDiscount-wrapper.column > div {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.priceAndDiscount-wrapper.row {
  flex-direction: row-reverse;
  justify-content: start;
  align-items: end;
}
.priceAndDiscount-wrapper.row > div {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.625rem;
}
.priceAndDiscount-wrapper.row > div .price.price-discount {
  display: flex;
  gap: 0.125rem;
}
.priceAndDiscount-wrapper.row > div .price.price-discount > span {
  line-height: 1;
}
.priceAndDiscount-mobile {
  display: none;
}
.priceAndDiscount-sale {
  color: #FFFFFF;
  border-radius: 0.25rem;
  background-color: #CA163C;
  padding: 0.25rem 0.5rem;
  line-height: 1;
  font-size: 0.6875rem;
  text-decoration: none;
  font-weight: 700;
}
.circle {
  display: block;
  border-radius: 50%;
}
.circle-greed {
  color: #33CCA1;
}
.circle-orange {
  color: #EB5F10;
}
.circle.small {
  width: 0.875rem;
  height: 0.875rem;
}
.circle.big {
  width: 1.5rem;
  height: 1.5rem;
}
.card {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1.5rem;
  border: 1px solid transparent;
  border-radius: 0.875rem;
  background: #FFFFFF;
  box-shadow: 0 0.0625rem 0.5rem rgba(0, 0, 0, 0.16);
  transition: transform 300ms ease, box-shadow 300ms ease, border-color 300ms ease;
}
.card:hover {
  transform: translateY(-0.125rem);
  border-color: rgba(202, 22, 60, 0.3);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
[data-page-type="blacklist"] .card-grid {
  grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
}
.card-header {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.375rem;
}
.card-header.img .card-number {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.card-number {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: 50%;
  background: #F4F4F6;
  color: #5B5B6B;
  font-size: 0.8125rem;
  font-weight: 600;
  line-height: 1;
}
.card-warning {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.75rem;
  border-radius: 1.25rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.2;
}
.card-title {
  margin: 0.75rem 0;
  color: #1B1B20;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.3;
}
.card-url {
  width: 100%;
  color: #1652CA;
  font-size: 0.875rem;
}
.card-url a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: 100%;
  color: inherit;
  text-decoration: none;
  transition: color 300ms ease;
}
.card-url a span {
  display: block;
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.card-url a:hover {
  color: #CA163C;
  text-decoration: underline;
}
.card-url svg {
  flex-shrink: 0;
}
.card-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-end;
}
.card-content > *:last-child {
  margin-bottom: 0;
}
.card-subtitle {
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.card-reason {
  margin-top: auto;
  padding: 0.75rem;
  border-radius: 0.5rem;
  background: #F4F4F6;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.5rem;
}
.card-bigSvg {
  width: 3.25rem;
  height: 3.5625rem;
  flex-shrink: 0;
}
.warning {
  background: rgba(202, 22, 60, 0.05);
  border-left: 4px solid #CA163C;
  padding: 1rem;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
}
.warning-title {
  color: #CA163C;
  font-weight: 700;
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
}
.warning-text {
  color: #1B1B20;
  line-height: 1.375rem;
  margin-bottom: 0.625rem;
  font-size: 0.875rem;
}
.warning-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 1rem 0;
}
.warning-step {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  padding: 0.625rem;
  background: #FFFFFF;
  border-radius: 0.375rem;
}
.accordion-block {
  padding: 1rem;
  background: #FFFFFF;
  border: 1px solid #D4D4D9;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: 300ms;
  height: fit-content;
}
.accordion-block:hover {
  border-color: #CA163C;
}
.accordion-block:hover .accordion-title-text {
  color: #CA163C;
}
.accordion-block:hover .accordion-arrow {
  color: #CA163C;
}
.accordion-block.active {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}
.accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordion-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
}
.accordion-title > svg {
  color: #CA163C;
}
.accordion-title-text {
  font-weight: 700;
  font-size: 1rem;
  color: #1B1B20;
  line-height: 1.5rem;
  transition: 300ms;
}
.accordion-subtitle {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.accordion-subtitle.important {
  color: #CA163C;
}
.accordion-subtitle.important svg path {
  stroke: #CA163C;
}
.accordion-arrow {
  width: 1.25rem;
  height: 1.25rem;
  transition: transform 300ms;
  color: #7C7C86;
  transform: rotate(180deg);
  flex-shrink: 0;
}
.accordion-block.active .accordion-arrow {
  transform: rotate(0);
  color: #CA163C;
}
.accordion-content {
  padding: 0;
  max-height: 0;
  overflow: hidden;
  transition: 300ms;
}
.accordion-content > :first-child {
  margin-top: 1.25rem;
}
.accordion-block.active .accordion-content {
  max-height: 125rem;
}
.svg {
  transition: 300ms;
  width: 1.125rem;
  height: 1.125rem;
}
.svg-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.875rem;
  height: 2.875rem;
  padding: 0.625rem;
  border-radius: 50%;
  border: 1px solid #D4D4D9;
  transition: 300ms;
}
.svg-wrapper.red {
  border-color: #CA163C;
}
.svg.svg100 {
  width: 100%;
  height: 100%;
}
.svg.size28 {
  width: 1.75rem;
  height: 1.75rem;
}
.svg.size26 {
  width: 1.625rem;
  height: 1.625rem;
}
.svg.size24 {
  width: 1.5rem;
  height: 1.5rem;
}
.svg.size22 {
  width: 1.375rem;
  height: 1.375rem;
}
.svg.size20 {
  width: 1.25rem;
  height: 1.25rem;
}
.svg.size16 {
  width: 1rem;
  height: 1rem;
}
.svg.size14 {
  width: 0.875rem;
  height: 0.875rem;
}
.svg.size12 {
  width: 0.75rem;
  height: 0.75rem;
}
.svg.size10 {
  width: 0.625rem;
  height: 0.625rem;
}
.svg-black {
  color: #000;
}
.svg-black:hover.stroke {
  color: #CA163C;
}
.svg-black:hover.fill {
  fill: #CA163C;
}
.svg-white {
  color: #fff;
  fill: #fff;
}
.svg-white:hover.stroke {
  color: #CA163C;
}
.svg-white:hover.fill {
  fill: #CA163C;
  color: #CA163C;
}
.svg-grey-secondary {
  color: #7C7C86;
  fill: #fff;
}
.svg-grey-secondary:hover.stroke {
  color: #CA163C;
}
.svg-grey-secondary:hover.fill {
  fill: #CA163C;
  color: #CA163C;
}
.svg-grey-disabled {
  color: #D4D4D9;
  fill: #fff;
}
.svg-grey-disabled:hover.stroke {
  color: #CA163C;
}
.svg-grey-disabled:hover.fill {
  fill: #CA163C;
  color: #CA163C;
}
.svg-stroke {
  color: #CA163C;
}
.svg-fill {
  fill: #CA163C;
  color: #CA163C;
}
.svg-star {
  color: #D4D4D9;
  fill: #fff;
}
.svg-star.active {
  color: #D0832F;
}
.custom-slider-prev {
  transform: rotate(270deg);
}
.custom-slider-next {
  transform: rotate(90deg);
}
.custom-slider-btn {
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 300ms;
}
.custom-slider-btn:hover {
  background-color: #EEEEF1;
}
.multipart-wrapper {
  margin-bottom: 2.5rem;
}
.multipart-progress {
  background: #F4F4F6;
  border-radius: 0.25rem;
  height: 0.25rem;
  margin-bottom: 2rem;
  overflow: hidden;
}
.multipart-progress-bar {
  background: #CA163C;
  height: 100%;
  border-radius: 0.25rem;
  transition: 300ms;
}
.multipart-step {
  flex: 1;
  text-align: center;
  position: relative;
}
.multipart-step-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 1rem;
}
.multipart-step:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 1.25rem;
  right: -50%;
  width: 100%;
  height: 0.125rem;
  background: #F4F4F6;
  z-index: 0;
}
.multipart-step.active .multipart-step-count {
  background: #CA163C;
  color: white;
  border-color: #CA163C;
}
.multipart-step.active .multipart-step-name {
  color: #CA163C;
}
.multipart-step.active::after {
  background: #CA163C;
}
.multipart-step.completed .multipart-step-count {
  background: #CA163C;
  color: white;
  border-color: #CA163C;
}
.multipart-step.completed::after {
  background: #CA163C;
}
.multipart-step-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  position: relative;
  z-index: 1;
}
.multipart-step-count {
  width: 2.5rem;
  height: 2.5rem;
  background: #FFFFFF;
  border: 2px solid #7C7C86;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  color: #7C7C86;
  transition: 300ms;
}
.multipart-step-name {
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1rem;
  color: #7C7C86;
  transition: 300ms;
}
.multipart-step-description {
  font-size: 0.75rem;
  line-height: 1rem;
}
#warranty {
  position: relative;
  overflow: hidden;
}
#warranty .warranty-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#warranty .warranty-wrapper {
  display: flex;
  gap: 2.5rem;
  height: 26.625rem;
  align-items: center;
  max-width: 1520px;
  margin: 0 auto;
}
#warranty .warranty-wrapper h4 {
  max-width: 31.25rem;
  font-size: 2.25rem;
  line-height: 2.75rem;
}
#warranty .warranty-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  color: #FFFFFF;
  max-width: 35rem;
}
#warranty .warranty-text-mobile {
  display: none;
  flex-direction: column;
  color: #fff;
  gap: 1.5rem;
}
#warranty .warranty-text-description {
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
#warranty .warranty-icons-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex: 1;
  gap: 1.875rem;
}
#warranty .warranty-icons-block {
  flex: 1;
  position: relative;
  padding: 1.25rem;
  background-color: #fff;
  border-radius: 1.25rem;
}
#warranty .warranty-icons-block:hover .popup-wrapper {
  opacity: 1;
}
#warranty .warranty-icons-block .popup-wrapper {
  transition: 300ms;
  opacity: 0;
}
#warranty .warranty-icons-block-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: space-between;
  height: 100%;
}
#warranty .warranty-icons-block-content img {
  margin: 1.125rem 0;
  width: 6.25rem;
  max-height: 4rem;
  object-fit: contain;
}
#warranty .warranty-icons-block-content span {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.1px;
  max-width: 12.5rem;
  text-align: center;
}
#reviews {
  padding: 3.75rem 0;
  background-color: #F4F4F6;
}
#reviews .container {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
#reviews h2 {
  margin-bottom: 2.5rem;
  text-align: center;
}
#reviews .splide__slide {
  max-height: 160px;
}
#reviews .splide__arrow.splide__arrow--prev {
  left: 0.625rem;
}
#reviews .splide__arrow.splide__arrow--next {
  right: 0.625rem;
}
#reviews .custom-slider-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#reviews .custom-slider-prev svg {
  transform: rotate(270deg);
}
#reviews .custom-slider-next svg {
  transform: rotate(90deg);
}
#reviews .reviews-slider-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
#reviews .reviews-photos {
  display: flex;
  flex-direction: column;
  margin-top: 0.875rem;
  gap: 0.875rem;
}
#reviews .reviews-photos-wrapper {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
#reviews .reviews-photos-wrapper img {
  border-radius: 0.375rem;
}
#reviews .reviews-buttons-more {
  display: flex;
  justify-content: center;
}
#reviews .reviews-buttons-filters {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
#reviews .reviews-globalRating {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
#reviews .reviews-globalRating-mobile {
  display: none;
}
#reviews .reviews-globalRating-title {
  font-size: 1.625rem;
  font-weight: 700;
}
#reviews .reviews-globalRating-stars {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1.125rem;
  line-height: 1;
}
#reviews .reviews-globalRating-stars span:first-child {
  color: #D0832F;
  font-size: 1.625rem;
  font-weight: 700;
}
#reviews .reviews-globalRating-stars > div {
  display: flex;
  gap: 0.375rem;
}
#reviews .reviews-person {
  display: flex;
  gap: 1rem;
  padding: 1.875rem;
  background-color: #FFFFFF;
  border-radius: 1.25rem;
}
#reviews .reviews-person-avatar {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
#reviews .reviews-person-avatar-null {
  font-size: 1.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  background-color: #F1F7FE;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
#reviews .reviews-person-content {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  flex: 1;
}
#reviews .reviews-person-content-main {
  display: flex;
  flex-direction: column;
}
#reviews .reviews-person-content-main-data {
  color: #8E8E8E;
}
#reviews .reviews-person-content-main > div {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
#reviews .reviews-person-content-main > div > div {
  display: flex;
  gap: 0.25rem;
}
#reviews .reviews-person-content-img {
  display: flex;
  gap: 0.875rem;
}
#reviews .reviews-person-content-img > img {
  width: 4.375rem;
  height: 3.75rem;
  border-radius: 0.375rem;
  cursor: pointer;
}
#reviews .reviews-person-content-text {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  max-width: 68.75rem;
}
#reviews .reviews-person-content-text span {
  color: #7C7C86;
}
#reviews .reviews-person-content-answer {
  padding: 1.125rem 1.25rem 1.125rem 3.75rem;
  background-color: #F2FAFD;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
}
#reviews .reviews-person-content-answer-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
#reviews .reviews-person-content-answer-top div {
  display: flex;
  align-items: center;
}
#reviews .reviews-person-content-answer-top div svg {
  position: absolute;
  top: 0;
  left: -34px;
}
#reviews .reviews-person-content-answer-top > :last-child {
  color: #7C7C86;
}
#reviews .reviews-person-content-answer-top span {
  color: #119CDE;
  line-height: 1.25rem;
}
#reviews .reviews-person-content-answer-content {
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
#reviews .reviews-person-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.local_swiper-images-mob {
  display: none;
}
.local_swiper-pagination {
  text-align: center;
  width: 100%;
  position: absolute;
  bottom: -0.9375rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.local_swiper-pagination-bullet {
  display: inline-block;
  width: 3px;
  height: 3px;
  background-color: #D4D4D9;
  margin-right: 4px;
  border-radius: 50%;
  user-select: none;
}
.local_swiper-pagination-bullet-active {
  background-color: #CA163C;
  width: 6px;
  height: 6px;
}
.pagination {
  padding: 1.5rem 0 4.125rem 0;
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 0.875rem;
}
.pagination-next:hover svg {
  color: #CA163C;
}
.pagination-next svg {
  transform: rotate(90deg);
}
.pagination-prev:hover svg {
  color: #CA163C;
}
.pagination-prev svg {
  transform: rotate(270deg);
}
.pagination > :first-child, .pagination > :last-child {
  padding: 0 12px;
}
.pagination a, .pagination span {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 2.75rem;
  height: 2.75rem;
  padding: 0.625rem 1rem;
  background-color: #fff;
  border-radius: 0.375rem;
  border: 1px solid #D4D4D9;
  color: #1B1B20;
  transition: 300ms;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.pagination a:hover, .pagination span:hover {
  border-color: #CA163C;
  color: #CA163C;
}
.pagination a:hover svg path, .pagination span:hover svg path {
  stroke: #CA163C;
}
.pagination a.active, .pagination span.active {
  background-color: #24242B;
  border-color: #24242B;
  color: #fff;
}
body.lightbox-open {
  overflow: hidden;
}
.product-lightbox {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: rgba(10, 10, 12, 0.92);
  backdrop-filter: blur(0.5rem);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms ease, visibility 300ms ease;
}
.product-lightbox.is-active {
  opacity: 1;
  visibility: visible;
}
.product-lightbox.is-active .product-lightbox__container {
  transform: translateY(0) scale(1);
}
.product-lightbox.is-loading .product-lightbox__image-wrapper::after {
  opacity: 1;
  visibility: visible;
}
.product-lightbox__container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  max-width: 100rem;
  max-height: calc(100vh - 4rem);
  transform: translateY(0.75rem) scale(0.98);
  transition: transform 300ms ease;
}
.product-lightbox__image-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  overflow: hidden;
  touch-action: pan-y;
}
.product-lightbox__image-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 2.5rem;
  margin: -1.25rem 0 0 -1.25rem;
  border: 0.1875rem solid rgba(255, 255, 255, 0.25);
  border-top-color: #ffffff;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  animation: product-lightbox-loading 700ms linear infinite;
  transition: opacity 200ms ease, visibility 200ms ease;
}
.product-lightbox__image {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 4rem);
  width: auto;
  height: auto;
  object-fit: contain;
  user-select: none;
  opacity: 1;
  transform: scale(1);
  transition: opacity 180ms ease, transform 180ms ease;
}
.product-lightbox__image.is-changing {
  opacity: 0;
  transform: scale(0.985);
}
.product-lightbox__close, .product-lightbox__navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(0.5rem);
  cursor: pointer;
  transition: background-color 200ms ease, transform 200ms ease;
}
.product-lightbox__close svg, .product-lightbox__navigation svg {
  width: 1.5rem;
  height: 1.5rem;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}
.product-lightbox__close:hover, .product-lightbox__navigation:hover {
  background: rgba(255, 255, 255, 0.22);
}
.product-lightbox__close:focus-visible, .product-lightbox__navigation:focus-visible {
  outline: 0.125rem solid #ffffff;
  outline-offset: 0.1875rem;
}
.product-lightbox__close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
}
.product-lightbox__close:hover {
  transform: rotate(90deg);
}
.product-lightbox__navigation {
  position: absolute;
  top: 50%;
  z-index: 3;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  transform: translateY(-50%);
}
.product-lightbox__navigation:hover {
  transform: translateY(-50%) scale(1.06);
}
.product-lightbox__navigation--prev {
  left: 0;
}
.product-lightbox__navigation--next {
  right: 0;
}
.product-lightbox__navigation[hidden] {
  display: none;
}
.product-lightbox__counter {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 3;
  min-width: 4.25rem;
  padding: 0.5rem 0.875rem;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
  background: rgba(0, 0, 0, 0.45);
  border-radius: 1.875rem;
  backdrop-filter: blur(0.5rem);
  transform: translateX(-50%);
}
.product-lightbox__counter[hidden] {
  display: none;
}
@media (max-width: 767px) {
  .product-lightbox {
    padding: 1rem;
  }
  .product-lightbox__container {
    max-height: calc(100vh - 2rem);
  }
  .product-lightbox__image {
    max-height: calc(100vh - 5rem);
  }
  .product-lightbox__close {
    top: 0;
    right: 0;
    width: 2.75rem;
    height: 2.75rem;
  }
  .product-lightbox__navigation {
    top: auto;
    bottom: 0;
    width: 2.875rem;
    height: 2.875rem;
    transform: none;
  }
  .product-lightbox__navigation:hover {
    transform: scale(1.04);
  }
  .product-lightbox__navigation--prev {
    left: 0;
  }
  .product-lightbox__navigation--next {
    right: 0;
  }
  .product-lightbox__counter {
    bottom: 0.375rem;
  }
}
@keyframes product-lightbox-loading {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .product-lightbox, .product-lightbox__container, .product-lightbox__image, .product-lightbox__close, .product-lightbox__navigation {
    transition: none;
  }
}
.empty-page {
  padding: 0 0 5rem 0;
}
.empty-page-icon {
  padding: 2.5rem;
  border-radius: 50%;
}
.empty-page-icon.red {
  --pulse-color: 202, 22, 60;
  animation: pulse-bg 5s infinite;
}
.empty-page-icon.red > div {
  background-color: #CA163C;
}
.empty-page-icon.blue {
  --pulse-color: 22, 82, 202;
  animation: pulse-bg 5s infinite;
}
.empty-page-icon.blue > div {
  background-color: #1652CA;
}
.empty-page-icon.green {
  --pulse-color: 20, 163, 123;
  animation: pulse-bg 5s infinite;
}
.empty-page-icon.green > div {
  background-color: #14A37B;
}
.empty-page-icon svg {
  color: #fff;
  width: 3.25rem;
  height: 3.25rem;
}
.empty-page-icon > div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.625rem;
  border-radius: 50%;
}
.empty-page-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  max-width: 43.75rem;
}
.empty-page-text h2 {
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.5rem;
  text-align: center;
  color: #1B1B20;
}
.empty-page-text p {
  color: #545454;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.875rem;
  text-align: center;
}
.empty-page-text a {
  color: #1B1B20;
  font-weight: 600;
  text-decoration: underline;
  font-size: 1.125rem;
  line-height: 128%;
  text-align: center;
}
.empty-page-wrapper {
  border-radius: 0.75rem;
  border: 1px solid #CDCDCD;
  padding: 6.375rem 2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}
@keyframes pulse-bg {
  0%, 100% {
    background-color: rgba(var(--pulse-color), var(--pulse-min, 0.5));
  }
  50% {
    background-color: rgba(var(--pulse-color), var(--pulse-max, 0.8));
  }
}
@keyframes slideIn {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(60px);
  }
}
#reviews {
  overflow: hidden;
}
#reviews .container, #reviews .reviews-person, #reviews .reviews-person-content, #reviews .reviews-person-content-main, #reviews .reviews-person-content-text, #reviews .reviews-person-content-answer, #reviews .reviews-person-content-answer-content {
  min-width: 0;
}
#reviews .reviews-globalRating, #reviews .reviews-globalRating-stars, #reviews .reviews-person-content-main > div, #reviews .reviews-person-content-answer-top {
  min-width: 0;
}
#reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
  flex-shrink: 0;
}
#reviews .reviews-person-content-main-name {
  font-weight: 600;
  overflow-wrap: anywhere;
}
#reviews .reviews-person-content-main > div {
  flex-wrap: wrap;
  row-gap: 0.25rem;
}
#reviews .reviews-person-content-text p, #reviews .reviews-person-content-answer-content p {
  margin: 0;
  overflow-wrap: anywhere;
  word-break: normal;
}
#reviews .reviews-person > .reviews-person-content + div {
  flex-shrink: 0;
}
#reviews .reviews-person > .reviews-person-content + div a {
  display: flex;
  align-items: center;
  justify-content: center;
}
#reviews .reviews-person-content-img {
  min-width: 0;
}
#reviews .reviews-person-content-img img {
  flex-shrink: 0;
  object-fit: cover;
}
#reviews .reviews-photos-wrapper {
  min-width: 0;
}
#reviews .reviews-buttons-more .btn {
  min-width: 11.25rem;
}
@media (max-width: 119.9375rem) {
  .svg-wrapper {
    height: 2.625rem;
    width: 2.625rem;
  }
}
@media (max-width: 106.25rem) {
  .btn-secondary-filled-hoverNone {
    padding: 0.5625rem 0.625rem;
  }
}
@media (max-width: 96rem) {
  .line {
    margin: 0.875rem 0;
  }
  .banner-wrapper {
    height: 31.25rem;
  }
  .card-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  .btn-secondary-filled-hoverNone {
    padding: 0.5625rem 0.9375rem;
  }
}
@media (max-width: 80rem) {
  .accordion-title-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .card-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 63.75rem) {
  .btn-primary-bordered-white, .btn-primary-filled {
    height: 2.625rem;
  }
  .mobile-navigate {
    display: block;
  }
  #related h2 {
    margin-bottom: 1.5rem;
  }
  .btn-primary-filled-pink.basket {
    height: 2.625rem;
  }
  .btn-primary-filled-pink.basket > div {
    flex: 1;
    font-size: 0.875rem;
  }
  .btn-primary-filled-pink.basket svg {
    margin-left: auto;
  }
  .accordion-header {
    padding: 1rem;
  }
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 1.25rem;
  }
  .card-main-buy-main-buttonBasket {
    position: fixed;
    bottom: 3.75rem;
    margin: 0 1rem;
    width: calc(100% - 32px);
    z-index: 11;
    left: 0;
  }
  .card {
    padding: 1rem;
  }
  .banner-text {
    justify-content: end;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 7rem 0 1.40625rem 0;
  }
  .price-discount {
    font-size: 0.875rem;
  }
}
@media (max-width: 48rem) {
  .accordion-header {
    padding: 1rem;
    min-height: auto;
  }
  .accordion-title-text {
    font-size: 0.9375rem;
  }
}
@media (max-width: 37.5rem) {
  .card-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 31.25rem) {
  .banner-wrapper {
    height: 25rem;
  }
  .btn-primary-filled-pink.basket > div {
    text-align: start;
  }
}
@media (max-width: 119.9375rem) {
  #reviews .splide__slide {
    max-width: 9rem;
    max-height: 8rem;
  }
  #reviews .reviews-person {
    padding: 1.75rem;
  }
}
@media (max-width: 100rem) {
  #reviews {
    padding: 3.5rem 0;
  }
  #reviews h2 {
    margin-bottom: 2.125rem;
  }
  #reviews .container {
    gap: 1.375rem;
  }
  #reviews .splide__slide {
    max-width: 8.25rem;
    max-height: 7.375rem;
  }
  #reviews .reviews-globalRating-title, #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.5rem;
  }
  #reviews .reviews-globalRating-stars {
    font-size: 1.0625rem;
  }
  #reviews .reviews-person {
    padding: 1.625rem;
    border-radius: 1.125rem;
  }
  #reviews .reviews-person-content {
    gap: 1rem;
  }
  #reviews .reviews-person-content-text, #reviews .reviews-person-content-answer-content {
    line-height: 1.5rem;
  }
}
@media (max-width: 85.375rem) {
  #reviews {
    padding: 3.25rem 0;
  }
  #reviews .container {
    gap: 1.25rem;
  }
  #reviews h2 {
    margin-bottom: 1.875rem;
  }
  #reviews .splide__slide {
    max-width: 7.5rem;
    max-height: 6.75rem;
  }
  #reviews .reviews-slider-container {
    gap: 0.75rem;
  }
  #reviews .reviews-globalRating {
    gap: 0.75rem;
  }
  #reviews .reviews-globalRating-stars {
    gap: 0.4375rem;
  }
  #reviews .reviews-globalRating-stars > div {
    gap: 0.3125rem;
  }
  #reviews .reviews-buttons-filters .btn {
    padding: 0.5rem 0.875rem;
  }
  #reviews .reviews-person {
    gap: 0.875rem;
    padding: 1.5rem;
    border-radius: 1.125rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 2.75rem;
    height: 2.75rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1.5rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 1rem 1.125rem 1rem 3.375rem;
  }
}
@media (max-width: 80rem) {
  #reviews {
    padding: 3rem 0;
  }
  #reviews .splide__slide {
    max-width: 7rem;
    max-height: 6.25rem;
  }
  #reviews .reviews-globalRating-title, #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.375rem;
  }
  #reviews .reviews-globalRating-stars {
    font-size: 1rem;
  }
  #reviews .reviews-person {
    padding: 1.375rem;
    border-radius: 1rem;
  }
  #reviews .reviews-person-content {
    gap: 0.9375rem;
  }
  #reviews .reviews-person-content-main > div {
    gap: 0.5rem;
  }
  #reviews .reviews-person-content-answer {
    gap: 0.75rem;
  }
}
@media (max-width: 64rem) {
  #reviews {
    padding: 2.75rem 0;
  }
  #reviews .container {
    gap: 1.125rem;
  }
  #reviews h2 {
    margin-bottom: 1.5rem;
  }
  #reviews .splide__slide {
    max-width: 6.5rem;
    max-height: 6rem;
  }
  #reviews .custom-slider-btn {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.375rem;
  }
  #reviews .reviews-globalRating-title, #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.3125rem;
  }
  #reviews .reviews-globalRating-stars {
    font-size: 0.9375rem;
  }
  #reviews .reviews-buttons-filters .btn {
    min-height: 2.5rem;
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
  }
  #reviews .reviews-person {
    gap: 0.75rem;
    padding: 1.25rem;
    border-radius: 1rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 2.5rem;
    height: 2.5rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1.375rem;
  }
  #reviews .reviews-person-content {
    gap: 0.875rem;
  }
  #reviews .reviews-person-content-main-name {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  #reviews .reviews-person-content-main-data {
    font-size: 0.8125rem;
  }
  #reviews .reviews-person-content-text {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 0.9375rem 1rem 0.9375rem 3.125rem;
    border-radius: 0.625rem;
  }
  #reviews .reviews-person-content-answer-content {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #reviews .reviews-person > .reviews-person-content + div svg {
    width: 1.375rem;
    height: 1.375rem;
  }
}
@media (max-width: 61.9375rem) {
  #reviews .custom-slider-btn {
    display: none;
  }
  #reviews .reviews-slider-container {
    display: block;
    width: 100%;
    min-width: 0;
  }
  #reviews .reviews-photos-wrapper {
    width: 100%;
  }
}
@media (max-width: 48rem) {
  #reviews {
    padding: 2.5rem 0;
  }
  #reviews .container {
    gap: 1.125rem;
  }
  #reviews h2 {
    margin-bottom: 0.5rem;
  }
  #reviews .splide__slide {
    max-width: 6rem;
    max-height: 5.5rem;
  }
  #reviews .reviews-globalRating {
    gap: 0.625rem;
    flex-wrap: wrap;
  }
  #reviews .reviews-globalRating-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  #reviews .reviews-globalRating-stars {
    gap: 0.4375rem;
    font-size: 0.875rem;
  }
  #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.25rem;
  }
  #reviews .reviews-globalRating-stars > div {
    gap: 0.25rem;
  }
  #reviews .reviews-globalRating-stars > span:last-child {
    display: none;
  }
  #reviews .reviews-globalRating-mobile {
    display: block;
    margin-top: 0.375rem;
    color: #7C7C86;
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
  #reviews .reviews-buttons-filters {
    width: 100%;
    gap: 0.375rem;
  }
  #reviews .reviews-buttons-filters .btn {
    min-height: 2.5rem;
    padding: 0.5rem 0.875rem;
  }
  #reviews .reviews-person-wrapper {
    gap: 1rem;
  }
  #reviews .reviews-person {
    gap: 0.75rem;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 2.375rem;
    height: 2.375rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1.25rem;
  }
  #reviews .reviews-person-content {
    gap: 0.8125rem;
  }
  #reviews .reviews-person-content-main-name {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  #reviews .reviews-person-content-main > div {
    gap: 0.5rem;
  }
  #reviews .reviews-person-content-main-data {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  #reviews .reviews-person-content-text {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  #reviews .reviews-person-content-img {
    width: 100%;
    max-width: 100%;
    gap: 0.625rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  #reviews .reviews-person-content-img::-webkit-scrollbar {
    display: none;
  }
  #reviews .reviews-person-content-img > img {
    flex: 0 0 4.5rem;
    width: 4.5rem;
    height: 3.875rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 0.875rem;
    gap: 0.625rem;
  }
  #reviews .reviews-person-content-answer-top {
    gap: 0.5rem 0.875rem;
    flex-wrap: wrap;
  }
  #reviews .reviews-person-content-answer-top > div {
    gap: 0.4375rem;
    min-width: 0;
  }
  #reviews .reviews-person-content-answer-top div svg {
    position: static;
    flex-shrink: 0;
    width: 1.125rem;
    height: 1.125rem;
  }
  #reviews .reviews-person-content-answer-top span {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  #reviews .reviews-person-content-answer-content {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  #reviews .reviews-person > .reviews-person-content + div {
    align-self: flex-start;
  }
  #reviews .reviews-person > .reviews-person-content + div svg {
    width: 1.25rem;
    height: 1.25rem;
  }
  #reviews .reviews-buttons-more {
    width: 100%;
  }
  #reviews .reviews-buttons-more .btn {
    width: 100%;
    min-width: 0;
    min-height: 2.625rem;
  }
}
@media (max-width: 37.5rem) {
  #reviews {
    padding: 2.25rem 0;
  }
  #reviews .container {
    gap: 1rem;
  }
  #reviews .reviews-buttons-filters {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.375rem;
  }
  #reviews .reviews-buttons-filters .btn {
    width: 100%;
    min-width: 0;
    padding: 0.5rem 0.625rem;
    font-size: 0.8125rem;
  }
  #reviews .reviews-person {
    padding: 1rem;
  }
  #reviews .reviews-person-content-answer-top {
    align-items: flex-start;
  }
}
@media (max-width: 26.875rem) {
  #reviews {
    padding: 2.125rem 0;
  }
  #reviews .container {
    gap: 0.9375rem;
  }
  #reviews h2 {
    margin-bottom: 0.25rem;
  }
  #reviews .splide__slide {
    max-width: 5.25rem;
    max-height: 4.75rem;
  }
  #reviews .reviews-globalRating {
    gap: 0.5rem;
  }
  #reviews .reviews-globalRating-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  #reviews .reviews-globalRating-stars {
    gap: 0.375rem;
  }
  #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.1875rem;
  }
  #reviews .reviews-globalRating-stars > div {
    gap: 0.1875rem;
  }
  #reviews .reviews-globalRating-stars > div .svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }
  #reviews .reviews-globalRating-mobile {
    margin-top: 0.25rem;
    font-size: 0.75rem;
  }
  #reviews .reviews-buttons-filters .btn {
    min-height: 2.375rem;
    padding: 0.4375rem 0.5rem;
    font-size: 0.75rem;
  }
  #reviews .reviews-person-wrapper {
    gap: 0.875rem;
  }
  #reviews .reviews-person {
    gap: 0.625rem;
    padding: 1rem;
    border-radius: 0.875rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 2.125rem;
    height: 2.125rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1.125rem;
  }
  #reviews .reviews-person-content {
    gap: 0.75rem;
  }
  #reviews .reviews-person-content-main-name {
    padding-right: 0.125rem;
    font-size: 0.875rem;
    line-height: 1.1875rem;
  }
  #reviews .reviews-person-content-main > div {
    gap: 0.375rem;
  }
  #reviews .reviews-person-content-main > div > div {
    gap: 0.1875rem;
  }
  #reviews .reviews-person-content-main > div > div .svg {
    width: 0.8125rem;
    height: 0.8125rem;
  }
  #reviews .reviews-person-content-main-data {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  #reviews .reviews-person-content-text {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 0.75rem;
    border-radius: 0.625rem;
  }
  #reviews .reviews-person-content-answer-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3125rem;
  }
  #reviews .reviews-person-content-answer-top > div {
    gap: 0.375rem;
  }
  #reviews .reviews-person-content-answer-top div svg {
    width: 1rem;
    height: 1rem;
  }
  #reviews .reviews-person-content-answer-top span {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  #reviews .reviews-person-content-answer-content {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  #reviews .reviews-person-content-img > img {
    flex-basis: 4.125rem;
    width: 4.125rem;
    height: 3.625rem;
  }
  #reviews .reviews-person > .reviews-person-content + div svg {
    width: 1.1875rem;
    height: 1.1875rem;
  }
}
@media (max-width: 24.375rem) {
  #reviews {
    padding: 2rem 0;
  }
  #reviews .container {
    gap: 0.875rem;
  }
  #reviews .reviews-globalRating-title {
    font-size: 1.0625rem;
  }
  #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.125rem;
  }
  #reviews .reviews-globalRating-stars > div .svg {
    width: 1rem;
    height: 1rem;
  }
  #reviews .reviews-person {
    padding: 0.875rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 2rem;
    height: 2rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1.0625rem;
  }
  #reviews .reviews-person-content-main-name {
    font-size: 0.8125rem;
  }
  #reviews .reviews-person-content-text, #reviews .reviews-person-content-answer-content {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 22.5rem) {
  #reviews {
    padding: 1.875rem 0;
  }
  #reviews .reviews-buttons-filters {
    gap: 0.3125rem;
  }
  #reviews .reviews-buttons-filters .btn {
    min-height: 2.25rem;
    padding: 0.4375rem 0.375rem;
    font-size: 0.6875rem;
  }
  #reviews .reviews-person {
    gap: 0.5rem;
    padding: 0.8125rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 1.875rem;
    height: 1.875rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 1rem;
  }
  #reviews .reviews-person-content {
    gap: 0.6875rem;
  }
  #reviews .reviews-person-content-main > div {
    column-gap: 0.3125rem;
  }
  #reviews .reviews-person-content-main-data {
    font-size: 0.625rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 0.6875rem;
  }
  #reviews .reviews-person > .reviews-person-content + div svg {
    width: 1.125rem;
    height: 1.125rem;
  }
}
@media (max-width: 20rem) {
  #reviews {
    padding: 1.75rem 0;
  }
  #reviews .container {
    gap: 0.75rem;
  }
  #reviews .reviews-globalRating {
    gap: 0.375rem;
  }
  #reviews .reviews-globalRating-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  #reviews .reviews-globalRating-stars {
    gap: 0.3125rem;
  }
  #reviews .reviews-globalRating-stars span:first-child {
    font-size: 1.0625rem;
  }
  #reviews .reviews-globalRating-stars > div {
    gap: 0.125rem;
  }
  #reviews .reviews-globalRating-stars > div .svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  #reviews .reviews-buttons-filters .btn {
    min-height: 2.125rem;
    padding: 0.375rem 0.25rem;
    font-size: 0.625rem;
    gap: 0.25rem;
  }
  #reviews .reviews-person {
    gap: 0.4375rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
  }
  #reviews .reviews-person-avatar, #reviews .reviews-person-avatar-null {
    width: 1.75rem;
    height: 1.75rem;
  }
  #reviews .reviews-person-avatar-null {
    font-size: 0.9375rem;
  }
  #reviews .reviews-person-content {
    gap: 0.625rem;
  }
  #reviews .reviews-person-content-main-name {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  #reviews .reviews-person-content-main-data {
    font-size: 0.5625rem;
    line-height: 0.9375rem;
  }
  #reviews .reviews-person-content-main > div > div .svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  #reviews .reviews-person-content-text {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  #reviews .reviews-person-content-answer {
    padding: 0.625rem;
    gap: 0.5rem;
  }
  #reviews .reviews-person-content-answer-top span {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  #reviews .reviews-person-content-answer-content {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  #reviews .reviews-person > .reviews-person-content + div svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }
  #reviews .reviews-buttons-more .btn {
    min-height: 2.375rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.75rem;
  }
}
.page-section {
  padding: 1.75rem 0 2.5rem;
  background: #FFFFFF;
}
.page-section-secondary {
  padding: 1.25rem 0;
}
.page-section-secondary h2 {
  margin-bottom: 1.875rem;
}
.page-results {
  font-size: 0.875rem;
  color: #7C7C86;
  text-align: center;
  margin-bottom: 1.25rem;
}
.page-header-container {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 3.75rem;
}
.page-header-container .warning {
  text-align: start;
}
.page-header-back {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.page-header-back a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #1B1B20;
}
.page-header-back a:hover {
  color: #CA163C;
}
.page-header-back a svg {
  transform: rotate(270deg);
}
.page-header-back .h1 {
  width: 100%;
}
.page-header-logo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.page-header-logo-icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  color: #CA163C;
  background: rgba(202, 22, 60, 0.1);
  padding: 0.75rem;
}
.page-header-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: #CA163C;
}
.page-header-title {
  font-weight: 700;
  font-size: 3rem;
  line-height: 3.5rem;
  color: #1B1B20;
  margin: 0;
  letter-spacing: -0.5px;
}
.page-header-subtitle {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #5B5B6B;
  max-width: 50rem;
  margin: 0 auto 2rem;
}
.page-header-extra {
  max-width: 50rem;
  margin: 0 auto;
}
.page-header-description {
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.75rem;
}
.page-header-description p {
  margin-bottom: 1rem;
}
.page-header-description p:last-child {
  margin-bottom: 0;
}
.page-header-info {
  background: #F4F4F6;
  border-radius: 0.75rem;
  padding: 1.5rem;
  text-align: left;
  margin-top: 1.5rem;
}
.page-header-info-title {
  color: #1B1B20;
  font-weight: 600;
  font-size: 1.125rem;
  margin-bottom: 0.75rem;
}
.page-header-info-content {
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.page-header-info-content p {
  margin-bottom: 0.5rem;
}
.page-header-info-content p:last-child {
  margin-bottom: 0;
}
.cookie-notice {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 1.25rem;
  z-index: 900;
  padding: 0 1.25rem;
  pointer-events: none;
  animation: cookieNoticeShow 300ms ease forwards;
}
.cookie-notice-inner {
  width: 100%;
  max-width: 70rem;
  margin: 0 auto;
  padding: 1rem 1.125rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  background-color: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(212, 212, 217, 0.75);
  border-radius: 0.875rem;
  box-shadow: 0 1rem 3rem rgba(27, 27, 32, 0.14);
  backdrop-filter: blur(0.75rem);
  pointer-events: auto;
}
.cookie-notice-icon {
  flex: 0 0 2.375rem;
  width: 2.375rem;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.08);
  border-radius: 50%;
}
.cookie-notice-icon svg {
  color: #CA163C;
}
.cookie-notice-text {
  flex: 1;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 500;
}
.cookie-notice-text p {
  margin: 0;
}
.cookie-notice-text a {
  color: #1B1B20;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.1875rem;
  transition: 300ms;
}
.cookie-notice-text a:hover {
  color: #CA163C;
}
.cookie-notice-button {
  flex: 0 0 auto;
  white-space: nowrap;
}
@keyframes cookieNoticeShow {
  from {
    opacity: 0;
    transform: translateY(0.875rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 63.75rem) {
  .cookie-notice {
    bottom: 3.125rem;
  }
}
@media (max-width: 47.9375rem) {
  .cookie-notice {
    padding: 0 0.75rem;
  }
  .cookie-notice-inner {
    padding: 0.875rem;
    align-items: flex-start;
    gap: 0.75rem;
    border-radius: 0.75rem;
  }
  .cookie-notice-icon {
    display: none;
  }
  .cookie-notice-text {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .cookie-notice-button {
    min-width: 6rem;
    height: 2.375rem;
    padding: 0.5rem 0.875rem;
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}
@media (max-width: 35.9375rem) {
  .cookie-notice-inner {
    flex-direction: column;
  }
  .cookie-notice-button {
    width: 100%;
  }
}
:root {
  --header-modal-top: 6.6875rem;
  --header-search-modal-top: 7.5rem;
}
body.header-compact {
  --header-modal-top: 4.375rem;
  --header-search-modal-top: 5.375rem;
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: 400ms;
}
.modal.active {
  opacity: 1;
  visibility: visible;
}
.modal.header-modal {
  top: var(--header-modal-top);
  padding: 0 2.5rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 21.43%, #FFFFFF 100%);
  transition: opacity 400ms, visibility 400ms, top 300ms ease;
}
.modal.header-modal.search-modal {
  top: var(--header-search-modal-top);
  display: flex;
  justify-content: center;
  width: 100%;
  background: none;
}
.modal.header-modal.search-modal .modal-header {
  display: none;
}
.modal.header-modal.search-modal .modal-overlay {
  top: -0.3125rem;
}
.modal.header-modal.search-modal .modal-header-title {
  text-align: start;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.modal.header-modal.search-modal .modal-content {
  padding: 0 1.25rem;
}
.modal.header-modal.search-modal .modal-container {
  max-width: 81.25rem;
  width: 100%;
  margin: 0 13.5rem 0 18.4375rem;
  border-radius: 1.625rem;
  height: fit-content;
}
.modal.header-modal-mob {
  padding: 0;
  top: 3.125rem;
}
.modal.header-modal-mob .modal-overlay {
  display: none;
}
.modal.header-modal-mob .modal-header {
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #E1E1E5;
}
.modal.header-modal-mob .modal-header-title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.modal.header-modal-mob .modal-container {
  margin: 0;
  max-width: 100%;
  height: 100vh;
  padding-top: 0.9375rem;
  max-height: 100%;
  padding-bottom: 10rem;
  box-shadow: none;
}
.modal.header-modal-mob .modal-close {
  top: 0.1875rem;
  padding: 1rem;
}
.modal.header-modal .modal-container {
  margin: 0 auto;
  box-shadow: none;
  max-width: 120rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  padding: 1.875rem 0;
}
.modal.header-modal-other {
  top: 2.5rem;
}
.modal.header-modal-other .modal-container {
  max-width: 100%;
  margin: 0 auto;
  box-shadow: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.modal-container {
  position: relative;
  z-index: 1001;
  max-width: 59.375rem;
  max-height: 80vh;
  margin: 10vh auto;
  background: #fff;
  padding: 1rem 0.625rem 2.5rem 0;
  border-radius: 1.625rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  opacity: 0;
  transform: translateY(-50px) scale(0.95);
  transition: 500ms;
}
.modal-container.basket-city {
  max-width: 28.125rem;
}
.modal.left:not(.active) .modal-container {
  opacity: 0;
  transform: translateX(-200px) scale(1);
}
.modal.left.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.modal.left.active .modal-overlay {
  opacity: 1;
}
.modal.left.active .modal-container {
  opacity: 1;
  transform: translateX(0) scale(1);
}
.modal.top {
  z-index: 99;
  transition: opacity 0ms, 300ms;
}
.modal.top:not(.active) .modal-container {
  opacity: 0;
  transform: translateY(-300px) scale(1);
}
.modal.top.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.modal.top.active .modal-overlay {
  opacity: 1;
}
.modal.top.active .modal-container {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.modal:not(.active) .modal-container {
  opacity: 0;
  transform: translateY(-50px) scale(1);
}
.modal.active {
  display: block;
  opacity: 1;
  visibility: visible;
}
.modal.active .modal-overlay {
  opacity: 1;
}
.modal.active .modal-container {
  opacity: 1;
  transform: translateY(0) scale(1);
}
.modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: 300ms;
}
.modal-close {
  display: flex;
  position: fixed;
  top: 0.625rem;
  right: 0.625rem;
  background: none;
  width: fit-content;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  border-radius: 50%;
  background-color: #F4F4F6;
  padding: 0.875rem;
  transition: 300ms;
}
.modal-close.arrow {
  transform: rotate(270deg);
}
.modal-close.left {
  left: 0rem;
}
.modal-close.big {
  right: 3.125rem;
}
.modal-close svg path {
  transition: 300ms;
}
.modal-close:hover {
  background-color: #fff;
}
.modal-close:hover svg path {
  stroke: #CA163C;
}
.modal-header .line {
  display: none;
}
.modal-header-title {
  display: block;
  font-weight: 700;
  font-size: 2rem;
  line-height: 2.5rem;
  text-align: center;
  padding-top: 1.5rem;
}
.modal-header-title.big {
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.modal-header-block {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.625rem;
  gap: 0.5rem;
}
.modal-header-subtitle {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
  text-align: center;
}
.modal-header-search-category-block {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.modal-header-search-category-block a {
  background-color: #EEEEF1;
  padding: 0.5rem 0.75rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  transition: 300ms;
  border-radius: 0.375rem;
}
.modal-header-search-category-block a:hover {
  background-color: #f5f5f8;
}
.modal-header-search-category-list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.modal-header-search-category-list a {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  width: fit-content;
  transition: 300ms;
}
.modal-header-search-category-list a:hover {
  color: #CA163C;
}
.modal-header-search-category-list a img {
  width: 2.8125rem;
  height: 2.8125rem;
}
.modal-header-search-product {
  padding-top: 1.625rem;
  display: flex;
  flex-direction: column;
}
.modal-header-search-product .btn-secondary-filled-text {
  width: fit-content;
  margin-top: 2.25rem;
}
.modal-header-search-product-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
.modal-header-search-product-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}
.modal-header-search-product-list-item-price {
  color: #1B1B20;
  display: flex;
  flex-direction: column;
  text-align: end;
}
.modal-header-search-product-list-item-price .discount {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #CA163C;
  text-decoration: line-through;
  text-decoration-color: #CA163C;
}
.modal-header-search-product-list-item:hover .modal-header-search-product-list-item-info div :first-child {
  color: #CA163C;
}
.modal-header-search-product-list-item > span {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  text-wrap: nowrap;
  color: #1B1B20;
}
.modal-header-search-product-list-item-info {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.modal-header-search-product-list-item-info img {
  width: 3.125rem;
  height: 4.375rem;
  border-radius: 0.25rem;
}
.modal-header-search-product-list-item-info div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.modal-header-search-product-list-item-info div :first-child {
  transition: 300ms;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #1B1B20;
}
.modal-content {
  overflow-y: auto;
  max-height: calc(82vh - 80px);
  padding: 0 2.5rem 0 3.125rem;
  position: relative;
}
.modal-content.has-scroll::after {
  content: "";
  position: sticky;
  left: 0;
  bottom: -10px;
  width: 100%;
  height: 3.125rem;
  display: block;
  pointer-events: none;
  z-index: 1;
  margin-top: -3.125rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 21.43%, #FFFFFF 100%);
}
.modal-content-banner {
  position: relative;
  display: flex;
  width: 100%;
  padding-top: 2.5rem;
  overflow: hidden;
  margin-bottom: 1.25rem;
}
.modal-content-banner > img {
  width: 100%;
  height: 8.9375rem;
  transform: rotate(180deg);
  border-radius: 1.25rem;
}
.modal-content-banner-text {
  display: flex;
  align-items: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
}
.modal-content-banner-text div {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  color: #fff;
}
.modal-content-banner-text div span {
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
}
.modal-content-banner-text img {
  max-height: 12.5rem;
  width: fit-content;
}
.modal-content-header-item {
  display: flex;
  gap: 1.25rem;
}
.modal-content-header-item-img {
  overflow: hidden;
  border-radius: 1rem;
  min-width: 5.375rem;
  height: 5.375rem;
}
.modal-content-header-item-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.modal-content-header-item-content-title {
  font-size: 1.25rem;
  line-height: 1.625rem;
  letter-spacing: 0.1px;
  color: #1B1B20;
}
.modal-content-header-item-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.modal-content-header-item-content ul li {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 1.25rem;
}
.modal-content-header-item-content ul li svg {
  width: 6px;
  color: #E1E1E5;
  height: 4px;
}
.modal-content-header-item-content ul li a {
  color: #1B1B20;
  transition: 300ms;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.modal-content-header-item-content ul li a:hover {
  color: #CA163C;
}
.modal-content-header-other {
  padding-top: 1.875rem;
  display: flex;
  gap: 1.25rem;
  align-items: stretch;
}
.modal-content-header-other-buyer {
  flex: 1;
  display: flex;
  gap: 1rem;
  background: linear-gradient(180deg, #EFEFF3 0%, #E9E9EF 100%);
  border-radius: 1.25rem;
  padding: 1.25rem;
}
.modal-content-header-other-buyer-img-big {
  width: 10.3125rem;
  height: 12.5rem;
}
.modal-content-header-other-buyer-title {
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
  color: #1B1B20;
}
.modal-content-header-other-buyer-link, .modal-content-header-other-buyer button {
  background-color: #fff;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  padding: 0.625rem 1rem;
  color: #1B1B20;
  border-color: #D4D4D9;
}
.modal-content-header-other-buyer div {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.modal-content-header-other-buyer div ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.modal-content-header-other-buyer div ul li a {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  transition: 300ms;
  color: #1B1B20;
}
.modal-content-header-other-buyer div ul li a:hover {
  color: #CA163C;
}
.modal-content-header-other-care {
  position: relative;
  flex: 1;
  padding: 1.25rem 2.0625rem;
  align-items: center;
  display: flex;
  flex-direction: column;
  border-radius: 1.25rem;
  gap: 0.625rem;
  overflow: hidden;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  text-align: center;
}
.modal-content-header-other-care:nth-child(2n) {
  background: linear-gradient(180deg, #EFEFF3 0%, #E9E9EF 100%);
  color: #1B1B20;
}
.modal-content-header-other-care-img-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.modal-content-header-other.partner-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  max-width: 75rem;
  margin: auto;
}
.modal-content-header-other.partner-wrapper a {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.25rem;
  gap: 0.625rem;
  background: linear-gradient(180deg, #EFEFF3 0%, #E9E9EF 100%);
  border-radius: 1.25rem;
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  text-align: center;
  transition: 300ms;
}
.modal-content-header-other.partner-wrapper a:hover {
  color: #CA163C;
}
.modal-content-header-other.partner-wrapper a:hover img {
  transform: scale(1.05);
}
.modal-content-header-other.partner-wrapper a img {
  transition: 300ms;
  object-fit: contain;
  width: 8.75rem;
  height: 7.5625rem;
}
.modal-content-header-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3.125rem 2.5rem;
  padding-bottom: 1.25rem;
}
.modal-content-search {
  position: relative;
  width: 100%;
  padding: 1rem 0 1.375rem 0;
}
.modal-content-search svg {
  position: absolute;
  top: 46%;
  transform: translateY(-50%);
  left: 1rem;
}
.modal-content-search input {
  height: 2.625rem;
  background-color: #EEEEF1;
  width: 100%;
  display: flex;
  padding: 0.625rem 1rem 0.625rem 2.875rem;
  border: none;
  border-radius: 0.375rem;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
  font-weight: 500;
  transition: 300ms;
  cursor: pointer;
  border: 1px solid transparent;
}
.modal-content-search input:hover {
  background-color: #E1E1E5;
}
.modal-content-search input:focus {
  background-color: #fff;
  border-color: #CA163C;
}
.modal-content-mod-category {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding-bottom: 1rem;
}
.modal-content-mod-category-other {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  padding-bottom: 1rem;
}
.modal-content-mod-category-more {
  padding: 1.375rem 0 1.125rem 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  border-bottom: 1px solid #E1E1E5;
  margin-bottom: 1.375rem;
}
.modal-content-mod-category-more svg {
  transform: rotate(180deg);
}
.modal-content-mod-category-secondary {
  padding-top: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.modal-content-mod-category-secondary a {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  transition: 300ms;
}
.modal-content-mod-category-secondary a:hover {
  color: #CA163C;
}
.modal-content-mod-category-item {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #1B1B20;
}
.modal-content-mod-category-item-button {
  width: 100%;
  padding: 0.625rem;
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  border: 1px solid #D4D4D9;
  border-radius: 0.375rem;
  color: #1B1B20;
}
.modal-content-mod-category-item-img {
  overflow: hidden;
  border-radius: 1rem;
  min-width: 3rem;
  height: 3rem;
}
.modal-content-mod-category.collapsed .modal-content-mod-category-item {
  display: none;
}
.modal-content-mod-category.collapsed .modal-content-mod-category-item:nth-child(-n+5) {
  display: flex;
}
.modal-main {
  padding: 1.875rem 0 1rem 0;
}
.modal-main-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.modal-main-grid.basket {
  padding-bottom: 3.125rem;
}
.modal-main-flex {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.modal-main-compact-header {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.modal-main-compact-header-price {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
  letter-spacing: 0px;
  text-decoration: line-through;
  color: #CA163C;
}
.modal-main-compact-header-title {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  text-align: center;
  color: #494956;
}
.modal-main-compact-header::after {
  content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.6991 6.69989H0.699322M6.69922 0.699997V12.6998' stroke='%23B9B9C0' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.75rem;
  height: 0.75rem;
}
.modal-main-compact-header label {
  position: absolute;
  top: 0;
  left: 0;
}
.modal-main-compact-header img {
  max-width: 5.875rem;
  border-radius: 1rem;
  background-color: #F4F4F6;
  padding: 0.625rem;
}
.modal-main-compact-item {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  position: relative;
}
.modal-main-compact-item:first-child ::after {
  display: none;
}
.modal-main-compact-item:last-child ::after {
  display: none;
}
.modal-main-compact-item.result {
  background-color: #fff;
  padding: 0.9375rem 0.625rem;
  box-shadow: 0px 2px 15px 0px #0000001F;
  border-radius: 0.625rem;
}
.modal-main-compact-item.result .modal-main-compact-text {
  gap: 0.125rem;
  padding-top: 0.625rem;
  border-top: 1px dashed #D4D4D9;
}
.modal-main-compact-text {
  display: flex;
  flex-direction: column;
  text-align: center;
  gap: 0.625rem;
}
.modal-main-compact-text > a {
  margin: 0.625rem 0 0 0;
}
.modal-main-compact-text-subtitle {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  text-align: center;
  color: #494956;
}
.modal-main-compact-text-price {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.modal-main-compact-text-price > span {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.modal-main-compact-text-price > :first-child {
  color: #fff;
  background-color: #CA163C;
  padding: 1px 0.25rem;
  border-radius: 0.25rem;
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 1rem;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-main-compact-text-title {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  text-align: center;
}
.modal-main-compact-result-mobile {
  display: none;
  position: fixed;
  bottom: 1.125rem;
  left: 1px;
  width: 99%;
  z-index: 2;
  background-color: #fff;
  padding: 0.8125rem 1rem 0.4375rem 1rem;
}
.modal-main-coupon-input {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  background-color: #F4F4F6;
  border-radius: 0.625rem;
  padding: 1rem 1.25rem;
}
.modal-main-coupon-input-delete {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
}
.modal-main-coupon-input .form-input-wrapper > :last-child:not(svg) {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.375rem;
  padding: 0.25rem 0.625rem;
  height: 2rem;
  font-size: 0.875rem;
}
.modal-main-coupon-item-header {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.modal-main-coupon-item-main {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-left: 7.125rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
}
.modal-main-coupon-item-main > a {
  width: fit-content;
}
.modal-main-coupon-item-img {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.modal-main-coupon-item-img svg.accept path {
  fill: #14A37B;
}
.modal-main-coupon-item-img img {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 0.375rem;
}
.modal-main-coupon-item-text {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.modal-main-coupon-item .accordion-header {
  padding: 0;
  background-color: transparent;
}
.modal-main-coupon-item .accordion-block {
  padding: 1rem;
}
.modal-main-coupon-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: 300ms;
}
.modal-main-coupon-block:hover {
  color: #CA163C;
}
.modal-main-coupon-block svg {
  transform: rotate(90deg);
}
.video-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.9);
  z-index: 10000;
  display: none;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: 300ms;
}
.video-modal.active {
  display: flex;
  opacity: 1;
}
.video-modal-content {
  position: relative;
  width: 90%;
  max-width: 1000px;
  background: #000;
  border-radius: 8px;
  overflow: hidden;
}
.video-modal-content video {
  max-height: 80dvh;
  width: 100%;
  display: block;
}
.video-modal-close {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  color: #fff;
  top: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.3);
  border: none;
  cursor: pointer;
  padding: 10px;
  border-radius: 50%;
  z-index: 10;
  transition: 300ms;
}
.video-modal-close svg {
  width: 1.375rem;
  height: 1.375rem;
  stroke: #fff;
}
.video-modal-close:hover svg {
  stroke: #CA163C;
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] {
  background: #CA163C;
}
.plyr--full-ui input[type=range] {
  color: #CA163C;
}
.plyr__control.plyr__tab-focus {
  box-shadow: 0 0 0 3px #CA163C;
}
.plyr__menu__container .plyr__control[aria-checked=true] {
  background: #CA163C;
}
.modal-content-header-item:nth-child(12) ul, .modal-content-header-item:nth-child(13) ul {
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 96rem) {
  .modal-content-header-item-content-title {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .modal-content-header-item-content ul li a {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .modal-content-header-other-buyer-img-big {
    width: 9.375rem;
  }
  .modal-content-header-other.partner-wrapper {
    grid-template-columns: repeat(4, 1fr);
  }
  .modal.header-modal.search-modal .modal-content-banner {
    padding-top: 3.125rem;
  }
  .modal.header-modal.search-modal .modal-content-banner > img {
    height: 6.875rem;
  }
  .modal.header-modal.search-modal .modal-content-banner div {
    gap: 0.625rem;
  }
  .modal.header-modal.search-modal .modal-content-banner div span {
    font-size: 1rem;
  }
  .modal.header-modal.search-modal .modal-content-banner-text {
    bottom: -1.1875rem;
    width: 100%;
    justify-content: center;
  }
  .modal.header-modal.search-modal .modal-content-banner-text img {
    max-height: 8.375rem;
  }
}
@media (max-width: 80rem) {
  .accordion-header {
    padding: 1rem;
  }
  .modal-content-header-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .modal-content-header-other.care-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .modal-content-header-other-care img:not(.modal-content-header-other-care-img-background) {
    width: 12.5rem;
  }
}
@media (max-width: 63.75rem) {
  .modal-container {
    max-width: 48.125rem;
  }
  .modal-content {
    padding: 0 0.375rem 0 1rem;
  }
  .modal-header {
    position: relative;
  }
  .modal-header-title {
    font-size: 1.125rem;
    line-height: 1.75rem;
    letter-spacing: 0.25px;
    padding-top: 0;
  }
  .modal-header .line {
    display: block;
  }
  .modal-header-subtitle {
    margin-top: 0.25rem;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.3px;
  }
  .modal-header-block {
    justify-content: start;
  }
  .modal-close {
    background-color: transparent;
    position: absolute;
    top: -0.625rem !important;
    right: 0.625rem !important;
  }
  .modal-main.complect {
    padding: 1.25rem 0 6.25rem 0;
  }
  .modal-main-grid {
    grid-template-columns: repeat(1, 1fr);
  }
  .modal-main-grid > :nth-last-child(-n + 3) {
    padding-bottom: 0;
    border: none;
  }
  .modal-main-compact-item {
    align-items: start;
    flex-direction: row;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #E1E1E5;
    gap: 1rem;
  }
  .modal-main-compact-header label {
    position: static;
  }
  .modal-main-compact-header {
    flex-direction: row;
    gap: 1rem;
  }
  .modal-main-compact-header::after {
    display: none;
  }
  .modal-main-compact-text {
    text-align: start;
  }
  .modal-main-compact-text > a {
    margin-bottom: 1.0625rem;
  }
  .modal-main-compact-text .price.price-discount-red {
    margin-right: 0.625rem;
  }
  .modal-main-compact-text-title {
    text-align: start;
  }
  .modal-main-compact-header img {
    max-width: 3.75rem;
    padding: 0;
    border-radius: 0.375rem;
  }
  .modal-main-compact-item.result {
    display: none;
  }
  .modal-main-compact-result-mobile {
    display: block;
  }
  .modal-main-compact-header {
    min-width: 5.625rem;
  }
  .modal.header-modal {
    padding: 0;
  }
  .modal.header-modal .modal-container {
    border-radius: 0;
    margin-top: 5.9375rem;
    padding: 2.5rem 0;
    box-shadow: none;
  }
  .modal-content-banner {
    margin-bottom: 0;
    padding-top: 1.875rem;
  }
  .modal-content-banner-text {
    width: 90%;
  }
  .modal-container {
    padding-top: 2.1875rem;
  }
  .modal.header-modal.search-modal {
    top: 3.125rem;
  }
  .modal.header-modal.search-modal .modal-content-banner {
    padding-top: 3.125rem;
  }
  .modal.header-modal.search-modal .modal-header {
    display: flex;
    padding-bottom: 0.3125rem;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 1.25rem;
    background-color: #fff;
  }
  .modal.header-modal.search-modal .modal-header .header-container-input {
    display: block;
  }
  .modal.header-modal.search-modal .modal-header .modal-close {
    position: static;
    transform: rotate(270deg);
  }
  .modal.header-modal.search-modal:not(.active) .modal-container {
    transform: translateX(-100%) scale(1);
  }
  .modal.header-modal.search-modal .modal-container {
    margin: 0;
    max-width: 100%;
    height: 100vh;
    padding-top: 0.9375rem;
    max-height: 100%;
    padding-bottom: 8.125rem;
    box-shadow: none;
  }
  .modal.header-modal.search-modal .modal-content {
    padding-top: 2.5rem;
  }
  .modal.header-modal.search-modal .modal-overlay {
    display: none;
  }
}
@media (max-width: 48rem) {
  .modal-container {
    margin: 8vh 0 0 0;
    max-height: calc(100% - 8vh);
    height: 100%;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .modal-content {
    max-height: 100%;
    padding: 0 1rem;
  }
  .modal-content-header-wrapper {
    grid-template-columns: 1fr;
  }
  .modal.header-modal .modal-container {
    padding-bottom: 4.375rem;
  }
  .modal-content-header-other.care-wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .modal-content-banner-text div {
    gap: 0.625rem;
  }
  .modal-content-banner-text div span {
    font-size: 1rem;
  }
  .modal-content-banner-text {
    width: 100%;
    left: 0;
    transform: translateX(0);
  }
  .modal-content-banner-text img {
    height: 10.625rem;
  }
  .modal-content-banner > img {
    height: 6.875rem;
  }
  .modal.left:not(.active) .modal-container {
    transform: translateX(-100%) scale(1);
  }
  .modal:not(.active) .modal-container {
    transform: translateY(100vh) scale(0.95);
  }
  .modal-container.basket-city {
    max-width: 100%;
  }
}
@media (max-width: 37.5rem) {
  .modal-main-compact-header-price, .modal-main-compact-text-price > span {
    font-size: 0.9375rem;
  }
  .modal-header-subtitle {
    font-size: 0.9375rem;
  }
  .modal-main-compact-text-title {
    font-size: 0.875rem;
  }
  .modal-main-compact-text .price.price-discount-red {
    font-size: 0.75rem;
  }
  .modal-main-compact-text .price {
    font-size: 0.875rem;
  }
  .modal-main-compact-text {
    gap: 0.4375rem;
  }
  .modal-content-header-other-buyer {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
@media (max-width: 31.25rem) {
  .modal-content-header-other.care-wrapper {
    grid-template-columns: 1fr;
  }
  .modal-content-banner-text img {
    height: 6.875rem;
  }
  .modal-content-banner-text {
    bottom: -15px;
    left: -10px;
    align-items: start;
  }
  .modal-content-banner-text div span {
    font-size: 0.875rem;
  }
  .modal-content-banner {
    padding-top: 0.875rem;
  }
}
@media (max-width: 25rem) {
  .modal.header-modal.search-modal .modal-content-banner div span {
    font-size: 0.875rem;
  }
  .modal.header-modal.search-modal .modal-content-banner {
    padding-top: 1.25rem;
  }
}
.live-search-hidden {
  display: none !important;
}
.header-container-input.live-search-input .header-container-input-actions.is-visible {
  display: flex;
}
.header-container-input.live-search-input .header-container-input-actions-close {
  padding: 0;
  border: 0;
  cursor: pointer;
}
.header-container-input.live-search-input.has-value > input {
  padding-right: 8.25rem;
}
.header-container-input.live-search-input.has-value.live-search-input-modal > input {
  padding-right: 2.875rem;
}
.header-container-input.live-search-input .live-search-submit {
  flex: 0 0 auto;
  white-space: nowrap;
  height: 2rem;
  font-size: 0.875rem;
}
.modal.header-modal.search-modal.live-search-modal {
  top: var(--live-search-top, var(--header-search-modal-top));
  margin-top: 0.6875rem;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--live-search-top, 120px));
  height: calc(100dvh - var(--live-search-top, 120px));
  padding: 0;
  justify-content: flex-start;
  background: none;
}
.modal.header-modal.search-modal.live-search-modal .modal-overlay {
  top: -0.3125rem;
  height: calc(100% + 0.3125rem);
}
.modal.header-modal.search-modal.live-search-modal .modal-header {
  display: none;
}
.modal.header-modal.search-modal.live-search-modal .modal-container {
  width: var(--live-search-width, 81.25rem);
  max-width: none;
  max-height: calc(100vh - var(--live-search-top, 120px) - 0.75rem);
  max-height: calc(100dvh - var(--live-search-top, 120px) - 0.75rem);
  height: fit-content;
  margin: 0 0 0 var(--live-search-left, 0);
  padding: 1.375rem 0.625rem 1.5rem 0;
  border-radius: 0.875rem;
  box-shadow: none;
}
.modal.header-modal.search-modal.live-search-modal .modal-content {
  max-height: calc(100vh - var(--live-search-top, 120px) - 2.25rem);
  max-height: calc(100dvh - var(--live-search-top, 120px) - 2.25rem);
  padding: 0 1.25rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-title {
  display: block;
  padding-top: 0;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: start;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-category-block {
  flex-wrap: wrap;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list a {
  width: 100%;
  min-width: 0;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list a img {
  flex: 0 0 auto;
  object-fit: contain;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product .btn-secondary-filled-text {
  width: fit-content;
  margin-top: 1.125rem;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item {
  min-width: 0;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info {
  min-width: 0;
  flex: 1;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info > div {
  min-width: 0;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info > div > span:first-child {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-price {
  flex: 0 0 auto;
  white-space: nowrap;
}
.modal.header-modal.search-modal.live-search-modal .live-search-message {
  padding: 1.125rem 0;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #7C7C86;
}
.modal.header-modal.search-modal.live-search-modal .live-search-installation-banner {
  display: none;
}
@media (max-width: 63.6875rem) {
  .modal.header-modal.search-modal.live-search-modal {
    top: 4.8125rem;
    width: 100%;
    height: calc(100vh - 3.125rem);
    height: calc(100dvh - 3.125rem);
    padding: 0;
    margin-top: 0.3125rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-overlay {
    display: none;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    margin: 0;
    padding: 0 0 1rem;
    border-radius: 0;
    box-shadow: none;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header {
    position: sticky;
    top: 0;
    left: auto;
    z-index: 5;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 100%;
    padding: 0.5rem 1rem 0.5rem 0.25rem;
    background-color: #fff;
    border-bottom: 0;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header .modal-close {
    position: static;
    flex: 0 0 auto;
    padding: 0.75rem;
    transform: rotate(270deg);
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header .header-container-input {
    display: block;
    flex: 1;
    min-width: 0;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    padding: 0.5rem 1rem 1.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-title {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list {
    gap: 0.375rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list a {
    gap: 0.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-category-list a img {
    width: 2.625rem;
    height: 2.625rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product {
    padding-top: 1.25rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list {
    gap: 0.75rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item {
    gap: 0.875rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info {
    gap: 0.75rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info img {
    width: 2.75rem;
    height: 3.75rem;
    object-fit: contain;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-info div :first-child {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header-search-product-list-item-price {
    font-size: 0.8125rem;
  }
}
@media (max-width: 37.5rem) {
  .modal.header-modal.search-modal.live-search-modal .live-search-popular-list {
    gap: 0.5rem;
  }
  .modal.header-modal.search-modal.live-search-modal .live-search-popular-list a {
    padding: 0.4375rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .modal.header-modal.search-modal.live-search-modal .live-search-installation-banner {
    display: flex;
    padding-top: 1.25rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content-banner > img {
    height: 6.875rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content-banner-text {
    left: -0.25rem;
    bottom: -0.875rem;
    transform: none;
    justify-content: flex-start;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content-banner-text img {
    height: 7.375rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content-banner-text div {
    gap: 0.625rem;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content-banner-text div span {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 63.6875rem) {
  .modal.header-modal-mob {
    top: max(0px, calc(var(--mobile-catalog-top, 2rem) - 0.5rem));
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .modal.header-modal-mob .modal-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0.9375rem 0 0;
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
  }
  .modal.header-modal-mob .modal-header {
    flex: 0 0 auto;
  }
  .modal.header-modal-mob .modal-content {
    flex: 1 1 auto;
    width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: none;
    padding-bottom: calc(4.375rem + env(safe-area-inset-bottom));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
    touch-action: pan-y;
  }
  .modal.header-modal-mob .modal-content.has-scroll::after {
    display: none;
  }
  .modal.header-modal-mob .modal-content-mod-category, .modal.header-modal-mob .modal-content-mod-category-other, .modal.header-modal-mob .modal-content-mod-category-secondary, .modal.header-modal-mob .modal-content-mod-category-item {
    touch-action: pan-y;
  }
  .modal.header-modal-mob .modal-content-mod-category-other {
    padding-bottom: 1.5rem;
  }
  .modal.header-modal.search-modal:not(.live-search-modal) {
    top: var(--header-height, 3.125rem);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
  .modal.header-modal.search-modal:not(.live-search-modal) .modal-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    padding: 0.9375rem 0 calc(1.5rem + env(safe-area-inset-bottom));
    overflow: hidden;
  }
  .modal.header-modal.search-modal:not(.live-search-modal) .modal-header {
    flex: 0 0 auto;
  }
  .modal.header-modal.search-modal:not(.live-search-modal) .modal-content {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
  .modal.header-modal.search-modal.live-search-modal {
    top: var(--header-height, 3.125rem);
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    margin-top: 0;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    margin: 0;
    overflow: hidden;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-header {
    flex: 0 0 auto;
  }
  .modal.header-modal.search-modal.live-search-modal .modal-content {
    flex: 1 1 auto;
    min-height: 0;
    max-height: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }
}
@media (max-width: 37.5rem) {
  .modal.header-modal.header-modal-mob .modal-content {
    padding-bottom: calc(4rem + env(safe-area-inset-bottom));
  }
}
.input, .aria, .select {
  padding: 0.625rem 1rem;
  border: 1px solid #D4D4D9;
  line-height: 1.25rem;
  border-radius: 0.375rem;
  background-color: #fff;
  width: 100%;
  font-family: "Montserrat", sans-serif;
  font-size: 0.9375rem;
  color: #1B1B20;
  transition: 300ms;
  box-sizing: border-box;
  height: 2.625rem;
}
.input-phone::placeholder {
  color: #7C7C86;
}
.input-icon-left {
  padding-left: 2.75rem;
}
.input-icon-right {
  padding-right: 2.75rem;
}
.input:focus, .aria:focus, .select:focus {
  border-color: #CA163C;
  outline: none;
}
.input:disabled, .aria:disabled, .select:disabled {
  background-color: #F4F4F6;
  color: #7C7C86;
  cursor: not-allowed;
}
.input::placeholder, .aria::placeholder, .select::placeholder {
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.input[type="file"], .aria[type="file"], .select[type="file"] {
  cursor: pointer;
  padding: 0.625rem 1rem;
  height: 3.75rem;
}
.input[type="file"]::file-selector-button, .aria[type="file"]::file-selector-button, .select[type="file"]::file-selector-button {
  background-color: #F4F4F6;
  border: 1px solid #D4D4D9;
  border-radius: 0.25rem;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  cursor: pointer;
  transition: 300ms;
  margin-right: 0.75rem;
}
.input[type="file"]::file-selector-button:hover, .aria[type="file"]::file-selector-button:hover, .select[type="file"]::file-selector-button:hover {
  background-color: rgba(244, 244, 246, 0.85);
}
.checkbox {
  display: block;
  position: relative;
  padding: 0.5625rem;
  cursor: pointer;
  height: 1.125rem;
  width: 1.125rem;
  font-size: 1rem;
}
.checkbox-label {
  display: flex;
  align-items: start;
  gap: 0.875rem;
  cursor: pointer;
}
.checkbox-label a {
  color: #CA163C;
  text-decoration: none;
  transition: 300ms;
}
.checkbox-label a:hover {
  color: #000;
}
.checkbox-label .checkbox {
  padding: 0;
  flex-shrink: 0;
}
.checkbox-label span {
  font-size: 0.875rem;
  color: #1B1B20;
}
.checkbox-label span.disable {
  line-height: 1.125rem;
  color: #5B5B6B;
  font-size: 0.75rem;
}
.checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkbox .checkbox-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.125rem;
  width: 1.125rem;
  background-color: #fff;
  border: 1px solid #B9B9C0;
  border-radius: 0.25rem;
  transition: 200ms;
}
.checkbox .checkbox-checkmark.ellipse {
  border-radius: 50%;
}
.checkbox .checkbox-checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 9px;
  border-radius: 1px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox:hover .checkbox-checkmark:not(:checked) {
  border-color: #5B5B6B;
}
.checkbox:hover input:checked ~ .checkbox-checkmark {
  background-color: #E54365;
  border-color: #E54365;
}
.checkbox input:checked ~ .checkbox-checkmark {
  background-color: #CA163C;
  border-color: #CA163C;
}
.checkbox input:checked ~ .checkbox-checkmark:after {
  display: block;
}
.radio-default-block-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  transition: 300ms;
  border-radius: 0.375rem;
}
.radio-default-block-label:hover .radio-default-block-custom {
  border-color: #CA163C;
}
.radio-default-block-label:hover .radio-default-block-text {
  color: #CA163C;
}
.radio-default-block-input {
  display: none;
}
.radio-default-block-input:checked + .radio-default-block-custom {
  border-color: #CA163C;
  background-color: #CA163C;
}
.radio-default-block-input:checked + .radio-default-block-custom:hover {
  opacity: 0.8;
}
.radio-default-block-input:checked + .radio-default-block-custom::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(45deg) scale(1);
}
.radio-default-block-input:checked ~ .radio-default-block-text {
  font-weight: 500;
}
.radio-default-block-custom {
  width: 1.25rem;
  height: 1.25rem;
  border: 2px solid #D4D4D9;
  border-radius: 0.25rem;
  position: relative;
  transition: 300ms;
  flex-shrink: 0;
  background-color: #fff;
}
.radio-default-block-custom::after {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg) scale(0);
  width: 0.3125rem;
  height: 0.5rem;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  opacity: 0;
  transition: 300ms;
}
.radio-default-block-text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  transition: 300ms;
  text-wrap: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.radio-default-block-text:hover {
  color: #CA163C;
}
.radio-color-block-label {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  transition: 300ms;
  border-radius: 0.375rem;
}
.radio-color-block-label:hover .radio-color-block-text {
  color: #CA163C;
}
.radio-color-block-input {
  display: none;
}
.radio-color-block-input:checked + .radio-color-block-color::before {
  opacity: 1;
}
.radio-color-block-color {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  transition: 300ms;
}
.radio-color-block-color::before {
  content: "";
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  border: 2px solid #CA163C;
  border-radius: 50%;
  opacity: 0;
  transition: 300ms;
}
.radio-color-block-text {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #6B6B76;
  transition: 300ms;
}
.aria {
  min-height: 7.5rem;
  resize: vertical;
  line-height: 1.5rem;
}
.aria.disabled {
  background-color: #EEEEF1;
  user-select: none;
  cursor: default;
}
.aria-small {
  min-height: 5rem;
}
.aria-large {
  min-height: 10rem;
}
.aria-fixed {
  resize: none;
}
.select {
  appearance: none;
  line-height: 20px;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B5B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  padding-right: 2.75rem;
  cursor: pointer;
  transition: 300ms;
  position: relative;
}
.select.secondary {
  background-color: #F4F4F6;
  border-color: transparent;
}
.select-wrapper {
  position: relative;
  display: block;
  min-width: 0;
}
.select-wrapper::after {
  content: "";
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B5B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 1;
}
.select-wrapper.open::after {
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%23CA163C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.select-wrapper .select {
  background-image: none !important;
}
.select-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #D4D4D9;
  border-top: none;
  border-radius: 0 0 0.375rem 0.375rem;
  box-shadow: 0 1.25rem 0.75rem rgba(0, 0, 0, 0.1);
  max-height: 0;
  opacity: 0;
  overflow: auto;
  transform: scaleY(0);
  transform-origin: top center;
  z-index: 10;
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  visibility: hidden;
}
.select-dropdown.open {
  max-height: 18.75rem;
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
  margin-top: -0.0625rem;
  border-color: #CA163C;
  border-top: none;
}
.select-dropdown.closing {
  opacity: 0;
  transform: scaleY(0);
  visibility: hidden;
}
.select-option {
  min-width: 0;
  padding: 0.375rem 1rem;
  font-size: 0.9375rem;
  color: #1B1B20;
  overflow-wrap: anywhere;
  cursor: pointer;
  transform: translateY(-10px);
  opacity: 0;
  transition: 300ms;
}
.select-option:hover {
  background-color: #F4F4F6;
}
.select-option.selected {
  background-color: rgba(202, 22, 60, 0.05);
  color: #CA163C;
  font-weight: 500;
}
.open .select-option {
  transform: translateY(0);
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 100ms, opacity 300ms 100ms, background-color 200ms;
}
.select:focus {
  border-color: #CA163C;
  outline: none;
  background-image: none;
}
.select.open {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: #CA163C;
  border-bottom-color: transparent;
  background-image: none;
}
.select-multiple {
  background-image: none;
  padding-right: 1rem;
  height: auto;
  min-height: 7.5rem;
}
.select-multiple ~ .select-wrapper::after {
  display: none;
}
.select-icon-left {
  padding-left: 2.75rem;
  background-position: left 1rem center, right 1rem center;
}
.has-error .select, .has-error .select.open {
  border-color: #CA163C;
}
.has-success .select, .has-success .select.open {
  border-color: #14A37B;
}
.select:disabled {
  cursor: not-allowed;
}
.select:disabled ~ .select-wrapper::after {
  opacity: 0.5;
}
.select-wrapper:not(.open) .select:focus {
  border-color: #D4D4D9;
  box-shadow: none;
}
.select-wrapper:not(.open) .select:focus ~ .select-wrapper::after {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%235B5B6B' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.subscribe-form form {
  flex-direction: row;
  gap: 0.625rem;
}
.form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.form-input-wrapper {
  position: relative;
  width: 100%;
  min-width: 0;
}
.form-input-wrapper .field-icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  color: #7C7C86;
  pointer-events: none;
}
.form-input-wrapper .field-icon-left {
  right: auto;
  left: 1rem;
}
.form-label {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  min-width: 0;
}
.form-label-error, .form-label-accept {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
}
.form-label-accept {
  color: #14A37B;
}
.form-label-error {
  color: #E54365;
}
.form-label[required] span > span:after {
  content: "*";
  color: #CA163C;
  margin-left: 0.25rem;
}
.form-label.has-error .input, .form-label.has-error .aria, .form-label.has-error .select {
  border-color: #CA163C;
}
.form-label.has-success .input, .form-label.has-success .aria, .form-label.has-success .select {
  border-color: #14A37B;
}
.form-block {
  width: 100%;
}
.form-block-buttons {
  display: flex;
  gap: 1rem;
  margin-top: 0.5rem;
}
.form-block-buttons.full > .btn {
  flex: 1;
}
.form-block-row {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
.form-block-row > .form-label {
  flex: 1;
  min-width: 0;
}
.form-block-row-3 {
  display: flex;
  gap: 1.25rem;
  width: 100%;
}
.form-block-row-3 > .form-label {
  flex: 1;
  min-width: 0;
}
.form-block-row-full {
  width: 100%;
}
.form-error {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #CA163C;
  margin-top: 0.25rem;
  display: none;
}
.form-accept {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #14A37B;
  margin-top: 0.25rem;
  display: none;
}
.form-info {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #7C7C86;
  margin-top: 0.25rem;
  display: none;
}
.form-hint {
  font-size: 0.75rem;
  color: #7C7C86;
  margin-top: 0.25rem;
}
.form-success {
  background: #14A37B;
  border: 1px solid #14A37B;
  border-radius: 0.5rem;
  padding: 1.25rem;
  text-align: center;
  margin-top: 1.25rem;
  display: none;
}
.form-success-icon {
  width: 3rem;
  height: 3rem;
  color: #14A37B;
  margin-bottom: 1rem;
}
.form-success-text {
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.form-select-input {
  position: relative;
}
.form-select-input .input-icon-right {
  padding-right: 3.75rem;
}
.form-select-input .form-input-wrapper > svg :last-child {
  color: #14A37B;
}
.form-select-input-delete {
  display: none;
  position: absolute;
  right: 2.625rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #D4D4D9;
}
.form-select-input-delete:hover {
  color: #5B5B6B;
}
.form-select-input-check {
  display: none;
  z-index: 2;
}
.form-select-input.has-value .form-select-input-delete {
  display: flex;
}
.form-select-input.selected .form-select-input-check {
  display: block;
}
.form-select-input-dropdown {
  width: 100%;
  position: absolute;
  top: 3.125rem;
  left: 0;
  z-index: 10;
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px #0000001F;
  border-radius: 0.625rem;
  overflow: auto;
  max-height: 21rem;
  display: block;
}
.form-select-input-dropdown.empty .form-select-input-dropdown-list {
  display: none;
}
.form-select-input-dropdown.empty .form-select-input-dropdown-empty {
  display: block;
}
.form-select-input-dropdown.open {
  display: block;
}
.form-select-input-dropdown-empty {
  display: none;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: #7C7C86;
}
.form-select-input-dropdown-list {
  display: flex;
  flex-direction: column;
}
.form-select-input-dropdown-list li {
  display: flex;
  flex-direction: column;
  padding: 0.5rem 1rem;
  transition: 300ms;
  cursor: pointer;
}
.form-select-input-dropdown-list li:hover {
  background-color: #f5f5f5;
}
.form-select-input-dropdown-list li span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.form-select-input-dropdown-list li span.title {
  font-size: 15px;
  line-height: 22px;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.phone-field-wrapper {
  position: relative;
}
.phone-field-wrapper .phone-prefix {
  position: absolute;
  font-weight: 400;
  left: 1rem;
  line-height: 1.375rem;
  top: 50%;
  transform: translateY(-50%);
  color: #7C7C86;
  font-size: 0.9375rem;
  pointer-events: none;
  z-index: 1;
}
.subscribe-form form {
  flex-direction: row;
  gap: 0.625rem;
}
@media (max-width: 63.75rem) {
  .form-block-row-3 {
    flex-wrap: wrap;
  }
  .form-block-row-3 > .form-label {
    flex: 0 0 calc(50% - 0.625rem);
  }
  .form-block-row-3 > .form-label:last-child:nth-child(3) {
    flex: 1 1 100%;
  }
  .select-dropdown {
    max-height: min(18.75rem, 45vh);
    max-height: min(18.75rem, 45dvh);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .form-select-input-dropdown {
    max-height: min(21rem, 45vh);
    max-height: min(21rem, 45dvh);
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 48rem) {
  .input, .aria, .select {
    height: 2.75rem;
  }
  .aria {
    height: auto;
    min-height: 7.5rem;
  }
  .input[type="file"], .aria[type="file"], .select[type="file"] {
    height: auto;
    min-height: 3.625rem;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
  }
  .input[type="file"]::file-selector-button, .aria[type="file"]::file-selector-button, .select[type="file"]::file-selector-button {
    padding: 0.5rem 0.75rem;
    margin-right: 0.5rem;
  }
  .form-row {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  .form-block-buttons {
    flex-direction: column;
    gap: 0.75rem;
  }
  .form-block-buttons > .btn {
    width: 100%;
  }
  .form-block-row, .form-block-row-3 {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
  }
  .form-block-row > .form-label, .form-block-row-3 > .form-label {
    flex: 1 1 auto;
    width: 100%;
  }
  .select-option {
    display: flex;
    align-items: center;
    min-height: 2.625rem;
    padding: 0.625rem 0.875rem;
  }
  .radio-default-block-label {
    align-items: flex-start;
  }
  .radio-default-block-text {
    min-width: 0;
    white-space: normal;
    text-wrap: wrap;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }
  .radio-color-block-text, .checkbox-label span {
    min-width: 0;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 31.25rem) {
  .form {
    gap: 1rem;
  }
  .form-label {
    gap: 0.4375rem;
  }
  .form-block-row, .form-block-row-3 {
    gap: 0.875rem;
  }
  .form-block-buttons {
    gap: 0.625rem;
  }
  .input, .aria, .select {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  .input-icon-left {
    padding-left: 2.625rem;
  }
  .input-icon-right {
    padding-right: 2.625rem;
  }
  .select {
    padding-right: 2.625rem;
    background-position: right 0.875rem center;
  }
  .select-wrapper::after {
    right: 0.875rem;
  }
  .checkbox-label {
    gap: 0.625rem;
  }
  .checkbox-label span {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .radio-default-block-text, .radio-color-block-text {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .form-select-input-dropdown {
    top: 3rem;
  }
}
@media (max-width: 22.5rem) {
  .input[type="file"], .aria[type="file"], .select[type="file"] {
    font-size: 0.8125rem;
  }
  .input[type="file"]::file-selector-button, .aria[type="file"]::file-selector-button, .select[type="file"]::file-selector-button {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0.8125rem;
  }
  .form-label-error, .form-label-accept, .form-hint {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
}
:root {
  --header-height: 6.125rem;
}
.header {
  display: flex;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  min-height: 4.375rem;
  width: 100%;
  padding: 0.875rem 0;
  background-color: #FFFFFF;
  border-bottom: 1px solid #e1e1e5;
  transition: background-color 400ms, box-shadow 300ms, border-color 300ms, padding 300ms;
}
.header.is-compact {
  padding: 0.625rem 0;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.header.is-compact .header-links {
  max-height: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  opacity: 0;
  transform: translateY(-0.5rem);
  pointer-events: none;
}
.header.basket {
  border-bottom: none;
}
.header .container-field {
  overflow: visible;
}
.header-logo.transparent {
  display: none;
}
.header-logo svg {
  width: 9.125rem;
  height: 2.625rem;
}
.header-nav-basket {
  display: flex;
}
.header-nav-basket-mobile {
  display: none;
  justify-content: center;
}
.header-nav-basket-mobile-svg {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  color: #000;
}
.header-nav-basket-mobile-svg svg {
  transform: rotate(270deg);
}
.header-nav-basket-mobile-text {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
  padding-left: 2.8125rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.header-nav-basket-mobile-text span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
}
.header-nav-basket ol {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.header-nav-basket ol li {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.header-nav-basket ol li.current span {
  font-weight: 600;
}
.header-nav-basket ol li:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  margin-left: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 23 32'%3E%3Cpath d='M22 21.1202L11.88 11.0002L1.76001 21.1202' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transform: rotate(90deg);
  opacity: 0.5;
}
.header-nav-basket ol li.prev a {
  font-weight: 500;
}
.header-nav-basket ol li.disabled a, .header-nav-basket ol li.disabled svg, .header-nav-basket ol li.disabled span {
  color: #9898A0;
  font-weight: 500;
}
.header-nav-basket ol li.active span {
  color: #24242B;
  font-weight: 700;
}
.header-nav-basket ol li.completed a {
  color: #24242B;
  font-weight: 500;
}
.header-nav-basket ol li.completed::after {
  opacity: 1;
}
.header-nav-basket ol li a, .header-nav-basket ol li span {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #1B1B20;
}
.header-mobile {
  display: none;
}
.header-links {
  position: relative;
  display: flex;
  justify-content: space-between;
  max-height: 2.25rem;
  padding-bottom: 1rem;
  overflow: hidden;
  opacity: 1;
  transform: translateY(0);
  transition: max-height 360ms ease, padding-bottom 360ms ease, opacity 240ms ease, transform 360ms ease;
  will-change: max-height, padding-bottom, opacity, transform;
}
.header-links > ul {
  display: flex;
  align-items: center;
  gap: 1.625rem;
}
.header-links > ul > li {
  cursor: pointer;
  color: #9898A0;
  transition: 300ms;
}
.header-links > ul > li:hover > span, .header-links > ul > li:hover > a, .header-links > ul > li:hover > svg {
  color: #CA163C;
}
.header-links > ul > li svg {
  transform: rotate(180deg);
}
.header-links > ul > li span, .header-links > ul > li a {
  color: #24242B;
  transition: 300ms;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
}
.header-links-banner {
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  text-wrap: nowrap;
}
.header-links-banner p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
}
.header-links-banner .banner-title {
  font-weight: 700;
}
.header-container {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.header-container.basket {
  justify-content: center;
}
.header-container.basket .header-logo {
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
}
.header-container-input {
  position: relative;
  width: 100%;
  max-width: 81.25rem;
  cursor: pointer;
}
.header-container-input-actions {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  align-items: center;
  width: fit-content;
  gap: 0.9375rem;
  padding: 0.3125rem;
}
.header-container-input-actions-close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
  background-color: #D4D4D9;
  transition: 300ms;
}
.header-container-input-actions-close:hover svg {
  color: #CA163C;
}
.header-container-input-actions-close svg {
  width: 0.5rem;
  height: 0.5rem;
  color: #fff;
}
.header-container-input-actions a {
  font-size: 0.875rem;
  line-height: 1.25rem;
  height: fit-content;
  letter-spacing: 0.3px;
  padding: 0.375rem 0.625rem;
}
.header-container-input > svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 1rem;
}
.header-container-input input {
  background-color: #EEEEF1;
  width: 100%;
  display: flex;
  padding: 0.625rem 1rem 0.625rem 2.875rem;
  border-radius: 0.375rem;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
  font-weight: 500;
  transition: 300ms;
  cursor: pointer;
  border: 1px solid transparent;
}
.header-container-input input:hover {
  background-color: #E1E1E5;
}
.header-container-input input:focus {
  background-color: #fff;
  border-color: #CA163C;
}
.header-container-icons {
  display: flex;
  align-items: center;
  justify-content: right;
  flex: 1;
  gap: 1.875rem;
  position: relative;
}
.header-container-icons-label {
  position: absolute;
  bottom: -5px;
  font-size: 0.6875rem;
  line-height: 1rem;
  color: #333;
  border-radius: 0.25rem;
  opacity: 0;
  transition: 300ms;
  transform: translateY(15px);
  white-space: nowrap;
  z-index: 10;
}
.header-container-icons a {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: inherit;
  height: 2.5rem;
}
.header-container-icons a:hover {
  color: #CA163C;
}
.header-container-icons a:hover .header-container-icons-label {
  opacity: 1;
  transform: translateY(0);
}
.header-container-icons a:hover svg {
  transform: translateY(-8px);
}
.header-container-icons-count {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  font-size: 0.5625rem;
  line-height: 1;
  top: -0.3125rem;
  right: -0.3125rem;
  width: 1.1875rem;
  height: 1.1875rem;
  border-radius: 50%;
  background-color: #CA163C;
  color: #FFFFFF;
  z-index: 2;
}
.header-container a {
  display: flex;
}
.header-container a button {
  font-weight: 700;
  display: flex;
}
.header.transparent {
  background: #09090B99;
  backdrop-filter: blur(12px);
  border-bottom: none;
}
.header.transparent .header-links > ul span, .header.transparent .header-links-item, .header.transparent .header-container-icons-label, .header.transparent .header-links ul span, .header.transparent .header-links-banner > p, .header.transparent .header-links-banner > span {
  color: #EEEEF1;
}
.header.transparent .header-links-banner svg {
  fill: none;
}
.header.transparent .header-mobile.header-menu svg {
  fill: #fff;
}
.header.transparent .header-mobile.header-search svg {
  color: #fff;
}
.header.transparent .header-links ul li:hover > span, .header.transparent .header-links ul li:hover > a, .header.transparent .header-links ul li:hover > svg {
  color: #CA163C;
}
.header.transparent .header-container-icons a {
  color: #fff;
}
.header.transparent .header-container-icons a:hover svg {
  color: #CA163C;
}
.header.transparent .header-logo {
  display: none;
}
.header.transparent .header-logo.transparent {
  display: flex;
}
@media (max-width: 100rem) {
  .header-links > ul {
    gap: 1.375rem;
  }
  .header-links-banner {
    position: static;
    left: auto;
    transform: none;
    flex: 0 0 auto;
  }
  .header-container {
    gap: 0.875rem;
  }
  .header-container-icons {
    gap: 1.5rem;
  }
  .header-logo svg {
    width: 8.625rem;
    height: 2.5rem;
  }
}
@media (max-width: 85.375rem) {
  .header-links > ul {
    gap: 1.125rem;
  }
  .header-links > ul > li span, .header-links > ul > li a {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .header-links-banner {
    gap: 0.5rem;
  }
  .header-links-banner p {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .header-container {
    gap: 0.75rem;
  }
  .header-container-icons {
    gap: 1.25rem;
  }
  .header-logo svg {
    width: 8rem;
    height: 2.3125rem;
  }
}
@media (max-width: 80rem) {
  .header-links > ul {
    gap: 0.875rem;
  }
  .header-links > ul > li span, .header-links > ul > li a {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .header-links-banner p {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .header-links-banner svg {
    flex: 0 0 auto;
    width: 0.875rem;
    height: 0.875rem;
  }
  .header-container {
    gap: 0.625rem;
  }
  .header-container-input {
    min-width: 0;
  }
  .header-container-icons {
    flex: 0 0 auto;
    gap: 1rem;
  }
  .header-logo {
    flex: 0 0 auto;
  }
  .header-logo svg {
    width: 7.25rem;
    height: 2.125rem;
  }
}
@media (min-width: 63.75rem) and (max-width: 68.75rem) {
  .header {
    padding-right: 0;
    padding-left: 0;
  }
  .header-links > ul {
    gap: 0.625rem;
  }
  .header-links > ul > li span, .header-links > ul > li a {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .header-links-banner {
    gap: 0.375rem;
  }
  .header-links-banner p {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .header-container {
    gap: 0.5rem;
  }
  .header-container-icons {
    gap: 0.75rem;
  }
  .header-container-icons a {
    height: 2.25rem;
  }
  .header-logo svg {
    width: 6.5rem;
    height: 1.875rem;
  }
}
@media (max-width: 63.6875rem) {
  .header {
    min-height: 0;
    padding: 0;
  }
  .header.is-compact {
    padding: 0;
  }
  .header .container-field {
    width: 100%;
    min-width: 0;
    overflow: visible;
  }
  .header-mobile {
    display: flex;
    flex: 0 0 2.75rem;
    align-items: center;
    justify-content: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }
  .header-mobile svg {
    display: block;
    flex: 0 0 auto;
  }
  .header-links {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
    max-height: 2rem;
    min-height: 2rem;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  .header-links > ul {
    display: none;
  }
  .header-links-banner {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    max-width: calc(100% - 2rem);
    gap: 0.5rem;
    transform: translate(-50%, -50%);
    white-space: nowrap;
  }
  .header-links-banner p {
    min-width: 0;
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.125rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .header-links-banner svg {
    flex: 0 0 auto;
    width: 0.875rem;
    height: 0.875rem;
  }
  .header.is-compact .header-links {
    min-height: 0;
    max-height: 0;
  }
  .header-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    min-height: 3.125rem;
    gap: 0.625rem;
  }
  .header-container.basket {
    justify-content: center;
  }
  .header-container.basket .header-logo {
    position: static;
    transform: none;
  }
  .header-container-input {
    display: none;
    min-width: 0;
    max-width: none;
  }
  .header-container-input input {
    padding-right: 2.5rem;
  }
  .header-container-input input:focus {
    border-color: #1B1B20;
  }
  .header-container-input > svg {
    transform: translateY(-50%);
  }
  .header-container-input-actions {
    top: 50%;
    right: 0.75rem;
    padding: 0;
    transform: translateY(-50%);
  }
  .header-container > .btn, .header-container-icons {
    display: none;
  }
  .header-logo {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    min-width: 0;
  }
  .header-logo svg {
    display: block;
    width: 5.75rem;
    height: 1.6875rem;
  }
  .header-nav-basket {
    display: none;
  }
  .header-nav-basket ol {
    gap: 1rem;
  }
  .header-nav-basket ol li a, .header-nav-basket ol li span {
    font-size: 0.875rem;
  }
  .header-nav-basket-mobile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: 0;
  }
  .header-nav-basket-mobile-svg {
    left: 0;
  }
  .header-nav-basket-mobile-text {
    min-width: 0;
    padding: 0 2.8125rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .header.basket {
    border: 1px solid #F4F4F6;
  }
  .header.basket .container {
    max-width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  .header.basket .header-logo {
    display: none;
  }
  .header.transparent .header-mobile.header-menu svg {
    fill: #fff;
  }
  .header.transparent .header-mobile.header-search svg {
    color: #fff;
  }
}
@media (min-width: 37.5625rem) and (max-width: 63.6875rem) {
  .header-container {
    flex-wrap: wrap;
    row-gap: 0.625rem;
    padding-bottom: 0.75rem;
  }
  .header-container-input {
    display: block;
    order: 10;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .header-container-input input {
    height: 2.625rem;
  }
  .header-search {
    visibility: hidden;
    pointer-events: none;
  }
  .header-logo svg {
    width: 6.375rem;
    height: 1.8125rem;
  }
}
@media (max-width: 48rem) {
  .header-container {
    gap: 0.5rem;
  }
  .header-mobile {
    flex-basis: 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
  }
}
@media (max-width: 37.5rem) {
  .header {
    padding: 0;
  }
  .header.is-compact {
    padding: 0;
  }
  .header-links {
    min-height: 2rem;
    max-height: 2rem;
  }
  .header-links-banner {
    max-width: calc(100% - 1.5rem);
  }
  .header.is-compact .header-links {
    min-height: 0;
    max-height: 0;
  }
  .header-container {
    min-height: 3.125rem;
    gap: 0.375rem;
  }
  .header-mobile {
    flex-basis: 2.75rem;
    width: 2.75rem;
    height: 2.75rem;
  }
  .header-logo svg {
    width: 5.5rem;
    height: 1.625rem;
  }
  .header-item-top {
    flex-wrap: wrap;
    gap: 0.9375rem;
    margin-bottom: 1.5625rem;
  }
}
@media (max-width: 26.875rem) {
  .header-links-banner {
    gap: 0.375rem;
  }
  .header-links-banner p {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .header-links-banner svg {
    width: 0.8125rem;
    height: 0.8125rem;
  }
  .header-container {
    min-height: 3rem;
  }
  .header-mobile {
    flex-basis: 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
  }
  .header-mobile svg {
    max-width: 1.25rem;
    max-height: 1.25rem;
  }
  .header-logo svg {
    width: 5.25rem;
    height: 1.5rem;
  }
  .header-nav-basket-mobile-text {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
    font-size: 1.0625rem;
    line-height: 1.5625rem;
  }
  .header-nav-basket-mobile-svg {
    left: 0;
  }
}
@media (max-width: 24.375rem) {
  .header-links {
    min-height: 2rem;
    max-height: 2rem;
  }
  .header-links-banner {
    max-width: calc(100% - 1.125rem);
  }
  .header-links-banner p {
    font-size: 0.6875rem;
  }
  .header.is-compact .header-links {
    min-height: 0;
    max-height: 0;
  }
  .header-container {
    min-height: 2.9375rem;
  }
  .header-mobile {
    flex-basis: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
  }
  .header-logo svg {
    width: 5.125rem;
    height: 1.5rem;
  }
}
@media (max-width: 22.5rem) {
  .header-links-banner {
    gap: 0.3125rem;
  }
  .header-links-banner p {
    font-size: 0.625rem;
    line-height: 1rem;
  }
  .header-links-banner svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  .header-container {
    min-height: 2.875rem;
  }
  .header-mobile {
    flex-basis: 2.375rem;
    width: 2.375rem;
    height: 2.375rem;
  }
  .header-logo svg {
    width: 5rem;
    height: 1.4375rem;
  }
  .header-nav-basket-mobile-text {
    padding-right: 2.25rem;
    padding-left: 2.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 20rem) {
  .header-links {
    min-height: 2rem;
    max-height: 2rem;
  }
  .header-links-banner {
    max-width: calc(100% - 0.75rem);
  }
  .header-links-banner p {
    font-size: 0.625rem;
    line-height: 0.9375rem;
  }
  .header-links-banner svg {
    width: 0.6875rem;
    height: 0.6875rem;
  }
  .header.is-compact .header-links {
    min-height: 0;
    max-height: 0;
  }
  .header-container {
    min-height: 2.75rem;
    gap: 0.25rem;
  }
  .header-mobile {
    flex-basis: 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
  }
  .header-mobile svg {
    max-width: 1.125rem;
    max-height: 1.125rem;
  }
  .header-logo svg {
    width: 4.75rem;
    height: 1.375rem;
  }
  .header-nav-basket-mobile-text {
    padding-right: 2rem;
    padding-left: 2rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .header-nav-basket-mobile-text span {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .header-nav-basket-mobile-svg {
    left: 0;
  }
}
.footer {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  z-index: 11;
  padding: 3.75rem 2.5rem 4.375rem;
  background-color: #000;
}
.footer-logo {
  position: relative;
  z-index: 0;
  flex-shrink: 0;
}
.footer-logo img {
  position: absolute;
  z-index: -1;
  top: -3.75rem;
  left: -10rem;
  width: 30.625rem;
  height: 30.625rem;
  pointer-events: none;
}
.footer-logo svg {
  width: 7.5rem;
  height: 7rem;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  min-width: 0;
  gap: 1.25rem;
  padding-bottom: 4.375rem;
}
.footer-container-item, .footer-container-item-first, .footer-container-item-last {
  min-width: 0;
}
.footer-container-item, .footer-container-item-first {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2.5rem;
  max-width: 16rem;
  z-index: 1;
}
.footer-container-item > div, .footer-container-item-first > div {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 2.5rem;
  z-index: 1;
}
.footer-container-item-last {
  display: flex;
  flex: 1;
  flex-wrap: wrap;
  gap: 2.5rem;
  max-width: 32rem;
  z-index: 1;
}
.footer-container-item-last-items {
  display: flex;
  min-width: 0;
  gap: 1.25rem;
  z-index: 1;
}
.footer-container-item-last-items > div {
  min-width: 0;
  z-index: 1;
}
.footer-container-item-last-bigLinks {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 2.5rem;
}
.footer-container-item-last-bigLinks a {
  width: fit-content;
  max-width: 100%;
  transition: 300ms;
}
.footer-container-item-last-bigLinks a:hover {
  color: #7C7C86;
}
.footer-container-item-last > div:first-child {
  display: flex;
  flex: 1;
  min-width: 0;
}
.footer-container-item-last > div:first-child > div {
  flex: 1;
  min-width: 0;
}
.footer-container-item-last-block {
  display: flex;
  flex: 0 0 100%;
  flex-direction: column;
  min-width: 0;
  gap: 2.5rem;
}
.footer-container-item-last-block > div {
  flex: 1;
  min-width: 0;
}
.footer-container-item-last-block > div > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
}
.footer-container-item-last-block-networks {
  min-width: 0;
}
.footer-container-item-last-block-networks ul.footer-container-item-last-icons li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.625rem;
  border-radius: 50%;
  background-color: #09090B;
}
.footer-container-item-last-block-feedback {
  min-width: 0;
}
.footer-container-item-last-block-feedback > div {
  display: flex;
  min-width: 0;
  gap: 0.625rem;
}
.footer-container-item-last-block-feedback > div input {
  width: 100%;
  min-width: 0;
  padding: 0.625rem 1rem;
  border: 1px solid #24242B;
  border-radius: 0.375rem;
  background-color: #24242B;
  color: #fff;
  font-size: 0.875rem;
  transition: 300ms;
}
.footer-container-item-last-block-feedback > div input:hover {
  background-color: #37373F;
}
.footer-container-item-last-block-feedback > div input:focus {
  background-color: #E1E1E5;
  color: #1B1B20;
}
.footer-container-item-last-block-feedback .subscribe-form, .footer-container-item-last-block-feedback .subscribe-form form {
  width: 100%;
  min-width: 0;
}
.footer-container-item-last-block-feedback .subscribe-form form {
  display: flex;
  flex-direction: row;
  gap: 0.625rem;
}
.footer-container-item-last-block-feedback .form-label, .footer-container-item-last-block-feedback .form-input-wrapper {
  min-width: 0;
}
.footer-container ul {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: 0.5rem;
}
.footer-container ul li {
  min-width: 0;
}
.footer-container ul li a, .footer-container ul li > span {
  display: block;
  max-width: 100%;
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.footer-container ul li a {
  width: fit-content;
  transition: 150ms;
}
.footer-container ul li a:hover {
  color: #fff;
}
.footer-bottom {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 0.75rem 1.5rem;
  padding: 1.125rem 0 0.625rem;
  border-top: 1px solid #5B5B6B;
}
.footer-bottom span, .footer-bottom a {
  min-width: 0;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  transition: 300ms;
}
.footer-bottom a {
  overflow-wrap: anywhere;
}
.footer-bottom a:hover {
  color: #fff;
}
.footer-subtitle {
  display: block;
  margin-bottom: 0.5rem;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.footer-subtitle-bottom {
  display: block;
  margin-bottom: 0.625rem;
  color: #FFFFFF;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.footer-menu-section {
  min-width: 0;
}
.footer-menu-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  min-width: 0;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}
.footer-menu-section-head .footer-subtitle {
  min-width: 0;
  margin-bottom: 0;
}
.footer-menu-toggle {
  display: none;
  flex: 0 0 2.25rem;
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  margin: -0.3125rem 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}
.footer-menu-toggle::before, .footer-menu-toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.875rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #7C7C86;
  transition: transform 250ms ease, opacity 250ms ease, background-color 250ms ease;
}
.footer-menu-toggle::before {
  transform: translate(-50%, -50%);
}
.footer-menu-toggle::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.footer-menu-toggle:hover, .footer-menu-toggle:focus-visible {
  outline: none;
}
.footer-menu-toggle:hover::before, .footer-menu-toggle:hover::after, .footer-menu-toggle:focus-visible::before, .footer-menu-toggle:focus-visible::after {
  background-color: #CA163C;
}
.footer-menu-content {
  min-width: 0;
}
.footer-menu-additional-links {
  margin-top: 0.5rem;
}
@media (max-width: 80rem) {
  .footer-container-item, .footer-container-item-first {
    max-width: 11.125rem;
  }
  .footer-container-item-last-block-feedback > div {
    flex-direction: column;
  }
  .footer-container ul li a {
    width: 100%;
  }
}
@media (max-width: 63.75rem) {
  .footer-logo {
    margin: auto;
  }
  .mobile-navigate {
    height: calc(2.625rem + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
  }
  .mobile-navigate .container, .mobile-navigate ul {
    height: 2.625rem;
  }
  .footer {
    padding: 3.25rem 1.75rem calc(3.25rem + 2.625rem + env(safe-area-inset-bottom));
  }
  .footer-container {
    flex-direction: column;
    align-items: stretch;
    gap: 0rem;
    padding-bottom: 2.875rem;
  }
  .footer-logo svg {
    width: 3.75rem;
    height: 3.5rem;
  }
  .footer-logo img {
    top: -5.6875rem;
  }
  .footer-container-item-first {
    width: 100%;
    max-width: 100%;
    align-items: flex-start;
    margin-bottom: 1.25rem;
  }
  .footer-container-item-first > div {
    width: 100%;
    flex-direction: row;
    gap: 1.75rem;
  }
  .footer-container-item-first > div > div {
    flex: 1 1 0;
    min-width: 0;
  }
  .footer-container-item {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex: none;
    gap: 0;
  }
  .footer-container-item > div {
    width: 100%;
    gap: 0;
  }
  .footer-container-item-last {
    display: flex;
    width: 100%;
    max-width: 100%;
    flex: none;
    gap: 1.625rem;
  }
  .footer-container-item-last > div:first-child {
    display: flex;
  }
  .footer-container-item-last-items {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 0;
  }
  .footer-container-item-last-items > div {
    width: 100%;
  }
  .footer-container-item-last-bigLinks {
    margin-top: 1.125rem;
    margin-bottom: 0rem;
    gap: 0.625rem;
  }
  .footer-container-item-last-bigLinks a {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .footer-container-item-last-block {
    width: 100%;
    gap: 1.875rem;
  }
  .footer-container-item-last-block-feedback > div, .footer-container-item-last-block-feedback .subscribe-form form {
    flex-direction: row;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section.is-open .footer-menu-toggle::before {
    background-color: #CA163C;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section.is-open .footer-menu-toggle::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(90deg) scaleX(0);
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section.is-open .footer-menu-content {
    margin-bottom: 1.125rem;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: max-height 420ms ease, margin 420ms ease, opacity 260ms ease, visibility 0s;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section-head {
    align-items: center;
    gap: 0.625rem;
    margin-bottom: 0;
    padding: 0.875rem 0;
    cursor: pointer;
    user-select: none;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section-head .footer-subtitle {
    flex: 1;
    min-width: 0;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section-head a.footer-subtitle {
    cursor: pointer;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-toggle {
    display: block;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-content {
    max-height: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    pointer-events: none;
    transition: max-height 380ms ease, margin 380ms ease, opacity 220ms ease, visibility 0s linear 380ms;
  }
}
@media (max-width: 48rem) {
  .footer {
    padding: 2.5rem 0 calc(2.75rem + 2.625rem + env(safe-area-inset-bottom));
  }
  .footer-container {
    gap: 1.5rem;
    padding-bottom: 2.375rem;
  }
  .footer-logo img {
    top: -4.4375rem;
  }
  .footer-container-item-first > div {
    gap: 1.375rem;
  }
  .footer-container-item-last-block-networks ul.footer-container-item-last-icons {
    gap: 0.625rem;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-top: 1.125rem;
  }
  .footer-bottom span, .footer-bottom a {
    width: 100%;
  }
}
@media (max-width: 37.5rem) {
  .footer-container-item-first > div {
    flex-direction: column;
    gap: 1.5rem;
  }
  .footer-container-item-first > div > div {
    width: 100%;
    flex: none;
  }
  .footer-container-item > div, .footer-container-item-last-items {
    flex-direction: column;
    gap: 0;
  }
  .footer-container ul li a, .footer-container ul li > span {
    max-width: 100%;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
  }
  .footer-container ul li a {
    width: fit-content;
  }
  .footer-container-item-last-block-feedback > div, .footer-container-item-last-block-feedback .subscribe-form form {
    flex-direction: column;
    width: 100%;
  }
  .footer-container-item-last-block-feedback .btn, .footer-container-item-last-block-feedback button {
    width: 100%;
  }
  .footer-logo img {
    top: -2.8125rem;
    left: -6.25rem;
    width: 18.75rem;
    height: 18.75rem;
  }
}
@media (max-width: 26.875rem) {
  .footer {
    padding-top: 2.125rem;
    padding-bottom: calc(2.375rem + 2.625rem + env(safe-area-inset-bottom));
  }
  .footer-container {
    gap: 0rem;
    padding-bottom: 1.875rem;
  }
  .footer-subtitle {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .footer-subtitle-bottom {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .footer-container ul li a, .footer-container ul li > span {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .footer-bottom span, .footer-bottom a {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section-head {
    padding: 0.8125rem 0;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-toggle {
    flex-basis: 2.125rem;
    width: 2.125rem;
    height: 2.125rem;
  }
  .footer.footer-mobile-accordion-ready .footer-menu-section.is-open .footer-menu-content {
    margin-bottom: 1rem;
  }
}
@media (max-width: 22.5rem) {
  .footer {
    padding-top: 1.875rem;
  }
  .footer-container-item-last-block-networks ul.footer-container-item-last-icons {
    gap: 0.375rem;
  }
  .footer-logo img {
    left: -5.625rem;
    width: 17.5rem;
    height: 17.5rem;
  }
}
@media (max-width: 20rem) {
  .footer {
    padding-bottom: calc(2.125rem + 2.625rem + env(safe-area-inset-bottom));
  }
  .footer-container-item-last-block-networks ul.footer-container-item-last-icons {
    gap: 0.3125rem;
  }
  .footer-container-item-last-block-networks ul.footer-container-item-last-icons li a {
    padding: 0.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .footer.footer-mobile-accordion-ready .footer-menu-toggle::before, .footer.footer-mobile-accordion-ready .footer-menu-toggle::after, .footer.footer-mobile-accordion-ready .footer-menu-content {
    transition: none;
  }
}
.form-builder {
  width: 100%;
  min-width: 0;
}
.form-builder__title {
  margin-bottom: 1.5rem;
}
.form-builder__website {
  position: absolute !important;
  left: -624.9375rem !important;
  width: 0.0625rem !important;
  height: 0.0625rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
.form-builder__field {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.form-builder__field--consent {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.form-builder__field.has-error .input, .form-builder__field.has-error .aria, .form-builder__field.has-error .select {
  border-color: #CA163C;
}
.form-builder__field.has-error .checkbox-checkmark, .form-builder__field.has-error .radio-default-block-custom {
  border-color: #CA163C;
}
.form-builder__label {
  display: block;
  min-width: 0;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  overflow-wrap: anywhere;
}
.form-builder__label--hidden span.form-builder__label {
  display: none;
}
.form-builder__options {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}
.form-builder__help {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
}
.form-builder__error {
  overflow-wrap: anywhere;
}
.form-builder__error:empty {
  display: none;
}
.form-builder__footer {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 10rem;
}
.form-builder__submit {
  width: 100%;
  min-width: 0;
}
.form-builder__submit.is-loading {
  cursor: wait;
}
.form-builder__message {
  display: none;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  overflow-wrap: anywhere;
}
.form-builder__message:not(:empty) {
  display: block;
}
.form-builder__message.is-success {
  color: #14A37B;
}
.form-builder__message.is-error {
  color: #CA163C;
}
.form-builder__separator {
  margin: 0;
}
.form-builder__html {
  min-width: 0;
  overflow-wrap: anywhere;
}
.form-builder__html p + p {
  margin-top: 0.75rem;
}
.form-builder__html img, .form-builder__html iframe, .form-builder__html video {
  max-width: 100%;
}
@media (max-width: 48rem) {
  .form-builder__title {
    margin-bottom: 1.25rem;
  }
  .form-builder__options {
    gap: 0.625rem;
  }
  .form-builder__footer {
    gap: 0.625rem;
  }
  .form-builder__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .form-builder__message {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
}
@media (max-width: 31.25rem) {
  .form-builder__title {
    margin-bottom: 1.125rem;
  }
  .form-builder__field--consent {
    gap: 0.4375rem;
  }
  .form-builder__footer {
    gap: 0.5625rem;
  }
  .form-builder__html {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 22.5rem) {
  .form-builder__label {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .form-builder__message {
    font-size: 0.6875rem;
    line-height: 1.125rem;
  }
}
.basket-container {
  max-width: 120rem;
  margin: 0 auto;
}
.basket-back {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  color: #1B1B20;
  cursor: pointer;
  width: fit-content;
}
.basket-back:hover {
  color: #CA163C;
}
.basket-back svg {
  transform: rotate(270deg);
  height: 1.75rem;
}
.basket-back h1 {
  transition: 300ms;
}
.basket-back-wrapper {
  padding: 1.5rem 0;
}
.basket-main-mobile-button {
  display: none;
  position: sticky;
  bottom: 5rem;
  left: 0;
  z-index: 1000;
  width: 100%;
  margin: 0.625rem 0 1.25rem;
}
.basket-main-mobile-button button {
  width: 100%;
}
.basket-main-block-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 4.375rem;
  padding: 0.625rem 0;
}
.basket-main-right-wrapper {
  display: flex;
  flex-direction: column;
  width: 26.875rem;
  gap: 1.5rem;
  position: relative;
  background: #fff;
  z-index: 6;
}
.basket-main-right-block {
  background-color: #fff;
  box-shadow: 0px 2px 15px 0px #0000001F;
  padding: 1.875rem 2.5rem;
  border-radius: 0.75rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.basket-main-right-block-error {
  text-align: center;
  font-size: 0.875rem;
  color: #CA163C;
  font-weight: 500;
  line-height: 1.125rem;
}
.basket-main-right-block-buy {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 0.25rem 0;
}
.basket-main-right-block-buy svg {
  width: 3rem;
  height: 1rem;
}
.basket-main-right-block-buy .checkbox-label {
  border: 1px solid #D4D4D9;
  border-radius: 0.5rem;
  padding: 0.75rem;
  position: relative;
  align-items: center;
}
.basket-main-right-block-buy .checkbox-label span {
  font-size: 1rem;
}
.basket-main-right-block-buy .checkbox-label > svg {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}
.basket-main-right-block .line {
  margin: 0;
}
.basket-main-right-block .basket:last-child svg {
  transform: rotate(90deg);
}
.basket-main-right-block .basket:last-child {
  padding: 1rem 1.5rem;
  width: 100%;
  justify-content: space-between;
  text-transform: uppercase;
}
.basket-main-right-block-info ul {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.basket-main-right-block-info ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.basket-main-right-block-info ul li span {
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.basket-main-right-block-info ul li span.disable {
  color: #9898A0;
}
.basket-main-right-block-info ul li span.basket-main-right-block-info-red {
  color: #CA163C;
}
.basket-main-right-block-prise {
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
}
.basket-main-right-block-prise-info {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #5B5B6B;
}
.basket-main-right-block-prise-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
}
.basket-main-right-block-prise-wrapper.info {
  align-items: start;
  margin-top: 0.875rem;
}
.basket-main-right-block-prise-wrapper > div {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.basket-main-right-block-coupon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  color: #5B5B6B;
  margin-bottom: -0.75rem;
  width: 100%;
}
.basket-main-right-block-coupon > div {
  display: flex;
  align-items: center;
  gap: 6px;
}
.basket-main-right-block-coupon > svg {
  transform: rotate(90deg);
}
.basket-main-right-block-coupon:hover {
  color: #CA163C;
}
.basket-main-right-block-coupon span {
  display: inline-block;
  position: relative;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  transition: 300ms;
}
.basket-main-right-block-coupon span.receiving::after {
  display: none;
}
.basket-main-right-block-coupon span::after {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  top: 38%;
  right: -10px;
  background-color: #CA163C;
}
.basket-main-right-block button.basket {
  justify-content: space-between;
}
.basket-main-right-info {
  display: flex;
  align-items: center;
  gap: 1.375rem;
  justify-content: center;
  width: 100%;
  background-color: #F4F4F6;
  border-radius: 0.75rem;
  color: #5B5B6B;
  padding: 0.625rem;
}
.basket-main-right-info-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #5B5B6B;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.basket-main-left-wrapper {
  width: 67%;
  display: flex;
  flex-direction: column;
}
.basket-main-left-reference {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.75rem;
  color: #5B5B6B;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.basket-main-left-confirmation {
  border: 1px solid #EEEEF1;
  border-radius: 0.625rem;
  padding: 1.4375rem 1.25rem;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.basket-main-left-confirmation.product {
  gap: 1rem;
}
.basket-main-left-confirmation textarea {
  height: 2.625rem;
  min-height: 2.625rem;
  padding: 0.5rem 1rem;
  margin-top: 0.625rem;
}
.basket-main-left-confirmation-product {
  display: flex;
  gap: 1.25rem;
}
.basket-main-left-confirmation-product-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.basket-main-left-confirmation-product-wrapper .line {
  margin: 0;
}
.basket-main-left-confirmation-product-info {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 1.25rem;
}
.basket-main-left-confirmation-product-info-count {
  color: #5B5B6B;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  text-wrap: nowrap;
}
.basket-main-left-confirmation-product-info-repackaging {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #5B5B6B;
}
.basket-main-left-confirmation-product-info-title {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.basket-main-left-confirmation-product-info-price {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.basket-main-left-confirmation-product-info > div {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.basket-main-left-confirmation-product img {
  width: 4.6875rem;
  height: 6.25rem;
  border-radius: 0.5rem;
}
.basket-main-left-confirmation-address {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.basket-main-left-confirmation-address span {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.basket-main-left-confirmation-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
}
.basket-main-left-confirmation-title svg {
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #D4D4D9;
  color: #1B1B20;
}
.basket-main-left-confirmation-title span {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
  color: #1B1B20;
}
.basket-main-left-confirmation-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.basket-main-left-selectAll {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.875rem;
}
.basket-main-left-selectAll-delete {
  margin-left: 1.875rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  cursor: pointer;
}
.basket-main-left-selectAll-delete span, .basket-main-left-selectAll-delete svg path {
  transition: 300ms;
}
.basket-main-left-selectAll-delete:hover span {
  color: #CA163C;
}
.basket-main-left-selectAll-delete:hover svg path {
  stroke: #CA163C;
}
.basket-main-left-selectAll span {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #5B5B6B;
}
.basket-main-left-item {
  display: flex;
  gap: 1.875rem;
  position: relative;
}
.basket-main-left-item-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
}
.basket-main-left-item-wrapper .line {
  margin: 0;
}
.basket-main-left-item-info {
  display: flex;
  width: 100%;
  gap: 2.5rem;
}
.basket-main-left-item-info-count {
  display: flex;
  align-items: center;
  gap: 0.9375rem;
  height: fit-content;
}
.basket-main-left-item-info-count button {
  color: #9898A0;
}
.basket-main-left-item-info-count-prev svg {
  transform: rotate(180deg);
}
.basket-main-left-item-info-count input {
  background-color: #F4F4F6;
  border-radius: 0.375rem;
  width: fit-content;
  max-width: 3.1875rem;
  padding: 0.625rem 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  text-align: center;
}
.basket-main-left-item-info-price {
  min-width: 7.5rem;
}
.basket-main-left-item-info-price .priceAndDiscount-wrapper {
  min-height: 2.625rem;
  display: flex;
  justify-content: center;
}
.basket-main-left-item-info-price .price-big {
  font-size: 1.25rem;
}
.basket-main-left-item-info-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.75rem;
}
.basket-main-left-item-info-main-text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.basket-main-left-item-info-main-text-error {
  font-size: 0.875rem;
  color: #CA163C;
  font-weight: 500;
  line-height: 1.125rem;
}
.basket-main-left-item-info-main-text-complect {
  padding: 0.25rem 0.5rem;
  border-radius: 0.375rem;
  border: 1px solid #E1E1E5;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  transition: 300ms;
}
.basket-main-left-item-info-main-text-complect :last-child {
  color: #CA163C;
  font-weight: 600;
}
.basket-main-left-item-info-main-text-complect:hover {
  color: #CA163C;
  border-color: #CA163C;
}
.basket-main-left-item-info-main-text-mobile {
  display: none;
}
.basket-main-left-item-info-main-text > span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.basket-main-left-item-info-main-text-item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #5B5B6B;
}
.basket-main-left-item-info-main-actions {
  display: flex;
  gap: 1.375rem;
}
.basket-main-left-item-info-main-actions button svg {
  color: #A9A9B2;
  fill: transparent;
}
.basket-main-left-item-info-main-actions button.active svg {
  color: #CA163C;
  fill: #CA163C;
}
.basket-main-left-item-info-main-actions button:hover svg {
  color: #CA163C;
}
.basket-main-left-item-img {
  width: 8.75rem;
  height: 11.6875rem;
}
.basket-main-left-item-img img {
  border-radius: 0.5rem;
  mix-blend-mode: multiply;
}
.basket-main-left-item-img-wrapper {
  display: flex;
  gap: 1rem;
}
.basket-step-back {
  display: flex;
  align-items: center;
  width: fit-content;
  padding: 1.375rem 0;
  gap: 1.5rem;
  color: #1B1B20;
}
.basket-step-back svg {
  transform: rotate(270deg);
}
.basket-step-back span {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.basket-step-receipt {
  position: relative;
  display: flex;
  min-height: 93dvh;
}
.basket-step-receipt-mobile {
  display: none;
  position: absolute;
  top: 1rem;
  left: 0;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 0 1rem;
  z-index: 11;
}
.basket-step-receipt-mobile button {
  flex: 1;
  padding: 0.5625rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  text-align: center;
  background-color: #fff;
  border: 1.6px solid #fff;
  border-radius: 0.5rem;
}
.basket-step-receipt-mobile button.active {
  border-color: #CA163C;
}
.basket-step-receipt-mobile button:hover {
  border-color: #CA163C;
}
.basket-step-receipt-info {
  padding: 1.375rem 2.5rem;
  width: 25%;
  min-width: 27.8125rem;
}
.basket-step-receipt-info .input:focus, .basket-step-receipt-info .aria:focus, .basket-step-receipt-info .select:focus {
  border-color: #D4D4D9;
}
.basket-step-receipt-info-filter {
  display: flex;
  align-items: stretch;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.basket-step-receipt-info-filter label {
  flex: 1;
  cursor: pointer;
}
.basket-step-receipt-info-filter label input:first-child {
  display: none;
}
.basket-step-receipt-info-filter label input:checked + .card {
  border-color: #CA163C;
  box-shadow: none;
}
.basket-step-receipt-info-filter div {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.25rem;
  flex-direction: column;
  border: 1.6px solid #fff;
  transition: 300ms;
}
.basket-step-receipt-info-filter div img {
  width: 5.75rem;
  height: 5.75rem;
}
.basket-step-receipt-info-filter div span {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.basket-step-receipt-info-terms {
  display: flex;
  justify-content: space-between;
  padding: 0.625rem 0 1rem 0;
}
.basket-step-receipt-info-city {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.basket-step-receipt-info-city > button {
  display: flex;
  border: 1px solid #D4D4D9;
  border-radius: 50%;
  background-color: transparent;
  padding: 0.125rem;
  width: 2rem;
  height: 2rem;
}
.basket-step-receipt-info-city > button svg {
  width: 1.75rem;
  height: 1.75rem;
}
.basket-step-receipt-info-point {
  display: flex;
  gap: 0.5rem;
}
.basket-step-receipt-info-point svg {
  color: #CA163C;
}
.basket-step-receipt-info-point > div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.basket-step-receipt-info-point > div > span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: 0.3px;
}
.basket-step-receipt-info-point > div div {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.basket-step-receipt-info-point > div div span {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.basket-step-receipt-info-button {
  margin-top: 1.5rem;
  width: 100%;
}
.basket-step-receipt-map {
  position: relative;
  width: 100%;
  min-width: 0;
  z-index: 9;
}
.basket-step-form {
  padding-bottom: 120px;
  width: 100%;
  max-width: 21.875rem;
  margin: 0 auto;
}
.basket-step-form button.submit {
  height: 3.375rem;
}
.basket-step-form .basket-step-back {
  gap: 4.375rem;
}
.basket-step-form .form-label span {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #5B5B6B;
}
.basket-step-form .form-label span::after {
  display: none;
}
.basket-step-form .form-label .phone-prefix {
  font-size: 0.875rem;
}
.basket-step-form .checkbox-label span {
  line-height: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.3px;
}
.basket-step-form .btn-wrapper-switch {
  margin-bottom: 1.5rem;
}
.basket-step-form .btn-wrapper-switch .btn {
  padding: 0.4375rem;
  font-weight: 500;
}
.basket-slider {
  height: 5rem;
  max-height: 5rem;
  width: 100%;
}
.basket-slider-wrapper {
  padding-top: 1.25rem;
}
.basket-slider-next {
  position: absolute;
  z-index: 1;
  right: 1.25rem;
}
.basket-slider-prev {
  left: 1.25rem;
  position: absolute;
  z-index: 1;
}
.basket-slider-container {
  position: relative;
  display: flex;
  align-items: center;
}
.basket-slider-container h1 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  display: flex;
  justify-content: center;
  z-index: 1;
  color: #fff;
}
.basket-slider-container button:hover {
  background-color: transparent;
}
.basket-slider-container img {
  border-radius: 0.5rem;
  max-height: 5rem;
  object-position: center;
}
.basket-mobile-wrapper {
  position: fixed;
  bottom: 4.375rem;
  left: 0;
  right: 0;
  z-index: 5;
  opacity: 1;
  visibility: visible;
}
.basket-mobile-wrapper.hidden {
  opacity: 0;
  visibility: hidden;
}
.basket-mobile-button {
  display: flex;
  justify-content: center;
  width: calc(100% - 34px);
  margin: 0 auto;
}
.basket-mobile-button button {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.basket-mobile-button button svg {
  transform: rotate(90deg);
}
.basket-city-title {
  display: inline-block;
  width: 100%;
  font-size: 2rem;
  padding: 1.5rem 0 1.875rem 0;
  line-height: 2.5rem;
  text-align: center;
}
.basket-city-list li {
  padding: 0.5rem 0;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  transition: 300ms;
  cursor: pointer;
}
.basket-city-list li:hover {
  color: #CA163C;
}
.yapay-cart-split-widget-wrap {
  height: 13.5625rem;
  background: #f5f7f9;
  border-radius: 0.75rem;
}
.basket-city-list li span.title:after {
  content: ",";
}
.basket-city-list li span.title {
  font-weight: 600;
  display: inline-block;
  margin-right: 4px;
}
@media (max-width: 123.75rem) {
  .basket-main-block-wrapper {
    gap: 2.75rem;
  }
}
@media (max-width: 96rem) {
  .basket-main-right-wrapper {
    width: 23.75rem;
  }
  .basket-main-left-item-img {
    width: 7.5rem;
    height: 10rem;
  }
  .basket-main-left-item-info {
    gap: 1.875rem;
  }
  .basket-main-right-block {
    padding: 1.5rem;
  }
}
@media (max-width: 80rem) {
  .basket-main-left-item-info-main-text > span {
    font-size: 0.875rem;
  }
  .basket-main-left-item-info {
    gap: 1.25rem;
  }
  .basket-main-block-wrapper {
    gap: 2.5rem;
  }
  .basket-main-right-wrapper {
    width: 20rem;
  }
  .basket-main-left-item-img {
    width: 3.75rem;
    height: 5rem;
  }
  .basket-main-left-item-img-wrapper {
    gap: 1rem;
  }
  .basket-main-left-item {
    gap: 1.25rem;
  }
  .basket-main-left-item-info-main-text > span {
    line-height: 1.25rem;
  }
}
@media (max-width: 63.75rem) {
  .basket-main-right-block-prise-wrapper.info {
    align-items: center;
  }
  .basket-main-right-wrapper {
    padding-bottom: 4rem;
  }
  .basket-main-right-block .line {
    margin: 0.875rem 0;
  }
  .basket-main-right-block .modal-main {
    padding: 8px 0 8px 0;
  }
  .checkbox-label {
    gap: 0.75rem;
  }
  .basket-main-block-wrapper {
    flex-direction: column;
  }
  .basket-main-left-wrapper, .basket-main-right-wrapper {
    width: 100%;
  }
  .basket-main-wrapper .container {
    max-width: 100%;
    padding: 0 1rem;
  }
  .basket-main-left-item-info-price .priceAndDiscount-wrapper {
    display: none;
  }
  .basket-main-left-item-info-main-text-mobile {
    display: block;
  }
  .basket-main-left-item-info-main-text-mobile .priceAndDiscount-wrapper {
    display: block;
  }
  .basket-main-left-item-info-main-actions {
    justify-content: end;
    height: 2rem;
  }
  .basket-main-left-item-info-count {
    position: absolute;
    bottom: 0;
  }
  .basket-main-left-item-info-count input {
    max-width: 2rem;
    padding: 0.375rem 0;
  }
  .basket-main-left-item-info-main {
    gap: 1.25rem;
  }
  .basket-main-left-item-info-main-text {
    gap: 0.5rem;
  }
  .basket-main-left-item-img {
    width: 5rem;
    height: 6.6875rem;
  }
  .basket-main-left-item-img img {
    border-radius: 0.25rem;
  }
  .basket-main-left-item-info-main-text > span {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .basket-main-right-block {
    background-color: #F4F4F6;
    padding: 1rem;
    box-shadow: none;
  }
  .basket-main-right-block-coupon {
    height: fit-content;
  }
  .basket-main-right-block button span:first-child {
    display: inline;
  }
  .basket-mobile-button button span {
    flex: 1;
  }
  .basket-step-receipt {
    flex-direction: column;
  }
  .basket-step-receipt-info {
    width: 100%;
  }
  .basket-step-receipt-map iframe {
    min-height: 31.25rem;
  }
  .basket-step-receipt-mobile {
    display: flex;
  }
  .basket-step-receipt-map {
    height: 35.9375rem;
  }
  .basket-step-receipt-info {
    --basket-receipt-sheet-y: 0px;
    min-width: 100%;
    max-height: calc(100dvh - 8rem);
    padding: 0 1rem 1rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2.8125rem;
    z-index: 10;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    background-color: #fff;
    box-shadow: 0px -4px 15px 0px #0000001F;
    border-top-left-radius: 1.875rem;
    border-top-right-radius: 1.875rem;
    transform: translate3d(0, var(--basket-receipt-sheet-y), 0);
    transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: transform;
  }
  .basket-step-receipt-info::-webkit-scrollbar {
    display: none;
  }
  .basket-step-receipt-info.is-dragging {
    transition: none;
    user-select: none;
  }
  .basket-step-receipt-info-dragger {
    position: sticky;
    top: 0;
    z-index: 5;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% + 2rem);
    height: 1.75rem;
    margin: 0 -1rem 0.125rem;
    padding: 0;
    border: 0;
    background-color: #fff;
    cursor: grab;
    touch-action: none;
    -webkit-tap-highlight-color: transparent;
  }
  .basket-step-receipt-info-dragger::before {
    content: "";
    display: block;
    width: 2.625rem;
    height: 0.25rem;
    border-radius: 0.25rem;
    background-color: #D7D7DD;
    transition: background-color 200ms ease;
  }
  .basket-step-receipt-info-dragger:active {
    cursor: grabbing;
  }
  .basket-step-receipt-info-dragger:active::before {
    background-color: #B9B9C2;
  }
  .basket-step-receipt-info .form-label span {
    display: none;
  }
  .basket-step-receipt-info-terms {
    font-size: 0.9375rem;
  }
  .basket-step-receipt-info-city {
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: 0.3px;
  }
  .basket-step-receipt-info .form-input-wrapper {
    max-height: 2.625rem;
  }
  .basket-step-receipt-info-button {
    margin-top: 1rem;
    height: 2.625rem;
  }
  .basket-step-receipt-info textarea {
    height: 2.625rem;
    min-height: 2.625rem;
    overflow: hidden;
  }
  .basket-step-receipt-info .basket-step-back {
    display: none;
  }
  .basket-step-receipt-info-filter {
    display: none;
  }
  .basket-step-back {
    display: none;
  }
  .basket-step-form {
    padding: 1.375rem 1rem 7.5rem 1rem;
  }
  .basket-main-left-reference {
    padding-top: 1rem;
  }
  .basket-main-right-block .basket:last-child {
    text-transform: none;
  }
  .basket-main-left-item-info-price {
    min-width: 0;
  }
  .basket-main-left-confirmation-title span {
    font-size: 1.125rem;
  }
  .basket-main-left-confirmation {
    padding: 1.25rem 1rem;
  }
  .basket-main-right-block .btn-primary-filled {
    display: none;
  }
  .basket-main-mobile-button {
    display: block;
  }
}
@media (max-width: 48rem) {
  .basket-main-left-item-wrapper {
    gap: 1.625rem;
  }
  .basket-main-left-selectAll-delete {
    margin-left: 0;
  }
  .basket-slider-next {
    right: 1rem;
  }
  .basket-slider-prev {
    right: 3.75rem;
    left: auto;
  }
  .basket-slider h1 {
    left: 1rem;
    justify-content: start;
    max-width: 50%;
  }
  .basket-main-left-item-info-main-text-error {
    font-size: 0.75rem;
  }
  .basket-step-form {
    padding-bottom: 1rem;
  }
  .basket-step-form .form .checkbox-label {
    margin-bottom: 9.1875rem;
  }
  .basket-step-form button.submit {
    height: 2.625rem;
  }
  .basket-main-left-confirmation {
    padding: 1rem;
  }
  .basket-main-left-confirmation-title span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .basket-main-left-confirmation-address span {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .basket-main-left-confirmation-product-info-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .basket-main-left-confirmation-product-info-count {
    font-size: 0.75rem;
    color: #7C7C86;
  }
  .basket-main-right-block-info ul li span {
    font-size: 0.875rem;
  }
  .basket-main-right-block-prise-wrapper.info > span {
    font-size: 0.875rem;
  }
}
@media (max-width: 37.5rem) {
  .basket-empty-text {
    gap: 0;
  }
  .basket-empty-text p, .basket-empty-text a {
    font-size: 1rem;
  }
  .basket-empty-text h2 {
    font-size: 1.375rem;
  }
  .basket-step-receipt-mobile {
    gap: 0.5rem;
    padding: 0 0.75rem;
  }
  .basket-step-receipt-mobile button {
    min-height: 2.75rem;
    padding: 0.5rem 0.625rem;
  }
  .basket-city-title {
    padding: 1rem 0 1.25rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .basket-city-list li {
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    padding: 0.625rem 0;
  }
}
@media (max-width: 31.25rem) {
  .basket-main-wrapper {
    margin-bottom: 0;
  }
  .basket-step-form {
    max-width: 100%;
  }
  .basket-mobile-button button span {
    text-align: start;
  }
}
@media (max-width: 25rem) {
  .basket-main-left-confirmation-product-info {
    gap: 0.375rem;
  }
}
.banner-wrapper-catalog {
  height: 37.5rem;
}
.banner-wrapper-catalog .banner-text {
  padding-top: 4rem;
}
body.listing-filter-open {
  overflow: hidden;
}
.listing {
  padding-bottom: 3.75rem;
}
.listing-banner-column {
  margin: 3.25rem 0;
}
.listing-banner-column img {
  border-radius: 0.5rem;
}
.listing-wrapper {
  display: flex;
  gap: 2.5rem;
  min-width: 0;
}
.listing-filter-header {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  padding: 0.5rem;
  text-align: center;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #E1E1E5;
}
.listing-filter-header span {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.listing-filter-header button {
  padding: 0.625rem;
  position: absolute;
  top: 50%;
  transform: translateY(-44%);
  left: 1.25rem;
}
.listing-filter-header button svg {
  transform: rotate(270deg);
}
.listing-filter-item {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.listing-filter-item-title {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
.listing-filter-item-radio {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.listing-filter-item-banner {
  padding: 0.625rem 0;
}
.listing-filter-item-banner img {
  border-radius: 0.625rem;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.listing-filter-item-price {
  gap: 1.125rem;
}
.listing-filter-item-price-input {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.listing-filter-item-price-input input {
  flex: 1 1 0;
  min-width: 0;
  width: 100%;
  max-width: none;
  height: 2.625rem;
  padding: 0 1rem;
  border: 1px solid #D4D4D9;
  border-radius: 0.375rem;
  background-color: #FFFFFF;
  color: #5B5B6B;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  outline: none;
  transition: border-color 200ms, box-shadow 200ms;
}
.listing-filter-item-price-input input:hover {
  border-color: #7C7C86;
}
.listing-filter-item-price-input input:focus {
  border-color: #CA163C;
  box-shadow: 0 0 0 0.125rem rgba(202, 22, 60, 0.08);
}
.listing-filter-item-price-input input::-webkit-outer-spin-button, .listing-filter-item-price-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.listing-filter-item-price-input input[type="number"] {
  -moz-appearance: textfield;
}
.listing-filter-item-price-input input::placeholder {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.listing-filter-item-price-range {
  --price-left: 0%;
  --price-right: 0%;
  position: relative;
  width: calc(100% - 1.875rem);
  height: 1.875rem;
  margin: 0 0.9375rem;
}
.listing-filter-item-price-range-track, .listing-filter-item-price-range-progress {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0.25rem;
  border-radius: 0.25rem;
  transform: translateY(-50%);
  pointer-events: none;
}
.listing-filter-item-price-range-track {
  background-color: #D4D4D9;
}
.listing-filter-item-price-range-progress {
  left: var(--price-left);
  right: var(--price-right);
  background-color: #CA163C;
}
.listing-filter-item-price-range input[type="range"] {
  position: absolute;
  z-index: 2;
  top: 0;
  left: -0.9375rem;
  width: calc(100% + 1.875rem);
  height: 1.875rem;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  appearance: none;
  -webkit-appearance: none;
  pointer-events: none;
  outline: none;
}
.listing-filter-item-price-range input[type="range"]::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.25rem;
  border: 0;
  background: transparent;
}
.listing-filter-item-price-range input[type="range"]::-webkit-slider-thumb {
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -0.8125rem;
  border: 1px solid #ECECEF;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
  appearance: none;
  -webkit-appearance: none;
  pointer-events: auto;
  cursor: grab;
  transition: box-shadow 200ms, transform 200ms;
}
.listing-filter-item-price-range input[type="range"]::-moz-range-track {
  width: 100%;
  height: 0.25rem;
  border: 0;
  background: transparent;
}
.listing-filter-item-price-range input[type="range"]::-moz-range-progress {
  background: transparent;
}
.listing-filter-item-price-range input[type="range"]::-moz-range-thumb {
  width: 1.875rem;
  height: 1.875rem;
  border: 1px solid #ECECEF;
  border-radius: 50%;
  background-color: #FFFFFF;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16);
  pointer-events: auto;
  cursor: grab;
  transition: box-shadow 200ms, transform 200ms;
}
.listing-filter-item-price-range input[type="range"]:focus::-webkit-slider-thumb {
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16), 0 0 0 0.1875rem rgba(202, 22, 60, 0.1);
}
.listing-filter-item-price-range input[type="range"]:focus::-moz-range-thumb {
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.16), 0 0 0 0.1875rem rgba(202, 22, 60, 0.1);
}
.listing-filter-item-price-range input[type="range"]:active::-webkit-slider-thumb {
  cursor: grabbing;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.18), 0 0 0 0.25rem rgba(202, 22, 60, 0.1);
}
.listing-filter-item-price-range input[type="range"]:active::-moz-range-thumb {
  cursor: grabbing;
  box-shadow: 0 0.1875rem 0.625rem rgba(0, 0, 0, 0.18), 0 0 0 0.25rem rgba(202, 22, 60, 0.1);
}
.listing-filter-item-price-range #filter-price-range-to {
  z-index: 3;
}
.listing-filter-item-submit {
  display: none;
  flex-direction: column;
  gap: 1rem;
  width: calc(100% - 32px);
  position: fixed;
  bottom: 0;
  padding: 1rem 0;
  left: 1rem;
  background-color: #fff;
}
.listing-filter-item-submit button {
  width: 100%;
}
.listing-filter-wrapper {
  background-color: #F4F4F6;
  border-radius: 0.5rem;
  padding: 1.5rem 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
  width: 100%;
  max-width: 22.5rem;
  height: fit-content;
}
.listing-filter-wrapper .line {
  margin: 0;
}
.listing-item-options {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  min-width: 0;
  margin-bottom: 1.375rem;
}
.listing-item-options > button {
  background-color: transparent;
  border-radius: 2.1875rem;
  border: 1px solid #D4D4D9;
  padding: 0.375rem 0.75rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  height: 1.875rem;
  transition: 300ms;
}
.listing-item-options > button:hover {
  color: #CA163C;
}
.listing-item-options > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
  min-width: 0;
}
.listing-item-options-item {
  border-radius: 2.1875rem;
  border: 1px solid transparent;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.375rem 0.5rem 0.375rem 0.625rem;
  background-color: #1B1B20;
  height: 1.875rem;
  transition: 300ms;
}
.listing-item-options-item:hover {
  opacity: 0.8;
}
.listing-item-options-item div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.28125rem;
  background-color: #7C7C86;
  border-radius: 50%;
}
.listing-item-options-item div svg {
  width: 0.4375rem;
  height: 0.4375rem;
}
.listing-item-filter {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.625rem;
  margin-bottom: 1.75rem;
}
.listing-item-filter-mobile {
  display: none;
  align-items: center;
  gap: 0.875rem;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  letter-spacing: 0.3px;
}
.listing-item-filter-mobile svg.active {
  color: #CA163C;
}
.listing-item-filter-view {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.listing-item-wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
}
.listing-item-wrapper .line {
  margin: 3.5rem 0 1.375rem 0;
}
.listing-item-row {
  display: flex;
  justify-content: space-between;
  gap: 1.75rem;
}
.listing-item-row-main {
  display: flex;
  padding-bottom: 1.25rem;
  gap: 2.5rem;
}
.listing-item-row-main-slider .splide__pagination__page.is-active {
  background: #CA163C;
  transform: scale(2);
}
.listing-item-row-main-slider .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.listing-item-row-main-slider .splide__pagination__page {
  width: 3px;
  height: 3px;
  margin: 0 0.25rem;
  background: #D4D4D9;
  border: none;
  border-radius: 50%;
  transition: 300ms;
}
.listing-item-row-main-slider .splide__pagination {
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.listing-item-row-main-info {
  display: flex;
  flex-direction: column;
}
.listing-item-row-main-info h3 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
  margin: 0.375rem 0 0.625rem;
}
.listing-item-row-main-info-rating {
  display: flex;
  align-items: center;
  gap: 0.875rem;
}
.listing-item-row-main-info-rating > span {
  color: #7C7C86;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
}
.listing-item-row-main-info-rating > div {
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}
.listing-item-row-main-info-rating > div span {
  color: #D0832F;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
}
.listing-item-row-main-info .special-container {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1.125rem;
}
.listing-item-row-main-info-characteristics ul {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.listing-item-row-main-info-characteristics ul li {
  display: flex;
  gap: 0.6875rem;
  align-items: center;
}
.listing-item-row-main-info-characteristics ul li span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
  color: #1B1B20;
}
.listing-item-column {
  grid-template-columns: repeat(1, 1fr);
}
.listing-item-column .listing-banner-column {
  display: block;
}
.listing-item-column .product-card-row {
  display: flex;
  gap: 2.5rem;
}
.listing-item-column .product-card-product-text-row {
  display: block;
}
.listing-item-column .product-card {
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.75rem;
  margin-bottom: 1.75rem;
  border-bottom: 1px solid #E1E1E5;
  gap: 1.5rem;
}
.listing-item-column .product-card.noline {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.listing-item-column .product-card-product-text-price .priceAndDiscount-wrapper.row {
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  gap: 0.625rem;
  flex-direction: column;
}
.listing-item-column .product-card-product-text-price .priceAndDiscount-wrapper.row > div {
  flex-direction: row;
}
.listing-item-column .product-card-product-text-info, .listing-item-column .product-card-product-text-rating, .listing-item-column .listing-banner-row, .listing-item-column .product-banner-wrapper {
  display: none;
}
.listing-item-column .product-card-product-text {
  justify-content: start;
  min-height: auto;
  width: 100%;
  max-width: 21.875rem;
}
.listing-item-column .product-card-product-image {
  width: 18.75rem;
  max-height: 25rem;
}
.listing-item-column .product-card-product-text-row .special-container {
  margin-bottom: 1.125rem;
  flex-wrap: wrap;
}
.listing-item-column .product-card-product-text-row h3 {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
  margin: 0.375rem 0 0.5rem;
}
.listing-item-column-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3.5rem 1.875rem;
}
.listing-item-column-row > .listing-banner-row {
  grid-column: 4;
  grid-row: 1;
  min-width: 0;
}
.listing-item-column-row > .listing-banner-row a, .listing-item-column-row > .listing-banner-row picture {
  display: block;
  width: 100%;
  height: 100%;
}
.listing-item-column-row > .listing-banner-row img {
  object-fit: cover;
}
.listing-item-column-row .product-card-product-text-info-name {
  display: -webkit-box;
  overflow: hidden;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.listing-item-column-row .listing-banner-column {
  display: none;
}
.listing-item-column-row .product-card-product-text-row {
  display: none;
}
.listing-item-column-row > .listing-banner-row img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.375rem;
}
.listing-item-column-row-sale {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.listing-item-column-wrapper {
  display: flex;
  flex-direction: column;
}
.listing-item-column-wrapper .line {
  margin: 3.5rem 0;
}
.listing-item-seo {
  background-color: #F4F4F6;
  border-radius: 1.25rem;
  padding: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 1.75rem;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #373740;
}
.listing-item-seo a {
  color: #CA163C;
  text-decoration: none;
  transition: 300ms;
}
.listing-item-seo a:hover {
  color: #000;
}
.listing-item-seo ul, .listing-item-seo ol {
  padding-left: 2.5rem;
}
.listing-item-seo ul {
  list-style: disc;
}
.listing-item-seo ol {
  list-style: decimal;
}
.listing-item-column-row-sale > .listing-banner-row {
  grid-column: 5;
}
@media (max-width: 123.75rem) {
  .listing-item-row-secondary {
    max-width: 15.625rem;
  }
  .listing-item-column-row {
    gap: 3rem 1.875rem;
  }
  .listing-item-column-row-sale {
    padding-top: 0.5rem;
  }
}
@media (max-width: 119.9375rem) {
  .listing-item-wrapper .line {
    margin: 3rem 0 1.375rem;
  }
}
@media (max-width: 112.5rem) {
  .banner-wrapper-catalog {
    height: 30rem;
  }
  .listing-filter-wrapper {
    max-width: 18.75rem;
  }
  .listing-item-row-main-info-characteristics ul {
    gap: 0.625rem;
  }
}
@media (max-width: 96rem) {
  .banner-wrapper-catalog {
    height: 31.25rem;
  }
  .listing-item-row-main-info h3 {
    font-size: 1rem;
  }
  .listing-item-row-main {
    gap: 1.875rem;
  }
  .listing-item-row-main-info-characteristics ul {
    gap: 0.5rem;
  }
  .listing-item-row-main-info-characteristics ul li span {
    font-size: 1rem;
  }
  .listing-item-column-row {
    gap: 2.5rem 1.875rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .listing-item-column-row > .listing-banner-row {
    grid-column: 3;
    grid-row: 1;
  }
  .listing-item-column-row-sale {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .listing-item-column-row-sale > .listing-banner-row {
    grid-column: 4;
    grid-row: 1;
  }
  .listing-item-column .product-card-row {
    gap: 1.875rem;
  }
  .listing-item-column .product-card-product-text {
    max-width: 15.625rem;
  }
  .listing-item-column .product-card-product-text-row {
    max-width: 22.5rem;
  }
  .listing-item-column .product-card-product-text-row h3 {
    font-size: 1.25rem;
  }
  .listing-item-wrapper .line {
    margin: 2.5rem 0 1.375rem;
  }
}
@media (max-width: 87.5rem) {
  .listing-filter-wrapper {
    max-width: 16.25rem;
  }
}
@media (max-width: 80rem) {
  .listing-item-filter-view {
    display: none;
  }
  .listing-item-column .product-card-product-image {
    max-height: 22.5rem;
  }
  .listing-item-column .product-card-product-text-row {
    max-width: 17.5rem;
  }
  .listing-item-column .product-card-product-text-row h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .listing-item-row-main-info-characteristics ul {
    gap: 0.375rem;
  }
  .listing-item-row-main-info-characteristics ul li {
    gap: 0.375rem;
  }
  .listing-item-column-row-sale {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .listing-item-column-row-sale > .listing-banner-row {
    grid-column: 3;
    grid-row: 1;
  }
}
@media (max-width: 63.75rem) {
  .listing-filter-item-price-input {
    gap: 0.75rem;
  }
  .listing-filter-wrapper, .slider-category-block > button {
    display: none;
  }
  .listing-filter-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    padding: 0 1rem calc(9.625rem + env(safe-area-inset-bottom));
    overflow-y: auto;
    border-radius: 0;
    background-color: #fff;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
  }
  .listing-filter-wrapper.is-open {
    display: flex;
  }
  .listing-filter-header, .listing-filter-item-submit, .listing-item-filter-mobile {
    display: flex;
  }
  .listing-filter-header {
    position: sticky;
    top: 0;
    left: auto;
    z-index: 4;
    flex: 0 0 auto;
    width: auto;
    min-height: 3.25rem;
    margin: 0 -1rem;
    padding: 0.5rem 1rem;
    background-color: #fff;
  }
  .listing-filter-header button {
    left: 0.75rem;
  }
  .listing-filter-item-submit {
    right: 1rem;
    bottom: 0;
    left: 1rem;
    z-index: 1003;
    width: auto;
    padding: 0.875rem 0 calc(0.875rem + env(safe-area-inset-bottom));
    border-top: 1px solid #E1E1E5;
    background-color: #fff;
  }
  .listing-filter-item-submit .listing-filter-reset, .listing-filter-item-submit .listing-filter-apply {
    min-height: 2.75rem;
    border-radius: 0.375rem;
    font-weight: 700;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .listing-filter-item-submit .listing-filter-reset {
    border: 1px solid #D4D4D9;
    background-color: #F4F4F6;
    color: #24242B;
  }
  .listing-filter-item-submit .listing-filter-apply {
    border: 1px solid #CA163C;
    background-color: #CA163C;
    color: #fff;
  }
  .listing-filter-item, .listing-filter-item-radio, .listing-filter-item-radio .radio-default-block-label {
    min-width: 0;
  }
  .listing-filter-item-radio .radio-default-block-text {
    min-width: 0;
    overflow-wrap: anywhere;
  }
  .listing-item-seo {
    padding: 2rem 1rem;
  }
  .listing-item-column-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2rem 1rem;
  }
  .listing-item-column-row > .listing-banner-row {
    grid-column: 3;
    grid-row: 1;
  }
  .listing-item-column-wrapper .product-card-product-text-buttons .btn-secondary-filled-hoverNone {
    display: none;
  }
  .listing-item-options {
    flex-wrap: nowrap;
    width: 100%;
    max-width: 100%;
    margin-bottom: 1.125rem;
    padding-bottom: 0.125rem;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }
  .listing-item-options::-webkit-scrollbar {
    display: none;
  }
  .listing-item-options > div {
    flex: 0 0 auto;
    flex-wrap: nowrap;
  }
  .listing-item-options > button, .listing-item-options .listing-item-options-item {
    flex: 0 0 auto;
    white-space: nowrap;
  }
  .listing-item-filter {
    min-width: 0;
    margin-bottom: 0.25rem;
  }
  .listing-item-filter-mobile {
    flex: 0 0 auto;
  }
  .listing-item-filter-select {
    flex: 0 1 auto;
    min-width: 0;
    margin-left: auto;
  }
  .listing-item-filter-select .form-label, .listing-item-filter-select .form-input-wrapper, .listing-item-filter-select .select-wrapper, .listing-item-filter-select .select {
    max-width: 100%;
  }
  .listing-item-filter-select .select.secondary {
    background-color: transparent;
  }
}
@media (max-width: 63.6875rem) {
  .listing-item-seo {
    margin-right: -1rem;
    margin-left: -1rem;
    border-radius: 0;
  }
}
@media (max-width: 48rem) {
  .banner-wrapper-catalog {
    height: 21.25rem;
  }
  .slider-category-wrapper {
    padding: 0.625rem 0 0.25rem;
  }
  .slider-category-block a {
    height: 3rem;
  }
  .slider-category-block a span {
    font-size: 0.9375rem;
  }
  .listing-item-filter {
    gap: 1rem;
  }
  .listing-item-options {
    margin-bottom: 0.875rem;
  }
  .listing-item-column-row .product-card-product-text-info-name {
    min-height: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 37.5rem) {
  .banner-wrapper-catalog {
    height: 20rem;
  }
  .listing {
    padding-bottom: 0;
  }
  .listing-filter-wrapper {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  .listing-filter-header {
    margin-right: -0.875rem;
    margin-left: -0.875rem;
  }
  .listing-filter-item-submit {
    right: 0.875rem;
    left: 0.875rem;
  }
  .listing-item-filter {
    gap: 0.75rem;
  }
  .listing-item-filter-mobile {
    flex-shrink: 0;
  }
  .listing-item-filter-select {
    min-width: 0;
  }
  .listing-item-filter-select .form-label, .listing-item-filter-select .form-input-wrapper, .listing-item-filter-select .select-wrapper {
    min-width: 0;
  }
  .listing-item-column-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.625rem 0.5rem;
  }
  .listing-item-column-row > .listing-banner-row {
    grid-column: 1 / -1;
    grid-row: 3;
    height: 4rem;
    overflow: hidden;
    border-radius: 0.5rem;
  }
  .listing-item-column-row .product-card-product-text-info-name {
    min-height: 1.25rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .listing-item-column-row .product-card-product-text-info-category {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  .listing-item-column-row .product-card-product-text-rating-star {
    font-size: 0.75rem;
  }
  .listing-item-column-row .product-card-product-text-rating-star svg {
    width: 0.75rem;
    height: 0.75rem;
  }
  .listing-item-column-row .product-card-product-text-rating-count {
    font-size: 0.75rem;
  }
  .listing-item-seo {
    gap: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .pagination {
    justify-content: flex-start;
    max-width: 100%;
    gap: 0.375rem;
    padding: 1.25rem 0 2.75rem;
    overflow-x: auto;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .pagination::-webkit-scrollbar {
    display: none;
  }
  .pagination > :first-child, .pagination > :last-child {
    padding: 0;
  }
  .pagination a, .pagination span {
    flex: 0 0 2.25rem;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    font-size: 0.8125rem;
  }
}
@media (max-width: 26.875rem) {
  .banner-wrapper-catalog {
    height: 18.125rem;
  }
  .listing-item-filter {
    gap: 0.625rem;
  }
  .listing-item-filter-mobile {
    gap: 0.5rem;
    font-size: 0.8125rem;
  }
  .listing-item-filter-select {
    flex: 1 1 auto;
  }
  .listing-item-filter-select .form-label, .listing-item-filter-select .form-input-wrapper, .listing-item-filter-select .select-wrapper {
    width: 100%;
  }
  .listing-item-column-row {
    gap: 1.5rem 0.5rem;
  }
  .listing-filter-item-price-input {
    gap: 0.625rem;
  }
  .listing-filter-item-price-input input {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .listing-item-seo {
    padding: 1.75rem 1rem;
  }
}
@media (max-width: 24.375rem) {
  .banner-wrapper-catalog {
    height: 17.1875rem;
  }
  .listing-item-filter-mobile {
    gap: 0.375rem;
  }
  .listing-item-filter-mobile svg {
    width: 1rem;
    height: 1rem;
  }
  .listing-item-column-row {
    column-gap: 0.4375rem;
  }
  .listing-filter-item-price-input {
    gap: 0.5rem;
  }
  .listing-filter-item-price-input input {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    font-size: 0.875rem;
  }
}
@media (max-width: 22.5rem) {
  .banner-wrapper-catalog {
    height: 16.25rem;
  }
  .listing-item-filter {
    gap: 0.5rem;
  }
  .listing-item-filter-mobile {
    font-size: 0.75rem;
  }
  .listing-item-column-row {
    gap: 1.375rem 0.375rem;
  }
  .listing-filter-item-submit {
    right: 0.75rem;
    left: 0.75rem;
  }
  .listing-item-seo {
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
}
@media (max-width: 20rem) {
  .banner-wrapper-catalog {
    height: 15rem;
  }
  .listing-item-filter {
    gap: 0.375rem;
  }
  .listing-item-filter-mobile {
    gap: 0.25rem;
  }
  .listing-item-filter-mobile span {
    font-size: 0.6875rem;
  }
  .listing-item-filter-mobile svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .listing-item-column-row {
    gap: 1.25rem 0.3125rem;
  }
  .listing-filter-wrapper {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .listing-filter-header {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
  }
  .listing-filter-item-title {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .listing-filter-item-price-input {
    gap: 0.375rem;
  }
  .listing-filter-item-price-input input {
    height: 2.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    font-size: 0.8125rem;
  }
  .listing-filter-item-price-input input::placeholder {
    font-size: 0.8125rem;
  }
  .listing-filter-item-submit {
    right: 0.625rem;
    left: 0.625rem;
    gap: 0.625rem;
  }
}
.catalog-slider {
  width: 100%;
}
.catalog-slider-wrapper {
  position: relative;
  width: 100%;
  padding-bottom: 1.25rem;
}
.catalog-slider-wrapper h1 {
  margin: 1.5rem 0;
}
.catalog-slider-wrapper .container-field {
  overflow: visible;
}
.catalog-slider-container {
  position: relative;
  display: flex;
  align-items: center;
}
.catalog-slider-next, .catalog-slider-prev {
  position: absolute;
  z-index: 2;
  background-color: #09090B66;
}
.catalog-slider-next {
  right: 3.125rem;
}
.catalog-slider-prev {
  left: 3.125rem;
}
.catalog-slider .splide {
  width: 100%;
}
.catalog-slider .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.catalog-slider .splide__slide .desktop {
  display: block;
}
.catalog-slider .splide__slide .mobile {
  display: none;
}
.catalog-slider .splide__slide img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center;
}
.catalog-slider .splide__pagination {
  position: absolute;
  bottom: -1.25rem;
  right: 0;
  left: 0;
  padding: 0;
  margin: 0;
}
.catalog-slider .splide__pagination__page {
  width: 0.1875rem;
  height: 0.1875rem;
  margin: 0 0.25rem;
  border: none;
  border-radius: 50%;
  background: #D4D4D9;
  transition: 300ms;
}
.catalog-slider .splide__pagination__page.is-active {
  background: #CA163C;
  transform: scale(2);
}
.catalog-wrapper {
  padding: 2.125rem 0 4.75rem;
}
.catalog-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #EEEEF1;
  border-radius: 0.625rem;
}
.catalog-grid-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-width: 0;
  padding: 1.25rem;
  border: 1px solid #EEEEF1;
}
.catalog-grid-item span {
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
  text-align: center;
  overflow-wrap: anywhere;
}
.catalog-grid-item img {
  max-width: 12.5rem;
  max-height: 12.5rem;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 123.75rem) {
  .catalog-grid-item span {
    font-size: 1rem;
  }
}
@media (max-width: 96rem) {
  .catalog-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 80rem) {
  .catalog-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 63.75rem) {
  .catalog-grid-item span {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .catalog-slider-container > button {
    display: none;
  }
  .catalog-slider .splide__slide .desktop {
    display: none;
  }
  .catalog-slider .splide__slide .mobile {
    display: block;
  }
}
@media (max-width: 48rem) {
  .catalog-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.breadcrumb {
  display: flex;
  gap: 1.875rem;
}
.breadcrumb-wrapper {
  padding: 0.4375rem 0 0.3125rem 0;
}
.breadcrumb-wrapper.page {
  padding: 0.1875rem 0 0.625rem;
}
.breadcrumb-item {
  position: relative;
}
.breadcrumb-item:not(:last-child)::before {
  content: url('data:image/svg+xml,<svg width="7" height="8" viewBox="0 0 7 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.88986 7.22L5.10986 4L1.88986 0.780002" stroke="%23B9B9C0" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  position: absolute;
  top: 0;
  right: -1.875rem;
  width: 1.25rem;
  height: 1.25rem;
}
.breadcrumb-item a, .breadcrumb-item span {
  color: #1B1B20;
  font-weight: 500;
  font-size: 0.75rem;
  transition: 300ms;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.breadcrumb-item:hover a {
  color: #CA163C;
}
@media (max-width: 63.75rem) {
  .breadcrumb-wrapper {
    padding: 0.375rem 0 0.40625rem 0;
    border-bottom: 1px solid #E1E1E5;
  }
}
@media (max-width: 37.5rem) {
  .breadcrumb-wrapper.page {
    padding: 6px 0 8px;
  }
}
@media (max-width: 31.25rem) {
  .breadcrumb-wrapper--product .breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
  }
  .breadcrumb-wrapper--product .breadcrumb-item {
    display: none;
  }
  .breadcrumb-wrapper--product .breadcrumb-item:nth-last-child(2), .breadcrumb-wrapper--product .breadcrumb-item:last-child {
    display: flex;
    align-items: center;
  }
  .breadcrumb-wrapper--product .breadcrumb-item:nth-last-child(2) {
    flex: 0 0 auto;
  }
  .breadcrumb-wrapper--product .breadcrumb-item:last-child {
    flex: 1 1 auto;
    min-width: 0;
  }
  .breadcrumb-wrapper--product .breadcrumb-item:last-child span {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .breadcrumb-item:not(:last-child)::before {
    top: -0.0625rem;
  }
}
.product {
  margin-bottom: 1.25rem;
}
.product-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.product-top-right {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.product-rating-container {
  display: flex;
  gap: 0.5rem;
}
.product-rating-title {
  font-weight: 700;
  color: #D0832F;
}
.product-rating-star.active {
  color: #D0832F;
}
.product-rating-count {
  color: #7C7C86;
}
.product-article-wrapper {
  cursor: pointer;
}
.product-article-wrapper span {
  transition: 300ms;
}
.product-article-wrapper :first-child {
  cursor: auto;
}
.product-article-wrapper:hover :last-child {
  color: #CA163C;
}
.product-actions-wrapper {
  display: flex;
  align-items: center;
  gap: 1.125rem;
}
.product-main {
  display: flex;
  gap: 4.375rem;
}
.product-main-mobile {
  display: none;
  position: relative;
}
.product-main-mobile-text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-main-mobile-text-title {
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: 0.1px;
}
.product-main-mobile-slider {
  margin-bottom: 1.875rem;
}
.product-main-mobile-slider > a {
  position: absolute;
  right: 0;
  bottom: -2.625rem;
  width: 2.625rem;
  height: 2.625rem;
}
.product-main-mobile-slider img {
  width: 100%;
  height: auto;
  object-fit: contain;
  max-height: 37.5rem;
}
.product-main-mobile-slider .splide__pagination__page.is-active {
  background: #CA163C;
  transform: scale(2);
}
.product-main-mobile-slider .splide__slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-main-mobile-slider .splide__pagination__page {
  width: 3px;
  height: 3px;
  margin: 0 0.25rem;
  background: #D4D4D9;
  border: none;
  border-radius: 50%;
  transition: 300ms;
}
.product-main-mobile-slider .splide__pagination {
  position: absolute;
  bottom: -1.25rem;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.product-main-imageWrapper {
  display: flex;
  width: 100%;
  max-width: 41.375rem;
  gap: 4.375rem;
}
.product-main-secondaryImages {
  width: 5.625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.product-main-secondaryImages .vertical-slider-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.625rem;
  max-height: 35rem;
  width: 100%;
}
.product-main-secondaryImages .vertical-slider {
  order: 2;
  height: 100%;
  width: 100%;
}
.product-main-secondaryImages .vertical-slider .splide__track {
  height: 100%;
}
.product-main-secondaryImages .vertical-slider .splide__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
}
.product-main-secondaryImages .vertical-slider .splide__slide {
  height: auto !important;
}
.product-main-secondaryImages .vertical-slider .splide__slide img {
  width: 100%;
  max-height: 7.5rem;
  height: 100%;
  border-radius: 0.5rem;
  cursor: pointer;
  object-fit: cover;
  transition: 300ms;
  cursor: zoom-in;
}
.product-main-secondaryImages .vertical-slider .splide__slide img.active {
  opacity: 0.7;
}
.product-main-secondaryImages .vertical-slider .splide__slide img:hover {
  opacity: 0.8;
}
.product-main-secondaryImages .slider-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.product-main-secondaryImages .slider-arrow:hover {
  opacity: 0.7;
}
.product-main-secondaryImages .slider-arrow svg {
  width: 1.4375rem;
  height: 2rem;
}
.product-main-secondaryImages .slider-arrow-up {
  order: 1;
}
.product-main-secondaryImages .slider-arrow-down {
  order: 3;
  transform: rotate(180deg);
}
.product-main-mainImage {
  max-width: 31.375rem;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.product-main-mainImage img {
  width: 100%;
  height: 100%;
  max-height: 41.875rem;
  border-radius: 0.5rem;
  transition: 300ms;
  cursor: zoom-in;
}
.product-main-mainImage img:hover {
  opacity: 0.7;
}
.product-main-mainImage > a {
  color: #1B1B20;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-main-content {
  width: 100%;
  max-width: 38rem;
}
.product-main-content-mobile {
  display: none;
}
.product-main-content-manual {
  display: none;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 1rem;
  margin-top: 1rem;
  border-top: 1px solid #E1E1E5;
}
.product-main-content-manual > a {
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #1B1B20;
  font-weight: 500;
}
.product-main-content-colors {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.product-main-content-colors span:first-child {
  font-weight: 500;
  font-size: 1.125rem;
  color: #1B1B20;
}
.product-main-content-colors-item {
  display: flex;
  flex-direction: column;
  min-height: 7.5rem;
  align-items: center;
  gap: 0.125rem;
  min-width: 5rem;
  color: #1B1B20;
}
.product-main-content-colors-item img {
  transition: 300ms;
  height: 8rem;
  width: 5rem;
}
.product-main-content-colors-item:hover img {
  opacity: 0.7;
}
.product-main-content-colors-item:hover span {
  opacity: 0.7;
}
.product-main-content-colors-item span {
  transition: 300ms;
  opacity: 0;
  display: none;
}
.product-main-content-colors-item.active span {
  opacity: 1;
}
.product-main-content-colors > div {
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-inline: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  cursor: grab;
  user-select: none;
}
.product-main-content-colors > div::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.product-main-content-colors > div.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.product-main-content-colors > div a, .product-main-content-colors > div img {
  user-select: none;
  -webkit-user-drag: none;
}
.product-main-content-characteristic {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}
.product-main-content-characteristic-item {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 500;
  transition: 300ms;
  border-radius: 0.5rem;
  justify-content: space-between;
}
.product-main-content-characteristic-item-name {
  padding-left: 0.625rem;
  font-weight: 600;
  display: inline-block;
  white-space: nowrap;
  min-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.product-main-content-characteristic-item:hover {
  background-color: #F4F4F6;
}
.product-main-content-characteristic-item:hover .svg-wrapper {
  z-index: 2;
  border-color: #CA163C;
  background-color: #fff;
}
.product-main-content-characteristic-item > div {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  height: 2.875rem;
  overflow: hidden;
}
.product-main-content-characteristic-item > div span.text-body {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.product-main-content-characteristic > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  margin-top: 0.625rem;
  width: fit-content;
}
.product-main-content-specialInfo {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.product-main-content-specialInfo > div {
  transition: 300ms;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 1.25rem;
  border-bottom-left-radius: 1.25rem;
}
.product-main-content-specialInfo > div:hover {
  background-color: #F4F4F6;
}
.product-main-content-specialInfo > div:hover .svg-wrapper {
  z-index: 2;
  border-color: #CA163C;
  background-color: #fff;
}
.product-main-content-specialInfo-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-main-content-specialInfo-item div {
  display: flex;
  gap: 0.625rem;
  align-items: center;
}
.product-main-content-specialInfo-item div span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.product-main-content-specialInfo-item-column {
  display: flex;
  align-items: center;
  height: 100%;
  gap: 1rem;
}
.product-main-content-specialInfo-item-column svg {
  color: #CA163C;
}
.product-main-content-specialInfo-item-column > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 2.5rem;
}
.product-main-content-specialInfo-item-column > div span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1rem;
  letter-spacing: 0.25px;
}
.product-main-content-specialInfo-item-column > div > a {
  line-height: 1.25rem;
  color: #CA163C;
  font-size: 0.875rem;
}
.product-main-buy {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 26.875rem;
  gap: 1.5rem;
}
.product-main-buy-main {
  width: 100%;
  height: fit-content;
  padding: 1.875rem 2.5rem;
  background-color: #fff;
  box-shadow: 0px 0.125rem 0.9375rem 0px #0000001F;
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  border-radius: 0.75rem;
}
.product-main-buy-main-retail {
  font-size: 0.75rem;
  color: #7C7C86;
}
.product-main-buy-main-buttonBasket {
  font-weight: 700;
  height: 3.375rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  padding: 1rem;
}
.product-main-buy-main-buttonBasket-text {
  text-transform: uppercase;
}
.product-main-buy-main-buttonBasket-text-mobile {
  display: none;
}
.product-main-buy-main-price-discount {
  color: #7C7C86;
  display: flex;
  align-items: center;
  font-size: 0.9375rem;
  gap: 0.625rem;
}
.product-main-buy-main-price-discount-mobile {
  display: none;
}
.product-main-buy-main-price-discount-value {
  color: #FFFFFF;
  border-radius: 0.25rem;
  background-color: #CA163C;
  padding: 0.25rem 0.5rem;
  line-height: 1;
  font-size: 0.6875rem;
  text-decoration: none;
}
.product-main-buy-main-status {
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  font-weight: 700;
  font-size: 0.9375rem;
}
.product-main-buy-main-status-inStock {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.product-main-buy-main-status-inStock > span:not(.product-main-buy-main-status-dot) {
  margin-right: 0.25rem;
}
.product-main-buy-main-status-dot {
  display: block;
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: 50%;
  background-color: #36B37E;
}
.product-main-buy-main-status-dot--out {
  background-color: #A6A6A6;
}
.product-main-buy-main-status-freeDelivery {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.product-main-buy-main-status-freeDelivery > span {
  padding: 0.25rem 0.875rem;
  background-color: #D3F8EE;
  border-radius: 0.25rem;
  margin-right: 0.25rem;
}
.product-main-buy-main .line {
  margin: 0;
}
.product-main-buy-main-label-wb {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.375rem;
  background-color: #F5ECFE;
}
.product-main-buy-main-label-wb svg {
  width: 1rem;
  height: 1rem;
}
.product-main-buy-main-label-wb span {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
}
.product-main-buy-main-label-ozon {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.3125rem 0.5rem;
  border-radius: 0.375rem;
  background-color: #EBF2FF;
}
.product-main-buy-main-label-ozon svg {
  width: 2.125rem;
  height: 1rem;
}
.product-main-buy-main-label-ozon span {
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
}
.product-main-buy-splite {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 1rem 2.5rem;
  border-radius: 0.75rem;
  border: 1px solid #E1E1E5;
}
.product-main-buy-splite .line {
  margin: 0.5rem 0;
}
.product-main-buy-splite-price {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-main-buy-splite-price button {
  flex: 1;
  display: flex;
  justify-content: end;
  color: #7C7C86;
}
.product-main-buy-splite-price button svg {
  transform: rotate(90deg);
}
.product-main-buy-splite-price > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.product-main-buy-splite-price > div :last-child {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.product-main-buy-splite-points {
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.product-main-buy-market {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.9375rem;
  font-weight: 700;
  margin-left: 2.5rem;
}
.product-main-buy-market > div {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.product-main-buy-market > div svg {
  width: 2.125rem;
  height: 2.125rem;
}
.product-info {
  position: relative;
  flex-direction: column;
  display: flex;
}
.product-info-navigation {
  position: sticky;
  top: var(--header-height);
  background-color: #FFFFFF;
  z-index: 10;
}
.product-info-navigation nav ul {
  display: flex;
  justify-content: center;
}
.product-info-navigation nav ul li {
  padding: 1.25rem 2.5rem 0 2.5rem;
  background-color: transparent;
  transition: 300ms;
  border-radius: 0.375rem;
}
.product-info-navigation nav ul li:hover {
  background-color: #F4F4F6;
}
.product-info-navigation nav ul li:hover a {
  color: #CA163C;
}
.product-info-navigation nav ul li a {
  color: #1B1B20;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.125rem;
  padding-bottom: 1rem;
  display: block;
  transition: 300ms;
  border-bottom: 0.25rem solid transparent;
}
.product-info-navigation nav ul li.active a {
  border-color: #CA163C;
  color: #CA163C;
}
.product-info section {
  position: relative;
  scroll-margin-top: calc(var(--header-height, 0px) + 4.75rem);
}
.product-info section#overview .overview-description {
  padding: 5rem 0;
  background: #F4F4F6;
  margin-top: 0;
}
.product-info section#overview .overview-description-inner {
  margin: 0 auto;
  background: #F4F4F6;
  border-radius: 1.25rem;
}
.product-info section#overview .overview-description-kicker {
  display: block;
  margin-bottom: 0.75rem;
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.075rem;
  text-transform: uppercase;
}
.product-info section#overview .overview-description h2 {
  margin: 0 0 1.5rem;
  font-size: 2.25rem;
  line-height: 2.75rem;
}
.product-info section#overview .overview-description-content {
  color: #3F3F49;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.product-info section#overview .overview-description-content > :first-child {
  margin-top: 0;
}
.product-info section#overview .overview-description-content > :last-child {
  margin-bottom: 0;
}
.product-info section#overview .overview-description-content p + p, .product-info section#overview .overview-description-content p + ul, .product-info section#overview .overview-description-content p + ol, .product-info section#overview .overview-description-content ul + p, .product-info section#overview .overview-description-content ol + p {
  margin-top: 1rem;
}
.product-info section#overview .overview-description-content h3, .product-info section#overview .overview-description-content h4 {
  margin: 2rem 0 0.75rem;
  color: #1B1B20;
}
.product-info section#overview .overview-description-content img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  margin: 2rem auto;
  border-radius: 1rem;
}
.product-info section#overview .overview-description ol {
  list-style: auto;
  padding-left: 1.5rem;
}
.product-info section#overview .overview-description ul {
  list-style-type: disc;
  padding-left: 1.5rem;
}
.product-info section#overview .overview-custom {
  overflow: hidden;
}
.product-info section#overview .overview-custom > :first-child {
  margin-top: 0;
}
.product-info section#overview .overview-custom > :last-child {
  margin-bottom: 0;
}
.product-info section#overview .overview-custom img {
  max-width: 100%;
  height: auto;
}
.product-info section#overview .overview-top {
  position: relative;
  display: flex;
  height: 43.75rem;
  align-items: center;
  justify-content: center;
  margin-bottom: 3.75rem;
}
.product-info section#overview .overview-top h2 {
  color: #FFFFFF;
  max-width: 35.625rem;
  line-height: 2.75rem;
}
.product-info section#overview .overview-top p {
  color: #D4D4D9;
  margin-top: 1.5rem;
  max-width: 40.625rem;
}
.product-info section#overview .overview-top picture {
  position: absolute;
  height: 43.75rem;
  width: 100%;
}
.product-info section#overview .overview-top img {
  position: absolute;
  width: 100%;
  height: 100%;
}
.product-info section#overview .overview-main {
  display: flex;
  flex-direction: column;
}
.product-info section#overview .overview-main .container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.product-info section#overview .overview-main-item {
  display: flex;
  width: 100%;
  margin-bottom: 6.25rem;
  align-items: center;
}
.product-info section#overview .overview-main-item-double {
  display: flex;
  gap: 5rem;
  margin-bottom: 5rem;
}
.product-info section#overview .overview-main-item-double > div {
  flex: 1;
  margin-bottom: 0;
  height: 100%;
  align-items: stretch;
}
.product-info section#overview .overview-main-item-double > div img {
  min-height: 36.25rem;
}
.product-info section#overview .overview-main-item-img {
  flex: 1;
}
.product-info section#overview .overview-main-item-img img {
  max-width: 46.25rem;
  max-height: 36.25rem;
  border-radius: 1.25rem;
}
.product-info section#overview .overview-main-item-text {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  font-size: 1.125rem;
}
.product-info section#overview .overview-main-item.horizontal-left {
  flex-direction: row;
  gap: 5rem;
}
.product-info section#overview .overview-main-item.horizontal-right {
  flex-direction: row-reverse;
  gap: 5rem;
}
.product-info section#overview .overview-main-item.vertical-top {
  flex-direction: column-reverse;
  gap: 2.5rem;
  max-width: 47.5rem;
  margin-bottom: 5rem;
}
.product-info section#overview .overview-main-item.vertical-top .overview-main-item-text {
  text-align: center;
}
.product-info section#overview .overview-main-item.vertical-bottom {
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
.product-info section#overview .overview-main-item.vertical-bottom .overview-main-item-text {
  text-align: center;
}
.product-info section#overview .overview-richContent {
  background-color: #09090B;
  padding: 7.5rem 0;
}
.product-info section#overview .overview-richContent-disable {
  opacity: 0;
  transition: 300ms;
}
.product-info section#overview .overview-richContent-wrapper {
  display: flex;
  gap: 1.875rem;
  height: 51.25rem;
  color: #FFFFFF;
  font-weight: 700;
}
.product-info section#overview .overview-richContent-imgBlock {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  flex: 1;
}
.product-info section#overview .overview-richContent-imgBlock:hover .overview-richContent-disable {
  opacity: 1;
}
.product-info section#overview .overview-richContent-imgBlock img {
  position: absolute;
  top: 0;
  left: 0;
}
.product-info section#overview .overview-richContent-imgBlock::after {
  content: "";
  position: absolute;
  top: 0;
  height: 55rem;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 17.79%, rgba(0, 0, 0, 0) 44.62%);
}
.product-info section#overview .overview-richContent-imgBlock-text {
  position: absolute;
  padding: 3.75rem 2.5rem;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  z-index: 2;
}
.product-info section#overview .overview-richContent-imgBlock-text button {
  width: fit-content;
}
.product-info section#overview .overview-richContent-imgBlock-text span {
  display: block;
  text-align: center;
  font-size: 1.75rem;
  line-height: 2.25rem;
}
.product-info section#overview .overview-richContent-imgBlock-text span.subtitle {
  font-size: 1.25rem;
  opacity: 0.7;
}
.product-info section#overview .overview-richContent-item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
}
.product-info section#overview .overview-richContent-item-big {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: center;
  line-height: 2.75rem;
  padding: 5.3125rem 2.8125rem;
  gap: 1.875rem;
  background: linear-gradient(153.43deg, #1B1B20 16.67%, #09090B 100%);
  font-size: 2.25rem;
  border-radius: 1.25rem;
  max-height: 25rem;
  min-height: 25rem;
}
.product-info section#overview .overview-richContent-item-big:hover {
  background: linear-gradient(153.43deg, #373740 16.67%, #121215 100%);
}
.product-info section#overview .overview-richContent-item-big svg {
  width: 8.125rem;
  height: 8.125rem;
}
.product-info section#overview .overview-richContent-item-row {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
}
.product-info section#overview .overview-richContent-item-row svg {
  width: 4.375rem;
  height: 4.375rem;
}
.product-info section#overview .overview-richContent-item-row div {
  display: flex;
  align-items: center;
  flex: 1;
  padding: 3.75rem 2.5rem;
  background: linear-gradient(153.43deg, #1B1B20 16.67%, #09090B 100%);
  gap: 2.5rem;
  font-size: 1.625rem;
  line-height: 2.125rem;
  border-radius: 1.25rem;
}
.product-info section#overview .overview-richContent-item-row div:hover {
  background: linear-gradient(153.43deg, #373740 16.67%, #121215 100%);
}
.product-info section#overview .overview-richContent-item-row div span {
  max-width: 18.75rem;
}
.product-info section#overview .overview-richContent-item-column {
  display: flex;
  gap: 1.25rem;
  flex: 1;
}
.product-info section#overview .overview-richContent-item-column svg {
  width: 5.625rem;
  height: 5.625rem;
}
.product-info section#overview .overview-richContent-item-column div {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex: 1;
  background: linear-gradient(153.43deg, #1B1B20 16.67%, #09090B 100%);
  gap: 2.5rem;
  padding: 3.75rem 2.5rem;
  font-size: 1.125rem;
  line-height: 1.75rem;
  border-radius: 1.25rem;
}
.product-info section#overview .overview-richContent-item-column div:hover {
  background: linear-gradient(153.43deg, #373740 16.67%, #121215 100%);
}
.product-info section#characteristics {
  padding: 3.75rem 0 2rem 0;
  text-align: center;
}
.product-info section#characteristics h2 {
  padding: 0 2.5rem 2.5rem 2.5rem;
}
.product-info section#characteristics .characteristics-wrapper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.product-info section#characteristics .characteristics-wrapper > :last-child {
  border-bottom: none;
}
.product-info section#characteristics .characteristics-item {
  border-bottom: 1px solid #EEEEF1;
  padding: 1rem 5rem 1rem 2.5rem;
  transition: 300ms;
}
.product-info section#characteristics .characteristics-item:hover {
  background-color: #F4F4F6;
}
.product-info section#characteristics .characteristics-item > div {
  display: flex;
  max-width: 62.5rem;
  gap: 0.625rem;
  width: 100%;
  margin: 0 auto;
}
.product-info section#characteristics .characteristics-item span {
  color: #5B5B6B;
  display: flex;
  flex: 1;
  text-align: left;
}
.product-info section#characteristics .characteristics-item-text {
  display: flex;
  justify-content: space-between;
  flex: 1;
}
.product-info section#characteristics .characteristics-item-text p {
  text-align: left;
  text-wrap-style: balance;
}
.product-info section#characteristics .characteristics-management {
  max-width: 69.6875rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
  padding: 0 2.5rem;
}
.product-info section#characteristics .characteristics-management a {
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #1B1B20;
}
.product-info section#collection {
  padding: 3.75rem 0;
}
.product-info section#collection h2 {
  text-align: center;
  margin-bottom: 2.5rem;
}
.product-info section#collection .collection-wrapper {
  display: flex;
  gap: 2.5rem;
}
.product-info section#collection .collection-mainImage {
  flex: 1;
  border-radius: 1.25rem;
  overflow: hidden;
}
.product-info section#collection .collection-items-wrapper {
  flex: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2.5rem 1.875rem;
  height: fit-content;
}
.product-info section#collection .collection-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.625rem;
  width: 30%;
  text-align: center;
}
.product-info section#collection .collection-item .price-discount-red {
  margin-right: 0.5rem;
}
.product-info section#collection .collection-item > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.product-info section#collection .collection-item > div:first-child span {
  letter-spacing: 0.3px;
  color: #1B1B20;
  text-align: center;
}
.product-info section#collection .collection-item-img {
  height: 13.75rem;
  padding: 0.875rem;
  background-color: #F4F4F6;
  border-radius: 1.25rem;
}
.product-info section#collection .collection-item-img img {
  mix-blend-mode: multiply;
}
.product-info section#collection .collection-buy {
  max-width: 22.5rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 15px 0px #0000001F;
  padding: 1.875rem;
  gap: 1.25rem;
  border-radius: 1.25rem;
  height: fit-content;
}
.product-info section#collection .collection-buy .btn {
  font-weight: 700;
}
.product-info section#collection .collection-buy-title {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.625rem;
}
.product-info section#collection .collection-buy .line {
  margin: 0;
}
.product-info section#collection .collection-buy input {
  height: fit-content;
}
.product-info section#collection .collection-buy-item {
  display: flex;
  gap: 1rem;
}
.product-info section#collection .collection-buy-item span {
  transition: 300ms;
  letter-spacing: 0.3px;
}
.product-info section#collection .collection-buy-item:hover span {
  color: #CA163C;
}
.product-info section#collection .collection-buy-item-img {
  padding: 0.5rem;
  background-color: #F4F4F6;
  width: 3.75rem;
  height: 3.75rem;
  flex-shrink: 0;
  border-radius: 0.375rem;
}
.product-info section#collection .collection-buy-item-price {
  display: flex;
  flex-direction: column;
}
.product-info section#collection .collection-buy-item-price > div {
  display: flex;
  justify-content: space-between;
}
.product-card-more {
  width: fit-content;
}
.product-card-slider-container {
  align-items: center;
  display: flex;
  position: relative;
  gap: 1.875rem;
  padding: 0 4.5rem;
}
.product-card-splide {
  width: 100%;
  flex: 1;
}
.product-card-prev, .product-card-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding: 0.4375rem;
  width: 2.625rem;
  height: 2.625rem;
  background: #EEEEF1;
  border-radius: 0.5rem;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 300ms;
}
.product-card-prev:hover, .product-card-next:hover {
  background: #FFFFFF80;
}
.product-card-prev svg, .product-card-next svg {
  width: 1.75rem;
  height: 1.75rem;
}
.product-card-prev {
  left: 0;
  transform: rotate(270deg);
}
.product-card-next {
  right: 0;
  transform: rotate(90deg);
}
.product-card-product-image {
  display: block;
  position: relative;
  margin-bottom: 1.125rem;
}
.product-card-product-image img {
  vertical-align: bottom;
  border-radius: 0.5rem;
}
.product-card-product-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 11.875rem;
}
.product-card-product-text > div:first-child {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.product-card-product-text-price {
  display: flex;
  align-items: end;
  gap: 0.75rem;
}
.product-card-product-text-price-main {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.875rem;
}
.product-card-product-text-price-secondary {
  display: flex;
  align-items: center;
}
.product-card-product-text-price-secondary > span {
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.product-card-product-text-price-secondary > span:first-child {
  text-decoration: line-through;
  text-decoration-color: #CA163C;
}
.product-card-product-text-price-sale {
  background-color: #CA163C;
  border-radius: 0.25rem;
  color: #fff;
  width: fit-content;
  padding: 0.0625rem 0.25rem;
  font-weight: 700;
  font-size: 0.6875rem;
  line-height: 1rem;
  letter-spacing: 0.3px;
  margin-left: 0.625rem;
}
.product-card-product-text-info {
  display: flex;
  flex-direction: column;
}
.product-card-product-text-info-category, .product-card-product-text-info-name {
  display: inline-block;
  width: 100%;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.product-card-product-text-rating {
  display: flex;
  gap: 0.75rem;
}
.product-card-product-text-rating-star {
  display: flex;
  align-items: center;
  height: 22px;
  gap: 0.375rem;
  color: #D0832F;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.product-card-product-text-rating-star svg {
  width: 0.75rem;
  height: 0.75rem;
}
.product-card-product-text-rating-star svg path {
  fill: #D0832F;
  width: 100%;
  height: 100%;
}
.product-card-product-text-rating-count {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.product-card-product-text-buttons {
  margin-top: 0.875rem;
  display: flex;
  align-items: stretch;
  gap: 0.625rem;
}
.product-card-product-text-buttons.empty {
  margin-top: 0;
}
.product-card-product-text-buttons.empty span {
  color: #7C7C86;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  margin-bottom: 2.5rem;
}
.product-card-product-text-buttons button:first-child, .product-card-product-text-buttons a:first-child {
  flex: 1;
}
@media (max-width: 119.9375rem) {
  .product-main {
    gap: 3.5rem;
    align-items: flex-start;
  }
  .product-main-imageWrapper {
    gap: 3rem;
    min-width: 0;
  }
  .product-main-content, .product-main-buy {
    min-width: 0;
  }
  .product-main-mainImage img {
    max-height: 37.5rem;
  }
  .product-main-secondaryImages {
    width: 5rem;
  }
  .product-main-secondaryImages .vertical-slider-container {
    max-height: 31.25rem;
  }
  .product-main-content-characteristic-item > div {
    height: 2.75rem;
    min-width: 0;
  }
  .product-main-content-characteristic-item > div span, .product-main-content-specialInfo-item div span, .product-main-content-specialInfo-item-column > div span {
    font-size: 1rem;
  }
  .product-article-wrapper span {
    font-size: 1rem;
  }
  .product-info-navigation nav ul li {
    padding: 1.25rem 1.875rem 0 1.875rem;
  }
  .product-info section#overview .overview-top {
    height: 35rem;
  }
  .product-info section#overview .overview-top picture {
    height: 35rem;
  }
  .product-card-product-text-buttons.empty span {
    font-size: 0.875rem;
  }
}
@media (max-width: 100rem) {
  .product-main {
    gap: 2.25rem;
  }
  .product-main-imageWrapper {
    flex: 0 1 37.5rem;
    max-width: 37.5rem;
    gap: 2rem;
  }
  .product-main-secondaryImages {
    flex: 0 0 4.5rem;
    width: 4.5rem;
    height: 31.875rem;
  }
  .product-main-secondaryImages .vertical-slider-container {
    max-height: 26.875rem;
  }
  .product-main-secondaryImages .vertical-slider .splide__list {
    gap: 0.75rem;
  }
  .product-main-secondaryImages .vertical-slider .splide__slide {
    height: calc(20%) !important;
  }
  .product-main-mainImage {
    flex: 1;
    max-width: 26rem;
    min-width: 0;
  }
  .product-main-mainImage img {
    width: 100%;
    min-width: 0;
    max-height: 31.25rem;
    object-fit: contain;
  }
  .product-main-content {
    flex: 1 1 31.25rem;
    max-width: 31.25rem;
    min-width: 0;
  }
  .product-main-buy {
    flex: 0 0 28.125rem;
    max-width: 28.125rem;
    min-width: 0;
    gap: 1.25rem;
  }
  .product-main-buy-main {
    padding: 1.5rem;
  }
  .product-main-buy-splite {
    padding: 1rem 1.5rem;
  }
  .product-main-buy-market {
    margin-left: 1.5rem;
  }
  .product-main-content-colors > div {
    align-items: flex-start;
    gap: 0.75rem;
    scrollbar-width: none;
  }
  .product-main-content-colors > div::-webkit-scrollbar {
    display: none;
  }
  .product-main-content-colors-item {
    min-width: 4rem;
    min-height: 5.875rem;
  }
  .product-main-content-colors-item img {
    width: 4rem;
    height: 5.875rem;
    object-fit: contain;
  }
  .product-main-content-characteristic {
    gap: 0.4375rem;
  }
  .product-main-content-characteristic-item {
    gap: 0.75rem;
    min-width: 0;
  }
  .product-main-content-characteristic-item > div {
    min-width: 0;
  }
  .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    max-width: 100%;
  }
  .product-info-navigation nav ul li {
    padding: 1.25rem 1.5rem 0 1.5rem;
  }
  .product-info-navigation nav ul li a {
    font-size: 1rem;
  }
  .product-info section#overview .overview-top {
    height: 31.25rem;
  }
  .product-info section#overview .overview-top picture {
    height: 31.25rem;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    max-width: 38.75rem;
    max-height: 31.25rem;
  }
  .product-info section#overview .overview-main-item-double {
    gap: 3.125rem;
  }
  .product-info section#overview .overview-main-item-double > div img {
    min-height: 0;
  }
  .product-info section#overview .overview-richContent {
    padding: 5rem 0;
  }
  .product-info section#overview .overview-richContent-wrapper {
    gap: 1.25rem;
    height: 45rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 3rem 2rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.625rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 21.875rem;
    max-height: 21.875rem;
    font-size: 1.875rem;
    line-height: 2.375rem;
    padding: 3.75rem 2.1875rem;
  }
  .product-info section#overview .overview-richContent-item-row div {
    padding: 2.5rem 1.875rem;
    gap: 1.875rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .product-info section#collection .collection-wrapper {
    gap: 1.875rem;
  }
  .product-info section#collection .collection-items-wrapper {
    gap: 2rem 1.25rem;
  }
  .product-info section#collection .collection-item {
    width: calc(50% - 0.625rem);
  }
  .product-info section#collection .collection-buy {
    max-width: 18.75rem;
    padding: 1.625rem;
  }
  .product-card-product-text-price-main {
    font-size: 1.25rem;
  }
  .product-card-product-text-info-category, .product-card-product-text-info-name {
    font-size: 0.875rem;
  }
  .product-card-product-text-buttons {
    gap: 0.5rem;
  }
  .product-card-product-text-buttons .btn-secondary-filled {
    padding: 0.5625rem 0.625rem;
  }
}
@media (max-width: 85.375rem) {
  .product-main {
    gap: 1.5rem;
  }
  .product-main-imageWrapper {
    flex: 0 1 26.25rem;
    max-width: 26.25rem;
    gap: 1.5rem;
  }
  .product-main-secondaryImages {
    flex: 0 0 3.75rem;
    width: 3.75rem;
    height: 27.5rem;
  }
  .product-main-secondaryImages .vertical-slider-container {
    max-height: 22.5rem;
  }
  .product-main-secondaryImages .slider-arrow svg {
    width: 1.25rem;
    height: 1.75rem;
  }
  .product-main-mainImage {
    max-width: 21rem;
  }
  .product-main-mainImage img {
    max-height: 26.25rem;
  }
  .product-main-content {
    flex: 1 1 30.625rem;
    max-width: 30.625rem;
  }
  .product-main-buy {
    flex: 0 0 20rem;
    max-width: 20rem;
    gap: 1rem;
  }
  .product-main-buy-main {
    padding: 1.25rem;
    gap: 0.75rem;
  }
  .product-main-buy-splite {
    padding: 0.875rem 1.25rem;
  }
  .product-main-buy-splite-price {
    gap: 0.75rem;
  }
  .product-main-buy-market {
    margin-left: 1.25rem;
  }
  .product-main-content-colors {
    gap: 0.5rem;
  }
  .product-main-content-colors span:first-child {
    font-size: 1rem;
  }
  .product-main-content-colors > div {
    gap: 0.625rem;
  }
  .product-main-content-colors-item {
    min-width: 3.5rem;
    min-height: 5rem;
  }
  .product-main-content-colors-item img {
    width: 3.5rem;
    height: 5rem;
  }
  .product-main-content-characteristic-item {
    gap: 0.5rem;
  }
  .product-main-content-characteristic-item-name {
    padding-left: 0.375rem;
  }
  .product-main-content-characteristic-item > div {
    height: 2.5rem;
  }
  .product-main-content-characteristic-item > div span, .product-main-content-specialInfo-item-column > div span {
    font-size: 0.875rem;
  }
  .product-main-content-specialInfo-item-column {
    gap: 0.75rem;
  }
  .product-main-content-characteristic > a {
    font-size: 0.875rem;
  }
  .product-top-right {
    gap: 1.125rem;
  }
  .product-actions-wrapper {
    gap: 0.875rem;
  }
  .product-info-navigation nav ul li {
    padding: 1.125rem 1.125rem 0 1.125rem;
  }
  .product-info-navigation nav ul li a {
    font-size: 0.9375rem;
  }
  .product-info section#overview .overview-top {
    height: 26.875rem;
  }
  .product-info section#overview .overview-top picture {
    height: 26.875rem;
  }
  .product-info section#overview .overview-top h2 {
    max-width: 30rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .product-info section#overview .overview-top p {
    max-width: 33.75rem;
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  .product-info section#overview .overview-main-item {
    margin-bottom: 5rem;
  }
  .product-info section#overview .overview-main-item.horizontal-left, .product-info section#overview .overview-main-item.horizontal-right {
    gap: 3.125rem;
  }
  .product-info section#overview .overview-main-item-double {
    gap: 2.5rem;
    margin-bottom: 4.375rem;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    max-width: 32.5rem;
    max-height: 26.25rem;
  }
  .product-info section#overview .overview-richContent-wrapper {
    height: 40.625rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 19.6875rem;
    max-height: 19.6875rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .product-info section#overview .overview-richContent-item-big svg {
    width: 6.25rem;
    height: 6.25rem;
  }
  .product-info section#overview .overview-richContent-item-row div {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .product-info section#overview .overview-richContent-item-row svg {
    width: 3.625rem;
    height: 3.625rem;
  }
  .product-info section#collection .collection-wrapper {
    gap: 1.5rem;
  }
  .product-info section#collection .collection-buy {
    max-width: 15.625rem;
    padding: 1.5rem 1.25rem;
  }
  .product-info section#collection .collection-item-img {
    height: 12.5rem;
  }
}
@media (max-width: 80rem) {
  .product-main {
    gap: 1.25rem;
  }
  .product-main-imageWrapper {
    flex: 0 1 23.75rem;
    max-width: 23.75rem;
    gap: 1.25rem;
  }
  .product-main-secondaryImages {
    flex: 0 0 3.5rem;
    width: 3.5rem;
    height: 25rem;
  }
  .product-main-secondaryImages .vertical-slider-container {
    max-height: 20rem;
  }
  .product-main-mainImage {
    max-width: 19rem;
  }
  .product-main-mainImage img {
    min-width: 0;
    max-height: 23.75rem;
  }
  .product-main-content {
    flex: 1 1 29.75rem;
    max-width: 29.75rem;
  }
  .product-main-buy {
    flex: 0 0 18.75rem;
    max-width: 18.75rem;
  }
  .product-main-buy-main {
    padding: 1.125rem;
  }
  .product-main-buy-main-buttonBasket {
    height: 3.125rem;
    padding: 0.8125rem;
    font-size: 0.875rem;
  }
  .product-main-buy-splite {
    padding: 0.75rem 1.125rem;
  }
  .product-main-buy-splite-price {
    gap: 0.625rem;
  }
  .product-main-buy-splite-price > div {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-main-content-colors-item {
    min-width: 3.125rem;
    min-height: 4.5rem;
  }
  .product-main-content-colors-item img {
    width: 3.125rem;
    height: 4.5rem;
  }
  .product-main-content-characteristic-item > div {
    height: 2.375rem;
  }
  .product-main-content-characteristic-item > div span, .product-main-content-specialInfo-item-column > div span {
    font-size: 0.8125rem;
  }
  .product-main-content-characteristic-item-name {
    padding-left: 0.25rem;
  }
  .product-main-content-specialInfo-item-column > div > a {
    font-size: 0.8125rem;
  }
  .product-main-content-specialInfo-item-column .svg-wrapper {
    flex-shrink: 0;
  }
  .product-info-navigation nav ul li {
    padding: 1.125rem 1rem 0 1rem;
  }
  .product-info-navigation nav ul li a {
    font-size: 0.875rem;
  }
  .product-info section#overview .overview-top {
    height: 24.375rem;
  }
  .product-info section#overview .overview-top picture {
    height: 24.375rem;
  }
  .product-info section#overview .overview-top h2 {
    max-width: 26.875rem;
  }
  .product-info section#overview .overview-top p {
    max-width: 28.75rem;
  }
  .product-info section#overview .overview-main-item.horizontal-left, .product-info section#overview .overview-main-item.horizontal-right {
    gap: 2.5rem;
  }
  .product-info section#overview .overview-main-item-double {
    gap: 1.875rem;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    width: 100%;
    max-width: 28.75rem;
    min-width: 0;
    max-height: 23.125rem;
    min-height: 0;
    object-fit: cover;
  }
  .product-info section#overview .overview-richContent {
    padding: 4.375rem 0;
  }
  .product-info section#overview .overview-richContent-wrapper {
    height: 37.5rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 2.5rem 1.5rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 18.125rem;
    max-height: 18.125rem;
    padding: 2.5rem 1.5625rem;
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .product-info section#overview .overview-richContent-item-row div {
    padding: 1.75rem 1.25rem;
    gap: 1.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .product-info section#overview .overview-richContent-item-column div {
    padding: 1.875rem 1.25rem;
    gap: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .product-info section#collection .collection-items-wrapper {
    gap: 1.875rem 1rem;
  }
  .product-info section#collection .collection-item-img {
    height: 11.5625rem;
  }
  .product-info section#collection .collection-buy {
    max-width: 14.0625rem;
    padding: 1.25rem;
  }
}
@media (max-width: 64rem) {
  .product-main {
    gap: 0.875rem;
    align-items: flex-start;
  }
  .product-main-imageWrapper {
    flex: 0 1 18.75rem;
    max-width: 18.75rem;
    gap: 0.875rem;
  }
  .product-main-secondaryImages {
    flex: 0 0 3rem;
    width: 3rem;
    height: 21.875rem;
  }
  .product-main-secondaryImages .vertical-slider-container {
    max-height: 16.875rem;
    gap: 0.375rem;
  }
  .product-main-secondaryImages .vertical-slider .splide__list {
    gap: 0.5rem;
  }
  .product-main-secondaryImages .slider-arrow {
    padding: 0.125rem;
  }
  .product-main-secondaryImages .slider-arrow svg {
    width: 1.125rem;
    height: 1.5rem;
  }
  .product-main-mainImage {
    flex: 1;
    max-width: 14.875rem;
  }
  .product-main-mainImage img {
    min-width: 0;
    max-height: 20.625rem;
  }
  .product-main-mainImage > a {
    gap: 0.5rem;
    font-size: 0.75rem;
  }
  .product-main-content {
    flex: 1 1 14.375rem;
    max-width: 15.625rem;
  }
  .product-main-buy {
    flex: 0 0 auto;
    max-width: 17.5rem;
    gap: 0.875rem;
  }
  .product-main-buy-main {
    padding: 0.9375rem;
    gap: 0.625rem;
  }
  .product-main-buy-main-buttonBasket {
    height: 2.875rem;
    padding: 0.6875rem;
    font-size: 0.8125rem;
  }
  .product-main-buy-main-status {
    font-size: 0.8125rem;
  }
  .product-main-buy-main-status-freeDelivery > span {
    padding: 0.25rem 0.5rem;
  }
  .product-main-buy-splite {
    padding: 0.75rem 0.875rem;
  }
  .product-main-buy-splite-price {
    gap: 0.5rem;
  }
  .product-main-buy-splite-price > svg {
    flex: 0 0 auto;
    width: 1.6875rem;
    height: 1.6875rem;
  }
  .product-main-buy-splite-price > div {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
  .product-main-buy-splite-price > div :last-child {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .product-main-buy-market {
    margin-left: 0.875rem;
    font-size: 0.8125rem;
  }
  .product-top {
    padding: 0.75rem 0;
  }
  .product-top-right {
    gap: 0.75rem;
  }
  .product-article-wrapper span {
    font-size: 0.8125rem;
  }
  .product-actions-wrapper {
    gap: 0.625rem;
  }
  .product-actions-wrapper svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .product-rating-container {
    gap: 0.3125rem;
    font-size: 0.8125rem;
  }
  .product-main-content-colors {
    gap: 0.375rem;
  }
  .product-main-content-colors span:first-child {
    font-size: 0.875rem;
  }
  .product-main-content-colors > div {
    gap: 0.4375rem;
  }
  .product-main-content-colors-item {
    min-width: 2.625rem;
    min-height: 3.75rem;
  }
  .product-main-content-colors-item img {
    width: 2.625rem;
    height: 3.75rem;
  }
  .product-main-content-characteristic {
    gap: 0.3125rem;
  }
  .product-main-content-characteristic-item {
    gap: 0.375rem;
  }
  .product-main-content-characteristic-item > div {
    height: 2.125rem;
  }
  .product-main-content-characteristic-item > div:first-child {
    flex: 0 1 52%;
  }
  .product-main-content-characteristic-item > div:last-child {
    flex: 1 1 48%;
  }
  .product-main-content-characteristic-item-name {
    padding-left: 0.1875rem;
    font-size: 0.75rem;
  }
  .product-main-content-characteristic-item .text-body {
    font-size: 0.75rem;
  }
  .product-main-content-characteristic > a {
    margin-top: 0.375rem;
    font-size: 0.75rem;
  }
  .product-main-content-specialInfo-item-column {
    gap: 0.5rem;
  }
  .product-main-content-specialInfo-item-column > div span {
    font-size: 0.75rem;
    line-height: 0.9375rem;
  }
  .product-main-content-specialInfo-item-column > div > a {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .product-info-navigation {
    overflow: hidden;
  }
  .product-info-navigation nav {
    overflow: hidden;
  }
  .product-info-navigation nav ul {
    justify-content: flex-start;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
  }
  .product-info-navigation nav ul::-webkit-scrollbar {
    display: none;
  }
  .product-info-navigation nav ul li {
    flex: 0 0 auto;
    padding: 1rem 0.875rem 0 0.875rem;
  }
  .product-info-navigation nav ul li a {
    white-space: nowrap;
    font-size: 0.8125rem;
    padding-bottom: 0.8125rem;
  }
  .product-info section#overview .overview-top {
    height: 21.25rem;
  }
  .product-info section#overview .overview-top picture {
    height: 21.25rem;
  }
  .product-info section#overview .overview-top h2 {
    max-width: 23.75rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .product-info section#overview .overview-top p {
    max-width: 25.625rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .product-info section#overview .overview-main-item {
    margin-bottom: 3.75rem;
  }
  .product-info section#overview .overview-main-item.horizontal-left, .product-info section#overview .overview-main-item.horizontal-right {
    gap: 1.875rem;
  }
  .product-info section#overview .overview-main-item-text {
    gap: 1.125rem;
    font-size: 1rem;
  }
  .product-info section#overview .overview-main-item-double {
    gap: 1.25rem;
    margin-bottom: 3.75rem;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    width: 100%;
    min-width: 0;
    max-width: 25rem;
    min-height: 0;
    max-height: 20.625rem;
  }
  .product-info section#overview .overview-richContent-wrapper {
    height: auto;
    min-height: 32.5rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 15.625rem;
    max-height: none;
    padding: 1.875rem 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .product-info section#overview .overview-richContent-item-big svg {
    width: 4.6875rem;
    height: 4.6875rem;
  }
  .product-info section#overview .overview-richContent-item-row div {
    padding: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .product-info section#overview .overview-richContent-item-row svg {
    width: 2.75rem;
    height: 2.75rem;
  }
  .product-info section#overview .overview-richContent-item-column div {
    padding: 1.25rem 0.75rem;
  }
  .product-info section#characteristics {
    padding-top: 3.125rem;
  }
  .product-info section#characteristics .characteristics-item {
    padding: 0.875rem 1.875rem;
  }
  .product-info section#collection .collection-wrapper {
    flex-wrap: wrap;
  }
  .product-info section#collection .collection-mainImage {
    flex: 0 1 34%;
    min-width: 0;
  }
  .product-info section#collection .collection-items-wrapper {
    flex: 1 1 60%;
    min-width: 0;
  }
  .product-info section#collection .collection-buy {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 61.9375rem) {
  .product {
    padding-bottom: 4.875rem;
    margin-bottom: -3rem;
  }
  .product-info section#characteristics .characteristics-item:nth-child(odd) {
    background: #f4f4f6;
  }
  .product-main {
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
    min-width: 0;
  }
  .product-main-imageWrapper {
    display: none;
  }
  .product-main-mobile {
    display: block;
    order: 1;
    width: 100%;
    min-width: 0;
  }
  .product-main-content {
    order: 2;
    width: 100%;
    max-width: none;
    min-width: 0;
  }
  .product-main-buy {
    order: 3;
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: 1.25rem;
  }
  .product-info {
    margin-top: 0;
  }
  .product-main-buy-main .line {
    display: none;
  }
  .product-main-buy-main-retail {
    display: none;
  }
  .product h1 {
    display: none;
  }
  .product-top {
    padding: 0.625rem 0 0.875rem;
  }
  .product-top .special-container, .product-top .product-rating-container {
    display: none;
  }
  .product-top-right {
    width: 100%;
    min-width: 0;
    justify-content: space-between;
    gap: 1rem;
  }
  .product-article-wrapper {
    min-width: 0;
    flex: 1;
  }
  .product-article-wrapper span {
    font-size: 0.875rem;
  }
  .product-article-wrapper span:last-child {
    overflow-wrap: anywhere;
  }
  .product-actions-wrapper {
    flex: 0 0 auto;
    gap: 1rem;
  }
  .product-actions-wrapper svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .product-main-mobile-slider {
    width: 100%;
    margin-bottom: 1.875rem;
  }
  .product-main-mobile-slider .splide__track, .product-main-mobile-slider .splide__list {
    width: 100%;
  }
  .product-main-mobile-slider .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32.5rem;
  }
  .product-main-mobile-slider img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
  }
  .product-main-mobile-slider > a {
    bottom: -0.25rem;
  }
  .product-main-mobile-text {
    gap: 0.75rem;
  }
  .product-main-mobile-text-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .product-main-mobile-text .product-rating-container {
    display: flex;
    width: fit-content;
  }
  .product-main-mobile-text .special-container--mobile {
    display: flex;
    width: 100%;
    max-width: 100%;
    gap: 0.5rem;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-bottom: 0.125rem;
  }
  .product-main-mobile-text .special-container--mobile .special {
    flex: 0 0 auto;
  }
  .product-main-mobile-text .special-container--mobile::-webkit-scrollbar {
    display: none;
  }
  .product-main-content-colors {
    width: 100%;
    min-width: 0;
  }
  .product-main-content-colors span:first-child {
    font-size: 1rem;
  }
  .product-main-content-colors > div {
    width: 100%;
    min-width: 0;
    gap: 0.75rem;
    overflow-x: auto;
    overflow-y: hidden;
    align-items: flex-start;
    overscroll-behavior-inline: contain;
    scrollbar-width: none;
  }
  .product-main-content-colors > div::-webkit-scrollbar {
    display: none;
  }
  .product-main-content-colors-item {
    flex: 0 0 auto;
    min-width: 4.25rem;
    min-height: 6rem;
  }
  .product-main-content-colors-item img {
    width: 4.25rem;
    height: 6rem;
    max-width: none;
    max-height: none;
    object-fit: contain;
  }
  .product-main-content-characteristic {
    width: 100%;
    gap: 0.25rem;
  }
  .product-main-content-characteristic-item {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 1rem;
    min-width: 0;
    align-items: center;
    padding: 0.3125rem 0;
  }
  .product-main-content-characteristic-item > div {
    display: flex;
    width: 100%;
    height: auto;
    min-height: 2.25rem;
    min-width: 0;
    overflow: visible;
    align-items: center;
  }
  .product-main-content-characteristic-item > div:first-child, .product-main-content-characteristic-item > div:last-child {
    flex: initial;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: anywhere;
    word-break: normal;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name {
    padding-left: 0.375rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-main-content-characteristic-item .text-body {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-main-content-characteristic > a {
    width: 100%;
    max-height: none;
    min-height: 2.5rem;
    margin-top: 0rem;
    font-size: 0.9375rem;
  }
  .product-main-content-specialInfo-item-column {
    gap: 0.875rem;
  }
  .product-main-content-specialInfo-item-column > div span {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
  .product-main-content-specialInfo-item-column > div > a {
    font-size: 0.875rem;
  }
  .product-main-content-manual {
    display: flex;
  }
  .product-main-buy-main {
    padding: 0;
    box-shadow: none;
    border-radius: 0;
  }
  .product-main-buy-main .price.price-big {
    display: none;
  }
  .product-main-buy-main .price.price-big.priceAndDiscount-mobile {
    display: inline;
    font-size: 1.375rem;
  }
  .product-main-buy-main-buttonBasket {
    position: fixed;
    left: 0;
    bottom: calc(2.625rem + env(safe-area-inset-bottom));
    width: 100%;
    max-width: 100%;
    height: 2.75rem;
    z-index: 11;
    padding: 0.6875rem 1rem;
    border-radius: 0;
    box-shadow: 0 -0.25rem 1.125rem rgba(0, 0, 0, 0.12);
  }
  .product-main-buy-main-buttonBasket-text {
    display: none;
  }
  .product-main-buy-main-buttonBasket-text-mobile {
    display: inline;
  }
  .product-main-buy-main-status {
    font-size: 0.875rem;
    margin-top: 0;
  }
  .product-main-buy-splite {
    padding: 1rem;
  }
  .product-main-buy-market {
    margin-left: 1rem;
  }
  .product-info-navigation {
    position: sticky;
    top: var(--header-height);
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    z-index: 10;
  }
  .product-info-navigation nav {
    width: 100%;
    overflow: hidden;
  }
  .product-info-navigation nav ul {
    width: 100%;
    max-width: 100%;
    justify-content: flex-start;
    padding-left: 1rem;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior-inline: contain;
  }
  .product-info-navigation nav ul::-webkit-scrollbar {
    display: none;
  }
  .product-info-navigation nav ul li {
    flex: 0 0 auto;
    padding: 1rem 1rem 0 1rem;
  }
  .product-info-navigation nav ul li:first-child {
    padding-left: 0;
  }
  .product-info-navigation nav ul li:last-child {
    padding-right: 1rem;
  }
  .product-info-navigation nav ul li a {
    white-space: nowrap;
    font-size: 0.875rem;
    padding-bottom: 0.75rem;
  }
  .product-info section#overview .overview-description {
    padding: 3rem 0;
  }
  .product-info section#overview .overview-description-inner {
    padding: 2.25rem 2.5rem;
    border-radius: 1rem;
  }
  .product-info section#overview .overview-description h2 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .product-info section#overview .overview-top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    height: auto;
    margin-bottom: 3rem;
  }
  .product-info section#overview .overview-top picture {
    position: static;
    display: block;
    width: 100%;
    height: auto;
  }
  .product-info section#overview .overview-top img {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
  }
  .product-info section#overview .overview-top h2, .product-info section#overview .overview-top p {
    max-width: none;
    color: #1B1B20;
  }
  .product-info section#overview .overview-top h2 {
    margin: 1.5rem 0 0.875rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .product-info section#overview .overview-top p {
    margin-top: 0;
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  .product-info section#overview .overview-main-item.horizontal-left, .product-info section#overview .overview-main-item.horizontal-right, .product-info section#overview .overview-main-item.vertical-top, .product-info section#overview .overview-main-item.vertical-bottom, .product-info section#overview .overview-main-item-double {
    flex-direction: column;
    width: 100%;
    gap: 1.5rem;
  }
  .product-info section#overview .overview-main-item {
    width: 100%;
    margin-bottom: 3rem;
  }
  .product-info section#overview .overview-main-item-img {
    width: 100%;
    min-width: 0;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    max-height: 35rem;
    object-fit: contain;
  }
  .product-info section#overview .overview-main-item-double > div {
    width: 100%;
    min-width: 0;
  }
  .product-info section#overview .overview-main-item.vertical-top, .product-info section#overview .overview-main-item.vertical-bottom {
    max-width: 100%;
    margin-bottom: 3rem;
  }
  .product-info section#overview .overview-main-item.vertical-top .overview-main-item-text, .product-info section#overview .overview-main-item.vertical-bottom .overview-main-item-text {
    text-align: left;
  }
  .product-info section#overview .overview-richContent {
    padding: 3.75rem 0;
  }
  .product-info section#overview .overview-richContent-wrapper {
    flex-direction: column;
    height: auto;
    min-height: 0;
  }
  .product-info section#overview .overview-richContent-imgBlock, .product-info section#overview .overview-richContent-item {
    width: 100%;
    min-width: 0;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 31.25rem;
  }
  .product-info section#overview .overview-richContent-imgBlock img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .product-info section#overview .overview-richContent-imgBlock::after {
    height: 100%;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 2.625rem 1.875rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span.subtitle {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    width: 100%;
    min-height: 16.25rem;
    max-height: none;
    padding: 2.25rem;
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .product-info section#overview .overview-richContent-item-row div {
    padding: 1.375rem 1.875rem;
  }
  .product-info section#overview .overview-richContent-item-column {
    width: 100%;
  }
  .product-info section#overview .overview-richContent-item-column div {
    padding: 1.5rem 1.25rem;
  }
  .product-info section#characteristics {
    padding: 3rem 0 1.875rem;
  }
  .product-info section#characteristics h2 {
    padding: 0 1rem 1.875rem;
  }
  .product-info section#characteristics .characteristics-item {
    padding: 0.875rem 1rem;
  }
  .product-info section#characteristics .characteristics-item > div {
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: 1.25rem;
  }
  .product-info section#characteristics .characteristics-item span, .product-info section#characteristics .characteristics-item-text {
    min-width: 0;
  }
  .product-info section#characteristics .characteristics-item span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
  }
  .product-info section#characteristics .characteristics-item-text p {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow-wrap: anywhere;
  }
  .product-info section#characteristics .characteristics-management {
    max-width: none;
    padding: 0 1rem;
  }
  .product-info section#collection {
    padding: 3rem 0;
  }
  .product-info section#collection .collection-wrapper {
    flex-direction: column;
    width: 100%;
    gap: 1.75rem;
  }
  .product-info section#collection .collection-mainImage {
    flex: none;
    width: 100%;
    max-width: 100%;
    max-height: none;
  }
  .product-info section#collection .collection-mainImage img {
    display: block;
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 35rem;
    object-fit: contain;
  }
  .product-info section#collection .collection-items-wrapper {
    flex: none;
    width: 100%;
    min-width: 0;
    gap: 1.875rem 1.25rem;
  }
  .product-info section#collection .collection-item {
    width: calc(33.333% - 0.875rem);
  }
  .product-info section#collection .collection-item span {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-info section#collection .collection-buy {
    width: 100%;
    max-width: 100%;
  }
  .product-card-slider-container {
    padding: 0;
  }
  .product-card-prev, .product-card-next {
    display: none;
  }
  .product-card-product-text-price-main {
    font-size: 1.125rem;
  }
  .product-card-product-text-price .priceAndDiscount-wrapper.row {
    gap: 0.25rem;
  }
  .product-card-product-text-price .priceAndDiscount-wrapper.row > span {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .product-card-product-text-price .priceAndDiscount-wrapper.row .price.price-big {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
  .product-card-product-text-info-category, .product-card-product-text-info-name {
    font-size: 0.75rem;
  }
  .product-card-splide-cooking .splide__list, .product-card-splide-interest .splide__list, .product-card-splide-sell .splide__list, .product-card-splide-clip .splide__list, .product-card-splide-news .splide__list, .product-card-splide-watched .splide__list, .other-category-splide .splide__list {
    padding-right: calc(10% - 10px) !important;
  }
  .product-card-splide-cooking .splide__slide, .product-card-splide-interest .splide__slide, .product-card-splide-sell .splide__slide, .product-card-splide-clip .splide__slide, .product-card-splide-news .splide__slide, .product-card-splide-watched .splide__slide, .other-category-splide .splide__slide {
    margin-right: 1rem !important;
  }
}
@media (max-width: 48rem) {
  .product-main {
    gap: 1.375rem;
  }
  .product-main-mobile-slider {
    margin-bottom: 1.625rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 28.75rem;
  }
  .product-main-mobile-slider > a {
    bottom: 0;
  }
  .product-main-mobile-text-title {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .product-main-content-colors-item {
    min-width: 3.875rem;
    min-height: 5.5rem;
  }
  .product-main-content-colors-item img {
    width: 3.875rem;
    height: 5.5rem;
  }
  .product-main-buy-main-status {
    font-size: 0.875rem;
  }
  .product-card-product-text-buttons .btn.btn-secondary-filled-hoverNone {
    display: none;
  }
  .product-card-product-text-splite {
    font-size: 0.75rem;
  }
  .product-banner-item {
    padding: 0 0.1875rem;
  }
  .product-banner-item span {
    font-size: 0.6875rem;
  }
  .product-banner-item svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .product-card-product-text > div:first-child {
    gap: 0;
  }
  .product-card-product-text-rating-star, .product-card-product-text-rating-count {
    height: 1.25rem;
    font-size: 0.75rem;
  }
  .listing-item-column-row .product-card-product-text-rating-star .svg, .main-offers-item .product-card-product-text-rating-star .svg {
    position: relative;
    top: -0.0625rem;
    left: -0.125rem;
    width: 0.75rem;
    height: 0.75rem;
  }
  .listing-item-column-row .product-card-product-text-rating-count, .main-offers-item .product-card-product-text-rating-count {
    position: relative;
    top: -0.0625rem;
    left: -0.4375rem;
  }
  yandex-pay-badge {
    width: 100%;
    height: 1rem;
  }
  .overview-main-item-text h4 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .overview-main-item-text p {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 26.875rem;
  }
  .product-info section#overview .overview-richContent-item-column {
    flex-wrap: wrap;
  }
  .product-info section#overview .overview-richContent-item-column > div {
    flex: 1 1 calc(50% - 0.625rem);
    min-width: calc(50% - 0.625rem);
  }
  .product-info section#collection .collection-item {
    width: calc(50% - 0.625rem);
  }
  .product-info section#collection .collection-item-img {
    height: 11.875rem;
  }
}
@media (max-width: 37.5rem) {
  .product-info section#related {
    padding: 0 0 1.5rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 25rem;
  }
  .product-main-mobile-slider .splide__pagination {
    height: 18px;
    overflow: hidden;
  }
  .product-main-mobile-text-title {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .product-top-right {
    gap: 0.625rem;
  }
  .product-actions-wrapper {
    gap: 0.75rem;
  }
  .product-main-content-colors-item {
    min-width: 3.625rem;
    min-height: 5rem;
  }
  .product-main-content-colors-item img {
    width: 3.625rem;
    height: 5rem;
  }
  .product-main-content-characteristic-item {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    gap: 0.75rem;
    display: none;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-info section#overview .overview-description {
    padding: 2rem 0;
  }
  .product-info section#overview .overview-description-inner {
    padding: 0rem;
    border-radius: 0.75rem;
  }
  .product-info section#overview .overview-description-kicker {
    margin-bottom: 0.5rem;
    font-size: 0.6875rem;
  }
  .product-info section#overview .overview-description h2 {
    margin-bottom: 1rem;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .product-info section#overview .overview-description-content {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .product-info section#overview .overview-top h2 {
    margin: 1.375rem 0 0.875rem;
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .product-info section#overview .overview-richContent {
    padding: 2.75rem 0;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 24.375rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 2.125rem 1.25rem;
    gap: 1rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span.subtitle {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 13.75rem;
    padding: 1.875rem 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .product-info section#overview .overview-richContent-item-column {
    flex-direction: column;
  }
  .product-info section#overview .overview-richContent-item-column > div {
    width: 100%;
    min-width: 0;
  }
  .product-info section#collection .collection-mainImage img {
    max-height: 26.25rem;
  }
  .product-info section#collection .collection-item-img {
    height: 10.3125rem;
  }
  .product-card-product-text-price .priceAndDiscount-wrapper.row {
    align-items: stretch;
  }
  .product-card-product-text-price .priceAndDiscount-wrapper.row .priceAndDiscount-sale {
    display: none;
  }
  .main-offers-item .product-card-product-text {
    min-height: 8.875rem;
  }
  .product-card-product-text {
    min-height: 10.875rem;
  }
  .product-card-product-image {
    margin-bottom: 0.75rem;
  }
}
@media (max-width: 26.875rem) {
  .product {
    padding-bottom: 5.125rem;
  }
  .product-top {
    padding: 0.5rem 0 0.625rem;
  }
  .product-article-wrapper span {
    font-size: 0.8125rem;
  }
  .product-actions-wrapper {
    gap: 0.6875rem;
  }
  .product-actions-wrapper button {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .product-actions-wrapper svg {
    width: 1.0625rem;
    height: 1.0625rem;
  }
  .product-main-mobile-slider {
    margin-bottom: 1.5rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 20.625rem;
  }
  .product-main-mobile-slider > a {
    width: 2.375rem;
    height: 2.375rem;
  }
  .product-main-mobile-slider .splide__pagination {
    bottom: -1.0625rem;
  }
  .product-main-mobile-slider .splide__pagination {
    height: 18px;
    overflow: hidden;
  }
  .product-main-mobile-text {
    gap: 0.625rem;
  }
  .product-main-mobile-text-title {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .product-rating-container {
    gap: 0.375rem;
    font-size: 0.8125rem;
  }
  .product-main-mobile-text .special-container--mobile {
    gap: 0.375rem;
  }
  .product-main-mobile-text .special-container--mobile .special {
    font-size: 0.75rem;
  }
  .product-main-content-colors {
    gap: 0.5rem;
  }
  .product-main-content-colors > div {
    gap: 0.5rem;
  }
  .product-main-content-colors-item {
    min-width: 3.375rem;
    min-height: 4.75rem;
  }
  .product-main-content-colors-item img {
    width: 3.375rem;
    height: 4.75rem;
  }
  .product-main-content-characteristic-item {
    grid-template-columns: minmax(0, 44%) minmax(0, 56%);
    gap: 0.625rem;
    padding: 0.375rem 0;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
  .product-main-content-characteristic-item-name {
    padding-left: 0.25rem;
  }
  .product-main-content-specialInfo-item-column {
    gap: 0.625rem;
  }
  .product-main-content-specialInfo-item-column > div span {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }
  .product-main-content-manual > a {
    gap: 0.75rem;
    font-size: 0.875rem;
  }
  .product-main-buy-main-buttonBasket {
    height: 2.75rem;
    font-size: 0.875rem;
  }
  .product-main-buy-splite {
    padding: 0.875rem;
  }
  .product-main-buy-splite-price {
    gap: 0.625rem;
  }
  .product-main-buy-market {
    margin-left: 0;
  }
  .product-info-navigation nav ul {
    padding-left: 0.75rem;
  }
  .product-info-navigation nav ul li {
    padding: 0.875rem 0.75rem 0 0.75rem;
  }
  .product-info-navigation nav ul li a {
    font-size: 0.75rem;
    padding-bottom: 0.625rem;
  }
  .product-info section#overview .overview-top {
    margin-bottom: 2.375rem;
  }
  .product-info section#overview .overview-main-item {
    margin-bottom: 2.375rem;
  }
  .product-info section#overview .overview-main-item.horizontal-left, .product-info section#overview .overview-main-item.horizontal-right, .product-info section#overview .overview-main-item.vertical-top, .product-info section#overview .overview-main-item.vertical-bottom, .product-info section#overview .overview-main-item-double {
    gap: 1.125rem;
  }
  .product-info section#overview .overview-main-item-img img, .product-info section#overview .overview-main-item-double > div img {
    max-height: 21.25rem;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 21.25rem;
  }
  .product-info section#characteristics {
    padding-top: 2.375rem;
  }
  .product-info section#characteristics h2 {
    padding-bottom: 1.5rem;
  }
  .product-info section#characteristics .characteristics-item {
    padding: 0.75rem 0.875rem;
  }
  .product-info section#characteristics .characteristics-item > div {
    gap: 0.75rem;
  }
  .product-info section#characteristics .characteristics-item span {
    flex-basis: 60%;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .product-info section#characteristics .characteristics-item-text {
    flex-basis: 56%;
  }
  .product-info section#characteristics .characteristics-item-text p {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .product-info section#characteristics .characteristics-management {
    padding: 0 0.875rem;
  }
  .product-info section#collection {
    padding: 2.5rem 0;
  }
  .product-info section#collection h2 {
    margin-bottom: 1.75rem;
  }
  .product-info section#collection .collection-wrapper {
    gap: 1.375rem;
  }
  .product-info section#collection .collection-items-wrapper {
    gap: 1.5rem 0.75rem;
  }
  .product-info section#collection .collection-item {
    width: calc(50% - 0.375rem);
    gap: 0.5rem;
  }
  .product-info section#collection .collection-item-img {
    height: 9.375rem;
    padding: 0.625rem;
    border-radius: 0.75rem;
  }
  .product-info section#collection .collection-item span {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .product-card-product-text-info-category, .product-card-product-text-info-name {
    overflow: hidden;
    white-space: nowrap !important;
    text-overflow: ellipsis;
  }
}
@media (max-width: 24.375rem) {
  .product-top-right {
    gap: 0.5rem;
  }
  .product-article-wrapper span {
    font-size: 0.75rem;
  }
  .product-actions-wrapper {
    gap: 0.625rem;
  }
  .product-actions-wrapper svg {
    width: 1rem;
    height: 1rem;
  }
  .product-main {
    gap: 1.25rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 18.75rem;
  }
  .product-main-mobile-text-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .product-main-content-colors-item {
    min-width: 3.125rem;
    min-height: 4.375rem;
  }
  .product-main-content-colors-item img {
    width: 3.125rem;
    height: 4.375rem;
  }
  .product-main-content-characteristic-item {
    grid-template-columns: minmax(0, 45%) minmax(0, 55%);
    gap: 0.5rem;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .product-main-buy-splite-price > div {
    font-size: 0.8125rem;
  }
  .product-info section#overview .overview-description-content {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 19.375rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 1.75rem 1rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .product-info section#collection .collection-item-img {
    height: 8.75rem;
  }
}
@media (max-width: 22.5rem) {
  .product-article-wrapper span {
    font-size: 0.6875rem;
  }
  .product-actions-wrapper {
    gap: 0.5rem;
  }
  .product-actions-wrapper svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 17.5rem;
  }
  .product-main-mobile-text-title {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  .product-main-mobile-text .special-container--mobile .special {
    font-size: 0.6875rem;
  }
  .product-main-content-colors-item {
    min-width: 2.9375rem;
    min-height: 4.125rem;
  }
  .product-main-content-colors-item img {
    width: 2.9375rem;
    height: 4.125rem;
  }
  .product-main-content-characteristic-item {
    grid-template-columns: minmax(0, 46%) minmax(0, 54%);
    gap: 0.4375rem;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .product-main-content-specialInfo-item-column > div span {
    font-size: 0.8125rem;
  }
  .product-main-buy-main-status {
    font-size: 0.8125rem;
  }
  .product-main-buy-main-status-freeDelivery > span {
    padding: 0.25rem 0.5625rem;
  }
  .product-main-buy-splite {
    padding: 0.75rem;
  }
  .product-main-buy-splite-price {
    gap: 0.5rem;
  }
  .product-main-buy-splite-price > svg {
    width: 1.625rem;
    height: 1.625rem;
  }
  .product-main-buy-splite-price > div {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .product-info-navigation nav ul li {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .product-info section#characteristics .characteristics-item {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .product-info section#collection .collection-items-wrapper {
    gap: 1.25rem 0.625rem;
  }
  .product-info section#collection .collection-item {
    width: calc(50% - 0.3125rem);
  }
  .product-info section#collection .collection-item-img {
    height: 8.125rem;
    padding: 0.5rem;
  }
  .product-card-product-text-buttons button {
    font-size: 0.8125rem;
  }
}
@media (max-width: 20rem) {
  .product {
    padding-bottom: 5.25rem;
  }
  .product-top {
    padding-top: 0.375rem;
  }
  .product-top-right {
    gap: 0.375rem;
  }
  .product-article-wrapper span {
    font-size: 0.625rem;
  }
  .product-actions-wrapper {
    gap: 0.4375rem;
  }
  .product-actions-wrapper svg {
    width: 0.875rem;
    height: 0.875rem;
  }
  .product-main-mobile-slider {
    margin-bottom: 1.375rem;
  }
  .product-main-mobile-slider .splide__slide {
    height: 15.625rem;
  }
  .product-main-mobile-text-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-rating-container {
    font-size: 0.75rem;
  }
  .product-main-content-colors span:first-child {
    font-size: 0.875rem;
  }
  .product-main-content-colors > div {
    gap: 0.375rem;
  }
  .product-main-content-colors-item {
    min-width: 2.75rem;
    min-height: 3.875rem;
  }
  .product-main-content-colors-item img {
    width: 2.75rem;
    height: 3.875rem;
  }
  .product-main-content-characteristic-item {
    grid-template-columns: minmax(0, 47%) minmax(0, 53%);
    gap: 0.375rem;
  }
  .product-main-content-characteristic-item > div {
    min-height: 2.125rem;
  }
  .product-main-content-characteristic-item .product-main-content-characteristic-item-name, .product-main-content-characteristic-item .text-body {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .product-main-content-characteristic-item-name {
    padding-left: 0.125rem;
  }
  .product-main-content-characteristic > a {
    min-height: 2.375rem;
    font-size: 0.8125rem;
  }
  .product-main-content-specialInfo-item-column {
    gap: 0.5rem;
  }
  .product-main-content-specialInfo-item-column > div span {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .product-main-content-specialInfo-item-column > div > a {
    font-size: 0.75rem;
  }
  .product-main-content-manual > a {
    gap: 0.5625rem;
    font-size: 0.75rem;
  }
  .product-main-buy-main-buttonBasket {
    height: 2.75rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    font-size: 0.8125rem;
  }
  .product-main-buy-main-status {
    font-size: 0.75rem;
  }
  .product-main-buy-splite {
    padding: 0.625rem;
  }
  .product-main-buy-splite-price {
    gap: 0.375rem;
  }
  .product-main-buy-splite-price > svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  .product-main-buy-splite-price > div {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .product-main-buy-splite-price > div :last-child {
    font-size: 0.625rem;
    line-height: 0.9375rem;
  }
  .product-info-navigation nav ul {
    padding-left: 0.5rem;
  }
  .product-info-navigation nav ul li {
    padding: 0.75rem 0.5625rem 0 0.5625rem;
  }
  .product-info-navigation nav ul li a {
    font-size: 0.6875rem;
    padding-bottom: 0.5625rem;
  }
  .product-info section#overview .overview-description h2 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .product-info section#overview .overview-description-content {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .product-info section#overview .overview-top h2 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .product-info section#overview .overview-top p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .product-info section#overview .overview-richContent-imgBlock {
    min-height: 17.5rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text {
    padding: 1.5rem 0.875rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .product-info section#overview .overview-richContent-imgBlock-text span.subtitle {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .product-info section#overview .overview-richContent-item-big {
    min-height: 11.875rem;
    padding: 1.5rem 0.875rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .product-info section#characteristics .characteristics-item {
    padding: 0.6875rem 0.625rem;
  }
  .product-info section#characteristics .characteristics-item > div {
    gap: 0.5rem;
  }
  .product-info section#characteristics .characteristics-item span, .product-info section#characteristics .characteristics-item-text p {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .product-info section#characteristics .characteristics-management {
    padding: 0 0.625rem;
  }
  .product-info section#collection .collection-items-wrapper {
    gap: 1.125rem 0.5rem;
  }
  .product-info section#collection .collection-item {
    width: calc(50% - 0.25rem);
  }
  .product-info section#collection .collection-item-img {
    height: 7.375rem;
    padding: 0.375rem;
  }
  .product-info section#collection .collection-item span {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .product-card-product-text-price-main {
    font-size: 1rem;
  }
  .product-card-product-text-info-category, .product-card-product-text-info-name {
    font-size: 0.6875rem;
  }
  .product-card-product-text-buttons button {
    font-size: 0.75rem;
  }
}
.page-404 {
  padding: 5rem 0;
  min-height: 60vh;
  display: flex;
  align-items: center;
}
.page-404-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}
.page-404-text h1 {
  font-size: 11.25rem;
  font-weight: 700;
  color: #7C7C86;
  line-height: 1;
  margin-bottom: 1rem;
}
.page-404-title {
  font-size: 2rem;
  font-weight: 600;
  color: #1B1B20;
  margin-bottom: 1rem;
}
.page-404-description {
  font-size: 1.125rem;
  color: #D4D4D9;
  margin-bottom: 2rem;
  max-width: 25rem;
}
.page-404-actions {
  display: flex;
  gap: 1rem;
}
.page-404-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-404-image svg {
  width: 100%;
  max-width: 25rem;
  height: auto;
}
.blacklist-search {
  width: 100%;
  max-width: 37.5rem;
  margin: 0 auto 2rem;
}
.blacklist-empty {
  margin-top: 1.5rem;
  padding: 1.5rem;
  border-radius: 0.875rem;
  background: #F4F4F6;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.375rem;
  text-align: center;
}
.blacklist-empty[hidden] {
  display: none;
}
.blacklist [data-blacklist-card][hidden] {
  display: none;
}
.official-stores {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.5rem;
  padding: 1.75rem;
  border: 1px solid #EEEEF1;
  border-radius: 1.125rem;
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFB 100%);
}
.official-stores p {
  width: 100%;
  max-width: 42.5rem;
  margin-bottom: 1.375rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  text-align: center;
}
.official-stores-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.official-stores-title {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.625rem;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.official-stores-title svg {
  width: 1.375rem;
  height: 1.375rem;
  flex-shrink: 0;
  color: #14A37B;
}
.official-stores-title span {
  overflow-wrap: anywhere;
}
.official-stores-badge {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  gap: 0.375rem;
  padding: 0.4375rem 0.75rem;
  border-radius: 6.25rem;
  background: rgba(20, 163, 123, 0.1);
  color: #14A37B;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  white-space: nowrap;
}
.official-stores-badge svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}
.official-stores-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
}
.official-store-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  min-height: 11.875rem;
  height: 100%;
  padding: 1.375rem;
  border: 1px solid #EEEEF1;
  border-radius: 0.875rem;
  background: #FFFFFF;
  color: inherit;
  text-align: center;
  text-decoration: none;
  transition: transform 300ms, border-color 300ms, box-shadow 300ms;
}
.official-store-card > svg {
  width: 2.375rem;
  height: 2.375rem;
  flex-shrink: 0;
  margin-bottom: 1rem;
  color: #1B1B20;
}
.official-store-card:hover {
  transform: translateY(-0.125rem);
  border-color: rgba(202, 22, 60, 0.25);
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.06);
}
.official-store-card:hover .official-store-link {
  color: #CA163C;
}
.official-store-card:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.3);
  outline-offset: 0.1875rem;
}
.official-store-name {
  margin-bottom: 0.375rem;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.official-store-description {
  margin-bottom: 0.875rem;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.official-store-link {
  margin-top: auto;
  color: #1652CA;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
  transition: color 300ms;
}
@media (max-width: 63.75rem) {
  .official-stores {
    padding: 1.5rem;
  }
  .official-stores-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 48rem) {
  .blacklist-search {
    margin-bottom: 1.5rem;
  }
  .official-stores {
    margin-bottom: 2rem;
    padding: 1.375rem 1.25rem;
  }
  .official-stores p {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .official-stores-header {
    gap: 0.75rem;
  }
  .official-store-card {
    min-height: 10.9375rem;
    padding: 1.25rem;
  }
  .official-store-card:hover {
    transform: none;
  }
}
@media (max-width: 37.5rem) {
  .official-stores {
    padding: 1.25rem 1rem;
    border-radius: 1rem;
  }
  .official-stores-header {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.125rem;
    text-align: center;
  }
  .official-stores-title {
    justify-content: center;
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .official-stores-badge {
    justify-content: center;
    max-width: 100%;
    white-space: normal;
    text-align: center;
  }
  .official-stores-grid {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .official-store-card {
    min-height: 0;
    padding: 1.125rem;
  }
}
@media (max-width: 26.875rem) {
  .blacklist-search {
    margin-bottom: 1.25rem;
  }
  .official-stores {
    margin-bottom: 1.625rem;
  }
  .official-stores p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .official-store-card {
    padding: 1rem;
  }
  .official-store-card > svg {
    width: 2.125rem;
    height: 2.125rem;
    margin-bottom: 0.75rem;
  }
  .official-store-name {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .official-store-description, .official-store-link {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .official-store-card, .official-store-link {
    transition: none;
  }
  .official-store-card:hover {
    transform: none;
  }
}
.contacts-page {
  background: #FFFFFF;
}
.contacts-section-kicker {
  display: block;
  margin-bottom: 0.5rem;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.contacts-section-kicker--light {
  color: #CA163C;
}
.contacts-section-header {
  max-width: 56.25rem;
  margin-bottom: 2.5rem;
}
.contacts-section-header .h2 {
  margin-bottom: 1rem;
}
.contacts-section-header p {
  max-width: 47.5rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.contacts-hero {
  padding: 3rem 0 4.125rem;
}
.contacts-hero-content {
  max-width: 57.5rem;
  margin: 0 auto;
  padding: 1.125rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.contacts-hero-content .h1 {
  max-width: none;
  margin: 0;
  color: #1B1B20;
  font-size: 3.5rem;
  line-height: 3.875rem;
}
.contacts-hero-lead {
  max-width: 45rem;
  margin-top: 1.125rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 500;
}
.contacts-hero-button {
  min-width: 13.75rem;
  margin-top: 2.25rem;
}
.contacts-quick {
  padding: 0 0 4.5rem;
}
.contacts-quick .container-field {
  max-width: 92.5rem;
}
.contacts-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.875rem;
}
.contacts-quick-card {
  min-width: 0;
  min-height: 10.75rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 2.75rem;
  grid-template-rows: auto 1fr;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 1.375rem;
  background: #F4F4F6;
  color: #1B1B20;
  transition: transform 300ms, box-shadow 300ms, background 300ms, color 300ms;
}
.contacts-quick-card:hover {
  transform: translateY(-0.1875rem);
  color: #CA163C;
  box-shadow: 0 0.75rem 1.75rem rgba(27, 27, 32, 0.07);
  opacity: 0.8;
}
.contacts-quick-card:hover .contacts-quick-icon {
  transform: translateX(0.1875rem);
}
.contacts-quick-card--accent {
  background: #CA163C;
  color: #FFFFFF;
}
.contacts-quick-card--accent .contacts-quick-number, .contacts-quick-card--accent .contacts-quick-copy span {
  color: rgba(255, 255, 255, 0.72);
}
.contacts-quick-card--accent .contacts-quick-icon {
  border-color: rgba(255, 255, 255, 0.2);
  color: #FFFFFF;
}
.contacts-quick-card--accent:hover {
  color: #FFFFFF;
  opacity: 0.9;
}
.contacts-quick-number {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.contacts-quick-icon {
  grid-row: 1 / 3;
  grid-column: 2;
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  border: 1px solid #D4D4D9;
  border-radius: 50%;
  color: currentColor;
  transition: transform 300ms;
}
.contacts-quick-icon .svg {
  width: 1.125rem;
  height: 1.125rem;
}
.contacts-quick-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 0.4375rem;
}
.contacts-quick-copy span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.contacts-quick-copy strong {
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.contacts-offices {
  padding: 0 0 5rem;
  background: #FFFFFF;
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
}
.contacts-offices .container-field {
  max-width: 92.5rem;
}
.contacts-office-featured {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 1rem;
  border-radius: 1.875rem;
}
.contacts-office-featured-main {
  min-width: 0;
  min-height: 14.25rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding: 2.25rem;
  border-radius: 1.375rem;
  background: #1B1B20;
}
.contacts-office-featured-heading {
  max-width: 32.5rem;
}
.contacts-office-featured-heading h3 {
  color: #FFFFFF;
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.contacts-office-city {
  display: block;
  margin-bottom: 0.625rem;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contacts-office-address {
  width: 100%;
  max-width: 35rem;
  margin-top: auto;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.contacts-office-address span {
  display: block;
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.55);
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.contacts-office-address strong {
  display: block;
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5625rem;
  font-weight: 600;
}
.contacts-office-button {
  width: fit-content;
  margin-top: 1.0625rem;
}
.contacts-office-featured-details {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
}
.contacts-office-item {
  min-width: 0;
  min-height: 6.25rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.25rem;
  padding: 1.5rem;
  border-radius: 1.125rem;
  background: #F4F4F6;
}
.contacts-office-item span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.contacts-office-item strong, .contacts-office-item a {
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.contacts-office-item a {
  transition: color 300ms;
}
.contacts-office-item a:hover {
  color: #CA163C;
}
.contacts-departments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.contacts-department {
  padding: 1.75rem;
  border-radius: 1.375rem;
  background: #FFFFFF;
}
.contacts-department-label {
  display: block;
  margin-bottom: 0.5rem;
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contacts-department h3 {
  margin-bottom: 1.25rem;
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.contacts-department-list {
  display: flex;
  flex-direction: column;
}
.contacts-department-row {
  display: grid;
  grid-template-columns: minmax(9.375rem, 0.75fr) minmax(0, 1.25fr);
  gap: 1.25rem;
  padding: 1rem 0;
  border-top: 1px solid #D4D4D9;
}
.contacts-department-row > span {
  color: #7C7C86;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.contacts-department-row > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
}
.contacts-department-row a {
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-align: right;
  overflow-wrap: anywhere;
  transition: color 300ms;
}
.contacts-department-row a:hover {
  color: #CA163C;
}
.contacts-service {
  padding: 5rem 0;
  background: #F4F4F6;
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
}
.contacts-service .container-field {
  max-width: 92.5rem;
}
.contacts-service-card {
  display: grid;
  grid-template-columns: minmax(18.75rem, 0.72fr) minmax(0, 1.28fr);
  gap: 3.375rem;
  padding: 3rem;
  border-radius: 2rem;
  background: #1B1B20;
}
.contacts-service-intro .h2 {
  margin-bottom: 1.25rem;
  color: #FFFFFF;
}
.contacts-service-intro > p {
  max-width: 27.5rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.9375rem;
  line-height: 1.625rem;
}
.contacts-service-intro .btn {
  margin-top: 1.875rem;
}
.contacts-service-schedule {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  margin-top: 2.125rem;
  padding: 1.25rem;
  border-radius: 1.125rem;
  background: rgba(255, 255, 255, 0.07);
}
.contacts-service-schedule span, .contacts-service-schedule small {
  color: rgba(255, 255, 255, 0.56);
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.contacts-service-schedule strong {
  color: #FFFFFF;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.contacts-service-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
.contacts-service-group {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #FFFFFF;
}
.contacts-service-group-index {
  margin-bottom: 2.25rem;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.contacts-service-group h3 {
  margin-bottom: 1.125rem;
  color: #1B1B20;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 700;
}
.contacts-service-group a, .contacts-service-group > span:not(.contacts-service-group-index) {
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.5rem;
  overflow-wrap: anywhere;
}
.contacts-service-group a {
  color: #1B1B20;
  font-weight: 600;
  transition: color 300ms;
}
.contacts-service-group a:hover {
  color: #CA163C;
}
.contacts-forms {
  padding: 5rem 0;
  background: #F4F4F6;
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
}
.contacts-forms .container-field {
  max-width: 92.5rem;
}
.contacts-forms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.contacts-forms-grid--single {
  grid-template-columns: minmax(0, 47.5rem);
}
.contacts-form-card {
  min-width: 0;
  padding: 2rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.contacts-form-card-heading {
  display: grid;
  grid-template-columns: 2.375rem minmax(0, 1fr);
  gap: 1rem;
  margin-bottom: 1.75rem;
}
.contacts-form-card-heading > span {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.contacts-form-card-heading h3 {
  margin-bottom: 0.375rem;
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.contacts-form-card-heading p {
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.contacts-form-card .form-builder {
  max-width: none;
}
.contacts-form-card .form-block-row {
  gap: 1rem;
}
.contacts-form-card .input, .contacts-form-card .aria, .contacts-form-card .select {
  border-radius: 0.625rem;
  background: #F4F4F6;
}
.contacts-form-card .btn {
  min-height: 3.25rem;
}
.contacts-director {
  padding: 5rem 0;
  background: #FFFFFF;
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
}
.contacts-director .container-field {
  max-width: 92.5rem;
}
.contacts-director-card {
  padding: 3rem;
  border-radius: 2rem;
  background: #1B1B20;
}
.contacts-director-card--with-form {
  display: flex;
  flex-direction: column;
  gap: 3.375rem;
}
.contacts-director-content {
  min-width: 0;
}
.contacts-director-content .h2 {
  max-width: 38.75rem;
  margin-bottom: 1.75rem;
  color: #FFFFFF;
}
.contacts-director-warning {
  padding: 1.5rem;
  border-radius: 1.125rem;
  background: rgba(255, 255, 255, 0.07);
}
.contacts-director-warning > strong {
  display: block;
  margin-bottom: 0.75rem;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.contacts-director-warning p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8125rem;
  line-height: 1.375rem;
}
.contacts-director-warning p + p {
  margin-top: 0.75rem;
}
.contacts-director-warning p strong {
  color: #FFFFFF;
  font-weight: 600;
}
.contacts-director-replacement {
  margin-top: 1rem;
  padding: 1.5rem;
  border-radius: 1.125rem;
  background: #CA163C;
}
.contacts-director-replacement-label {
  display: block;
  margin-bottom: 0.75rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contacts-director-replacement > strong {
  display: block;
  margin-bottom: 0.875rem;
  color: #FFFFFF;
  font-size: 1.125rem;
  line-height: 1.625rem;
  font-weight: 700;
}
.contacts-director-replacement p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.8125rem;
  line-height: 1.375rem;
}
.contacts-director-replacement p + p {
  margin-top: 0.625rem;
}
.contacts-director-message {
  margin-top: 1rem;
  padding: 0.25rem 0.25rem 0.25rem 1.25rem;
  border-left: 0.1875rem solid #CA163C;
}
.contacts-director-message p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.8125rem;
  line-height: 1.375rem;
}
.contacts-director-message p + p {
  margin-top: 0.75rem;
}
.contacts-director-message p strong {
  color: #FFFFFF;
}
.contacts-director-message-result {
  display: block;
  margin-top: 1rem;
  color: #FFFFFF;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 700;
}
.contacts-director-process {
  margin-top: 2rem;
}
.contacts-director-process-label {
  display: block;
  margin-bottom: 0.75rem;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contacts-director-process-line {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.contacts-director-process-line > span:not(.contacts-director-process-arrow) {
  padding: 0.625rem 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 62.4375rem;
  color: rgba(255, 255, 255, 0.82);
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.contacts-director-process-arrow {
  color: #CA163C;
  font-size: 1rem;
}
.contacts-director-steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}
.contacts-director-step {
  display: flex;
  padding: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 1.125rem;
}
.contacts-director-step-label {
  display: block;
  margin-bottom: 0.625rem;
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.contacts-director-step strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.contacts-director-step p {
  color: rgba(255, 255, 255, 0.58);
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.contacts-director-step p + p {
  margin-top: 0.625rem;
}
.contacts-director-step-result {
  color: rgba(255, 255, 255, 0.78) !important;
  font-weight: 600;
}
.contacts-director-legal {
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  gap: 1rem;
  margin-top: 1rem;
  padding: 1.25rem;
  border: 1px solid rgba(202, 22, 60, 0.32);
  border-radius: 1.125rem;
  background: rgba(202, 22, 60, 0.06);
}
.contacts-director-legal-label {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.contacts-director-legal strong {
  display: block;
  margin-bottom: 0.375rem;
  color: #FFFFFF;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.contacts-director-legal p {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.contacts-director-form {
  min-width: 0;
  padding: 2rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.contacts-director-form-heading {
  margin-bottom: 1.625rem;
}
.contacts-director-form-heading span {
  display: block;
  margin-bottom: 0.375rem;
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.contacts-director-form-heading h3 {
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.contacts-director-form .form-builder {
  max-width: none;
}
.contacts-director-form .form-block-row {
  gap: 1rem;
}
.contacts-director-form .input, .contacts-director-form .aria, .contacts-director-form .select {
  border-radius: 0.625rem;
  background: #F4F4F6;
}
.contacts-director-form .btn {
  min-height: 3.25rem;
}
.contacts-director-examples {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.contacts-director-examples > span {
  display: block;
  margin-bottom: 0.625rem;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.6875rem;
  line-height: 1.125rem;
}
.contacts-director-examples-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.contacts-director-examples-links a {
  display: inline-flex;
  align-items: center;
  min-height: 2.125rem;
  padding: 0.375rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 62.4375rem;
  color: #FFFFFF;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  transition: 300ms;
}
.contacts-director-examples-links a:hover {
  border-color: #CA163C;
  color: #CA163C;
}
.contacts-requisites {
  padding: 5rem 0;
  background: #F4F4F6;
  scroll-margin-top: calc(var(--header-height, 5rem) + 1rem);
}
.contacts-requisites .container-field {
  max-width: 92.5rem;
}
.contacts-requisites-layout {
  display: grid;
  grid-template-columns: minmax(17.5rem, 0.65fr) minmax(0, 1.35fr);
  gap: 4rem;
  align-items: start;
}
.contacts-requisites-heading {
  position: sticky;
  top: calc(var(--header-height, 5rem) + 1.5rem);
}
.contacts-requisites-heading .h2 {
  margin-bottom: 1rem;
}
.contacts-requisites-heading p {
  max-width: 26.25rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.625rem;
}
.contacts-requisites-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.625rem;
}
.contacts-requisite {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.4375rem;
  padding: 1.25rem;
  border-radius: 1rem;
  background: #FFFFFF;
}
.contacts-requisite--wide {
  grid-column: 1 / -1;
}
.contacts-requisite span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.contacts-requisite strong, .contacts-requisite a {
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.4375rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.contacts-requisite a {
  transition: color 300ms;
}
.contacts-requisite a:hover {
  color: #CA163C;
}
@media (max-width: 80rem) {
  .contacts-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contacts-quick-card {
    min-height: 8.875rem;
  }
  .contacts-service-card {
    grid-template-columns: minmax(17.5rem, 0.65fr) minmax(0, 1.35fr);
    gap: 2.25rem;
    padding: 2.5rem;
  }
  .contacts-service-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contacts-service-group {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  .contacts-service-group-index {
    margin-bottom: 1.5rem;
  }
  .contacts-service-group h3 {
    margin-bottom: 1rem;
  }
  .contacts-service-group a, .contacts-service-group > span:not(.contacts-service-group-index) {
    grid-column: auto;
  }
  .contacts-director-card--with-form {
    gap: 2.375rem;
  }
  .contacts-requisites-layout {
    gap: 2.75rem;
  }
}
@media (max-width: 63.75rem) {
  .contacts-hero {
    padding: 2.5rem 0 3.375rem;
  }
  .contacts-hero-content {
    max-width: 47.5rem;
  }
  .contacts-hero-content .h1 {
    font-size: 2.875rem;
    line-height: 3.25rem;
  }
  .contacts-hero-lead {
    max-width: 40.625rem;
    font-size: 1.375rem;
    line-height: 1.9375rem;
  }
  .contacts-offices, .contacts-service, .contacts-forms, .contacts-director, .contacts-requisites {
    padding: 4rem 0;
  }
  .contacts-office-featured {
    grid-template-columns: 1fr;
  }
  .contacts-office-featured-main {
    min-height: 18.75rem;
    padding: 1.875rem;
  }
  .contacts-office-featured-heading h3 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .contacts-office-featured-details {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contacts-office-item {
    min-height: 8.75rem;
  }
  .contacts-department-row {
    grid-template-columns: 1fr;
    gap: 0.375rem;
  }
  .contacts-department-row > div {
    align-items: flex-start;
  }
  .contacts-department-row a {
    text-align: left;
  }
  .contacts-service-card {
    grid-template-columns: 1fr;
  }
  .contacts-service-groups {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .contacts-service-group {
    display: flex;
  }
  .contacts-service-group-index {
    margin-bottom: 1.75rem;
  }
  .contacts-service-group h3 {
    margin-bottom: 1rem;
  }
  .contacts-forms-grid {
    grid-template-columns: 1fr;
  }
  .contacts-forms-grid--single {
    grid-template-columns: 1fr;
  }
  .contacts-director-card--with-form {
    grid-template-columns: 1fr;
  }
  .contacts-director-warning {
    max-width: none;
  }
  .contacts-requisites-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .contacts-requisites-heading {
    position: static;
  }
  .contacts-requisites-heading p {
    max-width: 47.5rem;
  }
}
@media (max-width: 48rem) {
  .contacts-section-header {
    margin-bottom: 1.75rem;
  }
  .contacts-section-header .h2 {
    margin-bottom: 0.875rem;
  }
  .contacts-section-header p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .contacts-hero {
    padding: 2.125rem 0 3rem;
  }
  .contacts-hero-content {
    padding: 0.625rem 0;
  }
  .contacts-hero-content .h1 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  .contacts-hero-lead {
    max-width: 100%;
    margin-top: 0.875rem;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
  }
  .contacts-hero-button {
    width: 100%;
    max-width: 21.25rem;
    margin-top: 1.625rem;
  }
  .contacts-quick {
    padding-bottom: 3.25rem;
  }
  .contacts-quick-grid {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contacts-quick-card {
    min-height: 6rem;
    grid-template-columns: minmax(0, 1fr) 2.375rem;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: 1rem;
  }
  .contacts-quick-icon {
    width: 2.375rem;
    height: 2.375rem;
  }
  .contacts-quick-copy {
    gap: 0.1875rem;
  }
  .contacts-quick-copy strong {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .contacts-offices, .contacts-service, .contacts-forms, .contacts-director, .contacts-requisites {
    padding: 3.25rem 0;
  }
  .contacts-departments {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .contacts-office-featured {
    gap: 0.625rem;
    padding: 0.625rem;
    border-radius: 1.375rem;
  }
  .contacts-office-featured-main {
    min-height: auto;
    padding: 1.5rem;
    border-radius: 1rem;
  }
  .contacts-office-featured-heading h3 {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .contacts-office-address {
    max-width: none;
    margin-top: 3rem;
    padding-top: 1.375rem;
  }
  .contacts-office-address strong {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .contacts-office-button {
    width: 100%;
    margin-top: 1.375rem;
  }
  .contacts-office-featured-details {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contacts-office-item {
    min-height: auto;
    gap: 0.5rem;
    padding: 1.125rem;
    border-radius: 0.9375rem;
  }
  .contacts-office-item strong, .contacts-office-item a {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .contacts-department {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .contacts-service-card {
    gap: 1.75rem;
    padding: 1.5rem;
    border-radius: 1.375rem;
  }
  .contacts-service-intro .h2 {
    margin-bottom: 1rem;
  }
  .contacts-service-intro .btn {
    width: 100%;
    margin-top: 1.5rem;
  }
  .contacts-service-schedule {
    margin-top: 1.625rem;
  }
  .contacts-service-groups {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contacts-service-group {
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .contacts-service-group-index {
    margin-bottom: 1.25rem;
  }
  .contacts-form-card {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .contacts-form-card-heading {
    margin-bottom: 1.375rem;
  }
  .contacts-form-card-heading h3 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .contacts-director-card {
    padding: 1.5rem;
    border-radius: 1.375rem;
  }
  .contacts-director-warning {
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .contacts-director-steps {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contacts-director-form {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .contacts-requisites-card {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .contacts-requisite {
    padding: 1.0625rem;
    border-radius: 0.875rem;
  }
  .contacts-requisite--wide {
    grid-column: auto;
  }
}
@media (max-width: 31.25rem) {
  .contacts-hero {
    padding: 1.625rem 0 2.5rem;
  }
  .contacts-hero-content .h1 {
    font-size: 2rem;
    line-height: 2.3125rem;
  }
  .contacts-hero-lead {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .contacts-hero-button {
    max-width: 100%;
    margin-top: 1.5rem;
  }
  .contacts-quick {
    padding-bottom: 2.75rem;
  }
  .contacts-offices, .contacts-service, .contacts-forms, .contacts-director, .contacts-requisites {
    padding: 2.75rem 0;
  }
  .contacts-service-card, .contacts-director-card {
    border-radius: 1.125rem;
  }
  .contacts-office-featured {
    padding: 0.5rem;
    border-radius: 1.125rem;
  }
  .contacts-office-featured-main {
    padding: 1.25rem;
    border-radius: 0.875rem;
  }
  .contacts-office-featured-heading h3 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .contacts-office-address {
    margin-top: 2.375rem;
    padding-top: 1.125rem;
  }
  .contacts-office-item {
    padding: 1rem;
  }
  .contacts-department {
    padding: 1.125rem;
  }
  .contacts-service-card {
    padding: 1.125rem;
  }
  .contacts-service-group {
    padding: 1.125rem;
  }
  .contacts-form-card, .contacts-director-form {
    padding: 1.125rem;
  }
  .contacts-director-card {
    padding: 1.125rem;
  }
  .contacts-director-content .h2 {
    margin-bottom: 1.375rem;
  }
  .contacts-director-warning {
    padding: 1rem;
  }
  .contacts-director-step {
    padding: 1rem;
  }
  .contacts-director-process-line {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }
  .contacts-director-process-line > span:not(.contacts-director-process-arrow) {
    width: 100%;
    text-align: center;
  }
  .contacts-director-process-arrow {
    align-self: center;
    transform: rotate(90deg);
  }
}
.contacts-quick-card, .contacts-office-featured, .contacts-service-card, .contacts-service-group, .contacts-form-card, .contacts-director-card, .contacts-director-form, .contacts-requisites-layout, .contacts-requisites-card, .contacts-requisite {
  min-width: 0;
}
.docs-page {
  background: #FFFFFF;
}
.docs-page .page-header-container {
  margin-bottom: 3rem;
}
.section-docs {
  padding: 2.5rem 0 4.5rem;
  background: #FFFFFF;
}
.docs-content {
  counter-reset: docs-section;
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding: 0 2rem 2rem;
}
.docs-content h2 {
  margin-bottom: 1.5rem;
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 2rem;
  text-align: center;
}
.docs-content p {
  margin-bottom: 1rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  overflow-wrap: anywhere;
}
.docs-content p:last-child {
  margin-bottom: 0;
}
.docs-content > section, .docs-content .docs-section {
  counter-increment: docs-section;
  margin-bottom: 2.125rem;
  scroll-margin-top: 6.875rem;
}
.docs-content > section:last-child, .docs-content .docs-section:last-child {
  margin-bottom: 0;
}
.docs-content > section h3, .docs-content .docs-section h3 {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-bottom: 0.875rem;
  padding-bottom: 0.5rem;
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.625rem;
}
.docs-content > section h3::before, .docs-content .docs-section h3::before {
  content: counter(docs-section) ".";
  flex: 0 0 auto;
  color: #CA163C;
}
.docs-content > section ol, .docs-content .docs-section ol {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.docs-content > section ol.noList, .docs-content .docs-section ol.noList {
  padding-left: 0;
}
.docs-content > section ol.noList li, .docs-content .docs-section ol.noList li {
  list-style: none;
}
.docs-content > section ol li, .docs-content .docs-section ol li {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  list-style: decimal;
}
.docs-content > section ol li:last-child, .docs-content .docs-section ol li:last-child {
  margin-bottom: 0;
}
.docs-content > section ul, .docs-content .docs-section ul {
  margin: 1rem 0;
  padding-left: 1.5rem;
}
.docs-content > section ul.noList, .docs-content .docs-section ul.noList {
  padding-left: 0;
}
.docs-content > section ul.noList li, .docs-content .docs-section ul.noList li {
  list-style: none;
}
.docs-content > section ul li, .docs-content .docs-section ul li {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  list-style: disc;
}
.docs-content > section ul li:last-child, .docs-content .docs-section ul li:last-child {
  margin-bottom: 0;
}
.docs-content > section > p, .docs-content > section > div > p, .docs-content .docs-section > p, .docs-content .docs-section > div > p {
  margin-bottom: 1.5rem;
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.75rem;
}
.docs-content > section > p:last-child, .docs-content > section > div > p:last-child, .docs-content .docs-section > p:last-child, .docs-content .docs-section > div > p:last-child {
  margin-bottom: 0;
}
.docs-content .docs-ordered-list {
  counter-reset: docs-item;
  margin: 1rem 0 0;
  padding-left: 0;
  list-style: none;
}
.docs-content .docs-ordered-list > li {
  counter-increment: docs-item;
  position: relative;
  min-width: 0;
  margin-bottom: 1rem;
  padding-left: 3.25rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.75rem;
  list-style: none;
  overflow-wrap: anywhere;
}
.docs-content .docs-ordered-list > li::before {
  content: counter(docs-section) "." counter(docs-item) ".";
  position: absolute;
  top: 0;
  left: 0;
  min-width: 2.75rem;
  color: #1B1B20;
  font-weight: 600;
}
.docs-content .docs-ordered-list > li:last-child {
  margin-bottom: 0;
}
.docs-content .docs-ordered-list > li > ul, .docs-content .docs-ordered-list > li > ol {
  margin-top: 0.75rem;
  margin-bottom: 0;
}
.docs-content .docs-ordered-list > li > ul {
  padding-left: 1.5rem;
}
.docs-content .docs-ordered-list > li > ul > li {
  position: relative;
  margin-bottom: 0.5rem;
  padding-left: 0;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  list-style: disc;
}
.docs-content .docs-ordered-list > li > ul > li::before {
  content: none;
}
.docs-content .docs-ordered-list > li > ul > li:last-child {
  margin-bottom: 0;
}
.docs-content .docs-ordered-list > li > ol {
  padding-left: 1.5rem;
}
.docs-content .docs-ordered-list > li > ol > li {
  margin-bottom: 0.5rem;
  padding-left: 0;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  list-style: decimal;
}
.docs-content .docs-ordered-list > li > ol > li::before {
  content: none;
}
.docs-content .docs-ordered-list > li > ol > li:last-child {
  margin-bottom: 0;
}
.docs-content .docs-ordered-list > li p {
  margin-bottom: 0.75rem;
  line-height: 1.75rem;
}
.docs-content .docs-ordered-list > li p:last-child {
  margin-bottom: 0;
}
.docs-content a {
  color: #CA163C;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color 300ms ease;
}
.docs-content a:hover {
  color: #1B1B20;
}
.docs-content a:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.3);
  outline-offset: 0.125rem;
  border-radius: 0.125rem;
}
.docs-content strong {
  color: #1B1B20;
}
.docs-content .docs-contact {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 1rem 0;
}
.docs-content .docs-contact .docs-contact-label {
  flex: 0 0 10rem;
  min-width: 0;
  color: #5B5B6B;
  font-weight: 500;
}
.docs-content .docs-contact .docs-contact-value {
  min-width: 0;
  color: #1B1B20;
  font-weight: 500;
  overflow-wrap: anywhere;
}
.docs-content .docs-date {
  margin-top: 2.5rem;
  padding-top: 1rem;
  border-top: 1px solid #D4D4D9;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  text-align: right;
}
@media (max-width: 63.75rem) {
  .docs-page .page-header-container {
    margin-bottom: 2.5rem;
  }
  .section-docs {
    padding: 2.125rem 0 3.75rem;
  }
  .docs-content {
    max-width: 60rem;
    padding: 0 1.25rem 1.5rem;
  }
  .docs-content > section, .docs-content .docs-section {
    margin-bottom: 1.875rem;
  }
}
@media (max-width: 48rem) {
  .docs-page .page-header-container {
    margin-bottom: 2rem;
  }
  .docs-page .page-header-logo {
    gap: 0.75rem;
  }
  .docs-page .page-header-subtitle {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .section-docs {
    padding: 1.75rem 0 3rem;
  }
  .docs-content {
    padding: 0 0 1rem;
  }
  .docs-content h2 {
    margin-bottom: 1.25rem;
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .docs-content p {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .docs-content > section, .docs-content .docs-section {
    margin-bottom: 1.625rem;
    scroll-margin-top: 5.625rem;
  }
  .docs-content > section h3, .docs-content .docs-section h3 {
    margin-bottom: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .docs-content > section ul li, .docs-content > section ol li, .docs-content .docs-section ul li, .docs-content .docs-section ol li {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .docs-content > section > p, .docs-content > section > div > p, .docs-content .docs-section > p, .docs-content .docs-section > div > p {
    margin-bottom: 1.125rem;
    font-size: 0.9375rem;
    line-height: 1.5625rem;
  }
  .docs-content .docs-ordered-list > li {
    margin-bottom: 0.875rem;
    padding-left: 3rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .docs-content .docs-ordered-list > li::before {
    min-width: 2.5rem;
  }
  .docs-content .docs-ordered-list > li > ul, .docs-content .docs-ordered-list > li > ol {
    margin-top: 0.625rem;
    padding-left: 1.25rem;
  }
  .docs-content .docs-ordered-list > li > ul > li, .docs-content .docs-ordered-list > li > ol > li {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .docs-content .docs-ordered-list > li p {
    line-height: 1.5rem;
  }
  .docs-content .docs-contact {
    flex-direction: column;
    gap: 0.25rem;
  }
  .docs-content .docs-contact .docs-contact-label {
    flex-basis: auto;
  }
  .docs-content .docs-date {
    margin-top: 2rem;
    font-size: 0.8125rem;
    text-align: left;
  }
}
@media (max-width: 31.25rem) {
  .docs-page .page-header-container {
    margin-bottom: 1.5rem;
  }
  .docs-page .page-header-logo-icon {
    width: 3.25rem;
    height: 3.25rem;
    padding: 0.625rem;
  }
  .docs-page .page-header-logo-icon svg {
    width: 2rem;
    height: 2rem;
  }
  .docs-page .page-header-subtitle {
    margin-bottom: 1.125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .section-docs {
    padding: 1.375rem 0 2.5rem;
  }
  .docs-content > section, .docs-content .docs-section {
    margin-bottom: 1.375rem;
  }
  .docs-content > section h3, .docs-content .docs-section h3 {
    gap: 0.375rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .docs-content .docs-ordered-list > li {
    padding-left: 2.75rem;
    font-size: 0.8125rem;
    line-height: 1.375rem;
  }
  .docs-content .docs-ordered-list > li::before {
    min-width: 2.25rem;
    font-size: 0.8125rem;
  }
  .docs-content .docs-ordered-list > li > ul, .docs-content .docs-ordered-list > li > ol {
    padding-left: 1.125rem;
  }
  .docs-content .docs-ordered-list > li > ul > li, .docs-content .docs-ordered-list > li > ol > li {
    font-size: 0.8125rem;
    line-height: 1.375rem;
  }
  .docs-content .docs-date {
    margin-top: 1.625rem;
    padding-top: 0.875rem;
  }
}
@media (max-width: 22.5rem) {
  .docs-content .docs-ordered-list > li {
    padding-left: 2.625rem;
  }
  .docs-content .docs-ordered-list > li::before {
    min-width: 2.125rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .docs-content a {
    transition: none;
  }
}
.certificates-page {
  padding-bottom: 3.75rem;
}
.certificates-page .certificates-section {
  padding: 1.25rem 0 2rem;
}
.certificates-page .certificates-section + .certificates-section {
  padding-top: 2.25rem;
}
.certificates-page .certificates-section-title {
  margin: 0 0 1.75rem;
}
.certificates-page .certificates-grid {
  margin-bottom: 0;
}
.certificates-page .card {
  min-width: 0;
}
.certificates-page .card-header {
  margin-bottom: 0.625rem;
}
.certificates-page .card-title {
  margin: 0.625rem 0 1rem;
  overflow-wrap: anywhere;
}
.certificates-page .card-subtitle {
  min-height: 1.25rem;
}
.certificates-page .card .btn {
  margin-top: auto;
}
@media (max-width: 63.75rem) {
  .certificates-page {
    padding-bottom: 3rem;
  }
  .certificates-page .certificates-section {
    padding: 1.125rem 0 1.625rem;
  }
  .certificates-page .certificates-section + .certificates-section {
    padding-top: 1.875rem;
  }
  .certificates-page .certificates-section-title {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 37.5rem) {
  .certificates-page {
    padding-bottom: 2.5rem;
  }
  .certificates-page .certificates-section {
    padding: 1rem 0 1.375rem;
  }
  .certificates-page .certificates-section + .certificates-section {
    padding-top: 1.625rem;
  }
  .certificates-page .certificates-section-title {
    margin-bottom: 1.25rem;
  }
  .certificates-page .card:hover {
    transform: none;
  }
  .certificates-page .card-bigSvg {
    width: 2.875rem;
    height: 3.125rem;
  }
  .certificates-page .card-title {
    margin: 0.5rem 0 0.875rem;
  }
}
.collaboration-directions .container-field {
  max-width: 92.5rem;
}
.collaboration-page {
  background: #FFFFFF;
}
.collaboration-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 2rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.12);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.collaboration-label--dark {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.collaboration-section-kicker {
  display: block;
  margin-bottom: 0.75rem;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.collaboration-richtext {
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
  max-width: 60%;
}
.collaboration-richtext p + p {
  margin-top: 1.125rem;
}
.collaboration-richtext strong {
  color: #1B1B20;
}
.collaboration-richtext--light {
  color: rgba(255, 255, 255, 0.76);
}
.collaboration-richtext--light strong {
  color: #FFFFFF;
}
.collaboration-form-section .collaboration-richtext {
  max-width: 100%;
}
.collaboration-hero {
  padding: 3rem 0 4.125rem;
}
.collaboration-hero-content {
  max-width: 56.25rem;
  margin: 0 auto;
  padding: 1.125rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.collaboration-hero-content .h1 {
  max-width: none;
  margin: 0;
  color: #1B1B20;
  font-size: 3.5rem;
  line-height: 3.875rem;
}
.collaboration-hero-lead {
  max-width: 45rem;
  margin-top: 1.125rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 500;
}
.collaboration-hero-button {
  min-width: 13.75rem;
  margin-top: 2.25rem;
}
.collaboration-section-heading .h2 {
  max-width: 22.5rem;
}
.collaboration-directions-nav {
  margin: 2.5rem 0 3.5rem;
}
.collaboration-directions-nav-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.875rem;
}
.collaboration-directions-nav-item {
  position: relative;
  min-width: 0;
  min-height: 8.625rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 6.5rem;
  gap: 1rem;
  align-items: stretch;
  padding: 1rem;
  overflow: hidden;
  border-radius: 1.25rem;
  background: #FFFFFF;
  color: #1B1B20;
  transition: transform 300ms, background 300ms, box-shadow 300ms;
}
.collaboration-directions-nav-item:hover {
  transform: translateY(-0.1875rem);
  background: #FFFFFF;
  color: #CA163C;
  box-shadow: 0 0.75rem 1.75rem rgba(27, 27, 32, 0.07);
}
.collaboration-directions-nav-item:hover .collaboration-directions-nav-image img {
  transform: scale(1.045);
}
.collaboration-directions-nav-item--accent {
  background: #CA163C;
  color: #FFFFFF;
}
.collaboration-directions-nav-item--accent .collaboration-directions-nav-number {
  color: rgba(255, 255, 255, 0.72);
}
.collaboration-directions-nav-item--accent .collaboration-directions-nav-image {
  border-color: rgba(255, 255, 255, 0.2);
}
.collaboration-directions-nav-item--accent:hover {
  background: #E02E54;
  color: #FFFFFF;
}
.collaboration-directions-nav-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.125rem;
  padding: 0.25rem 0;
}
.collaboration-directions-nav-copy strong {
  max-width: 13.75rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.collaboration-directions-nav-number {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.collaboration-directions-nav-image {
  position: relative;
  width: 6.5rem;
  display: block;
  height: 6.5rem;
  align-self: center;
  overflow: hidden;
  border: 1px solid #D4D4D9;
  border-radius: 1rem;
  background: #F4F4F6;
}
.collaboration-directions-nav-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 450ms ease;
}
.collaboration-directions {
  padding: 4.5rem 0;
  background: #F4F4F6;
}
.collaboration-directions-header {
  max-width: none;
  margin-bottom: 0;
}
.collaboration-directions-header .h2 {
  margin-bottom: 1.25rem;
}
.collaboration-directions-intro {
  max-width: 102.5rem;
}
.collaboration-directions-list {
  border-top: 1px solid #D4D4D9;
}
.collaboration-direction {
  display: flex;
  align-items: center;
  gap: 4.5rem;
  padding: 3.5rem 0;
  border-bottom: 1px solid #D4D4D9;
  scroll-margin-top: 6.875rem;
}
.collaboration-direction:nth-child(even) {
  flex-direction: row-reverse;
}
.collaboration-direction-aside {
  width: 40%;
  min-width: 0;
  flex-shrink: 0;
}
.collaboration-direction-content {
  min-width: 0;
  flex: 1;
}
.collaboration-direction-media {
  width: 100%;
  max-width: 33.75rem;
  margin-top: 1.75rem;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.collaboration-direction-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 600ms ease;
}
.collaboration-direction:hover .collaboration-direction-media img {
  transform: scale(1.025);
}
.collaboration-direction-heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.125rem;
}
.collaboration-direction-heading h3 {
  color: #1B1B20;
  font-size: 1.625rem;
  line-height: 2.125rem;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.collaboration-direction-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.625rem;
  height: 1.75rem;
  padding: 0 0.625rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.collaboration-direction-number--light {
  margin-top: 1.5rem;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.74);
}
.collaboration-direction-result {
  padding-left: 1.125rem;
  border-left: 0.1875rem solid #CA163C;
  color: #1B1B20;
  font-weight: 600;
}
.collaboration-list-card {
  margin: 1.75rem 0;
  padding: 1.5rem;
  border-radius: 1.125rem;
  background: #FFFFFF;
}
.collaboration-list-title {
  display: block;
  margin-bottom: 1rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.collaboration-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.75rem;
}
.collaboration-list li {
  position: relative;
  padding-left: 1.25rem;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.collaboration-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #CA163C;
}
.collaboration-service {
  padding: 5rem 0;
  background: #FFFFFF;
  scroll-margin-top: 6.875rem;
}
.collaboration-service-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(23.75rem, 0.9fr);
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: 2rem;
  background: #1B1B20;
}
.collaboration-service-main {
  padding: 2.5rem;
}
.collaboration-service-main .h2 {
  max-width: 38.75rem;
  margin: 1.125rem 0 1.5rem;
  color: #FFFFFF;
}
.collaboration-service-media {
  width: 100%;
  max-width: 18.75rem;
  margin-top: 1.875rem;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.08);
}
.collaboration-service-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.collaboration-service-directions {
  margin-top: 2rem;
  padding-top: 1.75rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.collaboration-service-directions > strong {
  display: block;
  margin-bottom: 1rem;
  color: #FFFFFF;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.collaboration-service-directions ul {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem 1.5rem;
}
.collaboration-service-directions li {
  position: relative;
  padding-left: 1.125rem;
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.collaboration-service-directions li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #CA163C;
}
.collaboration-elexir {
  padding: 2.25rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.collaboration-elexir-logo {
  display: block;
  margin-bottom: 0.625rem;
  color: #CA163C;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.collaboration-elexir h3 {
  margin-bottom: 1.5rem;
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.collaboration-elexir-list {
  display: flex;
  flex-direction: column;
}
.collaboration-elexir-list li {
  display: grid;
  grid-template-columns: minmax(9.375rem, 0.65fr) minmax(0, 1.35fr);
  min-width: 0;
  gap: 1.25rem;
  padding: 1.125rem 0;
  border-top: 1px solid #D4D4D9;
}
.collaboration-elexir-list li strong {
  min-width: 0;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  overflow-wrap: anywhere;
}
.collaboration-elexir-list li span {
  min-width: 0;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
  overflow-wrap: anywhere;
}
.collaboration-why {
  padding: 5rem 0;
  background: #F4F4F6;
}
.collaboration-why-header {
  max-width: 56.25rem;
  margin-bottom: 2.5rem;
}
.collaboration-why-header .h2 {
  margin-bottom: 1rem;
}
.collaboration-why-header p {
  max-width: 51.25rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.collaboration-why-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.collaboration-why-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.75rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #FFFFFF;
}
.collaboration-why-item span {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.collaboration-why-item strong {
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}
.collaboration-why-footer {
  max-width: 56.25rem;
  margin-top: 2rem;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.875rem;
  font-weight: 600;
}
.collaboration-form-section {
  padding: 5.5rem 0;
  background: #FFFFFF;
  scroll-margin-top: 6.875rem;
}
.collaboration-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(27.5rem, 1.1fr);
  gap: 4rem;
  align-items: start;
  margin: 0 auto;
}
.collaboration-form-layout > * {
  min-width: 0;
}
.collaboration-form-content {
  padding-top: 1.5rem;
}
.collaboration-form-content .h2 {
  margin-bottom: 1.375rem;
}
.collaboration-form-card {
  min-height: 21.25rem;
  padding: 2.25rem;
  border-radius: 1.5rem;
  background: #F4F4F6;
}
.collaboration-form-card .form-builder {
  max-width: none;
}
.collaboration-form-card .form-block-row {
  gap: 1rem;
}
.collaboration-form-card .input, .collaboration-form-card .aria, .collaboration-form-card .select {
  border-radius: 0.625rem;
  background: #FFFFFF;
}
.collaboration-form-card .btn {
  min-height: 3.25rem;
}
.collaboration-contacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 2rem;
}
.collaboration-contact {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding: 1.125rem;
  border-radius: 0.875rem;
  background: #F4F4F6;
  transition: 300ms;
}
.collaboration-contact span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.collaboration-contact strong {
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
  word-break: break-word;
}
.collaboration-contact:hover {
  background: rgba(202, 22, 60, 0.08);
}
.collaboration-contact:hover strong {
  color: #CA163C;
}
.collaboration-direction, .collaboration-service, .collaboration-form-section {
  scroll-margin-top: 7.5rem;
}
@media (max-width: 80rem) {
  .collaboration-richtext {
    max-width: 70%;
  }
  .collaboration-direction {
    gap: 3rem;
  }
  .collaboration-direction-aside {
    width: 38%;
  }
  .collaboration-direction-content {
    flex: 1;
    max-width: none;
  }
  .collaboration-service-card {
    grid-template-columns: minmax(0, 1fr) minmax(22.5rem, 0.9fr);
  }
  .collaboration-service-main {
    padding: 2.125rem;
  }
  .collaboration-why-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collaboration-form-layout {
    gap: 2.75rem;
  }
}
@media (max-width: 63.75rem) {
  .collaboration-richtext {
    max-width: 100%;
  }
  .collaboration-hero {
    padding: 2.5rem 0 3.375rem;
  }
  .collaboration-hero-content {
    max-width: 47.5rem;
  }
  .collaboration-hero-content .h1 {
    font-size: 2.875rem;
    line-height: 3.25rem;
  }
  .collaboration-hero-lead {
    max-width: 40.625rem;
    font-size: 1.375rem;
    line-height: 1.9375rem;
  }
  .collaboration-hero-button {
    margin-top: 1.875rem;
  }
  .collaboration-directions {
    padding: 3.75rem 0;
  }
  .collaboration-directions-intro {
    max-width: 100%;
  }
  .collaboration-directions-nav {
    margin: 2.25rem 0 3rem;
  }
  .collaboration-directions-nav-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .collaboration-directions-nav-item {
    min-height: 7.875rem;
  }
  .collaboration-direction {
    flex-direction: column;
    align-items: stretch;
    gap: 2rem;
    padding: 2.875rem 0;
  }
  .collaboration-direction:nth-child(even) {
    flex-direction: column;
  }
  .collaboration-direction-aside {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16.25rem;
    gap: 2rem;
    align-items: center;
  }
  .collaboration-direction-heading {
    gap: 0.875rem;
  }
  .collaboration-direction-media {
    width: 16.25rem;
    max-width: none;
    margin-top: 0;
  }
  .collaboration-direction-content {
    width: 100%;
    max-width: 100%;
  }
  .collaboration-service {
    padding: 4rem 0;
  }
  .collaboration-service-card {
    grid-template-columns: 1fr;
  }
  .collaboration-service-main {
    padding: 2rem;
  }
  .collaboration-service-media {
    max-width: 20rem;
  }
  .collaboration-elexir {
    padding: 2rem;
  }
  .collaboration-why {
    padding: 4rem 0;
  }
  .collaboration-why-header {
    margin-bottom: 2rem;
  }
  .collaboration-form-section {
    padding: 4rem 0;
  }
  .collaboration-form-layout {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }
  .collaboration-form-content {
    padding-top: 0;
  }
  .collaboration-form-card {
    width: 100%;
  }
}
@media (max-width: 48rem) {
  .collaboration-section-kicker {
    margin-bottom: 0.625rem;
  }
  .collaboration-richtext {
    max-width: 100%;
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .collaboration-richtext p + p {
    margin-top: 1rem;
  }
  .collaboration-hero {
    padding: 2.125rem 0 3rem;
  }
  .collaboration-hero-content {
    max-width: 100%;
    padding: 0.625rem 0;
  }
  .collaboration-hero-content .h1 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  .collaboration-hero-lead {
    max-width: 100%;
    margin-top: 0.875rem;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
  }
  .collaboration-hero-lead br {
    display: none;
  }
  .collaboration-hero-button {
    width: 100%;
    max-width: 21.25rem;
    margin-top: 1.625rem;
  }
  .collaboration-directions, .collaboration-service, .collaboration-why, .collaboration-form-section {
    padding: 3.25rem 0;
  }
  .collaboration-directions-header {
    margin-bottom: 0;
  }
  .collaboration-directions-header .h2 {
    margin-bottom: 1rem;
  }
  .collaboration-directions-nav {
    margin: 1.875rem 0 2.375rem;
  }
  .collaboration-directions-nav-grid {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .collaboration-directions-nav-item {
    min-height: 6rem;
    grid-template-columns: minmax(0, 1fr) 4.25rem;
    gap: 0.875rem;
    padding: 0.8125rem;
    border-radius: 1rem;
  }
  .collaboration-directions-nav-copy {
    gap: 0.625rem;
    padding: 0.125rem 0;
  }
  .collaboration-directions-nav-copy strong {
    max-width: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .collaboration-directions-nav-image {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 0.75rem;
  }
  .collaboration-direction {
    gap: 1.5rem;
    padding: 2.25rem 0;
  }
  .collaboration-direction-aside {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .collaboration-direction-heading {
    gap: 0.75rem;
  }
  .collaboration-direction-heading h3 {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .collaboration-direction-media {
    width: 100%;
    max-width: 26.25rem;
    margin-top: 0;
    border-radius: 1.125rem;
  }
  .collaboration-direction-result {
    padding-left: 0.875rem;
  }
  .collaboration-list-card {
    margin: 1.375rem 0;
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .collaboration-list {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .collaboration-list li {
    padding-left: 1.125rem;
  }
  .collaboration-service-card {
    gap: 0.75rem;
    padding: 0.875rem;
    border-radius: 1.375rem;
  }
  .collaboration-service-main {
    padding: 1.25rem 0.625rem 1.75rem;
  }
  .collaboration-service-main .h2 {
    margin: 1rem 0 1.25rem;
  }
  .collaboration-service-media {
    width: 100%;
    max-width: 22.5rem;
    margin-top: 1.5rem;
    border-radius: 1.125rem;
  }
  .collaboration-service-directions {
    margin-top: 1.625rem;
    padding-top: 1.5rem;
  }
  .collaboration-service-directions ul {
    grid-template-columns: 1fr;
  }
  .collaboration-elexir {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .collaboration-elexir h3 {
    margin-bottom: 1.125rem;
  }
  .collaboration-elexir-list li {
    grid-template-columns: 1fr;
    gap: 0.375rem;
    padding: 1rem 0;
  }
  .collaboration-why-header {
    margin-bottom: 1.75rem;
  }
  .collaboration-why-header p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .collaboration-why-grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .collaboration-why-item {
    min-height: auto;
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: start;
    gap: 0.875rem;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .collaboration-why-footer {
    margin-top: 1.625rem;
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  .collaboration-form-layout {
    gap: 1.875rem;
  }
  .collaboration-form-content .h2 {
    margin-bottom: 1.125rem;
  }
  .collaboration-form-card {
    min-height: 16.25rem;
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .collaboration-contacts {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    margin-top: 1.625rem;
  }
  .collaboration-contact {
    padding: 1rem;
  }
}
@media (max-width: 31.25rem) {
  .collaboration-hero {
    padding: 1.625rem 0 2.5rem;
  }
  .collaboration-hero-content .h1 {
    font-size: 2rem;
    line-height: 2.3125rem;
  }
  .collaboration-hero-lead {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .collaboration-hero-button {
    max-width: 100%;
    margin-top: 1.5rem;
  }
  .collaboration-directions, .collaboration-service, .collaboration-why, .collaboration-form-section {
    padding: 2.75rem 0;
  }
  .collaboration-directions-nav {
    margin: 1.625rem 0 2.125rem;
  }
  .collaboration-directions-nav-item {
    min-height: 5.625rem;
    grid-template-columns: minmax(0, 1fr) 4rem;
    padding: 0.75rem;
  }
  .collaboration-directions-nav-image {
    width: 4rem;
    height: 4rem;
  }
  .collaboration-direction {
    padding: 2rem 0;
  }
  .collaboration-direction-heading h3 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .collaboration-direction-media {
    max-width: 100%;
    border-radius: 1rem;
  }
  .collaboration-list-card {
    padding: 1rem;
  }
  .collaboration-service-card {
    padding: 0.625rem;
    border-radius: 1.125rem;
  }
  .collaboration-service-main {
    padding: 1.125rem 0.5rem 1.5rem;
  }
  .collaboration-service-directions {
    margin-top: 1.375rem;
    padding-top: 1.25rem;
  }
  .collaboration-elexir {
    padding: 1.125rem;
  }
  .collaboration-elexir-logo {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
  .collaboration-elexir h3 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .collaboration-why-item {
    padding: 1rem;
  }
  .collaboration-form-card {
    padding: 1.125rem;
  }
  .collaboration-contact {
    padding: 0.875rem;
  }
}
@media (max-width: 26.875rem) {
  .collaboration-hero {
    padding: 1.375rem 0 2.125rem;
  }
  .collaboration-hero-content .h1 {
    font-size: 1.8125rem;
    line-height: 2.125rem;
  }
  .collaboration-hero-lead {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .collaboration-section-kicker, .collaboration-label {
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .collaboration-directions, .collaboration-service, .collaboration-why, .collaboration-form-section {
    padding: 2.375rem 0;
  }
  .collaboration-directions-nav {
    margin: 1.375rem 0 1.875rem;
  }
  .collaboration-directions-nav-item {
    min-height: 5.125rem;
    grid-template-columns: minmax(0, 1fr) 3.625rem;
    gap: 0.625rem;
    padding: 0.625rem;
    border-radius: 0.875rem;
  }
  .collaboration-directions-nav-copy {
    gap: 0.5rem;
  }
  .collaboration-directions-nav-copy strong {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .collaboration-directions-nav-image {
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 0.625rem;
  }
  .collaboration-direction {
    gap: 1.25rem;
    padding: 1.75rem 0;
  }
  .collaboration-direction-aside {
    gap: 1rem;
  }
  .collaboration-direction-heading h3 {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
  }
  .collaboration-direction-media {
    max-width: 22.5rem;
    margin-right: auto;
    margin-left: auto;
  }
  .collaboration-direction-result {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .collaboration-richtext {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .collaboration-list-card {
    margin: 1.125rem 0;
    padding: 0.9375rem;
    border-radius: 0.875rem;
  }
  .collaboration-list-title {
    margin-bottom: 0.8125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .collaboration-list li {
    font-size: 0.8125rem;
    line-height: 1.375rem;
  }
  .collaboration-service-card {
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 1rem;
  }
  .collaboration-service-main {
    padding: 1rem 0.5rem 1.375rem;
  }
  .collaboration-service-directions > strong {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .collaboration-service-directions li {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .collaboration-elexir {
    padding: 1rem;
    border-radius: 1rem;
  }
  .collaboration-elexir-logo {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .collaboration-elexir h3 {
    margin-bottom: 0.875rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    text-align: center;
  }
  .collaboration-elexir-list li {
    padding: 0.875rem 0;
  }
  .collaboration-why-header {
    margin-bottom: 1.5rem;
  }
  .collaboration-why-item {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: 0.625rem;
    padding: 0.875rem;
  }
  .collaboration-why-item strong {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .collaboration-why-footer {
    margin-top: 1.375rem;
    font-size: 0.9375rem;
    line-height: 1.5625rem;
  }
  .collaboration-form-layout {
    gap: 1.5rem;
  }
  .collaboration-form-card {
    padding: 1rem;
    border-radius: 1rem;
  }
  .collaboration-form-card .form-block-row {
    gap: 0.75rem;
  }
  .collaboration-contacts {
    margin-top: 1.375rem;
  }
  .collaboration-contact {
    padding: 0.8125rem;
  }
}
@media (max-width: 22.5rem) {
  .collaboration-hero-content .h1 {
    font-size: 1.6875rem;
    line-height: 2rem;
  }
  .collaboration-hero-lead {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .collaboration-directions-nav-item {
    grid-template-columns: minmax(0, 1fr) 3.375rem;
  }
  .collaboration-directions-nav-image {
    width: 3.375rem;
    height: 3.375rem;
  }
  .collaboration-direction-heading h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .collaboration-direction-media {
    max-width: 20rem;
  }
  .collaboration-elexir {
    padding: 0.875rem;
  }
  .collaboration-elexir-logo {
    font-size: 1.3125rem;
    line-height: 1.6875rem;
  }
  .collaboration-form-card {
    padding: 0.875rem;
  }
}
@media (max-width: 20rem) {
  .collaboration-hero-content .h1 {
    font-size: 1.5625rem;
    line-height: 1.875rem;
  }
  .collaboration-directions-nav-item {
    grid-template-columns: minmax(0, 1fr) 3.125rem;
    padding: 0.5625rem;
  }
  .collaboration-directions-nav-image {
    width: 3.125rem;
    height: 3.125rem;
  }
  .collaboration-direction-media {
    max-width: 18rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .collaboration-directions-nav-item, .collaboration-directions-nav-image img, .collaboration-direction-media img, .collaboration-contact {
    transition: none;
  }
  .collaboration-directions-nav-item:hover, .collaboration-direction:hover .collaboration-direction-media img {
    transform: none;
  }
}
.careers-page {
  background-color: #FFFFFF;
}
.careers-page .vacancy {
  padding: 3rem 0 5rem;
}
.careers-page .vacancy > .container-field {
  max-width: 92.5rem;
}
.careers-page .vacancy-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 2.5rem;
}
.careers-page .vacancy-head-content {
  max-width: 53.125rem;
}
.careers-page .vacancy-title {
  margin: 0 0 1rem;
  color: #1B1B20;
  font-size: 2.75rem;
  line-height: 3.25rem;
  font-weight: 700;
}
.careers-page .vacancy-intro {
  max-width: 48.75rem;
  color: #5B5B6B;
  font-size: 1.125rem;
  line-height: 1.75rem;
}
.careers-page .vacancy-count {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0.625rem;
  background-color: rgba(202, 22, 60, 0.06);
}
.careers-page .vacancy-count span {
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.careers-page .vacancy-count strong {
  color: #CA163C;
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.careers-page .vacancy-list {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.careers-page .vacancy-item {
  padding: 1.75rem;
  border: 1px solid #D4D4D9;
  border-radius: 1rem;
  background-color: #FFFFFF;
  transition: box-shadow 300ms, transform 300ms, border-color 300ms;
}
.careers-page .vacancy-item:hover {
  transform: translateY(-0.125rem);
  border-color: rgba(202, 22, 60, 0.2);
  box-shadow: 0 0.5rem 1.5rem rgba(27, 27, 32, 0.06);
}
.careers-page .vacancy-item-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
.careers-page .vacancy-item-main {
  flex: 1;
  min-width: 0;
}
.careers-page .vacancy-item-title {
  margin: 0 0 0.875rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.careers-page .vacancy-item-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.375rem;
}
.careers-page .vacancy-item-meta-item {
  display: inline-flex;
  align-items: center;
  min-height: 1.875rem;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.4375rem;
  background-color: #F4F4F6;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.careers-page .vacancy-item-salary {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.25rem;
  text-align: right;
}
.careers-page .vacancy-item-salary strong {
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.careers-page .vacancy-item-salary span {
  color: #5B5B6B;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.careers-page .vacancy-item-details {
  display: grid;
  gap: 1.75rem;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D4D4D9;
}
.careers-page .vacancy-item-section {
  min-width: 0;
}
.careers-page .vacancy-item-section-title {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.careers-page .vacancy-item-section-text {
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.careers-page .vacancy-item-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #D4D4D9;
}
.careers-page .vacancy-item-published {
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.careers-page .vacancy-item-link {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  color: #CA163C;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 300ms;
}
.careers-page .vacancy-item-link .svg {
  width: 0.75rem;
  height: 0.75rem;
  transform: rotate(180deg);
}
.careers-page .vacancy-item-link:hover {
  color: #CA163C;
  text-decoration: none;
  opacity: 0.7;
}
.careers-page .vacancy-empty {
  padding: 3rem;
  border: 1px solid #D4D4D9;
  border-radius: 1rem;
  background-color: #FFFFFF;
  text-align: center;
}
.careers-page .vacancy-empty-title {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.careers-page .vacancy-empty-description {
  max-width: 35rem;
  margin: 0 auto;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 63.75rem) {
  .careers-page .vacancy-head {
    flex-direction: column;
    gap: 1.5rem;
  }
  .careers-page .vacancy-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .careers-page .vacancy-item-head {
    flex-direction: column;
    gap: 1.25rem;
  }
  .careers-page .vacancy-item-salary {
    align-items: flex-start;
    text-align: left;
  }
}
@media (max-width: 48rem) {
  .careers-page .vacancy {
    padding: 2.125rem 0 3.25rem;
  }
  .careers-page .vacancy-head {
    margin-bottom: 2rem;
  }
  .careers-page .vacancy-title {
    margin-bottom: 0.875rem;
    font-size: 2rem;
    line-height: 2.5rem;
  }
  .careers-page .vacancy-intro {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .careers-page .vacancy-count {
    width: 100%;
    justify-content: space-between;
  }
  .careers-page .vacancy-list {
    gap: 1rem;
  }
  .careers-page .vacancy-item {
    padding: 1.25rem;
    border-radius: 0.75rem;
  }
  .careers-page .vacancy-item:hover {
    transform: none;
  }
  .careers-page .vacancy-item-title {
    margin-bottom: 0.75rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .careers-page .vacancy-item-salary strong {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
  .careers-page .vacancy-item-details {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    margin-top: 1.375rem;
    padding-top: 1.375rem;
  }
  .careers-page .vacancy-item-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin-top: 1.375rem;
    padding-top: 1.25rem;
  }
  .careers-page .vacancy-empty {
    padding: 2rem 1.25rem;
  }
  .careers-page .vacancy-empty-title {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 31.25rem) {
  .careers-page .vacancy {
    padding: 1.625rem 0 2.75rem;
  }
  .careers-page .vacancy-head {
    gap: 1.25rem;
    margin-bottom: 1.625rem;
  }
  .careers-page .vacancy-title {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .careers-page .vacancy-count {
    padding: 0.5625rem 0.75rem;
  }
  .careers-page .vacancy-item {
    padding: 1.125rem;
  }
  .careers-page .vacancy-item-meta-item {
    padding: 0.3125rem 0.5625rem;
  }
  .careers-page .vacancy-empty {
    padding: 1.625rem 1.125rem;
  }
}
.showroom-page {
  background: #FFFFFF;
}
.showroom-section {
  padding: 0 0 4.5rem;
  background: linear-gradient(180deg, #fff 0%, #fafafc 100%);
}
.showroom-block-label, .showroom-banner-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  margin-bottom: 1.125rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.showroom-banner {
  position: relative;
  padding: 1.5rem 0 3.25rem;
  overflow: hidden;
}
.showroom-banner-image {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(11, 18, 28, 0.82) 0%, rgba(11, 18, 28, 0.64) 32%, rgba(11, 18, 28, 0.16) 58%, rgba(11, 18, 28, 0.3) 100%), url("/assets/img/showroomImg1.webp") center / cover no-repeat;
}
.showroom-banner-content {
  position: relative;
  z-index: 2;
  min-height: 35rem;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(23.75rem, 26.875rem);
  align-items: center;
  gap: 2.25rem;
}
.showroom-banner-content > * {
  min-width: 0;
}
.showroom-banner-text {
  max-width: 38.75rem;
  color: #FFFFFF;
}
.showroom-banner-text .showroom-banner-label {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
}
.showroom-banner-text h1 {
  margin-bottom: 1.125rem;
  color: #FFFFFF;
  font-size: 2.25rem;
  line-height: 1.02;
  font-weight: 700;
  letter-spacing: -0.045em;
}
.showroom-banner-text h1 span {
  display: block;
  margin-top: 0.625rem;
  font-size: 1.5625rem;
  line-height: 1.08;
  font-weight: 600;
  letter-spacing: -0.03em;
}
.showroom-banner-text p {
  max-width: 30.5rem;
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1rem;
  line-height: 1.625rem;
}
.showroom-banner-card-wrapper {
  display: flex;
  justify-content: flex-end;
  min-width: 0;
}
.showroom-card {
  width: 100%;
  padding: 1.875rem;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 1.5rem 5rem rgba(9, 15, 24, 0.18);
  backdrop-filter: blur(1.125rem);
}
.showroom-city-content {
  display: none;
}
.showroom-city-content.active {
  display: block;
  animation: showroom-fade-in 300ms;
}
.showroom-city-title {
  margin-bottom: 1rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 700;
  letter-spacing: -0.03em;
  overflow-wrap: anywhere;
}
.showroom-city-description {
  margin-bottom: 1.625rem;
  color: #7C7C86;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.showroom-contacts-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.showroom-contact-item {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.75rem;
  margin-bottom: 0;
  padding: 0.625rem 0;
  border-radius: 1rem;
  background: #f7f7f9;
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.4375rem;
}
.showroom-contact-item .svg {
  flex-shrink: 0;
}
.showroom-contact-item svg {
  fill: white;
}
.showroom-contact-item span, .showroom-contact-item a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.showroom-contact-item a {
  color: #1B1B20;
  text-decoration: none;
  transition: color 300ms;
}
.showroom-contact-item a:hover {
  color: #CA163C;
}
.showroom-contact-item a:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.3);
  outline-offset: 0.125rem;
}
.showroom-description-container {
  padding-top: 2.875rem;
  padding-bottom: 1.5rem;
}
.showroom-description-wrapper {
  max-width: 67.5rem;
  margin: 0 auto;
  text-align: center;
}
.showroom-description-text {
  margin: 0;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.875rem;
  letter-spacing: -0.015em;
}
.showroom-gallery-container {
  padding-top: 1.625rem;
  padding-bottom: 1rem;
}
.showroom-gallery-wrapper {
  position: relative;
  max-width: 93.75rem;
  margin: 0 auto;
}
.showroom-slider {
  overflow: hidden;
  border-radius: 1.875rem;
  background: #FFFFFF;
  box-shadow: 0 1.5rem 3.5rem rgba(12, 17, 24, 0.08);
}
.showroom-slide {
  height: 35rem;
  background: #F4F4F6;
}
.showroom-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.showroom-slider-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.375rem;
}
.showroom-slider-pagination {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0 0.75rem;
}
.showroom-slider-pagination .splide__pagination__page {
  width: 0.625rem;
  height: 0.625rem;
  margin: 0;
  border: none;
  background-color: #d8d8de;
  opacity: 1;
}
.showroom-slider-pagination .splide__pagination__page.is-active {
  background-color: #CA163C;
  transform: scale(1);
}
.showroom-slider-pagination .splide__pagination__page:hover {
  background-color: #CA163C;
  opacity: 0.7;
}
.showroom-video-container {
  padding-top: 3.5rem;
  padding-bottom: 1.25rem;
}
.showroom-video-wrapper {
  max-width: 93.75rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(20rem, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 2.125rem;
}
.showroom-video-wrapper > * {
  min-width: 0;
}
.showroom-video-text {
  min-height: 16.875rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 2.375rem;
}
.showroom-video-title {
  margin-bottom: 1.125rem;
  font-size: 2.25rem;
  line-height: 2.875rem;
  letter-spacing: -0.03em;
}
.showroom-video-description {
  margin: 0;
  color: #7C7C86;
  font-size: 1.125rem;
  line-height: 2.0625rem;
}
.showroom-video-content {
  min-width: 0;
}
.showroom-video-link {
  position: relative;
  display: block;
  overflow: hidden;
  border-radius: 1.875rem;
  box-shadow: 0 1.5rem 3.5rem rgba(12, 17, 24, 0.12);
}
.showroom-video-link:focus-visible {
  outline: 0.1875rem solid rgba(202, 22, 60, 0.4);
  outline-offset: 0.25rem;
}
.showroom-video-preview {
  height: 31.25rem;
  background: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.36)), url("/assets/img/showroomImg2.webp") center / cover no-repeat;
}
.showroom-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.75rem;
  height: 5.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(202, 22, 60, 0.98), rgba(163, 0, 46, 0.98));
  box-shadow: 0 1.5rem 2.5rem rgba(202, 22, 60, 0.35);
  transform: translate(-50%, -50%);
  transition: transform 300ms;
}
.showroom-play-button:hover {
  transform: translate(-50%, -50%) scale(1.08);
}
.showroom-maps-container {
  padding-top: 4.5rem;
  background: transparent;
}
.showroom-maps-wrapper {
  width: 100%;
}
.showroom-maps-content {
  position: relative;
}
.showroom-map-container {
  display: none;
  height: 32.5rem;
  overflow: hidden;
  border-radius: 1.875rem;
  background: #fff;
  box-shadow: 0 1.5rem 3.5rem rgba(12, 17, 24, 0.08);
}
.showroom-map-container.active {
  display: block;
  animation: showroom-fade-in 500ms;
}
.showroom-map-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
@keyframes showroom-fade-in {
  from {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 80rem) {
  .showroom-banner {
    padding-bottom: 2.75rem;
  }
  .showroom-banner-content {
    min-height: 32.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(21.875rem, 24.375rem);
    gap: 1.75rem;
  }
  .showroom-banner-text h1 {
    font-size: 2.125rem;
  }
  .showroom-banner-text h1 span {
    font-size: 1.4375rem;
  }
  .showroom-card {
    padding: 1.625rem;
    border-radius: 1.5rem;
  }
  .showroom-city-title {
    font-size: 1.375rem;
    line-height: 1.9375rem;
  }
  .showroom-slide {
    height: 31.25rem;
  }
  .showroom-video-wrapper {
    grid-template-columns: minmax(18.75rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1.75rem;
  }
  .showroom-video-text {
    padding-right: 1.5rem;
  }
  .showroom-video-title {
    font-size: 2rem;
    line-height: 2.5625rem;
  }
  .showroom-video-description {
    font-size: 1.0625rem;
    line-height: 1.8125rem;
  }
  .showroom-video-preview {
    height: 27.5rem;
  }
  .showroom-map-container {
    height: 30rem;
  }
}
@media (max-width: 63.75rem) {
  .showroom-section {
    padding-bottom: 3.75rem;
  }
  .showroom-banner {
    padding: 1.25rem 0 2.25rem;
  }
  .showroom-banner-image {
    background: linear-gradient(143deg, rgba(11, 18, 28, 0.94) 0%, rgba(11, 18, 28, 0.76) 42%, rgba(11, 18, 28, 0.09) 100%), url(/assets/img/showroomImg1.webp) center / cover no-repeat;
  }
  .showroom-banner-content {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 1.875rem;
    padding: 3rem 0 0.625rem;
  }
  .showroom-banner-text {
    max-width: 43.75rem;
    margin: 0 auto;
    text-align: center;
  }
  .showroom-banner-text .showroom-banner-label {
    margin-right: auto;
    margin-left: auto;
  }
  .showroom-banner-text p {
    max-width: 38.75rem;
    margin: 0 auto;
  }
  .showroom-banner-card-wrapper {
    justify-content: center;
    width: 100%;
  }
  .showroom-card {
    max-width: 43.75rem;
  }
  .showroom-description-container {
    padding-top: 2.5rem;
  }
  .showroom-description-text {
    font-size: 1.0625rem;
    line-height: 1.8125rem;
  }
  .showroom-gallery-container {
    padding-top: 1.375rem;
  }
  .showroom-slide {
    height: 26.25rem;
  }
  .showroom-video-container {
    padding-top: 3rem;
  }
  .showroom-video-wrapper {
    grid-template-columns: 1fr;
    gap: 1.625rem;
  }
  .showroom-video-text {
    min-height: 0;
    max-width: 47.5rem;
    padding-right: 0;
  }
  .showroom-video-title {
    margin-bottom: 0.875rem;
  }
  .showroom-video-preview {
    height: 25rem;
  }
  .showroom-maps-container {
    padding-top: 3.5rem;
  }
  .showroom-map-container {
    height: 26.25rem;
    border-radius: 1.5rem;
  }
}
@media (max-width: 48rem) {
  .showroom-section {
    padding-bottom: 3rem;
  }
  .showroom-block-label, .showroom-banner-label {
    min-height: 1.75rem;
    margin-bottom: 0.875rem;
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .showroom-banner {
    padding-bottom: 1.875rem;
  }
  .showroom-banner-content {
    gap: 1.5rem;
    padding-top: 2.25rem;
  }
  .showroom-banner-text h1 {
    margin-bottom: 0.875rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
  .showroom-banner-text h1 span {
    margin-top: 0.375rem;
    font-size: 1.3125rem;
    line-height: 1.6875rem;
  }
  .showroom-banner-text p {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .showroom-card {
    padding: 1.375rem;
    border-radius: 1.25rem;
  }
  .showroom-city-title {
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .showroom-city-description {
    margin-bottom: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .showroom-contacts-list {
    gap: 0.5rem;
  }
  .showroom-contact-item {
    gap: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .showroom-description-container {
    padding-top: 2.125rem;
    padding-bottom: 1.125rem;
  }
  .showroom-description-text {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  .showroom-gallery-container {
    padding-top: 1.125rem;
  }
  .showroom-slider {
    border-radius: 1.375rem;
  }
  .showroom-slide {
    height: 20rem;
  }
  .showroom-slider-controls {
    margin-top: 1.125rem;
  }
  .showroom-video-container {
    padding-top: 2.5rem;
  }
  .showroom-video-title {
    margin-bottom: 0.75rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .showroom-video-description {
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  .showroom-video-link {
    border-radius: 1.375rem;
  }
  .showroom-video-preview {
    height: 20rem;
  }
  .showroom-play-button {
    width: 4.25rem;
    height: 4.25rem;
  }
  .showroom-play-button svg {
    width: 2.125rem;
    height: 2.125rem;
  }
  .showroom-maps-container {
    padding-top: 2.875rem;
  }
  .showroom-map-container {
    height: 22.5rem;
    border-radius: 1.25rem;
  }
}
@media (max-width: 37.5rem) {
  .showroom-banner-content {
    padding-top: 1.875rem;
  }
  .showroom-banner-text h1 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
  .showroom-banner-text h1 span {
    font-size: 1.1875rem;
    line-height: 1.5625rem;
  }
  .showroom-card {
    padding: 1.25rem;
  }
  .showroom-city-title {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
  .showroom-description-text {
    font-size: 0.9375rem;
    line-height: 1.5625rem;
  }
  .showroom-slide {
    height: 17.5rem;
  }
  .showroom-video-container {
    padding-top: 2.125rem;
  }
  .showroom-video-wrapper {
    gap: 1.375rem;
  }
  .showroom-video-title {
    font-size: 1.625rem;
    line-height: 2.0625rem;
  }
  .showroom-video-description {
    font-size: 0.9375rem;
    line-height: 1.5625rem;
  }
  .showroom-video-preview {
    height: 17.5rem;
  }
  .showroom-map-container {
    height: 20.625rem;
  }
}
@media (max-width: 26.875rem) {
  .showroom-section {
    padding-bottom: 2.5rem;
  }
  .showroom-banner {
    padding-top: 0.75rem;
    padding-bottom: 1.5rem;
  }
  .showroom-banner-content {
    gap: 1.25rem;
    padding-top: 1.5rem;
  }
  .showroom-banner-text h1 {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
  }
  .showroom-banner-text h1 span {
    margin-top: 0.3125rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
  }
  .showroom-banner-text p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .showroom-card {
    padding: 1.125rem;
    border-radius: 1.125rem;
  }
  .showroom-city-title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .showroom-city-description {
    margin-bottom: 1rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .showroom-contact-item {
    align-items: flex-start;
    padding: 0.5rem 0;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .showroom-contact-item .svg {
    margin-top: 0.0625rem;
  }
  .showroom-description-container {
    padding-top: 1.75rem;
  }
  .showroom-description-text {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .showroom-gallery-container {
    padding-top: 0.875rem;
  }
  .showroom-slider {
    border-radius: 1.125rem;
  }
  .showroom-slide {
    height: 15rem;
  }
  .showroom-slider-controls {
    gap: 0.5rem;
    margin-top: 0.875rem;
  }
  .showroom-slider-pagination {
    gap: 0.375rem;
    margin: 0 0.375rem;
  }
  .showroom-slider-pagination .splide__pagination__page {
    width: 0.5rem;
    height: 0.5rem;
  }
  .showroom-video-container {
    padding-top: 1.875rem;
  }
  .showroom-video-title {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .showroom-video-description {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .showroom-video-link {
    border-radius: 1.125rem;
  }
  .showroom-video-preview {
    height: 15rem;
  }
  .showroom-play-button {
    width: 3.625rem;
    height: 3.625rem;
  }
  .showroom-play-button svg {
    width: 1.875rem;
    height: 1.875rem;
  }
  .showroom-maps-container {
    padding-top: 2.375rem;
  }
  .showroom-map-container {
    height: 18.75rem;
    border-radius: 1.125rem;
  }
}
@media (max-width: 22.5rem) {
  .showroom-banner-text h1 {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .showroom-banner-text h1 span {
    font-size: 1.0625rem;
    line-height: 1.375rem;
  }
  .showroom-card {
    padding: 1rem;
  }
  .showroom-city-title {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .showroom-slide, .showroom-video-preview {
    height: 13.75rem;
  }
  .showroom-video-title {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .showroom-map-container {
    height: 17.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .showroom-city-content.active, .showroom-map-container.active {
    animation: none;
  }
  .showroom-contact-item a, .showroom-play-button, .showroom-slider-pagination .splide__pagination__page {
    transition: none;
  }
  .showroom-play-button:hover {
    transform: translate(-50%, -50%);
  }
}
.about-lex-section {
  background-color: #FFFFFF;
  overflow: hidden;
}
.about-lex-hero {
  padding: 3rem 0 3rem;
  background-color: #FFFFFF;
}
.about-lex-hero .container-field {
  display: flex;
  justify-content: center;
}
.about-lex-hero-content {
  max-width: 53.75rem;
  text-align: center;
}
.about-lex-hero-content h1 {
  margin: 0 auto 1.25rem;
  max-width: 33rem;
}
.about-lex-hero-description {
  max-width: 48.4375rem;
  margin: 0 auto;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #7C7C86;
}
.about-lex-categories-container {
  padding: 2.125rem 2.5rem 0.75rem;
}
.about-lex-categories-arrows {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  z-index: 5;
}
.about-lex-categories-arrows-next, .about-lex-categories-arrows-prev {
  width: 2.625rem;
  height: 2.625rem;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 50%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 300ms;
  box-shadow: 0 0.125rem 0.9375rem 0 rgba(0, 0, 0, 0.12);
}
.about-lex-categories-arrows-next svg, .about-lex-categories-arrows-prev svg {
  width: 1.25rem;
  height: 1.25rem;
  transition: 300ms;
}
.about-lex-categories-arrows-next:hover, .about-lex-categories-arrows-prev:hover {
  background-color: #CA163C;
  border-color: #CA163C;
}
.about-lex-categories-arrows-next:hover svg, .about-lex-categories-arrows-prev:hover svg {
  color: #fff;
}
.about-lex-categories-arrows-prev {
  transform: rotate(270deg);
}
.about-lex-categories-arrows-next {
  transform: rotate(90deg);
}
.about-lex-categories-wrapper {
  position: relative;
  min-width: 0;
  margin-bottom: 4.5rem;
}
.about-lex-categories-slider .splide__track {
  border-radius: 1.25rem;
  overflow: hidden;
  box-shadow: 0 0.125rem 0.9375rem 0 rgba(0, 0, 0, 0.12);
  background-color: #09090B;
}
.about-lex-category-slide {
  height: 37.5rem;
  position: relative;
  background-color: #09090B;
}
.about-lex-category-image {
  width: 100%;
  height: 100%;
}
.about-lex-category-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1.01);
}
.about-lex-category-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.2) 56%, rgba(0, 0, 0, 0) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 34%, rgba(0, 0, 0, 0.82) 100%);
  padding: 3rem 2.5rem 2.5rem;
  color: #FFFFFF;
}
.about-lex-category-info h2 {
  max-width: 45rem;
  margin-bottom: 0.75rem;
}
.about-lex-category-description {
  max-width: 38.75rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 0.86);
}
.about-lex-categories-controls {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 1.25rem;
}
.about-lex-text-info {
  text-align: center;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1B1B20;
  max-width: 51.25rem;
  margin: 0 auto;
  padding: 1.5rem 2.5rem;
  background-color: #F4F4F6;
  border-radius: 1.25rem;
}
.about-lex-history {
  padding: 4.75rem 0;
}
.about-lex-history-container {
  padding: 3.75rem 0;
  background-color: #F4F4F6;
}
.about-lex-history-wrapper {
  display: grid;
  grid-template-columns: minmax(25rem, 1fr) 3fr;
  gap: 3.75rem;
  align-items: start;
  min-width: 0;
}
.about-lex-history-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.about-lex-history-title {
  font-weight: 700;
  line-height: 2.75rem;
  color: #1B1B20;
  margin-bottom: 1.25rem;
}
.about-lex-history-text {
  font-size: 1rem;
  line-height: 1.75rem;
  color: #7C7C86;
}
.about-lex-history-text p {
  margin-bottom: 1rem;
}
.about-lex-history-text p:last-child {
  margin-bottom: 0;
}
.about-lex-history-slider-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 1.25rem;
  box-shadow: 0 0.125rem 0.9375rem 0 rgba(0, 0, 0, 0.12);
  background: #FFFFFF;
  padding: 2rem 2rem 5rem;
}
.about-lex-history-slider-container {
  min-width: 0;
  overflow: hidden;
}
.about-lex-history-slider .splide__track {
  overflow: visible !important;
}
.about-lex-history-slider .splide__list {
  display: flex;
}
.about-lex-history-slider .splide__slide {
  height: auto;
  margin-right: 1.25rem;
  background: #FFFFFF;
  border-radius: 0.75rem;
  padding: 1.5rem;
  border: 1px solid #EEEEF1;
  transition: 300ms;
}
.about-lex-history-slider .splide__slide:hover {
  border-color: rgba(202, 22, 60, 0.28);
  box-shadow: 0 0.125rem 0.9375rem 0 rgba(0, 0, 0, 0.1);
}
.about-lex-history-slider .splide__slide:last-child {
  margin-right: 0;
}
.about-lex-history-slide {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.about-lex-history-slide-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  height: 100%;
}
.about-lex-history-slide-text {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  flex: 1;
}
.about-lex-history-slide-year {
  width: fit-content;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #CA163C;
}
.about-lex-history-slide-title {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1B1B20;
  margin: 0;
}
.about-lex-history-slide-description {
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #7C7C86;
  margin: 0;
  flex-grow: 1;
}
.about-lex-history-slide-image {
  width: 100%;
  margin-top: 0;
  border-radius: 0.5rem;
  overflow: hidden;
  height: 22.5rem;
  flex: 0 0 21.25rem;
  background-color: #F4F4F6;
}
.about-lex-history-slide-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.about-lex-history-slider-controls {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 0.75rem;
  z-index: 2;
}
.about-lex-history-pagination {
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  z-index: 1;
}
.about-lex-history-pagination .splide__pagination {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: center;
}
.about-lex-history-pagination .splide__pagination__page {
  width: auto;
  height: auto;
  background: transparent;
  border: none;
  font-size: 0.875rem;
  color: #7C7C86;
  padding: 0.5rem 0.75rem;
  border-radius: 1.25rem;
  transition: 300ms;
}
.about-lex-history-pagination .splide__pagination__page.is-active {
  background-color: #CA163C;
  color: #FFFFFF;
}
.about-lex-history-pagination .splide__pagination__page:hover {
  color: #CA163C;
}
.about-lex-features {
  background-color: #262830;
  margin-top: 8.75rem;
}
.about-lex-features .container-field {
  overflow: visible;
}
.about-lex-features-container {
  padding: 3.75rem 2.5rem 4.75rem;
}
.about-lex-features-wrapper {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.about-lex-special {
  position: relative;
  top: -7.5rem;
  width: 100%;
  height: 40rem;
  border-radius: 1.25rem;
  overflow: hidden;
  background: url("/assets/img/aboutUs-img-7.webp") center/cover no-repeat;
  box-shadow: 0 0.125rem 0.9375rem 0 rgba(0, 0, 0, 0.2);
}
.about-lex-special::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.06)), linear-gradient(180deg, rgba(0, 0, 0, 0) 54%, rgba(0, 0, 0, 0.36) 100%);
  pointer-events: none;
}
.about-lex-special-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 3rem;
  z-index: 1;
}
.about-lex-special-text {
  font-weight: 900;
  font-size: 4rem;
  line-height: 4.25rem;
  margin-left: 8%;
  color: #FFFFFF;
  text-align: left;
  text-transform: uppercase;
  letter-spacing: -0.25px;
}
.about-lex-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  color: #fff;
  margin-top: -5rem;
}
.about-lex-feature-block {
  min-height: 15rem;
  padding: 2.25rem;
  border-radius: 1.25rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.08);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.about-lex-feature-block h2 {
  margin-bottom: 0.875rem;
  color: #fff;
}
.about-lex-feature-description {
  font-size: 1rem;
  line-height: 1.5rem;
  color: rgba(255, 255, 255, 0.72);
}
.about-lex-feature-description-svg {
  width: 40.625rem;
  height: 15rem;
  max-width: 100%;
}
.about-lex-partners {
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.about-lex-partners ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}
.about-lex-partners ul li {
  min-height: 4.5rem;
  padding: 0.875rem 1.125rem;
  border-radius: 0.75rem;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-lex-partners ul svg {
  width: 100%;
  height: 2.125rem;
  max-width: 11.25rem;
}
.about-lex-partners-logo {
  background: #F4F4F6;
  border-radius: 0.5rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 5rem;
}
.about-lex-partners-logo svg {
  width: 100%;
  height: auto;
  max-width: 7.5rem;
}
.about-lex-service {
  border-radius: 1rem;
  padding: 4.75rem 2.5rem;
  text-align: center;
  background-color: #fff;
}
.about-lex-service-content {
  max-width: 56.25rem;
  margin: 0 auto;
}
.about-lex-service-content ul {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 1rem;
}
.about-lex-service-content ul li {
  flex: 1;
  min-height: 9.25rem;
  padding: 1.5rem;
  border: 1px solid #CA163C;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.about-lex-service-content ul svg {
  width: 10rem;
  height: 10rem;
  max-width: 100%;
}
.about-lex-service-content p {
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1B1B20;
  margin-bottom: 1.5rem;
}
.about-lex-service-content p:last-child {
  margin-bottom: 0;
}
.about-lex-service-content > p {
  max-width: 51.25rem;
  margin-left: auto;
  margin-right: auto;
  font-weight: 700;
}
.about-lex-service-highlight {
  background: rgba(202, 22, 60, 0.08);
  border-left: 0;
  box-shadow: inset 0.25rem 0 0 #CA163C;
  padding: 1.5rem;
  border-radius: 1.25rem;
  margin: 2rem auto 0;
  max-width: 47.5rem;
}
.about-lex-service-highlight p {
  font-weight: 700;
  color: #CA163C;
  margin-bottom: 0;
}
.year-pagination-container {
  display: flex;
  justify-content: center;
  gap: 0.75rem 0.5rem;
  margin-top: 2rem;
  flex-wrap: wrap;
}
.year-button {
  padding: 0.625rem 1rem;
  border: 1px solid #E0E0E0;
  border-radius: 0.375rem;
  background: white;
  color: #1B1B20;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  transition: 300ms;
  min-width: 5.75rem;
  text-align: center;
  font-family: inherit;
  outline: none;
}
.year-button:hover {
  color: #CA163C;
  border-color: #CA163C;
  transform: translateY(-2px);
}
.year-button.active {
  background-color: #CA163C;
  color: white;
  border-color: #CA163C;
  font-weight: 600;
  box-shadow: 0 0.25rem 0.75rem rgba(202, 22, 60, 0.3);
}
@media (max-width: 100rem) {
  .about-lex-category-slide {
    height: 33.75rem;
  }
  .about-lex-history {
    padding: 4.25rem 0;
  }
  .about-lex-history-wrapper {
    grid-template-columns: minmax(22.5rem, 1fr) 3fr;
    gap: 2.75rem;
  }
  .about-lex-history-slide-image {
    height: 18.75rem;
    flex-basis: 18.75rem;
  }
  .about-lex-special {
    height: 36.25rem;
  }
  .about-lex-special-text {
    margin-left: 7%;
    font-size: 3.5rem;
    line-height: 3.875rem;
  }
  .about-lex-service {
    padding: 4.25rem 2.5rem;
  }
}
@media (max-width: 85.375rem) {
  .about-lex-hero {
    padding: 2.75rem 0;
  }
  .about-lex-hero-description {
    font-size: 1.0625rem;
    line-height: 1.6875rem;
  }
  .about-lex-categories-container {
    padding-top: 1.875rem;
  }
  .about-lex-category-slide {
    height: 30rem;
  }
  .about-lex-category-info {
    padding: 2.5rem 2.125rem 2.125rem;
  }
  .about-lex-history {
    padding: 3.75rem 0;
  }
  .about-lex-history-wrapper {
    grid-template-columns: minmax(20.625rem, 1fr) 3fr;
    gap: 2.125rem;
  }
  .about-lex-history-slide-image {
    height: 16.875rem;
    flex-basis: 16.875rem;
  }
  .about-lex-special {
    height: 32.5rem;
  }
  .about-lex-special-text {
    margin-left: 6%;
    font-size: 3.125rem;
    line-height: 3.5rem;
  }
  .about-lex-feature-block {
    padding: 1.875rem;
  }
  .about-lex-service {
    padding: 3.75rem 2.125rem;
  }
}
@media (max-width: 80rem) {
  .about-lex-category-slide {
    height: 27.5rem;
  }
  .about-lex-history-wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 2.25rem;
  }
  .about-lex-history-info, .about-lex-history-slider-container {
    width: 100%;
    min-width: 0;
  }
  .about-lex-history-slide-image {
    height: 16.25rem;
    flex-basis: 16.25rem;
  }
  .about-lex-features {
    margin-top: 7.5rem;
  }
  .about-lex-special {
    top: -6.25rem;
    height: 30rem;
  }
  .about-lex-special-text {
    margin-left: 5%;
    font-size: 2.875rem;
    line-height: 3.25rem;
  }
  .about-lex-features-grid {
    margin-top: -4.125rem;
  }
  .about-lex-service-content ul {
    gap: 0.75rem;
  }
  .about-lex-service-content ul li {
    padding: 1.25rem;
  }
  .about-lex-service-content ul svg {
    width: 8.75rem;
    height: 8.75rem;
  }
}
@media (max-width: 63.75rem) {
  .about-lex-hero {
    padding: 2.5rem 0;
  }
  .about-lex-hero-content {
    max-width: 47.5rem;
  }
  .about-lex-category-slide {
    height: 24.375rem;
  }
  .about-lex-category-info {
    padding: 2rem 8.125rem 1.75rem 1.75rem;
  }
  .about-lex-category-info h2 {
    margin-bottom: 0.625rem;
  }
  .about-lex-categories-arrows {
    right: 1.5rem;
    bottom: 1.5rem;
  }
  .about-lex-text-info {
    max-width: 47.5rem;
  }
  .about-lex-history {
    padding: 3.25rem 0;
  }
  .about-lex-history-wrapper {
    gap: 2rem;
  }
  .about-lex-history-slide-content {
    flex-direction: row;
    align-items: center;
    gap: 1.75rem;
  }
  .about-lex-history-slide-text {
    flex: 1 1 56%;
    min-width: 0;
  }
  .about-lex-history-slide-image {
    flex: 0 0 40%;
    width: 40%;
    height: 14.375rem;
  }
  .about-lex-history-slide-year {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  .about-lex-history-slide-title {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .about-lex-history-slide-description {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .year-pagination-container {
    gap: 0.625rem 0.5rem;
  }
  .about-lex-features {
    margin-top: 6.25rem;
  }
  .about-lex-features-container {
    padding: 3.125rem 2rem 4rem;
  }
  .about-lex-special {
    top: -5.125rem;
    height: 26.25rem;
  }
  .about-lex-special-overlay {
    padding: 2.25rem;
  }
  .about-lex-special-text {
    margin-left: 3%;
    font-size: 2.5rem;
    line-height: 3rem;
  }
  .about-lex-features-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    margin-top: -3.25rem;
  }
  .about-lex-feature-block {
    min-height: 13.125rem;
  }
  .about-lex-feature-description-svg {
    width: 35rem;
    height: auto;
  }
  .about-lex-service {
    padding: 3.25rem 1.75rem;
  }
  .about-lex-service-content ul {
    flex-wrap: wrap;
  }
  .about-lex-service-content ul li {
    flex: 1 1 calc(50% - 0.75rem);
  }
}
@media (max-width: 48rem) {
  .about-lex-hero {
    padding: 2rem 0;
  }
  .about-lex-hero-content h1 {
    margin-bottom: 1rem;
  }
  .about-lex-hero-description {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .about-lex-categories-container {
    padding: 1.625rem 1rem 0.5rem;
  }
  .about-lex-categories-wrapper {
    margin-bottom: 2.75rem;
  }
  .about-lex-category-slide {
    height: 20.625rem;
  }
  .about-lex-category-info {
    padding: 1.375rem 7.375rem 1.125rem 1.25rem;
  }
  .about-lex-category-info h2 {
    margin-bottom: 0.5rem;
  }
  .about-lex-category-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .about-lex-categories-arrows {
    right: 1rem;
    bottom: 1rem;
  }
  .about-lex-categories-arrows-next, .about-lex-categories-arrows-prev {
    width: 2.375rem;
    height: 2.375rem;
  }
  .about-lex-categories-arrows-next svg, .about-lex-categories-arrows-prev svg {
    width: 1.125rem;
    height: 1.125rem;
  }
  .about-lex-text-info {
    padding: 1.25rem 1.375rem;
    font-size: 1rem;
    line-height: 1.5rem;
    border-radius: 1rem;
  }
  .about-lex-history {
    padding: 2.75rem 0;
  }
  .about-lex-history-wrapper {
    gap: 1.625rem;
  }
  .about-lex-history-title {
    line-height: 1.25;
    margin-bottom: 0.875rem;
  }
  .about-lex-history-text {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .about-lex-history-slider .splide__slide {
    flex: 0 0 calc(100% - 0.875rem);
    margin-right: 0.875rem;
    padding: 1.125rem;
  }
  .about-lex-history-slide-content {
    flex-direction: column;
    align-items: stretch;
    gap: 1.125rem;
  }
  .about-lex-history-slide-text {
    flex: none;
  }
  .about-lex-history-slide-year {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .about-lex-history-slide-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .about-lex-history-slide-description {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .about-lex-history-slide-image {
    flex: none;
    width: 100%;
    height: 16.25rem;
  }
  .year-pagination-container {
    margin-top: 1.5rem;
  }
  .year-button {
    min-width: 5.25rem;
    padding: 0.5625rem 0.75rem;
    font-size: 0.8125rem;
  }
  .about-lex-features {
    margin-top: 4.875rem;
  }
  .about-lex-features-container {
    padding: 2.25rem 1rem 3.25rem;
  }
  .about-lex-special {
    top: -3.625rem;
    height: 21.25rem;
    border-radius: 1rem;
  }
  .about-lex-special-overlay {
    padding: 1.5rem;
  }
  .about-lex-special-text {
    margin-left: 0;
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  .about-lex-features-grid {
    gap: 1.125rem;
    margin-top: -2.125rem;
  }
  .about-lex-feature-block {
    min-height: 11.875rem;
    padding: 1.625rem;
    border-radius: 1rem;
  }
  .about-lex-partners {
    margin-top: 1rem;
  }
  .about-lex-partners ul {
    gap: 0.625rem;
  }
  .about-lex-partners ul li {
    min-height: 3.875rem;
    padding: 0.75rem 0.875rem;
  }
  .about-lex-partners ul svg {
    height: 1.875rem;
    max-width: 9.375rem;
  }
  .about-lex-feature-description-svg {
    width: 26.25rem;
  }
  .about-lex-service {
    padding: 2.5rem 1.25rem;
  }
  .about-lex-service-content > p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .about-lex-service-content ul {
    margin-top: 1.625rem;
    gap: 0.75rem;
  }
  .about-lex-service-content ul li {
    min-height: 7.875rem;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .about-lex-service-content ul svg {
    width: 7rem;
    height: 7rem;
  }
  .about-lex-service-highlight {
    margin-top: 1.5rem;
    padding: 1.25rem;
    border-radius: 1rem;
  }
}
@media (max-width: 37.5rem) {
  .about-lex-categories-container {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .about-lex-category-slide {
    height: 19.375rem;
  }
  .about-lex-category-info {
    padding: 1.25rem 1rem;
  }
  .about-lex-categories-arrows {
    top: 0.875rem;
    right: 0.875rem;
    bottom: auto;
  }
  .about-lex-history {
    padding: 2.375rem 0;
  }
  .about-lex-history-slide-image {
    height: 14.375rem;
  }
  .year-pagination-container {
    gap: 0.5rem 0.375rem;
  }
  .about-lex-features {
    margin-top: 4rem;
  }
  .about-lex-special {
    top: -3rem;
    height: 19.375rem;
  }
  .about-lex-features-grid {
    margin-top: -1.625rem;
  }
  .about-lex-feature-description-svg {
    width: 20.625rem;
  }
  .about-lex-service {
    padding: 2.125rem 1rem;
  }
  .about-lex-service-content ul li {
    flex-basis: calc(50% - 0.375rem);
    min-width: 0;
  }
  .about-lex-service-content ul svg {
    width: 6.25rem;
    height: 6.25rem;
  }
}
@media (max-width: 26.875rem) {
  .about-lex-hero {
    padding: 1.75rem 0;
  }
  .about-lex-hero-description {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .about-lex-category-slide {
    height: 18.125rem;
  }
  .about-lex-category-info h2 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .about-lex-category-description {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .about-lex-categories-arrows-next, .about-lex-categories-arrows-prev {
    width: 2.25rem;
    height: 2.25rem;
  }
  .about-lex-text-info {
    padding: 1.125rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .about-lex-history {
    padding: 2.125rem 0;
  }
  .about-lex-history-text {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .about-lex-history-slider .splide__slide {
    padding: 1rem;
  }
  .about-lex-history-slide-image {
    height: 13.4375rem;
  }
  .year-button {
    min-width: 4.875rem;
    padding: 0.5rem 0.625rem;
    font-size: 0.75rem;
  }
  .about-lex-features {
    margin-top: 3.5rem;
  }
  .about-lex-features-container {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .about-lex-special {
    top: -2.625rem;
    height: 17.8125rem;
  }
  .about-lex-special-overlay {
    padding: 1.125rem;
  }
  .about-lex-special-text {
    font-size: 1.625rem;
    line-height: 2rem;
  }
  .about-lex-features-grid {
    margin-top: -1.375rem;
  }
  .about-lex-feature-block {
    min-height: 10.75rem;
    padding: 1.375rem;
  }
  .about-lex-feature-block h2 {
    margin-bottom: 0.625rem;
  }
  .about-lex-feature-description {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .about-lex-partners ul {
    gap: 0.5rem;
  }
  .about-lex-partners ul li {
    min-height: 3.5rem;
    padding: 0.625rem 0.75rem;
  }
  .about-lex-partners ul svg {
    height: 1.6875rem;
    max-width: 8.25rem;
  }
  .about-lex-feature-description-svg {
    width: 18.125rem;
  }
  .about-lex-service {
    padding: 1.875rem 0.875rem;
  }
  .about-lex-service-content p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .about-lex-service-content ul {
    gap: 0.625rem;
  }
  .about-lex-service-content ul li {
    min-height: 7rem;
    padding: 0.875rem;
  }
  .about-lex-service-content ul svg {
    width: 5.5rem;
    height: 5.5rem;
  }
  .about-lex-service-highlight {
    padding: 1.125rem;
  }
}
@media (max-width: 24.375rem) {
  .about-lex-category-slide {
    height: 17.5rem;
  }
  .about-lex-history-slide-image {
    height: 12.8125rem;
  }
  .about-lex-special {
    height: 16.875rem;
  }
  .about-lex-service-content ul svg {
    width: 5.125rem;
    height: 5.125rem;
  }
}
@media (max-width: 22.5rem) {
  .about-lex-categories-container {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .about-lex-category-slide {
    height: 16.875rem;
  }
  .about-lex-category-info {
    padding: 1.125rem 0.875rem;
  }
  .about-lex-category-info h2 {
    font-size: 1.25rem;
    line-height: 1.5625rem;
  }
  .about-lex-history-slide-image {
    height: 12.1875rem;
  }
  .year-button {
    min-width: 4.5rem;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .about-lex-special {
    height: 15.9375rem;
  }
  .about-lex-special-text {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .about-lex-feature-block {
    padding: 1.125rem;
  }
  .about-lex-service-content ul {
    gap: 0.5rem;
  }
  .about-lex-service-content ul li {
    min-height: 6.5rem;
    padding: 0.75rem;
  }
  .about-lex-service-content ul svg {
    width: 4.75rem;
    height: 4.75rem;
  }
}
@media (max-width: 20rem) {
  .about-lex-hero-description {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .about-lex-category-slide {
    height: 15.9375rem;
  }
  .about-lex-category-info h2 {
    font-size: 1.1875rem;
    line-height: 1.5rem;
  }
  .about-lex-category-description {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .about-lex-categories-arrows {
    top: 0.625rem;
    right: 0.625rem;
  }
  .about-lex-categories-arrows-next, .about-lex-categories-arrows-prev {
    width: 2.125rem;
    height: 2.125rem;
  }
  .about-lex-history-slide-image {
    height: 11.5625rem;
  }
  .year-pagination-container {
    gap: 0.375rem;
  }
  .year-button {
    min-width: 4.25rem;
    padding: 0.4375rem 0.375rem;
    font-size: 0.6875rem;
  }
  .about-lex-special {
    top: -2.25rem;
    height: 15rem;
  }
  .about-lex-features-grid {
    margin-top: -1.125rem;
  }
  .about-lex-feature-block {
    min-height: 9.875rem;
  }
  .about-lex-feature-description-svg {
    width: 15.625rem;
  }
  .about-lex-service {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .about-lex-service-content ul li {
    min-height: 6rem;
    padding: 0.625rem;
  }
  .about-lex-service-content ul svg {
    width: 4.375rem;
    height: 4.375rem;
  }
}
.about-lex-hero {
  padding-top: 3.625rem;
  padding-bottom: 3.625rem;
  background: radial-gradient(circle at 50% 0%, rgba(202, 22, 60, 0.035), transparent 42%), #FFFFFF;
}
.about-lex-hero-content {
  max-width: 57.5rem;
}
.about-lex-hero-content h1 {
  max-width: 38.75rem;
  margin-bottom: 1.375rem;
  letter-spacing: -0.35px;
}
.about-lex-hero-description {
  max-width: 50rem;
  color: #686876;
}
.about-lex-categories-container {
  padding-top: 2.625rem;
}
.about-lex-categories-wrapper {
  margin-bottom: 3.625rem;
}
.about-lex-categories-slider .splide__track {
  border-radius: 1.375rem;
  box-shadow: 0 0.5rem 1.75rem rgba(27, 27, 32, 0.08), 0 0.125rem 0.5rem rgba(27, 27, 32, 0.04);
}
.about-lex-category-image img {
  transition: transform 700ms ease;
}
.about-lex-category-slide:hover .about-lex-category-image img {
  transform: scale(1.025);
}
.about-lex-category-info {
  background: linear-gradient(180deg, rgba(9, 9, 11, 0) 16%, rgba(9, 9, 11, 0.12) 42%, rgba(9, 9, 11, 0.82) 100%);
}
.about-lex-category-info h2 {
  text-shadow: 0 0.125rem 0.875rem rgba(0, 0, 0, 0.16);
}
.about-lex-category-description {
  color: rgba(255, 255, 255, 0.82);
}
.about-lex-categories-arrows-next, .about-lex-categories-arrows-prev {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(255, 255, 255, 0.7);
  box-shadow: 0 0.3125rem 1.125rem rgba(0, 0, 0, 0.14);
}
.about-lex-categories-arrows-next:hover, .about-lex-categories-arrows-prev:hover {
  box-shadow: 0 0.4375rem 1.25rem rgba(202, 22, 60, 0.22);
}
.about-lex-text-info {
  position: relative;
  max-width: 53.75rem;
  padding: 1.625rem 2.125rem;
  background: linear-gradient(180deg, #f7f7f9 0%, #f3f3f6 100%);
  border: 1px solid #ececf0;
  box-shadow: 0 0.5rem 1.75rem rgba(27, 27, 32, 0.04);
}
.about-lex-text-info::before {
  content: "";
  position: absolute;
  top: 1.25rem;
  bottom: 1.25rem;
  left: 0;
  width: 0.1875rem;
  border-radius: 0 0.25rem 0.25rem 0;
  background: #CA163C;
}
.about-lex-history {
  padding-top: 5.125rem;
  padding-bottom: 5.375rem;
}
.about-lex-history-title {
  letter-spacing: -0.3px;
}
.about-lex-history-text {
  color: #666674;
}
.about-lex-history-slider .splide__slide {
  border-color: #e9e9ed;
  border-radius: 1rem;
  box-shadow: 0 0.25rem 1rem rgba(27, 27, 32, 0.035);
}
.about-lex-history-slider .splide__slide:hover {
  transform: translateY(-0.125rem);
  border-color: rgba(202, 22, 60, 0.22);
  box-shadow: 0 0.625rem 1.75rem rgba(27, 27, 32, 0.075);
}
.about-lex-history-slide-year {
  padding: 0.375rem 0.625rem;
  border-radius: 1.25rem;
  background: rgba(202, 22, 60, 0.075);
}
.about-lex-history-slide-title {
  letter-spacing: -0.1px;
}
.about-lex-history-slide-image {
  border-radius: 0.625rem;
}
.about-lex .year-pagination-container {
  margin-top: 1.75rem;
}
.about-lex .year-button {
  min-width: 0;
  padding: 0.5625rem 0.875rem;
  border-color: #dedee3;
  border-radius: 1.25rem;
  background: #fff;
  color: #494956;
  font-size: 0.75rem;
  box-shadow: 0 0.125rem 0.5rem rgba(27, 27, 32, 0.025);
}
.about-lex .year-button:hover {
  transform: translateY(-0.0625rem);
  background: #fff8f9;
  box-shadow: 0 0.25rem 0.75rem rgba(27, 27, 32, 0.05);
}
.about-lex .year-button.active {
  box-shadow: 0 0.25rem 0.875rem rgba(202, 22, 60, 0.18);
}
.about-lex-features {
  background: radial-gradient(circle at 86% 8%, rgba(202, 22, 60, 0.12), transparent 30%), #262830;
}
.about-lex-special {
  box-shadow: 0 0.875rem 2.625rem rgba(0, 0, 0, 0.22);
}
.about-lex-special::after {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.03) 62%), linear-gradient(180deg, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0.32) 100%);
}
.about-lex-special-text {
  text-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.22);
}
.about-lex-feature-block {
  border-color: rgba(255, 255, 255, 0.1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.045) 100%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}
.about-lex-feature-description {
  color: rgba(255, 255, 255, 0.68);
}
.about-lex-partners ul li {
  border: 1px solid rgba(255, 255, 255, 0.055);
  background: rgba(255, 255, 255, 0.075);
  transition: transform 250ms ease, background-color 250ms ease, border-color 250ms ease;
}
.about-lex-partners ul li:hover {
  transform: translateY(-0.125rem);
  border-color: rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.11);
}
.about-lex-service {
  padding-top: 5.125rem;
  padding-bottom: 5.125rem;
  background: linear-gradient(180deg, #fff 0%, #fafafd 100%);
}
.about-lex-service-content > p {
  max-width: 53.125rem;
}
.about-lex-service-content ul {
  gap: 0.875rem;
}
.about-lex-service-content ul li {
  border-color: #e6e6eb;
  background: #fff;
  box-shadow: 0 0.3125rem 1.25rem rgba(27, 27, 32, 0.04);
  transition: transform 250ms ease, border-color 250ms ease, box-shadow 250ms ease;
}
.about-lex-service-content ul li:hover {
  transform: translateY(-0.1875rem);
  border-color: rgba(202, 22, 60, 0.3);
  box-shadow: 0 0.625rem 1.625rem rgba(27, 27, 32, 0.07);
}
.about-lex-service-highlight {
  border: 1px solid rgba(202, 22, 60, 0.1);
  background: rgba(202, 22, 60, 0.055);
  box-shadow: inset 0.25rem 0 0 #CA163C;
}
@media (max-width: 80rem) {
  .about-lex-hero {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
  }
  .about-lex-history {
    padding-top: 4.25rem;
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 63.75rem) {
  .about-lex-category-slide:hover .about-lex-category-image img {
    transform: scale(1.01);
  }
  .about-lex-service-content ul li:hover, .about-lex-partners ul li:hover, .about-lex-history-slider .splide__slide:hover {
    transform: none;
  }
}
@media (max-width: 48rem) {
  .about-lex-hero {
    padding-top: 2.125rem;
    padding-bottom: 2.125rem;
  }
  .about-lex-categories-container {
    padding-top: 1.75rem;
  }
  .about-lex-categories-wrapper {
    margin-bottom: 2.5rem;
  }
  .about-lex-text-info {
    padding: 1.25rem 1.375rem;
    box-shadow: none;
  }
  .about-lex-history {
    padding-top: 3rem;
    padding-bottom: 3.25rem;
  }
  .about-lex-service {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}
@media (max-width: 26.875rem) {
  .about-lex-hero {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .about-lex-categories-wrapper {
    margin-bottom: 2rem;
  }
  .about-lex-text-info {
    padding: 1.125rem;
  }
  .about-lex-history {
    padding-top: 2.5rem;
    padding-bottom: 2.75rem;
  }
  .about-lex-service {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media (max-width: 48rem) {
  .about-lex-history-slide, .about-lex-history-slider .splide__slide {
    height: auto;
  }
  .about-lex-history-slide-content {
    justify-content: flex-start;
    height: auto;
    gap: 1rem;
  }
  .about-lex-history-slide-text {
    flex: none;
  }
  .about-lex-history-slide-description {
    flex-grow: 0;
  }
  .about-lex-history-slide-image {
    margin-top: 0;
    height: 13.75rem;
  }
  .about-lex-service-content ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    align-items: stretch;
    justify-content: initial;
  }
  .about-lex-service-content ul li {
    flex: none;
    width: 100%;
    min-width: 0;
    min-height: 6.875rem;
    padding: 0.875rem;
  }
  .about-lex-service-content ul svg {
    width: 5.5rem;
    height: 5.5rem;
  }
}
@media (max-width: 26.875rem) {
  .about-lex-history-slide-image {
    height: 12.5rem;
  }
  .about-lex-service-content ul {
    gap: 0.625rem;
  }
  .about-lex-service-content ul li {
    min-height: 6.25rem;
    padding: 0.75rem;
  }
  .about-lex-service-content ul svg {
    width: 5rem;
    height: 5rem;
  }
}
@media (max-width: 20rem) {
  .about-lex-history-slide-image {
    height: 11.5625rem;
  }
  .about-lex-service-content ul li {
    min-height: 5.75rem;
    padding: 0.625rem;
  }
  .about-lex-service-content ul svg {
    width: 4.375rem;
    height: 4.375rem;
  }
}
.stores {
  background: #FFFFFF;
}
.stores-content {
  padding: 0 0 4.5rem;
  background: linear-gradient(180deg, #fff 0%, #fafafc 100%);
}
.stores-panel {
  margin-bottom: 1.5rem;
  padding: 1.625rem;
  border: 1px solid #ececf1;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.875rem 2.625rem rgba(10, 16, 25, 0.06);
}
.stores-panel-header {
  display: grid;
  grid-template-columns: minmax(21.25rem, 0.78fr) minmax(0, 1.42fr);
  gap: 1.75rem;
  align-items: center;
}
.stores-panel-header > * {
  min-width: 0;
}
.stores-panel-title-block {
  max-width: 38.75rem;
}
.stores-panel-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  margin-bottom: 1rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.stores-panel-actions {
  min-width: 0;
}
.stores-search-title {
  letter-spacing: -0.04em;
  font-size: 1.25rem;
  margin-bottom: 0;
}
.stores-search-description {
  max-width: 32.5rem;
  margin: 0;
  color: #7C7C86;
  font-size: 1.0625rem;
  line-height: 1.75rem;
}
.stores-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.75rem;
}
.stores-search-label-field {
  position: relative;
  min-width: 0;
  margin: 0;
  z-index: 5;
}
.stores-search .form-input-wrapper {
  position: relative;
  margin-bottom: 0;
}
.stores-search .form-input-wrapper .input, .stores-search .form-input-wrapper .aria, .stores-search .form-input-wrapper .select {
  width: 100%;
  height: 3.375rem;
  padding: 0.875rem 3.625rem 0.875rem 1.25rem;
  border: 1px solid #e1e1e7;
  border-radius: 0.875rem;
  background: #f7f7f9;
  font-size: 1rem;
  transition: border-color 250ms, background 250ms, box-shadow 250ms;
}
.stores-search .form-input-wrapper .input:focus, .stores-search .form-input-wrapper .aria:focus, .stores-search .form-input-wrapper .select:focus {
  border-color: #CA163C;
  background: #fff;
  box-shadow: 0 0 0 0.25rem rgba(202, 22, 60, 0.08);
}
.stores-search-btn {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 250ms;
}
.stores-search-btn svg {
  color: #fff;
}
.stores-search-btn:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: 0.125rem;
}
.stores-search .form-label-error {
  display: none;
  margin-top: 0.5rem;
  color: #CA163C;
  font-size: 0.75rem;
}
.stores-search .form-label-error.is-visible {
  display: block;
}
.stores-suggestions {
  position: absolute;
  top: calc(100% + 0.375rem);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 20.625rem;
  overflow-y: auto;
  padding: 0.375rem;
  border: 1px solid #ececf1;
  border-radius: 0.875rem;
  background: #fff;
  box-shadow: 0 1rem 2.375rem rgba(10, 16, 25, 0.12);
}
.stores-suggestions[hidden] {
  display: none;
}
.stores-suggestions-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.625rem 0.75rem;
  border: 0;
  border-radius: 0.625rem;
  background: transparent;
  color: #1B1B20;
  text-align: left;
  cursor: pointer;
}
.stores-suggestions-item:hover, .stores-suggestions-item:focus-visible {
  background: #F4F4F6;
  outline: none;
}
.stores-suggestions-item strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.stores-suggestions-item span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.stores-geolocation .btn {
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.stores-main-wrapper {
  display: grid;
  grid-template-columns: minmax(23.75rem, 0.78fr) minmax(0, 1.42fr);
  gap: 1.5rem;
  align-items: stretch;
  padding-bottom: 3rem;
}
.stores-main-wrapper > * {
  min-width: 0;
}
.stores-results-wrapper, .stores-map-wrapper {
  border: 1px solid #ececf1;
  background: #fff;
  box-shadow: 0 0.875rem 2.625rem rgba(10, 16, 25, 0.06);
}
.stores-results-wrapper {
  height: 47.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.75rem;
}
.stores-results-header {
  flex-shrink: 0;
  padding: 1.625rem 1.625rem 1.125rem;
  border-bottom: 1px solid #ececf1;
  background: #fff;
}
.stores-results-title {
  margin: 0 0 0.5rem;
  color: #1B1B20;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.stores-results-count {
  color: #7C7C86;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.stores-results-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1.125rem;
  overscroll-behavior-y: auto;
}
.stores-results-list::-webkit-scrollbar {
  width: 0.375rem;
}
.stores-results-list::-webkit-scrollbar-track {
  border-radius: 0.1875rem;
  background: #F4F4F6;
}
.stores-results-list::-webkit-scrollbar-thumb {
  border-radius: 0.1875rem;
  background: #D4D4D9;
}
.stores-results-list::-webkit-scrollbar-thumb:hover {
  background: #7C7C86;
}
.stores-result-item {
  position: relative;
  min-width: 0;
  margin-bottom: 0.75rem;
  padding: 1.125rem 1.125rem 1.125rem 1.375rem;
  overflow: hidden;
  border: 1px solid #ececf1;
  border-radius: 1.25rem;
  background: #fff;
  cursor: pointer;
  transition: border-color 250ms, box-shadow 250ms, transform 250ms, background 250ms;
}
.stores-result-item::before {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 0;
  width: 0.1875rem;
  border-radius: 62.4375rem;
  background: transparent;
}
.stores-result-item:hover {
  border-color: rgba(202, 22, 60, 0.35);
  box-shadow: 0 0.75rem 1.75rem rgba(202, 22, 60, 0.08);
  transform: translateY(-0.125rem);
}
.stores-result-item.active {
  border-color: rgba(202, 22, 60, 0.35);
  background: rgba(202, 22, 60, 0.035);
}
.stores-result-item.active::before {
  background: #CA163C;
}
.stores-result-item:last-child {
  margin-bottom: 0;
}
.stores-result-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5625rem;
}
.stores-result-item-title {
  min-width: 0;
  margin: 0;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.stores-result-item-distance {
  flex-shrink: 0;
  padding: 0.25rem 0.5625rem;
  border-radius: 62.4375rem;
  background: #f4f4f6;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  white-space: nowrap;
}
.stores-result-item-type {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.5625rem;
  padding: 0.25rem 0.5rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.0625rem;
  font-weight: 700;
}
.stores-result-item-address {
  margin-bottom: 0.625rem;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.375rem;
  overflow-wrap: anywhere;
}
.stores-result-item-phone, .stores-result-item-email, .stores-result-item-website {
  display: flex;
  align-items: flex-start;
  width: fit-content;
  max-width: 100%;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
  color: #CA163C;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.stores-result-item-phone svg, .stores-result-item-email svg, .stores-result-item-website svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.stores-result-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.875rem;
}
.stores-result-item-actions .btn, .stores-result-item-actions button, .stores-result-item-actions a {
  min-height: 2.375rem;
  padding: 0.4375rem 0.875rem;
  border-radius: 0.625rem;
  font-size: 0.8125rem;
  text-decoration: none;
}
.stores-result-item-details {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 250ms ease, opacity 250ms ease;
}
.stores-result-item-details > div {
  min-height: 0;
  overflow: hidden;
}
.stores-result-item-details.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
}
.stores-result-item-details-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.75rem;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.stores-result-item-details-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.stores-result-item-details-row strong {
  flex-shrink: 0;
  color: #1B1B20;
}
.stores-result-item-details-row span, .stores-result-item-details-row a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.stores-result-item-details-row a {
  color: #CA163C;
}
.stores-empty {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  text-align: center;
}
.stores-empty-icon {
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
  border-radius: 50%;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
}
.stores-empty h3 {
  margin: 0 0 0.625rem;
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.stores-empty p {
  max-width: 21.25rem;
  margin: 0;
  color: #7C7C86;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}
.stores-map-wrapper {
  position: relative;
  height: 47.5rem;
  overflow: hidden;
  border-radius: 1.75rem;
}
.stores-map {
  width: 100%;
  height: 100%;
  background: #F4F4F6;
}
.stores-map-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.875rem;
  text-align: center;
  background: radial-gradient(circle at center, rgba(202, 22, 60, 0.05), transparent 45%), #F4F4F6;
}
.stores-map-placeholder-icon {
  width: 4.625rem;
  height: 4.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  border-radius: 50%;
  background: #fff;
  color: #CA163C;
  box-shadow: 0 0.625rem 1.75rem rgba(10, 16, 25, 0.08);
}
.stores-map-placeholder strong {
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.stores-map-placeholder p {
  max-width: 22.5rem;
  margin: 0 0 0.5rem;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.stores-map-controls {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.stores-map-controls[hidden] {
  display: none;
}
.stores-map-control {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ececf1;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.625rem 1.5rem rgba(10, 16, 25, 0.12);
  cursor: pointer;
  transition: border-color 250ms, transform 250ms;
}
.stores-map-control svg {
  color: #5B5B6B;
}
.stores-map-control:hover {
  border-color: #CA163C;
  transform: translateY(-0.125rem);
}
.stores-map-control:hover svg {
  color: #CA163C;
}
.stores-map-status {
  position: absolute;
  top: 1rem;
  left: 50%;
  z-index: 30;
  max-width: calc(100% - 2rem);
  padding: 0.5625rem 0.875rem;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.96);
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
  box-shadow: 0 0.5rem 1.5rem rgba(10, 16, 25, 0.12);
  transform: translateX(-50%);
}
.stores-map-status[hidden] {
  display: none;
}
.stores-map-status.is-error {
  color: #CA163C;
}
.stores-map-marker {
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0.1875rem solid #fff;
  border-radius: 50% 50% 50% 0;
  background: #CA163C;
  box-shadow: 0 0.3125rem 1rem rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transform: rotate(-45deg);
  transition: transform 200ms, box-shadow 200ms;
}
.stores-map-marker::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #fff;
}
.stores-map-marker:hover, .stores-map-marker.is-active {
  box-shadow: 0 0.5rem 1.375rem rgba(202, 22, 60, 0.4);
  transform: rotate(-45deg) scale(1.12);
}
.stores-map-marker--user {
  border-radius: 50%;
  background: #1652CA;
  transform: none;
}
.stores-map-marker--user:hover, .stores-map-marker--user.is-active {
  transform: scale(1.08);
}
.stores-results-more {
  display: none;
}
@media (max-width: 80rem) {
  .stores-panel {
    padding: 1.5rem;
  }
  .stores-panel-header {
    grid-template-columns: minmax(18.75rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1.375rem;
  }
  .stores-main-wrapper {
    grid-template-columns: minmax(21.25rem, 0.85fr) minmax(0, 1.35fr);
    gap: 1.25rem;
  }
  .stores-results-wrapper, .stores-map-wrapper {
    height: 42.5rem;
  }
}
@media (max-width: 63.75rem) {
  .stores-content {
    padding-bottom: 3.75rem;
  }
  .stores-panel-header {
    grid-template-columns: 1fr;
    gap: 1.375rem;
  }
  .stores-panel-title-block {
    max-width: 43.75rem;
  }
  .stores-search-form {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .stores-main-wrapper {
    grid-template-columns: 1fr;
  }
  .stores-results-wrapper {
    height: auto;
    min-height: 22.5rem;
  }
  .stores-results-list {
    max-height: 32.5rem;
  }
  .stores-map-wrapper {
    height: 32.5rem;
  }
}
@media (max-width: 48rem) {
  .stores-content {
    padding: 0.75rem 0 3rem;
  }
  .stores-panel {
    margin-bottom: 1.125rem;
    padding: 1.25rem;
    border-radius: 1.375rem;
  }
  .stores-panel-label {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
  }
  .stores-search-title {
    font-size: 1.75rem;
    line-height: 2.1875rem;
    margin-bottom: 0.625rem;
  }
  .stores-search-description {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .stores-search-form {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .stores-search .form-input-wrapper .input, .stores-search .form-input-wrapper .aria, .stores-search .form-input-wrapper .select {
    height: 3.125rem;
    padding-left: 1rem;
    font-size: 0.9375rem;
  }
  .stores-geolocation .btn {
    width: 100%;
    min-height: 3.125rem;
  }
  .stores-results-wrapper, .stores-map-wrapper {
    border-radius: 1.375rem;
  }
  .stores-results-wrapper {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  .stores-results-list {
    flex: none;
    max-height: none;
    overflow-y: visible;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
  }
  .stores-results-header {
    padding: 1.25rem 1.25rem 0.9375rem;
  }
  .stores-results-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .stores-results-count {
    font-size: 0.875rem;
  }
  .stores-results-list {
    max-height: none;
    padding: 0.875rem;
  }
  .stores-results-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0 0.25rem;
  }
  .stores-results-more .btn {
    width: 100%;
    justify-content: center;
  }
  .stores-results-more span {
    color: #7C7C86;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .stores-result-item {
    padding: 1rem 0.9375rem 1rem 1.1875rem;
    border-radius: 1rem;
  }
  .stores-result-item:hover {
    transform: none;
  }
  .stores-result-item-title {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .stores-map-wrapper {
    height: 27.5rem;
  }
  .stores-map-controls {
    right: 0.875rem;
    bottom: 0.875rem;
  }
  .stores-map-control {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
  }
}
@media (max-width: 31.25rem) {
  .stores-panel {
    padding: 1rem;
    border-radius: 1.125rem;
  }
  .stores-search-title {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
  }
  .stores-suggestions {
    max-height: 17.5rem;
  }
  .stores-results-header {
    padding: 1.125rem 1rem 0.875rem;
  }
  .stores-results-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .stores-results-list {
    max-height: none;
    padding: 0.625rem;
  }
  .stores-result-item {
    margin-bottom: 0.5625rem;
    padding: 0.875rem;
  }
  .stores-result-item::before {
    top: 0.75rem;
    bottom: 0.75rem;
  }
  .stores-result-item-header {
    flex-direction: column;
    gap: 0.4375rem;
  }
  .stores-result-item-distance {
    order: -1;
  }
  .stores-result-item-address, .stores-result-item-phone, .stores-result-item-email, .stores-result-item-website {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .stores-result-item-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .stores-result-item-actions .btn, .stores-result-item-actions button, .stores-result-item-actions a {
    width: 100%;
    justify-content: center;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    text-align: center;
  }
  .stores-empty {
    padding: 2.375rem 1.125rem;
  }
  .stores-empty-icon {
    width: 4.375rem;
    height: 4.375rem;
  }
  .stores-empty h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .stores-empty p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .stores-map-wrapper {
    height: 23.75rem;
  }
  .stores-map-placeholder {
    padding: 1.375rem;
  }
  .stores-map-placeholder-icon {
    width: 4rem;
    height: 4rem;
  }
  .stores-map-placeholder strong {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 22.5rem) {
  .stores-search-title {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .stores-result-item-actions {
    grid-template-columns: 1fr;
  }
  .stores-map-wrapper {
    height: 21.25rem;
  }
  .stores-map-control {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 20rem) {
  .stores-map-wrapper {
    height: 20rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .stores-result-item, .stores-search-btn, .stores-map-control, .stores-map-marker, .stores-result-item-details {
    transition: none;
  }
  .stores-result-item:hover, .stores-map-control:hover {
    transform: none;
  }
}
.faq .breadcrumb-wrapper {
  background: transparent;
}
.faq-hero {
  padding: 3rem 0;
  background-color: #FFFFFF;
}
.faq-hero .container-field {
  display: flex;
  justify-content: center;
}
.faq-hero-content {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
}
.faq-hero-content .h1 {
  margin: 0.5rem 0 0.875rem;
}
.faq-hero-content p {
  max-width: 40rem;
  margin: 0 auto;
  color: #5B5B6B;
  font-size: 1.0625rem;
  line-height: 1.625rem;
}
.faq-main {
  padding: 0 0 4.5rem;
}
.faq-layout {
  width: 100%;
}
.faq-content {
  display: flex;
  flex-direction: column;
  gap: 1.375rem;
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
  padding-bottom: 2.75rem;
}
.faq-section {
  padding: 1.5rem 1.5rem 2.5rem;
  background: #FFFFFF;
  scroll-margin-top: 6.875rem;
}
.faq-section-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.125rem;
}
.faq-section-header > div {
  min-width: 0;
}
.faq-section-header .h4 {
  margin: 0.25rem 0 0;
}
.faq-section-label {
  display: block;
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.faq-section-count {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  min-height: 2rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: #F4F5F7;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  white-space: nowrap;
}
.faq-list-accordion {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.faq-item {
  border: 1px solid rgba(212, 212, 217, 0.95);
  border-radius: 1.125rem;
  background: #FFFFFF;
  overflow: hidden;
  transition: border-color 300ms, box-shadow 300ms, background-color 300ms;
}
.faq-item:hover {
  border-color: rgba(202, 22, 60, 0.45);
  box-shadow: 0 0.5rem 1.625rem rgba(16, 24, 40, 0.06);
}
.faq-item[open] {
  border-color: rgba(202, 22, 60, 0.55);
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFCFD 100%);
  box-shadow: 0 0.75rem 2rem rgba(16, 24, 40, 0.08);
}
.faq-item[open] summary {
  color: #CA163C;
}
.faq-item[open] summary svg {
  transform: rotate(0);
  color: #CA163C;
}
.faq-item[open] .faq-item-content-inner {
  opacity: 1;
  transform: translateY(0);
}
.faq-item summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.125rem;
  min-height: 3.875rem;
  padding: 1.125rem 1.25rem;
  cursor: pointer;
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.4375rem;
  font-weight: 600;
  list-style: none;
  transition: color 300ms;
}
.faq-item summary::-webkit-details-marker {
  display: none;
}
.faq-item summary::marker {
  display: none;
  content: "";
}
.faq-item summary:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: -0.125rem;
}
.faq-item summary span {
  min-width: 0;
}
.faq-item summary svg {
  flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  color: #7C7C86;
  transform: rotate(180deg);
  transition: transform 300ms, color 300ms;
}
.faq-item-content {
  color: #5B5B6B;
}
.faq-item-content-inner {
  padding: 0 1.25rem 1.25rem;
  opacity: 0.92;
  transform: translateY(-0.125rem);
  transition: opacity 300ms, transform 300ms;
}
.faq-item-content p {
  margin: 0 0 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  overflow-wrap: anywhere;
}
.faq-item-content p:last-child {
  margin-bottom: 0;
}
.faq-item-content strong {
  color: #1B1B20;
}
.faq-item-content a {
  overflow-wrap: anywhere;
}
@media (max-width: 63.75rem) {
  .faq-hero {
    padding: 2.25rem 0;
  }
  .faq-main {
    padding-bottom: 3.5rem;
  }
  .faq-content {
    gap: 1.125rem;
    padding-bottom: 2.25rem;
  }
  .faq-section {
    padding: 1.375rem 1.25rem 2rem;
  }
}
@media (max-width: 48rem) {
  .faq-hero {
    padding: 1.75rem 0 2rem;
  }
  .faq-hero-content .h1 {
    margin: 0.25rem 0 0.75rem;
  }
  .faq-hero-content p {
    max-width: 35rem;
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .faq-main {
    padding-bottom: 3rem;
  }
  .faq-content {
    gap: 1rem;
    padding-bottom: 2rem;
  }
  .faq-section {
    padding: 1.125rem 1rem 1.625rem;
    scroll-margin-top: 5.625rem;
  }
  .faq-section-header {
    gap: 0.75rem;
    margin-bottom: 0.875rem;
  }
  .faq-section-label {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .faq-section-count {
    min-height: 1.875rem;
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .faq-list-accordion {
    gap: 0.5rem;
  }
  .faq-item {
    border-radius: 0.875rem;
  }
  .faq-item:hover {
    box-shadow: none;
  }
  .faq-item[open] {
    box-shadow: 0 0.375rem 1.25rem rgba(16, 24, 40, 0.06);
  }
  .faq-item summary {
    gap: 0.875rem;
    min-height: 3.5rem;
    padding: 0.875rem 1rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .faq-item summary svg {
    width: 1rem;
    height: 1rem;
  }
  .faq-item-content-inner {
    padding: 0 1rem 1rem;
  }
  .faq-item-content p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
}
@media (max-width: 31.25rem) {
  .faq-hero {
    padding: 1.375rem 0 1.625rem;
  }
  .faq-hero-content p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .faq-main {
    padding-bottom: 2.25rem;
  }
  .faq-content {
    gap: 0.75rem;
    padding-bottom: 1.5rem;
  }
  .faq-section {
    padding: 1rem 0.75rem 1.375rem;
  }
  .faq-section-header {
    gap: 0.625rem;
    margin-bottom: 0.75rem;
  }
  .faq-section-header .h4 {
    margin-top: 0.1875rem;
  }
  .faq-section-count {
    min-height: 1.75rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 1.0625rem;
  }
  .faq-item {
    border-radius: 0.75rem;
  }
  .faq-item summary {
    gap: 0.75rem;
    min-height: 3.25rem;
    padding: 0.8125rem 0.875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .faq-item summary svg {
    width: 0.9375rem;
    height: 0.9375rem;
  }
  .faq-item-content-inner {
    padding: 0 0.875rem 0.875rem;
  }
  .faq-item-content p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.main-slider-category-image {
  border-radius: 2rem;
  overflow: hidden;
}
.main-slider-category-image img {
  mix-blend-mode: normal;
}
.main-slider-category-block {
  padding: 1.875rem 0;
}
.main-slider-category-block a {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  max-width: 8.75rem;
  text-wrap: wrap;
}
.main-slider-category-block span {
  text-align: center;
  color: #1B1B20;
}
.main-slider-category-block .slider-category {
  max-width: 100%;
}
.main-slider-category-block.mobile {
  display: none;
}
.main-slider-other-category-wrapper {
  margin-bottom: 2.5rem;
}
.main-slider-other-category-wrapper .splide__track {
  padding-bottom: 1.25rem;
}
.main-slider-other-category-wrapper .splide__pagination__page.is-active {
  background: #CA163C;
  transform: scale(2);
}
.main-slider-other-category-wrapper .splide__pagination__page {
  width: 3px;
  height: 3px;
  margin: 0 0.25rem;
  background: #D4D4D9;
  border: none;
  border-radius: 50%;
  transition: 300ms;
}
.main-slider-other-category-wrapper .splide__pagination {
  bottom: 0;
}
.main-slider-other-category-item {
  position: relative;
  min-width: 0;
  overflow: hidden;
  height: auto;
  aspect-ratio: 2.53;
  background-size: cover;
  background-position: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 3.75rem;
  border-radius: 0.75rem;
}
.main-slider-other-category-item-content {
  color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
}
.main-slider-other-category-item-subtitle {
  font-weight: 500;
  letter-spacing: 0.3px;
  opacity: 0.7;
  display: block;
  margin: 0.625rem 0 1.25rem 0;
}
.main-slider-other-category-item a {
  width: fit-content;
}
.main-slider-other-category-item::after {
  display: none;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0));
  pointer-events: none;
  z-index: 1;
}
.main-offers-title {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 2.5rem 0;
}
.main-offers-title a {
  position: absolute;
  right: 40px;
  color: #5B5B6B;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
}
.main-offers-title a svg {
  transform: rotate(90deg);
}
.main-offers-button-more {
  width: fit-content;
  margin: 0 auto;
}
.main-offers-item {
  flex: 1;
}
.main-offers-item-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 1.875rem;
}
.main-offers-item .product-card-product-text {
  min-height: 10.625rem;
}
.main .clip-slider-layout {
  display: flex;
  gap: 1.25rem;
  width: 100%;
  min-width: 0;
}
.main .clip-slider-layout > * {
  min-width: 0;
}
.main-project {
  padding: 3.75rem 0;
}
.main-project-link {
  display: flex;
  flex: 1;
  height: 100%;
  position: relative;
  justify-content: center;
  border-radius: 0.75rem;
  padding: 1.875rem;
  cursor: pointer;
  width: 100%;
  overflow: hidden;
}
.main-project-link:hover .main-project-link-text {
  transform: translateY(0);
}
.main-project-link:hover .main-project-link-text a {
  opacity: 1;
}
.main-project-link img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}
.main-project-link-wrapper {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 1.25rem;
  height: 43.75rem;
}
.main-project-link-text {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  gap: 0.625rem;
  transition: 300ms;
  transform: translateY(50px);
  width: 25rem;
}
.main-project-link-text .btn-primary-filled-pink-mini {
  line-height: 0.9375rem;
  text-align: center;
}
.main-project-link-text-description {
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  text-align: center;
  opacity: 0.7;
  color: #fff;
}
.main-project-link-text h4 {
  letter-spacing: 0px;
  font-size: 1.75rem;
  text-align: center;
  color: #fff;
}
.main-project-link-text a {
  opacity: 0;
  transition: 300ms;
}
.main-project-link-block {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
}
.main-banner {
  height: 16.25rem;
  margin: 3.75rem 0;
}
.main-banner a {
  width: 100%;
  height: 100%;
}
.main-banner img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.75rem;
}
.main-banner .container-field {
  height: 100%;
}
.main-market {
  margin-bottom: 3.75rem;
}
.main-market h2 {
  display: block;
  margin-bottom: 2.5rem;
  width: 100%;
  text-align: center;
}
.main-market-wrapper {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  justify-content: space-between;
}
.main-market-item {
  flex: 1;
  border-radius: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2.1875rem 0;
}
.main-market-item svg {
  height: 3.75rem;
}
.main-market-item.yandex {
  background-color: #F4F4F6;
}
.main-market-item.yandex svg {
  width: 12.75rem;
}
.main-market-item.ozon {
  background-color: #F0F5FF;
}
.main-market-item.ozon svg {
  width: 8.5625rem;
}
.main-market-item.wb {
  background-color: #F7F1FE;
}
.main-market-item.wb svg {
  width: 12.5rem;
}
.main #warranty {
  margin: 3.75rem 0 5rem 0;
}
.main #warranty .warranty-bg {
  object-fit: cover;
  object-position: center;
}
.main #warranty .warranty-icons-block-content {
  justify-content: center;
}
.main #warranty .warranty-icons-block-content svg {
  width: 10rem;
  height: 10rem;
  flex-shrink: 0;
}
.main #clip {
  margin-bottom: 7.5rem;
}
.main #clip .main-offers-button-more {
  display: none;
}
.clip {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.clip-image {
  cursor: pointer;
  position: relative;
  overflow: hidden;
  border-radius: 0.75rem;
  height: 27.5rem;
}
.clip-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}
.clip-image:hover .clip-start {
  background-color: #CA163C;
}
.clip-start {
  background-color: #09090BB2;
  backdrop-filter: blur(4px);
  padding: 0.75rem 0.625rem 0.75rem 0.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  color: #fff;
  transition: 300ms;
}
.clip-start svg {
  width: 1.6875rem;
  height: 1.6875rem;
}
.clip-views {
  position: absolute;
  bottom: 0.625rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00000066;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: 0.3px;
  z-index: 2;
  padding: 0.25rem 0.5rem;
  color: #fff;
}
.clip-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  position: relative;
  padding: 1.25rem;
  z-index: 2;
  color: #fff;
  max-width: 290px;
}
.clip-content > span {
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: 0.25px;
}
.clip-content a {
  width: fit-content;
}
.clip-content a div {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.1875rem 0.1875rem 0.3125rem;
  border: 1px solid #FFFFFF80;
  backdrop-filter: blur(4px);
  border-radius: 50%;
}
.clip-content ul {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  padding: 1.25rem 0;
}
.clip-content ul li {
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.25rem;
  letter-spacing: 0px;
}
.clip > span {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
}
#promotion {
  margin-bottom: 7.5rem;
}
#promotion .main-offers-button-more {
  display: none;
}
#promotion .clip-image {
  height: 22rem;
}
@media (max-width: 100rem) {
  .main-project-link-wrapper {
    height: 32.5rem;
  }
  #warranty .warranty-wrapper {
    gap: 2rem;
  }
  #warranty .warranty-wrapper h4 {
    font-size: 2rem;
    line-height: 2.5rem;
  }
  #warranty .warranty-text {
    max-width: 31.25rem;
  }
  #warranty .warranty-text-description {
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  #warranty .warranty-icons-wrapper {
    gap: 1.25rem;
  }
  #warranty .warranty-icons-block {
    padding: 1.125rem;
  }
  #warranty .warranty-icons-block-content svg {
    width: 8.75rem;
    height: 8.75rem;
  }
  .main-project-link-text h4 {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .main-banner {
    height: 11.875rem;
  }
  .clip-image {
    height: 23.75rem;
  }
  #promotion .clip-image {
    height: auto;
    aspect-ratio: 1;
  }
}
@media (max-width: 85.375rem) {
  .main-project-link-wrapper {
    height: 27.5rem;
  }
  #warranty .warranty-wrapper {
    height: 25rem;
    gap: 1.625rem;
  }
  #warranty .warranty-wrapper h4 {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  #warranty .warranty-text {
    max-width: 26.25rem;
  }
  #warranty .warranty-icons-wrapper {
    gap: 0.875rem;
  }
  #warranty .warranty-icons-block {
    padding: 1rem;
    border-radius: 1rem;
  }
  .main-project-link-text {
    width: min(100%, 20rem);
  }
  .main-project-link-text h4 {
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  .main-project-link-text-description {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .main-banner {
    height: 9.375rem;
  }
  .clip-image {
    height: 21.25rem;
  }
}
@media (max-width: 80rem) {
  .main-project-link-wrapper {
    height: 26.25rem;
  }
  .main-project-link-block {
    flex-direction: column;
    max-width: none;
  }
  .main-project-link {
    padding: 1.5rem 0.875rem;
  }
  .main-project-link-text {
    width: 100%;
    transform: translateY(3.375rem);
  }
  .main-project-link-text h4 {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .main-project-link-text a {
    font-size: 0.75rem;
  }
  .main-project-link-text-description {
    display: none;
  }
  #warranty .warranty-wrapper {
    height: 23.75rem;
    gap: 1.375rem;
  }
  #warranty .warranty-wrapper h4 {
    max-width: 24.375rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  #warranty .warranty-text {
    max-width: 27.5rem;
  }
  #warranty .warranty-icons-wrapper {
    gap: 0.75rem;
  }
  #warranty .warranty-icons-block {
    padding: 0.875rem;
  }
  .main-banner {
    height: 8.375rem;
  }
  .clip-image {
    height: 20rem;
  }
}
@media (max-width: 63.6875rem) {
  .clip-slider-static {
    display: none;
  }
  .slider-category {
    max-width: 100%;
  }
  .main-slider-category-image {
    width: 6.875rem;
    height: 6.875rem;
    border-radius: 1rem;
  }
  .main-slider-category-block {
    padding: 1.5rem 0;
  }
  .main-slider-category-block a {
    max-width: 6.875rem;
    gap: 0.5rem;
  }
  .main-slider-category-block span {
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .main-slider-other-category-wrapper {
    margin-bottom: 1.5rem;
  }
  .main-offers-title {
    padding-bottom: 1.5rem;
  }
  .main-offers-title a {
    right: 1rem;
  }
  .main-offers-item .product-card-product-text {
    min-height: 11.875rem;
  }
  .main-offers-button-more {
    width: 100%;
  }
  .main-project {
    padding: 2.75rem 0;
  }
  .main-project-link-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.875rem;
    height: auto;
  }
  .main-project-link-block {
    display: contents;
  }
  .main-project-link {
    height: 17.5rem;
    min-width: 0;
    padding: 1.375rem 1rem;
  }
  .main-project-link-text {
    width: 100%;
    transform: none;
  }
  .main-project-link-text h4 {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .main-project-link-text a {
    opacity: 1;
  }
  .main-project-link-text-description {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  #warranty {
    margin: 3rem 0 3.5rem;
  }
  #warranty .warranty-wrapper {
    flex-direction: column;
    align-items: stretch;
    height: auto;
    gap: 1.5rem;
    padding: 2.25rem 0;
  }
  #warranty .warranty-wrapper h4 {
    max-width: 45rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  #warranty .warranty-text {
    width: 100%;
    max-width: 47.5rem;
  }
  #warranty .warranty-icons-wrapper {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    width: 100%;
    gap: 0.75rem;
  }
  #warranty .warranty-icons-block {
    min-width: 0;
    min-height: 8.25rem;
    padding: 1rem;
  }
  #warranty .warranty-icons-block-content svg {
    width: 6.75rem;
    height: 6.75rem;
  }
  .main-banner {
    margin: 2.75rem 0;
  }
  .main #clip {
    margin-bottom: 3rem;
  }
  .main #clip .main-offers-button-more {
    display: flex;
    margin-top: 1.5rem;
  }
  #promotion {
    margin-bottom: 3rem;
  }
  #promotion .main-offers-button-more {
    display: flex;
    margin-top: 1.5rem;
  }
  .main-market {
    margin-bottom: 1.5rem;
  }
  .main-market h2 {
    margin-bottom: 1.5rem;
  }
  .clip-slider-layout {
    gap: 1rem;
  }
}
@media (max-width: 48rem) {
  .main-slider-category-block {
    display: none;
  }
  .main-slider-category-block.mobile {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0.75rem;
  }
  .main-slider-category-block.mobile a {
    flex: 1 1 0;
    min-width: 0;
    max-width: 100%;
  }
  .main-slider-other-category-item {
    justify-content: flex-end;
    align-items: center;
    padding: 1rem;
    background-position: right center;
    text-align: center;
  }
  .main-slider-other-category-item-content {
    align-items: center;
    width: 100%;
    max-width: 21.25rem;
  }
  .main-slider-other-category-item::after {
    display: block;
  }
  .main-offers-item .product-card-product-text {
    min-height: 8.75rem;
  }
  .main-offers-title a {
    display: none;
  }
  .main-market-wrapper {
    flex-direction: column;
    gap: 0.75rem;
  }
  .main-market-wrapper a {
    width: 100%;
  }
  .main-market-item {
    width: 100%;
    min-height: 4.375rem;
    height: 4.375rem;
    padding: 0;
  }
  .main-market-item svg {
    height: 2rem;
  }
  .main-market-item.wb svg {
    width: 8.375rem;
    height: 1.25rem;
  }
  .main-market-item.ozon svg {
    width: 5.125rem;
    height: 1.875rem;
  }
  .main-market-item.yandex svg {
    width: 8.5rem;
    height: 2rem;
  }
  .main-banner {
    height: 13.75rem;
  }
  .clip > span {
    display: -webkit-box;
    font-size: 0.875rem;
    line-height: 1.25rem;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .clip-image {
    height: 13.75rem;
  }
  .clip-start {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .main-project-link {
    height: 15.625rem;
  }
  #warranty {
    margin: 2.75rem 0 3rem;
  }
  #warranty .warranty-wrapper {
    gap: 1.25rem;
    padding: 1.875rem 0;
  }
  #warranty .warranty-wrapper h4 {
    max-width: 100%;
    font-size: 1.4375rem;
    line-height: 1.875rem;
  }
  #warranty .warranty-text {
    max-width: 100%;
    gap: 0;
  }
  #warranty .warranty-text p, #warranty .warranty-text a {
    display: none;
  }
  #warranty .warranty-text-mobile {
    display: flex;
    width: 100%;
    max-width: 42.5rem;
    gap: 1.125rem;
  }
  #warranty .warranty-text-description {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  #warranty .warranty-icons-wrapper {
    gap: 0.625rem;
  }
  #warranty .warranty-icons-block {
    min-height: 7.5rem;
    padding: 0.875rem;
    border-radius: 0.875rem;
  }
}
@media (max-width: 37.5rem) {
  .main-slider-category-block.mobile {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
  }
  .main-slider-category-block.mobile a {
    width: 100%;
    min-width: 0;
  }
  .main-slider-category-image {
    width: 100%;
    max-width: 6.125rem;
    height: auto;
    aspect-ratio: 1;
    margin: 0 auto;
  }
  .main-slider-category-block span {
    font-weight: 700;
    overflow-wrap: anywhere;
  }
  .main-slider-other-category-item {
    height: 22.5rem;
    aspect-ratio: auto;
  }
  .main-project-link-wrapper {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }
  .main-project-link {
    height: 15rem;
  }
  .main-project-link-text {
    padding: 0 0.5rem;
  }
  #warranty .warranty-wrapper {
    padding: 1.75rem 0;
  }
  #warranty .warranty-icons-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
  }
  #warranty .warranty-icons-block {
    min-height: 7rem;
  }
  #warranty .warranty-text-mobile .btn {
    width: fit-content;
  }
  .main-banner {
    height: 11.25rem;
  }
  .clip-image {
    height: 13.125rem;
  }
  .clip-content {
    padding: 1rem;
  }
  .clip-content > span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .clip-content ul {
    gap: 0.5rem;
    padding: 0.875rem 0;
  }
  .clip-content ul li {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 26.875rem) {
  .main-slider-category-block.mobile {
    gap: 0.75rem;
  }
  .main-slider-category-image {
    max-width: 5.5rem;
  }
  .main-slider-category-block span {
    font-size: 0.75rem;
    line-height: 1rem;
  }
  .main-slider-other-category-item {
    height: 20.625rem;
    padding: 0.875rem;
  }
  .main-slider-other-category-item-subtitle {
    margin: 0.5rem 0 1rem;
  }
  .main-project {
    padding: 2.25rem 0;
  }
  .main-project-link {
    height: 13.75rem;
    padding: 1.125rem 0.75rem;
  }
  .main-project-link-text {
    gap: 0.5rem;
  }
  .main-project-link-text h4 {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  #warranty {
    margin: 2.25rem 0 2.625rem;
  }
  #warranty .warranty-wrapper {
    gap: 1.125rem;
    padding: 1.5rem 0;
  }
  #warranty .warranty-wrapper h4 {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  #warranty .warranty-icons-block {
    min-height: 6.5rem;
    padding: 0.75rem;
  }
  #warranty .warranty-icons-block-content svg {
    width: 5.625rem;
    height: 5.625rem;
  }
  #warranty .warranty-text-mobile {
    gap: 1rem;
  }
  #warranty .warranty-text-mobile .btn {
    width: 100%;
  }
  #warranty .warranty-text-description {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .main-banner {
    height: 9.375rem;
    margin: 2.25rem 0;
  }
  .banner-text-bottom h2 {
    font-size: 1.3125rem;
    line-height: 1.2;
  }
  .clip-image {
    height: 12.8125rem;
  }
  .clip-views {
    gap: 0.375rem;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .main-market-item {
    min-height: 4rem;
    height: 4rem;
    border-radius: 0.875rem;
  }
}
@media (max-width: 24.375rem) {
  .main-slider-category-block.mobile {
    gap: 0.625rem;
  }
  .main-slider-category-image {
    max-width: 5.125rem;
    border-radius: 0.875rem;
  }
  .main-slider-category-block span {
    font-size: 0.6875rem;
    line-height: 0.9375rem;
  }
  .main-slider-other-category-item {
    height: 19.375rem;
  }
  .main-project-link {
    height: 13.125rem;
  }
  .main-banner {
    height: 8.75rem;
  }
  .banner-text-bottom h2 {
    font-size: 1.25rem;
  }
  .clip-image {
    height: 12.5rem;
  }
}
@media (max-width: 22.5rem) {
  .main-slider-category-block.mobile {
    gap: 0.5625rem;
  }
  .main-slider-category-image {
    max-width: 4.75rem;
    border-radius: 0.75rem;
  }
  .main-slider-other-category-item {
    height: 18.125rem;
  }
  .main-project-link {
    height: 12.5rem;
  }
  #warranty .warranty-wrapper h4 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  #warranty .warranty-icons-block {
    min-height: 6.125rem;
  }
  #warranty .warranty-icons-block-content svg {
    width: 5.125rem;
    height: 5.125rem;
  }
  .main-banner {
    height: 8.25rem;
  }
  .banner-text-bottom h2 {
    font-size: 1.1875rem;
  }
  .clip-image {
    height: 12.1875rem;
  }
  .clip-content {
    padding: 0.875rem;
  }
  .clip-content ul li {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
}
@media (max-width: 20rem) {
  .main-slider-category-block.mobile {
    gap: 0.5rem;
  }
  .main-slider-category-image {
    max-width: 4.375rem;
  }
  .main-slider-category-block span {
    font-size: 0.625rem;
    line-height: 0.875rem;
  }
  .main-slider-other-category-item {
    height: 16.875rem;
    padding: 0.75rem;
  }
  .main-project-link {
    height: 11.875rem;
  }
  .main-project-link-text h4 {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  #warranty .warranty-icons-wrapper {
    gap: 0.5rem;
  }
  #warranty .warranty-icons-block {
    min-height: 5.75rem;
    padding: 0.625rem;
  }
  .main-banner {
    height: 7.75rem;
  }
  .banner-text-bottom h2 {
    font-size: 1.125rem;
  }
  .clip-image {
    height: 11.875rem;
  }
  .main-market-item {
    min-height: 3.75rem;
    height: 3.75rem;
  }
}
.delivery-payment .page-section {
  max-width: 87.5rem;
  margin: 0 auto;
  padding: 1.75rem 0 2.5rem;
}
.delivery-tabs {
  margin: 2rem 0 1.75rem;
}
.delivery-tabs .btn-wrapper-switch {
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.25rem;
  background: #F4F4F6;
  border-radius: 0.875rem;
  gap: 0.25rem;
}
.delivery-tabs .btn-wrapper-switch .btn-switch {
  flex: 1;
  min-width: 11.25rem;
  padding: 0.8125rem 1.375rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  border-radius: 0.6875rem;
}
.delivery-tabs .btn-wrapper-switch .btn-switch.active {
  background-color: #FFFFFF;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}
.delivery-content {
  margin-top: 1.5rem;
}
.delivery-tab-content {
  display: none;
  animation: fadeIn 300ms;
}
.delivery-tab-content.active {
  display: block;
  padding-bottom: 0.625rem;
}
.delivery-region-switcher {
  margin-bottom: 2rem;
}
.delivery-region-switcher .btn-wrapper-switch {
  justify-content: center;
  flex-wrap: wrap;
  padding: 0.25rem;
  background: #F4F4F6;
  border-radius: 0.875rem;
  gap: 0.25rem;
}
.delivery-region-switcher .btn-wrapper-switch .btn-switch {
  flex: 1;
  min-width: 13.75rem;
  padding: 0.75rem 1.25rem;
  border-radius: 0.6875rem;
  font-size: 0.9375rem;
  line-height: 1.25rem;
}
.delivery-region-switcher .btn-wrapper-switch .btn-switch.active {
  background-color: #FFFFFF;
  box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.08);
}
.delivery-region-content {
  display: none;
}
.delivery-region-content.active {
  display: block;
}
.delivery-info-grid {
  display: grid;
  grid-template-columns: minmax(32.5rem, 1fr) minmax(26.25rem, 35rem);
  gap: 2rem;
  align-items: start;
}
.delivery-info-text, .delivery-info-visual {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100%;
}
.delivery-info-card {
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 1.125rem;
  padding: 1.875rem;
}
.delivery-info-title {
  font-size: 1.5rem;
  color: #1B1B20;
  margin-bottom: 1.5rem;
}
.delivery-info-subtitle {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #1B1B20;
  margin-bottom: 0.75rem;
}
.delivery-info-block {
  padding-bottom: 1.375rem;
  margin-bottom: 1.375rem;
  border-bottom: 1px solid #EEEEF1;
}
.delivery-info-block:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.delivery-info-list {
  list-style: none;
  padding-left: 0;
  margin: 0.875rem 0 0;
}
.delivery-info-list li {
  position: relative;
  padding-left: 1.375rem;
  margin-bottom: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #5B5B6B;
}
.delivery-info-list li:last-child {
  margin-bottom: 0;
}
.delivery-info-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #14A37B;
}
.delivery-info-list li strong {
  color: #1B1B20;
  font-weight: 700;
}
.delivery-info-link {
  color: #CA163C;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: 300ms;
}
.delivery-info-link:hover {
  color: #E02E54;
}
.delivery-badges {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
  gap: 0.875rem;
  align-items: stretch;
}
.delivery-badge {
  position: relative;
  min-height: auto;
  padding: 0.25rem 0;
  border: none;
  border-radius: 0;
  background: transparent;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding-left: 1.875rem;
}
.delivery-badge::before {
  position: absolute;
  left: 0;
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 0.3125rem;
  flex-shrink: 0;
}
.delivery-badge-title {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 700;
  color: #1B1B20;
}
.delivery-badge-text {
  display: block;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1B1B20;
  text-decoration: none;
}
.delivery-badge-green::before {
  background: #14A37B;
}
.delivery-badge-blue::before {
  background: #1652CA;
}
.delivery-badge-orange::before {
  background: #FACC15;
}
.delivery-map {
  margin-top: 0.5rem;
  border-radius: 1.125rem;
  overflow: hidden;
  background: #FFFFFF;
  height: 100%;
}
.delivery-map iframe {
  display: block;
  border: none;
}
.delivery-note {
  margin: 1.25rem 0;
  padding: 1rem 1.125rem;
  background-color: #F4F4F6;
  border-radius: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: #7C7C86;
}
.delivery-note p {
  margin: 0;
}
.delivery-note-small {
  font-size: 0.75rem;
  color: #7C7C86;
  margin-top: 0.5rem;
  font-style: italic;
}
.delivery-calculators {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1.125rem;
}
.delivery-calculators .btn {
  min-width: 10rem;
}
.delivery-lifting {
  max-width: 56.25rem;
  margin: 0 auto;
}
.delivery-lifting-title {
  color: #1B1B20;
  margin-bottom: 1.5rem;
  text-align: center;
  font-size: 1.5rem;
}
.delivery-lifting-content {
  background-color: #FFFFFF;
  border-radius: 1.125rem;
  padding: 1.875rem;
  border: 1px solid #EEEEF1;
}
.delivery-payment-methods {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  gap: 1.25rem;
}
.delivery-payment-block {
  background-color: #FFFFFF;
  border-radius: 1.125rem;
  padding: 1.875rem;
  border: 1px solid #EEEEF1;
}
.delivery-payment-title {
  color: #1B1B20;
  margin-bottom: 1.125rem;
  font-size: 1.5rem;
}
.delivery-payment-content p {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #5B5B6B;
  margin-bottom: 1rem;
}
.delivery-payment-content p:last-child {
  margin-bottom: 0;
}
.delivery-payment-types {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 1.25rem;
}
.delivery-payment-types div {
  padding: 0.5rem 0.75rem;
  border-radius: 6.25rem;
  background: #F4F4F6;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1B1B20;
  font-weight: 600;
}
.delivery-pickup {
  display: grid;
  grid-template-columns: minmax(26.25rem, 32.5rem) minmax(26.25rem, 1fr);
  gap: 2rem;
  align-items: start;
}
.delivery-pickup-info {
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 1.125rem;
  padding: 1.875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.delivery-pickup-image {
  border-radius: 1.125rem;
  overflow: hidden;
  height: fit-content;
  padding: 0.5rem;
  border: 1px solid #EEEEF1;
  background: #FFFFFF;
}
.delivery-pickup-img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.75rem;
}
.delivery-pickup-title {
  color: #1B1B20;
  font-size: 1.5rem;
}
.delivery-pickup-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.delivery-pickup-subtitle {
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  color: #1B1B20;
  margin-bottom: 0.75rem;
}
.delivery-pickup-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: #CA163C;
  font-weight: 700;
  text-decoration: none;
  margin-top: 0.625rem;
  transition: 300ms;
}
.delivery-pickup-link:hover {
  color: #E02E54;
}
.delivery-pickup-phone {
  color: #CA163C;
  text-decoration: none;
  font-weight: 600;
  transition: 300ms;
}
.delivery-pickup-phone:hover {
  color: #E02E54;
}
.delivery-schedule {
  padding-bottom: 0.625rem;
}
.delivery-schedule-title {
  color: #1B1B20;
  margin-bottom: 1.5rem;
  text-align: center;
}
.delivery-schedule-search {
  max-width: 26.25rem;
  margin: 0 auto 1.5rem;
}
.delivery-schedule-table {
  background-color: #FFFFFF;
  border-radius: 1.125rem;
  overflow: hidden;
  border: 1px solid #EEEEF1;
}
.delivery-schedule-header {
  display: grid;
  grid-template-columns: 1fr 1fr 8.75rem;
  background-color: #F4F4F6;
  padding: 1rem 1.25rem;
  font-weight: 700;
  font-size: 0.9375rem;
  color: #1B1B20;
}
.delivery-schedule-body {
  max-height: 26.25rem;
  overflow-y: auto;
}
.delivery-schedule-row {
  display: grid;
  grid-template-columns: 1fr 1fr 8.75rem;
  padding: 0.875rem 1.25rem;
  border-bottom: 1px solid #EEEEF1;
  transition: 300ms;
}
.delivery-schedule-row:hover {
  background-color: #F4F4F6;
}
.delivery-schedule-row:last-child {
  border-bottom: none;
}
.delivery-schedule-empty {
  display: none;
  padding: 1.75rem 1.25rem;
  text-align: center;
  background: #FFFFFF;
  border-top: 1px solid #EEEEF1;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.delivery-schedule-empty span {
  display: block;
}
.delivery-schedule-empty span:first-child {
  margin-bottom: 0.25rem;
  color: #1B1B20;
  font-weight: 700;
}
.delivery-schedule-empty a {
  color: #CA163C;
  font-weight: 700;
  text-decoration: none;
  transition: 300ms;
}
.delivery-schedule-empty a:hover {
  color: #E02E54;
}
.delivery-schedule-empty.active {
  display: block;
}
.delivery-schedule-cell {
  font-size: 0.9375rem;
  line-height: 1.375rem;
  color: #5B5B6B;
  padding: 0.25rem 0.5rem;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.delivery-extra {
  max-width: 62.5rem;
  margin: 0 auto;
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 1.125rem;
  padding: 1.875rem;
}
.delivery-extra-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.delivery-extra-title {
  font-size: 1.5rem;
  color: #1B1B20;
  margin-bottom: 0.5rem;
}
.delivery-extra-subtitle {
  max-width: 35rem;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #5B5B6B;
  margin: 0;
}
.delivery-extra-frame {
  background: #F4F4F6;
  border: 1px solid #EEEEF1;
  border-radius: 1rem;
  padding: 1.25rem;
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.delivery-extra-frame iframe {
  display: block;
  max-width: 100%;
  border: none;
  border-radius: 0.625rem;
  background: #FFFFFF;
}
.delivery-extra-frame-small iframe {
  width: 20.75rem;
  height: 24.375rem;
}
.delivery-extra-frame-large iframe {
  width: 20rem;
  height: 34.5rem;
}
.delivery-city-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(11.25rem, 1fr));
  gap: 0.625rem;
  background: #F4F4F6;
  border-radius: 1rem;
  padding: 1.25rem;
}
.delivery-city-list div {
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 0.625rem;
  padding: 0.625rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1B1B20;
  font-weight: 600;
}
@media (max-width: 63.75rem) {
  .delivery-info-grid {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
  .delivery-pickup {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
  .delivery-map {
    height: 28.75rem;
  }
  .delivery-map iframe {
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 48rem) {
  .delivery-payment .page-section {
    padding: 1.5rem 0 2.25rem;
  }
  .delivery-tabs {
    margin: 1.625rem 0 1.375rem;
  }
  .delivery-tabs .btn-wrapper-switch .btn-switch {
    min-width: 9.375rem;
    padding: 0.6875rem 1rem;
    font-size: 0.875rem;
  }
  .delivery-content {
    margin-top: 1.25rem;
  }
  .delivery-region-switcher {
    margin-bottom: 1.5rem;
  }
  .delivery-region-switcher .btn-wrapper-switch .btn-switch {
    min-width: 11.25rem;
    padding: 0.6875rem 0.875rem;
    font-size: 0.875rem;
  }
  .delivery-info-grid {
    gap: 1.5rem;
  }
  .delivery-info-text {
    gap: 0.625rem;
  }
  .delivery-info-card {
    padding: 1.375rem;
    border-radius: 0.875rem;
  }
  .delivery-info-title {
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .delivery-info-subtitle {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .delivery-info-block {
    padding-bottom: 1.125rem;
    margin-bottom: 1.125rem;
  }
  .delivery-info-list li {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .delivery-map {
    height: 23.75rem;
    border-radius: 0.875rem;
  }
  .delivery-lifting-title {
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .delivery-lifting-content {
    padding: 1.375rem;
    border-radius: 0.875rem;
  }
  .delivery-payment-methods {
    gap: 1rem;
  }
  .delivery-payment-block {
    padding: 1.375rem;
    border-radius: 0.875rem;
  }
  .delivery-payment-title {
    margin-bottom: 1rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .delivery-payment-content p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .delivery-pickup {
    gap: 1.5rem;
  }
  .delivery-pickup-info {
    padding: 1.375rem;
    border-radius: 0.875rem;
  }
  .delivery-pickup-image {
    border-radius: 0.875rem;
  }
  .delivery-pickup-title {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .delivery-pickup-subtitle {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .delivery-schedule-title {
    margin-bottom: 1.25rem;
  }
  .delivery-schedule-search {
    margin-bottom: 1.25rem;
  }
  .delivery-schedule-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .delivery-schedule-header, .delivery-schedule-body {
    min-width: 40rem;
  }
  .delivery-schedule-header {
    grid-template-columns: minmax(9.375rem, 1fr) minmax(16.25rem, 1.5fr) 6.875rem;
  }
  .delivery-schedule-row {
    grid-template-columns: minmax(9.375rem, 1fr) minmax(16.25rem, 1.5fr) 6.875rem;
  }
  .delivery-extra {
    padding: 1.375rem;
    border-radius: 0.875rem;
  }
  .delivery-extra-title {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .delivery-extra-frame {
    padding: 1rem;
    border-radius: 0.875rem;
  }
  .delivery-city-list {
    padding: 1rem;
    border-radius: 0.875rem;
  }
}
@media (max-width: 37.5rem) {
  .delivery-tabs .btn-wrapper-switch .btn-switch {
    flex: 1 1 calc(50% - 0.25rem);
    min-width: 0;
  }
  .delivery-region-switcher .btn-wrapper-switch .btn-switch {
    flex: 1 1 100%;
    min-width: 0;
  }
  .delivery-info-card {
    padding: 1.25rem;
  }
  .delivery-info-list {
    margin-top: 0.75rem;
  }
  .delivery-info-list li {
    padding-left: 1.25rem;
  }
  .delivery-badges {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .delivery-map {
    height: 20rem;
  }
  .delivery-calculators {
    flex-direction: column;
  }
  .delivery-calculators .btn {
    width: 100%;
    min-width: 0;
  }
  .delivery-payment-methods {
    grid-template-columns: 1fr;
  }
  .delivery-payment-types div {
    font-size: 0.8125rem;
  }
  .delivery-pickup-content {
    gap: 1.25rem;
  }
  .delivery-schedule-header, .delivery-schedule-body {
    min-width: 36.25rem;
  }
  .delivery-schedule-cell {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .delivery-extra-header {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }
  .delivery-extra-header > .btn {
    width: 100%;
  }
  .delivery-extra-frame {
    overflow-x: auto;
    justify-content: flex-start;
  }
  .delivery-extra-frame iframe {
    flex: 0 0 auto;
    margin: 0 auto;
  }
  .delivery-city-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
  }
  .delivery-city-list div {
    padding: 0.5625rem 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
}
@media (max-width: 31.25rem) {
  .delivery-payment .page-section {
    padding: 1.25rem 0 1.875rem;
  }
  .delivery-tabs {
    margin: 1.375rem 0 1.125rem;
  }
  .delivery-tabs .btn-wrapper-switch .btn-switch {
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .delivery-content {
    margin-top: 1rem;
  }
  .delivery-region-switcher {
    margin-bottom: 1.25rem;
  }
  .delivery-region-switcher .btn-wrapper-switch .btn-switch {
    padding: 0.625rem 0.75rem;
    font-size: 0.8125rem;
  }
  .delivery-info-card, .delivery-lifting-content, .delivery-payment-block, .delivery-pickup-info, .delivery-extra {
    padding: 1.125rem;
  }
  .delivery-info-title {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .delivery-info-subtitle {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .delivery-map {
    height: 18.75rem;
  }
  .delivery-note {
    padding: 0.875rem;
  }
  .delivery-payment-title, .delivery-pickup-title, .delivery-lifting-title, .delivery-extra-title {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .delivery-schedule-search {
    max-width: 100%;
  }
  .delivery-schedule-header, .delivery-schedule-body {
    min-width: 33.75rem;
  }
  .delivery-city-list {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .delivery-tab-content {
    animation: none;
  }
}
.news {
  padding-top: 2rem;
  padding-bottom: 4.375rem;
}
.news-header {
  margin: 4rem 0 6rem 0;
  text-align: center;
}
.news-header-content {
  max-width: 47.5rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}
.news-header-content .h1, .news-header-content h1 {
  margin: 0;
}
.news-header-content p {
  margin: 0;
  color: rgba(27, 27, 32, 0.68);
  font-size: 1.0625rem;
  line-height: 1.55;
}
.news-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  padding-bottom: 3rem;
}
.news-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 0.5rem 1.75rem rgba(16, 24, 40, 0.08);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.news-card:hover {
  transform: translateY(-0.375rem);
  box-shadow: 0 1.125rem 2.875rem rgba(16, 24, 40, 0.14);
}
.news-card:hover .news-card-image img {
  transform: scale(1.055);
}
.news-card:hover .news-card-title {
  color: #CA163C;
}
.news-card:hover .news-card-more {
  color: #CA163C;
}
.news-card-image {
  position: relative;
  display: block;
  width: 100%;
  aspect-ratio: 1.6;
  overflow: hidden;
  background: #F3F4F7;
  text-decoration: none;
}
.news-card-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 450ms ease;
}
.news-card-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 1.25rem;
}
.news-card-date {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.75rem;
  padding: 0.375rem 0.625rem;
  border-radius: 3.125rem;
  background: rgba(191, 27, 62, 0.07);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.2;
  font-weight: 650;
}
.news-card-title {
  display: block;
  margin-bottom: 0.75rem;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.0125rem;
  text-decoration: none;
  transition: color 220ms ease;
}
.news-card-text {
  margin: 0 0 1.125rem;
  color: rgba(27, 27, 32, 0.66);
  font-size: 0.875rem;
  line-height: 1.55;
}
.news-card-more {
  display: inline-flex;
  width: fit-content;
  margin-top: auto;
  color: rgba(27, 27, 32, 0.78);
  font-size: 0.875rem;
  line-height: 1.3;
  font-weight: 700;
  text-decoration: none;
  transition: color 220ms ease;
}
.news-card-more::after {
  content: "→";
  margin-left: 0.5rem;
  transition: transform 220ms ease;
}
.news-card-more:hover::after {
  transform: translateX(0.1875rem);
}
.news-item-wrapper {
  display: flex;
  gap: 3.5rem;
  align-items: flex-start;
  flex-direction: column;
  max-width: 70rem;
  margin: auto;
}
.news-item-img {
  width: 100%;
}
.news-item-img img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 1.5rem;
  box-shadow: 0 0.75rem 2.125rem rgba(16, 24, 40, 0.12);
}
.news-item-content {
  min-width: 0;
}
.news-item-content p {
  margin: 0 0 1.125rem;
  color: rgba(27, 27, 32, 0.72);
  font-size: 1rem;
  line-height: 1.7;
}
.news-item-content p:last-of-type {
  margin-bottom: 1.75rem;
}
.news-item-content p strong {
  font-weight: 700;
  color: #CA163C;
}
.news-item-content a {
  color: #CA163C;
  text-decoration: underline;
}
.news-item-content h5 {
  margin: 2.125rem 0 1rem;
  color: #1B1B20;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: -0.0125rem;
}
.news-item-content h5:first-child {
  margin-top: 0;
}
.news-item-content .btn {
  color: #CA163C;
  margin-top: 2.25rem;
}
@media (max-width: 96rem) {
  .news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 80rem) {
  .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 37.5rem) {
  .news-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}
.care {
  padding-bottom: 5rem;
}
.care .cate-category-splide {
  margin-bottom: 2rem;
}
.care .cate-category-splide .splide__slide {
  width: auto !important;
  flex-shrink: 0;
}
.care-main-block {
  padding-top: 0.5rem;
}
.care-home-wrapper {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
  margin: 2rem 0 3rem;
}
.care-home-block {
  position: relative;
  min-height: 27.5rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  border-radius: 1.875rem;
  padding: 2.5rem;
  overflow: hidden;
  text-decoration: none;
  background: linear-gradient(180deg, #F3F4F7 0%, #E9EAF0 100%);
  box-shadow: 0 0.625rem 2.125rem rgba(16, 24, 40, 0.08);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.care-home-block::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 45%, rgba(255, 255, 255, 0.28) 100%);
  pointer-events: none;
}
.care-home-block:hover {
  transform: translateY(-0.375rem);
  box-shadow: 0 1.125rem 3rem rgba(16, 24, 40, 0.14);
}
.care-home-block:hover .care-home-block-image {
  transform: scale(1.07);
}
.care-home-block-image-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.care-home-block-image-bg.first {
  object-position: 100%;
}
.care-home-block-image-bg.middle {
  object-position: 100%;
}
.care-home-block-image-bg.end {
  object-position: 100%;
}
.care-home-block-image {
  position: relative;
  z-index: 2;
  width: 100%;
  height: auto;
  object-fit: contain;
  max-width: 18.75rem;
  transition: transform 450ms ease;
}
.care-home-block-text {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.care-home-block-text h3 {
  max-width: 20rem;
  margin: 0;
  color: #1B1B20;
  font-weight: 700;
  font-size: 2.125rem;
  line-height: 1.15;
  letter-spacing: -0.03125rem;
}
.care-home-block-text span {
  display: inline-block;
  max-width: 21.25rem;
  color: rgba(27, 27, 32, 0.72);
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.0125rem;
}
.care-home-block-text.white h3, .care-home-block-text.white span {
  color: #fff;
}
.care-home-block-text.white span {
  opacity: 0.9;
}
.care-home-elexir {
  object-position: left;
}
.care-header {
  position: relative;
  margin: 4rem 0 6rem 0;
}
.care-header-back {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3.125rem;
  height: 3.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(27, 27, 32, 0.08);
  border-radius: 50%;
  background-color: #fff;
  color: #1B1B20;
  box-shadow: 0 0.5rem 1.5rem rgba(24, 50, 195, 0.08);
  transition: 250ms ease;
}
.care-header-back:hover {
  color: #fff;
  background-color: #CA163C;
  transform: translateY(-50%) scale(1.04);
}
.care-header-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  text-align: center;
}
.care-header-text .h1, .care-header-text h1 {
  margin: 0;
}
.care-header-text p {
  max-width: 45rem;
  margin: 0;
  color: rgba(27, 27, 32, 0.68);
  font-size: 1.0625rem;
  line-height: 1.55;
}
.care-header-description {
  max-width: 45rem;
  color: rgba(27, 27, 32, 0.68);
  font-size: 1.0625rem;
  line-height: 1.55;
}
.care-header-description p {
  margin: 0;
}
.care .clear-button {
  display: none;
  position: absolute;
  right: 2.5rem;
  top: 0.125rem;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 1.125rem;
  color: rgba(27, 27, 32, 0.4);
  transition: color 200ms ease;
}
.care .clear-button:hover {
  color: #1B1B20;
}
.care .block h2 {
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.25;
}
.care .block-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  color: #fff;
  opacity: 0;
  transition: 250ms ease;
}
.care .block-text h2 {
  margin: 0;
}
.care .block-text > div {
  display: flex;
}
.care .block:hover .block-text {
  opacity: 1;
}
.care .block-active {
  display: flex;
  gap: 3rem;
  padding: 0.75rem 3.5rem 0.75rem 0.75rem;
  min-height: 38.75rem;
  border-radius: 1.5rem;
  margin-bottom: 1.75rem;
  background: #fff;
  box-shadow: 0 0.875rem 2.625rem rgba(43, 83, 159, 0.12);
}
.care .block-active-images {
  display: flex;
  gap: 0.625rem;
  margin-right: 0;
}
.care .block-active-images-main {
  width: 37.5rem;
  background-color: #F1F2F5;
  border-radius: 1.375rem;
  overflow: hidden;
}
.care .block-active-images-secondary {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin-left: 0;
}
.care .block-active-images-secondary div {
  width: 13.4375rem;
  height: 12.5rem;
  background-color: #F1F2F5;
  border-radius: 1.375rem;
  overflow: hidden;
  margin-bottom: 0;
}
.care .block-active-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  padding: 1.75rem 0;
}
.care .block-active-info-tegs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.care .block-active-info-tegs div {
  padding: 0.5625rem 0.875rem;
  color: #1B1B20;
  font-size: 0.8125rem;
  font-weight: 550;
  border-radius: 3.75rem;
  line-height: 1.25;
  margin-right: 0;
}
.care .block-active-info-tegs :nth-child(1) {
  background-color: #FFE0E0;
}
.care .block-active-info-tegs :nth-child(2) {
  background-color: #FFF4CE;
}
.care .block-active-info-tegs :nth-child(3) {
  background-color: #D9F5FB;
}
.care .block-active-info-text h2 {
  margin: 0 0 1rem;
  color: #1B1B20;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -0.01875rem;
}
.care .block-active-info-text p {
  margin: 0;
  color: rgba(27, 27, 32, 0.68);
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
}
.care .block-active-info-button {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem;
  margin-bottom: 0.75rem;
}
.care .block-active-info-button button {
  padding: 0.875rem 1.5rem;
  border-radius: 3.75rem;
  border: 1px solid transparent;
  cursor: pointer;
  transition: 220ms ease;
  font-weight: 650;
}
.care .block-active-info-button button:first-child {
  background-color: #1B1B20;
  border-color: #1B1B20;
  color: #fff;
  margin-right: 0;
}
.care .block-active-info-button button:first-child:hover {
  background-color: #fff;
  color: #1B1B20;
}
.care .block-active-info-button button:last-child {
  background-color: #fff;
  border-color: #CA163C;
  color: #CA163C;
}
.care .block-active-info-button button:last-child:hover {
  background-color: #CA163C;
  color: #fff;
}
.care-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.125rem;
  align-items: stretch;
}
.care-grid-container {
  margin: 1.75rem auto 0;
}
.care-card-link {
  display: block;
  min-width: 0;
  color: inherit;
  text-decoration: none;
}
.care-card {
  position: relative;
  width: 100%;
  aspect-ratio: 1.3333333333;
  overflow: hidden;
  border-radius: 1.375rem;
  background: #F3F4F7;
  cursor: pointer;
  box-shadow: 0 0.5rem 1.5rem rgba(16, 24, 40, 0.07);
  transition: transform 250ms ease, box-shadow 250ms ease;
}
.care-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.12) 62%, rgba(0, 0, 0, 0.36) 100%);
  opacity: 0;
  transition: opacity 250ms ease;
  pointer-events: none;
}
.care-card:hover {
  transform: translateY(-0.3125rem);
  box-shadow: 0 1rem 2.5rem rgba(16, 24, 40, 0.13);
}
.care-card:hover::after {
  opacity: 1;
}
.care-card:hover .care-card-img {
  transform: scale(1.055);
}
.care-card:hover .care-card-content {
  background: rgba(255, 255, 255, 0.94);
  transform: translateY(-0.1875rem);
}
.care-card-img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: none;
  border-radius: inherit;
  transition: transform 450ms ease;
}
.care-card-content {
  position: absolute;
  left: 0.625rem;
  right: 0.625rem;
  bottom: 0.625rem;
  z-index: 2;
  width: auto;
  padding: 0.8125rem 0.875rem;
  border-radius: 1rem;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(0.75rem);
  box-shadow: 0 0.5rem 1.375rem rgba(16, 24, 40, 0.11);
  transition: 250ms ease;
}
.care-card-title {
  margin: 0;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.35;
  font-weight: 650;
  letter-spacing: -0.00625rem;
}
.care-card-desc {
  margin: 0.5rem 0 0;
  color: rgba(27, 27, 32, 0.62);
  font-size: 0.875rem;
  line-height: 1.45;
}
.care-empty {
  padding: 2.5rem;
  border-radius: 1.5rem;
  background: #F6F7FA;
  color: rgba(27, 27, 32, 0.62);
  text-align: center;
}
.care-load-more-trigger {
  width: 100%;
  min-height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.75rem;
}
.care-load-more-loader {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  opacity: 0;
  color: rgba(27, 27, 32, 0.55);
  font-size: 0.875rem;
  font-weight: 500;
  transition: opacity 200ms ease;
}
.care-load-more-loader::before {
  content: "";
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 0.125rem solid rgba(191, 27, 62, 0.18);
  border-top-color: #CA163C;
  animation: careLoaderSpin 700ms linear infinite;
}
.care-load-more-trigger.loading .care-load-more-loader {
  opacity: 1;
}
.care .recipe-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 1000;
  overflow-y: auto;
  padding: 2.5rem 1.25rem;
  background: rgba(10, 12, 18, 0.72);
  backdrop-filter: blur(0.5rem);
}
.care .recipe-modal h2 {
  margin: 0;
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1.25;
  letter-spacing: -0.01875rem;
}
.care .recipe-modal-content {
  position: relative;
  width: 100%;
  max-width: 72.5rem;
  max-height: 90vh;
  overflow-y: auto;
  padding: 0.75rem 3.5rem 0.75rem 0.75rem;
  border-radius: 1.5rem;
  background: #fff;
  box-shadow: 0 1.5rem 5rem rgba(0, 0, 0, 0.28);
}
.care .recipe-modal-close {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  z-index: 5;
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #F4F5F8;
  color: #1B1B20;
  font-size: 1.625rem;
  line-height: 1;
  cursor: pointer;
  transition: 220ms ease;
}
.care .recipe-modal-close:hover {
  background: #CA163C;
  color: #fff;
}
.care .recipe-content-info {
  display: flex;
  width: 100%;
  gap: 3.5rem;
}
.care .recipe-content-info-image {
  display: flex;
  gap: 0.625rem;
}
.care .recipe-content-info-image img {
  width: 100%;
  height: 100%;
  min-width: 25rem;
  border-radius: 1.375rem;
  object-fit: cover;
}
.care .recipe-content-info-image-main {
  max-width: 37.5rem;
  max-height: 37.5rem;
  object-fit: cover;
}
.care .recipe-content-info-image > div {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  width: 12.5rem;
  height: 37.5rem;
}
.care .recipe-content-info-image > div img {
  flex: 1;
  min-height: 0;
}
.care .recipe-content-info-text {
  display: flex;
  flex-direction: column;
  min-height: 37.5rem;
  height: auto;
  padding: 1.875rem 0;
  overflow-y: auto;
}
.care .recipe-content-info-text-top {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  flex: 1;
  overflow-y: auto;
}
.care .recipe-content-info-text-types {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.care .recipe-content-info-text-types-item {
  display: flex;
  align-items: center;
  padding: 0.5625rem 0.875rem;
  color: #1B1B20;
  border-radius: 3.125rem;
  font-size: 0.8125rem;
  font-weight: 550;
  line-height: 1.3;
}
.care .recipe-content-info-text-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.care #modal-catalog-button {
  color: #1B1B20;
  text-decoration: none;
}
.care .recipe-button {
  padding: 0.875rem 1.5rem;
  font-weight: 700;
  font-size: 1rem;
  border-radius: 3.75rem;
  border: 1px solid transparent;
  transition: 220ms ease;
  cursor: pointer;
}
.care .recipe-button.red-color:hover {
  color: #CA163C;
  border-color: #CA163C;
  background-color: #fff;
}
.care .gray-color {
  background-color: #EDEDED;
}
.care .red-color {
  background-color: #CA163C;
  color: #fff;
}
.care .crab-color {
  background-color: #FFE0E0;
}
.care .turquoise-color {
  background-color: #D9F5FB;
}
.care .core-title {
  text-align: center;
  margin: 1rem 0 2rem;
}
.care .core-title p {
  max-width: 36.875rem;
  margin: 1rem auto 0;
  color: rgba(27, 27, 32, 0.68);
  line-height: 1.55;
}
.care-tag-filter {
  width: auto !important;
}
.care-tag-filter input[type="checkbox"] {
  display: none;
}
.care-tag-filter span {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  height: 2.875rem;
  padding: 0.4375rem 1.125rem;
  border: 1px solid rgba(27, 27, 32, 0.12);
  border-radius: 0.875rem;
  background: #fff;
  color: #1B1B20;
  cursor: pointer;
  transition: 220ms ease;
  font-weight: 550;
  font-size: 0.8125rem;
  white-space: nowrap;
  box-shadow: 0 0.25rem 0.875rem rgba(16, 24, 40, 0.04);
}
.care-tag-filter span:hover {
  border-color: rgba(191, 27, 62, 0.35);
  color: #CA163C;
  box-shadow: 0 0.5rem 1.375rem rgba(16, 24, 40, 0.08);
}
.care-tag-filter input[type="checkbox"]:checked + span {
  color: #CA163C;
  border-color: rgba(191, 27, 62, 0.55);
  background: rgba(191, 27, 62, 0.06);
}
@keyframes careLoaderSpin {
  to {
    transform: rotate(360deg);
  }
}
.care-home-block:focus-visible, .care-card-link:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.45);
  outline-offset: 0.1875rem;
}
@media (max-width: 80rem) {
  .care-header {
    margin: 3.5rem 0 4.5rem;
  }
  .care-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .care-card-title {
    font-size: 0.8125rem;
    line-height: 1.35;
  }
  .care-home-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }
  .care-home-block {
    min-height: 26.25rem;
    padding: 2rem;
  }
  .care-home-wrapper a:nth-child(3) {
    order: 4;
  }
  .care-home-wrapper a:nth-child(5) {
    order: 5;
  }
  .care-home-wrapper a:nth-child(6) {
    order: 6;
  }
}
@media (max-width: 63.75rem) {
  .care-header {
    margin: 3rem 0 3.5rem;
  }
  .care-header-text p, .care-header-description {
    font-size: 1rem;
  }
  .care-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .care-card-title {
    font-size: 0.8125rem;
  }
  .care-card-desc {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3.625rem;
    margin-bottom: 0;
    font-size: 0.75rem;
    line-height: 1.45;
  }
  .care-home-block {
    min-height: 24.375rem;
    padding: 1.75rem;
  }
  .care-home-block-text {
    gap: 0.625rem;
  }
  .care-home-block-text h3 {
    max-width: 16.25rem;
    font-size: 1.5625rem;
    line-height: 1.875rem;
  }
  .care-home-block-text span {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .care-home-elexir {
    height: 25rem;
    object-position: top;
  }
  .care .recipe-modal {
    padding: 1.75rem 1rem;
  }
  .care .recipe-modal-content {
    padding: 0.75rem 3.375rem 0.75rem 0.75rem;
  }
  .care .recipe-content-info {
    flex-direction: column;
    gap: 1.75rem;
  }
  .care .recipe-content-info-image {
    width: 100%;
  }
  .care .recipe-content-info-image img {
    min-width: 0;
  }
  .care .recipe-content-info-image-main {
    max-width: none;
  }
  .care .recipe-content-info-text {
    min-height: 0;
    padding: 0.75rem 0 1.25rem;
  }
}
@media (max-width: 48rem) {
  .care {
    padding-bottom: 3.75rem;
  }
  .care-header {
    margin: 2.25rem 0 2.625rem;
  }
  .care-header-text {
    gap: 0.75rem;
  }
  .care-header-text p, .care-header-text .care-header-description {
    font-size: 0.9375rem;
    line-height: 1.5;
  }
  .care-grid-container {
    margin-top: 1.375rem;
  }
  .care-card {
    border-radius: 1.125rem;
  }
  .care-card:hover {
    transform: none;
  }
  .care-card-content {
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.5rem;
    padding: 0.75rem;
    border-radius: 0.875rem;
  }
  .care-card-title {
    font-size: 0.8125rem;
    line-height: 1.4;
  }
  .care-home-wrapper {
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-top: 1.5rem;
  }
  .care-home-wrapper a:nth-child(3) {
    order: 0;
  }
  .care-home-wrapper a:nth-child(5) {
    order: 5;
  }
  .care-home-wrapper a:nth-child(6) {
    order: 6;
  }
  .care-home-block {
    width: 100%;
    min-height: 22.5rem;
    padding: 1.5rem;
    border-radius: 1.5rem;
  }
  .care-home-block:hover {
    transform: none;
  }
  .care-home-block-image {
    max-width: 14.375rem;
  }
  .care-home-block-text h3 {
    max-width: 100%;
    font-size: 1.375rem;
    line-height: 1.6875rem;
  }
  .care-home-block-text span {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .care .recipe-modal {
    align-items: flex-start;
    padding: 0.75rem 0.625rem;
  }
  .care .recipe-modal h2 {
    font-size: 1.25rem;
  }
  .care .recipe-modal-content {
    max-height: calc(100dvh - 1.5rem);
    padding: 3.625rem 0.875rem 0.875rem;
    border-radius: 1.125rem;
  }
  .care .recipe-modal-close {
    top: 0.625rem;
    right: 0.625rem;
    width: 2.375rem;
    height: 2.375rem;
  }
  .care .recipe-content-info {
    gap: 1.25rem;
  }
  .care .recipe-content-info-image {
    flex-direction: column;
  }
  .care .recipe-content-info-image img {
    width: 100%;
    height: auto;
    min-width: 0;
    aspect-ratio: 1.3333333333;
  }
  .care .recipe-content-info-image > div {
    width: 100%;
    height: auto;
    flex-direction: row;
  }
  .care .recipe-content-info-image > div img {
    min-width: 0;
    aspect-ratio: 1;
  }
  .care .recipe-content-info-text {
    overflow: visible;
  }
  .care .recipe-content-info-text-top {
    overflow: visible;
  }
}
@media (max-width: 37.5rem) {
  .care {
    padding-bottom: 3.25rem;
  }
  .care-header {
    margin: 1.875rem 0 2.125rem;
  }
  .care-grid {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .care-card {
    height: auto;
    aspect-ratio: 1.3333333333;
  }
  .care-card-title {
    font-size: 0.875rem;
  }
  .care-home-block {
    min-height: 20.625rem;
    padding: 1.375rem;
    border-radius: 1.25rem;
  }
  .care-home-block-image {
    max-width: 12.8125rem;
  }
  .care-home-block-text h3 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
  .care-home-block-text span {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .care-empty {
    padding: 1.75rem 1.125rem;
    border-radius: 1.125rem;
  }
  .care-load-more-trigger {
    min-height: 3.5rem;
    margin-top: 1.25rem;
  }
  .care .recipe-content-info-text-bottom {
    flex-direction: column;
  }
  .care .recipe-content-info-text-bottom .recipe-button, .care .recipe-content-info-text-bottom a {
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 25rem) {
  .care-header {
    margin: 1.625rem 0 1.875rem;
  }
  .care-home-block {
    min-height: 19.375rem;
    padding: 1.125rem;
  }
  .care-home-block-image {
    max-width: 11.5625rem;
  }
  .care .recipe-modal-content {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
  .care .recipe-content-info-image > div {
    gap: 0.375rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .care-home-block, .care-home-block-image, .care-card, .care-card-img, .care-card-content, .care-tag-filter span, .recipe-button, .recipe-modal-close {
    transition: none !important;
  }
}
.warranty {
  background: #fff;
  color: #1B1B20;
}
.warranty-bg-light {
  background: #f7f8fa;
}
.warranty-section {
  padding: 4.5rem 0;
}
.warranty .section-title {
  margin-bottom: 1.25rem;
  color: #1B1B20;
}
.warranty .card, .warranty-plus-card, .warranty-compressor-card {
  height: 100%;
  padding: 2.125rem;
  border-radius: 1.75rem;
  border: 1px solid rgba(15, 23, 42, 0.08);
  box-shadow: 0 1.125rem 3.125rem rgba(15, 23, 42, 0.055);
}
.warranty .card-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  margin-right: auto;
}
.warranty .card-header svg {
  width: 13.375rem;
  height: 14.375rem;
  padding: 0.875rem;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.08);
}
.warranty .card-title {
  max-width: 30.625rem;
  margin: 0;
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 2.125rem;
  letter-spacing: -0.015em;
}
.warranty .card-content p {
  margin-bottom: 1rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.warranty .card-content p:last-child {
  margin-bottom: 0;
}
.warranty .warning {
  padding: 1.375rem 1.5rem;
  border-radius: 1.25rem;
  background: #fff;
  border: 1px solid rgba(202, 22, 60, 0.14);
  margin-bottom: 0;
  margin-top: 1rem !important;
}
.warranty .warning-title {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 0.625rem;
  color: #CA163C;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.5rem;
}
.warranty .warning-title svg {
  flex-shrink: 0;
  color: #CA163C;
}
.warranty .warning-text {
  margin: 0;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
  text-align: left;
}
.warranty-note-small {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-top: 0 !important;
  padding: 0.8125rem 0.9375rem;
  border-radius: 0.875rem;
  background: #f7f8fa;
  border: 1px solid rgba(15, 23, 42, 0.08);
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.warranty-note-small svg {
  flex-shrink: 0;
  margin-top: 0.125rem;
  color: #CA163C;
}
.warranty-list, .warranty-checklist {
  list-style: none;
  padding: 0;
  margin: 0;
}
.warranty-list li, .warranty-checklist li {
  position: relative;
  margin-bottom: 0.875rem;
  padding-left: 1.75rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.6875rem;
}
.warranty-list li::before, .warranty-checklist li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6875rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #CA163C;
}
.warranty-list li strong, .warranty-checklist li strong {
  color: #1B1B20;
  font-weight: 700;
}
.warranty-list li:last-child, .warranty-checklist li:last-child {
  margin-bottom: 0;
}
.warranty-checklist li {
  padding-left: 2.125rem;
}
.warranty-checklist li::before {
  content: "✓";
  top: 0.1875rem;
  width: 1.3125rem;
  height: 1.3125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #CA163C;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
}
.warranty-text {
  max-width: 47.5rem;
  margin-bottom: 1.375rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.warranty-image {
  display: block;
  width: 100%;
  object-fit: cover;
  height: 550px;
  border-radius: 1.75rem;
  box-shadow: 0 1.125rem 3.125rem rgba(15, 23, 42, 0.08);
}
.warranty-hero {
  position: relative;
  overflow: hidden;
  padding: 3rem 0 0;
}
.warranty-hero-grid {
  display: flex;
  justify-content: center;
}
.warranty-hero-content {
  width: 100%;
  max-width: 55.8125rem;
  text-align: center;
}
.warranty-hero .h1 {
  max-width: 44.625rem;
  margin: auto;
}
.warranty-hero-text {
  margin: 1.375rem 0 1.75rem;
  color: #5B5B6B;
  font-size: 1.125rem;
  line-height: 2rem;
}
.warranty-hero-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.warranty-icon-wrapper {
  position: relative;
  width: 37rem;
  height: 22rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2.25rem;
  filter: drop-shadow(0px 5px 30px rgba(13, 70, 144, 0.2));
}
.warranty-icon-wrapper svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.warranty-sinks-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 2.25rem;
  align-items: stretch;
}
.warranty-sinks-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: linear-gradient(145deg, #161a21 0%, #232936 100%);
  border: none;
  box-shadow: 0 1.375rem 3.625rem rgba(15, 23, 42, 0.16);
}
.warranty-sinks-card .card-header {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
}
.warranty-sinks-card .card-header svg {
  width: 11.375rem;
  height: 11.375rem;
  padding: 0.875rem;
  border-radius: 1.375rem;
  background: rgba(255, 255, 255, 0.08);
}
.warranty-sinks-card .card-title, .warranty-sinks-card .card-content p, .warranty-sinks-card .warranty-list li, .warranty-sinks-card .warranty-list li strong {
  color: #fff;
}
.warranty-sinks-card .warranty-list li {
  opacity: 0.9;
}
.warranty-sinks-card .warranty-list li::before {
  background: #fff;
  opacity: 0.86;
}
.warranty-start-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: 2.25rem;
  align-items: stretch;
}
.warranty-start-feature {
  display: flex;
}
.warranty-conditions {
  margin-top: 1.625rem;
}
.warranty-conditions .warning-list {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
}
.warranty-conditions .warning-list li {
  position: relative;
  padding-left: 1.5rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
.warranty-conditions .warning-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.625rem;
  width: 0.3125rem;
  height: 0.3125rem;
  border-radius: 50%;
  background: #CA163C;
}
.warranty-conditions .warning-list li:last-child {
  margin-bottom: 0;
}
.warranty-feature-card {
  display: flex;
  align-items: center;
  background: #111827;
  border: none;
  box-shadow: 0 1.375rem 3.625rem rgba(15, 23, 42, 0.16);
}
.warranty-feature-card .warranty-feature-title, .warranty-feature-card .card-title {
  color: #fff;
}
.warranty-feature-card .card-content p {
  color: rgba(255, 255, 255, 0.82);
}
.warranty-feature-title {
  margin-bottom: 1rem;
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 2.3125rem;
  letter-spacing: -0.02em;
}
.warranty-motors-banner {
  position: relative;
  overflow: hidden;
  height: 45.3125rem;
  background: #111827;
  box-shadow: 0 1.25rem 3.5rem rgba(15, 23, 42, 0.12);
}
.warranty-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.12);
}
.warranty-banner-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2.625rem;
  background: linear-gradient(90deg, rgba(10, 13, 18, 0.78) 0%, rgba(10, 13, 18, 0.42) 45%, rgba(10, 13, 18, 0.08) 100%);
}
.warranty-banner-overlay > svg {
  flex-shrink: 0;
  width: 7.875rem;
  height: 7.875rem;
  padding: 1.125rem;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 1rem 2.625rem rgba(15, 23, 42, 0.18);
}
.warranty-banner-card {
  max-width: 32.5rem;
  max-height: 400px;
  background: rgba(255, 255, 255, 0.94);
  border: 1px solid rgba(255, 255, 255, 0.45);
  box-shadow: 0 1.125rem 2.625rem rgba(15, 23, 42, 0.16);
  backdrop-filter: blur(0.75rem);
}
.warranty-banner-card .card-title {
  font-size: 1.5rem;
  line-height: 2rem;
}
.warranty-compressor-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 0.9fr);
  gap: 2.25rem;
  align-items: stretch;
}
.warranty-compressor-content {
  display: flex;
}
.warranty-compressor-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.warranty-compressor-card .card-header {
  margin-bottom: 1.375rem;
}
.warranty-compressor-card .card-header svg {
  width: 9.375rem;
  height: 9.375rem;
  padding: 0.875rem;
  border-radius: 1.5rem;
  background: #f7f8fa;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}
.warranty-compressor-card .warranty-feature-title {
  max-width: 32.5rem;
  margin-bottom: 0.875rem;
}
.warranty-service-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.78fr);
  gap: 2.25rem;
  align-items: stretch;
}
.warranty-service-life, .warranty-service-plus {
  display: flex;
}
.warranty-plus-card .card-header {
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.375rem;
}
.warranty-plus-card .card-title {
  max-width: 38.75rem;
  font-size: 1.5rem;
  line-height: 2rem;
}
.warranty-plus-badge {
  display: inline-block;
  color: #CA163C;
  font-weight: 900;
  font-size: 4rem;
  line-height: 0.95;
  letter-spacing: -0.04em;
}
.warranty-address-list {
  list-style: none;
  padding: 0;
  margin: 1.125rem 0;
}
.warranty-address-list li {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  margin-bottom: 0.75rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.warranty-address-list li:last-child {
  margin-bottom: 0;
}
.warranty-address-list li svg {
  flex-shrink: 0;
  margin-top: 0.25rem;
  color: #CA163C;
}
.warranty-exception {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 1.25rem;
  padding: 0.875rem 1rem;
  border-radius: 0.875rem;
  background: rgba(202, 22, 60, 0.055);
  border: 1px solid rgba(202, 22, 60, 0.12);
}
.warranty-exception svg {
  flex-shrink: 0;
  color: #CA163C;
}
.warranty-exception span {
  color: #CA163C;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.warranty-life-card {
  display: flex;
  align-items: center;
  background: #111827;
  border: none;
  box-shadow: 0 1.375rem 3.625rem rgba(15, 23, 42, 0.16);
}
.warranty-life-card .card-title, .warranty-life-card .card-content p {
  color: #fff;
}
.warranty-life-card .card-content p {
  opacity: 0.82;
}
.warranty-action {
  margin-top: 2.125rem;
  text-align: center;
}
.warranty-action .btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 17.5rem;
  padding: 0.9375rem 1.75rem;
  border-radius: 0.875rem;
  font-size: 0.9375rem;
  font-weight: 700;
  box-shadow: 0 0.875rem 2rem rgba(202, 22, 60, 0.18);
}
@media (max-width: 80rem) {
  .warranty-section {
    padding: 3.75rem 0;
  }
  .warranty .card, .warranty-plus-card, .warranty-compressor-card {
    padding: 1.875rem;
    border-radius: 1.5rem;
  }
  .warranty .card-header svg {
    width: 10.625rem;
    height: 11.25rem;
  }
  .warranty-image {
    height: 44.8125rem;
    object-position: center;
  }
  .warranty-motors-banner {
    height: 38.75rem;
  }
  .warranty-plus-badge {
    font-size: 3.5rem;
  }
}
@media (max-width: 63.75rem) {
  .warranty-hero {
    padding-top: 2.5rem;
  }
  .warranty-hero-content {
    max-width: 51.25rem;
  }
  .warranty-section {
    padding: 3.25rem 0;
  }
  .warranty-sinks-grid, .warranty-start-grid, .warranty-compressor-grid, .warranty-service-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  .warranty-image {
    height: 25rem;
    object-position: center;
  }
  .warranty-sinks-card, .warranty-feature-card, .warranty-life-card, .warranty-compressor-card, .warranty-plus-card {
    min-height: 0;
  }
  .warranty-motors-banner {
    height: 33.75rem;
  }
  .warranty-banner-overlay {
    padding: 2rem;
  }
  .warranty-banner-card {
    max-width: 35rem;
  }
  .warranty-action {
    margin-top: 1.75rem;
  }
}
@media (max-width: 48rem) {
  .warranty-hero {
    padding: 1.875rem 0 0;
  }
  .warranty-hero .h1 {
    max-width: 38.75rem;
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .warranty-hero-text {
    margin: 1.125rem 0 1.375rem;
    font-size: 1rem;
    line-height: 1.6875rem;
  }
  .warranty-section {
    padding: 2.75rem 0;
  }
  .warranty .section-title {
    margin-bottom: 1rem;
  }
  .warranty .card, .warranty-plus-card, .warranty-compressor-card {
    padding: 1.5rem;
    border-radius: 1.25rem;
    box-shadow: 0 0.75rem 2rem rgba(15, 23, 42, 0.055);
  }
  .warranty .card-header {
    gap: 0.875rem;
    margin-bottom: 1.125rem;
  }
  .warranty .card-header svg {
    width: 6.875rem;
    height: 6.875rem;
    padding: 0.625rem;
    border-radius: 1.125rem;
  }
  .warranty .card-title {
    max-width: 100%;
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  .warranty .card-content p {
    margin-bottom: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .warranty .warning {
    margin-top: 1.125rem !important;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .warranty .warning-title {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .warranty .warning-text {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .warranty-list li, .warranty-checklist li {
    margin-bottom: 0.75rem;
    padding-left: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .warranty-sinks-card .card-header svg {
    width: 6.875rem;
    height: 6.875rem;
  }
  .warranty-conditions {
    margin-top: 1.25rem;
  }
  .warranty-conditions .warning-list {
    margin-top: 0.875rem;
  }
  .warranty-conditions .warning-list li {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .warranty-feature-title {
    font-size: 1.4375rem;
    line-height: 1.9375rem;
  }
  .warranty-image {
    height: 20.625rem;
    border-radius: 1.25rem;
    object-position: center;
  }
  .warranty-motors-banner {
    height: auto;
    background: #F4F4F6;
    box-shadow: none;
  }
  .warranty-banner-img {
    display: block;
    height: 18.75rem;
    object-fit: cover;
    object-position: center;
  }
  .warranty-banner-overlay {
    position: relative;
    inset: auto;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.25rem 1rem 0;
    background: #F4F4F6;
  }
  .warranty-banner-card {
    width: 100%;
    max-width: 38.75rem;
    max-height: none;
  }
  .warranty-banner-card .card-title {
    font-size: 1.3125rem;
    line-height: 1.8125rem;
  }
  .warranty-compressor-card .card-header {
    margin-bottom: 1rem;
  }
  .warranty-compressor-card .card-header svg {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 1.125rem;
  }
  .warranty-plus-badge {
    font-size: 3rem;
  }
  .warranty-plus-card .card-title {
    font-size: 1.3125rem;
    line-height: 1.8125rem;
  }
  .warranty-address-list li {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .warranty-exception {
    align-items: flex-start;
  }
  .warranty-note-small {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .warranty-action {
    margin-top: 1.5rem;
  }
  .warranty-action .btn {
    min-width: 15rem;
  }
}
@media (max-width: 31.25rem) {
  .warranty-hero {
    padding-top: 1.5rem;
  }
  .warranty-hero .h1 {
    font-size: 1.4375rem;
    line-height: 1.875rem;
  }
  .warranty-hero-text {
    margin: 1rem 0 1.125rem;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .warranty-section {
    padding: 2.125rem 0;
  }
  .warranty-sinks-grid, .warranty-start-grid, .warranty-compressor-grid, .warranty-service-grid {
    gap: 1.25rem;
  }
  .warranty .card, .warranty-plus-card, .warranty-compressor-card {
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .warranty .card-header {
    gap: 0.75rem;
    margin-bottom: 0.9375rem;
  }
  .warranty .card-header svg {
    width: 5.125rem;
    height: 5.125rem;
    padding: 0.5rem;
    border-radius: 0.875rem;
  }
  .warranty .card-title {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
  .warranty .card-content p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .warranty .warning {
    padding: 0.9375rem;
    border-radius: 0.875rem;
  }
  .warranty .warning-title {
    align-items: flex-start;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .warranty .warning-text {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .warranty-list li, .warranty-checklist li {
    padding-left: 1.375rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .warranty-list li::before, .warranty-checklist li::before {
    top: 0.5rem;
  }
  .warranty-image {
    height: 16.25rem;
    border-radius: 1rem;
  }
  .warranty-banner-img {
    height: 14.375rem;
  }
  .warranty-banner-overlay {
    padding: 0.875rem 0.75rem 0;
  }
  .warranty-banner-card .card-title {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .warranty-feature-title {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .warranty-plus-badge {
    font-size: 2.5rem;
  }
  .warranty-exception {
    padding: 0.75rem;
  }
  .warranty-exception span {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .warranty-action {
    margin-top: 1.25rem;
  }
  .warranty-action .btn {
    width: 100%;
    min-width: 0;
    padding: 0.875rem 1.125rem;
  }
}
@media (max-width: 22.5rem) {
  .warranty-hero .h1 {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .warranty .card, .warranty-plus-card, .warranty-compressor-card {
    padding: 1rem;
  }
  .warranty-image {
    height: 14.375rem;
  }
  .warranty-banner-img {
    height: 13.125rem;
  }
  .warranty-plus-badge {
    font-size: 2.25rem;
  }
}
.innovation {
  background: radial-gradient(circle at 50% 0, rgba(202, 22, 60, 0.05), transparent 26.25rem), #FFFFFF;
}
.innovation .container-field {
  overflow: visible;
}
.innovation-hero {
  position: relative;
  overflow: hidden;
  padding: 4rem 0 4rem;
  text-align: center;
  background: radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.18), transparent 16.25rem), radial-gradient(circle at 82% 0%, rgba(255, 255, 255, 0.12), transparent 20rem), linear-gradient(135deg, #A91434 0%, #BF1B3E 46%, #D7254D 100%);
  color: #FFFFFF;
}
.innovation-hero::before, .innovation-hero::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.innovation-hero::before {
  width: 26.25rem;
  height: 26.25rem;
  right: -10rem;
  top: -13.75rem;
  background: rgba(255, 255, 255, 0.12);
}
.innovation-hero::after {
  width: 16.25rem;
  height: 16.25rem;
  left: -5.625rem;
  bottom: -8.125rem;
  background: rgba(255, 255, 255, 0.08);
}
.innovation-hero-wrapper {
  position: relative;
  z-index: 1;
  max-width: 62.5rem;
  margin: 0 auto;
}
.innovation-hero-wrapper h1 {
  margin-bottom: 1.125rem;
  color: inherit;
}
.innovation-hero-title-light {
  font-weight: 300;
}
.innovation-hero-text {
  max-width: 51.25rem;
  margin: 0 auto;
  color: inherit;
  font-size: 1.125rem;
  line-height: 1.875rem;
  opacity: 0.92;
}
.innovation-nav {
  padding: 1.75rem 0;
  background-color: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(0.875rem);
  border-bottom: 1px solid rgba(212, 212, 217, 0.7);
}
.innovation-nav-wrapper {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 1rem;
  padding: 0.25rem 0;
}
.innovation-nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.875rem;
  min-height: 9.375rem;
  padding: 1.375rem 1.125rem;
  background-color: #FFFFFF;
  border: 1px solid rgba(212, 212, 217, 0.8);
  border-radius: 1.125rem;
  box-shadow: 0 0.625rem 1.75rem rgba(9, 9, 11, 0.04);
  text-decoration: none;
  transition: border-color 300ms, box-shadow 300ms, transform 300ms, background-color 300ms;
}
.innovation-nav-item:hover {
  transform: translateY(-0.25rem);
  border-color: rgba(202, 22, 60, 0.55);
  background-color: rgba(202, 22, 60, 0.025);
  box-shadow: 0 1.125rem 2.5rem rgba(202, 22, 60, 0.12);
}
.innovation-nav-item:hover .innovation-nav-item-text {
  color: #CA163C;
}
.innovation-nav-item:hover .innovation-nav-item-img {
  transform: translateY(-0.125rem) scale(1.06);
}
.innovation-nav-item-img {
  width: 4.875rem;
  height: 4.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 300ms;
  mix-blend-mode: multiply;
}
.innovation-nav-item-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.innovation-nav-item-text {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1B1B20;
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.3125rem;
  letter-spacing: 0.2px;
  text-align: center;
  transition: color 300ms;
}
.innovation-category {
  padding: 0 0 5.5rem;
  scroll-margin-top: 8.125rem;
}
.innovation-category:nth-child(even) {
  background-color: #F4F4F6;
}
.innovation-category:nth-child(even) .innovation-category-header {
  background-color: #FFFFFF;
}
.innovation-category:nth-child(even) .innovation-card {
  box-shadow: 0 0.75rem 2.125rem rgba(9, 9, 11, 0.04);
}
.innovation-category-has-gif:hover .innovation-card-image img.innovation-card-static {
  transform: none;
}
.innovation-category-has-gif:hover .innovation-card-image .innovation-card-gif {
  transform: translateZ(0);
}
.innovation-category-header {
  position: relative;
  overflow: hidden;
  padding: 10.625rem 0;
  margin-bottom: 4rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.innovation-category-header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(9, 9, 11, 0.72) 0%, rgba(9, 9, 11, 0.45) 42%, rgba(9, 9, 11, 0.12) 100%), linear-gradient(0deg, rgba(9, 9, 11, 0.12), rgba(9, 9, 11, 0.12));
}
.innovation-category-header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 7.5rem;
  background: linear-gradient(0deg, rgba(9, 9, 11, 0.18), transparent);
  pointer-events: none;
}
.innovation-category-header .container-field {
  position: relative;
  z-index: 2;
}
.innovation-category-header-content {
  max-width: 40.625rem;
  color: #FFFFFF;
}
.innovation-category-title {
  margin-bottom: 1.25rem;
  color: inherit;
}
.innovation-category-description {
  max-width: 38.75rem;
  color: inherit;
  font-size: 1rem;
  line-height: 1.6875rem;
  opacity: 0.9;
}
.innovation-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.75rem;
}
.innovation-grid-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.innovation-grid-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.innovation-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.375rem;
  background-color: #FFFFFF;
  border: 1px solid rgba(212, 212, 217, 0.8);
  border-radius: 1.25rem;
  box-shadow: 0 0.625rem 1.875rem rgba(9, 9, 11, 0.035);
  transition: border-color 300ms, box-shadow 300ms, transform 300ms;
}
.innovation-card::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: linear-gradient(180deg, rgba(202, 22, 60, 0.045), transparent 42%);
  pointer-events: none;
  transition: opacity 300ms;
}
.innovation-card:hover {
  transform: translateY(-0.3125rem);
  border-color: rgba(202, 22, 60, 0.48);
  box-shadow: 0 1.25rem 2.875rem rgba(202, 22, 60, 0.11);
}
.innovation-card:hover::before {
  opacity: 1;
}
.innovation-card:hover .innovation-card-image img {
  transform: scale(1.035);
}
.innovation-card:hover .innovation-card-header svg {
  color: #CA163C;
}
.innovation-card-has-gif {
  cursor: pointer;
  /*
             * У карточек с GIF не масштабируем статичное изображение.
             * Иначе при наложении двух кадров появляется визуальный скачок.
             */
}
.innovation-card-has-gif:hover .innovation-card-image img.innovation-card-static {
  transform: none;
}
.innovation-card-has-gif:hover .innovation-card-image.innovation-card-gif-loaded .innovation-card-gif {
  opacity: 1;
}
.innovation-card-has-gif:hover .innovation-card-image.innovation-card-gif-loaded .innovation-card-gif-pointer {
  opacity: 0;
  transform: scale(0.9);
}
.innovation-card-image {
  position: relative;
  width: 100%;
  height: 18.25rem;
  margin-bottom: 1.25rem;
  overflow: hidden;
  background: linear-gradient(135deg, rgba(244, 244, 246, 0.9), rgba(255, 255, 255, 0.85));
  border-radius: 0.875rem;
  /*
             * GIF — отдельный уже загруженный слой.
             * Статичное изображение всегда остаётся под ним.
             */
}
.innovation-card-image img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 450ms;
}
.innovation-card-image .innovation-card-gif {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  pointer-events: none;
  transform: translateZ(0);
  backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 320ms ease;
}
.innovation-card-image .innovation-card-gif-pointer {
  position: absolute;
  bottom: 0.75rem;
  left: 0.75rem;
  color: #FFFFFF;
  background: rgba(9, 9, 11, 0.48);
  border-radius: 50%;
  width: 3.125rem;
  height: 3.125rem;
  z-index: 3;
  opacity: 1;
  transition: opacity 260ms ease, transform 260ms ease;
}
.innovation-card-header {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 0.875rem;
  margin-bottom: 0.875rem;
}
.innovation-card-header svg {
  flex-shrink: 0;
  width: 2.125rem;
  height: 2.125rem;
  color: #727272;
  transition: color 300ms;
}
.innovation-card-title {
  color: #1B1B20;
  font-weight: 700;
  font-size: 1.1875rem;
  line-height: 1.6875rem;
}
.innovation-card-subtitle {
  display: block;
  margin-top: 0.125rem;
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}
.innovation-card-description {
  position: relative;
  z-index: 1;
  flex: 1;
  margin-bottom: 1.25rem;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.innovation-card-btn {
  position: relative;
  z-index: 1;
  align-self: flex-start;
  margin-top: auto;
}
@media (max-width: 96rem) {
  .innovation-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 80rem) {
  .innovation-grid {
    gap: 1.25rem;
  }
  .innovation-grid-3, .innovation-grid-2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .innovation-nav-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 48rem) {
  .innovation-hero {
    padding: 2.5rem 0 1.875rem 0;
  }
  .innovation-hero-title {
    font-size: 2rem;
    line-height: 2.5rem;
    margin-bottom: 1.25rem;
  }
  .innovation-hero-text {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .innovation-nav {
    padding: 1.25rem 0;
  }
  .innovation-nav-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .innovation-nav-item {
    padding: 1rem;
    gap: 0.75rem;
  }
  .innovation-nav-item-img {
    width: 3.75rem;
    height: 3.75rem;
  }
  .innovation-nav-item-text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .innovation-category {
    padding: 0 0 2.5rem 0;
  }
  .innovation-category-header {
    padding: 3.75rem 0;
    margin-bottom: 2.5rem;
  }
  .innovation-category-title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }
  .innovation-category-description {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .innovation-grid {
    grid-template-columns: 1fr;
  }
  .innovation-grid-3, .innovation-grid-2 {
    grid-template-columns: 1fr;
  }
  .innovation-card {
    padding: 1.25rem;
  }
  .innovation-card-image {
    height: 10rem;
  }
  .innovation-card-title {
    font-size: 1.125rem;
    line-height: 1.625rem;
  }
}
@media (max-width: 37.5rem) {
  .innovation-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media (max-width: 31.25rem) {
  .innovation-nav-wrapper {
    grid-template-columns: 1fr;
  }
}
.collections {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
.collections-wrapper {
  padding-bottom: 7.5rem;
}
.collections-wrapper .page-header-container {
  padding-top: 2.5rem;
}
.collections-wrapper .page-header-container h1 {
  font-weight: 700;
  line-height: 1.2;
  color: #1B1B20;
  margin-bottom: 2.5rem;
}
.collections-line {
  background-image: url("/assets/img/line-collections.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 7.8125rem;
  width: 100%;
  margin: 1.25rem 0;
}
.collections h2 {
  color: #CA163C;
  font-weight: 700;
  line-height: 1.3;
}
.collections-item {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.collections-item-main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}
.collections-item:nth-child(3n+2) .collections-item-main {
  direction: rtl;
}
.collections-item:nth-child(3n+2) .collections-item-main > * {
  direction: ltr;
}
.collections-item-left {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2.5rem 0;
}
.collections-item-right {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  padding: 2.5rem 0;
}
.collections-item-image {
  width: 100%;
  height: 30rem;
  min-width: 62.5rem;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.12);
}
.collections-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collections-item-text {
  max-width: 32.5rem;
  font-size: 1rem;
  line-height: 1.75rem;
  color: #7C7C86;
  letter-spacing: 0.3px;
}
.collections-item-text p {
  margin: 0;
}
.collections-item-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.collections-item-subtitle {
  color: #7C7C86;
  font-size: 0.875rem;
  font-weight: 500;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.collections-item-decor {
  width: 20rem;
  height: 20rem;
  margin: 0 auto;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.08);
}
.collections-item-decor img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.collections-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.75rem;
  padding: 2.5rem 0;
}
.collections-gallery-item {
  width: 100%;
  height: 23.75rem;
  overflow: hidden;
  border-radius: 1rem;
  box-shadow: 0 0.5rem 1.75rem rgba(0, 0, 0, 0.1);
}
.collections-gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.collections-gallery-go {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: transparent;
  border-radius: 0.75rem;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 700;
  color: #1B1B20;
  padding: 2rem 2rem;
  gap: 0.75rem;
  transition: none;
  line-height: 1.4;
  letter-spacing: 0.5px;
  transition: 300ms;
}
.collections-gallery-go svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: #1B1B20;
}
.collections-gallery-go:hover {
  background-color: #1B1B20;
  color: #FFFFFF;
}
.collections-gallery-go:hover svg {
  stroke: #FFFFFF;
}
@media (max-width: 80rem) {
  .collections {
    gap: 5rem;
  }
  .collections-item-main {
    gap: 2.5rem;
  }
  .page-header-container {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 63.75rem) {
  .collections {
    gap: 6.25rem;
  }
}
@media (max-width: 56.25rem) {
  .collections-item-main {
    gap: 2rem;
  }
}
@media (max-width: 50rem) {
  .collections-item-main {
    grid-template-columns: 1fr;
    gap: 3rem;
    direction: ltr !important;
  }
  .collections-item-main > * {
    direction: ltr !important;
  }
  .collections {
    gap: 3.75rem;
  }
}
@media (max-width: 37.5rem) {
  .collections {
    gap: 3.75rem;
  }
  .collections-wrapper {
    padding-bottom: 5rem;
  }
  .collections-wrapper .page-header-container h1 {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
  }
  .collections-line {
    height: 5rem;
    margin: 2.5rem 0;
  }
  .collections-item {
    gap: 3.75rem;
  }
  .collections-item-main {
    gap: 2rem;
  }
  .collections-item-image {
    height: 20rem;
    border-radius: 0.75rem;
  }
  .collections-item-decor {
    width: 13.75rem;
    height: 13.75rem;
    border-radius: 0.75rem;
  }
  .collections-item-text {
    font-size: 0.9375rem;
    line-height: 1.5rem;
    max-width: 100%;
  }
  .collections-item-left, .collections-item-right {
    gap: 1.25rem;
    padding: 1.5rem 0;
  }
  .collections-item-main {
    gap: 1rem;
  }
}
.quiz-page {
  --quiz-radius-xl: 1.625rem;
  --quiz-radius-lg: 1.25rem;
  --quiz-radius-md: 0.9375rem;
  --quiz-shadow-soft: 0 1rem 2.75rem rgba(17, 24, 39, 0.07);
  --quiz-shadow-card: 0 0.375rem 1.375rem rgba(17, 24, 39, 0.055);
  --quiz-border: rgba(17, 24, 39, 0.10);
  --quiz-muted: #6B7280;
  --quiz-bg: #F6F7FA;
  --quiz-dark: #111827;
  background: radial-gradient(circle at 20% 0%, rgba(202, 22, 60, 0.08), transparent 23.75rem), linear-gradient(180deg, #fff 0%, var(--quiz-bg) 100%);
}
.quiz-hero {
  position: relative;
  min-height: min(43.75rem, calc(100dvh - 5.625rem));
  overflow: hidden;
  color: #fff;
  isolation: isolate;
}
.quiz-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, rgba(8, 13, 24, 0.8) 0%, rgba(8, 13, 24, 0.44) 48%, rgba(8, 13, 24, 0.12) 100%), linear-gradient(180deg, rgba(8, 13, 24, 0.04) 0%, rgba(8, 13, 24, 0.52) 100%);
}
.quiz-hero-img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.quiz-hero .container-field {
  position: relative;
  min-height: inherit;
  display: flex;
  align-items: center;
}
.quiz-hero .container-field::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: radial-gradient(circle at 22% -27%, rgba(202, 22, 60, 0.45), transparent 30rem);
  opacity: 0.7;
  pointer-events: none;
}
.quiz-hero-content {
  width: min(40.625rem, 100%);
  padding: 3.25rem 0 0;
}
.quiz-hero-label {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  margin-bottom: 1rem;
  padding: 0.4375rem 0.75rem;
  border: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(0.625rem);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.quiz-hero h1 {
  max-width: 43.125rem;
  margin: 0;
  font-size: clamp(2rem, 3.25vw, 2.5rem);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.quiz-hero p {
  max-width: 33.75rem;
  margin: 1.0625rem 0 1.625rem;
  color: rgba(255, 255, 255, 0.84);
  font-size: clamp(0.9375rem, 1.45vw, 1.125rem);
  line-height: 1.55;
}
.quiz-hero-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}
.quiz-hero-note {
  display: inline-flex;
  align-items: center;
  gap: 0.4375rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.quiz-hero-note::before {
  content: "";
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #fff;
  opacity: 0.7;
}
.quiz {
  padding: 3.125rem 0 0;
}
.quiz [hidden] {
  display: none !important;
}
.quiz-shell {
  display: grid;
  grid-template-columns: minmax(14.375rem, 18.75rem) minmax(0, 1fr);
  gap: 1.375rem;
  align-items: start;
  padding-bottom: 4rem;
}
.quiz-aside {
  position: sticky;
  top: 7.8125rem;
  padding: 1.25rem;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-lg);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--quiz-shadow-card);
  backdrop-filter: blur(1rem);
}
.quiz-aside-label {
  display: block;
  margin-bottom: 0.3125rem;
  color: var(--quiz-muted);
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.quiz-aside-title {
  display: block;
  margin-bottom: 0.9375rem;
  color: var(--quiz-dark);
  font-size: 1.1875rem;
  line-height: 1.5625rem;
  font-weight: 600;
}
.quiz-progress {
  margin-bottom: 1.125rem;
}
.quiz-progress-top {
  display: flex;
  justify-content: space-between;
  gap: 0.625rem;
  margin-bottom: 0.5rem;
  color: var(--quiz-muted);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.quiz-progress-track {
  position: relative;
  width: 100%;
  height: 0.375rem;
  overflow: hidden;
  border-radius: 62.4375rem;
  background: #E5E7EB;
}
.quiz-progress-bar {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #CA163C 0%, #e7224b 100%);
  transition: width 300ms ease;
}
.quiz-steps {
  display: grid;
  gap: 0.5625rem;
  margin: 0 0 1.25rem;
  padding: 0;
  list-style: none;
}
.quiz-steps-item {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  color: var(--quiz-muted);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.quiz-steps-item::before {
  content: attr(data-step-number);
  flex: 0 0 1.5625rem;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #EEF0F4;
  color: var(--quiz-muted);
  font-size: 0.6875rem;
  transition: 250ms;
}
.quiz-steps-item.is-active {
  color: var(--quiz-dark);
}
.quiz-steps-item.is-active::before {
  background: #CA163C;
  color: #fff;
}
.quiz-steps-item.is-complete::before {
  content: "✓";
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
}
.quiz-aside-actions {
  display: grid;
  gap: 0.5rem;
}
.quiz-reset, .quiz-back {
  width: 100%;
}
.quiz-back[disabled] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.quiz-content {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-xl);
  background: rgba(255, 255, 255, 0.94);
  box-shadow: var(--quiz-shadow-soft);
}
.quiz-step {
  display: none;
  padding: clamp(1.5rem, 3vw, 2.75rem);
}
.quiz-step.is-active {
  display: block;
  animation: quizStepIn 260ms ease both;
}
.quiz-headline {
  display: flex;
  justify-content: space-between;
  gap: 1.125rem;
  margin-bottom: 1.6875rem;
}
.quiz-headline-main {
  min-width: 0;
}
.quiz-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.6875rem;
  padding: 0.375rem 0.625rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 600;
}
.quiz-headline h2 {
  margin: 0;
  color: var(--quiz-dark);
  font-size: clamp(1.5rem, 1.8vw, 1.9375rem);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.quiz-description {
  max-width: 45rem;
  margin: 0.6875rem 0 0;
  color: var(--quiz-muted);
  font-size: 1rem;
  line-height: 1.5625rem;
}
.quiz-counter {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 1.125rem;
  background: var(--quiz-bg);
  color: #CA163C;
  font-size: 1.0625rem;
  line-height: 1.375rem;
  font-weight: 600;
}
.quiz-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.875rem;
}
.quiz-options.cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.quiz-options.cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.quiz-option {
  position: relative;
  min-height: 18.75rem;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: var(--quiz-radius-lg);
  background: #111827;
  color: #fff;
  cursor: pointer;
  isolation: isolate;
  transition: transform 250ms ease, box-shadow 250ms ease, border-color 250ms ease;
}
.quiz-option::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.7) 100%);
}
.quiz-option:hover {
  transform: translateY(-0.125rem);
  box-shadow: var(--quiz-shadow-card);
}
.quiz-option.is-selected {
  border-color: #CA163C;
  box-shadow: 0 0 0 0.1875rem rgba(202, 22, 60, 0.11), var(--quiz-shadow-card);
}
.quiz-option.is-selected .quiz-option-check {
  border-color: #CA163C;
  background: #CA163C;
  color: #fff;
}
.quiz-option img {
  position: absolute;
  inset: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
}
.quiz-option:hover img {
  transform: scale(1.03);
}
.quiz-option-content {
  width: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0.75rem;
  padding: 1.1875rem;
}
.quiz-option-title {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5625rem;
  font-weight: 600;
}
.quiz-option-text {
  display: block;
  margin-top: 0.3125rem;
  color: rgba(255, 255, 255, 0.74);
  font-size: 0.8125rem;
  line-height: 1.125rem;
}
.quiz-option-check {
  flex: 0 0 auto;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.14);
  color: transparent;
  backdrop-filter: blur(0.5rem);
  transition: 250ms;
}
.quiz-choice-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.8125rem;
}
.quiz-choice {
  display: flex;
  align-items: center;
  gap: 0.8125rem;
  min-height: 6.625rem;
  padding: 0.875rem;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-md);
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: 250ms;
}
.quiz-choice:hover {
  transform: translateY(-0.0625rem);
  box-shadow: var(--quiz-shadow-card);
}
.quiz-choice.is-selected {
  border-color: #CA163C;
  background: rgba(202, 22, 60, 0.04);
  box-shadow: 0 0 0 0.1875rem rgba(202, 22, 60, 0.07);
}
.quiz-choice[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
  box-shadow: none !important;
}
.quiz-choice img {
  flex: 0 0 4.5rem;
  width: 4.5rem;
  height: 4.5rem;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.quiz-choice-control {
  flex: 0 0 auto;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #CBD5E1;
  border-radius: 0.375rem;
  background: #fff;
  transition: 220ms;
}
.quiz-choice.is-selected .quiz-choice-control {
  border-color: #CA163C;
  background: #CA163C;
  box-shadow: inset 0 0 0 0.3125rem #fff;
}
.quiz-choice-title {
  display: block;
  color: var(--quiz-dark);
  font-size: 0.9375rem;
  line-height: 1.3125rem;
  font-weight: 600;
}
.quiz-choice-text {
  display: block;
  margin-top: 0.1875rem;
  color: var(--quiz-muted);
  font-size: 0.75rem;
  line-height: 1.0625rem;
}
.quiz-groups {
  display: grid;
  gap: 1.25rem;
}
.quiz-group {
  padding: 1.1875rem;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-lg);
  background: #fff;
}
.quiz-group-title {
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  margin-bottom: 1rem;
  color: var(--quiz-dark);
  font-size: 1.1875rem;
  line-height: 1.5625rem;
  font-weight: 600;
}
.quiz-group-title::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #CA163C;
}
.quiz-tech-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.875rem;
}
.quiz-tech-card {
  display: grid;
  grid-template-columns: 9.0625rem minmax(0, 1fr);
  gap: 0.875rem;
  padding: 0.875rem;
  border-radius: var(--quiz-radius-md);
  background: var(--quiz-bg);
}
.quiz-tech-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 10rem;
  border-radius: 0.875rem;
  background: #fff;
}
.quiz-tech-img img {
  max-width: 100%;
  max-height: 8.875rem;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.quiz-tech-content {
  min-width: 0;
  display: grid;
  gap: 0.875rem;
  align-content: start;
}
.quiz-field-title {
  display: block;
  margin-bottom: 0.5rem;
  color: var(--quiz-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 600;
}
.quiz-select {
  width: 100%;
  height: 2.75rem;
  padding: 0 2.5rem 0 0.875rem;
  border: 1px solid #D7DCE5;
  border-radius: 0.75rem;
  background: #fff;
  color: var(--quiz-dark);
  font-size: 0.875rem;
  font-weight: 500;
  appearance: none;
}
.quiz-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.quiz-chip {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  padding: 0.4375rem 0.75rem;
  border: 1px solid #D7DCE5;
  border-radius: 62.4375rem;
  background: #fff;
  color: var(--quiz-dark);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 500;
  cursor: pointer;
  transition: 220ms;
}
.quiz-chip input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.quiz-chip:has(input:checked) {
  border-color: #CA163C;
  background: rgba(202, 22, 60, 0.07);
  color: #CA163C;
}
.quiz-empty-note {
  min-height: 5.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.9375rem;
  border: 1px dashed #CBD5E1;
  border-radius: 0.875rem;
  color: var(--quiz-muted);
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
}
.quiz-warranty-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8125rem;
}
.quiz-warranty-card {
  position: relative;
  min-height: 11.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 1.125rem;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-lg);
  background: #fff;
  text-align: center;
  box-shadow: 0 0.375rem 1.25rem rgba(17, 24, 39, 0.04);
}
.quiz-warranty-card img {
  width: 5.125rem;
  height: 5.125rem;
  object-fit: contain;
}
.quiz-warranty-card strong {
  color: var(--quiz-dark);
  font-size: 1rem;
  line-height: 1.3125rem;
  font-weight: 700;
}
.quiz-info-dot {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  width: 1.5625rem;
  height: 1.5625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(202, 22, 60, 0.09);
  color: #CA163C;
  font-size: 0.75rem;
  font-weight: 700;
  cursor: help;
}
.quiz-cart-list {
  display: grid;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.quiz-cart-item {
  display: grid;
  grid-template-columns: minmax(18.125rem, 26.875rem) minmax(0, 1fr);
  gap: 1rem;
  padding: 1rem;
  border: 1px solid var(--quiz-border);
  border-radius: var(--quiz-radius-lg);
  background: #fff;
}
.quiz-cart-main {
  display: flex;
  gap: 1rem;
  padding: 0.9375rem;
  border-radius: 1rem;
  background: var(--quiz-bg);
}
.quiz-cart-img {
  flex: 0 0 8.125rem;
  width: 8.125rem;
  height: 8.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.875rem;
  background: #fff;
}
.quiz-cart-img a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.quiz-cart-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.quiz-cart-meta {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.quiz-cart-category {
  margin-bottom: 0.625rem;
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 0.9375rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
}
.quiz-cart-name {
  margin: 0;
  color: var(--quiz-dark);
  font-size: 1.1875rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
.quiz-cart-description {
  margin-top: 0.375rem;
  color: var(--quiz-muted);
  font-size: 0.8125rem;
  line-height: 1.1875rem;
}
.quiz-cart-price {
  margin-top: 0.75rem;
  color: var(--quiz-dark);
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
}
.quiz-similar {
  min-width: 0;
}
.quiz-similar-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.75rem;
  color: var(--quiz-dark);
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.quiz-similar-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.625rem;
}
.quiz-similar-card {
  appearance: none;
  width: 100%;
  display: grid;
  gap: 0.5rem;
  padding: 0.625rem;
  border: 1px solid #E5E7EB;
  border-radius: 0.875rem;
  background: #fff;
  color: inherit;
  font: inherit;
  text-align: center;
  cursor: pointer;
  transition: 220ms;
}
.quiz-similar-card:hover {
  border-color: rgba(202, 22, 60, 0.4);
  box-shadow: var(--quiz-shadow-card);
}
.quiz-similar-card img {
  width: 100%;
  height: 7.375rem;
  object-fit: contain;
  mix-blend-mode: multiply;
}
.quiz-similar-name {
  color: var(--quiz-dark);
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 600;
}
.quiz-similar-price {
  color: var(--quiz-dark);
  font-size: 0.9375rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.quiz-summary {
  position: sticky;
  bottom: 1rem;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  padding: 0.9375rem 1.125rem;
  border-radius: var(--quiz-radius-lg);
  background: #CA163C;
  color: #fff;
  box-shadow: 0 0.75rem 2rem rgba(202, 22, 60, 0.22);
}
.quiz-summary-total {
  display: flex;
  align-items: baseline;
  gap: 0.5625rem;
  flex-wrap: wrap;
}
.quiz-summary-total span:first-child {
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 600;
  opacity: 0.86;
}
.quiz-summary-total span:last-child {
  font-size: 1.8125rem;
  line-height: 2.125rem;
  font-weight: 700;
}
.quiz-summary-actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  flex-wrap: wrap;
}
.quiz-summary-button {
  border-color: #fff;
  background: #fff;
  color: #CA163C;
}
.quiz-summary-button:hover {
  border-color: #fff;
  background: transparent;
  color: #fff;
}
.quiz-summary-button[disabled] {
  opacity: 0.65;
  cursor: wait;
}
.quiz-cart-message {
  margin: 0.875rem 0;
  padding: 0.75rem 0.875rem;
  border: 1px solid rgba(17, 24, 39, 0.1);
  border-radius: 0.75rem;
  background: #fff;
  color: var(--quiz-dark);
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}
.quiz-cart-message.is-error {
  border-color: rgba(202, 22, 60, 0.35);
  background: rgba(202, 22, 60, 0.06);
  color: #CA163C;
}
.quiz-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.875rem;
  margin-top: 1.6875rem;
  padding-top: 1.25rem;
  border-top: 1px solid #EAECF0;
}
.quiz-hint {
  color: var(--quiz-muted);
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  font-weight: 500;
}
.quiz-next {
  min-width: 10.625rem;
}
.quiz-next[disabled] {
  opacity: 0.55;
  cursor: not-allowed;
  pointer-events: none;
}
@keyframes quizStepIn {
  from {
    opacity: 0;
    transform: translateY(0.625rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 87.5rem) {
  .quiz-options.cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quiz-choice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .quiz-cart-item {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 73.75rem) {
  .quiz-shell {
    grid-template-columns: 1fr;
  }
  .quiz-aside {
    position: relative;
    top: auto;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.875rem;
    align-items: center;
    padding: 1.125rem;
  }
  .quiz-steps {
    display: none;
  }
  .quiz-aside-title {
    margin-bottom: 0.5rem;
  }
  .quiz-aside-actions {
    grid-template-columns: repeat(2, minmax(6.875rem, 1fr));
  }
  .quiz-progress {
    margin-bottom: 0;
  }
  .quiz-tech-grid, .quiz-warranty-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 56.25rem) {
  .quiz-page {
    padding-top: 3.75rem;
  }
  .quiz-hero {
    min-height: 31.25rem;
  }
  .quiz-hero::before {
    background: linear-gradient(180deg, rgba(8, 13, 24, 0.42) 0%, rgba(8, 13, 24, 0.84) 100%);
  }
  .quiz-hero .container-field {
    align-items: flex-end;
  }
  .quiz-hero-content {
    padding: 2.875rem 0 2.25rem;
  }
  .quiz-hero h1 {
    max-width: 35rem;
    font-size: 1.8125rem;
    line-height: 2.1875rem;
  }
  .quiz-hero p {
    max-width: 31.25rem;
    margin: 0.875rem 0 1.375rem;
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .quiz-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }
  .quiz-hero .btn {
    width: 100%;
  }
  .quiz {
    padding: 1.625rem 0 2.75rem;
  }
  .quiz-content, .quiz-aside {
    border-radius: 1.1875rem;
  }
  .quiz-step {
    padding: 1.3125rem;
  }
  .quiz-headline {
    display: block;
    margin-bottom: 1.3125rem;
  }
  .quiz-counter {
    width: auto;
    height: auto;
    margin-top: 0.8125rem;
    padding: 0.375rem 0.625rem;
    border-radius: 62.4375rem;
    font-size: 0.8125rem;
    line-height: 1.0625rem;
  }
  .quiz-options, .quiz-options.cols-3, .quiz-options.cols-4, .quiz-choice-grid, .quiz-tech-grid, .quiz-warranty-grid, .quiz-similar-grid {
    grid-template-columns: 1fr;
  }
  .quiz-option {
    min-height: 15rem;
  }
  .quiz-tech-card {
    grid-template-columns: 1fr;
  }
  .quiz-cart-main {
    align-items: center;
  }
  .quiz-summary {
    position: static;
    align-items: stretch;
    flex-direction: column;
  }
  .quiz-summary-actions, .quiz-summary-actions .btn {
    width: 100%;
  }
  .quiz-summary-total span:last-child {
    font-size: 1.625rem;
    line-height: 1.9375rem;
  }
  .quiz-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .quiz-next {
    width: 100%;
  }
}
@media (max-width: 40rem) {
  .quiz-page {
    padding-top: 3.25rem;
  }
  .quiz-hero {
    min-height: 31.25rem;
  }
  .quiz-hero-content {
    padding: 2.25rem 0 1.75rem;
  }
  .quiz-hero h1 {
    font-size: 1.5625rem;
    line-height: 1.875rem;
    letter-spacing: -0.015em;
  }
  .quiz-hero p {
    margin: 0.75rem 0 1.1875rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .quiz-hero-actions {
    gap: 0.625rem;
  }
  .quiz-hero-note {
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .quiz-aside {
    grid-template-columns: 1fr;
    padding: 0.9375rem;
  }
  .quiz-aside-actions {
    grid-template-columns: 1fr 1fr;
  }
  .quiz-description {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .quiz-option-content {
    padding: 0.9375rem;
  }
  .quiz-option-title {
    font-size: 1.0625rem;
    line-height: 1.375rem;
  }
  .quiz-choice {
    min-height: auto;
    gap: 0.625rem;
    padding: 0.75rem;
  }
  .quiz-choice img {
    flex-basis: 3.625rem;
    width: 3.625rem;
    height: 3.625rem;
  }
  .quiz-group {
    padding: 0.9375rem;
  }
  .quiz-group-title {
    margin-bottom: 0.8125rem;
    font-size: 1.0625rem;
    line-height: 1.375rem;
  }
  .quiz-cart-main {
    flex-direction: column;
    text-align: center;
  }
  .quiz-cart-img {
    flex-basis: 8.75rem;
    width: 8.75rem;
    height: 8.75rem;
  }
}
@media (max-width: 26.25rem) {
  .quiz-hero {
    min-height: 25rem;
  }
  .quiz-hero h1 {
    font-size: 1.4375rem;
    line-height: 1.75rem;
  }
  .quiz-hero p {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .quiz-step {
    padding: 0.9375rem;
  }
  .quiz-aside-actions {
    grid-template-columns: 1fr;
  }
  .quiz-option {
    min-height: 12.8125rem;
  }
  .quiz-chips {
    gap: 0.4375rem;
  }
  .quiz-chip {
    width: 100%;
  }
  .quiz-choice {
    padding: 0.6875rem;
  }
  .quiz-choice-control {
    width: 1.25rem;
    height: 1.25rem;
  }
}
.quiz-coming-soon {
  padding: 3rem 0 4.25rem;
}
.quiz-coming-soon-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(18.125rem, 0.8fr);
  gap: 2.125rem;
  align-items: center;
  overflow: hidden;
  padding: clamp(1.625rem, 3vw, 2.75rem);
  border: 1px solid var(--quiz-border);
  border-radius: 1.625rem;
  background: radial-gradient(circle at 100% 0%, rgba(202, 22, 60, 0.08), transparent 21.25rem), #fff;
}
.quiz-coming-soon-card::after {
  content: "";
  position: absolute;
  top: -7.8125rem;
  right: -6.875rem;
  width: 17.5rem;
  height: 17.5rem;
  border: 2.375rem solid rgba(202, 22, 60, 0.03);
  border-radius: 50%;
  pointer-events: none;
}
.quiz-coming-soon-main, .quiz-coming-soon-side {
  position: relative;
  z-index: 1;
}
.quiz-coming-soon-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 0.8125rem;
  padding: 0.375rem 0.625rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.0625rem;
  font-weight: 600;
}
.quiz-coming-soon h2 {
  max-width: 38.75rem;
  margin: 0;
  color: var(--quiz-dark);
  font-size: clamp(1.5625rem, 2.3vw, 2.1875rem);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.quiz-coming-soon p {
  max-width: 40.625rem;
  margin: 0.875rem 0 0;
  color: var(--quiz-muted);
  font-size: 1rem;
  line-height: 1.5625rem;
}
.quiz-coming-soon-status {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: 1.3125rem;
  padding: 0.5625rem 0.8125rem;
  border-radius: 62.4375rem;
  background: var(--quiz-bg);
  color: var(--quiz-dark);
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 500;
}
.quiz-coming-soon-status-dot {
  position: relative;
  flex: 0 0 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #CA163C;
  box-shadow: 0 0 0 0.3125rem rgba(202, 22, 60, 0.09);
}
.quiz-coming-soon-status-dot::after {
  content: "";
  position: absolute;
  inset: -0.3125rem;
  border: 1px solid rgba(202, 22, 60, 0.25);
  border-radius: 50%;
  animation: quizComingSoonPulse 1.8s ease-out infinite;
}
.quiz-coming-soon-side {
  padding: 1.375rem;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 1.125rem;
  background: rgba(246, 247, 250, 0.84);
}
.quiz-coming-soon-progress {
  position: relative;
  display: grid;
  gap: 0.9375rem;
}
.quiz-coming-soon-progress-line {
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 1rem;
  width: 2px;
  background: #E1E4E9;
  display: none;
}
.quiz-coming-soon-progress-item {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 2.125rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}
.quiz-coming-soon-progress-item > span {
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #E8EBF0;
  color: #7A8290;
  font-size: 0.75rem;
  font-weight: 700;
}
.quiz-coming-soon-progress-item small {
  color: var(--quiz-muted);
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 600;
}
.quiz-coming-soon-progress-item.is-complete > span {
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
}
.quiz-coming-soon-progress-item.is-complete small {
  color: var(--quiz-dark);
}
.quiz-coming-soon-progress-item.is-current > span {
  background: #CA163C;
  color: #fff;
  box-shadow: 0 0 0 0.3125rem rgba(202, 22, 60, 0.09);
}
.quiz-coming-soon-progress-item.is-current small {
  color: var(--quiz-dark);
}
.quiz-coming-soon-caption {
  display: block;
  margin-top: 1.25rem;
  padding-top: 1.0625rem;
  border-top: 1px solid rgba(17, 24, 39, 0.08);
  color: var(--quiz-muted);
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
@keyframes quizComingSoonPulse {
  0% {
    opacity: 0.9;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}
@media (max-width: 56.25rem) {
  .quiz-coming-soon {
    padding: 1.875rem 0 2.75rem;
  }
  .quiz-coming-soon-card {
    grid-template-columns: 1fr;
    gap: 1.375rem;
    padding: 1.375rem;
  }
  .quiz-coming-soon-side {
    padding: 1.125rem;
  }
}
@media (max-width: 40rem) {
  .quiz-coming-soon {
    padding: 1.5rem 0 2.25rem;
  }
  .quiz-coming-soon-card {
    gap: 1.125rem;
    padding: 1.0625rem;
    border-radius: 1.125rem;
  }
  .quiz-coming-soon-label {
    margin-bottom: 0.6875rem;
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .quiz-coming-soon h2 {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .quiz-coming-soon p {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .quiz-coming-soon-status {
    width: 100%;
    margin-top: 1.0625rem;
    padding: 0.5625rem 0.6875rem;
    border-radius: 0.8125rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
    gap: 0.625rem;
  }
  .quiz-coming-soon-side {
    padding: 0.9375rem;
  }
  .quiz-coming-soon-progress-item {
    grid-template-columns: 1.875rem minmax(0, 1fr);
    gap: 0.625rem;
  }
  .quiz-coming-soon-progress-item > span {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 0.6875rem;
  }
  .quiz-coming-soon-progress-item small {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    font-weight: 500;
  }
  .quiz-coming-soon-progress-line {
    top: 0.9375rem;
    bottom: 0.9375rem;
    left: 0.875rem;
  }
  .quiz-coming-soon-caption {
    margin-top: 1rem;
    padding-top: 0.875rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
@media (max-width: 26.25rem) {
  .quiz-coming-soon-card {
    padding: 0.9375rem;
  }
  .quiz-coming-soon h2 {
    font-size: 1.3125rem;
    line-height: 1.625rem;
  }
}
.smart-design-page {
  background: #F6F7F9;
}
.smart-design {
  padding: 3.5rem 0 4.5rem;
}
.smart-design-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(26.25rem, 1.1fr);
  gap: 3.25rem;
  align-items: center;
  overflow: hidden;
  min-height: 35rem;
  padding: clamp(1.875rem, 4vw, 3.5rem);
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 1.75rem;
  background: radial-gradient(circle at 0 0, rgba(202, 22, 60, 0.07), transparent 23.75rem), #fff;
  box-shadow: 0 1.125rem 3.125rem rgba(17, 24, 39, 0.07);
}
.smart-design-content {
  position: relative;
  z-index: 2;
  max-width: 40.625rem;
}
.smart-design-label {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.4375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 600;
}
.smart-design h1 {
  max-width: 38.75rem;
  margin: 0;
  color: #171A20;
  font-size: clamp(1.875rem, 3vw, 2.625rem);
  line-height: 1.16;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.smart-design-description {
  max-width: 38.75rem;
  margin: 1.125rem 0 0;
  color: #69707D;
  font-size: 1.0625rem;
  line-height: 1.6875rem;
  font-weight: 400;
}
.smart-design-steps {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.75rem;
}
.smart-design-step {
  display: grid;
  grid-template-columns: 1.875rem minmax(0, 1fr);
  gap: 0.75rem;
  align-items: center;
}
.smart-design-step-number {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1;
  font-weight: 700;
}
.smart-design-step-text {
  color: #454B55;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 500;
}
.smart-design-status {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-top: 1.625rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0.875rem;
  background: #F3F4F6;
  color: #323741;
  font-size: 0.8125rem;
  line-height: 1.1875rem;
  font-weight: 500;
}
.smart-design-status-dot {
  position: relative;
  flex: 0 0 0.5rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #CA163C;
  box-shadow: 0 0 0 0.3125rem rgba(202, 22, 60, 0.09);
}
.smart-design-status-dot::after {
  content: "";
  position: absolute;
  inset: -0.25rem;
  border: 1px solid rgba(202, 22, 60, 0.24);
  border-radius: 50%;
  animation: smartDesignPulse 1.8s ease-out infinite;
}
.smart-design-preview {
  position: relative;
  min-width: 0;
  height: 26.875rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 9.375rem;
  gap: 0.75rem;
  padding: 0.75rem;
  border-radius: 1.5rem;
  background: #EFEFEF;
  box-shadow: 0 0.875rem 2.375rem rgba(17, 24, 39, 0.1);
}
.smart-design-preview::before {
  content: "";
  position: absolute;
  inset: 0.75rem;
  z-index: 1;
  border-radius: 1.0625rem;
  background: linear-gradient(180deg, rgba(17, 24, 39, 0) 45%, rgba(17, 24, 39, 0.18) 100%);
  pointer-events: none;
}
.smart-design-preview-main, .smart-design-preview-side {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  background: #E8E8E8;
}
.smart-design-preview-main img, .smart-design-preview-side img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.smart-design-preview-badge {
  position: absolute;
  z-index: 2;
  right: 1.625rem;
  bottom: 1.625rem;
  min-width: 10rem;
  padding: 0.75rem 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(0.75rem);
  box-shadow: 0 0.5rem 1.5rem rgba(17, 24, 39, 0.1);
}
.smart-design-preview-badge span, .smart-design-preview-badge small {
  display: block;
}
.smart-design-preview-badge span {
  margin-bottom: 0.125rem;
  color: #CA163C;
  font-size: 0.875rem;
  line-height: 1.1875rem;
  font-weight: 700;
}
.smart-design-preview-badge small {
  color: #5E6570;
  font-size: 0.6875rem;
  line-height: 1rem;
  font-weight: 500;
}
@keyframes smartDesignPulse {
  0% {
    opacity: 0.9;
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    transform: scale(1.55);
  }
}
@media (max-width: 75rem) {
  .smart-design-card {
    grid-template-columns: minmax(0, 1fr) minmax(22.5rem, 0.9fr);
    gap: 2.25rem;
  }
  .smart-design-preview {
    height: 24.375rem;
    grid-template-columns: minmax(0, 1fr) 7.8125rem;
  }
}
@media (max-width: 61.9375rem) {
  .smart-design {
    padding: 2.375rem 0 3.25rem;
  }
  .smart-design-card {
    grid-template-columns: 1fr;
    gap: 1.875rem;
    min-height: auto;
    padding: 1.875rem;
  }
  .smart-design-content {
    max-width: none;
  }
  .smart-design h1 {
    max-width: 43.75rem;
    font-size: 2rem;
    line-height: 2.375rem;
  }
  .smart-design-description {
    max-width: 43.75rem;
    font-size: 1rem;
    line-height: 1.5625rem;
  }
  .smart-design-preview {
    height: 22.5rem;
  }
}
@media (max-width: 47.9375rem) {
  .smart-design {
    padding: 1.75rem 0 2.625rem;
  }
  .smart-design-card {
    gap: 1.5rem;
    padding: 1.375rem;
    border-radius: 1.375rem;
  }
  .smart-design h1 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
  .smart-design-description {
    margin-top: 0.875rem;
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .smart-design-steps {
    margin-top: 1.375rem;
  }
  .smart-design-step {
    align-items: flex-start;
  }
  .smart-design-step-text {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .smart-design-status {
    width: 100%;
    margin-top: 1.375rem;
  }
  .smart-design-preview {
    height: 18.75rem;
    grid-template-columns: minmax(0, 1fr) 6rem;
    gap: 0.5rem;
    padding: 0.5rem;
    border-radius: 1.125rem;
  }
  .smart-design-preview::before {
    inset: 0.5rem;
    border-radius: 0.75rem;
  }
  .smart-design-preview-main, .smart-design-preview-side {
    border-radius: 0.75rem;
  }
  .smart-design-preview-badge {
    right: 1.125rem;
    bottom: 1.125rem;
    min-width: 9.0625rem;
    padding: 0.625rem 0.75rem;
    border-radius: 0.75rem;
  }
}
@media (max-width: 35.9375rem) {
  .smart-design-card {
    padding: 1.125rem;
    border-radius: 1.125rem;
  }
  .smart-design-label {
    margin-bottom: 0.8125rem;
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .smart-design h1 {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .smart-design-description {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .smart-design-status {
    align-items: flex-start;
    padding: 0.625rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .smart-design-preview {
    height: 15rem;
    grid-template-columns: 1fr;
  }
  .smart-design-preview-side {
    display: none;
  }
  .smart-design-preview-badge {
    right: 0.875rem;
    bottom: 0.875rem;
    min-width: 0;
    max-width: calc(100% - 1.75rem);
  }
}
.menu-zabota-wrapper {
  display: flex;
  gap: 2.5rem;
  width: 100%;
  margin: 3.75rem 0;
}
.menu-zabota-wrapper form {
  flex: 1;
}
.menu-zabota-wrapper .accordion-block {
  padding: 0.625rem;
}
.menu-zabota-wrapper .accordion-content-list ul li {
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid #F4F4F6;
}
.menu-zabota-wrapper .accordion-content-list ul li a {
  color: #1B1B20;
  transition: 300ms;
}
.menu-zabota-wrapper .accordion-content-list ul li a:hover {
  color: #CA163C;
  text-decoration: underline;
}
.menu-zabota-list {
  flex: 0 0 17.5rem;
}
.menu-zabota-list ul {
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.menu-zabota-list ul li div {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.menu-zabota-list ul li a {
  font-size: 0.9375rem;
  line-height: 1.125rem;
  color: #1B1B20;
  text-decoration: none;
  transition: 300ms;
}
.menu-zabota-list ul li a:hover {
  color: #CA163C;
}
.menu-zabota-list-title {
  font-size: 1.125rem;
  line-height: 1.375rem;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.menu-zabota-content {
  flex: 1;
}
.menu-zabota-content-accordions {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.menu-zabota-content-form {
  background: #FFFFFF;
  border-radius: 1.5rem;
  padding: 2rem;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}
.menu-zabota-content-title {
  font-size: 2rem;
  font-weight: 700;
  color: #1B1B20;
  margin-bottom: 2rem;
}
.menu-zabota-content-search {
  display: block;
  margin-bottom: 2rem;
}
.menu-zabota-content-search span {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #7C7C86;
  margin-bottom: 0.5rem;
}
.menu-zabota-content-search input {
  max-width: 300px;
}
.menu-zabota-content-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}
.menu-zabota-content-card {
  position: relative;
  padding: 0.625rem;
  background: #FFFFFF;
  border-radius: 0.75rem;
  overflow: hidden;
  transition: 300ms;
}
.menu-zabota-content-card:nth-child(1) {
  animation-delay: 0.05s;
}
.menu-zabota-content-card:nth-child(2) {
  animation-delay: 0.1s;
}
.menu-zabota-content-card:nth-child(3) {
  animation-delay: 0.15s;
}
.menu-zabota-content-card:nth-child(4) {
  animation-delay: 0.2s;
}
.menu-zabota-content-card:nth-child(5) {
  animation-delay: 0.25s;
}
.menu-zabota-content-card:nth-child(6) {
  animation-delay: 0.3s;
}
.menu-zabota-content-card:nth-child(7) {
  animation-delay: 0.35s;
}
.menu-zabota-content-card:nth-child(8) {
  animation-delay: 0.4s;
}
.menu-zabota-content-card:nth-child(9) {
  animation-delay: 0.45s;
}
.menu-zabota-content-card:nth-child(10) {
  animation-delay: 0.5s;
}
.menu-zabota-content-card:nth-child(11) {
  animation-delay: 0.55s;
}
.menu-zabota-content-card:nth-child(12) {
  animation-delay: 0.6s;
}
.menu-zabota-content-card:nth-child(13) {
  animation-delay: 0.65s;
}
.menu-zabota-content-card:nth-child(14) {
  animation-delay: 0.7s;
}
.menu-zabota-content-card:nth-child(15) {
  animation-delay: 0.75s;
}
.menu-zabota-content-card:nth-child(16) {
  animation-delay: 0.8s;
}
.menu-zabota-content-card:nth-child(17) {
  animation-delay: 0.85s;
}
.menu-zabota-content-card:nth-child(18) {
  animation-delay: 0.9s;
}
.menu-zabota-content-card:nth-child(19) {
  animation-delay: 0.95s;
}
.menu-zabota-content-card:nth-child(20) {
  animation-delay: 1s;
}
.menu-zabota-content-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.menu-zabota-content-card-image {
  position: relative;
  aspect-ratio: 0.75;
  overflow: hidden;
  cursor: pointer;
}
.menu-zabota-content-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 300ms;
}
.menu-zabota-content-card-image:hover img {
  transform: scale(1.05);
}
.menu-zabota-content-card-title {
  padding: 1rem;
  text-align: center;
}
.menu-zabota-content-card-title h3 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #1B1B20;
  margin: 0;
  line-height: 1.4;
}
.menu-zabota-content-card-actions {
  padding: 0 1rem 1rem;
  display: flex;
  justify-content: center;
}
.menu-zabota-content-card-download {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid #CA163C;
  border-radius: 2.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #CA163C;
  text-decoration: none;
  transition: 300ms;
}
.menu-zabota-content-card-download:hover {
  background: #CA163C;
  color: #fff;
}
.menu-zabota-content-card-download:hover svg path {
  stroke: #fff;
}
.menu-zabota-content-card-download svg {
  width: 1.25rem;
  height: 1.25rem;
}
.menu-zabota-content-card-download svg path {
  stroke: #CA163C;
  transition: 300ms;
}
.menu-zabota-content-card-open {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid #CA163C;
  border-radius: 2.5rem;
  font-size: 0.8125rem;
  font-weight: 500;
  color: #CA163C;
  text-decoration: none;
  transition: 300ms;
}
.menu-zabota-content-card-open:hover {
  background: #CA163C;
  color: #fff;
}
.menu-zabota-content-card-open:hover svg path {
  stroke: #fff;
}
.menu-zabota-content-card-open svg {
  width: 1.25rem;
  height: 1.25rem;
}
.menu-zabota-content-card-open svg path {
  stroke: #CA163C;
  transition: 300ms;
}
.menu-zabota-content-empty {
  text-align: center;
  padding: 3.75rem 1.25rem;
  color: #7C7C86;
  font-size: 1rem;
}
.menu-zabota-content-empty svg {
  width: 4rem;
  height: 4rem;
  margin-bottom: 1rem;
  color: #D4D4D9;
}
.menu-zabota-content-empty p {
  margin: 0;
}
.menu-zabota-content-note {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D4D4D9;
  font-size: 0.875rem;
  color: #7C7C86;
  line-height: 1.5;
}
.menu-zabota-content-note b {
  color: #1B1B20;
}
.menu-zabota-step-content {
  display: none;
}
.menu-zabota-step-content.active {
  display: block;
}
.menu-zabota-step-header {
  margin-bottom: 2rem;
  text-align: center;
}
.menu-zabota-step-header-title {
  font-size: 1.875rem;
  font-weight: 900;
  color: #1B1B20;
  margin: 0;
}
.menu-zabota-step-category {
  margin-bottom: 2.5rem;
}
.menu-zabota-step-category:last-of-type {
  margin-bottom: 2rem;
}
.menu-zabota-step-category-title {
  font-size: 1.5625rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  color: #1B1B20;
}
.menu-zabota-step-product-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 1.5rem;
}
.menu-zabota-step-product-item {
  text-align: center;
}
.menu-zabota-step-product-image {
  background: #F4F4F6;
  border-radius: 0.75rem;
  padding: 1rem;
  margin-bottom: 0.75rem;
}
.menu-zabota-step-product-image img {
  mix-blend-mode: multiply;
  width: 100%;
  max-height: 15.625rem;
  object-fit: contain;
}
.menu-zabota-step-product-name {
  font-weight: 500;
  font-size: 1rem;
  margin-bottom: 0.75rem;
  color: #1B1B20;
}
.menu-zabota-step-product-quantity {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  background: #F4F4F6;
  border-radius: 2.5rem;
  padding: 0.25rem;
}
.menu-zabota-step-product-quantity button {
  width: 2rem;
  height: 2rem;
  border: none;
  background: #FFFFFF;
  border-radius: 50%;
  cursor: pointer;
  font-size: 1.125rem;
  font-weight: 600;
  color: #CA163C;
  transition: 300ms;
}
.menu-zabota-step-product-quantity button:hover {
  background: #CA163C;
  color: #fff;
}
.menu-zabota-step-product-quantity input {
  width: 3.125rem;
  text-align: center;
  border: none;
  background: transparent;
  font-weight: 600;
  font-size: 1rem;
}
.menu-zabota-step-product-quantity input:focus {
  outline: none;
}
.menu-zabota-submit {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 2.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D4D4D9;
}
.menu-zabota-note {
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #D4D4D9;
  font-size: 0.875rem;
  color: #7C7C86;
}
.menu-zabota-note b {
  color: #1B1B20;
}
.book-page {
  background: #FFFFFF;
}
.book-page .page-header-container {
  margin-bottom: 4rem;
}
.book-preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 100%;
}
.book-preview-card {
  position: relative;
  width: 100%;
  max-width: 50rem;
  margin: 2rem 0 0;
  overflow: hidden;
  border-radius: 1.125rem;
  background: #FFFFFF;
  box-shadow: 0 1.125rem 3.125rem rgba(0, 0, 0, 0.14);
}
.book-preview-image {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  -webkit-user-drag: none;
}
.book-preview-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.75rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.18) 100%);
  color: #fff;
  text-align: center;
}
.book-preview-overlay .btn {
  position: relative;
  z-index: 1;
}
.book-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}
.book-modal.is-active {
  display: block;
}
.book-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.76);
}
.book-modal-dialog {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #f5f5f5;
  outline: none;
}
.book-modal-header {
  min-height: 3.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  gap: 1rem;
  padding: env(safe-area-inset-top, 0) 1.5rem 0;
  border-bottom: 1px solid #e6e6e6;
  background: #fff;
}
.book-modal-title {
  min-width: 0;
  color: #111;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.book-modal-close {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 2.625rem;
  padding: 0 0 0.1875rem;
  border: 0;
  border-radius: 50%;
  background: #f1f1f1;
  color: #111;
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  transition: background 200ms;
}
.book-modal-close:hover {
  background: #e4e4e4;
}
.book-modal-close:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: 0.125rem;
}
.book-modal-body {
  position: relative;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.book-modal .book-container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  margin: 0;
}
.book-modal .book-stage {
  position: relative;
  flex: 1;
  min-height: 0;
  width: 100%;
  overflow: hidden;
}
.book-modal .book-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
  overflow: auto;
  scrollbar-width: thin;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
}
.book-modal .book-wrapper.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.book-modal #flipbook {
  overflow: hidden;
  border-radius: 0.25rem;
  background: #fff;
  box-shadow: 0 0.25rem 1.125rem rgba(0, 0, 0, 0.08);
  touch-action: none;
  transition: opacity 120ms ease;
}
.book-modal #flipbook.is-mode-switching {
  opacity: 0;
  pointer-events: none;
}
.book-modal #flipbook .page {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  color: #555;
  font-size: 1.125rem;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.book-modal #flipbook .page img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: contain;
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.book-modal .book-controls {
  position: absolute;
  inset: 0;
  z-index: 999;
  overflow: hidden;
  pointer-events: none;
}
.book-modal .book-controls button {
  position: absolute;
  top: 50%;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0.5rem 1.75rem rgba(0, 0, 0, 0.18);
  cursor: pointer;
  pointer-events: auto;
  transform: translateY(-50%);
  transition: background 200ms, box-shadow 200ms;
}
.book-modal .book-controls button:hover {
  background: #f1f1f1;
}
.book-modal .book-controls button:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: 0.125rem;
}
.book-modal .book-controls #book-prevBtn {
  left: 1.5rem;
}
.book-modal .book-controls #book-prevBtn svg {
  transform: rotate(270deg);
}
.book-modal .book-controls #book-nextBtn {
  right: 1.5rem;
}
.book-modal .book-controls #book-nextBtn svg {
  transform: rotate(90deg);
}
.book-modal .book-toolbar {
  position: relative;
  z-index: 10;
  min-height: 3.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  gap: 1.125rem;
  padding: 0.375rem 1rem calc(0.375rem + env(safe-area-inset-bottom, 0px));
  border-top: 1px solid #e6e6e6;
  background: rgba(245, 245, 245, 0.96);
  pointer-events: auto;
}
.book-modal .book-info {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.25rem;
  margin: 0;
  padding: 0.4375rem 0.875rem;
  border-radius: 62.4375rem;
  background: #fff;
  color: #555;
  font-size: 0.875rem;
  line-height: 1.25rem;
  white-space: nowrap;
  box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.08);
}
.book-modal .book-zoom-controls {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.3125rem;
  border-radius: 62.4375rem;
  background: #fff;
  box-shadow: 0 0.375rem 1.5rem rgba(0, 0, 0, 0.08);
}
.book-modal .book-zoom-controls button {
  min-width: 2rem;
  height: 2rem;
  padding: 0 0.75rem;
  border: 0;
  border-radius: 62.4375rem;
  background: #f1f1f1;
  color: #111;
  font-size: 0.9375rem;
  line-height: 1;
  cursor: pointer;
  transition: background 200ms;
}
.book-modal .book-zoom-controls button:hover {
  background: #e4e4e4;
}
.book-modal .book-zoom-controls button:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: 0.0625rem;
}
.book-modal .book-zoom-controls span {
  min-width: 3rem;
  color: #555;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  text-align: center;
}
.book-modal .book-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1100;
  max-width: calc(100% - 2rem);
  padding: 1.125rem 1.75rem;
  border-radius: 1rem;
  background: #000;
  color: #fff;
  font-size: 1rem;
  line-height: 1.375rem;
  text-align: center;
  transform: translate(-50%, -50%);
}
.book-page-placeholder {
  width: 100%;
  height: 100%;
  min-height: 13.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25rem;
  background: #f5f5f5;
  color: #777;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.book-page-error {
  background: #fff0f0;
  color: #b00020;
}
body.book-modal-open {
  overflow: hidden;
}
@media (max-width: 80rem) {
  .book-preview-card {
    max-width: 45rem;
  }
  .book-modal .book-controls #book-prevBtn {
    left: 1rem;
  }
  .book-modal .book-controls #book-nextBtn {
    right: 1rem;
  }
}
@media (max-width: 63.75rem) {
  .book-page .page-header-container {
    margin-bottom: 3.25rem;
  }
  .book-preview-card {
    max-width: 40rem;
    margin-top: 1.5rem;
  }
  .book-modal .book-controls button {
    width: 3rem;
    height: 3rem;
  }
  .book-modal .book-controls #book-prevBtn {
    left: 0.75rem;
  }
  .book-modal .book-controls #book-nextBtn {
    right: 0.75rem;
  }
}
@media (max-width: 48rem) {
  .book-page .page-header-container {
    margin-bottom: 2.75rem;
  }
  .book-preview-card {
    max-width: 35rem;
    border-radius: 1rem;
    box-shadow: 0 0.75rem 2.125rem rgba(0, 0, 0, 0.12);
  }
  .book-preview-overlay {
    justify-content: flex-end;
    gap: 0.5rem;
    padding: 1.125rem;
  }
  .book-preview-overlay .btn {
    width: 100%;
    max-width: 17.5rem;
    text-align: center;
  }
  .book-modal-header {
    min-height: 3.25rem;
    padding-right: 0.875rem;
    padding-left: 0.875rem;
  }
  .book-modal-title {
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .book-modal-close {
    width: 2.375rem;
    height: 2.375rem;
    flex-basis: 2.375rem;
    font-size: 1.75rem;
  }
  .book-modal .book-controls button {
    width: 2.75rem;
    height: 2.75rem;
    box-shadow: 0 0.3125rem 1.125rem rgba(0, 0, 0, 0.16);
  }
  .book-modal .book-controls button .svg {
    width: 1.375rem;
    height: 1.375rem;
  }
  .book-modal .book-controls #book-prevBtn {
    left: 0.5rem;
  }
  .book-modal .book-controls #book-nextBtn {
    right: 0.5rem;
  }
  .book-modal .book-toolbar {
    gap: 0.625rem;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
  .book-modal .book-info {
    min-height: 2.125rem;
    padding: 0.375rem 0.6875rem;
    font-size: 0.8125rem;
  }
  .book-modal .book-zoom-controls {
    gap: 0.375rem;
  }
  .book-modal .book-zoom-controls button {
    min-width: 1.875rem;
    height: 1.875rem;
    padding: 0 0.625rem;
    font-size: 0.875rem;
  }
  .book-modal .book-zoom-controls span {
    min-width: 2.625rem;
    font-size: 0.75rem;
  }
  .book-modal .book-loader {
    padding: 0.875rem 1.25rem;
    border-radius: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 37.5rem) {
  .book-page .page-header-container {
    margin-top: 1.25rem;
    margin-bottom: 2.25rem;
  }
  .book-preview-card {
    margin-top: 1.125rem;
  }
  .book-preview-overlay {
    padding: 0.875rem;
  }
  .book-preview-overlay .btn {
    max-width: 15.625rem;
  }
  .book-modal .book-toolbar {
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.3125rem;
    min-height: 0;
    padding: 0.375rem 0.5rem calc(0.375rem + env(safe-area-inset-bottom, 0px));
  }
  .book-modal .book-info {
    min-height: 1.875rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .book-modal .book-zoom-controls {
    padding: 0.25rem;
  }
  .book-modal .book-zoom-controls button {
    height: 1.8125rem;
    min-width: 1.8125rem;
    padding: 0 0.5625rem;
  }
}
@media (max-width: 26.875rem) {
  .book-page .page-header-container {
    margin-bottom: 1.875rem;
  }
  .book-preview-card {
    margin-top: 0.875rem;
    border-radius: 0.875rem;
  }
  .book-preview-overlay {
    gap: 0.4375rem;
    padding: 0.75rem;
  }
  .book-preview-overlay .btn {
    max-width: 14.375rem;
  }
  .book-modal-header {
    min-height: 3rem;
    padding-right: 0.625rem;
    padding-left: 0.75rem;
  }
  .book-modal-title {
    font-size: 0.9375rem;
  }
  .book-modal-close {
    width: 2.25rem;
    height: 2.25rem;
    flex-basis: 2.25rem;
    font-size: 1.625rem;
  }
  .book-modal .book-controls button {
    width: 2.5rem;
    height: 2.5rem;
  }
  .book-modal .book-controls #book-prevBtn {
    left: 0.3125rem;
  }
  .book-modal .book-controls #book-nextBtn {
    right: 0.3125rem;
  }
  .book-modal .book-zoom-controls {
    gap: 0.25rem;
  }
  .book-modal .book-zoom-controls button {
    padding: 0 0.5rem;
    font-size: 0.8125rem;
  }
  .book-modal .book-zoom-controls span {
    min-width: 2.375rem;
    font-size: 0.6875rem;
  }
}
@media (max-width: 22.5rem) {
  .book-preview-overlay .btn {
    max-width: 13.4375rem;
    font-size: 0.75rem;
  }
  .book-modal .book-controls button {
    width: 2.375rem;
    height: 2.375rem;
  }
  .book-modal .book-zoom-controls button {
    padding: 0 0.4375rem;
  }
  .book-modal .book-zoom-controls span {
    min-width: 2.25rem;
  }
}
@media (max-width: 20rem) {
  .book-preview-overlay {
    padding: 0.625rem;
  }
  .book-preview-overlay .btn {
    max-width: 12.5rem;
    font-size: 0.6875rem;
  }
  .book-modal .book-controls #book-prevBtn {
    left: 0.1875rem;
  }
  .book-modal .book-controls #book-nextBtn {
    right: 0.1875rem;
  }
  .book-modal .book-zoom-controls button {
    min-width: 1.6875rem;
    height: 1.6875rem;
    padding: 0 0.375rem;
    font-size: 0.75rem;
  }
  .book-modal .book-zoom-controls span {
    min-width: 2.125rem;
    font-size: 0.625rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .book-modal #flipbook, .book-modal .book-modal-close, .book-modal .book-controls button, .book-modal .book-zoom-controls button {
    transition: none;
  }
}
.service-centers {
  background: #FFFFFF;
}
.service-centers-content {
  padding: 0 0 4.5rem;
  background: linear-gradient(180deg, #fff 0%, #fafafc 100%);
}
.service-centers-panel {
  margin-bottom: 1.5rem;
  padding: 1.625rem;
  border: 1px solid #ececf1;
  border-radius: 1.75rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.875rem 2.625rem rgba(10, 16, 25, 0.06);
}
.service-centers-panel-header {
  display: grid;
  grid-template-columns: minmax(21.25rem, 0.78fr) minmax(0, 1.42fr);
  gap: 1.75rem;
  align-items: center;
}
.service-centers-panel-header > * {
  min-width: 0;
}
.service-centers-panel-title-block {
  max-width: 38.75rem;
}
.service-centers-panel-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  margin-bottom: 1rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.service-centers-panel-actions {
  min-width: 0;
}
.service-centers-search-title {
  letter-spacing: -0.04em;
  font-size: 1.25rem;
}
.service-centers-search-description {
  max-width: 32.5rem;
  margin: 0;
  color: #7C7C86;
  font-size: 1.0625rem;
  line-height: 1.75rem;
}
.service-centers-search-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 0.75rem;
}
.service-centers-search-label-field {
  position: relative;
  min-width: 0;
  margin: 0;
  z-index: 5;
}
.service-centers-search .form-input-wrapper {
  position: relative;
  margin-bottom: 0;
}
.service-centers-search .form-input-wrapper .input, .service-centers-search .form-input-wrapper .aria, .service-centers-search .form-input-wrapper .select {
  width: 100%;
  height: 3.375rem;
  padding: 0.875rem 3.625rem 0.875rem 1.25rem;
  border: 1px solid #e1e1e7;
  border-radius: 0.875rem;
  background: #f7f7f9;
  font-size: 1rem;
  transition: border-color 250ms, background 250ms, box-shadow 250ms;
}
.service-centers-search .form-input-wrapper .input:focus, .service-centers-search .form-input-wrapper .aria:focus, .service-centers-search .form-input-wrapper .select:focus {
  border-color: #CA163C;
  background: #fff;
  box-shadow: 0 0 0 0.25rem rgba(202, 22, 60, 0.08);
}
.service-centers-search-btn {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  z-index: 2;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  cursor: pointer;
  transform: translateY(-50%);
  transition: background 250ms;
}
.service-centers-search-btn svg {
  color: #fff;
}
.service-centers-search-btn:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.35);
  outline-offset: 0.125rem;
}
.service-centers-search .form-label-error {
  display: none;
  margin-top: 0.5rem;
  color: #CA163C;
  font-size: 0.75rem;
}
.service-centers-search .form-label-error.is-visible {
  display: block;
}
.service-centers-suggestions {
  position: absolute;
  top: calc(100% + 0.375rem);
  left: 0;
  right: 0;
  z-index: 20;
  max-height: 20.625rem;
  overflow-y: auto;
  padding: 0.375rem;
  border: 1px solid #ececf1;
  border-radius: 0.875rem;
  background: #fff;
  box-shadow: 0 1rem 2.375rem rgba(10, 16, 25, 0.12);
}
.service-centers-suggestions[hidden] {
  display: none;
}
.service-centers-suggestions-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  padding: 0.625rem 0.75rem;
  border: 0;
  border-radius: 0.625rem;
  background: transparent;
  color: #1B1B20;
  text-align: left;
  cursor: pointer;
}
.service-centers-suggestions-item:hover, .service-centers-suggestions-item:focus-visible {
  background: #F4F4F6;
  outline: none;
}
.service-centers-suggestions-item strong {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.service-centers-suggestions-item span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.service-centers-geolocation .btn {
  justify-content: center;
  gap: 0.5rem;
  white-space: nowrap;
}
.service-centers-main-wrapper {
  display: grid;
  grid-template-columns: minmax(23.75rem, 0.78fr) minmax(0, 1.42fr);
  gap: 1.5rem;
  align-items: stretch;
  padding-bottom: 3rem;
}
.service-centers-main-wrapper > * {
  min-width: 0;
}
.service-centers-results-wrapper, .service-centers-map-wrapper {
  border: 1px solid #ececf1;
  background: #fff;
  box-shadow: 0 0.875rem 2.625rem rgba(10, 16, 25, 0.06);
}
.service-centers-results-wrapper {
  height: 47.5rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 1.75rem;
}
.service-centers-results-header {
  flex-shrink: 0;
  padding: 1.625rem 1.625rem 1.125rem;
  border-bottom: 1px solid #ececf1;
  background: #fff;
}
.service-centers-results-title {
  margin: 0 0 0.5rem;
  color: #1B1B20;
  font-size: 1.75rem;
  line-height: 2.125rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.service-centers-results-count {
  color: #7C7C86;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.service-centers-results-list {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1.125rem;
  overscroll-behavior-y: auto;
}
.service-centers-results-list::-webkit-scrollbar {
  width: 0.375rem;
}
.service-centers-results-list::-webkit-scrollbar-track {
  border-radius: 0.1875rem;
  background: #F4F4F6;
}
.service-centers-results-list::-webkit-scrollbar-thumb {
  border-radius: 0.1875rem;
  background: #D4D4D9;
}
.service-centers-results-list::-webkit-scrollbar-thumb:hover {
  background: #7C7C86;
}
.service-centers-result-item {
  position: relative;
  min-width: 0;
  margin-bottom: 0.75rem;
  padding: 1.125rem 1.125rem 1.125rem 1.375rem;
  overflow: hidden;
  border: 1px solid #ececf1;
  border-radius: 1.25rem;
  background: #fff;
  cursor: pointer;
  transition: border-color 250ms, box-shadow 250ms, transform 250ms, background 250ms;
}
.service-centers-result-item::before {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: 0;
  width: 0.1875rem;
  border-radius: 62.4375rem;
  background: transparent;
}
.service-centers-result-item:hover {
  border-color: rgba(202, 22, 60, 0.35);
  box-shadow: 0 0.75rem 1.75rem rgba(202, 22, 60, 0.08);
  transform: translateY(-0.125rem);
}
.service-centers-result-item.active {
  border-color: rgba(202, 22, 60, 0.35);
  background: rgba(202, 22, 60, 0.035);
}
.service-centers-result-item.active::before {
  background: #CA163C;
}
.service-centers-result-item:last-child {
  margin-bottom: 0;
}
.service-centers-result-item-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5625rem;
}
.service-centers-result-item-title {
  min-width: 0;
  margin: 0;
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.service-centers-result-item-distance {
  flex-shrink: 0;
  padding: 0.25rem 0.5625rem;
  border-radius: 62.4375rem;
  background: #f4f4f6;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  white-space: nowrap;
}
.service-centers-result-item-type {
  display: inline-flex;
  width: fit-content;
  margin-bottom: 0.5625rem;
  padding: 0.25rem 0.5rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.0625rem;
  font-weight: 700;
}
.service-centers-result-item-address {
  margin-bottom: 0.625rem;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.375rem;
  overflow-wrap: anywhere;
}
.service-centers-result-item-worktime {
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0.5625rem;
  padding: 0.3125rem 0.5625rem;
  border-radius: 0.5625rem;
  background: #f7f7f9;
  color: #5B5B6B;
  font-size: 0.75rem;
  line-height: 1.125rem;
  overflow-wrap: anywhere;
}
.service-centers-result-item-phone, .service-centers-result-item-email, .service-centers-result-item-website {
  display: flex;
  align-items: flex-start;
  width: fit-content;
  max-width: 100%;
  gap: 0.5rem;
  margin-bottom: 0.375rem;
  color: #CA163C;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.service-centers-result-item-phone svg, .service-centers-result-item-email svg, .service-centers-result-item-website svg {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
  margin-top: 0.125rem;
}
.service-centers-result-item-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.875rem;
}
.service-centers-result-item-actions .btn, .service-centers-result-item-actions button, .service-centers-result-item-actions a {
  min-height: 2.375rem;
  padding: 0.4375rem 0.875rem;
  border-radius: 0.625rem;
  font-size: 0.8125rem;
  text-decoration: none;
}
.service-centers-result-item-details {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 250ms ease, opacity 250ms ease;
}
.service-centers-result-item-details > div {
  min-height: 0;
  overflow: hidden;
}
.service-centers-result-item-details.is-open {
  grid-template-rows: 1fr;
  opacity: 1;
}
.service-centers-result-item-details-inner {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.75rem;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.service-centers-result-item-details-row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.service-centers-result-item-details-row strong {
  flex-shrink: 0;
  color: #1B1B20;
}
.service-centers-result-item-details-row span, .service-centers-result-item-details-row a {
  min-width: 0;
  overflow-wrap: anywhere;
}
.service-centers-result-item-details-row a {
  color: #CA163C;
}
.service-centers-empty {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3.5rem 1.5rem;
  text-align: center;
}
.service-centers-empty-icon {
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.125rem;
  border-radius: 50%;
  background: rgba(202, 22, 60, 0.08);
  color: #CA163C;
}
.service-centers-empty h3 {
  margin: 0 0 0.625rem;
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.service-centers-empty p {
  max-width: 21.25rem;
  margin: 0;
  color: #7C7C86;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}
.service-centers-map-wrapper {
  position: relative;
  height: 47.5rem;
  overflow: hidden;
  border-radius: 1.75rem;
}
.service-centers-map {
  width: 100%;
  height: 100%;
  background: #F4F4F6;
}
.service-centers-map-placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 1.875rem;
  text-align: center;
  background: radial-gradient(circle at center, rgba(202, 22, 60, 0.05), transparent 45%), #F4F4F6;
}
.service-centers-map-placeholder-icon {
  width: 4.625rem;
  height: 4.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.25rem;
  border-radius: 50%;
  background: #fff;
  color: #CA163C;
  box-shadow: 0 0.625rem 1.75rem rgba(10, 16, 25, 0.08);
}
.service-centers-map-placeholder strong {
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.6875rem;
}
.service-centers-map-placeholder p {
  max-width: 22.5rem;
  margin: 0 0 0.5rem;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.service-centers-map-controls {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 20;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.service-centers-map-controls[hidden] {
  display: none;
}
.service-centers-map-control {
  width: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ececf1;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 0.625rem 1.5rem rgba(10, 16, 25, 0.12);
  cursor: pointer;
  transition: border-color 250ms, transform 250ms;
}
.service-centers-map-control svg {
  color: #5B5B6B;
}
.service-centers-map-control:hover {
  border-color: #CA163C;
  transform: translateY(-0.125rem);
}
.service-centers-map-control:hover svg {
  color: #CA163C;
}
.service-centers-map-status {
  position: absolute;
  top: 1rem;
  left: 50%;
  z-index: 30;
  max-width: calc(100% - 2rem);
  padding: 0.5625rem 0.875rem;
  border-radius: 62.4375rem;
  background: rgba(255, 255, 255, 0.96);
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-align: center;
  box-shadow: 0 0.5rem 1.5rem rgba(10, 16, 25, 0.12);
  transform: translateX(-50%);
}
.service-centers-map-status[hidden] {
  display: none;
}
.service-centers-map-status.is-error {
  color: #CA163C;
}
.service-centers-map-marker {
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0.1875rem solid #fff;
  border-radius: 50% 50% 50% 0;
  background: #CA163C;
  box-shadow: 0 0.3125rem 1rem rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transform: rotate(-45deg);
  transition: transform 200ms, box-shadow 200ms;
}
.service-centers-map-marker::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #fff;
}
.service-centers-map-marker:hover, .service-centers-map-marker.is-active {
  box-shadow: 0 0.5rem 1.375rem rgba(202, 22, 60, 0.4);
  transform: rotate(-45deg) scale(1.12);
}
.service-centers-map-marker--user {
  border-radius: 50%;
  background: #1652CA;
  transform: none;
}
.service-centers-map-marker--user:hover, .service-centers-map-marker--user.is-active {
  transform: scale(1.08);
}
.service-centers-results-more {
  display: none;
}
@media (max-width: 80rem) {
  .service-centers-panel {
    padding: 1.5rem;
  }
  .service-centers-panel-header {
    grid-template-columns: minmax(18.75rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1.375rem;
  }
  .service-centers-main-wrapper {
    grid-template-columns: minmax(21.25rem, 0.85fr) minmax(0, 1.35fr);
    gap: 1.25rem;
  }
  .service-centers-results-wrapper, .service-centers-map-wrapper {
    height: 42.5rem;
  }
}
@media (max-width: 63.75rem) {
  .service-centers-content {
    padding-bottom: 3.75rem;
  }
  .service-centers-panel-header {
    grid-template-columns: 1fr;
    gap: 1.375rem;
  }
  .service-centers-panel-title-block {
    max-width: 43.75rem;
  }
  .service-centers-search-form {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .service-centers-main-wrapper {
    grid-template-columns: 1fr;
  }
  .service-centers-results-wrapper {
    height: auto;
    min-height: 22.5rem;
  }
  .service-centers-results-list {
    max-height: 32.5rem;
  }
  .service-centers-map-wrapper {
    height: 32.5rem;
  }
}
@media (max-width: 48rem) {
  .service-centers-content {
    padding: 0.75rem 0 3rem;
  }
  .service-centers-panel {
    margin-bottom: 1.125rem;
    padding: 1.25rem;
    border-radius: 1.375rem;
  }
  .service-centers-panel-label {
    margin-bottom: 0.75rem;
    font-size: 0.75rem;
  }
  .service-centers-search-title {
    font-size: 1.75rem;
    line-height: 2.1875rem;
    margin-bottom: 0.625rem;
  }
  .service-centers-search-description {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .service-centers-search-form {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .service-centers-search .form-input-wrapper .input, .service-centers-search .form-input-wrapper .aria, .service-centers-search .form-input-wrapper .select {
    height: 3.125rem;
    padding-left: 1rem;
    font-size: 0.9375rem;
  }
  .service-centers-geolocation .btn {
    width: 100%;
    min-height: 3.125rem;
  }
  .service-centers-results-wrapper, .service-centers-map-wrapper {
    border-radius: 1.375rem;
  }
  .service-centers-results-wrapper {
    height: auto;
    min-height: 0;
    max-height: none;
  }
  .service-centers-results-list {
    flex: none;
    max-height: none;
    overflow-y: visible;
    overscroll-behavior: auto;
    -webkit-overflow-scrolling: auto;
  }
  .service-centers-results-header {
    padding: 1.25rem 1.25rem 0.9375rem;
  }
  .service-centers-results-title {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .service-centers-results-count {
    font-size: 0.875rem;
  }
  .service-centers-results-list {
    max-height: none;
    padding: 0.875rem;
  }
  .service-centers-results-more {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0 0.25rem;
  }
  .service-centers-results-more .btn {
    width: 100%;
    justify-content: center;
  }
  .service-centers-results-more span {
    color: #7C7C86;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
  .service-centers-result-item {
    padding: 1rem 0.9375rem 1rem 1.1875rem;
    border-radius: 1rem;
  }
  .service-centers-result-item:hover {
    transform: none;
  }
  .service-centers-result-item-title {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .service-centers-map-wrapper {
    height: 27.5rem;
  }
  .service-centers-map-controls {
    right: 0.875rem;
    bottom: 0.875rem;
  }
  .service-centers-map-control {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: 0.75rem;
  }
}
@media (max-width: 31.25rem) {
  .service-centers-panel {
    padding: 1rem;
    border-radius: 1.125rem;
  }
  .service-centers-search-title {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
  }
  .service-centers-suggestions {
    max-height: 17.5rem;
  }
  .service-centers-results-header {
    padding: 1.125rem 1rem 0.875rem;
  }
  .service-centers-results-title {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .service-centers-results-list {
    max-height: none;
    padding: 0.625rem;
  }
  .service-centers-result-item {
    margin-bottom: 0.5625rem;
    padding: 0.875rem;
  }
  .service-centers-result-item::before {
    top: 0.75rem;
    bottom: 0.75rem;
  }
  .service-centers-result-item-header {
    flex-direction: column;
    gap: 0.4375rem;
  }
  .service-centers-result-item-distance {
    order: -1;
  }
  .service-centers-result-item-address, .service-centers-result-item-phone, .service-centers-result-item-email, .service-centers-result-item-website {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .service-centers-result-item-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .service-centers-result-item-actions .btn, .service-centers-result-item-actions button, .service-centers-result-item-actions a {
    width: 100%;
    justify-content: center;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    text-align: center;
  }
  .service-centers-empty {
    padding: 2.375rem 1.125rem;
  }
  .service-centers-empty-icon {
    width: 4.375rem;
    height: 4.375rem;
  }
  .service-centers-empty h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .service-centers-empty p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .service-centers-map-wrapper {
    height: 23.75rem;
  }
  .service-centers-map-placeholder {
    padding: 1.375rem;
  }
  .service-centers-map-placeholder-icon {
    width: 4rem;
    height: 4rem;
  }
  .service-centers-map-placeholder strong {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
}
@media (max-width: 22.5rem) {
  .service-centers-search-title {
    font-size: 1.4375rem;
    line-height: 1.8125rem;
  }
  .service-centers-result-item-actions {
    grid-template-columns: 1fr;
  }
  .service-centers-map-wrapper {
    height: 21.25rem;
  }
  .service-centers-map-control {
    width: 2.5rem;
    height: 2.5rem;
  }
}
@media (max-width: 20rem) {
  .service-centers-map-wrapper {
    height: 20rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .service-centers-result-item, .service-centers-search-btn, .service-centers-map-control, .service-centers-map-marker, .service-centers-result-item-details {
    transition: none;
  }
  .service-centers-result-item:hover, .service-centers-map-control:hover {
    transform: none;
  }
}
.installation-page {
  background: #FFFFFF;
}
.installation-hero {
  padding: 3.5rem 0 2.5rem;
}
.installation-hero-wrapper {
  width: 100%;
}
.installation-hero-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 51.25rem;
  margin: 0 auto;
  text-align: center;
}
.installation-hero-content .h1 {
  margin: 0 0 1.25rem;
}
.installation-hero-content p {
  max-width: 45rem;
  margin: 0;
  color: #5B5B6B;
  font-size: 1.125rem;
  line-height: 1.875rem;
}
.installation-label {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  margin-bottom: 1.125rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}
.installation-form-section {
  padding: 2rem 0 5rem;
  scroll-margin-top: 6.875rem;
}
.installation-form-layout {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}
.installation-form-card {
  width: 100%;
  padding: 1rem;
  overflow: hidden;
  border: 0.0625rem solid #D4D4D9;
  border-radius: 1.5rem;
  background: #FFFFFF;
  box-shadow: 0 1.125rem 3.125rem rgba(27, 27, 32, 0.08);
}
.installation-form-card iframe {
  display: block;
  width: 100%;
  height: 31.25rem;
  min-height: 31.25rem;
  border: 0;
  border-radius: 1rem;
  background: #FFFFFF;
}
@media (max-width: 80rem) {
  .installation-hero {
    padding: 3rem 0 2.125rem;
  }
  .installation-hero-content {
    max-width: 47.5rem;
  }
  .installation-hero-content p {
    font-size: 1.0625rem;
    line-height: 1.75rem;
  }
  .installation-form-section {
    padding-bottom: 4.5rem;
  }
}
@media (max-width: 63.75rem) {
  .installation-hero {
    padding: 2.5rem 0 1.875rem;
  }
  .installation-hero-content {
    max-width: 42.5rem;
  }
  .installation-form-section {
    padding: 1.5rem 0 4rem;
  }
  .installation-form-card {
    padding: 0.875rem;
    border-radius: 1.375rem;
  }
  .installation-form-card iframe {
    border-radius: 0.875rem;
  }
}
@media (max-width: 48rem) {
  .installation-hero {
    padding: 2rem 0 1.5rem;
  }
  .installation-hero-content {
    max-width: 36.25rem;
  }
  .installation-hero-content .h1 {
    margin-bottom: 1rem;
  }
  .installation-hero-content p {
    font-size: 0.9375rem;
    line-height: 1.5625rem;
  }
  .installation-label {
    min-height: 1.875rem;
    margin-bottom: 0.875rem;
    padding: 0.3125rem 0.625rem;
    font-size: 0.75rem;
    line-height: 1.0625rem;
  }
  .installation-form-section {
    padding: 1.25rem 0 3.25rem;
  }
  .installation-form-card {
    padding: 0.625rem;
    border-radius: 1.125rem;
    box-shadow: 0 0.75rem 2.125rem rgba(27, 27, 32, 0.07);
  }
  .installation-form-card iframe {
    min-height: 31.25rem;
    border-radius: 0.75rem;
  }
}
@media (max-width: 37.5rem) {
  .installation-hero {
    padding: 1.75rem 0 1.25rem;
  }
  .installation-hero-content p {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .installation-form-section {
    padding-bottom: 2.75rem;
  }
  .installation-form-card {
    padding: 0.5rem;
  }
}
@media (max-width: 26.875rem) {
  .installation-hero {
    padding: 1.5rem 0 1.125rem;
  }
  .installation-hero-content .h1 {
    margin-bottom: 0.875rem;
  }
  .installation-hero-content p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .installation-label {
    margin-bottom: 0.75rem;
    font-size: 0.6875rem;
    line-height: 1rem;
  }
  .installation-form-section {
    padding: 1rem 0 2.5rem;
  }
  .installation-form-card {
    padding: 0;
    border-radius: 1rem;
  }
  .installation-form-card iframe {
    border-radius: 0.9375rem;
  }
}
@media (max-width: 22.5rem) {
  .installation-hero {
    padding-top: 1.375rem;
  }
  .installation-hero-content p {
    line-height: 1.3125rem;
  }
  .installation-form-card {
    border-radius: 0.875rem;
  }
  .installation-form-card iframe {
    border-radius: 0.8125rem;
  }
}
@media (max-width: 20rem) {
  .installation-form-section {
    padding-bottom: 2.25rem;
  }
}
.maxcare-page {
  --maxcare-radius: 1.5rem;
  --maxcare-radius-large: 2rem;
  --maxcare-shadow: 0 1.125rem 3.125rem rgba(9, 9, 11, 0.08);
  color: #1B1B20;
  background: #FFFFFF;
}
.maxcare-page .breadcrumb-wrapper.page {
  position: relative;
  z-index: 3;
  background: #FFFFFF;
}
.maxcare-hero {
  position: relative;
  min-height: 42.5rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #09090B;
}
.maxcare-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(9, 9, 11, 0.82) 0%, rgba(9, 9, 11, 0.45) 87%, rgba(9, 9, 11, 0.18) 100%);
  pointer-events: none;
}
.maxcare-hero .container-field {
  position: relative;
  z-index: 2;
  width: 100%;
}
.maxcare-hero-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.maxcare-hero-bg img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maxcare-hero-content {
  max-width: 40rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.375rem;
  padding: 5.375rem 0 0;
  color: #FFFFFF;
  text-align: center;
}
.maxcare-hero-content .h1 {
  margin: 0;
  color: #FFFFFF;
  font-size: 2.625rem;
  line-height: 1.52;
  letter-spacing: -0.04em;
}
.maxcare-hero-content .h1 span {
  display: inline-block;
  padding: 0 0.75rem;
  border-radius: 0.625rem;
  background: #CA163C;
  color: #FFFFFF;
  white-space: nowrap;
}
.maxcare-hero-content p {
  margin: 0;
  font-weight: 700;
  font-size: clamp(1.125rem, 1.9vw, 1.75rem);
  line-height: 1.35;
}
.maxcare-hero-content .btn {
  min-width: 15.5rem;
  margin-top: 0.5rem;
}
.maxcare-section {
  padding: 4.5rem 0;
}
.maxcare-section-title {
  max-width: 52.5rem;
  margin: 0 auto 2.5rem;
  text-align: center;
}
.maxcare-section-title .h2 {
  max-width: 28.125rem;
  margin: auto;
  font-size: 2rem;
  letter-spacing: -0.02em;
}
.maxcare-section-title .h2 span {
  color: #CA163C;
}
.maxcare-steps {
  background: #FFFFFF;
}
.maxcare-steps-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}
.maxcare-step {
  min-width: 0;
  min-height: 14.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.375rem;
  padding: 1.75rem;
  border-radius: var(--maxcare-radius);
  background: #F4F4F6;
  text-align: center;
}
.maxcare-step-icon {
  width: 6.5rem;
  height: 6.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 50%;
  background: #FFFFFF;
  color: #CA163C;
}
.maxcare-step-icon .svg {
  width: 3.5rem;
  height: 3.5rem;
}
.maxcare-step span {
  max-width: 16.25rem;
  font-weight: 700;
  font-size: 1.0625rem;
  line-height: 1.5625rem;
  overflow-wrap: anywhere;
}
.maxcare-form-section {
  padding: 4.5rem 0;
  background: #F4F4F6;
  scroll-margin-top: 6.875rem;
}
.maxcare-form-layout {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  min-width: 0;
}
.maxcare-form-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
}
.maxcare-form-info .h2 {
  margin: 0;
  text-align: center;
}
.maxcare-form-info p {
  margin: 0;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.625rem;
  text-align: center;
}
.maxcare-form {
  width: 100%;
  max-width: 75rem;
  margin: auto;
  padding: 2.25rem;
  border-radius: var(--maxcare-radius-large);
  background: #FFFFFF;
  box-shadow: var(--maxcare-shadow);
}
.maxcare-form .form-block-row {
  gap: 1rem;
}
.maxcare-form .input, .maxcare-form .aria, .maxcare-form .select {
  height: 3rem;
  border-radius: 0.625rem;
}
.maxcare-form .input[type="file"], .maxcare-form .aria[type="file"], .maxcare-form .select[type="file"] {
  height: 3.625rem;
}
.maxcare-form .checkbox-label {
  align-items: flex-start;
  margin-top: 0.125rem;
}
.maxcare-form-submit {
  width: 100%;
  margin-top: 0.25rem;
}
.maxcare-form-message {
  display: none;
  padding: 0.875rem 1rem;
  border-radius: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.maxcare-form-message.success, .maxcare-form-message.error {
  display: block;
}
.maxcare-form-message.success {
  background: rgba(20, 163, 123, 0.1);
  color: #14A37B;
}
.maxcare-form-message.error {
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
}
.maxcare-form.was-validated input:invalid {
  border-color: #CA163C;
}
.maxcare-categories {
  background: #FFFFFF;
}
.maxcare-categories-secondary {
  padding-top: 1.5rem;
}
.maxcare-category-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.5rem;
  width: 100%;
  max-width: 65rem;
  margin: 0 auto;
}
.maxcare-category-grid-small {
  max-width: 55.625rem;
}
.maxcare-category-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
  text-align: center;
}
.maxcare-category-card span {
  max-width: 14.1875rem;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.375rem;
  overflow-wrap: anywhere;
}
.maxcare-category-image {
  width: 8.25rem;
  height: 8.25rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 1.125rem;
  background: #FFFFFF;
}
.maxcare-category-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.maxcare-note {
  max-width: 60rem;
  margin: 2.125rem auto 0;
  padding: 1.25rem 1.5rem;
  border: 1px solid #D4D4D9;
  border-radius: 1.125rem;
  background: #FFFFFF;
  text-align: center;
}
.maxcare-note strong {
  display: block;
  margin-bottom: 0.375rem;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.maxcare-note p {
  margin: 0;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.maxcare-faq {
  background: #F4F4F6;
}
.maxcare-faq-list {
  max-width: 57.5rem;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--maxcare-radius);
  background: #FFFFFF;
  box-shadow: var(--maxcare-shadow);
}
.maxcare-faq-item {
  border-bottom: 1px solid #D4D4D9;
}
.maxcare-faq-item:last-child {
  border-bottom: 0;
}
.maxcare-faq-item.active .maxcare-faq-content {
  grid-template-rows: 1fr;
  opacity: 1;
}
.maxcare-faq-item.active .maxcare-faq-minus {
  opacity: 1;
}
.maxcare-faq-item.active .maxcare-faq-plus {
  opacity: 0;
}
.maxcare-faq-title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.375rem 1.625rem;
  border: 0;
  background: transparent;
  color: #1B1B20;
  text-align: left;
  transition: color 300ms;
}
.maxcare-faq-title:hover {
  color: #CA163C;
}
.maxcare-faq-title:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.28);
  outline-offset: -0.25rem;
}
.maxcare-faq-title span {
  min-width: 0;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
.maxcare-faq-title .svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 1rem;
}
.maxcare-faq-plus, .maxcare-faq-minus {
  transition: opacity 250ms ease;
}
.maxcare-faq-minus {
  opacity: 0;
}
.maxcare-faq-content {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  transition: grid-template-rows 300ms ease, opacity 300ms ease;
}
.maxcare-faq-content p {
  min-height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0 4.375rem 0 1.625rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.maxcare-faq-item.active .maxcare-faq-content p {
  padding-bottom: 1.375rem;
}
.maxcare-terms {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}
@media (max-width: 80rem) {
  .maxcare-hero {
    min-height: 38.75rem;
  }
  .maxcare-hero-content {
    padding-top: 4.25rem;
  }
  .maxcare-section, .maxcare-form-section {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  .maxcare-step {
    padding: 1.5rem;
  }
  .maxcare-form {
    padding: 2rem;
  }
}
@media (max-width: 63.75rem) {
  .maxcare-hero {
    min-height: 35rem;
  }
  .maxcare-hero-content {
    max-width: 37.5rem;
    gap: 1.125rem;
    padding-top: 3rem;
  }
  .maxcare-hero-content .h1 {
    font-size: 2.375rem;
    line-height: 1.42;
  }
  .maxcare-section, .maxcare-form-section {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .maxcare-section-title {
    margin-bottom: 2.125rem;
  }
  .maxcare-section-title .h2 {
    font-size: 1.8125rem;
    line-height: 2.3125rem;
  }
  .maxcare-steps-grid {
    gap: 1rem;
  }
  .maxcare-step {
    min-height: 13.125rem;
    gap: 1.125rem;
    padding: 1.25rem;
  }
  .maxcare-step-icon {
    width: 5.625rem;
    height: 5.625rem;
  }
  .maxcare-step-icon .svg {
    width: 3.125rem;
    height: 3.125rem;
  }
  .maxcare-step span {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .maxcare-category-grid {
    gap: 1.25rem;
  }
  .maxcare-category-image {
    width: 7.5rem;
    height: 7.5rem;
  }
  .maxcare-form-layout {
    gap: 2rem;
  }
  .maxcare-form {
    padding: 1.75rem;
    border-radius: 1.625rem;
  }
}
@media (max-width: 48rem) {
  .maxcare-page {
    --maxcare-radius: 1.25rem;
    --maxcare-radius-large: 1.5rem;
    --maxcare-shadow: 0 0.75rem 2.125rem rgba(9, 9, 11, 0.07);
  }
  .maxcare-hero {
    min-height: 35rem;
  }
  .maxcare-hero::after {
    background: linear-gradient(180deg, rgba(9, 9, 11, 0.34) 0%, rgba(9, 9, 11, 0.52) 44%, rgba(9, 9, 11, 0.76) 100%);
  }
  .maxcare-hero-content {
    max-width: 32.5rem;
    gap: 1rem;
    padding: 4.375rem 0 2.25rem;
  }
  .maxcare-hero-content .h1 {
    font-size: 2rem;
    line-height: 2.5625rem;
    letter-spacing: -0.03em;
  }
  .maxcare-hero-content .h1 span {
    padding: 0 0.5625rem;
    border-radius: 0.5rem;
  }
  .maxcare-hero-content p {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .maxcare-hero-content .btn {
    min-width: 14.375rem;
    margin-top: 0.25rem;
  }
  .maxcare-section, .maxcare-form-section {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .maxcare-categories-secondary {
    padding-top: 0.75rem;
  }
  .maxcare-section-title {
    margin-bottom: 1.75rem;
  }
  .maxcare-section-title .h2 {
    max-width: 33.75rem;
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .maxcare-steps-grid {
    gap: 0.75rem;
  }
  .maxcare-step {
    min-height: 11.875rem;
    gap: 0.9375rem;
    padding: 1.125rem;
  }
  .maxcare-step-icon {
    width: 4.875rem;
    height: 4.875rem;
  }
  .maxcare-step-icon .svg {
    width: 2.75rem;
    height: 2.75rem;
  }
  .maxcare-step span {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .maxcare-form-info p {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .maxcare-form {
    padding: 1.5rem;
  }
  .maxcare-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem 1rem;
    max-width: 38.75rem;
  }
  .maxcare-category-image {
    width: 7rem;
    height: 7rem;
    border-radius: 1rem;
  }
  .maxcare-category-card {
    gap: 0.75rem;
  }
  .maxcare-category-card span {
    font-size: 0.9375rem;
    line-height: 1.3125rem;
  }
  .maxcare-note {
    margin-top: 1.75rem;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .maxcare-note strong, .maxcare-note p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .maxcare-faq-title {
    gap: 1.125rem;
    padding: 1.25rem;
  }
  .maxcare-faq-title span {
    font-size: 0.9375rem;
    line-height: 1.4375rem;
  }
  .maxcare-faq-content p {
    padding-right: 3.375rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .maxcare-faq-item.active .maxcare-faq-content p {
    padding-bottom: 1.25rem;
  }
  .maxcare-terms {
    margin-top: 1.625rem;
  }
}
@media (max-width: 37.5rem) {
  .maxcare-hero {
    min-height: 33.75rem;
  }
  .maxcare-hero-content {
    max-width: 26.875rem;
  }
  .maxcare-hero-content .h1 {
    font-size: 1.8125rem;
    line-height: 2.3125rem;
  }
  .maxcare-section, .maxcare-form-section {
    padding-top: 2.625rem;
    padding-bottom: 2.625rem;
  }
  .maxcare-section-title {
    margin-bottom: 1.5rem;
  }
  .maxcare-section-title .h2 {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .maxcare-steps-grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .maxcare-step {
    min-height: 0;
    flex-direction: row;
    justify-content: flex-start;
    gap: 1rem;
    padding: 1rem;
    text-align: left;
  }
  .maxcare-step-icon {
    width: 4.25rem;
    height: 4.25rem;
  }
  .maxcare-step-icon .svg {
    width: 2.375rem;
    height: 2.375rem;
  }
  .maxcare-step span {
    max-width: none;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .maxcare-form-layout {
    gap: 1.5rem;
  }
  .maxcare-form {
    padding: 1.25rem;
    border-radius: 1.25rem;
  }
  .maxcare-form .form-block-row {
    gap: 0.75rem;
  }
  .maxcare-category-image {
    width: 6.5rem;
    height: 6.5rem;
  }
  .maxcare-note {
    margin-top: 1.5rem;
  }
  .maxcare-faq-title {
    padding: 1.125rem;
  }
  .maxcare-faq-content p {
    padding-right: 2.75rem;
    padding-left: 1.125rem;
  }
  .maxcare-faq-item.active .maxcare-faq-content p {
    padding-bottom: 1.125rem;
  }
}
@media (max-width: 26.875rem) {
  .maxcare-page {
    --maxcare-radius: 1rem;
    --maxcare-radius-large: 1.125rem;
  }
  .maxcare-hero {
    min-height: 32.5rem;
  }
  .maxcare-hero-content {
    gap: 0.875rem;
    padding: 3.75rem 0 1.875rem;
  }
  .maxcare-hero-content .h1 {
    font-size: 1.625rem;
    line-height: 2.125rem;
  }
  .maxcare-hero-content p {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .maxcare-hero-content .btn {
    width: 100%;
    min-width: 0;
    max-width: 20rem;
  }
  .maxcare-section, .maxcare-form-section {
    padding-top: 2.25rem;
    padding-bottom: 2.25rem;
  }
  .maxcare-categories-secondary {
    padding-top: 0.5rem;
  }
  .maxcare-section-title {
    margin-bottom: 1.375rem;
  }
  .maxcare-section-title .h2 {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .maxcare-form-info {
    gap: 0.25rem;
  }
  .maxcare-form-info p {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .maxcare-form {
    padding: 1rem;
  }
  .maxcare-category-grid {
    gap: 1.25rem 0.75rem;
  }
  .maxcare-category-image {
    width: 5.875rem;
    height: 5.875rem;
    border-radius: 0.875rem;
  }
  .maxcare-category-card {
    gap: 0.625rem;
  }
  .maxcare-category-card span {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .maxcare-note {
    padding: 1rem;
    border-radius: 0.875rem;
    text-align: left;
  }
  .maxcare-note strong {
    margin-bottom: 0.3125rem;
  }
  .maxcare-faq-list {
    border-radius: 1rem;
  }
  .maxcare-faq-title {
    gap: 0.875rem;
    padding: 1rem;
  }
  .maxcare-faq-title span {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .maxcare-faq-content p {
    padding-right: 2.125rem;
    padding-left: 1rem;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .maxcare-faq-item.active .maxcare-faq-content p {
    padding-bottom: 1rem;
  }
  .maxcare-terms {
    margin-top: 1.375rem;
  }
  .maxcare-terms .btn {
    width: 100%;
    max-width: 20rem;
    text-align: center;
  }
}
@media (max-width: 22.5rem) {
  .maxcare-hero {
    min-height: 31.25rem;
  }
  .maxcare-hero-content .h1 {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .maxcare-hero-content .h1 span {
    padding: 0 0.4375rem;
  }
  .maxcare-hero-content p {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .maxcare-category-image {
    width: 5.375rem;
    height: 5.375rem;
  }
  .maxcare-category-card span {
    font-size: 0.8125rem;
    line-height: 1.1875rem;
  }
  .maxcare-step {
    gap: 0.875rem;
    padding: 0.875rem;
  }
  .maxcare-step-icon {
    width: 3.875rem;
    height: 3.875rem;
  }
  .maxcare-step-icon .svg {
    width: 2.125rem;
    height: 2.125rem;
  }
  .maxcare-faq-title {
    padding: 0.875rem;
  }
  .maxcare-faq-content p {
    padding-right: 1.875rem;
    padding-left: 0.875rem;
  }
  .maxcare-faq-item.active .maxcare-faq-content p {
    padding-bottom: 0.875rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .maxcare-faq-title, .maxcare-faq-content, .maxcare-faq-plus, .maxcare-faq-minus {
    transition: none;
  }
}
.care-product-images [hidden] {
  display: none !important;
}
.care-product-images-section {
  padding: 1.5rem 0 4rem;
}
.care-product-images-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(17.5rem, 30rem);
  align-items: end;
  gap: 1.75rem;
  margin-bottom: 1.75rem;
}
.care-product-images-header-content {
  min-width: 0;
}
.care-product-images-header .h1 {
  margin: 0;
}
.care-product-images-header-description {
  max-width: 45rem;
  margin-top: 0.625rem;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.care-product-images-search {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  height: 3rem;
  padding: 0 0.875rem;
  border: 1px solid #D4D4D9;
  border-radius: 0.625rem;
  background-color: #FFFFFF;
  transition: border-color 300ms, box-shadow 300ms;
}
.care-product-images-search > .svg {
  flex: 0 0 auto;
  width: 1.125rem;
  height: 1.125rem;
  margin-right: 0.625rem;
  color: #7C7C86;
  transition: color 300ms;
}
.care-product-images-search input {
  width: 100%;
  min-width: 0;
  height: 100%;
  border: 0;
  background: transparent;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.care-product-images-search input::placeholder {
  color: #7C7C86;
  opacity: 1;
}
.care-product-images-search input::-webkit-search-cancel-button {
  display: none;
}
.care-product-images-search:hover {
  border-color: rgba(27, 27, 32, 0.3);
}
.care-product-images-search:focus-within {
  border-color: #CA163C;
  box-shadow: 0 0 0 0.1875rem rgba(202, 22, 60, 0.08);
}
.care-product-images-search:focus-within > .svg {
  color: #CA163C;
}
.care-product-images-search-clear {
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.75rem;
  height: 1.75rem;
  margin-left: 0.375rem;
  border-radius: 50%;
  transition: color 300ms, background-color 300ms;
}
.care-product-images-search-clear:not([hidden]) {
  display: flex;
}
.care-product-images-search-clear .svg {
  width: 0.75rem;
  height: 0.75rem;
}
.care-product-images-search-clear:hover {
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.08);
}
.care-product-images-groups {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.care-product-images-group {
  overflow: hidden;
  border: 1px solid #E1E1E5;
  border-radius: 0.75rem;
  background-color: #FFFFFF;
  transition: border-color 300ms, box-shadow 300ms;
}
.care-product-images-group:hover {
  border-color: #D4D4D9;
}
.care-product-images-group.is-open {
  border-color: rgba(202, 22, 60, 0.2);
  box-shadow: 0 0.3125rem 1.25rem rgba(27, 27, 32, 0.045);
}
.care-product-images-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.125rem;
  width: 100%;
  min-height: 3.625rem;
  padding: 0.875rem 1.125rem;
  color: #1B1B20;
  text-align: left;
  background-color: #FFFFFF;
  transition: color 300ms, background-color 300ms;
}
.care-product-images-toggle:hover {
  color: #CA163C;
  background-color: #FAFAFB;
}
.care-product-images-toggle:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.45);
  outline-offset: -0.125rem;
}
.care-product-images-toggle-content {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.625rem;
}
.care-product-images-toggle-title {
  min-width: 0;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 500;
}
.care-product-images-toggle-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.625rem;
  height: 1.375rem;
  padding: 0 0.4375rem;
  border-radius: 1.25rem;
  color: #5B5B6B;
  background-color: #F4F4F6;
  font-size: 0.6875rem;
  line-height: 1;
  font-weight: 500;
}
.care-product-images-toggle-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background-color: #F4F4F6;
  transition: color 300ms, background-color 300ms;
}
.care-product-images-toggle-icon .svg {
  width: 0.875rem;
  height: 0.875rem;
  transform: rotate(0deg);
  transition: transform 300ms;
}
.care-product-images-toggle[aria-expanded="true"] .care-product-images-toggle-icon {
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.07);
}
.care-product-images-toggle[aria-expanded="true"] .care-product-images-toggle-icon .svg {
  transform: rotate(180deg);
}
.care-product-images-body {
  padding: 0 1.125rem 1.125rem;
  border-top: 1px solid #ECECEF;
}
.care-product-images-files {
  display: flex;
  flex-direction: column;
}
.care-product-images-file {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.125rem;
  min-height: 3.625rem;
  padding: 0.625rem 0;
  color: #1B1B20;
  text-decoration: none;
  border-bottom: 1px solid #ECECEF;
  transition: color 300ms, padding 300ms;
}
.care-product-images-file:last-child {
  border-bottom: 0;
}
.care-product-images-file:hover {
  color: #CA163C;
  padding-left: 0.3125rem;
}
.care-product-images-file:hover .care-product-images-file-icon {
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.07);
}
.care-product-images-file:hover .care-product-images-file-download {
  color: #CA163C;
}
.care-product-images-file:focus-visible {
  outline: 0.125rem solid rgba(202, 22, 60, 0.45);
  outline-offset: 0.1875rem;
  border-radius: 0.375rem;
}
.care-product-images-file-main {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: 0.6875rem;
}
.care-product-images-file-icon {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 0.5rem;
  color: #5B5B6B;
  background-color: #F4F4F6;
  transition: color 300ms, background-color 300ms;
}
.care-product-images-file-icon .svg {
  width: 1.0625rem;
  height: 1.0625rem;
}
.care-product-images-file-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: 0.125rem;
}
.care-product-images-file-name {
  overflow: hidden;
  color: inherit;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-overflow: ellipsis;
}
.care-product-images-file-description {
  overflow: hidden;
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.care-product-images-file-download {
  flex: 0 0 auto;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 500;
  transition: color 300ms;
}
.care-product-images-more {
  min-width: 10rem;
}
.care-product-images-more-wrapper {
  display: flex;
  justify-content: center;
  padding-top: 1.125rem;
}
.care-product-images-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 15rem;
  margin-top: 1.25rem;
  padding: 2.25rem 1.25rem;
  border: 1px dashed #D4D4D9;
  border-radius: 0.75rem;
  text-align: center;
  background-color: #FAFAFB;
}
.care-product-images-empty-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.25rem;
  height: 3.25rem;
  margin-bottom: 0.875rem;
  border-radius: 50%;
  color: #7C7C86;
  background-color: #FFFFFF;
  box-shadow: 0 0.1875rem 0.75rem rgba(27, 27, 32, 0.05);
}
.care-product-images-empty-icon .svg {
  width: 1.375rem;
  height: 1.375rem;
}
.care-product-images-empty-title {
  margin-bottom: 0.375rem;
  color: #1B1B20;
  font-size: 1.0625rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.care-product-images-empty p {
  max-width: 30rem;
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}
.care-product-layout {
  display: grid;
  grid-template-columns: 15.625rem minmax(0, 1fr);
  align-items: start;
  gap: 2.25rem;
}
.care-product-content {
  min-width: 0;
}
.care-product-menu {
  padding: 1.125rem;
  border: 1px solid #E6E6EA;
  border-radius: 0.75rem;
  background-color: #FFFFFF;
}
.care-product-menu-header {
  padding-bottom: 0.8125rem;
  margin-bottom: 0.4375rem;
  border-bottom: 1px solid #ECECEF;
}
.care-product-menu-title {
  color: #1B1B20;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 600;
}
.care-product-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.care-product-menu-item {
  min-width: 0;
}
.care-product-menu-item-sub .care-product-menu-link {
  padding-left: 1.375rem;
  font-size: 0.8125rem;
}
.care-product-menu-item.active .care-product-menu-link {
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.07);
  font-weight: 500;
}
.care-product-menu-item.active .care-product-menu-link::before {
  opacity: 1;
}
.care-product-menu-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 2.375rem;
  padding: 0.5rem 0.625rem;
  border-radius: 0.4375rem;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  text-decoration: none;
  transition: color 300ms, background-color 300ms;
}
.care-product-menu-link::before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.1875rem;
  height: 1.125rem;
  border-radius: 0 0.1875rem 0.1875rem 0;
  background-color: #CA163C;
  content: "";
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 300ms;
}
.care-product-menu-link:not(.is-disabled):hover {
  color: #CA163C;
  background-color: rgba(202, 22, 60, 0.05);
}
.care-product-menu-link.is-disabled {
  cursor: default;
}
@media (max-width: 1199px) {
  .care-product-layout {
    grid-template-columns: 13.75rem minmax(0, 1fr);
    gap: 1.5rem;
  }
  .care-product-menu {
    padding: 0.875rem;
  }
  .care-product-menu-link {
    padding-right: 0.4375rem;
    padding-left: 0.4375rem;
  }
  .care-product-menu-item-sub .care-product-menu-link {
    padding-left: 1.125rem;
  }
}
@media (max-width: 991px) {
  .care-product-images-section {
    padding: 1.25rem 0 3.25rem;
  }
  .care-product-images-header {
    grid-template-columns: minmax(0, 1fr);
    align-items: stretch;
    gap: 1.125rem;
    margin-bottom: 1.5rem;
  }
  .care-product-layout {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }
  .care-product-menu {
    position: static;
    width: 100%;
    padding: 0.75rem;
  }
  .care-product-menu-header {
    padding: 0 0.25rem 0.625rem;
  }
  .care-product-menu-list {
    flex-direction: row;
    overflow-x: auto;
    gap: 0.375rem;
    padding-bottom: 0.1875rem;
    scrollbar-width: thin;
  }
  .care-product-menu-item {
    flex: 0 0 auto;
  }
  .care-product-menu-item-sub .care-product-menu-link {
    padding-left: 0.75rem;
  }
  .care-product-menu-link {
    min-height: 2.25rem;
    padding: 0.4375rem 0.75rem;
    border: 1px solid #E6E6EA;
    border-radius: 1.25rem;
    white-space: nowrap;
  }
  .care-product-menu-link::before {
    display: none;
  }
  .care-product-menu-link.is-disabled {
    color: #5B5B6B;
    background-color: #FAFAFB;
  }
  .care-product-menu-item.active .care-product-menu-link {
    border-color: rgba(202, 22, 60, 0.25);
  }
  .care-product-content {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .care-product-images-section {
    padding: 1rem 0 2.625rem;
  }
  .care-product-images-header {
    gap: 1rem;
    margin-bottom: 1.25rem;
  }
  .care-product-images-header-description {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .care-product-images-search {
    height: 2.875rem;
    padding: 0 0.75rem;
    border-radius: 0.5625rem;
  }
  .care-product-images-groups {
    gap: 0.625rem;
  }
  .care-product-images-group {
    border-radius: 0.625rem;
  }
  .care-product-images-toggle {
    min-height: 3.375rem;
    padding: 0.75rem 0.875rem;
  }
  .care-product-images-toggle-title {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .care-product-images-toggle-count {
    min-width: 1.5rem;
    height: 1.3125rem;
    padding: 0 0.375rem;
  }
  .care-product-images-toggle-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
  .care-product-images-body {
    padding: 0 0.875rem 0.875rem;
  }
  .care-product-images-file {
    min-height: 3.375rem;
    gap: 0.625rem;
    padding: 0.5625rem 0;
  }
  .care-product-images-file:hover {
    padding-left: 0;
  }
  .care-product-images-file-main {
    gap: 0.5625rem;
  }
  .care-product-images-file-icon {
    width: 2rem;
    height: 2rem;
  }
  .care-product-images-file-name {
    display: -webkit-box;
    overflow: hidden;
    font-size: 0.8125rem;
    line-height: 1.1875rem;
    white-space: normal;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .care-product-images-file-download {
    font-size: 0;
  }
  .care-product-images-file-download::after {
    color: inherit;
    font-size: 1.125rem;
    content: "↓";
  }
  .care-product-images-more {
    width: 100%;
  }
  .care-product-images-more-wrapper {
    padding-top: 0.875rem;
  }
  .care-product-images-empty {
    min-height: 13.125rem;
    padding: 1.875rem 1.125rem;
  }
  .care-product-layout {
    gap: 1.25rem;
  }
  .care-product-menu {
    padding: 0.625rem;
  }
  .care-product-menu-title {
    font-size: 0.9375rem;
  }
  .care-product-menu-link {
    min-height: 2.125rem;
    padding: 0.375rem 0.625rem;
    font-size: 0.8125rem;
  }
}
@media (max-width: 575px) {
  .care-product-images-toggle {
    gap: 0.625rem;
  }
  .care-product-images-toggle-content {
    gap: 0.4375rem;
  }
  .care-product-images-file-description {
    display: none;
  }
}
.tenders-page {
  background: #FFFFFF;
}
.tenders-section-kicker {
  display: block;
  margin-bottom: 0.25rem;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.tenders-hero {
  padding: 3rem 0 4.125rem;
}
.tenders-hero-content {
  max-width: 57.5rem;
  margin: 0 auto;
  padding: 1.125rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.tenders-hero-content .h1 {
  max-width: none;
  margin: 0;
  color: #1B1B20;
  font-size: 3.5rem;
  line-height: 3.875rem;
}
.tenders-hero-lead {
  max-width: 45rem;
  margin-top: 1.125rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
  font-weight: 500;
}
.tenders-hero-button {
  min-width: 14.375rem;
  margin-top: 2.25rem;
}
.tenders-directions {
  padding: 4.5rem 0;
  background: #F4F4F6;
  scroll-margin-top: 7.5rem;
}
.tenders-directions .container-field {
  max-width: 92.5rem;
}
.tenders-directions-header {
  max-width: 56.25rem;
}
.tenders-directions-header .h2 {
  margin-bottom: 1.125rem;
}
.tenders-directions-header p {
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.tenders-directions-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 2.5rem;
}
.tenders-directions-nav-item {
  position: relative;
  min-width: 0;
  min-height: 9.375rem;
  display: flex;
  justify-content: space-between;
  gap: 1.375rem;
  align-items: center;
  padding: 1.875rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
  color: #1B1B20;
  transition: transform 300ms, box-shadow 300ms, background 300ms, color 300ms;
}
.tenders-directions-nav-item:hover {
  transform: translateY(-0.1875rem);
  color: #CA163C;
}
.tenders-directions-nav-item:hover .tenders-directions-nav-arrow {
  transform: translateX(0.25rem);
}
.tenders-directions-nav-item--accent {
  background: #CA163C;
  color: #FFFFFF;
}
.tenders-directions-nav-item--accent .tenders-directions-nav-number, .tenders-directions-nav-item--accent .tenders-directions-nav-copy span {
  color: rgba(255, 255, 255, 0.72);
}
.tenders-directions-nav-item--accent .tenders-directions-nav-arrow {
  border-color: rgba(255, 255, 255, 0.22);
  color: #FFFFFF;
}
.tenders-directions-nav-item--accent:hover {
  background: #E02E54;
  color: #FFFFFF;
}
.tenders-directions-nav-number {
  align-self: start;
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.tenders-directions-nav-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.tenders-directions-nav-copy strong {
  font-size: 1.5rem;
  line-height: 1.9375rem;
  font-weight: 700;
}
.tenders-directions-nav-copy span {
  max-width: 28.75rem;
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.tenders-directions-nav-arrow {
  width: 2.625rem;
  height: 2.625rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #D4D4D9;
  border-radius: 50%;
  color: #1B1B20;
  font-size: 1.25rem;
  transition: transform 300ms;
}
.tender-section {
  padding: 5rem 0;
  scroll-margin-top: 7.5rem;
}
.tender-section .container-field {
  max-width: 92.5rem;
}
.tender-section--domestic {
  background: #FFFFFF;
}
.tender-section--international {
  background: #F4F4F6;
}
.tender-section-heading {
  display: flex;
  align-items: flex-start;
  gap: 1.375rem;
  margin-bottom: 2.375rem;
}
.tender-section-heading .h2 {
  margin: 0;
}
.tender-section-number {
  min-width: 3rem;
  height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.875rem;
  padding: 0 0.625rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.tender-stats {
  display: grid;
  gap: 0.875rem;
  margin-bottom: 1.75rem;
}
.tender-stats--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tender-stat {
  min-height: 7.875rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.125rem;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #F4F4F6;
}
.tender-stat strong {
  color: #CA163C;
  font-size: 1.875rem;
  line-height: 2.25rem;
  font-weight: 700;
}
.tender-stat span {
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
.tender-section--international .tender-stat {
  background: #FFFFFF;
}
.tender-columns, .tender-international-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.tender-card, .tender-questionnaire-heading, .tender-questionnaire-list, .tenders-form-content, .tenders-form-card {
  min-width: 0;
}
.tender-card {
  padding: 2rem;
  border-radius: 1.5rem;
  background: #F4F4F6;
}
.tender-card--accent-soft {
  background: rgba(202, 22, 60, 0.07);
}
.tender-card--routes {
  background: #1B1B20;
}
.tender-card--routes .tender-card-label {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.tender-card--routes h3 {
  color: #FFFFFF !important;
}
.tender-card-label {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  margin-bottom: 1.25rem;
  padding: 0.3125rem 0.6875rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.tender-card-label--light {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.tender-card h3 {
  margin-bottom: 1.5rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.tender-section--international .tender-card:not(.tender-card--routes) {
  background: #FFFFFF;
}
.tender-list, .tender-check-list {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
}
.tender-list li, .tender-check-list li {
  position: relative;
  padding-left: 1.5rem;
  color: #5B5B6B;
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
.tender-list li::before, .tender-check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background: #CA163C;
}
.tender-list li strong, .tender-check-list li strong {
  color: #1B1B20;
}
.tender-check-list li::before {
  width: 0.5625rem;
  height: 0.5625rem;
  top: 0.5rem;
  background: transparent;
  border: 0.125rem solid #CA163C;
}
.tender-international-grid {
  margin-bottom: 1rem;
}
.tender-route-list {
  display: flex;
  flex-direction: column;
}
.tender-route {
  display: grid;
  grid-template-columns: 2.625rem minmax(0, 1fr);
  gap: 1rem;
  align-items: center;
  padding: 1.125rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.tender-route span {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.tender-route strong {
  color: rgba(255, 255, 255, 0.84);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 600;
}
.tender-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.tender-tags span {
  display: inline-flex;
  align-items: center;
  min-height: 2.625rem;
  padding: 0.5625rem 0.9375rem;
  border: 1px solid #D4D4D9;
  border-radius: 62.4375rem;
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 600;
}
.tender-codes {
  margin-top: 1rem;
  padding: 2rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.tender-codes-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.8fr);
  gap: 3rem;
  align-items: end;
  margin-bottom: 1.75rem;
}
.tender-codes-heading h3 {
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.tender-codes-heading p {
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.tender-codes-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0.5rem;
}
.tender-codes-grid span {
  min-width: 0;
  padding: 0.75rem 0.625rem;
  border-radius: 0.625rem;
  background: #F4F4F6;
  color: #1B1B20;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-align: center;
  white-space: nowrap;
}
.tender-questionnaire {
  display: grid;
  grid-template-columns: minmax(20rem, 0.72fr) minmax(0, 1.28fr);
  gap: 3.5rem;
  margin-top: 1rem;
  padding: 2.5rem;
  border-radius: 1.75rem;
  background: #1B1B20;
}
.tender-questionnaire-heading h3 {
  max-width: 26.25rem;
  margin-bottom: 1.125rem;
  color: #FFFFFF;
  font-size: 1.75rem;
  line-height: 2.25rem;
  font-weight: 700;
}
.tender-questionnaire-heading p {
  max-width: 26.25rem;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.tender-questionnaire-list {
  display: flex;
  flex-direction: column;
}
.tender-questionnaire-list li {
  display: grid;
  grid-template-columns: 2.375rem minmax(0, 1fr);
  gap: 0.875rem;
  padding: 1rem 0;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.tender-questionnaire-list li span {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.tender-questionnaire-list li p {
  color: rgba(255, 255, 255, 0.8);
  font-size: 0.875rem;
  line-height: 1.4375rem;
}
.tender-questionnaire-footer {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.875rem;
  margin-top: 0.25rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.tender-questionnaire-footer strong {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5rem;
}
.tender-questionnaire-footer span {
  max-width: 38.75rem;
  color: rgba(255, 255, 255, 0.64);
  font-size: 0.8125rem;
  line-height: 1.375rem;
  text-align: right;
}
.tenders-form-section {
  padding: 5rem 0;
  background: #FFFFFF;
  scroll-margin-top: 7.5rem;
}
.tenders-form-section .container-field {
  max-width: 92.5rem;
}
.tenders-form-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.82fr) minmax(27.5rem, 1.18fr);
  gap: 4rem;
  align-items: start;
}
.tenders-form-content {
  padding-top: 1.25rem;
}
.tenders-form-content .h2 {
  margin-bottom: 1.125rem;
}
.tenders-form-content p {
  max-width: 35rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.tenders-form-card {
  min-height: 21.25rem;
  padding: 2.25rem;
  border-radius: 1.5rem;
  background: #F4F4F6;
}
.tenders-form-card .form-builder {
  max-width: none;
}
.tenders-form-card .form-block-row {
  gap: 1rem;
}
.tenders-form-card .input, .tenders-form-card .aria, .tenders-form-card .select {
  border-radius: 0.625rem;
  background: #FFFFFF;
}
.tenders-form-card .btn {
  min-height: 3.25rem;
}
@media (max-width: 80rem) {
  .tenders-directions-nav-item {
    padding: 1.625rem;
  }
  .tenders-directions-nav-copy strong {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .tender-codes-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .tender-questionnaire {
    gap: 2.5rem;
  }
  .tenders-form-layout {
    gap: 2.75rem;
  }
}
@media (max-width: 63.75rem) {
  .tenders-hero {
    padding: 2.5rem 0 3.375rem;
  }
  .tenders-hero-content {
    max-width: 47.5rem;
  }
  .tenders-hero-content .h1 {
    font-size: 2.875rem;
    line-height: 3.25rem;
  }
  .tenders-hero-lead {
    max-width: 40.625rem;
    font-size: 1.375rem;
    line-height: 1.9375rem;
  }
  .tenders-directions {
    padding: 3.75rem 0;
  }
  .tenders-directions-nav {
    gap: 0.75rem;
    margin-top: 2.125rem;
  }
  .tenders-directions-nav-item {
    min-height: 9.375rem;
    gap: 1rem;
    padding: 1.5rem;
    border-radius: 1.25rem;
  }
  .tenders-directions-nav-copy {
    gap: 0.5rem;
  }
  .tenders-directions-nav-copy strong {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .tenders-directions-nav-copy span {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .tenders-directions-nav-arrow {
    width: 2.375rem;
    height: 2.375rem;
    flex: 0 0 2.375rem;
  }
  .tender-section {
    padding: 4rem 0;
  }
  .tender-columns, .tender-international-grid {
    grid-template-columns: 1fr;
  }
  .tender-codes-heading {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .tender-codes-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .tender-questionnaire {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }
  .tender-questionnaire-heading h3, .tender-questionnaire-heading p {
    max-width: 47.5rem;
  }
  .tenders-form-section {
    padding: 4rem 0;
  }
  .tenders-form-layout {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }
  .tenders-form-content {
    padding-top: 0;
  }
  .tenders-form-content p {
    max-width: 47.5rem;
  }
}
@media (max-width: 48rem) {
  .tenders-directions-nav-item:hover {
    transform: none;
  }
  .tenders-hero {
    padding: 2.125rem 0 3rem;
  }
  .tenders-hero-content {
    padding: 0.625rem 0;
  }
  .tenders-hero-content .h1 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  .tenders-hero-lead {
    max-width: 100%;
    margin-top: 0.875rem;
    font-size: 1.1875rem;
    line-height: 1.6875rem;
  }
  .tenders-hero-button {
    width: 100%;
    max-width: 21.25rem;
    margin-top: 1.625rem;
  }
  .tenders-directions, .tender-section, .tenders-form-section {
    padding: 3.25rem 0;
  }
  .tenders-directions-header .h2 {
    margin-bottom: 0.875rem;
  }
  .tenders-directions-header p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .tenders-directions-nav {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    margin-top: 1.875rem;
  }
  .tenders-directions-nav-item {
    min-height: 7rem;
    gap: 0.875rem;
    padding: 1.25rem;
    border-radius: 1.125rem;
  }
  .tenders-directions-nav-copy {
    gap: 0.375rem;
  }
  .tenders-directions-nav-copy strong {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .tenders-directions-nav-copy span {
    max-width: none;
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .tenders-directions-nav-arrow {
    width: 2.125rem;
    height: 2.125rem;
    flex-basis: 2.125rem;
    font-size: 1.125rem;
  }
  .tender-section-heading {
    gap: 0.875rem;
    margin-bottom: 1.75rem;
  }
  .tender-stats {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    margin-bottom: 1.25rem;
  }
  .tender-stat {
    min-height: auto;
    display: grid;
    grid-template-columns: minmax(6.875rem, 0.45fr) minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1.125rem;
    border-radius: 1rem;
  }
  .tender-stat strong {
    font-size: 1.5rem;
    line-height: 1.875rem;
  }
  .tender-card {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .tender-card h3 {
    margin-bottom: 1.25rem;
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .tender-list, .tender-check-list {
    gap: 0.75rem;
  }
  .tender-list li, .tender-check-list li {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .tender-route {
    grid-template-columns: 2.125rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 0.9375rem 0;
  }
  .tender-tags {
    gap: 0.5rem;
  }
  .tender-tags span {
    min-height: 2.375rem;
    padding: 0.4375rem 0.75rem;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .tender-codes {
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .tender-codes-heading {
    margin-bottom: 1.375rem;
  }
  .tender-codes-heading h3 {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .tender-codes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tender-questionnaire {
    gap: 1.375rem;
    padding: 1.5rem;
    border-radius: 1.25rem;
  }
  .tender-questionnaire-heading h3 {
    margin-bottom: 0.875rem;
    font-size: 1.4375rem;
    line-height: 1.875rem;
  }
  .tender-questionnaire-list li {
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: 0.625rem;
    padding: 0.875rem 0;
  }
  .tender-questionnaire-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    padding-top: 1.25rem;
  }
  .tender-questionnaire-footer span {
    max-width: none;
    text-align: left;
  }
  .tenders-form-layout {
    gap: 1.75rem;
  }
  .tenders-form-content .h2 {
    margin-bottom: 0.875rem;
  }
  .tenders-form-content p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .tenders-form-card {
    min-height: 16.25rem;
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
}
@media (max-width: 31.25rem) {
  .tenders-hero {
    padding: 1.625rem 0 2.5rem;
  }
  .tenders-hero-content .h1 {
    font-size: 2rem;
    line-height: 2.3125rem;
  }
  .tenders-hero-lead {
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .tenders-hero-button {
    max-width: 100%;
    margin-top: 1.5rem;
  }
  .tenders-directions, .tender-section, .tenders-form-section {
    padding: 2.75rem 0;
  }
  .tenders-directions-nav {
    margin-top: 1.625rem;
  }
  .tenders-directions-nav-item {
    min-height: auto;
    padding: 1.125rem;
  }
  .tenders-directions-nav-copy strong {
    font-size: 1.0625rem;
    line-height: 1.4375rem;
  }
  .tenders-directions-nav-copy span {
    margin-top: 0.125rem;
  }
  .tenders-directions-nav-arrow {
    display: none;
  }
  .tender-section-heading {
    margin-bottom: 1.5rem;
  }
  .tender-section-heading .h2 {
    font-size: 1.625rem;
    line-height: 2rem;
  }
  .tender-stat {
    grid-template-columns: minmax(5.75rem, 0.42fr) minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1rem;
  }
  .tender-stat strong {
    font-size: 1.3125rem;
    line-height: 1.6875rem;
  }
  .tender-card, .tender-codes, .tender-questionnaire {
    padding: 1.125rem;
  }
  .tender-card h3 {
    font-size: 1.25rem;
    line-height: 1.6875rem;
  }
  .tender-route {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    gap: 0.625rem;
  }
  .tender-route strong {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .tender-tags span {
    flex: 1 1 calc(50% - 0.5rem);
    width: auto;
    justify-content: center;
  }
  .tender-codes-heading {
    margin-bottom: 1.125rem;
  }
  .tender-codes-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .tender-codes-grid span {
    padding: 0.625rem 0.375rem;
    font-size: 0.75rem;
  }
  .tender-questionnaire-heading h3 {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .tender-questionnaire-list li {
    grid-template-columns: 1.75rem minmax(0, 1fr);
  }
  .tenders-form-layout {
    gap: 1.5rem;
  }
  .tenders-form-card {
    min-height: 0;
    padding: 1.125rem;
  }
}
@media (max-width: 22.5rem) {
  .tender-tags span {
    flex-basis: 100%;
  }
  .tender-codes-grid {
    gap: 0.375rem;
  }
  .tender-codes-grid span {
    padding: 0.5rem 0.25rem;
    font-size: 0.6875rem;
    line-height: 1.125rem;
  }
  .tender-questionnaire {
    padding: 1rem;
  }
  .tender-questionnaire-list li {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: 0.5rem;
  }
  .tender-questionnaire-list li p {
    font-size: 0.8125rem;
    line-height: 1.3125rem;
  }
  .tenders-form-card {
    padding: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .tenders-directions-nav-item, .tenders-directions-nav-arrow {
    transition: none;
  }
}
.search-page-header {
  padding: 2.25rem 0 2.75rem;
}
.search-page-header .h1 {
  text-align: center;
}
.search-page-form {
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  width: 100%;
  max-width: 61.25rem;
}
.search-page-form-input {
  max-width: none;
}
.search-page-form-input input {
  min-height: 2.75rem;
  cursor: text;
}
.search-page-form-button {
  flex: 0 0 auto;
  min-width: 7.5rem;
  min-height: 2.75rem;
}
.search-page-summary {
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-top: 0.3125rem;
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.search-page-summary strong {
  color: #1B1B20;
}
.search-page-toolbar {
  margin-bottom: 1.75rem;
}
.search-page-toolbar-count {
  color: #7C7C86;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.search-page-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.625rem;
  padding: 2.5rem 1.25rem;
  text-align: center;
  background-color: #F4F4F6;
  border-radius: 1.25rem;
  color: #7C7C86;
}
.search-page-empty strong {
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.75rem;
}
.search-page-empty span {
  max-width: 35rem;
  font-size: 0.9375rem;
  line-height: 1.375rem;
}
.search-page .listing-item-column-row {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding-top: 2.75rem;
}
@media (max-width: 100rem) {
  .search-page .listing-item-column-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 87.5rem) {
  .search-page .listing-item-column-row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 37.5rem) {
  .search-page .listing-item-column-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 48rem) {
  .search-page-header {
    padding: 1.5rem 0 2rem;
  }
  .search-page-form {
    gap: 0.5rem;
  }
  .search-page-form-button {
    min-width: 5.75rem;
  }
  .search-page-summary, .search-page-toolbar-count {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
  .search-page-empty {
    margin: 0 -1rem;
    border-radius: 0;
  }
  .search-page-empty strong {
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 31.25rem) {
  .search-page-form {
    flex-direction: column;
  }
  .search-page-form-button {
    width: 100%;
  }
  .search-page-toolbar {
    align-items: center;
  }
  .search-page-toolbar-count {
    display: none;
  }
  .search-page .listing-item-filter-select {
    width: 100%;
  }
  .search-page .listing-item-filter-select .form-label, .search-page .listing-item-filter-select .form-input-wrapper, .search-page .listing-item-filter-select .select-wrapper {
    width: 100%;
  }
}
.beru-page {
  background: #FFFFFF;
}
.beru-banner {
  padding: 0rem 0 5rem;
}
.beru-banner-wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 1.125rem;
  background: #F4F4F6;
}
.beru-banner-wrapper picture {
  display: block;
  width: 100%;
}
.beru-banner-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 63.75rem) {
  .beru-banner {
    padding: 1.5rem 0 4rem;
  }
  .beru-banner-wrapper {
    border-radius: 1rem;
  }
}
@media (max-width: 48rem) {
  .beru-banner {
    padding: 1rem 0 3.25rem;
  }
  .beru-banner-wrapper {
    border-radius: 0.875rem;
  }
}
@media (max-width: 31.25rem) {
  .beru-banner {
    padding: 0.625rem 0 2.75rem;
  }
  .beru-banner-wrapper {
    border-radius: 0.75rem;
  }
}
.sale-showroom-page {
  background: #FFFFFF;
}
.sale-showroom-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  padding: 0.375rem 0.75rem;
  margin-bottom: 1.125rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.1);
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.sale-showroom-kicker--light {
  background: rgba(255, 255, 255, 0.1);
  color: #FFFFFF;
}
.sale-showroom-hero {
  padding: 0.5rem 0 0.5rem;
}
.sale-showroom-banner {
  width: 100%;
  overflow: hidden;
  border-radius: 1.375rem;
  background: #F4F4F6;
}
.sale-showroom-banner picture, .sale-showroom-banner img {
  display: block;
  width: 100%;
}
.sale-showroom-banner img {
  height: auto;
}
.sale-showroom-intro {
  padding: 3.5rem 0 5rem;
}
.sale-showroom-intro .container-field {
  max-width: 92.5rem;
}
.sale-showroom-intro-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 5rem;
  align-items: center;
}
.sale-showroom-intro-heading .h1 {
  max-width: 40.625rem;
  margin: 0;
  color: #1B1B20;
  font-size: 3.25rem;
  line-height: 3.625rem;
  letter-spacing: -0.04em;
}
.sale-showroom-intro-heading .h1 span {
  display: block;
  color: #CA163C;
}
.sale-showroom-intro-content {
  max-width: 40.625rem;
}
.sale-showroom-intro-content p {
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.sale-showroom-intro-content p + p {
  margin-top: 1.125rem;
}
.sale-showroom-intro-content p strong {
  color: #1B1B20;
}
.sale-showroom-intro-lead {
  color: #1B1B20 !important;
  font-size: 1.375rem !important;
  line-height: 2rem !important;
  font-weight: 500;
}
.sale-showroom-intro-lead strong {
  color: #CA163C !important;
}
.sale-showroom-steps {
  padding: 5rem 0;
  background: #F4F4F6;
}
.sale-showroom-steps .container-field {
  max-width: 92.5rem;
}
.sale-showroom-section-heading {
  max-width: 51.25rem;
  margin-bottom: 2.5rem;
}
.sale-showroom-section-heading .h2 {
  margin-bottom: 1rem;
}
.sale-showroom-section-heading p {
  max-width: 43.75rem;
  color: #5B5B6B;
  font-size: 1rem;
  line-height: 1.75rem;
}
.sale-showroom-steps-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.875rem;
}
.sale-showroom-step {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.5rem;
  padding: 1.625rem;
  border-radius: 1.375rem;
  background: #FFFFFF;
}
.sale-showroom-step--accent {
  background: #CA163C;
}
.sale-showroom-step--accent .sale-showroom-step-number {
  color: rgba(255, 255, 255, 0.72);
}
.sale-showroom-step--accent .sale-showroom-step-content h3, .sale-showroom-step--accent .sale-showroom-step-content p, .sale-showroom-step--accent .sale-showroom-step-content p strong {
  color: #FFFFFF;
}
.sale-showroom-step--accent .sale-showroom-step-content p {
  color: rgba(255, 255, 255, 0.78);
}
.sale-showroom-step-number {
  color: #CA163C;
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 700;
}
.sale-showroom-step-content h3 {
  margin-bottom: 0.75rem;
  color: #1B1B20;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 700;
}
.sale-showroom-step-content p {
  color: #5B5B6B;
  font-size: 0.875rem;
  line-height: 1.5rem;
}
.sale-showroom-step-content p strong {
  color: #1B1B20;
  font-weight: 700;
}
.sale-showroom-welcome {
  padding: 5rem 0;
}
.sale-showroom-welcome .container-field {
  max-width: 92.5rem;
}
.sale-showroom-welcome-card {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(23.75rem, 0.95fr);
  gap: 1.5rem;
  padding: 1.5rem;
  border-radius: 2rem;
  background: #1B1B20;
}
.sale-showroom-welcome-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.75rem;
}
.sale-showroom-welcome-content .h2 {
  max-width: 40.625rem;
  margin-bottom: 1.375rem;
  color: #FFFFFF;
  font-size: 2.625rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
}
.sale-showroom-welcome-content .h2 span {
  display: block;
  margin-top: 0.5rem;
  color: rgba(255, 255, 255, 0.78);
  font-size: 1.625rem;
  line-height: 2.125rem;
  font-weight: 600;
}
.sale-showroom-welcome-content p {
  max-width: 35rem;
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.9375rem;
  line-height: 1.625rem;
}
.sale-showroom-welcome-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2.25rem;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.sale-showroom-welcome-address {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #D4D4D9;
}
.sale-showroom-welcome-address span {
  display: block;
  margin-bottom: 0.5rem;
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.sale-showroom-welcome-address strong {
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.6875rem;
  font-weight: 700;
}
.sale-showroom-welcome-contacts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  padding: 1.5rem 0;
}
.sale-showroom-welcome-contacts > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}
.sale-showroom-welcome-contacts span {
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.sale-showroom-welcome-contacts strong, .sale-showroom-welcome-contacts a {
  color: #1B1B20;
  font-size: 0.875rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.sale-showroom-welcome-contacts a {
  transition: color 300ms;
}
.sale-showroom-welcome-contacts a:hover {
  color: #CA163C;
}
.sale-showroom-welcome-button {
  width: fit-content;
  margin-top: 0.25rem;
}
@media (max-width: 80rem) {
  .sale-showroom-intro-layout {
    gap: 3.5rem;
  }
  .sale-showroom-intro-heading .h1 {
    font-size: 2.875rem;
    line-height: 3.25rem;
  }
  .sale-showroom-steps-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sale-showroom-step {
    min-height: 14.375rem;
  }
  .sale-showroom-welcome-card {
    grid-template-columns: minmax(0, 1fr) minmax(22.5rem, 0.9fr);
  }
  .sale-showroom-welcome-content {
    padding: 2.25rem;
  }
}
@media (max-width: 63.75rem) {
  .sale-showroom-hero {
    padding: 2rem 0 0;
  }
  .sale-showroom-intro {
    padding: 3rem 0 4rem;
  }
  .sale-showroom-intro-layout {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }
  .sale-showroom-intro-heading .h1, .sale-showroom-intro-content {
    max-width: 47.5rem;
  }
  .sale-showroom-steps {
    padding: 4rem 0;
  }
  .sale-showroom-welcome {
    padding: 4rem 0;
  }
  .sale-showroom-welcome-card {
    grid-template-columns: 1fr;
  }
  .sale-showroom-welcome-content {
    min-height: auto;
  }
}
@media (max-width: 48rem) {
  .sale-showroom-kicker {
    margin-bottom: 0.875rem;
  }
  .sale-showroom-banner {
    border-radius: 1rem;
  }
  .sale-showroom-intro {
    padding: 2.375rem 0 3.25rem;
  }
  .sale-showroom-intro-layout {
    gap: 1.5rem;
  }
  .sale-showroom-intro-heading .h1 {
    font-size: 2.25rem;
    line-height: 2.625rem;
  }
  .sale-showroom-intro-lead {
    font-size: 1.1875rem !important;
    line-height: 1.75rem !important;
  }
  .sale-showroom-intro-content p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .sale-showroom-steps, .sale-showroom-welcome {
    padding: 3.25rem 0;
  }
  .sale-showroom-section-heading {
    margin-bottom: 1.75rem;
  }
  .sale-showroom-section-heading p {
    font-size: 0.9375rem;
    line-height: 1.625rem;
  }
  .sale-showroom-steps-grid {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .sale-showroom-step {
    min-height: auto;
    gap: 1.75rem;
    padding: 1.375rem;
    border-radius: 1.125rem;
  }
  .sale-showroom-step-content h3 {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .sale-showroom-welcome-card {
    gap: 0.75rem;
    padding: 0.875rem;
    border-radius: 1.375rem;
  }
  .sale-showroom-welcome-content {
    padding: 1.625rem 1.125rem;
  }
  .sale-showroom-welcome-content .h2 {
    font-size: 2rem;
    line-height: 2.375rem;
  }
  .sale-showroom-welcome-content .h2 span {
    font-size: 1.3125rem;
    line-height: 1.75rem;
  }
  .sale-showroom-welcome-info {
    padding: 1.5rem;
    border-radius: 1.125rem;
  }
  .sale-showroom-welcome-contacts {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .sale-showroom-welcome-button {
    width: 100%;
  }
}
@media (max-width: 31.25rem) {
  .sale-showroom-banner {
    border-radius: 0.75rem;
  }
  .sale-showroom-intro {
    padding: 2rem 0 2.75rem;
  }
  .sale-showroom-intro-heading .h1 {
    font-size: 1.9375rem;
    line-height: 2.3125rem;
  }
  .sale-showroom-intro-lead {
    font-size: 1.0625rem !important;
    line-height: 1.5625rem !important;
  }
  .sale-showroom-steps, .sale-showroom-welcome {
    padding: 2.75rem 0;
  }
  .sale-showroom-step {
    padding: 1.125rem;
  }
  .sale-showroom-welcome-card {
    padding: 0.625rem;
    border-radius: 1.125rem;
  }
  .sale-showroom-welcome-content {
    padding: 1.375rem 0.875rem;
  }
  .sale-showroom-welcome-content .h2 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
  .sale-showroom-welcome-content .h2 span {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .sale-showroom-welcome-info {
    padding: 1.25rem;
    border-radius: 0.9375rem;
  }
  .sale-showroom-welcome-address strong {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.coupon20-page {
  background: #FFFFFF;
}
.coupon20-section {
  padding: 3rem 0 5.5rem;
}
.coupon20-section .container-field {
  max-width: 92.5rem;
}
.coupon20-card {
  max-width: 70rem;
  margin: 0 auto;
  padding: 2.625rem;
  border-radius: 1.75rem;
  background: #1B1B20;
  box-shadow: 0 1.25rem 3.375rem rgba(27, 27, 32, 0.14);
}
.coupon20-header {
  max-width: 45rem;
  margin-bottom: 2.125rem;
}
.coupon20-header .h1 {
  margin: 0 0 0.875rem;
  color: #FFFFFF;
  font-size: 2.625rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
}
.coupon20-header p {
  color: rgba(255, 255, 255, 0.68);
  font-size: 0.9375rem;
  line-height: 1.625rem;
}
.coupon20-kicker {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  min-height: 1.875rem;
  margin-bottom: 0.875rem;
  padding: 0.375rem 0.75rem;
  border-radius: 62.4375rem;
  background: rgba(202, 22, 60, 0.16);
  color: #CA163C;
  font-size: 0.6875rem;
  line-height: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.coupon20-code-block {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.875rem;
  align-items: stretch;
  padding: 0.875rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 1.25rem;
  background: rgba(0, 0, 0, 0.16);
}
.coupon20-code {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0.75rem 1.25rem;
  border: 0;
  border-radius: 0.875rem;
  background: rgba(255, 255, 255, 0.06);
  cursor: pointer;
  text-align: left;
  transition: background 300ms, transform 300ms;
}
.coupon20-code:hover {
  background: rgba(255, 255, 255, 0.09);
}
.coupon20-code:active {
  transform: scale(0.995);
}
.coupon20-code span {
  color: #CA163C;
  font-size: 1.5rem;
  line-height: 1.875rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  font-family: monospace;
  overflow-wrap: anywhere;
}
.coupon20-copy {
  min-width: 10.625rem;
  align-self: stretch;
}
.coupon20-copy.is-copied {
  opacity: 0.82;
}
.coupon20-info {
  margin-top: 1.125rem;
}
.coupon20-hint {
  margin-bottom: 0.5rem;
  color: rgba(255, 255, 255, 0.46);
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.coupon20-terms {
  color: rgba(255, 255, 255, 0.78);
  font-size: 0.8125rem;
  line-height: 1.375rem;
}
@media (max-width: 63.75rem) {
  .coupon20-section {
    padding: 2.5rem 0 4.5rem;
  }
  .coupon20-card {
    padding: 2.125rem;
  }
  .coupon20-header .h1 {
    font-size: 2.375rem;
    line-height: 2.75rem;
  }
}
@media (max-width: 48rem) {
  .coupon20-section {
    padding: 1.875rem 0 3.5rem;
  }
  .coupon20-card {
    padding: 1.5rem;
    border-radius: 1.375rem;
  }
  .coupon20-header {
    margin-bottom: 1.625rem;
  }
  .coupon20-header .h1 {
    font-size: 2rem;
    line-height: 2.375rem;
  }
  .coupon20-header p {
    font-size: 0.875rem;
    line-height: 1.5rem;
  }
  .coupon20-code-block {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    padding: 0.625rem;
    border-radius: 1rem;
  }
  .coupon20-code {
    justify-content: center;
    padding: 0.625rem 1rem;
    text-align: center;
  }
  .coupon20-code span {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .coupon20-copy {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 31.25rem) {
  .coupon20-section {
    padding: 1.375rem 0 2.75rem;
  }
  .coupon20-card {
    padding: 1.125rem;
    border-radius: 1.125rem;
  }
  .coupon20-header .h1 {
    font-size: 1.75rem;
    line-height: 2.125rem;
  }
  .coupon20-code span {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .coupon20-terms {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
}
.king-choice-page {
  background: #FFFFFF;
}
.king-choice-page .kirkorov-svg-quote-header-pc {
  display: block;
  position: static !important;
  top: auto !important;
  margin: 0 !important;
  flex: 0 0 auto;
}
.king-choice-page .kirkorov-svg-quote-header-mob {
  display: none;
}
.king-choice-page #warranty {
  margin-bottom: 5rem;
}
.king-choice-hero {
  position: relative;
  min-height: 48.75rem;
  overflow: hidden;
  background: #1B1B20;
}
.king-choice-hero-video, .king-choice-hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.king-choice-hero-video {
  object-fit: cover;
  object-position: top center;
}
.king-choice-hero-overlay {
  z-index: 1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.7) 100%), rgba(0, 0, 0, 0.08);
  pointer-events: none;
}
.king-choice-hero .container-field {
  position: relative;
  z-index: 2;
  min-height: 48.75rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.king-choice-hero-content {
  width: 100%;
  max-width: 53.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4.375rem 0;
  color: #FFFFFF;
  text-align: center;
}
.king-choice-hero-content h1 {
  margin-bottom: 1.125rem;
  color: #FFFFFF;
  font-size: 3.5rem;
  line-height: 3.875rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.king-choice-hero-content p {
  margin-bottom: 2.125rem;
  color: #FFFFFF;
  font-size: 1.375rem;
  line-height: 2.125rem;
  font-weight: 500;
}
.king-choice-hero-content .btn {
  min-width: 14.375rem;
}
.king-choice-quote {
  padding: 5rem 0;
}
.king-choice-quote .container-field {
  max-width: 78.75rem;
}
.king-choice-quote-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.125rem;
}
.king-choice-quote-wrapper > p {
  max-width: 67.5rem;
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 2.125rem;
  font-weight: 500;
  text-align: center;
}
.king-choice-quote-brand {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.625rem;
}
.king-choice-quote-brand > img {
  width: 11.25rem;
  height: 11.25rem;
  display: block;
  flex: 0 0 11.25rem;
  border-radius: 50%;
  object-fit: cover;
}
.king-choice-category {
  padding: 0 0 5rem;
}
.king-choice-category .container-field {
  max-width: 92.5rem;
}
.king-choice-category > .container-field > .h2 {
  margin-bottom: 2.25rem;
  text-align: center;
}
.king-choice-category-main {
  width: 100%;
  height: 35rem;
  margin-bottom: 1rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #F4F4F6;
}
.king-choice-category-main img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
}
.king-choice-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: 30rem 10.75rem 10.75rem;
  gap: 1rem;
}
.king-choice-category-card {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  padding: 1.875rem;
  border-radius: 1.375rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #FFFFFF;
}
.king-choice-category-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 42%, rgba(0, 0, 0, 0.82) 100%);
  pointer-events: none;
}
.king-choice-category-card > div {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4375rem;
  text-align: center;
}
.king-choice-category-card h3 {
  color: #FFFFFF;
  font-size: 1.5625rem;
  line-height: 2rem;
  font-weight: 700;
}
.king-choice-category-card p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 0.9375rem;
  line-height: 1.4375rem;
}
.king-choice-category-card--dryer {
  grid-column: 1;
  grid-row: 1;
  background-image: url("/assets/img/page-king-choice-kirkorov-sushilka.webp");
}
.king-choice-category-card--washer {
  grid-column: 2 / 4;
  grid-row: 1;
  background-image: url("/assets/img/page-king-choice-sushilkaDlaKirkorova.webp");
}
.king-choice-category-card--fridge {
  grid-column: 1;
  grid-row: 2 / 4;
  background-image: url("/assets/img/page-king-choice-kirkorov-holodos.webp");
}
.king-choice-category-card--oven {
  grid-column: 2;
  grid-row: 2 / 4;
  background-image: url("/assets/img/page-king-choice-kirkorov-duhovka.webp");
}
.king-choice-category-card--catalog {
  grid-column: 3;
  grid-row: 3;
  align-items: center;
  background-image: url("/assets/img/page-king-choice-kirkorov-zadmin-fon.webp");
  background-position: right center;
}
.king-choice-category-card--catalog::after {
  display: none;
}
.king-choice-category-card--catalog > div {
  gap: 1.125rem;
}
.king-choice-category-card--catalog h3 {
  display: flex;
  flex-direction: column;
  color: #FFFFFF;
}
.king-choice-category-card--hob {
  grid-column: 3;
  grid-row: 2;
  background-image: url("/assets/img/page-king-choice-kirkorov-plita.webp");
}
.king-choice-category-card:hover {
  color: #FFFFFF;
}
.king-choice-media {
  padding: 0 0 5rem;
}
.king-choice-media .container-field {
  max-width: 92.5rem;
}
.king-choice-media-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.king-choice-media-card {
  position: relative;
  min-height: 33.125rem;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  overflow: hidden;
  border-radius: 1.5rem;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.king-choice-media-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 35%, rgba(0, 0, 0, 0.76) 100%);
}
.king-choice-media-card--video {
  background-image: url("/assets/img/page-king-choice-kirkorov-microvawe.webp");
}
.king-choice-media-card--king {
  background-image: url("/assets/img/page-king-choice-korolevskiKomfortKirkorov.webp");
}
.king-choice-media-card--king::after {
  display: none;
}
.king-choice-media-card--dishwasher {
  background-image: url("/assets/img/page-king-choice-posudomoikaKirkorov.webp");
}
.king-choice-media-card--laundry {
  background-image: url("/assets/img/page-king-choice-kirkorov-sushilka2.webp");
}
.king-choice-media-card-content {
  position: relative;
  z-index: 1;
  max-width: 33.75rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.125rem;
  padding: 2.375rem;
  text-align: center;
}
.king-choice-media-card-content h3 {
  color: #FFFFFF;
  font-size: 1.6875rem;
  line-height: 2.1875rem;
  font-weight: 700;
}
.king-choice-media-video {
  height: 38.75rem;
  margin-top: 1rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #1B1B20;
}
.king-choice-media-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: top center;
}
.king-choice-button-blue {
  background: #065cfe;
  border-color: #065cfe;
  color: #FFFFFF;
}
.king-choice-button-blue:hover {
  background: #FFFFFF;
  border-color: #065cfe;
  color: #065cfe;
}
.king-choice-products {
  padding: 0 0 5rem;
}
.king-choice-products .container-field {
  max-width: 92.5rem;
}
.king-choice-products > .container-field > .h2 {
  margin-bottom: 2.25rem;
  text-align: center;
}
.king-choice-products-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.125rem;
}
.king-choice-product {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #D4D4D9;
  border-radius: 1.25rem;
  background: #FFFFFF;
}
.king-choice-product-image {
  width: 100%;
  aspect-ratio: 0.78;
  display: block;
  overflow: hidden;
  background: #F4F4F6;
}
.king-choice-product-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 450ms ease;
}
.king-choice-product:hover .king-choice-product-image img {
  transform: scale(1.025);
}
.king-choice-product-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.375rem;
}
.king-choice-product-body .btn {
  width: fit-content;
  min-width: 7rem;
  align-self: center;
}
.king-choice-product-copy {
  text-align: center;
}
.king-choice-product-copy h3 {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 700;
}
.king-choice-product-copy p {
  color: #5B5B6B;
  font-size: 0.8125rem;
  line-height: 1.3125rem;
}
.king-choice-product-price {
  min-height: 3.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.875rem;
}
.king-choice-product-price strong {
  color: #1B1B20;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  font-weight: 700;
}
.king-choice-product-price-old {
  color: #7C7C86;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  text-decoration: line-through;
}
.king-choice-final {
  position: relative;
  min-height: 37.5rem;
  display: flex;
  align-items: center;
  margin-top: 3.5rem;
  overflow: hidden;
  border-radius: 1.75rem;
  background: url("/assets/img/page-king-choice-kirkorov-video-secondary.webp") center / cover no-repeat;
}
.king-choice-final-content {
  width: 50%;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3.125rem;
  color: #FFFFFF;
  text-align: center;
}
.king-choice-final-content h2 {
  margin-bottom: 1.625rem;
  color: #FFFFFF;
  font-size: 3.375rem;
  line-height: 3.75rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.king-choice-final-marketplaces {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.king-choice-final-marketplaces > span {
  color: #FFFFFF;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
}
.king-choice-final-marketplaces > div {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.king-choice-final-marketplaces a {
  display: block;
  transition: transform 250ms;
}
.king-choice-final-marketplaces a:hover {
  transform: translateY(-0.125rem);
}
.king-choice-final-marketplaces svg {
  display: block;
}
@media (max-width: 80rem) {
  .king-choice-hero {
    min-height: 42.5rem;
  }
  .king-choice-hero .container-field {
    min-height: 42.5rem;
  }
  .king-choice-category-grid {
    grid-template-rows: repeat(2, 18.125rem);
  }
  .king-choice-category-card h3 {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .king-choice-media-card {
    min-height: 28.125rem;
  }
  .king-choice-media-video {
    height: 32.5rem;
  }
  .king-choice-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .king-choice-product-image {
    aspect-ratio: 1;
  }
  .king-choice-final {
    min-height: 32.5rem;
  }
}
@media (max-width: 63.75rem) {
  .king-choice-page #warranty {
    margin-bottom: 4rem;
  }
  .king-choice-hero {
    min-height: 36.25rem;
  }
  .king-choice-hero .container-field {
    min-height: 36.25rem;
  }
  .king-choice-hero-content {
    padding: 3rem 0;
  }
  .king-choice-hero-content h1 {
    font-size: 2.75rem;
    line-height: 3.125rem;
  }
  .king-choice-hero-content p {
    font-size: 1.1875rem;
    line-height: 1.8125rem;
  }
  .king-choice-quote {
    padding: 4rem 0;
  }
  .king-choice-quote-wrapper > p {
    font-size: 1.1875rem;
    line-height: 1.875rem;
  }
  .king-choice-category {
    padding-bottom: 4rem;
  }
  .king-choice-category-main {
    height: 27.5rem;
  }
  .king-choice-category-grid {
    display: flex;
    flex-direction: column;
  }
  .king-choice-category-card {
    min-height: 18.75rem;
  }
  .king-choice-category-card--dryer, .king-choice-category-card--washer {
    grid-row: auto;
    grid-column: auto;
  }
  .king-choice-media {
    padding-bottom: 4rem;
  }
  .king-choice-media-card {
    min-height: 24.375rem;
  }
  .king-choice-media-video {
    height: 27.5rem;
  }
  .king-choice-products {
    padding-bottom: 4rem;
  }
  .king-choice-reviews {
    padding: 3.75rem 0 4rem;
  }
  .king-choice-final {
    min-height: 28.75rem;
  }
  .king-choice-final-content {
    padding: 2.25rem;
  }
  .king-choice-final-content h2 {
    font-size: 2.75rem;
    line-height: 3.125rem;
  }
}
@media (max-width: 48rem) {
  .king-choice-page .kirkorov-svg-quote-header-pc {
    display: none;
  }
  .king-choice-page .kirkorov-svg-quote-header-mob {
    width: 16.25rem;
    height: auto;
    display: block;
  }
  .king-choice-page #warranty {
    margin-bottom: 3.25rem;
  }
  .king-choice-hero {
    min-height: 32.5rem;
  }
  .king-choice-hero .container-field {
    min-height: 32.5rem;
  }
  .king-choice-hero-video {
    object-position: center;
  }
  .king-choice-hero-content {
    padding: 2.25rem 0;
  }
  .king-choice-hero-content h1 {
    margin-bottom: 0.75rem;
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
  .king-choice-hero-content p {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .king-choice-hero-content p br {
    display: none;
  }
  .king-choice-hero-content .btn {
    width: 100%;
    max-width: 21.25rem;
  }
  .king-choice-quote {
    padding: 3.25rem 0;
  }
  .king-choice-quote-brand {
    flex-direction: column;
    gap: 0.75rem;
  }
  .king-choice-quote-brand > img {
    width: 6.875rem;
    height: 6.875rem;
    flex-basis: 6.875rem;
  }
  .king-choice-quote-wrapper {
    gap: 1.5rem;
  }
  .king-choice-quote-wrapper > p {
    font-size: 1rem;
    line-height: 1.625rem;
    text-align: left;
  }
  .king-choice-category {
    padding-bottom: 3.25rem;
  }
  .king-choice-category > .container-field > .h2 {
    margin-bottom: 1.625rem;
  }
  .king-choice-category-main {
    height: 22.5rem;
    margin-bottom: 0.625rem;
    border-radius: 1.125rem;
  }
  .king-choice-category-grid {
    gap: 0.625rem;
  }
  .king-choice-category-card {
    min-height: 14.375rem;
    padding: 1.125rem;
    border-radius: 1.125rem;
  }
  .king-choice-category-card h3 {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .king-choice-category-card p {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
  .king-choice-category-card--catalog > div {
    gap: 0.75rem;
  }
  .king-choice-media {
    padding-bottom: 3.25rem;
  }
  .king-choice-media-grid {
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }
  .king-choice-media-card {
    min-height: 22.5rem;
    border-radius: 1.125rem;
  }
  .king-choice-media-card-content {
    padding: 1.5rem;
  }
  .king-choice-media-card-content h3 {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .king-choice-media .king-choice-media-card--king {
    display: none;
  }
  .king-choice-media-video {
    height: 22.5rem;
    margin-top: 0.625rem;
    border-radius: 1.125rem;
  }
  .king-choice-products {
    padding-bottom: 3.25rem;
  }
  .king-choice-products > .container-field > .h2 {
    margin-bottom: 1.625rem;
  }
  .king-choice-products-grid {
    gap: 0.625rem;
  }
  .king-choice-product {
    border-radius: 1rem;
  }
  .king-choice-product-body {
    gap: 1.125rem;
    padding: 1rem;
  }
  .king-choice-product-copy h3 {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .king-choice-product-copy p {
    font-size: 0.75rem;
    line-height: 1.1875rem;
  }
  .king-choice-product-price strong {
    font-size: 1rem;
    line-height: 1.4375rem;
  }
  .king-choice-reviews {
    padding: 3.25rem 0;
  }
  .king-choice-reviews > .container-field > .h2 {
    margin-bottom: 1.625rem;
  }
  .king-choice-review {
    grid-template-columns: 2.375rem minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1.25rem;
    border-radius: 1rem;
  }
  .king-choice-review-avatar {
    width: 2.375rem;
    height: 2.375rem;
  }
  .king-choice-review-market {
    display: none;
  }
  .king-choice-review-content > p {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }
  .king-choice-final {
    min-height: 31.25rem;
    margin-top: 2.5rem;
    border-radius: 1.25rem;
    background-position: 32% center;
  }
  .king-choice-final-content {
    width: 100%;
    min-height: 31.25rem;
    justify-content: center;
    padding: 1.875rem;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.02) 35%, rgba(0, 0, 0, 0.78) 100%);
  }
  .king-choice-final-content h2 {
    margin-bottom: 1.25rem !important;
    font-size: 2.125rem;
    line-height: 2.5rem;
  }
}
@media (max-width: 31.25rem) {
  .king-choice-page #warranty {
    margin-bottom: 2.75rem;
  }
  .king-choice-hero {
    min-height: 29.375rem;
  }
  .king-choice-hero .container-field {
    min-height: 29.375rem;
  }
  .king-choice-hero-content {
    padding: 1.75rem 0;
  }
  .king-choice-hero-content h1 {
    font-size: 1.8125rem;
    line-height: 2.125rem;
  }
  .king-choice-hero-content p {
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .king-choice-quote {
    padding: 2.75rem 0;
  }
  .king-choice-quote-brand > img {
    width: 5.875rem;
    height: 5.875rem;
    flex-basis: 5.875rem;
  }
  .king-choice-category {
    padding-bottom: 2.75rem;
  }
  .king-choice-category-main {
    height: 18.75rem;
  }
  .king-choice-category-main img {
    object-position: 56% top;
  }
  .king-choice-category-grid {
    grid-template-columns: 1fr;
  }
  .king-choice-category-card {
    min-height: 14.375rem;
  }
  .king-choice-category-card--dryer {
    min-height: 21.25rem;
  }
  .king-choice-media {
    padding-bottom: 2.75rem;
  }
  .king-choice-media-card {
    min-height: 18.75rem;
  }
  .king-choice-media-card-content {
    padding: 1.25rem;
  }
  .king-choice-media-card-content h3 {
    font-size: 1.1875rem;
    line-height: 1.625rem;
  }
  .king-choice-media-video {
    height: 18.75rem;
  }
  .king-choice-products {
    padding-bottom: 2.75rem;
  }
  .king-choice-products-grid {
    grid-template-columns: 1fr;
  }
  .king-choice-product-image {
    aspect-ratio: 1;
  }
  .king-choice-reviews {
    padding: 2.75rem 0;
  }
  .king-choice-review {
    padding: 1rem;
  }
  .king-choice-review-photos img {
    width: 3.75rem;
    height: 3.25rem;
  }
  .king-choice-category-card {
    min-height: 200px !important;
  }
  .king-choice-final {
    min-height: 26.875rem;
    background-position: 25% center;
  }
  .king-choice-final-content {
    min-height: 26.875rem;
    padding: 1.5rem 1.125rem;
  }
  .king-choice-final-content h2 {
    font-size: 1.8125rem;
    line-height: 2.1875rem;
  }
  .king-choice-final-marketplaces > span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .king-choice-final-marketplaces svg {
    width: 2.375rem;
    height: 2.375rem;
  }
}
.hob2hood-page {
  overflow: hidden;
  background: #FFFFFF;
  color: #1B1B20;
}
.hob2hood-page * {
  -webkit-tap-highlight-color: transparent;
}
.hob2hood-section-heading {
  margin-bottom: 2.375rem;
}
.hob2hood-hero {
  position: relative;
  min-height: 47.5rem;
  margin: 0 auto;
  overflow: hidden;
  background: #1B1B20;
  color: #FFFFFF;
}
.hob2hood-hero-bg, .hob2hood-hero-overlay {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.hob2hood-hero-bg {
  display: block;
}
.hob2hood-hero-bg img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}
.hob2hood-hero-overlay {
  z-index: 1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.06) 47%, rgba(0, 0, 0, 0.18) 100%);
  pointer-events: none;
}
.hob2hood-hero .container-field {
  position: relative;
  z-index: 2;
  max-width: 100rem;
  min-height: 47.5rem;
}
.hob2hood-hero-inner {
  min-height: 47.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;
  padding-top: 4rem;
}
.hob2hood-hero-content {
  width: 44%;
  max-width: 36.875rem;
}
.hob2hood-hero-title {
  margin: 0 0 2.125rem;
  color: #FFFFFF;
  font-size: 4rem;
  line-height: 4.25rem;
  font-weight: 800;
  text-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.34);
}
.hob2hood-hero-title span {
  display: block;
  margin-top: 0.75rem;
  font-size: 2.25rem;
  line-height: 2.75rem;
}
.hob2hood-hero-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}
.hob2hood-hero-feature {
  width: 38%;
  max-width: 31.25rem;
}
.hob2hood-hero-feature-box {
  position: relative;
  padding: 2.25rem;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(0.3125rem);
}
.hob2hood-hero-feature-box h2 {
  margin-bottom: 1.125rem;
  color: #FFFFFF;
  font-size: 2.125rem;
  line-height: 2.5rem;
  font-weight: 800;
  text-shadow: 0 0.25rem 0.375rem rgba(0, 0, 0, 0.28);
}
.hob2hood-hero-feature-box p {
  color: rgba(255, 255, 255, 0.82);
  font-size: 1.25rem;
  line-height: 1.8125rem;
  font-weight: 400;
}
.hob2hood-hero-signal {
  position: absolute;
  top: -8.625rem;
  left: -10.3125rem;
}
.hob2hood-hero-signal .hob2hood-anim {
  width: 9.375rem;
  height: auto;
  display: block;
}
.hob2hood-anim .anim-step {
  opacity: 0;
  will-change: opacity;
  transform: translateZ(0);
}
.hob2hood-anim .anim-step-1 {
  opacity: 1;
}
.hob2hood-anim .anim-step-2 {
  animation: hob2hood-step-2 2s linear infinite;
}
.hob2hood-anim .anim-step-3 {
  animation: hob2hood-step-3 2s linear infinite;
}
.hob2hood-anim .anim-step-4 {
  animation: hob2hood-step-4 2s linear infinite;
}
.hob2hood-anim .anim-step-5 {
  animation: hob2hood-step-5 2s linear infinite;
}
.hob2hood-anim .anim-step-6 {
  animation: hob2hood-step-6 2s linear infinite;
}
.hob2hood-anim .anim-step-7 {
  animation: hob2hood-step-7 2s linear infinite;
}
@keyframes hob2hood-step-2 {
  0%, 6% {
    opacity: 0;
  }
  20%, 100% {
    opacity: 1;
  }
}
@keyframes hob2hood-step-3 {
  0%, 20% {
    opacity: 0;
  }
  34%, 100% {
    opacity: 1;
  }
}
@keyframes hob2hood-step-4 {
  0%, 34% {
    opacity: 0;
  }
  48%, 100% {
    opacity: 1;
  }
}
@keyframes hob2hood-step-5 {
  0%, 48% {
    opacity: 0;
  }
  62%, 100% {
    opacity: 1;
  }
}
@keyframes hob2hood-step-6 {
  0%, 62% {
    opacity: 0;
  }
  76%, 100% {
    opacity: 1;
  }
}
@keyframes hob2hood-step-7 {
  0%, 76% {
    opacity: 0;
  }
  90%, 100% {
    opacity: 1;
  }
}
.hob2hood-problems {
  padding: 5rem 0;
  background: #F4F4F6;
}
.hob2hood-problems .container-field {
  max-width: 92.5rem;
}
.hob2hood-problems-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.75rem;
}
.hob2hood-problem {
  min-width: 0;
}
.hob2hood-problem-image {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  border-radius: 1.375rem;
  background: #FFFFFF;
}
.hob2hood-problem-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform 500ms ease;
}
.hob2hood-problem:hover .hob2hood-problem-image img {
  transform: scale(1.025);
}
.hob2hood-problem h3 {
  margin-top: 1.5rem;
  color: #1B1B20;
  font-size: 1.375rem;
  line-height: 1.875rem;
  font-weight: 700;
  text-align: center;
}
.hob2hood-advantage {
  padding: 4.375rem 0 5.375rem;
  background: #F4F4F6;
}
.hob2hood-advantage .container-field {
  max-width: 92.5rem;
}
.hob2hood-advantage-inner {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 4.5rem;
  align-items: center;
}
.hob2hood-advantage-content {
  min-width: 0;
}
.hob2hood-advantage-content .h2 {
  margin-bottom: 1.75rem;
}
.hob2hood-advantage-subtitle {
  margin-bottom: 0.5rem;
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.hob2hood-advantage-logo {
  margin-bottom: 2.125rem;
  color: #CA163C;
  font-size: 5.375rem;
  line-height: 5.75rem;
  font-weight: 700;
  letter-spacing: -0.035em;
}
.hob2hood-advantage-motor {
  display: grid;
  grid-template-columns: 4.625rem minmax(0, 1fr);
  gap: 1.25rem;
  align-items: center;
  padding: 1.75rem;
  border-radius: 1.25rem;
  background: #1B1B20;
  color: #FFFFFF;
}
.hob2hood-advantage-motor-icon svg {
  width: 4.25rem;
  height: auto;
  display: block;
}
.hob2hood-advantage-motor-text strong {
  display: block;
  margin-bottom: 0.5rem;
  color: #FFFFFF;
  font-size: 1.875rem;
  line-height: 2.3125rem;
  font-weight: 700;
}
.hob2hood-advantage-motor-text span {
  display: block;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.9375rem;
  line-height: 1.5625rem;
}
.hob2hood-advantage-image {
  min-width: 0;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #FFFFFF;
}
.hob2hood-advantage-image img {
  width: 100%;
  height: auto;
  display: block;
}
.hob2hood-how {
  --next-bg: none;
  position: relative;
  max-width: 120rem;
  height: 50rem;
  margin: 0 auto;
  padding: 10.875rem 0 0;
  overflow: hidden;
  background-image: url("https://lex1.ru/wp-content/uploads/hob2hood-how-step1.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #FFFFFF;
  cursor: pointer;
  outline: none;
}
.hob2hood-how::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: var(--next-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 450ms ease;
  pointer-events: none;
}
.hob2hood-how.is-fading-bg::before {
  opacity: 1;
}
.hob2hood-how .container-field {
  position: relative;
  z-index: 1;
  max-width: 92.5rem;
}
.hob2hood-how-inner {
  text-align: center;
}
.hob2hood-how-head {
  margin-bottom: 0.875rem;
}
.hob2hood-how-title {
  margin: 0;
  color: #FFFFFF;
  font-size: 4.25rem;
  line-height: 4.625rem;
  font-weight: 800;
  letter-spacing: -0.035em;
  transition: opacity 450ms ease, transform 450ms ease;
}
.hob2hood-how-title.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.hob2hood-how-arrow {
  width: 3.75rem;
  height: 3.75rem;
  margin: 1.75rem auto;
  transition: opacity 450ms ease, transform 450ms ease;
}
.hob2hood-how-arrow.is-hidden {
  opacity: 0;
  pointer-events: none;
}
.hob2hood-how-arrow img {
  width: 100%;
  height: 100%;
  display: block;
  filter: invert(1);
  mix-blend-mode: screen;
}
.hob2hood-how-step {
  color: #FFFFFF;
  font-size: 2.75rem;
  line-height: 3.375rem;
  font-weight: 700;
  text-align: center;
  text-decoration: underline;
  text-decoration-thickness: 0.1em;
  text-underline-offset: 0.3125rem;
  transition: opacity 450ms ease, transform 450ms ease;
}
.hob2hood-how-step.is-changing {
  opacity: 0;
  transform: translateY(1.25rem);
}
.hob2hood-benefits {
  padding: 5.75rem 0 6.875rem;
  background: #FFFFFF;
}
.hob2hood-benefits .container-field {
  max-width: 92.5rem;
}
.hob2hood-benefits-head {
  margin-bottom: 4.25rem;
  text-align: center;
}
.hob2hood-benefits-head .h2 {
  margin-bottom: 0.625rem;
}
.hob2hood-benefits-head p {
  color: #1B1B20;
  font-size: 1.5rem;
  line-height: 2.125rem;
}
.hob2hood-benefits-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.375rem;
}
.hob2hood-benefit {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.875rem;
  align-items: center;
}
.hob2hood-benefit-number {
  color: #D4D4D9;
  font-size: 7.25rem;
  line-height: 7.25rem;
  font-weight: 800;
}
.hob2hood-benefit-content h3 {
  margin-bottom: 0.5rem;
  color: #CA163C;
  font-size: 1.25rem;
  line-height: 1.6875rem;
  font-weight: 700;
}
.hob2hood-benefit-content p {
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.5rem;
}
.hob2hood-video {
  padding: 4.375rem 0;
  background: #111214;
}
.hob2hood-video .container-field {
  max-width: 92.5rem;
}
.hob2hood-video-wrapper {
  width: 100%;
  overflow: hidden;
  border-radius: 1.5rem;
  background: #1B1B20;
}
.hob2hood-video-wrapper video {
  width: 100%;
  height: auto;
  display: block;
}
.hob2hood-products {
  padding: 5.125rem 0;
  background: #FFFFFF;
  scroll-margin-top: 7.5rem;
}
.hob2hood-products .container-field {
  max-width: 92.5rem;
}
.hob2hood-products-head {
  max-width: 53.75rem;
  margin: 0 auto 2.25rem;
  text-align: center;
}
.hob2hood-products-head .h2 {
  margin: 0;
}
.hob2hood-products-tabs {
  display: flex;
  justify-content: center;
  gap: 2rem;
  margin-bottom: 2.125rem;
}
.hob2hood-products-tab {
  position: relative;
  padding: 0.5rem 0;
  border: 0;
  background: transparent;
  color: #7C7C86;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
}
.hob2hood-products-tab::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 0.125rem;
  background: #CA163C;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 250ms;
}
.hob2hood-products-tab.is-active {
  color: #CA163C;
}
.hob2hood-products-tab.is-active::after {
  transform: scaleX(1);
}
.hob2hood-products-pane {
  display: none;
}
.hob2hood-products-pane.is-active {
  display: block;
}
.hob2hood-products-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
}
.hob2hood-product-placeholder {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #D4D4D9;
  border-radius: 1.25rem;
  background: #FFFFFF;
}
.hob2hood-product-placeholder-image {
  width: 100%;
  aspect-ratio: 1;
  background: linear-gradient(110deg, #F4F4F6 20%, #FFFFFF 40%, #F4F4F6 60%);
  background-size: 200% 100%;
  animation: hob2hood-placeholder 1.8s linear infinite;
}
.hob2hood-product-placeholder-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.375rem;
  text-align: center;
}
.hob2hood-product-placeholder-body > span {
  margin-bottom: 0.4375rem;
  color: #7C7C86;
  font-size: 0.75rem;
  line-height: 1.125rem;
}
.hob2hood-product-placeholder-body > strong {
  margin-bottom: 1.25rem;
  color: #1B1B20;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  font-weight: 700;
}
.hob2hood-product-placeholder-body .btn {
  width: 100%;
  margin-top: auto;
}
@keyframes hob2hood-placeholder {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@media (min-width: 156.25rem) {
  .hob2hood-hero {
    min-height: 56.25rem;
  }
  .hob2hood-hero .container-field, .hob2hood-hero-inner {
    min-height: 56.25rem;
  }
  .hob2hood-how {
    height: 70rem;
    padding-top: 17.5rem;
  }
  .hob2hood-how-title {
    font-size: 5.625rem;
    line-height: 6.125rem;
  }
  .hob2hood-how-step {
    font-size: 3.5rem;
    line-height: 4.25rem;
  }
}
@media (max-width: 118.75rem) {
  .hob2hood-hero {
    min-height: 43.75rem;
  }
  .hob2hood-hero .container-field, .hob2hood-hero-inner {
    min-height: 43.75rem;
  }
  .hob2hood-hero-title {
    font-size: 3.625rem;
    line-height: 4rem;
  }
  .hob2hood-hero-title span {
    font-size: 2.0625rem;
    line-height: 2.5625rem;
  }
  .hob2hood-hero-feature-box h2 {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
  .hob2hood-hero-feature-box p {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
}
@media (max-width: 100rem) {
  .hob2hood-hero {
    min-height: 40.625rem;
  }
  .hob2hood-hero .container-field, .hob2hood-hero-inner {
    min-height: 40.625rem;
  }
  .hob2hood-hero-content {
    width: 48%;
  }
  .hob2hood-hero-title {
    font-size: 3.25rem;
    line-height: 3.625rem;
  }
  .hob2hood-hero-title span {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  .hob2hood-hero-feature {
    width: 36%;
  }
  .hob2hood-hero-signal {
    top: -5.625rem;
    left: -9.0625rem;
  }
  .hob2hood-hero-signal .hob2hood-anim {
    width: 7.25rem;
  }
  .hob2hood-how {
    height: 49.375rem;
    padding-top: 11.875rem;
  }
  .hob2hood-how-title {
    font-size: 3.75rem;
    line-height: 4.1875rem;
  }
  .hob2hood-how-step {
    font-size: 2.5rem;
    line-height: 3.125rem;
  }
}
@media (max-width: 81.25rem) {
  .hob2hood-hero {
    min-height: 38.75rem;
  }
  .hob2hood-hero .container-field, .hob2hood-hero-inner {
    min-height: 38.75rem;
  }
  .hob2hood-hero-title {
    font-size: 3rem;
    line-height: 3.375rem;
  }
  .hob2hood-hero-title span {
    font-size: 1.75rem;
    line-height: 2.1875rem;
  }
  .hob2hood-hero-feature-box {
    padding: 1.625rem;
  }
  .hob2hood-hero-feature-box h2 {
    font-size: 1.6875rem;
    line-height: 2.125rem;
  }
  .hob2hood-hero-feature-box p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .hob2hood-hero-signal {
    top: -6.0625rem;
    left: -7.5rem;
  }
  .hob2hood-hero-signal .hob2hood-anim {
    width: 7.25rem;
  }
  .hob2hood-how {
    height: 40.5625rem;
    padding-top: 11.5rem;
  }
  .hob2hood-how-title {
    font-size: 3.125rem;
    line-height: 3.5625rem;
  }
  .hob2hood-how-arrow {
    width: 3.125rem;
    height: 3.125rem;
  }
  .hob2hood-how-step {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
  .hob2hood-benefit-number {
    font-size: 6rem;
    line-height: 6rem;
  }
}
@media (max-width: 74.9375rem) {
  .hob2hood-hero {
    min-height: 36.25rem;
  }
  .hob2hood-hero .container-field, .hob2hood-hero-inner {
    min-height: 36.25rem;
  }
  .hob2hood-hero-title {
    font-size: 2.625rem;
    line-height: 3rem;
  }
  .hob2hood-hero-title span {
    font-size: 1.5625rem;
    line-height: 2rem;
  }
  .hob2hood-hero-signal {
    top: -4.0625rem;
    left: -7.5rem;
  }
  .hob2hood-hero-signal .hob2hood-anim {
    width: 6.25rem;
  }
  .hob2hood-problems {
    padding: 4rem 0;
  }
  .hob2hood-advantage {
    padding: 3.375rem 0 4rem;
  }
  .hob2hood-advantage-inner {
    grid-template-columns: 1fr;
    gap: 2.25rem;
  }
  .hob2hood-advantage-content {
    order: 2;
  }
  .hob2hood-advantage-image {
    order: 1;
  }
  .hob2hood-advantage-logo {
    font-size: 4.25rem;
    line-height: 4.75rem;
  }
  .hob2hood-advantage-motor {
    max-width: 47.5rem;
  }
  .hob2hood-how {
    height: 35rem;
    padding-top: 9.0625rem;
  }
  .hob2hood-how-title {
    font-size: 2.625rem;
    line-height: 3.0625rem;
  }
  .hob2hood-how-arrow {
    width: 2.625rem;
    height: 2.625rem;
    margin: 1.25rem auto;
  }
  .hob2hood-how-step {
    font-size: 1.875rem;
    line-height: 2.375rem;
  }
  .hob2hood-benefits {
    padding: 4.375rem 0 5rem;
  }
  .hob2hood-benefits-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
  .hob2hood-products-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 61.9375rem) {
  .hob2hood-hero {
    min-height: 46.25rem;
  }
  .hob2hood-hero .container-field {
    min-height: 46.25rem;
  }
  .hob2hood-hero-inner {
    position: relative;
    min-height: 46.25rem;
    display: block;
    padding-top: 7.5rem;
  }
  .hob2hood-hero-content {
    width: 100%;
    max-width: none;
    min-height: 40.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 3.75rem 0 2.375rem;
    text-align: center;
  }
  .hob2hood-hero-title {
    max-width: 36.25rem;
    margin-bottom: 0;
    font-size: 2.5rem;
    line-height: 2.9375rem;
  }
  .hob2hood-hero-title span {
    font-size: 1.5rem;
    line-height: 1.9375rem;
  }
  .hob2hood-hero-buttons {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 20rem;
    flex-direction: column;
  }
  .hob2hood-hero-feature {
    position: absolute;
    z-index: 3;
    top: 16.5625rem;
    left: 50%;
    width: 23.75rem;
    max-width: calc(100% - 2rem);
    transform: translateX(-50%);
  }
  .hob2hood-hero-feature-box {
    padding: 1.375rem;
  }
  .hob2hood-hero-signal {
    top: -1.8125rem;
    right: -7.375rem;
    left: auto;
  }
  .hob2hood-hero-feature {
    top: 19.5625rem;
  }
  .hob2hood-problems-grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
    max-width: 38.75rem;
    margin: 0 auto;
  }
  .hob2hood-problem h3 {
    margin-top: 1rem;
  }
  .hob2hood-how {
    height: 30rem;
    padding-top: 6.5625rem;
  }
  .hob2hood-how-title {
    font-size: 2.125rem;
    line-height: 2.5625rem;
  }
  .hob2hood-how-arrow {
    width: 2.25rem;
    height: 2.25rem;
    margin: 1rem auto;
  }
  .hob2hood-how-step {
    font-size: 1.5625rem;
    line-height: 1.9375rem;
  }
  .hob2hood-benefits {
    padding: 3.625rem 0 4.125rem;
  }
  .hob2hood-benefits-head {
    margin-bottom: 2.375rem;
  }
  .hob2hood-benefits-head p {
    font-size: 1.125rem;
    line-height: 1.6875rem;
  }
  .hob2hood-benefits-grid {
    grid-template-columns: 1fr;
    max-width: 40.625rem;
    margin: 0 auto;
  }
  .hob2hood-benefit-number {
    min-width: 4.5rem;
    font-size: 4.875rem;
    line-height: 4.875rem;
    text-align: center;
  }
  .hob2hood-products {
    padding: 3.75rem 0;
  }
  .hob2hood-products-grid {
    display: flex;
    overflow-x: auto;
    gap: 0.75rem;
    padding-bottom: 0.5rem;
    scroll-snap-type: x proximity;
  }
  .hob2hood-product-placeholder {
    min-width: 16.25rem;
    scroll-snap-align: start;
  }
}
@media (max-width: 47.9375rem) {
  .hob2hood-section-heading {
    margin-bottom: 1.625rem;
  }
  .hob2hood-hero-feature {
    width: 20.625rem;
  }
  .hob2hood-problems {
    padding: 3.25rem 0;
  }
  .hob2hood-problem-image {
    border-radius: 1.125rem;
  }
  .hob2hood-problem h3 {
    font-size: 1.125rem;
    line-height: 1.5625rem;
  }
  .hob2hood-advantage {
    padding: 2.75rem 0 3.25rem;
  }
  .hob2hood-advantage-content {
    text-align: center;
  }
  .hob2hood-advantage-content .h2 {
    margin-bottom: 1.25rem;
  }
  .hob2hood-advantage-content .h2 br {
    display: none;
  }
  .hob2hood-advantage-subtitle {
    font-size: 1.0625rem;
    line-height: 1.625rem;
  }
  .hob2hood-advantage-logo {
    margin-bottom: 1.625rem;
    font-size: 3.375rem;
    line-height: 3.875rem;
  }
  .hob2hood-advantage-motor {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.875rem;
    padding: 1.375rem;
    text-align: center;
  }
  .hob2hood-advantage-motor-text strong {
    font-size: 1.375rem;
    line-height: 1.8125rem;
  }
  .hob2hood-advantage-motor-text span {
    font-size: 0.875rem;
    line-height: 1.4375rem;
  }
  .hob2hood-advantage-image {
    border-radius: 1.125rem;
  }
  .hob2hood-how {
    height: 26.875rem;
    padding-top: 5.5rem;
  }
  .hob2hood-how-title {
    font-size: 1.875rem;
    line-height: 2.3125rem;
  }
  .hob2hood-how-step {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
  .hob2hood-benefits {
    padding: 3.125rem 0 3.625rem;
  }
  .hob2hood-benefits-head {
    margin-bottom: 1.875rem;
  }
  .hob2hood-benefits-head .h2 {
    margin-bottom: 0.5rem;
  }
  .hob2hood-benefits-head p {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .hob2hood-benefit {
    gap: 0.75rem;
  }
  .hob2hood-benefit-number {
    min-width: 3.875rem;
    font-size: 4.125rem;
    line-height: 4.125rem;
  }
  .hob2hood-benefit-content h3 {
    margin-bottom: 0.25rem;
    font-size: 1.0625rem;
    line-height: 1.5rem;
  }
  .hob2hood-benefit-content p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .hob2hood-video {
    padding: 2.25rem 0;
  }
  .hob2hood-video-wrapper {
    border-radius: 1.125rem;
  }
  .hob2hood-products {
    padding: 3.25rem 0;
  }
  .hob2hood-products-head {
    margin-bottom: 1.75rem;
  }
  .hob2hood-products-tabs {
    justify-content: flex-start;
    gap: 1.375rem;
    overflow-x: auto;
    margin-bottom: 1.5rem;
  }
  .hob2hood-products-tab {
    flex: 0 0 auto;
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
@media (max-width: 35.9375rem) {
  .hob2hood-hero {
    min-height: 31.25rem;
  }
  .hob2hood-hero .container-field {
    min-height: 31.25rem;
  }
  .hob2hood-hero-bg img {
    object-position: 68% 35%;
  }
  .hob2hood-hero-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.12) 0%, rgba(0, 0, 0, 0.08) 44%, rgba(0, 0, 0, 0.5) 100%);
  }
  .hob2hood-hero-inner, .hob2hood-hero-content {
    min-height: 31.25rem;
  }
  .hob2hood-hero-content {
    padding: 0.625rem 0 2.75rem;
  }
  .hob2hood-hero-title {
    max-width: 20.625rem;
    font-size: 1.4375rem;
    line-height: 2.0625rem;
  }
  .hob2hood-hero-title span {
    margin-top: 0.375rem;
    font-size: 1.125rem;
    line-height: 1.5625rem;
    font-weight: 600;
  }
  .hob2hood-hero-feature {
    top: 14.125rem;
    width: 18.75rem;
  }
  .hob2hood-hero-feature-box {
    padding: 1.125rem;
  }
  .hob2hood-hero-feature-box h2 {
    margin-bottom: 0.625rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  .hob2hood-hero-feature-box p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .hob2hood-hero-signal {
    top: -4.625rem;
    right: -3.5625rem;
  }
  .hob2hood-hero-signal .hob2hood-anim {
    width: 5.75rem;
  }
  .hob2hood-hero-buttons {
    max-width: 16.25rem;
  }
  .hob2hood-hero-buttons .btn {
    width: 100%;
  }
  .hob2hood-problems {
    padding: 2.75rem 0;
  }
  .hob2hood-problem-image {
    max-height: 20rem;
  }
  .hob2hood-advantage {
    padding: 2.625rem 0 2.875rem;
    background: #ededed;
  }
  .hob2hood-advantage-inner {
    gap: 2rem;
  }
  .hob2hood-advantage-logo {
    font-size: 3rem;
    line-height: 3.5rem;
  }
  .hob2hood-advantage-motor-text span {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .hob2hood-how {
    height: 21.25rem;
    padding-top: 5.5rem;
  }
  .hob2hood-how-title {
    font-size: 1.625rem;
    line-height: 2rem;
  }
  .hob2hood-how-arrow {
    width: 1.875rem;
    height: 1.875rem;
  }
  .hob2hood-how-step {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .hob2hood-benefits {
    padding: 2.75rem 0 3.25rem;
  }
  .hob2hood-benefits-grid {
    max-width: 22.5rem;
  }
  .hob2hood-video {
    padding: 0;
  }
  .hob2hood-video .container-field {
    padding-left: 0;
    padding-right: 0;
  }
  .hob2hood-video-wrapper {
    border-radius: 0;
  }
  .hob2hood-products {
    padding: 2.75rem 0;
  }
  .hob2hood-products-tabs {
    margin-bottom: 1.25rem;
  }
  .hob2hood-product-placeholder {
    min-width: 14.0625rem;
  }
  .hob2hood-product-placeholder-body {
    padding: 1rem;
  }
}
.developers-page .page-section {
  padding-bottom: 4.5rem;
}
.developers-page .page-header-container {
  margin-bottom: 3rem;
}
.developers-page .card-grid {
  margin-bottom: 0;
}
.developers-page .card {
  min-width: 0;
}
.developers-page .card-header.img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 7.5rem;
  margin-bottom: 1rem;
  overflow: hidden;
}
.developers-page .card-header.img img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 6.25rem;
  object-fit: contain;
}
.developers-page .card-title {
  margin: 0 0 0.75rem;
  overflow-wrap: anywhere;
}
.developers-page .card-url {
  margin-top: auto;
}
@media (max-width: 63.75rem) {
  .developers-page .page-section {
    padding-bottom: 3.5rem;
  }
  .developers-page .page-header-container {
    margin-bottom: 2.5rem;
  }
  .developers-page .card-header.img {
    height: 6.875rem;
  }
  .developers-page .card-header.img img {
    max-height: 5.625rem;
  }
}
@media (max-width: 48rem) {
  .developers-page .page-section {
    padding-top: 1.25rem;
    padding-bottom: 3rem;
  }
  .developers-page .page-header-container {
    margin-bottom: 2rem;
  }
  .developers-page .page-header-description {
    font-size: 0.9375rem;
    line-height: 1.5rem;
  }
  .developers-page .card-grid {
    gap: 1rem;
  }
  .developers-page .card-header.img {
    height: 6.25rem;
    margin-bottom: 0.75rem;
  }
  .developers-page .card-header.img img {
    max-height: 5.125rem;
  }
}
@media (max-width: 37.5rem) {
  .developers-page .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
  }
  .developers-page .card {
    padding: 0.875rem;
  }
  .developers-page .card-header.img {
    height: 5.75rem;
  }
  .developers-page .card-header.img img {
    max-height: 4.625rem;
  }
  .developers-page .card-title {
    font-size: 0.9375rem;
    line-height: 1.25rem;
  }
  .developers-page .card-url {
    font-size: 0.8125rem;
  }
}
@media (max-width: 31.25rem) {
  .developers-page .page-section {
    padding-bottom: 2.5rem;
  }
  .developers-page .page-header-container {
    margin-bottom: 1.75rem;
  }
  .developers-page .card-grid {
    grid-template-columns: 1fr;
    gap: 0.875rem;
  }
  .developers-page .card {
    padding: 1rem;
  }
  .developers-page .card-header.img {
    height: 6.25rem;
  }
  .developers-page .card-header.img img {
    max-height: 5.125rem;
  }
}
.checkout-success-page {
  padding-bottom: 5rem;
}
.checkout-success {
  padding-top: 1.5rem;
}
.checkout-success__wrapper {
  width: 100%;
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 3rem;
  border: 1px solid #EEEEF1;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 0.125rem 0.9375rem rgba(0, 0, 0, 0.05);
}
.checkout-success__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.checkout-success__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.25rem;
  border-radius: 50%;
  background-color: rgba(20, 163, 123, 0.1);
  color: #14A37B;
}
.checkout-success__icon svg {
  width: 2.125rem;
  height: 2.125rem;
}
.checkout-success__order-title {
  margin-top: 0.625rem;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #5B5B6B;
}
.checkout-success__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.625rem;
  margin-top: 2.25rem;
}
.checkout-success__summary-item {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  min-width: 0;
  padding: 1.125rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #F4F4F6;
}
.checkout-success__summary-label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.checkout-success__summary-value {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  overflow-wrap: anywhere;
}
.checkout-success__content {
  max-width: 51.25rem;
  margin: 2.25rem auto 0;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.625rem;
  color: #1B1B20;
}
.checkout-success__content p {
  margin: 0;
}
.checkout-success__content p + p {
  margin-top: 1rem;
}
.checkout-success__content a {
  color: #CA163C;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: 300ms;
}
.checkout-success__content a:hover {
  text-decoration-color: transparent;
}
.checkout-success__content ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 1rem 0;
}
.checkout-success__content li {
  position: relative;
  padding-left: 1.5rem;
}
.checkout-success__content li::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0.375rem;
  width: 0.4375rem;
  height: 0.4375rem;
  border-radius: 50%;
  background-color: #CA163C;
}
.checkout-success__actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2.25rem;
}
.checkout-success__actions .btn {
  min-width: 14.375rem;
}
@media (max-width: 56.25rem) {
  .checkout-success__wrapper {
    padding: 2.25rem;
  }
  .checkout-success__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 37.5rem) {
  .checkout-success-page {
    padding-bottom: 2.5rem;
  }
  .checkout-success {
    padding-top: 0.5rem;
  }
  .checkout-success__wrapper {
    padding: 1.5rem 1.125rem;
    border-radius: 0.75rem;
  }
  .checkout-success__icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
  }
  .checkout-success__icon svg {
    width: 1.875rem;
    height: 1.875rem;
  }
  .checkout-success__order-title {
    margin-top: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.375rem;
  }
  .checkout-success__summary {
    margin-top: 1.625rem;
    gap: 0.5rem;
  }
  .checkout-success__summary-item {
    padding: 0.875rem;
  }
  .checkout-success__content {
    margin-top: 1.625rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .checkout-success__actions {
    flex-direction: column;
    margin-top: 1.75rem;
  }
  .checkout-success__actions .btn {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 25rem) {
  .checkout-success__summary {
    grid-template-columns: 1fr;
  }
}
.checkout-failure-page {
  padding-bottom: 5rem;
}
.checkout-failure {
  padding-top: 1.5rem;
}
.checkout-failure__wrapper {
  width: 100%;
  max-width: 68.75rem;
  margin: 0 auto;
  padding: 3rem;
  border: 1px solid #EEEEF1;
  border-radius: 1rem;
  background-color: #FFFFFF;
  box-shadow: 0 0.125rem 0.9375rem rgba(0, 0, 0, 0.05);
}
.checkout-failure__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.checkout-failure__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  margin-bottom: 1.25rem;
  border-radius: 50%;
  background-color: rgba(208, 131, 47, 0.1);
  color: #D0832F;
}
.checkout-failure__icon svg {
  width: 2.125rem;
  height: 2.125rem;
}
.checkout-failure__payment-title {
  margin-top: 0.625rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75rem;
  color: #1B1B20;
}
.checkout-failure__intro {
  max-width: 42.5rem;
  margin: 0.5rem auto 0;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.5rem;
  color: #5B5B6B;
}
.checkout-failure__summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.625rem;
  margin-top: 2.25rem;
}
.checkout-failure__summary-item {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
  min-width: 0;
  padding: 1.125rem 1.25rem;
  border-radius: 0.625rem;
  background-color: #F4F4F6;
}
.checkout-failure__summary-label {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  letter-spacing: 0.3px;
  color: #7C7C86;
}
.checkout-failure__summary-value {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.375rem;
  letter-spacing: 0.3px;
  color: #1B1B20;
  overflow-wrap: anywhere;
}
.checkout-failure__steps {
  max-width: 51.25rem;
  margin: 2.25rem auto 0;
  padding: 1.75rem;
  border-radius: 0.75rem;
  background-color: #F4F4F6;
}
.checkout-failure__steps-title {
  margin: 0 0 1.25rem;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.625rem;
  color: #1B1B20;
}
.checkout-failure__steps-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.checkout-failure__step {
  display: grid;
  grid-template-columns: 1.875rem minmax(0, 1fr);
  align-items: flex-start;
  gap: 0.75rem;
}
.checkout-failure__step p {
  margin: 0.1875rem 0 0;
  font-weight: 500;
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  color: #5B5B6B;
}
.checkout-failure__step-number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background-color: #FFFFFF;
  font-weight: 700;
  font-size: 0.8125rem;
  line-height: 1;
  color: #CA163C;
}
.checkout-failure__warning {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.75rem;
  max-width: 51.25rem;
  margin: 1rem auto 0;
  padding: 1.125rem 1.25rem;
  border: 1px solid rgba(208, 131, 47, 0.24);
  border-radius: 0.625rem;
  background-color: rgba(208, 131, 47, 0.06);
}
.checkout-failure__warning-icon {
  display: flex;
  width: 1.75rem;
  height: 1.75rem;
  color: #D0832F;
}
.checkout-failure__warning-icon svg {
  width: 100%;
  height: 100%;
}
.checkout-failure__warning-text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #1B1B20;
}
.checkout-failure__warning-text strong {
  font-weight: 700;
}
.checkout-failure__warning-text a {
  color: #CA163C;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: 300ms;
}
.checkout-failure__warning-text a:hover {
  text-decoration-color: transparent;
}
.checkout-failure__actions {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
  margin-top: 2rem;
}
.checkout-failure__actions .btn {
  min-width: 14.375rem;
}
.checkout-failure__help {
  margin-top: 1.25rem;
  text-align: center;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: #5B5B6B;
}
.checkout-failure__help a {
  color: #CA163C;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
  transition: 300ms;
}
.checkout-failure__help a:hover {
  text-decoration-color: transparent;
}
@media (max-width: 56.25rem) {
  .checkout-failure__wrapper {
    padding: 2.25rem;
  }
  .checkout-failure__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 37.5rem) {
  .checkout-failure-page {
    padding-bottom: 2.5rem;
  }
  .checkout-failure {
    padding-top: 0.5rem;
  }
  .checkout-failure__wrapper {
    padding: 1.5rem 1.125rem;
    border-radius: 0.75rem;
  }
  .checkout-failure__icon {
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1rem;
  }
  .checkout-failure__icon svg {
    width: 1.875rem;
    height: 1.875rem;
  }
  .checkout-failure__payment-title {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .checkout-failure__intro {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }
  .checkout-failure__summary {
    margin-top: 1.625rem;
    gap: 0.5rem;
  }
  .checkout-failure__summary-item {
    padding: 0.875rem;
  }
  .checkout-failure__steps {
    margin-top: 1.625rem;
    padding: 1.25rem 1rem;
  }
  .checkout-failure__steps-title {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .checkout-failure__step {
    gap: 0.625rem;
  }
  .checkout-failure__step p {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
  .checkout-failure__warning {
    grid-template-columns: 1.75rem minmax(0, 1fr);
    padding: 1rem;
  }
  .checkout-failure__actions {
    flex-direction: column;
    margin-top: 1.75rem;
  }
  .checkout-failure__actions .btn {
    width: 100%;
    min-width: 0;
  }
}
@media (max-width: 25rem) {
  .checkout-failure__summary {
    grid-template-columns: 1fr;
  }
}
.login, .account {
  width: 100%;
}
/* 02. Reusable primitives
   ========================================================================== */
.account-content {
  min-width: 0;
}
.account-content.account-form {
  width: 100%;
  max-width: 21.875rem;
}
.account-section {
  padding: 2.25rem 0 5rem;
}
.account-container {
  display: grid;
  grid-template-columns: 15.625rem minmax(0, 1fr);
  gap: 2rem;
  justify-items: stretch;
  overflow: visible;
}
.account-head {
  margin-bottom: 1.5rem;
}
.account-head .h1 {
  margin-bottom: 0;
}
.account-subtitle {
  max-width: 45rem;
  margin: 0.75rem 0 0;
  color: #6F6F78;
  line-height: 1.5;
}
.account-list, .account-orders-list, .account-address-list, .account-wishlist-list, .account-order-history-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.account-surface, .account-card, .account-address-card, .account-order-card, .account-order-item, .account-order-detail-card, .account-order-address-card, .account-order-comment, .account-wishlist-card, .account-orders-empty, .account-order-history-item {
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 0.375rem;
}
.account-card, .account-address-card, .account-order-card, .account-order-item, .account-wishlist-card {
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}
.account-card:hover, .account-address-card:hover, .account-order-card:hover, .account-wishlist-card:hover {
  background: #FFF7F9;
  border-color: #F5C7D2;
  box-shadow: 0 0.75rem 2.125rem rgba(202, 22, 60, 0.08);
}
.account-card:hover {
  transform: translateY(-2px);
}
.account-badge, .account-order-status, .account-order-card-status, .account-order-history-status, .account-compare-status, .account-wishlist-stock {
  display: inline-flex;
  align-items: center;
  min-height: 1.75rem;
  padding: 0.3125rem 0.625rem;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  line-height: 1.2;
  white-space: nowrap;
}
.account-badge-muted, .account-compare-status, .account-wishlist-stock {
  background: #FAF7F8;
  border: 1px solid #EEEEF1;
  color: #6F6F78;
  font-weight: 600;
}
.account-badge-accent, .account-order-status, .account-order-card-status, .account-order-history-status {
  background: #FDEBF0;
  border: 1px solid #F5C7D2;
  color: #CA163C;
  font-weight: 700;
}
.account-price-current, .account-wishlist-price-current, .account-compare-price-current {
  color: #101014;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.3;
  white-space: nowrap;
}
.account-price-old, .account-wishlist-price-old, .account-compare-price-old {
  margin-top: 0.25rem;
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.3;
  text-decoration: line-through;
  white-space: nowrap;
}
.account-page-actions {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1.5rem;
}
.account-page-actions-right {
  justify-content: flex-end;
}
.account-block-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 1.125rem;
}
.account-block-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #101014;
}
.account-block-subtitle {
  margin: 0.5rem 0 0;
  font-size: 0.875rem;
  line-height: 1.45;
  color: #6F6F78;
}
.account-empty-title, .account-orders-empty-title {
  font-size: 1.125rem;
  font-weight: 700;
  color: #101014;
}
.account-empty-text, .account-orders-empty-text {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #6F6F78;
}
.account-orders-empty {
  padding: 2rem;
  background: #FAF7F8;
}
/* 03. Auth pages
   ========================================================================== */
.login-container {
  width: 100%;
  max-width: 21.875rem;
  margin: 4rem auto 10rem;
}
.login-container .h1, .login-container p {
  text-align: center;
}
.login-container .h1 {
  margin-bottom: 0.75rem;
}
.login-container p {
  margin: 0;
  color: #6f6f78;
  line-height: 1.45;
}
.login-container .btn-wrapper-switch {
  margin: 1rem 0 1.5rem;
}
.login-container .form, .account-form .form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.login-container span {
  line-height: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.01875rem;
}
.login-link {
  display: inline-flex;
  justify-content: center;
  color: #CA163C;
  text-align: center;
  text-decoration: none;
  font-size: 0.875rem;
  font-weight: 500;
}
.login-link:hover {
  color: #E2284F;
}
/* 04. Simple module forms
   ========================================================================== */
.simpleregister {
  width: 100%;
}
.simpleregister .form-group, .account-form .simpleregister .form-group {
  margin: 0;
}
.simpleregister .row {
  margin-left: 0;
  margin-right: 0;
}
.simpleregister [class*="col-"] {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  flex: 0 0 100%;
}
.simpleregister .control-label {
  display: none !important;
}
.simpleregister fieldset, .account-form .simpleregister-block-content, .account-form .simpleregister fieldset, .account-address-form fieldset {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  padding: 0;
  margin: 0;
  border: none;
}
.simpleregister-button-block, .account-form .simpleregister-button-block {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.account-form .simpleregister-button-block {
  margin-top: 1.5rem;
}
.account-form .simpleregister-button-right, .account-form #simpleregister_button_confirm, #simpleregister_button_confirm {
  width: 100%;
}
#agreement_checkbox {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
#agreement_checkbox .checkbox-label {
  margin: 0;
}
.simple-field-title {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #101014;
}
.simple-field-options {
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
}
.simple-file-name {
  margin-top: 0.375rem;
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.4;
}
/* 05. Sidebar
   ========================================================================== */
.account-sidebar {
  position: sticky;
  top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.125rem;
}
.account-user {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  padding: 1.125rem;
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 0.375rem;
  overflow: hidden;
}
.account-user-content {
  display: flex;
  min-width: 0;
  flex-direction: column;
  flex-wrap: wrap;
  padding-top: 0.3125rem;
}
.account-user-title {
  font-size: 0.8125rem;
  line-height: 1.3;
  color: #6F6F78;
}
.account-user-name {
  font-size: 1rem;
  font-weight: 700;
  color: #101014;
}
.account-menu {
  display: flex;
  flex-direction: column;
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 0.375rem;
  overflow: hidden;
}
.account-menu-item {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 3rem;
  padding: 0.875rem 1.125rem;
  border-bottom: 1px solid #EEEEF1;
  color: #101014;
  text-decoration: none;
  font-size: 0.9375rem;
  transition: background 0.2s ease, color 0.2s ease, padding-left 0.2s ease;
}
.account-menu-item:last-child {
  border-bottom: none;
}
.account-menu-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.75rem;
  bottom: 0.75rem;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: transparent;
  transition: background 0.2s ease;
}
.account-menu-item:hover {
  background: #FFF7F9;
  color: #CA163C;
  padding-left: 1.375rem;
}
.account-menu-item:hover::before {
  background: #CA163C;
}
.account-menu-item.is-active, .account-menu-item.is-active:hover {
  background: #FFF7F9;
  color: #CA163C;
  padding-left: 1.375rem;
}
.account-menu-item.is-active::before, .account-menu-item.is-active:hover::before {
  background: #CA163C;
}
/* 06. Account dashboard
   ========================================================================== */
.account-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}
.account-card {
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
  min-height: 6.125rem;
  padding: 1.25rem;
  text-decoration: none;
}
.account-card-content {
  min-width: 0;
}
.account-card-title {
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
}
.account-card-text {
  margin-top: 3px;
  color: #6F6F78;
  font-size: 0.875rem;
  line-height: 1.45;
}
/* 07. Dashboard order accordion
   ========================================================================== */
.account-orders {
  margin-top: 2.625rem;
}
.account-order-item.is-open {
  border-color: #F5C7D2;
}
.account-order-toggle {
  width: 100%;
  min-height: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.125rem 1.375rem;
  background: transparent;
  border: none;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.account-order-main {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 0.3125rem;
}
.account-order-number {
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
}
.account-order-date {
  color: #6F6F78;
  font-size: 0.8125rem;
}
.account-order-info {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 1rem;
}
.account-order-status {
  min-height: auto;
  padding: 0.375rem 0.625rem;
}
.account-order-total {
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
.account-order-arrow {
  width: 0.625rem;
  height: 0.625rem;
  border-right: 2px solid #6F6F78;
  border-bottom: 2px solid #6F6F78;
  transform: rotate(45deg);
  transition: transform 0.25s ease, border-color 0.2s ease;
}
.account-order-item.is-open .account-order-arrow {
  border-color: #CA163C;
  transform: rotate(-135deg);
}
.account-order-content {
  display: none;
  background: #FFFFFF;
  border-top: 1px solid #EEEEF1;
}
.account-order-item.is-open .account-order-content {
  display: block;
}
.account-order-content-inner {
  padding: 1.375rem;
}
.account-order-table-wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.account-order-table {
  width: 100%;
  min-width: 42.5rem;
  border-collapse: collapse;
}
.account-order-table th, .account-order-table td {
  padding: 0.875rem 0.625rem;
  border-bottom: 1px solid #EEEEF1;
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: left;
  vertical-align: top;
}
.account-order-table th {
  color: #6F6F78;
  font-weight: 600;
}
.account-order-table td {
  color: #101014;
}
.account-order-table td a {
  font-weight: 700;
  text-decoration: none;
  color: #CA163C;
}
.account-order-table td a:hover {
  color: #E2284F;
}
.account-order-actions {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.125rem;
}
/* 08. Address list
   ========================================================================== */
.account-address-card {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem;
}
.account-address-content {
  min-width: 0;
}
.account-address-title {
  margin-bottom: 0.375rem;
  color: #101014;
  font-size: 0.9375rem;
  font-weight: 700;
}
.account-address-text {
  color: #6F6F78;
  font-size: 0.875rem;
  line-height: 1.55;
}
.account-address-text br {
  display: block;
  content: "";
  margin-bottom: 2px;
}
.account-address-actions {
  display: flex;
  gap: 0.625rem;
}
/* 09. Order list
   ========================================================================== */
.account-order-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 1.25rem;
}
.account-order-card-main {
  min-width: 0;
}
.account-order-card-title {
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
}
.account-order-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.875rem;
  margin-top: 0.375rem;
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.account-order-card-info {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.875rem;
}
.account-order-card-status {
  min-height: auto;
  padding: 0.375rem 0.625rem;
}
.account-order-card-total {
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
  white-space: nowrap;
}
.account-order-card-link {
  min-height: 2.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  white-space: nowrap;
}
.account-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  margin-top: 1.5rem;
}
.account-pagination-links {
  min-width: 0;
}
.account-pagination-results {
  color: #6F6F78;
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: right;
}
/* 10. Order info
   ========================================================================== */
.account-order-info-page {
  min-width: 0;
}
.account-order-details-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}
.account-order-detail-card, .account-order-address-card, .account-order-comment {
  padding: 1.25rem;
}
.account-order-detail-title {
  margin-bottom: 0.875rem;
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
}
.account-order-detail-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.account-order-detail-row, .account-order-total-row {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  font-size: 0.875rem;
  line-height: 1.45;
}
.account-order-detail-row span, .account-order-total-row span {
  color: #6F6F78;
}
.account-order-detail-row strong, .account-order-total-row strong {
  color: #101014;
  font-weight: 700;
  text-align: right;
}
.account-order-address-text, .account-order-comment-text {
  color: #6F6F78;
  font-size: 0.875rem;
  line-height: 1.55;
}
.account-order-address-text br {
  display: block;
  content: "";
  margin-bottom: 2px;
}
.account-order-products {
  margin-top: 2rem;
}
.account-order-info-table th, .account-order-info-table td {
  white-space: nowrap;
}
.account-order-info-table th:first-child, .account-order-info-table td:first-child {
  min-width: 16.25rem;
  white-space: normal;
}
.account-order-product-name {
  color: #101014;
  font-weight: 700;
}
.account-order-product-option {
  margin-top: 0.25rem;
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.35;
}
.account-order-product-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  white-space: nowrap;
}
.account-order-icon-btn {
  min-height: 2.25rem;
  padding: 0.5rem 0.75rem;
}
.account-order-totals {
  width: 100%;
  max-width: 22.5rem;
  margin: 1.25rem 0 0 auto;
  padding: 1rem;
  background: #FAF7F8;
  border: 1px solid #EEEEF1;
  border-radius: 0.375rem;
}
.account-order-total-row {
  padding: 0.5625rem 0;
  border-bottom: 1px solid #EEEEF1;
}
.account-order-total-row:first-child {
  padding-top: 0;
}
.account-order-total-row:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.account-order-comment {
  margin-top: 1.75rem;
}
.account-order-history {
  margin-top: 2.25rem;
}
.account-order-history-item {
  display: grid;
  grid-template-columns: 10rem minmax(0, 1fr);
  gap: 1.125rem;
  padding: 1.125rem;
}
.account-order-history-date {
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.45;
}
.account-order-history-status {
  min-height: 1.875rem;
  padding: 0.375rem 0.625rem;
}
.account-order-history-comment {
  margin-top: 0.5rem;
  color: #6F6F78;
  font-size: 0.875rem;
  line-height: 1.5;
}
/* 11. Wishlist
   ========================================================================== */
.account-wishlist-card {
  display: grid;
  grid-template-columns: 6rem minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1.25rem;
  padding: 1.125rem;
}
.account-wishlist-image, .account-compare-product-image {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-radius: 0.375rem;
  text-decoration: none;
}
.account-wishlist-image {
  width: 6rem;
  height: 6rem;
  padding: 0.5rem;
}
.account-wishlist-image img, .account-compare-product-image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.account-wishlist-content {
  min-width: 0;
}
.account-wishlist-title {
  display: inline-block;
  color: #101014;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
}
.account-wishlist-title:hover {
  color: #CA163C;
}
.account-wishlist-meta {
  margin-top: 0.375rem;
  color: #6F6F78;
  font-size: 0.8125rem;
  line-height: 1.4;
}
.account-wishlist-stock {
  margin-top: 0.625rem;
}
.account-wishlist-price {
  min-width: 7.5rem;
  text-align: right;
}
.account-wishlist-actions {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 0.625rem;
}
.account-wishlist-actions .btn {
  min-height: 2.375rem;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  white-space: nowrap;
}
/* 12. Compare
   ========================================================================== */
.account-compare-page {
  min-width: 0;
}
.account-compare-scroll {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.25rem;
  -webkit-overflow-scrolling: touch;
}
.account-compare-table {
  width: 100%;
  min-width: 48.75rem;
  background: #FFFFFF;
  border: 1px solid #EEEEF1;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 0.375rem;
  overflow: hidden;
}
.account-compare-table th, .account-compare-table td {
  min-width: 13.125rem;
  padding: 1rem;
  border-right: 1px solid #EEEEF1;
  border-bottom: 1px solid #EEEEF1;
  color: #101014;
  font-size: 0.875rem;
  line-height: 1.45;
  vertical-align: top;
}
.account-compare-table th:last-child, .account-compare-table td:last-child {
  border-right: none;
}
.account-compare-table tr:last-child td {
  border-bottom: none;
}
.account-compare-label {
  width: 11.875rem;
  min-width: 11.875rem !important;
  max-width: 11.875rem;
  background: #FAF7F8;
  color: #6F6F78 !important;
  font-weight: 700;
}
.account-compare-product-head {
  background: #FFFFFF;
  text-align: left;
}
.account-compare-product-image {
  width: 100%;
  height: 9.375rem;
  margin-bottom: 0.875rem;
  padding: 0.625rem;
}
.account-compare-product-title {
  display: inline-block;
  min-height: 2.75rem;
  color: #101014;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.45;
  text-decoration: none;
}
.account-compare-product-title:hover {
  color: #CA163C;
}
.account-compare-product-actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.875rem;
}
.account-compare-product-actions .btn {
  width: 100%;
  min-height: 2.375rem;
}
.account-compare-rating {
  display: flex;
  gap: 2px;
  color: #CA163C;
  font-size: 0.875rem;
}
.account-compare-reviews {
  margin-top: 0.375rem;
  color: #6F6F78;
  font-size: 0.8125rem;
}
.account-compare-description {
  color: #6F6F78;
  font-size: 0.8125rem;
}
.account-compare-empty {
  color: #6F6F78;
}
.account-compare-group-row td {
  padding: 0.875rem 1rem;
  background: #FDEBF0;
  color: #CA163C;
  font-size: 0.9375rem;
  font-weight: 700;
}
/* 13. Datetimepicker skin
   ========================================================================== */
.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 20rem;
  padding: 0.875rem;
  margin-top: 0.625rem;
  background: #FFFFFF;
  border: 1px solid #eeeef1;
  border-radius: 0.5rem;
  box-shadow: 0 0.875rem 2.375rem rgba(16, 16, 20, 0.12);
  z-index: 99999 !important;
}
.bootstrap-datetimepicker-widget.bottom:before, .bootstrap-datetimepicker-widget.bottom:after, .bootstrap-datetimepicker-widget.top:before, .bootstrap-datetimepicker-widget.top:after {
  display: none;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
  border-collapse: separate;
  border-spacing: 3px;
}
.bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td {
  width: auto;
  height: 2.125rem;
  padding: 0;
  border: none;
  border-radius: 0.375rem;
  color: #101014;
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  line-height: 2.125rem;
  text-align: center;
  vertical-align: middle;
}
.bootstrap-datetimepicker-widget thead tr:first-child th {
  height: 2.25rem;
  line-height: 2.25rem;
  font-weight: 700;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget th.picker-switch {
  width: auto;
  color: #101014;
  font-size: 0.9375rem;
  font-weight: 700;
}
.bootstrap-datetimepicker-widget th.prev, .bootstrap-datetimepicker-widget th.next {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  color: #101014;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.875rem;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover, .bootstrap-datetimepicker-widget th.prev:hover, .bootstrap-datetimepicker-widget th.next:hover, .bootstrap-datetimepicker-widget td.day:hover, .bootstrap-datetimepicker-widget td.hour:hover, .bootstrap-datetimepicker-widget td.minute:hover, .bootstrap-datetimepicker-widget td.second:hover, .bootstrap-datetimepicker-widget td span:hover {
  background: #fff7f9;
  color: #ca163c;
}
.bootstrap-datetimepicker-widget thead tr:first-child th:hover, .bootstrap-datetimepicker-widget th.prev:hover, .bootstrap-datetimepicker-widget th.next:hover {
  background: #fdebf0;
}
.bootstrap-datetimepicker-widget .dow {
  height: 1.75rem;
  color: #6f6f78;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.75rem;
  text-transform: lowercase;
}
.bootstrap-datetimepicker-widget td.day {
  width: 2.125rem;
  height: 2.125rem;
  font-size: 0.875rem;
  line-height: 2.125rem;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget td.old, .bootstrap-datetimepicker-widget td.new, .bootstrap-datetimepicker-widget td span.old {
  color: #b0b0b8;
}
.bootstrap-datetimepicker-widget td.active, .bootstrap-datetimepicker-widget td.active:hover, .bootstrap-datetimepicker-widget td span.active {
  background: #ca163c;
  color: #ffffff;
  font-weight: 700;
  text-shadow: none;
}
.bootstrap-datetimepicker-widget td.today {
  position: relative;
  color: #ca163c;
  font-weight: 700;
}
.bootstrap-datetimepicker-widget td.today:before {
  display: none;
}
.bootstrap-datetimepicker-widget td.today:not(.active)::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0.3125rem;
  width: 0.25rem;
  height: 0.25rem;
  background: #ca163c;
  border-radius: 50%;
  transform: translateX(-50%);
}
.bootstrap-datetimepicker-widget td.active.today::after {
  background: #FFFFFF;
}
.bootstrap-datetimepicker-widget td.disabled, .bootstrap-datetimepicker-widget td.disabled:hover, .bootstrap-datetimepicker-widget td span.disabled, .bootstrap-datetimepicker-widget td span.disabled:hover {
  background: transparent;
  color: #c8c8ce;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget td span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(33.333% - rem(6));
  height: 2.375rem;
  margin: 3px;
  border-radius: 0.375rem;
  color: #101014;
  font-size: 0.8125rem;
  line-height: 1.2;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget .timepicker-hour, .bootstrap-datetimepicker-widget .timepicker-minute, .bootstrap-datetimepicker-widget .timepicker-second {
  width: auto;
  height: 2.375rem;
  color: #101014;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.375rem;
}
.bootstrap-datetimepicker-widget button[data-action], .bootstrap-datetimepicker-widget a[data-action] {
  padding: 0.5rem;
  background: transparent;
  border: none;
  color: #ca163c;
}
.bootstrap-datetimepicker-widget button[data-action]:hover, .bootstrap-datetimepicker-widget a[data-action]:hover {
  background: #fdebf0;
  border-radius: 0.375rem;
}
/* 14. Adaptive
   ========================================================================== */
@media (max-width: 75rem) {
  .account-container {
    grid-template-columns: 13.75rem minmax(0, 1fr);
    gap: 1.5rem;
  }
  .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-order-details-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-wishlist-card {
    grid-template-columns: 5.5rem minmax(0, 1fr) auto;
    gap: 1rem;
  }
  .account-wishlist-image {
    width: 5.5rem;
    height: 5.5rem;
  }
  .account-wishlist-actions {
    grid-column: 2 / -1;
    justify-content: flex-end;
  }
}
@media (max-width: 61.9375rem) {
  .account-section {
    padding: 2rem 0 4rem;
  }
  .account-container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
  .account-content.account-form {
    margin: auto;
  }
  .account-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-sidebar {
    position: static;
  }
  .account-user {
    display: none;
  }
  .account-menu {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .account-menu-item {
    justify-content: center;
    border-bottom: 1px solid #EEEEF1;
  }
  .account-menu-item:nth-child(3n + 1), .account-menu-item:nth-child(3n + 2) {
    border-right: 1px solid #EEEEF1;
  }
  .account-menu-item:hover {
    padding-left: 1.125rem;
  }
  .account-menu-item::before {
    display: none;
  }
  .account-menu-item.is-active, .account-menu-item.is-active:hover {
    padding-left: 1.125rem;
    background: #FDEBF0;
    color: #CA163C;
  }
  .account-order-details-grid {
    grid-template-columns: 1fr;
  }
  .account-wishlist-card {
    grid-template-columns: 5.25rem minmax(0, 1fr);
    align-items: flex-start;
  }
  .account-wishlist-image {
    width: 5.25rem;
    height: 5.25rem;
  }
  .account-wishlist-price, .account-wishlist-actions {
    grid-column: 2;
  }
  .account-wishlist-price {
    text-align: left;
  }
}
@media (max-width: 47.9375rem) {
  .login-container {
    max-width: none;
    padding: 0 1rem;
    margin: 3rem auto 6rem;
  }
  .account-grid {
    grid-template-columns: 1fr;
  }
  .account-card {
    min-height: auto;
  }
  .account-orders {
    margin-top: 2.25rem;
  }
  .account-block-head {
    align-items: flex-start;
    flex-direction: column;
    gap: 0.75rem;
  }
  .account-order-toggle, .account-order-card, .account-address-card {
    align-items: flex-start;
    flex-direction: column;
    gap: 1rem;
    padding: 1.125rem;
  }
  .account-order-toggle {
    gap: 0.875rem;
  }
  .account-order-info, .account-order-card-info {
    width: 100%;
    gap: 0.75rem;
  }
  .account-order-info {
    justify-content: space-between;
  }
  .account-order-card-info, .account-address-actions {
    align-items: stretch;
    flex-direction: column;
    gap: 0.625rem;
  }
  .account-order-card-status, .account-order-card-total, .account-order-card-link, .account-address-actions, .account-address-actions .btn {
    width: 100%;
  }
  .account-order-content-inner, .account-order-detail-card, .account-order-address-card, .account-order-comment, .account-order-history-item {
    padding: 1.125rem;
  }
  .account-order-detail-row, .account-order-total-row {
    flex-direction: column;
    gap: 3px;
  }
  .account-order-detail-row strong, .account-order-total-row strong {
    text-align: left;
  }
  .account-order-totals {
    max-width: none;
  }
  .account-order-history-item {
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
  .account-order-product-actions {
    justify-content: flex-start;
  }
  .account-pagination {
    align-items: flex-start;
    flex-direction: column;
  }
  .account-pagination-results {
    text-align: left;
  }
  .account-page-actions, .account-page-actions-right {
    flex-direction: column-reverse;
    justify-content: stretch;
  }
  .account-page-actions .btn, .account-page-actions input[type="submit"] {
    width: 100%;
  }
  .account-compare-table {
    min-width: 45rem;
  }
  .account-compare-table th, .account-compare-table td {
    min-width: 11.875rem;
    padding: 0.875rem;
  }
  .account-compare-label {
    width: 9.6875rem;
    min-width: 9.6875rem !important;
    max-width: 9.6875rem;
  }
  .account-compare-product-image {
    height: 8.125rem;
  }
}
@media (max-width: 35.9375rem) {
  .account-section {
    padding: 1.5rem 0 3rem;
  }
  .account-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .account-menu-item {
    justify-content: center;
    min-height: 2.875rem;
    padding: 0.75rem 0.625rem;
    font-size: 0.8125rem;
    line-height: 1.3;
    text-align: center;
  }
  .account-menu-item:nth-child(3n + 1), .account-menu-item:nth-child(3n + 2) {
    border-right: none;
  }
  .account-menu-item:nth-child(odd) {
    border-right: 1px solid #EEEEF1;
  }
  .account-menu-item:hover, .account-menu-item.is-active, .account-menu-item.is-active:hover {
    padding-left: 0.625rem;
  }
  .account-card, .account-wishlist-card {
    padding: 1.125rem;
  }
  .account-order-status {
    max-width: none;
    white-space: normal;
  }
  .account-wishlist-card {
    grid-template-columns: 4.5rem minmax(0, 1fr);
    gap: 0.875rem;
  }
  .account-wishlist-image {
    width: 4.5rem;
    height: 4.5rem;
    padding: 0.375rem;
  }
  .account-wishlist-price, .account-wishlist-actions {
    grid-column: 1 / -1;
  }
  .account-wishlist-price {
    min-width: 0;
  }
  .account-wishlist-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
  }
  .account-wishlist-actions .btn {
    width: 100%;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    width: 18.125rem;
    padding: 0.75rem;
  }
  .bootstrap-datetimepicker-widget table {
    border-spacing: 2px;
  }
  .bootstrap-datetimepicker-widget th, .bootstrap-datetimepicker-widget td, .bootstrap-datetimepicker-widget td.day {
    height: 2rem;
    font-size: 0.8125rem;
    line-height: 2rem;
  }
  .bootstrap-datetimepicker-widget th.prev, .bootstrap-datetimepicker-widget th.next {
    width: 2rem;
    height: 2rem;
    line-height: 1.75rem;
  }
}
@media (max-width: 31.25rem) {
  .account .breadcrumb, .login .breadcrumb {
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
  }
  .account .breadcrumb-item, .login .breadcrumb-item {
    display: none;
  }
  .account .breadcrumb-item:nth-last-child(2), .account .breadcrumb-item:last-child, .login .breadcrumb-item:nth-last-child(2), .login .breadcrumb-item:last-child {
    display: flex;
    align-items: center;
  }
  .account .breadcrumb-item:nth-last-child(2), .login .breadcrumb-item:nth-last-child(2) {
    flex: 0 0 auto;
  }
  .account .breadcrumb-item:last-child, .login .breadcrumb-item:last-child {
    flex: 1 1 auto;
    min-width: 0;
  }
  .account .breadcrumb-item:last-child span, .account .breadcrumb-item:last-child a, .login .breadcrumb-item:last-child span, .login .breadcrumb-item:last-child a {
    display: block;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 26.25rem) {
  .account-section {
    padding: 1.25rem 0 2.5rem;
  }
  .account-head {
    margin-bottom: 1.125rem;
  }
  .account-subtitle {
    margin-top: 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.45;
  }
  .account-card, .account-address-card, .account-order-card, .account-order-toggle, .account-order-content-inner, .account-order-detail-card, .account-order-address-card, .account-order-comment, .account-order-history-item, .account-orders-empty {
    padding: 1rem;
  }
  .account-card {
    gap: 0.75rem;
  }
  .account-block-title {
    font-size: 1.25rem;
  }
  .account-order-info {
    flex-wrap: wrap;
  }
  .account-order-total {
    margin-left: auto;
  }
  .login-container {
    margin-top: 2rem;
    margin-bottom: 4rem;
  }
}
@media (max-width: 22.5rem) {
  .account .h1, .login .h1 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }
  .account-menu-item {
    font-size: 0.75rem;
  }
  .account-wishlist-actions {
    grid-template-columns: 1fr;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    width: calc(100vw - rem(24));
    max-width: 18.125rem;
  }
}