@media (max-width: 1599px) {
  .comparison-board__nav {
    display: none;
  }
  .search {
    min-height: 48px;
  }

  .city-popup__title {
    font-size: 12px;
  }

  .city-popup .search {
    height: 40px;
    padding: 8px;
  }

  .city-popup .search__input {
    font-size: 14px;
  }

  .city-popup__item,
  .city-popup__note {
    font-size: 14px;
  }

  .catalog-mega__titles,
  .catalog-mega__columns {
    padding-left: 24px;
    padding-right: 24px;
  }

  .catalog-mega__col-title {
    font-size: 24px;
  }

  .search-result__title {
    font-size: 14px;
  }

  .product-card__price {
    font-size: 14px;
  }

  .cart-item__title {
    font-size: 12px;
  }

  .cart-item__stepper-btn,
  .cart-item__stepper-value {
    min-height: 36px;
  }

  .cart-item__status {
    padding: 8px;
    border-radius: 8px;
  }

  .cart-item__price {
    font-size: 14px;
  }

  .cart-item__actions {
    gap: 16px;
  }

  .cart-item__action {
    width: 32px;
    height: 32px;
  }

  .doc-row,
  .doc-row--text {
    border-radius: 16px;
  }

  .doc-row .doc-icon,
  .doc-row--text .doc-icon,
  .doc-row__preview {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 12px;
  }

  .doc-row__org {
    font-size: 12px;
  }

  .doc-row__requisites {
    font-size: 14px;
  }

  .doc-row__title {
    font-size: 12px;
  }

  .doc-table {
    display: none;
  }

  .doc-card {
    display: flex;
  }

  .doc-group {
    padding: 16px;
    border-radius: 16px;
  }

  .doc-group__title {
    letter-spacing: -0.55px;
    font-size: 20px;
  }

  .blog-card__title {
    font-size: 16px;
  }

  .blog-card__excerpt {
    font-size: 14px;
  }

  .video-card__img {
    height: 186px;
  }

  .video-card__play {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }

  .video-card__play svg {
    width: 16px;
    height: 16px;
  }

  .video-card__title {
    font-size: 12px;
  }

  .video-card__meta {
    font-size: 12px;
  }

  .certificate-card__title {
    font-size: 12px;
  }

  .completed-project-card {
    max-width: 342px;
  }

  .completed-project-card__img {
    height: 232px;
  }

  .completed-project-card__title {
    font-size: 16px;
  }

  .completed-project-card__excerpt {
    font-size: 14px;
  }

  .promo-card__badge {
    font-size: 12px;
  }

  .promo-card__body {
    padding: 16px;
  }

  .promo-card__title {
    font-size: 20px;
  }

  .promo-card__subtitle {
    font-size: 14px;
  }

  .promo-card__btn {
    min-height: 48px;
    padding: 6px 20px;
    font-size: 14px;
  }

  .review-form {
    padding: 20px;
    border-radius: 24px;
    gap: 20px;
  }

  .review-form__title {
    font-size: 16px;
  }

  .review-form__subtitle {
    font-size: 14px;
  }

  .review-form__body {
    gap: 20px;
  }

  .review-form__label,
  .review-form__required {
    font-size: 14px;
  }

  .review-form__star {
    height: 52px;
    padding: 8px;
  }

  .review-form__star svg {
    width: 24px;
    height: 24px;
  }

  .review-form__dropzone-title {
    font-size: 12px;
  }

  .review-form__dropzone-hint {
    max-width: none;
  }

  .review-form__upload {
    flex-direction: column;
    align-items: stretch;
  }

  .review-form__thumbs {
    gap: 12px;
  }

  .review-form__thumb {
    width: 60px;
    height: 60px;
  }

  .cookie-banner__text {
    font-size: 14px;
  }

  .footer__container {
    padding: 40px 24px;
    border-radius: 32px;
  }

  .footer__card {
    padding: 24px;
    border-radius: 24px;
  }

  .footer__grid {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 32px;
  }

  .footer__cta-title {
    font-size: 32px;
  }

  .footer__contact-value {
    font-size: 32px;
  }

  .footer__rating-score {
    font-size: 32px;
  }

  .container {
    padding: 0 16px;
  }

  .hero__slider {
    margin-inline: -24px;
  }

  .hero__title {
    font-size: 40px;
  }

  .hero__img {
    height: 400px;
  }

  .hero__stats {
    top: 24px;
    right: 24px;
    gap: 20px;
  }

  .hero__stat-value {
    font-size: 32px;
  }

  .hero__stat-label {
    font-size: 12px;
  }

  .catalog {
    padding: 40px 0;
    gap: 24px;
  }

  .catalog__title {
    font-size: 32px;
  }

  .popular__widget {
    min-height: 480px;
  }

  .popular__title {
    font-size: 32px;
  }

  .section-head__title {
    font-size: 32px;
  }

  .product-row__item {
    flex-basis: calc(33.333% - 16px);
  }

  .promo__photo {
    height: 360px;
  }

  .promo__card {
    left: 24px;
    bottom: 24px;
    max-width: 380px;
  }

  .gallery__box {
    padding: 24px;
    gap: 24px;
  }

  .gallery__aside {
    flex-basis: 320px;
  }

  .gallery__title {
    font-size: 32px;
  }

  .about__title {
    font-size: 32px;
  }

  .about__body {
    gap: 32px;
  }

  .about__stat-value {
    font-size: 40px;
  }

  .seo__title {
    font-size: 32px;
  }

  .partners__row {
    margin-inline: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }

  .faq__title {
    font-size: 32px;
  }
}

@media (max-width: 1200px) {
  .payment-spb__card {
    flex-direction: column;
  }
  .payment-zones__map-col {
    max-width: none;
  }

  .cart-layout {
    flex-direction: column;
  }

  .cart-list {
    width: 100%;
  }

  .cart-summary {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .doc-page .doc-group__body p,
  .doc-page .doc-group > p {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: -0.54px;
  }

  .doc-group__toggle {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    padding: 0;
  }

  .doc-group__item {
    border-radius: 16px;
  }

  .doc-group__item-main .doc-icon,
  .doc-group__item-preview {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 12px;
  }

  .doc-group__item-title {
    font-size: 12px;
  }

  .doc-group__list {
    gap: 9px;
  }

  .doc-group__item-main {
    align-items: flex-start;
  }

  .doc-content__ceo-text {
    padding: 31px 24px 22px;
  }

  .doc-content__ceo-text .doc-group__body--preview {
    max-height: 89px;
  }

  .doc-group__body--preview {
    margin-top: 27px;
  }

  .doc-group__body--preview p {
    font-size: 14px !important;
  }

  .blog-empty__title {
    font-size: 20px;
  }

  .blog-empty {
    margin: 0 auto 138px;
    gap: 16px;
    background: none;
    padding: 2px 0;
  }

  .blog-empty__text {
    max-width: 360px;
    font-size: 14px;
    line-height: 1.35;
  }
  .blog-hero__media {
    border-radius: 24px;
  }
  .pdp-breadcrumbs-row {
    padding: 36px 0;
  }

  .pdp-gallery__media {
    max-width: 100%;
    border-radius: 14px;
  }
  .catalog-head {
    gap: 30px;
    padding: 35px 0 15px;
  }

  .catalog-head__count {
    font-size: 14px;
  }

  .catalog-subcats {
    gap: 8px;
  }

  .catalog-head__row {
    align-items: flex-start;
  }

  .breadcrumbs__link,
  .breadcrumbs__sep,
  .breadcrumbs__current {
    font-size: 14px;
  }
  .catalog-mega__col {
    width: 100%;
  }

  .catalog-mega__columns {
    width: 100%;
  }
  .search {
    padding: 1px 5px;
  }

  .search__input {
    font-size: 14px;
    letter-spacing: -0.55px;
  }

  .header__topbar {
    display: none;
  }

  .header__main {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas: "brand brand" "divider divider" "search toggle";
    gap: 6px;
    padding: 8px 16px;
    min-height: 0;
  }

  .header.is-catalog-open .header__main {
    grid-template-columns: auto 1fr;
    grid-template-areas: "brand brand" "divider divider" "toggle search";
  }

  .header__brand {
    grid-area: brand;
    min-width: 0;
    justify-content: space-between;
  }

  .header__brand-city {
    display: flex;
    gap: 7px;
  }

  .header__brand-divider {
    display: block;
    grid-area: divider;
  }

  .header__logo-img {
    width: 112px;
    height: 16px;
  }

  .header__logo-tagline {
    display: none;
  }

  .header__catalog-btn,
  .header__actions {
    display: none;
  }

  .header__menu-toggle {
    display: inline-flex;
    grid-area: toggle;
  }

  .header__main .search {
    grid-area: search;
    width: 100%;
    max-width: none;
    min-height: 40px;
  }

  .header__nav {
    display: none;
  }

  .hero__img {
    height: 312px;
    border-radius: 24px;
  }

  .hero__actions {
    margin-top: 18px;
  }

  .hero__stats {
    right: 1px;
    max-width: 120px;
    padding: 0 8px;
    gap: 31px;
  }

  .hero__stat-value {
    font-size: 24px;
  }

  .hero__stat-label {
    font-size: 14px;
    line-height: 1.4;
  }

  .catalog-mega__titles {
    display: none;
  }

  .catalog__title,
  .section-head__title,
  .about__title,
  .seo__title,
  .faq__title {
    font-size: 24px;
  }

  .catalog__subtitle {
    text-align: center;
    font-size: 14px;
    max-width: 548px;
    line-height: 1.38;
  }

  .catalog {
    padding: 76px 0;
  }

  .catalog__head {
    align-items: center;
    gap: 7px;
  }

  .catalog-mega {
    z-index: 950;
  }

  /*
   * Каталог занимает экран от нижнего края шапки донизу.
   *
   * Было «100vh - 100px», и на настоящем телефоне последние пункты уезжали
   * под нижний край: 100vh — это высота экрана без плавающих панелей
   * браузера, а они на месте, и видно меньше. В отладчике всё сходилось,
   * потому что там панелей нет. dvh считает по видимой части и меняется
   * вместе с ней; vh оставлен для браузеров, которые dvh не знают.
   *
   * Отступ сверху — настоящая высота шапки (её ставит catalog-menu.js),
   * а не круглое число из вёрстки: шапка бывает выше на строку.
   */
  .catalog-mega__panel {
    display: flex;
    flex-direction: column;
    height: calc(100vh - var(--catalog-mega-top, 100px));
    height: calc(100dvh - var(--catalog-mega-top, 100px));
  }

  .catalog-mega__crumb {
    display: block;
    flex-shrink: 0;
    padding: 24px 16px 32px;
  }

  .catalog-mega__columns {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    /* Снизу — запас под полосу-«домой» на айфонах, иначе последний пункт под ней. */
    padding: 0 16px calc(16px + env(safe-area-inset-bottom, 0px));
  }

  .catalog-mega__col {
    display: none;
    flex: 1;
    min-height: 0;
    max-width: none;
    max-height: none;
    overflow-y: auto;
  }

  .catalog-mega__columns[data-active="1"] .catalog-mega__col[data-level="1"],
  .catalog-mega__columns[data-active="2"] .catalog-mega__col[data-level="2"],
  .catalog-mega__columns[data-active="3"] .catalog-mega__col[data-level="3"],
  .catalog-mega__columns[data-active="4"] .catalog-mega__col[data-level="4"] {
    display: block;
  }

  .catalog-mega .catalog-menu {
    max-width: none;
  }

  .catalog-mega .catalog-menu__img {
    width: 48px;
    height: 48px;
  }

  .bottom-nav--floating {
    display: flex;
  }

  .page {
    padding-bottom: 96px;
  }

  .hero {
    padding: 36px 0 64px;
  }

  .hero__title {
    font-size: 32px;
  }

  .hero__intro {
    gap: 11px;
  }

  .hero__subtitle {
    font-size: 14px;
  }

  .hero__actions--tablet {
    display: flex;
  }

  .hero__actions--desktop {
    display: none;
  }

  .btn--hero {
    width: 100%;
  }

  .hero__head {
    margin-bottom: 34px;
  }

  .hero__slider {
    margin-inline: 0;
    border-radius: 24px;
  }

  .hero__slide {
    border-radius: 24px;
  }

  .category-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .category-card__img {
    order: -1;
  }

  .category-grid__row--top {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
  }

  .category-grid__row--4 {
    display: contents;
  }

  .category-grid .category-card--wide {
    grid-column: span 1;
  }

  .main-category-card {
    flex-direction: row;
    align-items: center;
    height: 114px;
    max-width: none;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
  }

  .main-category-card__body {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    min-width: 0;
  }

  .main-category-card__img {
    width: 58px;
    height: 63px;
    flex: 0 0 auto;
    min-width: 0;
    object-fit: contain;
  }

  .category-grid__row {
    gap: 16px;
  }

  .main-category-card__title {
    align-self: center;
    width: auto;
    flex: 1;
    min-width: 0;
    font-size: 16px;
    order: 2;
  }

  .category-card,
  .category-card--wide {
    flex-direction: row;
    align-items: center;
    height: 114px;
    max-width: none;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
  }

  .category-card__img,
  .category-card--wide .category-card__img {
    max-width: 64px;
    height: 82px;
    flex-shrink: 0;
  }

  .category-card {
    align-items: flex-start;
  }

  .category-card__head,
  .category-card--wide .category-card__head {
    flex: 1;
    min-width: 0;
  }

  .category-card__title {
    font-size: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.2;
  }

  .category-links {
    margin-top: 16px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    gap: 8px;
  }

  .category-links::-webkit-scrollbar {
    display: none;
  }

  .category-links__item {
    padding: 0px 25px;
    letter-spacing: -0.55px;
    flex-shrink: 0;
    scroll-snap-align: start;
  }

  .category-card__subtitle {
    font-size: 12px;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .popular {
    padding: 64px 0 64px;
  }
  .popular__widget {
    flex-direction: column;
    border-radius: 24px;
    min-height: 0;
  }

  .popular__photo-col {
    border-radius: 24px;
    flex-basis: auto;
    height: 382px;
  }

  .popular__title {
    font-size: 24px;
  }

  .popular__subtitle {
    font-size: 14px;
    max-width: none;
  }

  .popular__intro {
    gap: 8px;
    left: 24px;
    bottom: 24px;
  }

  .tab-pill {
    min-height: 36px;
  }

  .popular__aside {
    padding: 24px;
    padding-top: 48px;
    gap: 30px;
  }

  .popular__nav {
    display: none;
  }

  .product-card {
    max-width: 348px;
    height: 100%;
    min-height: 433px;
  }

  .pdp-related .product-card__title {
    font-size: 12px;
    height: 31px;
  }

  .pdp-related .product-card {
    min-height: 553px;
  }

  .pdp-related .product-card__info {
    height: 100%;
    justify-content: flex-end;
  }
  .pdp-related .product-card__meta {
    margin-bottom: auto;
  }
  .pdp-related .product-card__body {
    padding: 20px 14px 16px;
  }

  .pdp-page .cta {
    padding: 125px 0 142px;
  }

  .pdp-gallery {
    gap: 16px;
  }

  .pdp-gallery__copyright {
    padding: 0;
    background: none;
    max-width: none;
  }

  .product-card__body {
    height: 100%;
    padding: 8px 14px 16px;
    justify-content: space-between;
  }

  .product-card__media {
    flex-shrink: 0;
  }

  .catalog-related .product-card {
    max-width: 348px;
  }

  .catalog-related .product-row__item {
    flex-basis: 348px;
  }

  .catalog-related .product-card__title {
    font-size: 14px;
  }

  .catalog-related__title {
    letter-spacing: -0.65px;
    font-size: 24px;
  }

  .catalog-info__title {
    font-size: 20px;
    letter-spacing: -0.55px;
  }

  .catalog-info__text {
    letter-spacing: -0.55px;
    max-height: 78px;
    font-size: 14px;
  }

  .catalog-text-section {
    padding: 76px 0 23px;
  }

  .catalog-related__head {
    margin-bottom: 31px;
  }

  .catalog-related {
    padding: 75px 0 64px;
  }

  .catalog-related__nav {
    display: none;
  }

  .catalog-pagination {
    justify-content: center;
  }

  .product-card__title {
    line-height: 1.2;
  }

  .product-card__specs {
    gap: 13px;
  }

  .catalog-grid:not(.catalog-grid--list) .product-card {
    min-height: 558px;
  }
  .section-nav {
    margin-top: 18px;
  }

  .section-nav .arrow-btn {
    display: none;
  }

  .popular__card-viewport {
    max-width: none;
    overflow: visible;
  }

  .popular__card-track {
    width: auto;
    gap: 8px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  .popular__card-track::-webkit-scrollbar {
    display: none;
  }

  .popular__card-slide {
    flex: 0 0 348px;
    scroll-snap-align: start;
  }

  .new-arrivals {
    padding: 76px 0 64px;
  }

  .section-head {
    margin-bottom: 31px;
  }

  .section-head__intro {
    gap: 8px;
  }

  .section-head__subtitle {
    font-size: 14px;
  }

  .new-arrivals .section-head__subtitle {
    max-width: 394px;
  }

  .product-row__item {
    flex-basis: 296px;
  }

  .promo {
    padding: 76px 0 64px;
  }

  .promo .section-head__subtitle {
    max-width: 394px;
  }

  .promo__banner {
    border-radius: 24px;
  }

  .promo__card {
    max-width: 345px;
    position: relative;
    padding: 32px 24px;
    left: initial;
    bottom: initial;
  }

  .promo-card__title {
    line-height: 1.2;
    letter-spacing: -0.55px;
  }

  .promo-card__subtitle {
    letter-spacing: -0.55px;
  }

  .promo-card__btn {
    width: 100%;
  }

  .promo__photo {
    position: absolute;
    inset: 0;
  }

  .product-row__track {
    gap: 8px;
  }

  .product-row__item .product-card--medium {
    max-width: 348px;
  }

  .product-row__item .project-card {
    max-width: 296px;
    gap: 24px;
  }

  .product-row__item .project-card__title {
    font-size: 12px;
    line-height: 1.3;
  }

  .projects .section-nav {
    display: none;
  }

  .project-card__img {
    height: 208px;
  }

  .seo {
    padding: 73px 0 64px;
  }
  .seo__head {
    gap: 7px;
    margin: 0 auto 33px;
  }

  .seo__photo {
    border-radius: 32px 0 0 0;
  }

  .seo__lead {
    max-width: 494px;
    letter-spacing: -0.55px;
    font-size: 14px;
  }

  .tab-pill {
    padding: 8px 14px;
  }

  .gallery {
    padding: 75px 0 64px;
  }

  .gallery__box {
    flex-direction: column-reverse;
  }

  .gallery__aside {
    flex-basis: auto;
    gap: 19px;
  }

  .gallery__box {
    padding: 25px 16px;
    gap: 31px;
  }

  .gallery__title {
    font-size: 24px;
    letter-spacing: -0.55px;
  }

  .gallery__text {
    gap: 8px;
  }

  .gallery__row {
    margin-right: -16px;
  }

  .gallery__track {
    gap: 8px;
  }

  .gallery-card__img {
    height: 372px;
  }

  .gallery-card__tag {
    font-size: 12px;
  }

  .gallery-card__title {
    font-size: 16px;
  }

  .gallery__item {
    flex: 0 0 272px;
  }

  .gallery__subtitle {
    font-size: 14px;
    letter-spacing: -0.55px;
  }

  .gallery__keywords {
    font-size: 12px;
    gap: 9px;
  }

  .partners {
    padding: 75px 0 64px;
  }

  .partners__container {
    gap: 6px;
  }

  .partners__row {
    margin-top: 24px;
  }

  .partners__lead {
    font-size: 14px;
  }

  .about {
    padding: 79px 0 64px;
  }

  .about__head {
    gap: 6px;
  }

  .about__lead {
    letter-spacing: -0.55px;
    font-size: 14px;
  }

  .about__container {
    gap: 19px;
  }

  .about__feature {
    font-size: 14px;
    max-width: 143px;
  }

  .about__col--media {
    flex-direction: row;
    max-width: 100%;
    justify-content: space-between;
  }

  .about__photo-wrap {
    max-height: 310px;
    max-width: 548px;
  }

  .about__photo {
    height: 100%;
  }

  .about__features--tablet {
    display: flex;
    justify-content: center;
    gap: 38px;
  }

  .about__features--desktop {
    display: none;
  }

  .about__badge {
    transform: translate(-50%, -50%);
    width: 173px;
    font-size: 12px;
    padding: 10px 13px;
  }

  .about__stat-value {
    font-size: 24px;
  }

  .about__stat:nth-of-type(2n - 1) {
    text-align: center;
  }

  .about__stat:nth-of-type(2n) {
    text-align: center;
  }

  .about__text {
    letter-spacing: -0.55px;
    font-size: 14px;
  }

  .about__more {
    margin-top: 5px;
    max-width: 360px;
  }

  .about__body {
    flex-direction: column;
    gap: 32px;
  }

  .projects {
    padding: 76px 0 64px;
  }

  .projects .section-head__subtitle {
    max-width: 519px;
  }

  .about__col--text,
  .about__stats {
    flex-basis: auto;
  }

  .about__stats {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .about__stat {
    min-width: 140px;
  }

  .seo__widget {
    flex-direction: column;
    border-radius: 24px;
  }

  .seo__photo {
    flex-basis: auto;
    width: 100%;
    height: 342px;
  }

  .seo__text-col {
    padding: 24px;
  }

  .seo__block-title {
    font-size: 12px;
  }

  .seo__text {
    gap: 19px;
    max-height: 206px;
    overflow: hidden;
  }

  .seo__block-text {
    font-size: 14px;
  }

  .cta {
    padding: 78px 0 64px;
  }

  .cta__box {
    gap: 16px;
    border-radius: 24px;
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  .cta__title {
    max-width: none;
    font-size: 20px;
  }

  .cta__subtitle {
    font-size: 14px;
  }

  .cta__content {
    flex-basis: auto;
    padding: 33px 9px 28px;
    max-width: 296px;
    gap: 18px;
  }

  .cta__consent-text {
    font-size: 12px;
  }

  .cta__intro {
    gap: 9px;
  }

  .cta__photo-wrap {
    max-width: none;
    order: 2;
  }

  .seo__eyebrow--tablet {
    display: flex;
    width: 100%;
    max-width: 360px;
  }

  .seo__eyebrow--desktop {
    display: none;
  }

  .cta__content {
    order: 1;
  }

  .blog {
    padding: 76px 0 64px;
  }

  .section-head__nav {
    display: none;
  }

  .blog .product-row__item {
    flex-basis: 342px;
  }

  .blog-card__title {
    line-height: 1.16;
  }

  .faq__container {
    flex-direction: column;
    gap: 32px;
  }
  .faq {
    padding: 78px 0 138px;
    flex-direction: column;
    gap: 24px;
  }

  .faq-item__question {
    font-size: 12px;
  }

  .faq-item__answer {
    font-size: 14px;
  }

  .faq__subtitle {
    font-size: 14px;
    max-width: none;
  }

  .faq__aside {
    flex-basis: auto;
  }

  .faq__list {
    max-width: none;
    gap: 17px;
  }
  .faq__head {
    gap: 9px;
  }

  .faq__links {
    flex-direction: row;
  }

  .footer {
    padding: 0 15px;
  }

  .footer__container {
    padding: 34px 24px;
    gap: 31px;
  }

  .footer__cta-title {
    font-size: 24px;
  }

  .footer__cta {
    gap: 10px;
  }
  .footer__cta-text {
    font-size: 14px;
  }

  .footer__logo-block {
    order: 1;
    padding-top: 0;
  }

  .footer__cta-title {
    max-width: 360px;
    letter-spacing: -0.45px;
  }

  .footer__cta-actions {
    margin-top: 15px;
  }

  .footer__contact {
    align-items: flex-end;
    order: 4;
  }

  .footer__contact--phone {
    order: 2;
    grid-column: 2;
  }

  .footer__contact-value {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.2px;
  }

  .footer__contact-note {
    font-size: 14px;
  }

  .footer__grid {
    gap: 6px;
    grid-template-columns: repeat(3, 172px);
    justify-content: space-between;
  }

  .footer__info {
    order: 1;
    gap: 14px;
  }

  .footer__middle {
    order: 2;
  }

  .footer__left {
    display: none;
  }

  .footer__left--mobile {
    display: flex;
    order: 3;
  }

  .footer__rating {
    display: none;
  }

  .footer__rating--tablet {
    display: flex;
  }

  .footer__tablet-text {
    order: 3;
    display: flex;
    font-size: 14px;
    letter-spacing: -0.54px;
    line-height: 1.4;
  }

  .footer__tagline {
    letter-spacing: initial;
  }

  .footer__logo-img {
    max-width: 223px;
  }

  .footer__grid--top {
    gap: 22px;
    grid-template-columns: auto 200px;
    justify-items: start;
  }

  .footer__description {
    display: none;
  }

  .footer__info-block--address {
    display: none;
  }

  .payments {
    gap: 7px;
  }

  .payments__img {
    height: 16px;
  }

  .footer__info-block {
    gap: 15px;
  }

  .footer__legal-text--tablet {
    display: none;
  }

  .footer__rating--tablet {
    display: flex;
    flex-direction: column;
    margin-top: 80px;
  }

  .footer__rating-score {
    font-size: 56px;
  }

  .rating--small {
    gap: -2px;
  }

  .footer__info-block--social-tablet {
    display: flex;
    order: 4;
  }

  .footer__info-block--social-tablet .footer__col-title {
    font-size: 16px;
  }

  .footer__middle {
    gap: 32px;
  }

  .footer__tablet-bottom {
    display: grid;
    grid-auto-flow: column;
  }

  .footer__legal-text {
    font-size: 12px;
    letter-spacing: -0.45px;
  }

  .footer__bottom {
    margin-top: -3px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 12px;
  }

  .footer__bottom span {
    order: 1;
  }

  .footer__bottom a:nth-last-of-type(1) {
    order: 4;
  }

  .footer__bottom a:nth-last-of-type(2) {
    order: 2;
  }

  .footer__bottom a:nth-last-of-type(3) {
    order: 3;
  }

  .modal {
    align-items: flex-start;
    padding: 16px;
  }

  .modal__dialog {
    max-width: none;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
    border-radius: 24px;
  }

  .modal__close {
    top: 16px;
    right: 16px;
  }

  .city-popup {
    max-width: none;
    max-height: calc(100vh - 32px);
    max-height: calc(100dvh - 32px);
  }

  .search-popup {
    position: fixed;
    inset: 0;
    max-width: none;
    max-height: none;
    height: 100%;
    border-radius: 0;
  }

  .search-popup__cancel {
    display: block;
  }

  .search-popup__title {
    font-size: 12px;
  }

  .burger-menu__search {
    min-height: 40px;
  }

  .burger-menu__list {
    padding: 0 !important;
  }

  .burger-menu {
    gap: 14px;
  }

  .burger-menu__contacts {
    padding: 0;
  }

  .catalog-body {
    flex-direction: column;
  }

  .modal[data-catalog-filters] {
    justify-content: flex-end;
    align-items: stretch;
    padding: 0;
  }

  .filters {
    width: 376px;
    max-width: calc(100% - 32px);
    height: 100%;
    border-radius: 24px 0 0 24px;
    box-shadow: var(--shadow-popup);
    transform: translateX(100%);
    transition: transform 0.25s ease;
  }

  .modal.is-open .filters {
    transform: translateX(0);
  }

  .filters__scroll {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .filters__footer {
    flex-shrink: 0;
  }

  .filters__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 7px;
    border: 0;
    background: none;
    color: var(--color-primary);
    cursor: pointer;
    flex-shrink: 0;
    margin-left: auto;
  }

  .filters__close svg {
    width: 10px;
    height: 10px;
  }

  .catalog-head__title {
    font-size: 24px;
  }

  .catalog-toolbar__sort [data-per-page-dropdown] {
    display: none;
  }

  [data-view-toggle] {
    display: none;
  }

  .catalog-toolbar__sort [data-sort-dropdown] {
    display: none;
  }

  .catalog-toolbar__sort .sort-trigger {
    display: inline-flex;
  }

  #catalog-per-page-trigger {
    display: none;
  }

  .subcategory-card {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    max-width: 148px;
    padding: 8px 8px 16px;
  }

  .subcategory-card__img {
    width: 100%;
    height: 115px;
  }

  .subcategory-card__title {
    line-height: normal;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .catalog-grid {
    gap: 14px;
    padding-top: 16px;
  }

  .pdp-variants__row {
    gap: 8px;
  }

  .config-card {
    max-width: 112px;
    border-width: 0.5px;
    border-radius: 16px;
  }

  .config-card__label {
    padding: 8px 2px;
  }

  .config-card__img {
    height: 86px;
  }

  .pdp-gallery,
  .pdp-summary {
    flex-basis: 100%;
  }

  .pdp-gallery__media {
    height: 560px;
  }

  .pdp-gallery__thumbs {
    display: none;
  }

  .pdp-gallery__video-btn,
  .pdp-gallery__dots {
    display: flex;
  }

  .pdp-breadcrumbs-row .breadcrumbs {
    flex-wrap: nowrap;
  }

  .pdp-breadcrumbs-row .breadcrumbs__link,
  .pdp-breadcrumbs-row .breadcrumbs__sep {
    flex-shrink: 0;
  }

  .pdp-breadcrumbs-row .breadcrumbs__current {
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .pdp-row,
  .pdp-reviews__body {
    flex-direction: column;
  }

  .pdp-row__col {
    gap: 17px;
    flex-basis: auto;
  }

  .pdp-review-card {
    flex-basis: auto;
    padding: 14px 15px;
  }

  .pdp-review-card__author {
    font-size: 16px;
  }

  .pdp-rating-badge {
    gap: 10px;
  }

  .doc-group__garanty {
    line-height: 1.4 !important;
    padding: 24px 0 0;
  }

  .pdp-rating-summary {
    flex-direction: column;
    flex-basis: auto;
    width: 100%;
    max-width: 100%;
    padding: 16px 17px;
    gap: 27px;
  }

  .pdp-rating-summary__bars-col {
    width: 100%;
  }

  .pdp-rating-bars {
    gap: 8px;
  }

  .pdp-rating-summary__score {
    gap: 5px;
  }

  .pdp-rating-summary__count {
    font-size: 14px;
  }

  .pdp-rating-summary__score-col {
    gap: 15px;
  }

  .pdp-reviews__body {
    padding-top: 24px;
  }

  .pdp-rating-summary__title {
    font-size: 12px;
  }

  .pdp-rating-summary__value {
    font-size: 24px;
  }

  .pdp-page .doc-group__title {
    font-size: 20px;
  }

  .pdp-page .doc-group__more {
    color: var(--color-primary);
  }

  .pdp-page .pdp-doc-tile {
    padding: 16px;
    border-radius: 16px;
    gap: 5px;
  }

  .pdp-reviews__body {
    flex-direction: column-reverse;
  }

  .doc-group__body p,
  .doc-group > p {
    margin: 0 0 25px;
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: -0.54px;
  }

  .doc-group__body--preview {
    max-height: 276px;
  }

  .pdp-usage-columns {
    flex-direction: column;
  }

  .pdp-page .pdp-doc-tile__title {
    font-size: 16px;
  }

  .pdp-summary {
    border-radius: 16px;
    padding: 12px 16px 15px;
  }

  .pdp-summary__intro {
    gap: 5px;
    letter-spacing: -0.54px;
  }

  .pdp-top {
    padding-bottom: 32px;
    gap: 31px;
  }

  .pdp-summary__price-note {
    margin: 4px 0 0;
  }

  .pdp-summary__color {
    margin-top: -4px;
  }

  .pdp-summary__specs {
    margin-top: -4px;
  }

  .pdp-info-box__text {
    gap: 9px;
  }

  .pdp-summary__buttons {
    margin-top: -4px;
  }

  .pdp-info-boxes {
    margin-top: -7px;
  }
  .pdp-summary__config {
    margin-top: -4px;
  }

  .pdp-summary__purchase {
    flex-direction: column;
    align-items: flex-start;
    margin-top: -6px;
    gap: 9px;
  }

  .pdp-summary__desc {
    max-height: 61px;
  }

  .pdp-expand__toggle-label {
    font-size: 12px;
    letter-spacing: -0.54px;
  }
  .pdp-summary__rating-row {
    align-items: flex-end;
  }

  .pdp-summary {
    gap: 29px;
  }

  .pdp-summary__title {
    font-size: 20px;
    letter-spacing: -0.54px;
    line-height: normal;
  }

  .pdp-summary__price {
    font-size: 20px;
  }

  .pdp-summary__rating-row .pdp-rating-badge {
    font-size: 12px;
    gap: 4px;
  }

  .pdp-summary__rating-row .product-card__stock {
    padding-inline: 0;
    gap: 8px;
  }

  .pdp-summary__desc {
    color: var(--color-dark);
  }

  .pdp-summary__actions .quick-action {
    width: 48px;
    height: 48px;
  }

  .pdp-summary__color-label {
    font-size: 12px;
  }

  .pdp-summary__config-title,
  .pdp-summary__specs-title {
    font-size: 12px;
  }

  .pdp-spec dt,
  .pdp-spec dd {
    font-size: 12px;
  }

  .pdp-summary__specs-more {
    font-size: 12px;
  }

  .pdp-info-box__title {
    font-size: 12px;
  }

  .pdp-info-box__link {
    font-size: 12px;
  }

  .pdp-summary__buttons {
    flex-direction: column;
  }

  .pdp-summary__buttons .btn {
    min-height: 56px;
  }

  .pdp-related__title {
    letter-spacing: -0.55px;
    font-size: 24px;
  }

  .pdp-related {
    padding: 124px 0 16px;
  }

  .pdp-row__col {
    width: 100%;
  }

  .pdp-related .product-row__item {
    flex: 0 0 348px;
  }

  .pdp-related__head {
    margin-bottom: 30px;
  }

  .pdp-spec-list {
    width: 100%;
    gap: 10px;
  }

  .pdp-related__nav {
    display: none;
  }

  .blog-hero__img {
    height: 500px;
  }

  .blog-filters .tab-pill {
    letter-spacing: -0.74px;
  }

  .blog-hero__panel {
    left: 7px;
    right: 7px;
    top: auto;
    bottom: 7px;
    width: auto;
    height: auto;
    padding: 24px;
    gap: 2px;
  }

  .blog-divider {
    margin: 0 0 16px;
  }

  .blog-hero {
    margin-bottom: 32px;
  }

  .blog-hero__title {
    font-size: 32px;
  }

  .blog-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    margin-bottom: 27px;
  }

  .blog-card__excerpt {
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .blog-card__body {
    gap: 24px;
  }

  .blog-toolbar__search {
    flex-basis: auto;
  }

  .blog-filters__track .tab-pill {
    height: 36px;
    min-height: 36px;
    padding: 8px 16px;
  }

  .blog-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 17px;
  }

  .blog-pagination {
    margin-bottom: 139px;
  }

  .catalog-info__icon {
    border-radius: 8px;
    width: 32px;
    height: 32px;
  }

  .blog-page {
    padding-bottom: 141px;
  }

  .solutions-divider {
    margin: 0 0 16px;
  }

  .solutions-filters-row {
    margin-bottom: 49px;
  }

  .solutions-filters .dropdown__value {
    font-size: 10px;
    flex: initial;
  }

  .solutions-search .search {
    min-height: 40px;
  }

  .solutions-filters-row__nav {
    display: none;
  }

  .solutions-filters-row__track .tab-pill {
    height: 36px;
    min-height: 36px;
    padding: 8px 16px;
  }

  .solutions-search__btn {
    max-width: none;
    width: 100%;
  }

  .solutions-toolbar {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 24px;
    margin-bottom: 32px;
  }

  .solutions-search {
    flex: none;
    flex-direction: column;
    align-items: stretch;
    max-width: none;
  }

  .solutions-filters .dropdown {
    width: auto;
    max-width: none;
    flex: 1;
  }

  .solutions-filters .dropdown__trigger {
    border-radius: 8px;
    height: 31px;
    padding: 8px;
  }

  .solutions-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin-bottom: 61px;
  }

  .cta--solutions .cta__intro {
    gap: 13px;
  }

  .solution-card__img {
    height: 259px;
  }

  .solutions-cta__social-title {
    letter-spacing: -0.54px;
    font-size: 12px;
  }

  .solutions-cta__social {
    gap: 19px;
    padding-top: 17px;
    margin-top: -4px;
  }

  .solution-card__title {
    margin-bottom: 7px;
    font-size: 16px;
  }

  .solution-card__body {
    max-height: 203px;
  }

  .solutions-pagination {
    display: none;
  }

  .solution-card__text {
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }

  .solutions-page {
    padding-bottom: 141px;
  }

  .solution-detail-page__crumbs {
    flex-wrap: nowrap;
  }

  .solution-detail-page__crumbs .breadcrumbs__link,
  .solution-detail-page__crumbs .breadcrumbs__sep {
    flex-shrink: 0;
  }

  .solution-detail-page__crumbs .breadcrumbs__current {
    overflow: hidden;
    min-width: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .cta--solution .cta__submit-label--full {
    display: none;
  }

  .cta--solution .cta__submit-label--short {
    display: inline;
  }

  .solution-detail__title {
    font-size: 32px;
    margin: 0 0 9px;
  }

  .solution-detail__block {
    gap: 9px;
  }

  .solution-detail__divider {
    margin: 24px 0;
  }

  .solution-detail__top {
    flex-direction: column;
    gap: 32px;
    margin-bottom: 48px;
  }

  .solution-gallery__main {
    height: 562px;
  }

  .solution-gallery__thumbs {
    display: none;
  }

  .solution-gallery__dots {
    display: flex;
  }

  .solution-detail__info {
    flex: none;
    width: 100%;
    padding: 16px;
  }

  .solution-detail__block h2 {
    font-size: 16px;
  }

  .solution-detail__block p,
  .solution-detail__block li {
    font-size: 14px;
  }

  .solution-products {
    padding: 92px 0 62px;
  }

  .solution-products .product-card__title {
    height: 32px;
    font-size: 12px;
  }

  .solution-products .product-card__body {
    padding: 22px 14px 16px;
  }

  .cta--solution .cta__intro {
    gap: 10px;
  }

  .solution-detail-page {
    padding-bottom: 77px;
  }

  .solution-products__title {
    letter-spacing: -0.55px;
    font-size: 24px;
  }

  .solution-products__head {
    margin-bottom: 30px;
  }

  .solution-products__nav {
    display: none;
  }

  .solution-products .product-row__item {
    flex: 0 0 348px;
  }

  .price-page__crumbs .breadcrumbs__link,
  .price-page__crumbs .breadcrumbs__current,
  .price-page__crumbs .breadcrumbs__sep {
    font-size: 12px;
  }

  .price-page__head {
    margin-bottom: 34px;
  }

  .price-page__title {
    font-size: 32px;
    margin-bottom: 9px;
  }

  .price-page__desc {
    font-size: 14px;
    max-width: none;
  }

  .price-page__desc-break {
    display: none;
  }

  .price-page__download {
    display: none;
  }

  .price-page__divider {
    margin-bottom: 16px;
  }

  .not-found-page__crumbs .breadcrumbs__link,
  .not-found-page__crumbs .breadcrumbs__current,
  .not-found-page__crumbs .breadcrumbs__sep {
    font-size: 12px;
  }

  .not-found-page__title {
    font-size: 32px;
    margin-bottom: 8px;
  }

  .not-found-page__desc {
    font-size: 14px;
    max-width: 361px;
  }

  .not-found-page__divider {
    margin: 33px 0 17px;
  }

  .not-found-page {
    padding-bottom: 140px;
  }

  .not-found-page__image {
    border-radius: 24px;
  }

  .cart-page__crumbs .breadcrumbs__link,
  .cart-page__crumbs .breadcrumbs__current,
  .cart-page__crumbs .breadcrumbs__sep {
    font-size: 12px;
  }

  .cart-page__title {
    font-size: 32px;
    margin-bottom: 8px;
  }

  .cart-page__desc {
    font-size: 14px;
    max-width: none;
  }

  .cart-page__divider {
    margin: 24px 0 15px;
  }

  .order-success-card__head {
    transform: none;
  }

  .cart-page {
    padding-bottom: 149px;
  }

  .cart-layout {
    flex-direction: column;
    gap: 32px;
    margin-bottom: 140px;
  }

  .cart-summary {
    width: 100%;
    padding: 16px;
  }

  .checkout-form__hint {
    font-size: 14px;
  }

  .checkout-form {
    padding: 18px 16px 16px;
    width: 100%;
  }

  .cart-summary__title {
    margin: 0 0 19px;
    font-size: 20px;
  }

  .cart-summary__line {
    font-size: 14px;
  }

  .cart-summary__lines {
    gap: 10px;
  }

  .cart-summary__line--total {
    margin-bottom: 14px;
  }

  .cart-summary__notice-title {
    font-size: 12px;
  }

  .cart-summary__notice-text {
    font-size: 14px;
  }

  .cart-promo__title {
    font-size: 12px;
  }
  .cart-promo__message {
    margin: 10px 0 0;
    font-size: 12px;
  }

  .cart-summary__notice {
    margin-bottom: 19px;
  }

  .cart-empty {
    border-top: 1px solid var(--color-border-light);
    background: none;
    padding: 0;
    padding-top: 16px;
    gap: 16px;
    margin-bottom: -8px;
  }

  .cart-empty__title {
    font-size: 20px;
  }

  .cart-empty__text {
    max-width: 345px;
    font-size: 14px;
  }

  .order-success-card {
    margin-bottom: 24px;
    letter-spacing: -0.54px;
    gap: 32px;
    flex-direction: column;
    padding: 16px;
  }

  .order-success-page {
    padding-bottom: 140px;
  }

  .order-success-card__title {
    letter-spacing: -0.54px;
    font-size: 20px;
  }

  .order-success-intro__icon {
    width: 96px;
    height: 96px;
  }

  .order-success-intro__icon svg {
    width: 52px;
    height: 52px;
  }

  .order-success-intro__title {
    font-size: 32px;
  }

  .order-success-page__continue {
    width: 100%;
    max-width: 342px;
  }

  .order-success-card__main {
    gap: 34px;
  }

  .order-success-card__row {
    gap: 6px;
  }

  .order-success-card__notice {
    transform: none;
  }

  .order-success-card__row-label {
    font-size: 12px;
  }

  .order-success-card__row-value {
    font-size: 14px;
  }

  .order-success-card__notice p {
    font-size: 12px;
  }

  .order-success-card__aside {
    gap: 26px;
    width: 100%;
  }

  .order-success-card__warning-head p {
    font-size: 12px;
  }

  .order-success-card__warning-text {
    line-height: 1.45;
    font-size: 14px;
  }

  .order-success-summary__line {
    font-size: 14px;
  }

  .order-success-summary__label--total {
    font-size: 12px;
  }

  .order-success-summary__line--total .order-success-summary__value {
    font-size: 20px;
  }

  .order-success-page__continue {
    min-width: 0;
  }

  .checkout-form__title {
    letter-spacing: -0.54px;
    margin: 0 0 22px;
    font-size: 20px;
  }

  .checkout-form .tab-pill {
    padding: 11px 23px;
  }

  .checkout-form__label {
    margin: 0 0 17px;
    font-size: 16px;
  }

  .checkout-form__radio {
    font-size: 14px;
    letter-spacing: -0.54px;
  }

  .checkout-form__section:nth-of-type(5) {
    margin-bottom: 30px;
  }

  .checkout-form__consent {
    letter-spacing: -0.54px;
    font-size: 12px;
  }

  .checkout-form__consent .link {
    letter-spacing: -0.54px;
    font-size: 12px;
    text-decoration: underline;
  }

  .checkout-form__submit {
    width: 100%;
  }

  .price-card {
    padding: 24px 16px;
    gap: 48px;
  }

  .price-page {
    padding-bottom: 141px;
  }

  .price-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 25px;
  }

  .price-group .data-rows {
    letter-spacing: -0.54px;
    gap: 17px;
  }

  .price-search {
    order: 2;
    max-width: none;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .price-search .search {
    height: 40px;
    min-height: 40px;
    padding: 8px;
    border-radius: 16px;
    background: var(--color-bg);
  }

  .price-search .search__input {
    font-size: 14px;
  }

  .price-search__btn {
    width: 100%;
  }

  .price-sort {
    order: 1;
    min-width: 0;
    max-width: none;
    width: 100%;
  }

  .price-sort .dropdown__trigger {
    height: 30px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--color-border-light);
  }

  .price-sort .dropdown__value {
    font-size: 10px;
  }

  .price-group__title {
    line-height: 1.2;
    letter-spacing: -0.55px;
    font-size: 20px;
  }

  .price-group__more {
    align-self: center;
    margin-left: 0;
  }

  .data-table {
    display: none;
  }

  .data-rows {
    display: flex;
    gap: 8px;
  }

  .blog-post-layout {
    gap: 49px;
    flex-direction: column;
  }

  .blog-post-sidebar {
    gap: 32px;
    flex-basis: auto;
    width: 100%;
  }

  .blog-post-layout .subscribe {
    max-width: none;
    width: 100%;
    flex-direction: row;
    min-height: 0;
  }

  .blog-post-layout .subscribe__title {
    max-width: 191px;
    font-size: 16px;
  }

  .subscribe__head {
    justify-content: center;
  }

  .subscribe__form {
    max-width: 332px;
  }

  .subscribe__agree-text {
    font-size: 12px;
    letter-spacing: -0.54px;
  }

  .subscribe__text {
    font-size: 14px;
  }

  .blog-post-main {
    width: 100%;
  }

  .blog-post-hero__img {
    border-radius: 24px;
    height: 500px;
  }

  .blog-post-author__meta {
    flex-direction: row;
    gap: 16px;
  }

  .blog-post-author__meta-item svg {
    width: 24px;
    height: 24px;
  }

  .blog-post-author__meta-item {
    gap: 8px;
  }

  .blog-post-toc__list {
    padding-left: 16px;
  }

  .blog-post-article__section-title {
    margin: 0 0 11px;
  }
  .blog-post-article__block-title {
    margin: 0 0 11px;
  }

  .blog-post-terms li {
    line-height: 1.4;
  }
  .blog-post-toc__list li::marker {
    font-size: 12px;
  }

  .blog-post-article {
    padding: 24px;
  }

  .blog-post-article__title {
    margin: 0 0 10px;
    letter-spacing: -0.55px;
    font-size: 24px;
  }

  .blog-post-article__lead {
    margin: 0 0 32px;
  }

  .blog-post-article__intro,
  .blog-post-article p,
  .blog-post-terms li {
    font-size: 14px;
  }

  .blog-post-article__section-title,
  .blog-post-article__block-title {
    font-size: 16px;
  }

  .blog-post-article__block-title--mini {
    font-size: 24px;
  }
  .blog-post-quote__attribution {
    gap: 5px;
  }

  .blog-post-quote__body {
    gap: 17px;
  }
  .blog-post-article__section {
    margin: 0 0 25px;
  }

  .blog-post-article__section strong {
    font-size: 12px;
  }

  .blog-post-quote {
    margin: 24px 0 21px;
    border-radius: 16px;
  }

  .blog-post-article__cta {
    margin-top: 27px;
  }

  .blog-post-quote__author {
    font-size: 12px;
  }

  .blog-post-article__img {
    border-radius: 24px;
  }

  .blog-post-toc__title {
    font-size: 16px;
  }

  .blog-post-toc__link {
    font-size: 12px;
  }

  .blog-post-author__name,
  .blog-post-author__role,
  .blog-post-author__meta-item {
    font-size: 12px;
  }

  .blog-post-related__title,
  .blog-post-cross-sell__title {
    font-size: 24px;
    letter-spacing: -0.55px;
  }

  .blog-post-related__nav,
  .blog-post-cross-sell__nav {
    display: none;
  }

  .blog-post-related .product-row__item,
  .blog-post-products .product-row__item {
    flex: 0 0 348px;
  }

  .blog-post-cross-sell .product-row__item {
    flex: 0 0 342px;
  }

  .blog-post-cross-sell {
    margin-top: 138px;
    padding: 16px;
  }
  .blog-post-cross-sell .product-row__track {
    gap: 9px;
  }

  .blog-post-related {
    padding: 141px 0 0;
  }

  .blog-post-related .product-card__title {
    font-size: 12px;
    height: 31px;
  }

  .blog-post-page .faq {
    padding: 141px 0 1px;
  }

  .blog-post-related .product-card {
    min-height: 482px;
  }

  .blog-post-related .product-card__info {
    height: 100%;
    justify-content: flex-end;
  }

  .gallery-page__crumbs {
    font-size: 14px;
    padding: 35px 0 26px;
  }

  .gallery-page__title {
    font-size: 32px;
    margin-bottom: 9px;
  }

  .gallery-page {
    padding-bottom: 141px;
  }

  .gallery-page__divider {
    margin: 0 0 16px;
  }

  .gallery-page__intro {
    margin: 0 0 33px;
    font-size: 14px;
  }

  .gallery-toolbar__nav {
    display: none;
  }

  .gallery-filters__track .tab-pill {
    height: 36px;
    min-height: 36px;
    padding: 8px 16px;
  }

  .gallery-grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 16px;
  }

  .comparison-page__crumbs {
    font-size: 14px;
    padding: 35px 0 28px;
  }

  .comparison-page__title {
    font-size: 24px;
    margin-bottom: 7px;
  }

  .comparison-page__divider {
    margin: 0 0 16px;
  }

  .comparison-page__intro {
    margin: 0 0 32px;
    font-size: 14px;
  }

  .comparison-toolbar__nav,
  .comparison-board__nav {
    display: none;
  }

  .comparison-categories__track .tab-pill {
    width: auto;
    max-width: 342px;

    height: 36px;
    min-height: 36px;
    padding: 7px 2px 7px 16px;
  }

  .comparison-summary__count {
    font-size: 14px;
  }

  .comparison-card .product-card__title {
    letter-spacing: -0.54px;
    font-size: 12px;
  }

  .comparison-group {
    gap: 19px;
  }

  .comparison-cell {
    gap: 10px;
  }

  .comparison-group__title {
    letter-spacing: -0.1px;
    font-weight: 500;
  }

  .comparison-table {
    gap: 33px;
  }

  .comparison-disclaimer {
    font-size: 14px;
    line-height: 1.4;
  }

  .comparison-card .product-card__body {
    justify-content: flex-end;
  }

  .comparison-card {
    width: auto;
  }

  .comparison-products,
  .comparison-row {
    grid-template-columns: repeat(var(--comparison-cols, 4), 348px);
    gap: 16px;
  }

  .comparison-page .cta {
    padding: 142px 0 0px;
  }

  .comparison-page {
    padding-bottom: 141px;
  }

  .comparison-summary__toggle-label {
    font-size: 14px;
  }

  .comparison-summary__info {
    gap: 16px;
  }

  .comparison-categories__track {
    gap: 8px;
  }

  .comparison-summary__divider {
    display: none;
  }

  .comparison-summary__actions {
    gap: 8px;
  }

  .comparison-categories__track .tab-pill--active {
    border-width: 0.5px;
  }

  .comparison-categories__track .tab-pill__badge {
    width: 28px;
    height: 28px;
  }

  .comparison-summary {
    height: auto;
    padding: 16px;
    flex-wrap: wrap;
  }

  .comparison-page__crumbs .breadcrumbs__link,
  .comparison-page__crumbs .breadcrumbs__sep,
  .comparison-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .comparison-empty {
    background: none;
  }

  .comparison-empty {
    padding: 0 16px;
  }

  .comparison-empty__title {
    font-size: 20px;
  }

  .comparison-empty__text {
    font-size: 14px;
  }

  .comparison-empty__intro {
    gap: 17px;
  }

  .stocks-page__crumbs {
    padding: 35px 0 24px;
  }

  .page-hero__img {
    height: 500px;
  }

  .page-hero__panel {
    border-radius: 16px;
    left: 7px;
    right: 7px;
    top: auto;
    bottom: 7px;
    width: auto;
    height: auto;
    padding: 26px;
    gap: 8px;
  }

  .page-hero__title {
    letter-spacing: 0.2px;
    font-size: 32px;
  }

  .stocks-info__text {
    gap: 10px;
  }

  .stocks-info__meta {
    max-width: 200px;
  }

  .stocks-info__meta-text {
    white-space: wrap;
  }

  .stocks-info__lead {
    align-items: flex-start;
  }

  .page-hero__desc {
    font-size: 14px;
  }

  .stocks-toolbar__nav {
    display: none;
  }

  .stocks-filters__track .tab-pill {
    height: 36px;
    min-height: 36px;
    padding: 8px 16px;
  }

  .stocks-info {
    margin-bottom: 51px;
    padding: 16px;
    gap: 21px;
  }

  .page-hero__media {
    border-radius: 24px;
  }
  .stocks-page__crumbs {
    gap: 3px;
  }

  .stocks-info__icon,
  .stocks-info__meta-icon {
    width: 32px;
    height: 32px;
  }

  .stocks-info__title {
    font-size: 16px;
  }

  .stocks-info__desc,
  .stocks-info__meta-text {
    font-size: 14px;
  }

  .stocks-promos {
    gap: 16px;
    grid-template-columns: 1fr;
  }

  .stocks-promo__card .promo-card__title {
    font-size: 20px;
    line-height: 1.2;
  }

  .stocks-products__nav {
    display: none;
  }

  .stocks-promo__photo {
    height: 236px;
  }

  .stocks-promo__card {
    width: min(380px, calc(100% - 16px));
  }

  .stocks-products {
    border-radius: 32px;
    padding: 24px;
  }

  .stocks-products__title {
    letter-spacing: -0.55px;
    font-size: 20px;
  }

  .stocks-products + .stocks-products {
    padding: 32px 32px 37px;
    gap: 38px;
  }

  .stocks-products .product-row__item {
    flex: 0 0 348px;
    min-width: 0;
    scroll-snap-align: none;
  }

  .stocks-products .product-card__body {
    padding: 17px 14px 16px;
  }

  .stocks-products .product-card__title {
    font-size: 12px;
    height: 21px;
  }

  .stocks-products .product-card__info {
    gap: 15px;
    height: 100%;
  }

  .cta__stocks {
    padding: 139px 0 64px;
  }

  .stocks-active-list__grid {
    gap: 24px 28px;
    grid-template-columns: repeat(2, 1fr);
  }

  .stocks-active-list__grid .product-card {
    max-width: none;
  }

  .stocks-active-list__grid .product-card__body {
    padding: 13px 14px 17px;
  }

  .stocks-active-list__grid .product-card__title {
    min-height: 37px;
  }

  .stocks-active-list {
    margin-bottom: 59px;
  }

  .cta__stocks .cta__content {
    padding: 35px 9px 28px;
    max-width: 296px;
  }

  .cta__stocks .cta__title {
    line-height: 1.19;
    letter-spacing: -0.54px;
  }

  .stocks-page {
    padding-bottom: 78px;
  }

  .cta__stocks .cta__photo-wrap {
    border-radius: 16px;
    max-height: 575px;
  }

  .contacts-page__crumbs .breadcrumbs__link,
  .contacts-page__crumbs .breadcrumbs__sep,
  .contacts-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .contacts-info {
    margin-top: -6px;
    margin-bottom: 48px;
    padding: 0;
    flex-direction: column;
  }

  .contacts-info__card {
    gap: 24px;
    border-radius: 24px;
    width: 100%;
    padding: 24px 24px 16px;
  }

  .contacts-page {
    padding-bottom: 141px;
  }

  .contacts-page .page-hero__desc {
    max-width: 390px;
  }

  .contacts-info__card--requisites {
    padding: 24px 24px 28px;
  }

  .contacts-info__block {
    gap: 8px;
  }

  .contacts-info__label {
    font-size: 16px;
  }

  .contacts-info__text,
  .contacts-info__social-link,
  .contacts-info__social-sep {
    font-size: 14px;
  }
  .contacts-info__social-link,
  .contacts-info__social-sep {
    line-height: 1;
  }

  .contacts-toggle .tab-pill {
    height: 36px;
    min-height: 36px;
    padding: 8px 16px;
    border-width: 0.5px;
  }

  .contacts-map__frame {
    height: 480px;
  }

  .certificates-page__crumbs .breadcrumbs__link,
  .certificates-page__crumbs .breadcrumbs__sep,
  .certificates-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .certificates-page__intro {
    max-width: none;
    gap: 12px;
  }

  .cert-card__head {
    gap: 14px;
  }

  .cert-card__title {
    line-height: 1.2;
    font-size: 12px;
  }

  .certificates-page__title {
    font-size: 32px;
  }

  .certificates-page__desc {
    font-size: 14px;
  }

  .cert-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }

  .cert-lightbox {
    align-items: center;
  }

  .certificates-page {
    padding-bottom: 142px;
  }

  .faq-page__crumbs .breadcrumbs__link,
  .faq-page__crumbs .breadcrumbs__sep,
  .faq-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .faq-page__title {
    font-size: 32px;
  }

  .faq-page__desc {
    font-size: 14px;
  }

  .faq-page__row {
    flex-direction: column;
    gap: 12px;
  }

  .faq-page__aside {
    flex-basis: auto;
    width: 100%;
    gap: 9px;
  }

  .faq-page__category-title {
    font-size: 20px;
    letter-spacing: -0.54px;
  }

  .faq-page__category-desc {
    max-width: 445px;
    font-size: 14px;
  }

  .faq-page__items {
    flex-basis: auto;
    max-width: none;
    width: 100%;
  }

  .faq-page__intro {
    gap: 12px;
    margin-bottom: 40px;
  }

  .faq-page__list {
    gap: 37px;
  }
  .faq-page {
    padding-bottom: 140px;
  }

  .doc-page__crumbs .breadcrumbs__link,
  .doc-page__crumbs .breadcrumbs__sep,
  .doc-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .doc-page__title {
    line-height: 1.1;
    font-size: 32px;
  }

  .doc-page__intro {
    margin-bottom: 33px;
  }

  .doc-page__divider {
    margin-bottom: 22px;
  }

  .doc-page__desc {
    font-size: 14px;
  }

  .doc-page__layout {
    flex-direction: column;
    gap: 33px;
  }

  .doc-sidebar {
    padding: 0;
    background: none;
    flex-basis: auto;
    width: 100%;
    position: static;
  }

  .doc-content {
    width: 100%;
    gap: 32px;
  }

  .doc-content__search-btn {
    width: 100%;
  }

  .doc-sidebar__link {
    letter-spacing: -0.54px;
    font-size: 12px;
  }

  .doc-content__search .search {
    padding: 5px 15px;
  }

  .doc-content__search .search__input::placeholder {
    font-size: 16px;
    letter-spacing: -0.54px;
  }

  .doc-content__search {
    gap: 13px;
    flex-direction: column;
  }

  .doc-sidebar__request-title {
    letter-spacing: -0.54px;
    font-size: 12px;
  }

  .doc-sidebar__request-desc {
    font-size: 12px;
    letter-spacing: -0.54px;
  }

  .doc-sidebar__request-text {
    gap: 10px;
  }

  .doc-row__requisites {
    gap: 14px;
  }

  .about-page__crumbs .breadcrumbs__link,
  .about-page__crumbs .breadcrumbs__sep,
  .about-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .about-section-head {
    gap: 9px;
    margin-bottom: 33px;
  }

  .about-section-head--first {
    max-width: 519px;
  }

  .about-section-head__title,
  .about-today__title {
    font-size: 24px;
  }

  .about-section-head__desc {
    font-size: 14px;
  }

  .about-production {
    padding-top: 105px;
    margin-bottom: 141px;
  }

  .about-section-head--second {
    max-width: 554px;
  }

  .about-timeline {
    margin-bottom: 58px;
  }

  .about-today {
    padding: 24px;
    gap: 16px;
  }

  .about-today__title {
    flex-basis: 216px;
  }

  .about-today__track {
    max-width: 456px;
    overflow-x: hidden;
    scroll-snap-type: none;
    scrollbar-width: none;
  }

  .about-today__card {
    min-width: 258px;
    flex: 0 0 258px;
    height: 342px;
  }

  .about-today__number {
    font-size: 24px;
    top: 16px;
  }

  .about-today__card--active .about-today__number {
    top: 16px;
  }

  .about-today__caption-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
  }

  .about-page {
    padding-bottom: 77px;
  }

  .about-production__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  .about-production__photo,
  .about-production__card {
    letter-spacing: -0.54px;
    margin-top: 0;
  }

  .about-production__grid > :nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    height: 360px;
  }

  .about-production__grid > :nth-child(2) {
    max-width: 258px;
    grid-row: 1;
    grid-column: 2;
    align-self: start;
    min-height: 0;
    margin-top: 59px;
  }

  .about-production__grid > :nth-child(3) {
    grid-row: 2;
    grid-column: 2;
    height: 302px;
    margin-top: -167px;
  }

  .about-production__grid > :nth-child(4) {
    max-width: 258px;
    grid-row: 2;
    grid-column: 1;
    align-self: start;
    min-height: 0;
    margin-left: auto;
  }

  .about-production__grid > :nth-child(5) {
    grid-row: 3;
    grid-column: 1 / -1;
    justify-self: center;
    height: 360px;
    width: 100%;
    margin-top: 0;
    max-width: 360px;
  }

  .about-production__card-title {
    font-size: 16px;
  }

  .about-production__card-text {
    font-size: 14px;
  }

  .about-production__photo--short,
  .about-production__photo--tall {
    margin-top: 0;
  }

  .about-production__card--white,
  .about-production__card--blue {
    gap: 8px;
    min-height: 0;
    margin-top: 0;
  }

  .about-production__photo-caption {
    gap: 9px;
  }

  .about-production__photo-title {
    font-size: 16px;
  }

  .about-production__photo-text {
    font-size: 14px;
  }

  .about-timeline__year {
    font-size: 40px;
  }

  .about-timeline__item--active .about-timeline__year {
    font-size: 40px;
  }

  .about-today__container {
    padding-top: 76px;
  }

  .instructions-page__crumbs .breadcrumbs__link,
  .instructions-page__crumbs .breadcrumbs__current,
  .instructions-page__crumbs .breadcrumbs__sep {
    font-size: 12px;
  }

  .instructions-page__title {
    letter-spacing: -0.01px;
    font-size: 32px;
  }

  .instructions-page__desc {
    font-size: 14px;
  }

  .instructions-cats {
    gap: 8px;
  }

  .instructions-card {
    letter-spacing: -0.54px;
    gap: 3px;
    padding: 16px;
    border-radius: 24px;
  }

  .instructions-card__title {
    font-size: 20px;
  }

  .instructions-row__col {
    min-height: 97px;
    height: 100%;
  }

  .instructions-row__field {
    gap: 7px;
  }

  .instructions-card__count {
    letter-spacing: -0.54px;
    font-size: 14px;
  }

  .instructions-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 26px;
  }

  .instructions-search {
    order: 2;
    max-width: none;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .instructions-search .search {
    height: 40px;
    min-height: 40px;
    padding: 8px;
    border-radius: 16px;
    background: var(--color-bg);
  }

  .instructions-search .search__input {
    font-size: 14px;
  }

  .instructions-search__btn {
    width: 100%;
  }

  .instructions-filters {
    order: 1;
    gap: 16px;
  }

  .instructions-filters .dropdown {
    max-width: none;
    min-width: 0;
    flex: 1;
  }

  .instructions-filters .dropdown__trigger {
    height: 30px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid var(--color-border-light);
  }

  .instructions-filters .dropdown__value {
    font-size: 10px;
  }

  .instructions-filters__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    padding: 2px;
    flex-shrink: 0;
    box-sizing: border-box;
    color: var(--color-primary);
  }

  .instructions-filters__icon svg {
    width: 12px;
    height: 12px;
  }

  .instructions-row__note {
    margin: -11px 0 0;
  }

  .instructions-table {
    display: none;
  }

  .instructions-rows {
    display: flex;
    gap: 7px;
  }

  .instructions-video__media {
    min-height: 186px;
  }

  .instructions-video__body {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
  }

  .instructions-table-wrap {
    max-height: 1378px;
  }

  .instructions-card__more {
    align-self: center;
  }

  .instructions-videos {
    margin-bottom: 14px;
    overflow-x: auto;
    scroll-snap-type: none;
    cursor: grab;
    scrollbar-width: none;
  }

  .instructions-videos::-webkit-scrollbar {
    display: none;
  }
  .cta--instructions {
    padding-top: 125px;
    padding-bottom: 0;
  }

  .instructions-page {
    padding-bottom: 139px;
  }

  .instructions-videos.is-dragging {
    cursor: grabbing;
    user-select: none;
  }

  .instructions-video {
    flex: 0 0 296px;
    width: 296px;
  }

  .instructions-video__media {
    height: 186px;
    border-radius: 24px;
  }

  .instructions-video__play {
    width: 32px;
    height: 32px;
    border-radius: 8px;
  }

  .instructions-video__play svg {
    width: 16px;
    height: 16px;
  }

  .instructions-video__title {
    font-size: 12px;
    margin-bottom: 11px;
  }

  .instructions-video__date {
    font-size: 12px;
  }

  .instructions-info {
    padding: 16px;
    margin-top: 40px;
  }

  .instructions-info__title {
    font-size: 20px;
  }

  .instructions-cats .subcategory-card {
    flex: 0 0 auto;
    width: 148px;
  }

  .instructions-page__intro {
    margin-bottom: 33px;
  }

  .instructions-page__divider {
    margin-bottom: 15px;
  }

  .instructions-cats .subcategory-card {
    max-height: 195px;
  }

  .instructions-cats {
    padding-bottom: 32px;
  }

  .legal-page__crumbs .breadcrumbs__link,
  .legal-page__crumbs .breadcrumbs__current,
  .legal-page__crumbs .breadcrumbs__sep {
    font-size: 12px;
  }

  .legal-page__title {
    margin-bottom: 24px;
    font-size: 32px;
  }

  .legal-page__body p,
  .legal-page__body h2 {
    font-size: 14px;
  }

  .solutions-page__crumbs .breadcrumbs__link,
  .solutions-page__crumbs .breadcrumbs__current,
  .solutions-page__crumbs .breadcrumbs__separator {
    font-size: 12px;
  }

  .solutions-page__crumbs {
    padding: 34px 0 24px;
  }

  .solution-detail__desc {
    max-width: none;
    font-size: 14px;
  }

  .payment-page__crumbs .breadcrumbs__link,
  .payment-page__crumbs .breadcrumbs__current,
  .payment-page__crumbs .breadcrumbs__separator {
    font-size: 12px;
  }

  .payment-spb__title,
  .payment-regions__title {
    font-size: 24px;
  }

  .payment-spb__desc {
    max-width: 500px;
    font-size: 14px;
  }

  .payment-zones__title {
    letter-spacing: -0.54px;
    max-width: 342px;
    padding-top: 0;
    font-size: 20px;
    line-height: initial;
  }

  .payment-spb__card {
    flex-direction: column;
    padding: 16px;
    gap: 33px;
    border-radius: 24px;
  }

  .payment-regions {
    flex-direction: column;
    padding: 16px;
    gap: 49px;
    border-radius: 24px;
  }

  .payment-callout--info {
    padding: 16px;
  }

  .payment-page {
    padding-bottom: 138px;
  }

  .payment-zones__text {
    font-size: 14px;
    gap: 9px;
  }

  .payment-zones__map-col {
    order: 0;
    gap: 16px;
    flex: none;
    max-width: none;
  }

  .payment-map {
    border-radius: 14px;
  }

  .payment-zones__info {
    gap: 23px;
    order: 0;
  }

  .payment-callout__title {
    font-size: 16px;
  }

  .payment-callout__text {
    gap: 9px;
    font-size: 14px;
    line-height: 1.4;
  }

  .payment-regions__desc {
    font-size: 14px;
  }

  .payment-step__num {
    width: 30px;
    font-size: 24px;
  }

  .payment-step__text {
    max-width: none;
    font-size: 14px;
  }

  .payment-regions__note {
    max-width: none;
    font-size: 12px;
  }

  .payment-partners__title {
    margin: 0 0 26px;
    letter-spacing: -0.54px;
    font-size: 20px;
  }

  .payment-partners__item {
    height: 102px;
  }

  .payment-partners {
    gap: 16px;
    margin-bottom: 48px;
  }

  .payment-spb {
    margin-bottom: 140px;
    gap: 33px;
    padding-top: 102px;
  }

  .payment-spb__head {
    gap: 7px;
  }

  .zones-table th {
    padding: 10px 13px 12px;
    font-size: 12px;
  }

  .zones-table .data-table__name {
    font-size: 12px;
  }

  .zones-table td {
    padding: 15px 12px 14px;
  }

  .payment-regions__title {
    letter-spacing: -0.54px;
  }

  .payment-regions__intro {
    gap: 10px;
  }

  .payment-steps {
    margin-bottom: 27px;
  }

  .cart-toolbar__left {
    gap: 7px;
  }

  .cart-page__desc {
    margin-bottom: 34px;
  }

  .cart-item__info {
    gap: 13px;
  }

  .cart-item__specs {
    gap: 12px;
  }

  .cart-item__aside {
    max-width: 111px;
    gap: 6px;
  }

  .cart-item__img {
    max-width: 159px;
    aspect-ratio: 159 / 140;
  }

  .cart-item__status {
    gap: 14px;
  }

  .cart-item__stock {
    line-height: normal;
  }

  .cart-item__action {
    padding: 0;
  }

  .cart-item__stepper-value {
    font-size: 14px;
  }

  .cart-item__stepper-btn {
    padding: 8px 16px;
  }

  .favorites-page__crumbs .breadcrumbs__link,
  .favorites-page__crumbs .breadcrumbs__current,
  .favorites-page__crumbs .breadcrumbs__separator {
    font-size: 12px;
  }

  .favorites-page__title {
    margin: 0 0 8px;
    font-size: 32px;
  }

  .favorites-toolbar__info {
    gap: 8px;
  }

  .favorites-toolbar__actions {
    gap: 7px;
  }

  .favorites-page__desc {
    max-width: none;
    font-size: 14px;
  }

  .favorites-page__desc-line {
    display: inline;
  }

  .favorites-page__divider {
    margin: 32px 0 14px;
  }

  .favorites-toolbar {
    padding: 8px 16px;
  }

  .favorites-toolbar__count,
  .favorites-toolbar__count + .favorites-toolbar__divider,
  .favorites-toolbar__view,
  .favorites-toolbar__view + .favorites-toolbar__divider {
    display: none;
  }

  .favorites-toolbar__stock-label {
    font-size: 12px;
  }

  .favorites-toolbar__sort {
    width: auto;
  }

  .favorites-toolbar__sort .dropdown__trigger {
    padding: 8px;
    gap: 8px;
  }

  .favorites-toolbar__sort-icon {
    display: inline-flex;
    width: 16px;
    height: 16px;
    padding: 2px;
  }

  .favorites-page {
    padding-bottom: 74px;
  }

  .favorites-toolbar__sort-value {
    display: none;
  }

  .favorites-toolbar__sort-value-short {
    display: inline;
    font-size: 10px;
    font-weight: 500;
    color: var(--color-dark);
  }

  .favorites-toolbar__label--full {
    display: none;
  }

  .favorites-toolbar__label--short {
    display: inline;
  }

  .favorites-grid {
    gap: 16px;
  }

  .favorites-grid:not(.favorites-grid--list) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .favorites-grid > .product-card {
    border: 0.5px solid var(--color-border-light);
  }

  .favorites-empty {
    margin: 0 0 66px;
    background: none;
    padding: 0 16px;
  }

  .favorites-empty__title {
    font-size: 20px;
  }

  .favorites-empty__text {
    max-width: 439px;
    line-height: 1.45;
    font-size: 14px;
  }

  .favorites-empty__intro {
    gap: 17px;
  }

  .search-empty {
    margin: 0 0 66px;
    background: none;
    padding: 0 16px;
  }

  .search-empty__title {
    font-size: 20px;
  }

  .search-empty__text {
    max-width: 439px;
    line-height: 1.45;
    font-size: 14px;
  }

  .search-empty__intro {
    gap: 17px;
  }

  .search-head {
    padding: 35px 0 17px;
  }

  .search-page__crumbs {
    font-size: 14px;
  }

  .search-head__title {
    font-size: 24px;
  }

  .search-grid {
    gap: 16px;
  }

  .search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .search-grid > .product-card {
    border: 0.5px solid var(--color-border-light);
  }

  /*
   * Поля ввода на телефоне — не мельче 16px.
   *
   * Сафари на айфоне, поймав фокус в поле с текстом мельче 16px, приближает
   * страницу — и обратно уже не отдаляет. Человек набрал запрос в поиске и
   * дальше ходит по сайту с горизонтальной полосой прокрутки внизу.
   *
   * Лечится только размером шрифта в самом поле: запрет масштабирования в
   * <meta viewport> Сафари игнорирует, да и отнимать у людей щипок нельзя —
   * слабовидящим он нужен.
   *
   * Меняется только текст внутри поля; подписи, кнопки и рамки — как были.
   * Классы перечислены рядом с типами: у .text-field__input и соседей вес
   * правила выше, одними input[type=…] их не перебить.
   */
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  input[type="password"],
  input[type="url"],
  input[type="date"],
  input:not([type]),
  textarea,
  select,
  .search__input,
  .text-field__input,
  .filter-range__box,
  .parameter-input,
  .city-popup .search__input,
  .price-search .search__input,
  .instructions-search .search__input {
    font-size: 16px;
  }


  /*
   * На планшете колонка карточки стоит плотнее: зазор между блоками 5 px
   * вместо 16, и подтягивать строку артикула вверх уже не нужно — иначе
   * она наезжает на название.
   */
  .pdp-summary__sku-line {
    margin-top: 0;
  }

}

@media (max-width: 767px) {
  .instructions-card__count-full {
    display: none;
  }

  .about-timeline {
    margin-bottom: 41px;
  }

  .about-timeline__track {
    margin-top: -15px;
  }

  .about-timeline__item {
    width: 191px;
  }

  .about-timeline__label {
    letter-spacing: -0.55px;
    font-size: 14px;
    max-width: 143px;
  }

  .about-production__grid {
    grid-template-columns: 1fr;
  }

  .about-production__photo,
  .about-production__card,
  .about-production__grid > :nth-child(1),
  .about-production__grid > :nth-child(2),
  .about-production__grid > :nth-child(3),
  .about-production__grid > :nth-child(4),
  .about-production__grid > :nth-child(5) {
    max-width: initial;
    grid-row: auto;
    grid-column: 1 / -1;
    align-self: stretch;
    margin-top: 0;
  }

  .about-production__photo,
  .about-production__photo--short,
  .about-production__photo--tall,
  .about-production__grid > :nth-child(1),
  .about-production__grid > :nth-child(3),
  .about-production__grid > :nth-child(5) {
    height: 328px;
  }

  .search {
    min-height: 40px;
    padding: 8px;
  }

  .search__input {
    font-size: 14px;
  }

  .subscribe:not(.subscribe--wide) {
    padding: 16px;
  }
  .subscribe:not(.subscribe--wide) .subscribe__title {
    font-size: 16px;
  }
  .subscribe:not(.subscribe--wide) .subscribe__text {
    font-size: 14px;
  }
  .subscribe:not(.subscribe--wide) .subscribe__agree-text {
    font-size: 12px;
  }

  .subscribe--wide {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }
  .subscribe--wide .subscribe__head,
  .subscribe--wide .subscribe__form {
    max-width: none;
  }

  .subscribe:not(.subscribe--wide) .subscribe__success-title {
    font-size: 16px;
  }
  .subscribe:not(.subscribe--wide) .subscribe__success-text {
    font-size: 14px;
  }

  .main-category-card {
    flex-direction: row;
    align-items: center;
    height: 114px;
    max-width: none;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
  }

  .main-category-card__body {
    flex-direction: row;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 100%;
    min-width: 0;
  }

  .main-category-card__img {
    width: auto;
    height: 100%;
    flex: 0 0 auto;
    min-width: 0;
  }

  .main-category-card__title {
    align-self: center;
    width: auto;
    flex: 1;
    min-width: 0;
    font-size: 16px;
    order: 2;
  }

  .category-card,
  .category-card--wide {
    flex-direction: row;
    align-items: center;
    height: auto;
    max-width: none;
    padding: 16px;
    border-radius: 16px;
    gap: 16px;
  }

  .category-card__img {
    width: 64px;
    height: 82px;
    flex-shrink: 0;
  }

  .category-card__head,
  .category-card--wide .category-card__head {
    flex: 1;
    min-width: 0;
  }

  .category-card__title {
    font-size: 16px;
  }

  .product-card--horizontal {
    flex-direction: column;
  }

  .product-card--horizontal .product-card__media {
    width: 100%;
    aspect-ratio: 342 / 299;
  }

  .product-card--horizontal .product-card__body {
    flex-direction: column;
  }

  .product-card--horizontal .product-card__aside {
    border-left: 0;
    padding-left: 0;
  }

  .cart-item {
    flex-direction: column;
  }

  .cart-item__main {
    flex-direction: column;
  }

  .cart-item__divider {
    display: none;
  }

  .cart-item__info .cart-item__stepper {
    display: none;
  }

  .cart-item__aside {
    display: none;
  }

  .cart-item__mobile-status,
  .cart-item__mobile-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cart-item__mobile-status .cart-item__status {
    flex: 0 0 auto;
  }

  .cart-item__mobile-row .cart-item__stepper {
    display: inline-flex;
  }

  .blog-card {
    max-width: 296px;
  }

  .promo-card__badge svg {
    width: 16px;
    height: 16px;
  }

  .promo-card__body {
    gap: 16px;
  }

  .cookie-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }

  .cookie-banner__content {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .cookie-banner__btn {
    width: 100%;
  }

  .footer__container {
    padding: 32px 16px 94px;
    border-radius: 32px 32px 0 0;
  }

  .footer__cta {
    text-align: left;
    align-items: stretch;
    max-width: none;
  }

  .footer__cta {
    gap: 8px;
  }

  .footer__cta-text {
    text-align: center;
  }

  .footer__cta-title {
    font-size: 24px;
    text-align: center;
    line-height: 1.1;
  }

  .footer__cta-actions {
    flex-direction: column;
    gap: 9px;
  }

  .footer__cta-actions .btn {
    width: 100%;
  }

  .footer__card {
    padding: 24px 16px;
    border-radius: 16px;
  }

  .footer__grid {
    grid-template-columns: 1fr;
    row-gap: 25px;
  }

  .footer__contact--phone {
    grid-column: auto;
  }

  .footer__contact-value {
    font-size: 24px;
  }

  .footer__logo-img {
    max-width: 100%;
    min-width: 296px;
  }

  .footer__tagline {
    font-size: 15px;
    letter-spacing: 0.42px;
  }
  .footer__rating {
    max-width: 100%;
    width: 100%;
    flex-wrap: wrap;
    flex-direction: row;
    margin-top: 0;
  }

  .footer__rating-score {
    font-size: 24px;
  }

  .footer__rating-meta {
    gap: 9px;
  }

  .footer__tablet-bottom {
    margin-top: -2px;
    display: flex;
    flex-direction: column-reverse;
    gap: 26px;
  }

  .footer__legal-text {
    max-width: 227px;
  }

  .rating--small {
    transform: translateY(-3px);
    gap: 0px;
  }

  .footer__contact {
    order: 2;
  }

  .footer__bottom {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }

  .footer__bottom a:nth-last-of-type(1) {
    order: 3;
  }

  .footer__bottom a:nth-last-of-type(2) {
    order: 2;
  }

  .footer__bottom a:nth-last-of-type(3) {
    order: 1;
  }

  .page {
    padding-bottom: 0;
  }

  .footer__divider {
    display: none;
  }

  .footer__logo-block {
    margin-bottom: 23px;
  }

  .footer__contact {
    margin-top: -2px;
  }

  .footer__card {
    gap: 28px;
  }

  .footer__middle {
    gap: 28px;
    flex-direction: row;
    padding-top: 24px;
    border-top: 1px solid #f2f2f2;
  }

  .footer__info-block--social-tablet {
    display: none;
  }

  .footer__info-block--social-mobile {
    display: flex;
  }

  .footer__info-block--address {
    display: flex;
    gap: 17px;
  }

  .footer__right {
    gap: 28px;
  }

  .payments__img {
    height: 24px;
  }

  .payments {
    gap: 16px;
  }

  .footer__info-block {
    gap: 16px;
  }

  .footer__info-value {
    font-size: 14px;
  }

  .container {
    padding: 0 16px;
  }

  .hero {
    padding: 33px 0 24px;
  }

  .header__main {
    padding: 7px 16px;
  }

  .hero__title {
    line-height: 1.1;
    font-size: 32px;
  }

  .hero__actions {
    width: 100%;
    flex-direction: column;
  }

  .hero__subtitle {
    line-height: 144%;
  }

  .hero__intro {
    gap: 6px;
  }

  .hero__head {
    margin-bottom: 31px;
  }

  .hero__actions .btn {
    width: 100%;
  }

  .hero__slider {
    border-radius: 24px;
  }

  .hero__img {
    height: 224px;

    border-radius: 16px;
  }

  .hero__slider {
    border-radius: 16px;
  }

  .hero__slide {
    border-radius: 16px;
  }

  .hero__slide::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    background: linear-gradient(
      to top,
      rgba(43, 63, 108, 0.75) 0%,
      rgba(43, 63, 108, 0) 55%
    );
    pointer-events: none;
    z-index: 1;
  }

  .hero__stats {
    inset: 0;
    bottom: 5px;
    top: initial;
    left: 10px;
    flex-direction: row;
    z-index: 2;
  }

  .hero__stat-value {
    text-align: center;
  }

  .hero__stat-label {
    text-align: center;
  }

  .catalog {
    padding: 64px 0 72px;
  }

  .hero__actions {
    gap: 8px;
  }

  .catalog__title {
    display: flex;
    flex-direction: column;
    font-size: 24px;
  }

  .catalog__subtitle {
    display: none;
  }

  .main-category-card__body {
    flex-direction: row;
  }

  .main-category-card__img {
    max-width: 86px;
  }

  .catalog__head {
    margin-bottom: 30px;
  }

  .category-grid,
  .category-grid__row,
  .category-grid__row--4 {
    grid-template-columns: minmax(0, 1fr);
  }

  .category-grid__row .category-card--wide {
    grid-column: span 1;
  }

  .category-links__item {
    height: 48px;
    font-size: 14px;
    padding: 0 25px;
  }

  .popular {
    padding: 16px 0 24px;
  }

  .popular__widget {
    border-radius: 24px;
  }

  .popular__photo-col {
    height: 546px;
    border-radius: 24px;
  }

  .popular__title {
    font-size: 24px;
    font-weight: 300;
  }

  .popular__subtitle {
    font-size: 14px;
  }

  .popular__intro {
    left: 16px;
    right: 16px;
    bottom: 16px;
  }

  .popular__aside {
    padding: 48px 16px 25px;
  }

  .popular__tabs {
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-inline: 16px;
  }

  .popular__card-slide {
    flex: 0 0 296px;
  }

  .product-card__img {
    max-height: 259px;
  }

  .product-card__title {
    letter-spacing: -0.45px;
    line-height: 1.26;
  }

  .product-card {
    min-height: 368px;
  }

  .product-card__body {
    padding: 17px 14px 14px;
  }

  .popular__slider-wrap {
    transform: none;
    gap: 17px;
  }

  .tag {
    padding: 4px 3px;
  }

  .popular__tabs::-webkit-scrollbar {
    display: none;
  }

  .popular__tabs .tab-pill {
    flex-shrink: 0;
    scroll-snap-align: start;
  }

  .section-nav {
  }

  .section-head {
    align-items: flex-start;
  }

  .section-head__title {
    font-size: 24px;
  }

  .section-head__subtitle {
    font-size: 14px;
    letter-spacing: -0.65px;
  }

  .section-head__nav {
    display: none;
  }

  .new-arrivals {
    padding: 64px 0 24px;
  }

  .product-row__item {
    flex-basis: 296px;
  }

  .promo {
    padding: 64px 0 24px;
  }

  .promo__slide {
    display: flex;
    flex-direction: column;
  }

  .promo__banner {
    border-radius: 24px;
  }

  .promo__photo {
    position: relative;
    height: auto;
    min-height: 196px;
  }

  .promo__card {
    position: static;
    max-width: none;
    margin-top: -20px;
    padding: 0;
  }

  .promo .section-head {
    margin-bottom: 33px;
  }

  .gallery {
    padding: 64px 0 24px;
  }

  .gallery__box {
    padding: 25px 16px;
    border-radius: 32px;
  }

  .gallery__text {
    gap: 10px;
  }

  .gallery__btn {
    max-width: 224px;
  }

  .gallery__item {
    flex-basis: 272px;
  }

  .gallery__title {
    font-size: 24px;
  }

  .about {
    padding: 64px 0 24px;
    gap: 24px;
  }

  .about__title {
    font-size: 24px;
  }

  .about__photo {
    height: 185px;
  }

  .about__stats {
    margin-top: -2px;
    padding-inline: 10px;
    gap: 19px;
  }

  .about__stat-value {
    font-size: 24px;
  }

  .about__stat:nth-last-of-type(1) {
    order: 3;
  }

  .about__stat:nth-last-of-type(2) {
    order: 2;
  }

  .about__stat:nth-last-of-type(3) {
    order: 4;
  }

  .about__stat:nth-last-of-type(4) {
    order: 1;
  }

  .about__stat-label {
    font-size: 14px;
  }

  .about__col--media {
    flex-direction: column;
  }

  .about__features--tablet {
    display: none;
  }

  .about__features--mobile {
    display: flex;
    align-items: center;
    margin-top: 15px !important;
  }

  .about__body {
    gap: 35px;
  }

  .about__feature {
    max-width: none;
  }

  .projects {
    padding: 64px 0 40px;
  }

  .product-row__track {
    margin-right: -16px;
  }

  .project-card__zoom {
    height: 28px;
    width: 28px;
  }

  .link {
    font-size: 12px;
  }

  .product-row__item .project-card__title {
    letter-spacing: -0.34px;
  }

  .seo {
    padding: 48px 0 24px;
  }

  .seo__photo {
    border-radius: 24px 24px 0 0;
  }

  .seo__head {
    margin: 0 auto 32px;
  }

  .seo__title {
    display: flex;
    flex-direction: column;
    font-size: 24px;
  }

  .seo__photo {
    height: 262px;
  }

  .seo__block-text {
    line-height: 1.45;
  }

  .seo__toggle {
    border-bottom: 0;
  }

  .seo__text {
    max-height: 209px;
  }

  .seo__text-col {
    padding: 24px 25px;
  }

  .seo__eyebrow {
    width: 100%;
    text-align: center;
    white-space: normal;
  }

  .modal__title {
    font-size: 20px;
  }

  .cta {
    padding: 64px 0 24px;
  }

  .cta__box {
    align-items: center;
    flex-direction: column-reverse;
    padding: 8px;
    border-radius: 24px;
    gap: 20px;
  }

  .cta__title {
    font-size: 20px;
  }

  .cta__photo-wrap {
    border-radius: 16px;
    height: 220px;
    display: flex;
    align-items: center;
  }

  .cta__content {
    max-width: none;
    padding: 0 8px 12px 8px;
    gap: 16px;
  }

  .cta__actions {
    gap: 7px;
  }

  .blog {
    padding: 64px 0 24px;
  }

  .partners {
    padding: 64px 0 24px;
  }

  .blog .product-row__item {
    flex-basis: 296px;
  }

  .partners__group {
    gap: 24px;
    padding-right: 24px;
  }

  .faq {
    padding: 64px 0 88px;
  }

  .faq__title {
    font-size: 24px;
  }

  .faq__links .link {
    font-size: 14px;
  }

  .faq-item__answer {
    font-size: 14px;
    line-height: 1.45;
  }

  .faq__list {
    gap: 16px;
  }
  .faq-item__question {
    line-height: 1.3;
  }

  .faq-page__list {
    gap: 24px;
  }

  .footer {
    padding: 0;
  }

  .catalog-grid > .product-card {
    flex-basis: 100%;
  }

  .catalog-head__title {
    font-size: 24px;
  }

  .catalog-info__title {
    font-size: 24px;
  }

  .catalog-head {
    gap: 0;
  }

  .catalog-head__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 35px;
  }

  .catalog-main {
    gap: 0;
  }

  .breadcrumbs {
    margin-bottom: 27px;
  }

  .catalog-toolbar {
    justify-content: space-between;
    margin-bottom: 31px;
  }

  .catalog-toolbar .dropdown {
    flex: 1;
    min-width: 0;
  }

  .catalog-grid .product-card__img {
    max-height: 259px;
  }

  .catalog-grid .product-card__media {
    aspect-ratio: initial;
  }

  .catalog-grid .product-card__title {
    font-size: 12px;
    line-height: 1.5;
  }

  .catalog-grid {
    gap: 24px;
  }

  .catalog-related .product-row__item {
    flex-basis: 296px;
  }

  .catalog-grid .product-card__body {
    padding: 20px 14px 14px;
  }

  .catalog-grid:not(.catalog-grid--list) .product-card {
    min-height: 468px;
  }

  .product-card__one-click {
    font-size: 14px;
  }

  .catalog-info {
    padding: 16px;
    margin-bottom: 0;
  }

  .catalog-info__title {
    font-size: 20px;
  }

  .catalog-text-section {
    padding: 48px 0 24px;
  }

  .pdp-gallery__main {
    flex-direction: column;
  }

  .pdp-gallery__media {
    height: 320px;
    order: -1;
  }

  .pdp-gallery__thumb-list {
    flex: 1;
    flex-direction: row;
    width: auto;
    max-height: none;
    overflow-x: auto;
  }

  .pdp-breadcrumbs-row .breadcrumbs {
    margin-bottom: 0;
  }

  .pdp-breadcrumbs-row {
    padding: 35px 0;
  }

  .pdp-gallery__video-btn {
    left: 7px;
    top: 7px;
    min-width: 48px;
    min-height: 48px;
  }

  .pdp-gallery__video-btn svg {
    width: 16px;
    height: 16px;
  }

  .pdp-gallery {
    gap: 14px;
  }

  .pdp-gallery__thumb-nav svg {
    transform: rotate(-90deg);
  }

  .pdp-docs__grid {
    grid-template-columns: 1fr;
    gap: 17px;
  }

  .pdp-page .doc-group,
  .pdp-summary {
    padding: 12px 16px 17px;
  }

  .pdp-summary__title,
  .pdp-page .doc-group__title {
    font-size: 20px;
  }

  .pdp-summary__config-row {
    gap: 6px;
  }

  .pdp-info-boxes {
    margin-top: -3px;
  }
  .doc-group__body p,
  .doc-group > p {
    margin: 0 0 17px;
    font-size: 14px;
    line-height: 1.46;
    letter-spacing: -0.54px;
  }

  .pdp-review-card__date {
    margin: 11px 0 0;
    font-size: 12px;
  }

  .pdp-review-card__photos-label {
    font-size: 12px;
  }

  .pdp-related .product-row__item {
    flex: 0 0 321px;
  }

  .pdp-review-card__body {
    gap: 12px;
  }

  .pdp-review-card__photos-row {
    overflow: hidden;
  }

  .pdp-lightbox {
    flex-direction: column;
    gap: 16px;
  }

  .pdp-lightbox__media {
    height: 60vh;
    height: 60dvh;
  }

  .pdp-lightbox__nav-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
  }

  .pdp-lightbox__nav {
    position: static;
    transform: none;
  }

  .gallery-lightbox {
    flex-direction: column;
    gap: 16px;
  }

  .gallery-lightbox__media {
    height: 60vh;
    height: 60dvh;
  }

  .gallery-lightbox__nav-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
  }

  .gallery-lightbox__nav {
    position: static;
    transform: none;
  }

  .doc-group__body--preview {
    margin-top: 22px;
  }

  .pdp-info-box__link {
    border-bottom: none;
  }
  .pdp-info-box__text {
    gap: 6px;
  }

  .pdp-related .product-row__item {
    flex: 0 0 296px;
  }

  .pdp-page .cta {
    padding: 72px 0 88px;
  }

  .pdp-review-card__photo {
    display: none;
  }

  .pdp-review-card__photo:nth-of-type(1) {
    display: block;
  }

  .pdp-review-card__photo:nth-of-type(2) {
    display: block;
  }

  .pdp-related .product-card {
    min-height: 511px;
  }

  .variety-swatch {
    justify-content: flex-start !important;
  }

  .variety {
    justify-content: flex-start !important;
  }

  .pdp-related__title {
    font-size: 24px;
  }

  .pdp-summary__purchase {
    flex-wrap: wrap;
  }

  .pdp-info-box {
    gap: 9px;
    flex-direction: column;
    align-items: flex-start;
  }

  .btn--big {
    font-size: 14px;
  }

  .blog-hero__img {
    height: 500px;
  }
  .blog-toolbar {
    margin-bottom: 33px;
  }

  .blog-page__crumbs {
    margin-bottom: -1px;
  }

  .blog-card__more {
    font-size: 14px;
  }

  .blog-hero__panel {
    border-radius: 16px;
    padding: 16px;
    gap: 12px;
  }

  .blog-hero__desc {
    font-size: 14px;
  }

  .blog-grid {
    gap: 14px;
    grid-template-columns: 1fr;
  }

  .blog-empty {
    padding: 1px 0;
  }

  .solutions-filters-row {
    margin-bottom: 51px;
  }

  .solutions-search {
    gap: 14px;
  }

  .solution-card__more {
    font-size: 14px;
  }

  .solutions-toolbar {
    margin-bottom: 33px;
  }

  .solutions-grid {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-bottom: 42px;
  }

  .cta--solutions .cta__photo-wrap {
    max-height: 176px;
  }

  .solutions-empty {
    padding: 32px 0;
  }

  .catalog-empty {
    padding: 32px 16px;
  }

  .catalog-empty__title {
    font-size: 24px;
  }

  .solutions-pagination {
    margin-bottom: 64px;
  }

  .solutions-page {
    padding-bottom: 64px;
  }

  .solutions-cta__social-title {
    max-width: 200px;
  }

  .solution-gallery__main {
    height: 250px;
  }

  .solution-products .product-row__item {
    flex: 0 0 296px;
  }

  .price-card {
    padding: 16px;
  }

  .blog-post-hero__img {
    height: 224px;
  }

  .blog-post-article {
    padding: 24px 16px;
  }

  .blog-post-related .product-row__item,
  .blog-post-products .product-row__item {
    flex: 0 0 296px;
  }

  .blog-post-cross-sell .product-row__item {
    flex: 0 0 296px;
  }
  .blog-post-page__crumbs {
    flex-wrap: nowrap;
    gap: 9px;
    margin-bottom: 2px;
  }

  .blog-post-author__name,
  .blog-post-author__role,
  .blog-post-author__meta-item {
    font-size: 12px;
    line-height: 1.4;
  }

  .blog-post-author__meta {
    flex-direction: column;
    gap: 16px;
  }

  .blog-post-layout .subscribe {
    flex-direction: column;
  }

  .blog-post-layout .subscribe__title {
    letter-spacing: -0.54px;
    max-width: none;
  }

  .blog-post-layout .subscribe__text {
    letter-spacing: -0.54px;
  }

  .subscribe__agree-text {
    max-width: 197px;
  }

  .blog-post-article__title {
    line-height: 1.08;
  }

  .blog-post-article__img {
    margin: 34px 0 10px;
  }

  .blog-post-terms {
    padding-left: 18px;
  }

  .blog-post-article__block {
    margin: 22px 0 31px;
  }

  .blog-post-article__block-title--mini {
    line-height: 1.03;
    margin-bottom: 6px;
  }

  .blog-post-article__section {
    margin: 0 0 33px;
  }

  .blog-post-article__product .product-card__title {
    line-height: 1.1;
  }
  .blog-post-article__product {
    margin: 0px 0 0;
  }

  .blog-post-toc {
    display: none;
  }

  .blog-post-article__pagination {
    margin: 67px 0 0;
  }

  .blog-post-cross-sell {
    margin-top: 139px;
    border-radius: 24px;
  }

  .blog-post-related {
    display: none;
  }

  .blog-post-page {
    padding-bottom: 88px;
  }

  .blog-post-page__crumbs .breadcrumbs__current {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .breadcrumbs__link,
  .breadcrumbs__sep,
  .breadcrumbs__current {
    font-size: 12px;
  }

  .gallery-grid {
    grid-template-columns: repeat(2, 1fr);
    column-gap: 16px;
  }

  .gallery-page__crumbs .breadcrumbs__link,
  .gallery-page__crumbs .breadcrumbs__sep,
  .gallery-page__crumbs .breadcrumbs__current {
    font-size: 14px;
  }

  .gallery-page__crumbs {
    margin-bottom: 0;
  }

  .comparison-page__crumbs .breadcrumbs__link,
  .comparison-page__crumbs .breadcrumbs__sep,
  .comparison-page__crumbs .breadcrumbs__current {
    font-size: 12px;
  }

  .comparison-page__crumbs {
    margin-bottom: 0;
  }

  .comparison-summary {
    margin-bottom: 49px;
    flex-direction: column;
    align-items: stretch;
  }

  .comparison-summary__info {
    justify-content: space-between;
    gap: 19px;
  }

  .comparison-summary__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .comparison-summary__actions .btn {
    width: max-content;
  }

  .comparison-products,
  .comparison-row {
    grid-template-columns: repeat(var(--comparison-cols, 4), 296px);
  }

  .comparison-page .cta__photo-wrap {
    height: 175px;
    flex: initial;
  }

  .comparison-empty .btn {
    display: none;
  }

  .page-hero__panel {
    border-radius: 16px;
    padding: 16px;
    gap: 12px;
  }

  .stocks-promo__photo {
    position: relative;
    height: auto;
    min-height: 196px;
  }

  .stocks-promo__card {
    position: static;
    max-width: none;
    margin-top: -20px;
    width: 100%;
  }

  .stocks-products {
    padding: 16px;
    border-radius: 24px;
  }

  .stocks-active-list__grid {
    grid-template-columns: 1fr;
  }

  .stocks-page__crumbs {
    margin-bottom: 0;
  }

  .page-hero__desc {
    letter-spacing: -0.46px;
  }

  .page-hero__title {
    line-height: 1.08;
  }

  .stocks-info__desc,
  .stocks-info__meta-text {
    font-size: 14px;
    line-height: 1.4;
  }

  .stocks-info {
    gap: 17px;
    margin-bottom: 48px;
  }
  .stocks-products .product-row__item {
    flex: 0 0 296px;
    min-width: 0;
    scroll-snap-align: none;
  }

  .stocks-products + .stocks-products {
    border-radius: 24px;
    padding: 16px;
    gap: 48px;
  }

  .cta__stocks {
    padding: 88px 0 40px;
  }

  .cta__stocks .cta__photo-wrap {
    max-height: 176px;
  }

  .cta__stocks .cta__content {
    padding: 0px 9px 14px;
    max-width: none;
  }

  .cta__stocks .cta__subtitle {
    gap: 10px;
  }

  .cta__stocks .cta__box {
    gap: 16px;
  }

  .stocks-page {
    padding-bottom: 48px;
  }

  .product-card__media {
    aspect-ratio: 328 / 259;
  }

  .stocks-active-list__grid .product-card__body {
    padding: 19px 14px 14px;
  }

  .stocks-active-list {
    margin-bottom: 67px;
  }

  .cert-grid {
    grid-template-columns: 1fr;
  }

  .cert-lightbox__media {
    height: 55vh;
    height: 55dvh;
  }

  .cert-lightbox__nav-row {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 16px;
  }

  .cert-lightbox__nav {
    position: static;
    transform: none;
  }

  .contacts-map__frame {
    height: 480px;
  }

  .contacts-page__crumbs {
    margin-bottom: 1px;
  }

  .certificates-page__crumbs {
    margin-bottom: 0;
  }

  .cert-card__open {
    font-size: 14px;
  }

  .certificates-page__divider {
    margin: 0 0 19px;
  }

  .faq-page__crumbs {
    margin-bottom: 4px;
  }

  .faq-page__intro {
    gap: 19px;
    margin-bottom: 19px;
  }

  .doc-content__search {
    gap: 5px;
    flex-direction: column;
    align-items: stretch;
  }

  .doc-row__requisites {
    font-size: 14px !important;
  }

  .doc-content {
    gap: 39px;
  }

  .doc-content__search-btn {
    width: 100%;
  }

  .doc-page__crumbs {
    margin-bottom: 0;
  }

  .doc-page__intro {
    gap: 8px;
  }
  .doc-page__divider {
    margin-bottom: 16px;
  }

  .doc-group__item-title {
    overflow: initial;
    text-overflow: initial;
    white-space: initial;
  }

  .doc-content__ceo-text {
    border-radius: 26px;
    padding: 15px 16px 15px;
  }

  .doc-group__title {
    line-height: 1.27;
  }

  .doc-content__ceo-text .doc-group__body--preview {
    margin-top: 15px;
  }

  .doc-page {
    padding-bottom: 88px;
  }

  .about-today {
    flex-direction: column;
    align-items: stretch;
    gap: 29px;
  }

  .about-today__title {
    flex-basis: auto;
  }

  .about-page__crumbs {
    margin-bottom: 0;
  }

  .about-section-head {
    margin-bottom: 28px;
  }

  .about-today__container {
    padding-top: 64px;
  }

  .about-today__track {
    flex: initial;
    margin-right: 0;
  }

  .about-page .cta__photo-wrap {
    flex: initial;
    height: 176px;
  }

  .about-page {
    padding-bottom: 64px;
  }

  .instructions-page__crumbs {
    margin-bottom: 0;
  }

  .instructions-card__head {
    display: flex;
    align-items: flex-start;
  }

  .instructions-row__field {
    gap: 6px;
  }

  .instructions-table-wrap {
    max-height: 1475px;
  }

  .instructions-card__more {
    border-bottom: 0;
  }

  .instructions-info {
    margin-top: 140px;
  }

  .cta--instructions {
    padding-top: 80px;
    padding-bottom: 0;
  }

  .instructions-rows {
    display: flex;
    gap: 6px;
  }

  .instructions-row {
    gap: 17px;
  }

  .instructions-row__actions .btn {
    padding: 8px 20px;
  }

  .solutions-page__crumbs {
    margin-bottom: 0;
  }

  .solution-detail-page__crumbs {
    margin-bottom: 0;
    gap: 10px;
  }

  .solution-detail__title {
    margin: 0 0 12px;
  }

  .solution-detail__block li {
    padding-left: 10px;
  }

  .solution-detail__block ul {
    gap: 1px;
  }

  .solution-products .tag {
    padding: 4px 5px;
  }

  .solution-products .product-card__media {
    aspect-ratio: 342 / 299;
  }

  .solution-products {
    padding: 60px 0 24px;
  }

  .cta--solution .cta__photo-wrap {
    max-width: none;
    max-height: 176px;
  }

  .solution-detail-page {
    padding-bottom: 64px;
  }

  .price-page__crumbs {
    margin-bottom: 0;
  }

  .price-group .data-row__title {
    line-height: 1.35;
  }

  .price-group .data-row__col:nth-of-type(2) .data-row__value {
    font-size: 14px;
  }

  .price-group .data-rows {
    gap: 14px;
  }

  .price-group {
    gap: 15px;
  }

  .payment-spb__card,
  .payment-regions {
    padding: 16px;
    border-radius: 24px;
  }

  .zones-table {
    display: none;
  }

  .zones-rows {
    display: flex;
  }

  .payment-partners {
    flex-direction: column;
  }

  .payment-partners__item,
  .payment-partners__item:not(.payment-partners__item--lg) {
    flex-basis: auto;
    width: 100%;
  }

  .payment-page__crumbs {
    padding: 34px 0 33px;
    margin-bottom: 0;
  }

  .payment-page .page-hero__panel {
    gap: 0;
  }

  .payment-page .page-hero__title {
    margin-bottom: 8px;
  }

  .payment-page .page-hero__desc {
    margin-bottom: 26px;
  }

  .page-hero__cta {
    font-size: 16px;
    max-width: none;
    width: 100%;
  }

  .payment-spb__title {
    display: flex;
    flex-direction: column;
  }

  .payment-spb__head {
    gap: 12px;
  }

  .payment-zones__info {
    gap: 27px;
  }

  .zones-rows .data-row {
    padding: 16px 15px 14px 16px;
    background: none;
  }

  .zones-rows {
    gap: 0;
  }

  .zones-rows .data-row__label {
    letter-spacing: -0.54px;
  }

  .zones-rows .data-row__meta {
    gap: 0;
  }

  .zones-rows .data-row__col {
    gap: 4px;
  }

  .payment-spb {
    margin-bottom: 144px;
  }

  .payment-steps {
    gap: 26px;
  }

  .payment-partners__title {
    margin: 0 0 29px;
  }

  .payment-partners__item {
    height: 88px;
  }

  .payment-partners__item--pek {
    padding-inline: 56px;
  }

  .payment-callout__links {
    gap: 6px;
  }

  .not-found-page__crumbs {
    margin-bottom: 0;
  }

  .cart-toolbar {
    gap: 11px;
    flex-direction: column;
    align-items: stretch;
  }

  .cart-toolbar__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .cart-toolbar__btn {
    justify-content: center;
  }

  .cart-summary {
    padding: 16px;
  }

  .checkout-form {
    padding: 16px;
  }

  .checkout-form__grid {
    grid-template-columns: 1fr;
  }

  .checkout-form__toggle {
    align-items: stretch;
    gap: 7px;
  }

  .checkout-form__toggle .tab-pill {
    flex: 1;
    justify-content: center;
  }

  .cart-empty {
    padding: 16px 0 9px;
  }

  .order-success-card {
    gap: 33px;
  }

  .order-success-card__main {
    min-width: initial;
    gap: 32px;
  }
  .order-success-card__row {
    gap: 12px;
  }

  .order-success-card__warning-text {
    letter-spacing: -0.6px;
  }

  .order-success-page__continue {
    width: 100%;
  }

  .order-success-intro {
    gap: 16px;
    padding: 0 24px;
  }

  .order-success-intro__icon {
    width: 72px;
    height: 72px;
  }

  .order-success-intro__icon svg {
    width: 40px;
    height: 40px;
  }

  .order-success-intro__title {
    font-size: 24px;
    text-align: center;
  }

  .cart-page__crumbs {
    margin-bottom: 0;
  }

  .cart-page__desc {
    margin-bottom: 31px;
    line-height: 1.46;
  }

  .cart-toolbar__left {
    justify-content: space-between;
  }

  .cart-toolbar__actions {
    gap: 8px;
    padding-top: 12px;
    border-top: 1px solid var(--color-border-light);
  }

  .cart-item__img {
    max-width: none;
    aspect-ratio: initial;
  }

  .cart-item__main {
    gap: 18px;
  }

  .cart-item__info {
    gap: 20px;
  }

  .cart-item {
    gap: 19px;
  }

  .checkout-form__title {
    margin: 0 0 25px;
  }

  .checkout-form__radio {
    line-height: 1.45;
  }

  .checkout-form__section:nth-of-type(5) {
    margin-bottom: 29px;
  }

  .checkout-form__consent .link {
    display: inline;
  }

  .checkout-form__consent {
    align-items: center;
  }

  .cart-page {
    padding-bottom: 88px;
  }

  .favorites-page__divider {
    margin: 33px 0 16px;
  }

  .favorites-toolbar {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 7px 16px 16px;
  }

  .favorites-toolbar__info {
    width: 100%;
    row-gap: 7px;
  }

  .favorites-toolbar__select-all {
    order: 1;
  }

  .favorites-toolbar__sort {
    order: 2;
    margin-left: auto;
  }

  .favorites-toolbar__divider {
    display: none;
  }

  .favorites-toolbar__divider--break {
    display: block;
    order: 3;
    flex-basis: 100%;
    width: 100%;
    height: 1px;
    background: var(--color-border-light);
  }

  .favorites-toolbar__stock {
    order: 4;
  }

  .favorites-toolbar__count-mobile {
    display: block;
    order: 5;
    margin-left: auto;
  }

  .favorites-toolbar__row-divider {
    display: block;
  }

  .favorites-toolbar__actions {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .favorites-toolbar__add,
  .favorites-toolbar__clear {
    width: 100%;
    justify-content: center;
  }

  .favorites-grid {
    gap: 16px;
  }

  .favorites-grid:not(.favorites-grid--list) {
    grid-template-columns: minmax(0, 1fr);
  }

  .favorites-empty .btn {
    display: none;
  }

  .favorites-page__crumbs {
    margin-bottom: 0;
  }

  .search-grid {
    gap: 16px;
  }

  .search-grid > .product-card {
    flex: 1 1 100%;
  }

  /*
   * Отступы между блоками на телефоне.
   *
   * В вёрстке низ блока и верх следующего давали 139–142 px — тот же зазор,
   * что на планшете, и почти тот же, что на десктопе. На экране шириной
   * 390 px это больше трети ширины: листаешь и видишь пустоту. Здесь зазор
   * сжат примерно до 88 px — пропорции макета сохранены, числа уменьшены
   * на треть: 100 → 64, 140 → 88, 76 → 48, 40 → 24.
   *
   * Правила ниже — те, у которых своей мобильной строки не было: они
   * доставались телефону от планшета (max-width: 1023px).
   */
  .catalog-related {
    padding: 48px 0 40px;
  }

  .pdp-related {
    padding: 80px 0 16px;
  }

  .about-production {
    padding-top: 64px;
  }

  .blog-post-related {
    padding: 88px 0 0;
  }

  .blog-post-page .faq {
    padding: 88px 0 1px;
  }

  .comparison-page .cta {
    padding: 88px 0 0;
  }

  .payment-spb {
    padding-top: 64px;
  }

  .blog-page,
  .gallery-page,
  .faq-page,
  .not-found-page,
  .order-success-page,
  .price-page,
  .comparison-page,
  .contacts-page,
  .certificates-page,
  .instructions-page,
  .payment-page {
    padding-bottom: 88px;
  }

  .favorites-page {
    padding-bottom: 48px;
  }

  /* Артикул наверху карточки товара — см. product.css. */
  .pdp-summary__sku {
    display: inline-flex;
  }

  /*
   * Строка переносится: у товара с отзывами в ней уже стоят оценка, ссылка
   * на отзывы и «В наличии», и вместе с артикулом они на телефон не влезают.
   * Перенос отправляет артикул на свою строку, а не выдавливает его за край.
   */
  .pdp-summary__rating-row {
    flex-wrap: wrap;
    row-gap: 8px;
  }


  /*
   * Заглушка убранной позиции: на телефоне кнопка уходит под строку.
   *
   * В один ряд с фотографией и названием она не помещается: кнопка занимает
   * 114 px, снимок 72, отступы ещё 64 — названию остаётся около сотни, и
   * слова подлиннее вылезали из своей колонки прямо на кнопку.
   */
  .cart-removed {
    flex-wrap: wrap;
  }

  .cart-removed__text {
    flex: 1 1 140px;
  }

  .cart-removed__btn {
    width: 100%;
  }


  /* На телефоне артикул стоит плашкой в верхней строке — см. product.css. */
  .pdp-summary__sku-line {
    display: none;
  }

}

@media (min-width: 768px) {
  .category-grid__row .category-card--wide,
  .category-grid__row--top .main-category-card,
  .category-grid__row .category-card:not(.category-card--wide) {
    max-width: none;
  }
}

@media (min-width: 1024px) {
  .filters-trigger {
    display: none;
  }

  /*
   * Ширина колонки фиксирована, а не по содержимому.
   *
   * На широком экране окно фильтров становится обычной колонкой каталога, и
   * без ширины блок сжимался до самой длинной строки: со свёрнутыми
   * разделами это заголовок, с раскрытым — подпись галочки. Колонка прыгала
   * с 230 px до 342 px при каждом раскрытии. 342 px — ширина панели в
   * вёрстке (max-width у .filters).
   */
  .modal[data-catalog-filters] {
    padding: 0;
    position: static;
    inset: auto;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    display: block;
    z-index: auto;
    flex: 0 0 342px;
    width: 342px;
  }

  .modal[data-catalog-filters] .modal__overlay {
    display: none;
  }

  .modal[data-catalog-filters] .filters {
    transform: none;
  }

  .filters__close {
    display: none;
  }

  .catalog-grid .product-card {
    cursor: pointer;
  }
}

@media (min-width: 1440px) {
  .cert-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}