@media (max-width: 1536px) and (min-width: 1025px) {
  body[data-page="home"] .home-hero__grid {
    gap: clamp(2rem, 3vw, 4rem);
  }
}

/* About page remediation: scoped to About only, values taken from Figma nodes 1:1138 and 1:6463. */
body[data-page="about"] .page-main > .page-section > .container {
  width: var(--container);
}

body[data-page="about"] .page-main > .page-section:first-child {
  min-height: 62.5rem;
  margin-top: -1.875rem;
  padding-top: 8.375rem;
  padding-bottom: 4.5rem;
}

body[data-page="about"] .page-hero {
  min-height: calc(62.5rem - 12.875rem);
  grid-template-rows: auto 1fr;
  gap: 0;
  align-content: stretch;
}

body[data-page="about"] .page-hero__heading {
  width: min(72.1875rem, 100%);
  max-width: 72.1875rem;
  margin-top: 0;
  align-self: end;
}

body[data-page="about"] .page-section--about-philosophy {
  padding-top: 7.8125rem;
  padding-bottom: 10rem;
}

body[data-page="about"] .about-philosophy {
  grid-template-columns: 26.875rem minmax(0, 1fr);
  column-gap: 2.5rem;
  padding-top: 0;
}

body[data-page="about"] .about-philosophy__title {
  max-width: 86.875rem;
}

body[data-page="about"] .about-philosophy__media {
  min-height: 46.875rem;
  margin-top: 3.125rem;
}

body[data-page="about"] .about-philosophy > .section-tag {
  width: 10.0625rem;
  justify-self: start;
}

body[data-page="about"] .about-philosophy__copy {
  gap: 2.515625rem;
}

body[data-page="about"] .about-philosophy__media {
  height: 46.875rem;
  margin-top: 2.390625rem;
}

body[data-page="about"] .page-section--about-stats {
  padding-top: 0;
  padding-bottom: 10.0625rem;
}

body[data-page="about"] .about-stats {
  padding-top: 0;
}

body[data-page="about"] .about-stats__board {
  margin-top: 6.875rem;
}

body[data-page="about"] .page-section--about-history {
  padding-top: 0;
  padding-bottom: 10rem;
}

body[data-page="about"] .about-history {
  gap: 0;
}

body[data-page="about"] .about-history__divider {
  margin-top: 3.875rem;
}

body[data-page="about"] .about-history__track {
  margin-top: 0;
  padding-top: 3.75rem;
}

body[data-page="about"] .about-history__track::before {
  top: 25.125rem;
}

body[data-page="about"] .about-history__item--2016 {
  --history-stem: 14.5rem;
}

body[data-page="about"] .about-history__item--2019,
body[data-page="about"] .about-history__item--2024 {
  --history-stem: 8.5rem;
}

body[data-page="about"] .about-history__item--2020,
body[data-page="about"] .about-history__item--2025 {
  --history-stem: 13.0625rem;
}

@media (max-width: 1023px) {
  body[data-page="about"] .page-main > .page-section:first-child {
    min-height: 62.5rem;
    margin-top: -6.5rem;
    padding-top: 6.5rem;
    padding-bottom: 4.5rem;
  }

  body[data-page="about"] .page-hero {
    min-height: calc(62.5rem - 11rem);
  }

  body[data-page="about"] .page-title {
    font-size: 2.75rem;
    line-height: 0.92;
    letter-spacing: -0.02em;
  }

  body[data-page="about"] .about-philosophy {
    grid-template-columns: 1fr;
  }

  body[data-page="about"] .about-philosophy__media {
    min-height: 46.875rem;
  }

  body[data-page="about"] .about-stats__board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body[data-page="about"] .page-main > .page-section:first-child {
    min-height: 41.5rem;
    margin-top: 0;
    padding-top: 3.875rem;
    padding-bottom: 0;
    overflow: visible;
    background: none;
  }

  body[data-page="about"] .page-main > .page-section:first-child::after {
    content: "";
    position: absolute;
    left: 0.9375rem;
    top: 17.4375rem;
    width: calc(100% - 1.875rem);
    height: 24.0625rem;
    border-radius: 0.625rem;
    background: url("/static/images/figma/about-hero-mobile-stack.png") center / cover no-repeat;
  }

  body[data-page="about"] .page-hero {
    min-height: 0;
    grid-template-rows: auto auto;
    gap: 1.5rem;
    align-content: start;
  }

  body[data-page="about"] .page-hero__heading {
    width: min(22.1875rem, 100%);
    max-width: 22.1875rem;
    margin-top: 0.6875rem;
    align-self: start;
  }

  body[data-page="about"] .page-title {
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .page-section--about-philosophy {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  body[data-page="about"] .about-philosophy {
    position: relative;
    display: block;
  }

  body[data-page="about"] .about-philosophy::before {
    content: "";
    position: absolute;
    top: 4.1875rem;
    left: 0;
    right: 0;
    height: 0.375rem;
    background: url("/static/images/figma/about-history-divider.svg") center / 100% 100% no-repeat;
  }

  body[data-page="about"] .about-philosophy__copy {
    display: block;
  }

  body[data-page="about"] .about-philosophy__title {
    width: min(22.1875rem, 100%);
    margin-top: 4.125rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-philosophy__body {
    width: 100%;
    max-width: none;
    display: grid;
    gap: 1.4rem;
    margin-top: 1.875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
  }

  body[data-page="about"] .about-philosophy__media {
    width: 100%;
    height: auto;
    min-height: 33.625rem;
    margin-top: 1.875rem;
    border-radius: 0.625rem;
  }

  body[data-page="about"] .page-section--about-stats {
    padding-bottom: 7.125rem;
  }

  body[data-page="about"] .about-stats {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 1.875rem 0.9375rem 2.125rem;
    background:
      linear-gradient(rgba(22, 22, 22, 0.72), rgba(22, 22, 22, 0.72)),
      url("/static/images/figma/about-stats-overlay.png") center / cover no-repeat;
  }

  body[data-page="about"] .about-stats > .section-tag {
    position: static;
    height: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #e9e6e6;
    font-size: 0.875rem;
    line-height: normal;
    text-align: left;
  }

  body[data-page="about"] .about-stats__board {
    display: block;
    min-height: 0;
    margin-top: 1.25rem;
    overflow: visible;
    background: none;
    border: 0;
  }

  body[data-page="about"] .about-stats__hero {
    min-height: 0;
    padding: 0;
    background: none;
  }

  body[data-page="about"] .about-stats__hero::after,
  body[data-page="about"] .about-stats__star {
    display: none;
  }

  body[data-page="about"] .about-stats__title {
    width: min(18.9375rem, 100%);
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-stats__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 1.875rem;
    background: none;
    border: 0;
  }

  body[data-page="about"] .about-stat {
    min-height: 10.0625rem;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0;
    padding: 0 0 2.5rem;
    border: 0;
    border-bottom: 1px solid rgba(233, 230, 230, 0.22);
  }

  body[data-page="about"] .about-stat + .about-stat {
    padding-top: 1.5rem;
  }

  body[data-page="about"] .about-stat:nth-child(5) {
    min-height: 12.625rem;
  }

  body[data-page="about"] .about-stat strong {
    order: 1;
    font-size: 2.8125rem;
    line-height: 0.9;
    letter-spacing: -0.09rem;
  }

  body[data-page="about"] .about-stat span {
    order: 2;
    margin-top: 0.9375rem;
    font-size: 1.625rem;
    line-height: 1.2;
    letter-spacing: -0.04875rem;
  }

  body[data-page="about"] .about-stat p {
    order: 3;
    margin-top: 1.5625rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  body[data-page="about"] .page-section--about-history {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }

  body[data-page="about"] .about-history {
    position: relative;
    min-height: 55.375rem;
    display: block;
  }

  body[data-page="about"] .about-history__top {
    display: block;
  }

  body[data-page="about"] .about-history__title {
    width: 100%;
    margin-top: 1.5625rem;
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-history__divider {
    display: block;
    height: 0.375rem;
    margin-top: 1.875rem;
  }

  body[data-page="about"] .about-history__track {
    display: block;
    padding-top: 0;
    margin-top: 1.875rem;
  }

  body[data-page="about"] .about-history__track::before,
  body[data-page="about"] .about-history__item:not(.about-history__item--2016) {
    display: none;
  }

  body[data-page="about"] .about-history__item--2016 {
    display: grid;
    grid-template-areas:
      "year"
      "rail"
      "label"
      "summary"
      "image";
    grid-template-rows: auto 0.875rem auto auto 22.5rem;
    gap: 0;
    padding: 0;
    border: 0;
  }

  body[data-page="about"] .about-history__item--2016 strong {
    grid-area: year;
    font-size: 3.75rem;
    line-height: 0.9;
    letter-spacing: -0.225rem;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016::before {
    content: "";
    grid-area: rail;
    height: 0.875rem;
    margin-top: 1.875rem;
    background: url("/static/images/figma/about-history-rail.svg") left center / auto 100% repeat-x;
  }

  body[data-page="about"] .about-history__item--2016 span {
    grid-area: label;
    margin-top: 1.875rem;
    font-size: 1.625rem;
    line-height: 1.2;
    letter-spacing: -0.04875rem;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016 .about-history__summary {
    grid-area: summary;
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: normal;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016::after {
    content: "";
    grid-area: image;
    margin-top: 2.375rem;
    border-radius: 0.625rem;
    background: url("/static/images/figma/about-history-mobile-2016.png") center / cover no-repeat;
  }

  body[data-page="about"] .about-history__stem,
  body[data-page="about"] .about-history__marker {
    display: none;
  }

}

/* About final correction layer: keep after all responsive rules. */
body[data-page="about"] .about-philosophy > .section-tag {
  width: 10.0625rem;
  justify-self: start;
}

body[data-page="about"] .about-philosophy__copy {
  gap: 2.515625rem;
}

body[data-page="about"] .about-philosophy__media {
  height: 46.875rem;
  margin-top: 2.390625rem;
}

@media (max-width: 767px) {
  body[data-page="about"] .about-philosophy__copy {
    display: block;
  }

  body[data-page="about"] .about-philosophy__media {
    height: auto;
    min-height: 33.625rem;
    margin-top: 1.875rem;
  }

}

@media (min-width: 64rem) {
  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-contact {
    padding-top: 5.40234375rem;
    padding-bottom: 2rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"], [data-page="delivery"], [data-page="payment"]) #contact-request > .container,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer > .container {
    width: var(--container);
  }

  body:is([data-page="catalog"], [data-page="promotions"]) #contact-request .contact-block {
    min-height: 54.625rem;
    height: 54.625rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__image {
    width: 100%;
    height: 118.78%;
    object-fit: fill;
    transform: translateY(-9.33%);
  }

  body[data-page="catalog"] #contact-request .contact-block__content {
    width: 57.5rem;
    min-height: 16.5625rem;
    margin: 2.4375rem 3.375rem 0 auto;
    padding: 3.125rem 1.875rem 1.875rem;
    gap: 0.875rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__title {
    max-width: 46.9375rem;
    font-size: 3.75rem;
    line-height: 0.93;
    letter-spacing: -0.075rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__copy {
    max-width: 38.6875rem;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: normal;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel {
    width: 57.5rem;
    min-height: 31.8125rem;
    margin: 1.25rem 3.375rem 2.5rem auto;
    padding: 2.1875rem 1.875rem 1.875rem;
    gap: 0.625rem;
    border-radius: 0.9375rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .field,
  body[data-page="catalog"] #contact-request .contact-block__panel .form-note,
  body[data-page="catalog"] #contact-request .contact-block__panel > .button {
    width: 50.375rem;
    max-width: 100%;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .input,
  body[data-page="catalog"] #contact-request .contact-block__panel .textarea {
    min-height: 4.3125rem;
    height: 4.3125rem;
    padding: 1.375rem 1.875rem;
    border-radius: 0.625rem;
    font-family: var(--font-heading);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.37;
    letter-spacing: -0.0225rem;
    background: #d9d9d9;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .form-note {
    margin-top: 0.875rem;
    color: #b1b1b1;
    font-family: var(--font-heading);
    font-size: 1rem;
    line-height: 1.2;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel > .button {
    width: 22.5rem;
    min-height: 3.75rem;
    margin-top: 0.375rem;
    border-radius: 0.625rem;
    font-size: 1.125rem;
    line-height: normal;
    text-transform: none;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__map img {
    min-height: 43.75rem;
    height: 43.75rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__panel {
    margin-top: 3.9375rem;
    grid-template-columns: 28.125rem minmax(0, 1fr);
    gap: 1.25rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__card,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__nav {
    min-height: 26.25rem;
    padding: 1.875rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__card {
    gap: 1.5rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-list {
    gap: 1.25rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row {
    padding-bottom: 1.25rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__nav {
    gap: 1.5rem 4rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__nav-list {
    margin-top: 2.8125rem;
    gap: 1.5625rem;
    font-size: 1.125rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta {
    margin-top: 1.25rem;
    padding: 1.875rem 1.875rem 1.5rem;
    gap: 1.25rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta-copy {
    font-size: 1rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta-legal {
    padding-top: 1.25rem;
    font-size: 1.125rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-recommendations {
    margin-top: 0.375rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed {
    margin-top: 1.2099609375rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog {
    gap: 1.875rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-rail__header {
    position: relative;
    padding-bottom: 1.5rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-rail__header::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0.375rem;
    background:
      linear-gradient(90deg, var(--color-accent) 0 0.3125rem, transparent 0.3125rem calc(100% - 0.3125rem), var(--color-accent) calc(100% - 0.3125rem) 100%),
      linear-gradient(90deg, rgba(233, 230, 230, 0.72), rgba(233, 230, 230, 0.72)) center / 100% 1px no-repeat;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-rail__title,
  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .section-heading__title {
    font-size: 1.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card {
    position: relative;
    min-height: 12.1875rem;
    height: 12.1875rem;
    border: 0;
    border-bottom: 1px solid #2f2e2e;
    border-radius: 0;
    background: transparent;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__media {
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 0.3125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__title {
    top: 0;
    left: 8.3125rem;
    width: 14.1875rem;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.05rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__price-wrap {
    top: 6.125rem;
    left: 8.3125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__price {
    color: #e9e6e6;
    font-family: var(--font-heading);
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.05rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__actions {
    left: 0;
    right: auto;
    top: 8.5625rem;
    width: 22.5rem;
    display: grid;
    grid-template-columns: 10.875rem 10.9375rem;
    gap: 0.6875rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__actions .button,
  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__actions .button-outline {
    min-height: 2.5625rem;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    border-radius: 0.3125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-grid {
    gap: 0.9375rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .page-template {
    gap: 1.125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .section-heading {
    padding-bottom: 0;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog {
    grid-template-columns: repeat(2, minmax(0, 10.9375rem));
    gap: 0.625rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card {
    min-height: 12.8125rem;
    height: 12.8125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card:nth-child(n + 3) {
    display: none;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card__title {
    top: 7.5rem;
    width: calc(100% - 1.25rem);
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.02rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card__rating {
    top: 10.6875rem;
    align-items: center;
    font-size: 1rem;
    line-height: normal;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card__rating--empty .mini-product-card__stars,
  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card__rating--score .mini-product-card__stars {
    font-size: 1.125rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .carousel-nav {
    gap: 0.625rem;
    margin-top: 0.75rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .carousel-nav__btn {
    width: 2.8125rem;
    height: 2.8125rem;
    border: 1px solid #cbd2d9;
    background: transparent;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .carousel-nav__btn:not(:disabled):hover,
  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-viewed .carousel-nav__btn:not(:disabled):focus-visible {
    border-color: var(--color-accent);
    background: var(--color-accent);
    color: #ffffff;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-main > .page-section.page-section--catalog-contact > .container {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .page-section--catalog-contact {
    padding-top: 3.75rem;
    padding-bottom: 1.25rem;
  }

  body:is([data-page="catalog"], [data-page="promotions"]) #contact-request .contact-block {
    width: 100%;
    min-height: 40rem;
    height: 40rem;
    border: 0;
    border-radius: 0;
  }

  body[data-page="catalog"] #contact-request .contact-block__image {
    width: 171.03%;
    height: 104.22%;
    max-width: none;
    object-fit: fill;
    transform: translate(-7.41%, -4.22%);
  }

  body[data-page="catalog"] #contact-request .contact-block__visual::after {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.5));
  }

  body[data-page="catalog"] #contact-request .contact-block__content {
    position: absolute;
    top: 1.875rem;
    left: 0.9375rem;
    width: 22.5rem;
    min-height: 10.9375rem;
    margin: 0;
    padding: 0 0 1.875rem;
    gap: 0.625rem;
    background: transparent;
    border-bottom: 1px solid rgba(233, 230, 230, 0.8);
    border-radius: 0;
  }

  body[data-page="catalog"] #contact-request .contact-block__eyebrow {
    display: block;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    font-size: 0.875rem;
    line-height: normal;
    text-transform: none;
  }

  body[data-page="catalog"] #contact-request .contact-block__title {
    max-width: 20.4375rem;
    font-size: 1.5625rem;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.0625rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__copy {
    max-width: 22.5rem;
    color: #e9e6e6;
    font-size: 1rem;
    font-weight: 400;
    line-height: normal;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel {
    position: absolute;
    top: 14.6875rem;
    left: 0.9375rem;
    width: 22.5rem;
    min-height: 0;
    margin: 0;
    padding: 0;
    gap: 0.3125rem;
    background: transparent;
    border-radius: 0;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .field {
    height: 3.75rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .field:nth-of-type(1) { order: 1; }
  body[data-page="catalog"] #contact-request .contact-block__panel .field:nth-of-type(2) { order: 2; }
  body[data-page="catalog"] #contact-request .contact-block__panel .field:nth-of-type(4) { order: 3; }
  body[data-page="catalog"] #contact-request .contact-block__panel .field:nth-of-type(3) { order: 4; }

  body[data-page="catalog"] #contact-request .contact-block__panel .input,
  body[data-page="catalog"] #contact-request .contact-block__panel .textarea {
    min-height: 3.75rem;
    height: 3.75rem;
    padding: 1.5rem 1.25rem;
    border-radius: 0.3125rem;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    background: #ffffff;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .textarea {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .form-note {
    order: 5;
    width: 22.4375rem;
    max-width: 22.4375rem;
    height: 2.8125rem;
    margin-top: 0.3125rem;
    color: #e9e6e6;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    line-height: 1rem;
  }

  body[data-page="catalog"] #contact-request .contact-block__panel .form-note a {
    color: var(--color-accent);
  }

  body[data-page="catalog"] #contact-request .contact-block__panel > .button {
    order: 6;
    width: 22.5rem;
    min-height: 3.125rem;
    margin-top: 0.9375rem;
    border-radius: 0.3125rem;
    font-size: 1rem;
    line-height: normal;
    text-transform: none;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer > .container {
    width: var(--container-mobile);
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__map img {
    min-height: 22.5rem;
    height: 22.5rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__panel {
    margin-top: 0.625rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__nav--desktop,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--desktop {
    display: none;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__card {
    position: relative;
    display: block;
    min-height: 25.75rem;
    height: 25.75rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer .footer-brand {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: 7.75rem;
    height: 2.4375rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-list {
    display: contents;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row {
    position: absolute;
    left: 1.25rem;
    width: 19.75rem;
    padding: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row:nth-child(1) {
    top: 5.5625rem;
    height: 4.125rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row:nth-child(2) {
    top: 11.5625rem;
    height: 6.5rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row:nth-child(3) {
    top: 19.9375rem;
    height: 3.9375rem;
    border-bottom: 0;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row > div:not(.footer__card-title):not(.stack-sm) {
    margin-top: 0.75rem;
    color: #878787;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__contact-row .stack-sm {
    gap: 0.9375rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer .icon-text-link {
    gap: 0.9375rem;
    font-family: var(--font-heading);
    font-size: 1.125rem;
    line-height: 1.07;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile {
    display: grid;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack {
    position: relative;
    display: block;
    height: 53.3125rem;
    min-height: 53.3125rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0.9375rem;
    background: #1d1d1d;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack::before,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack::after {
    content: "";
    position: absolute;
    left: 1.375rem;
    width: 19.75rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack::before {
    top: 15.3125rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-stack::after {
    top: 44.1875rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-card,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile {
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-card {
    border: 0;
    background: transparent;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-card--nav {
    position: absolute;
    top: 1.875rem;
    left: 1.375rem;
    width: 19.75rem;
    min-height: 0;
    padding: 0;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-card--products {
    position: absolute;
    top: 17.1875rem;
    left: 1.375rem;
    width: 19.75rem;
    min-height: 0;
    padding: 0;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__card-title,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__nav-title,
  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__social-title {
    font-family: var(--font-heading);
    font-size: 1.375rem;
    line-height: normal;
    font-weight: 400;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-list {
    display: grid;
    gap: 1.25rem;
    margin-top: 1.5625rem;
    color: #878787;
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-list--products {
    gap: 1.5625rem;
    line-height: 1.1;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-social {
    position: absolute;
    top: 28.875rem;
    left: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__mobile-social .social-links {
    margin-top: 1.5625rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile {
    position: relative;
    min-height: 25rem;
    height: 25rem;
    margin-top: 0.625rem;
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.5rem;
    padding: 1.875rem 1.375rem;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-title {
    font-size: 1rem;
    line-height: normal;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-copy {
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-legal {
    position: absolute;
    top: 16.125rem;
    left: 0;
    display: grid;
    gap: 1.125rem;
    width: 100%;
    height: 8.875rem;
    padding: 1.875rem 1.375rem;
    margin: 0;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
    font-size: 1rem;
    line-height: normal;
  }

  body:is([data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
  }
}

@media (max-width: 1366px) and (min-width: 1025px) {
  body[data-page="home"] .home-hero__grid {
    grid-template-columns: minmax(0, 1fr) 35rem;
    gap: 3rem;
  }

  body[data-page="home"] .home-hero__aside,
  body[data-page="home"] .home-hero__subtitle,
  body[data-page="home"] .home-hero__aside .button {
    width: 35rem;
    max-width: 35rem;
  }
}

@media (max-width: 1280px) {
  .site-header__nav {
    gap: 1.25rem;
    font-size: 1rem;
  }

  .site-header__cta {
    min-width: 0;
    padding-inline: 1.25rem;
  }

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

  .footer__nav-group--social {
    grid-column: 1 / -1;
    justify-self: start;
    text-align: left;
  }

  .category-card {
    grid-column: span 6;
  }

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

  .product-rail--home {
    --product-rail-tab-height: 1.875rem;
    --product-rail-tab-padding-inline: 0.8125rem;
    --product-rail-tab-size: 0.6875rem;
    --product-card-min-height: 18.75rem;
    --product-card-title-min-height: 3.25rem;
    --product-card-title-size: 0.875rem;
    --product-card-price-size: 0.875rem;
    --product-card-action-height: 1.9375rem;
    --product-card-action-size: 0.625rem;
    gap: 1.25rem;
  }

  .mini-product-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .product-detail-shell__top,
  .checkout-shell {
    grid-template-columns: 1fr;
  }

  .checkout-shell__aside {
    position: static;
  }

  body[data-page="cart"] .checkout-shell,
  body[data-page="checkout"] .checkout-shell,
  body[data-page="account"] .account-shell {
    grid-template-columns: 1fr;
  }

  body[data-page="checkout"] .checkout-shell__aside {
    order: -1;
    position: static;
  }

  body[data-page="account"] .account-shell__nav,
  body[data-page="account"] .account-shell__content {
    grid-column: auto;
    grid-row: auto;
  }

  body[data-page="account"] .account-shell__nav {
    position: static;
    top: auto;
    z-index: auto;
  }

  .news-grid,
  .certificate-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

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

  body[data-page="catalog"] .service-shell--product .product-row__body {
    grid-template-columns: minmax(0, 1fr) 11rem 14rem;
    gap: 1rem 1.25rem;
  }

  body[data-page="catalog"] .service-shell--product .product-row__title,
  body[data-page="catalog"] .service-shell--product .product-row__price {
    font-size: 1.5rem;
  }

  body[data-page="catalog"] .service-shell--product .product-row__actions .button,
  body[data-page="catalog"] .service-shell--product .product-row__actions .button-outline {
    width: 14rem;
  }

  body[data-page="catalog"] .service-shell--product .product-about__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  body[data-page="catalog"] .service-shell--product .product-table,
  body[data-page="catalog"] .service-shell--product .doc-card {
    width: 100%;
  }

  body[data-page="promotions"] .service-shell--promotions {
    grid-template-columns: 1fr;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row {
    grid-template-columns: 10rem minmax(0, 1fr);
    gap: 1.25rem;
    min-height: 0;
    padding: 1rem 0;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__media {
    width: 10rem;
    height: 10rem;
    border-radius: 0.3125rem;
  }

  body[data-page="promotions"] .service-shell--promotions .promotions-row__image--mesh,
  body[data-page="promotions"] .service-shell--promotions .promotions-row__image--cover {
    inset: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "price"
      "specs"
      "actions";
    justify-content: initial;
    row-gap: 1rem;
    padding-top: 0;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__title,
  body[data-page="promotions"] .service-shell--promotions .product-row__price {
    font-size: 1.5rem;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__price {
    text-align: left;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__specs {
    width: 100%;
    max-width: none;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .section-heading__title {
    font-size: var(--heading-mobile-size);
    line-height: var(--heading-mobile-line);
    letter-spacing: var(--heading-mobile-tracking);
  }

  .section-heading__title mark {
    color: inherit;
  }
}

@media (max-width: 1024px) {
  .site-header__nav,
  .site-header__cta,
  .site-header__actions .desktop-only {
    display: none;
  }

  .mobile-only {
    display: inline-flex;
  }

  .site-header__actions {
    margin-left: auto;
  }

  .contact-block,
  .footer__panel,
  .search-state__grid {
    grid-template-columns: 1fr;
  }

  .contact-block__content,
  .contact-block__panel {
    grid-column: 1;
  }

  .contact-block__panel {
    width: auto;
    margin: 1.25rem;
    margin-top: 0;
  }

  .footer__meta-top {
    flex-direction: column;
  }

  .footer__meta-side {
    text-align: left;
  }

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

  .category-card-grid,
  .product-detail-card,
  .account-shell,
  .review-shell__states {
    grid-template-columns: 1fr;
  }

  body[data-page="catalog"] .service-shell--product {
    grid-template-columns: 1fr;
  }

  body[data-page="catalog"] .service-shell--product .product-row,
  body[data-page="catalog"] .service-shell--product .product-row--desktop-extra {
    grid-template-columns: 10rem minmax(0, 1fr);
  }

  body[data-page="catalog"] .service-shell--product .product-row__body {
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
      "title"
      "price"
      "specs"
      "actions";
  }

  body[data-page="catalog"] .service-shell--product .product-row__price {
    justify-self: start;
  }

  body[data-page="catalog"] .service-shell--product .product-row__actions {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="catalog"] .service-shell--product .product-row__actions .button,
  body[data-page="catalog"] .service-shell--product .product-row__actions .button-outline {
    width: 100%;
  }

  body[data-page="catalog"] .service-shell--product .product-about__media {
    min-height: auto;
  }

  body[data-page="promotions"] .service-shell--promotions {
    gap: 3.125rem;
  }

  body[data-page="promotions"] .page-main {
    padding-bottom: 1.8125rem;
  }

  body[data-page="promotions"] .page-main > .page-section.page-section--compact {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  body[data-page="promotions"] .page-main > .page-section.page-section--flush-top {
    padding-top: 6px;
  }

  body[data-page="promotions"] .page-section--catalog-recommendations {
    margin-top: 2.75rem;
  }

  body[data-page="promotions"] .page-section--catalog-viewed {
    margin-top: 2.75rem;
  }

  body[data-page="promotions"] section#contact-request.page-section--catalog-contact {
    padding-top: 4.25rem;
  }

  body[data-page="catalog"] .service-sidebar__aside-links,
  body[data-page="promotions"] .service-sidebar__aside-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    column-gap: 3.875rem;
    row-gap: 0.9375rem;
    margin-top: 0.1875rem;
  }

  body[data-page="catalog"] .service-sidebar__subtitle,
  body[data-page="promotions"] .service-sidebar__subtitle {
    width: 16.75rem;
    height: 0.8125rem;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: 0;
    margin-bottom: 0.9375rem;
    white-space: nowrap;
  }

  body[data-page="catalog"] .service-sidebar__meta-link:nth-of-type(1),
  body[data-page="promotions"] .service-sidebar__meta-link:nth-of-type(1) {
    width: 7.6875rem;
  }

  body[data-page="catalog"] .service-sidebar__meta-link:nth-of-type(2),
  body[data-page="promotions"] .service-sidebar__meta-link:nth-of-type(2) {
    width: 6.4375rem;
  }

  body[data-page="catalog"] .service-sidebar__meta-link:nth-of-type(3),
  body[data-page="promotions"] .service-sidebar__meta-link:nth-of-type(3) {
    width: 5.875rem;
  }

  body[data-page="promotions"] .promotions-text-desktop {
    display: none;
  }

  body[data-page="promotions"] .promotions-text-mobile {
    display: inline;
  }

  body[data-page="promotions"] .service-shell--promotions .product-list {
    gap: 1.25rem;
    border-top: 0;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row {
    position: relative;
    display: block;
    min-height: 37rem;
    height: 37rem;
    padding: 0;
    border: 1px solid #2f2e2e;
    border-radius: 0.625rem;
    background: #111111;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row::before,
  body[data-page="promotions"] .service-shell--promotions .product-row::after {
    content: none;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 19.6587028503rem;
    border-radius: 0.625rem;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__body {
    display: block;
    padding: 0;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__title {
    position: absolute;
    top: 20.1875rem;
    left: -0.0625rem;
    width: 22.5rem;
    max-width: 22.5rem;
    white-space: normal;
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    text-decoration: none;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__price-wrap {
    position: absolute;
    top: 27.1875rem;
    left: -0.0625rem;
    width: 9.2907304764rem;
    padding: 0;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__price {
    font-family: "Inter", var(--font-ui);
    font-size: 1.5rem;
    line-height: 1.3;
    letter-spacing: -0.075rem;
    text-align: left;
    white-space: nowrap;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__specs {
    display: none;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__actions {
    position: absolute;
    top: 30rem;
    right: -0.0625rem;
    left: -0.0625rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.9375rem;
    width: auto;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__actions .button,
  body[data-page="promotions"] .service-shell--promotions .product-row__actions .button-outline {
    width: 100%;
    min-height: 3rem;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__actions .button-outline {
    border-width: 1px;
  }

  .category-card,
  .category-card--wide {
    grid-column: 1 / -1;
    min-width: 0;
  }

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

  .product-rail--home .product-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .mini-product-row,
  .order-card__items,
  .account-shell__stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .catalog-shell,
  .service-shell,
  .auth-shell,
  .account-shell__hero,
  .review-shell__prompt {
    grid-template-columns: 1fr;
  }

  .cart-row {
    grid-template-columns: 6rem minmax(0, 1fr) 2.5rem;
    grid-template-rows: auto auto auto auto;
  }

  .cart-row__media {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 6rem;
  }

  .cart-row__meta {
    grid-column: 2 / 4;
    grid-row: 1;
  }

  .cart-row__price {
    grid-column: 2;
    grid-row: 2;
    justify-items: start;
  }

  .cart-row__qty-field {
    grid-column: 1 / 3;
    grid-row: 3;
    width: 100%;
  }

  .cart-row__total {
    grid-column: 1 / 3;
    grid-row: 4;
  }

  .cart-row__remove {
    grid-column: 3;
    grid-row: 3 / 5;
    width: 2.5rem;
    min-width: 2.5rem;
    justify-self: stretch;
    align-self: stretch;
    font-size: 0;
  }

  .cart-row__remove::before {
    content: "";
    width: 1.8125rem;
    height: 1.8125rem;
    background: url("/static/images/figma/cart-trash-full-mobile.svg") center / contain no-repeat;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row {
    grid-template-columns: 6rem minmax(0, 1fr) 2.5rem;
    grid-template-rows: auto auto auto auto;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__media {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 6rem;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__meta {
    grid-column: 2 / 4;
    grid-row: 1;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__price {
    grid-column: 2;
    grid-row: 2;
    justify-items: start;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__qty-field {
    grid-column: 1 / 3;
    grid-row: 3;
    width: 100%;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__total {
    grid-column: 1 / 3;
    grid-row: 4;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__remove {
    grid-column: 3;
    grid-row: 3 / 5;
    width: 2.5rem;
    min-width: 2.5rem;
    justify-self: stretch;
    align-self: stretch;
    font-size: 0;
  }

  .checkout-section__grid,
  .account-panel__grid {
    grid-template-columns: 1fr 1fr;
  }

  .home-hero__grid,
  .story-split,
  .article-layout,
  .process-layout,
  .state-card__layout {
    grid-template-columns: 1fr;
  }

  .home-hero__grid {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 2.5rem;
    padding-top: 7.5rem;
    padding-bottom: 8rem;
  }

  .home-hero__content {
    margin-top: auto;
    width: 100%;
  }

  .home-hero__title {
    max-width: 41.5rem;
  }

  .home-hero__aside {
    width: min(40.5rem, 100%);
    gap: 1.875rem;
  }

  .home-hero__subtitle {
    max-width: 40.5rem;
  }

  .story-split__content,
  .story-split__media {
    grid-column: 1 / -1;
  }

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

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

  .service-card-column {
    min-height: auto;
    gap: 1.25rem;
    justify-content: flex-start;
  }

  .service-about__intro {
    grid-template-columns: 1fr;
  }

  .advantage-card,
  .advantage-card--wide {
    grid-column: span 6;
  }

  .process-panel {
    grid-template-columns: 1fr;
  }
}


@media (min-width: 64.001rem) {
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry {
    --adv-desktop-scale: var(--desktop-viewport-scale);
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: calc(1.25rem * var(--adv-desktop-scale));
    padding: calc(1.875rem * var(--adv-desktop-scale));
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card {
    display: block;
    height: calc(25.625rem * var(--adv-desktop-scale));
    min-height: calc(25.625rem * var(--adv-desktop-scale));
    padding: 0;
    overflow: hidden;
    grid-template-rows: none;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(1) { grid-column: 1; grid-row: 1; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(2) { grid-column: 2; grid-row: 1; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(3) { grid-column: 4; grid-row: 1; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(4) { grid-column: 1; grid-row: 2; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(5) { grid-column: 3; grid-row: 2; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(6) { grid-column: 1; grid-row: 3; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(7) { grid-column: 2; grid-row: 3; }
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card:nth-child(8) { grid-column: 3 / 5; grid-row: 3; }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__row {
    display: contents;
    min-height: 0;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__glyph {
    position: absolute;
    top: calc(1.25rem * var(--adv-desktop-scale));
    left: calc(1.25rem * var(--adv-desktop-scale));
    width: calc(4.0625rem * var(--adv-desktop-scale));
    height: calc(4.0625rem * var(--adv-desktop-scale));
    border-radius: calc(0.625rem * var(--adv-desktop-scale));
    background: transparent;
    overflow: hidden;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__glyph img {
    width: 100%;
    height: 100%;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__plus {
    position: absolute;
    top: calc(1.25rem * var(--adv-desktop-scale));
    right: calc(1.25rem * var(--adv-desktop-scale));
    width: calc(2.125rem * var(--adv-desktop-scale));
    height: calc(2.125rem * var(--adv-desktop-scale));
    background-size: 100% 100%;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__title {
    position: absolute;
    top: calc(6.875rem * var(--adv-desktop-scale));
    left: calc(1.25rem * var(--adv-desktop-scale));
    width: calc(24.6875rem * var(--adv-desktop-scale));
    max-width: none;
    padding: 0;
    font-size: calc(1.625rem * var(--adv-desktop-scale));
    line-height: calc(1.95rem * var(--adv-desktop-scale));
    letter-spacing: calc(-0.04875rem * var(--adv-desktop-scale));
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__copy {
    position: absolute;
    top: calc(13.125rem * var(--adv-desktop-scale));
    left: calc(1.25rem * var(--adv-desktop-scale));
    width: calc(24.6875rem * var(--adv-desktop-scale));
    max-width: none;
    padding: 0;
    font-size: calc(1.125rem * var(--adv-desktop-scale));
    line-height: calc(1.32075rem * var(--adv-desktop-scale));
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--solid .home-adv-card__copy {
    width: calc(30.0625rem * var(--adv-desktop-scale));
    max-width: none;
  }
}


@media (max-width: 64rem) {
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__frame,
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry {
    width: 100%;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    align-items: start;
    padding-inline: 0;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card {
    grid-column: auto;
    grid-row: auto;
    height: auto;
    min-height: 21.75rem;
    grid-template-rows: 3.125rem auto auto;
    padding: 1.25rem;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__row {
    min-height: 3.125rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__glyph {
    width: 3.125rem;
    height: 3.125rem;
    background: transparent;
    overflow: hidden;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__glyph img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__plus {
    width: 1.5625rem;
    height: 1.5625rem;
    background-size: 1.5625rem 1.5625rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__title {
    max-width: 20.1375rem;
    padding-top: 1.25rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: -0.05rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__copy {
    max-width: 20.1375rem;
    padding-top: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.174rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--project .home-adv-card__title {
    font-weight: 500;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--solid {
    background: #ff6c00;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__bg {
    top: -2.25rem;
    width: 81rem;
    height: 72.75rem;
    opacity: 0.38;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__flame--tl {
    top: -1.5rem;
    left: -4rem;
    width: 20rem;
    height: 21rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__flame--tr {
    top: 9.5rem;
    right: -4rem;
    width: 20rem;
    height: 21rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__flame--bl {
    bottom: -4.5rem;
    left: -5rem;
    width: 24rem;
    height: 24rem;
  }
}


@media (max-width: 47.99rem) {
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages {
    padding-block: 0;
    --advantages-heading-bottom-gap: 1.3349609375rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__frame {
    background: none;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__bg {
    display: none;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__flame {
    display: none;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    padding: 0;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-advantages__masonry > .home-adv-card {
    width: 100%;
    height: 21.75rem;
    min-height: 21.75rem;
    grid-template-rows: 3.125rem var(--adv-mobile-title-block, 9.1875rem) auto;
    background: #272828;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(1),
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(3),
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(6) {
    --adv-mobile-title-block: 10.375rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(2),
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(5) {
    --adv-mobile-title-block: 11.5625rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(4),
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(7),
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card:nth-child(8) {
    --adv-mobile-title-block: 9.1875rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__title {
    max-width: 20.1375rem;
    padding-top: 1.5625rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--logistics .home-adv-card__title {
    max-width: 16.9375rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card__copy {
    max-width: 20.0625rem;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--solid {
    background: #272828;
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--solid .home-adv-card__plus {
    background-image: url("/static/images/figma/adv-plus-figma.svg");
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--solid .home-adv-card__copy {
    max-width: 20.0625rem;
    color: rgba(233, 230, 230, 0.9);
  }

  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--sanctions .home-adv-card__title-prefix,
  body:is([data-page="home"], [data-page="catalog"]) .page-section--home-advantages .home-adv-card--sanctions .home-adv-card__title-break {
    display: none;
  }
}

@media (max-width: 48rem) {
  .home-hero__grid {
    padding-bottom: 6rem;
  }

  .home-hero__title {
    max-width: 32rem;
  }

  .home-hero__aside,
  .home-hero__subtitle {
    width: min(31.5rem, 100%);
    max-width: 31.5rem;
  }
}

@media (max-width: 767px) {
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header {
    top: 0.9375rem;
  }

  .site-header {
    padding-top: 0;
  }

  .site-header__bar {
    width: min(22.5rem, calc(100% - 1.875rem));
    min-height: 3.125rem;
    padding-inline: 0.625rem;
    border-radius: 0.3125rem;
  }

  .site-header__brand-title,
  .footer-brand__title {
    font-size: 1.125rem;
  }

  .site-header__brand {
    width: 6.1875rem;
    height: 1.8125rem;
  }

  .site-header__brand-logo {
    display: block;
    height: 100%;
    max-height: none;
  }

  .site-header__brand-mobile {
    display: none;
  }

  .site-header__brand-mobile-logo {
    display: none;
  }

  .site-header__brand-subtitle,
  .footer-brand__subtitle {
    display: none;
  }

  .site-header__brand-mark,
  .footer-brand__mark {
    width: 1.875rem;
    height: 1.875rem;
  }

  .site-header__actions {
    gap: 0.625rem;
  }

  .site-icon-button {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0;
    background: transparent;
    border-radius: 0;
  }

  .site-header__actions .mobile-only {
    width: 2.0625rem;
    height: 1.75rem;
  }

  .site-icon {
    width: 1.5rem;
    height: 1.5rem;
  }

  .site-icon--desktop {
    display: none;
  }

  .site-icon--mobile {
    display: block;
  }

  .site-icon--burger {
    width: 2.0625rem;
    height: 1.75rem;
  }

  .site-header__actions .site-icon-button:last-child {
    color: inherit;
  }

  .container {
    width: var(--container-mobile);
  }

  .page-section {
    padding-top: 6rem;
  }

  .page-section {
    padding-block: 2.5rem;
  }

  body[data-page="promotions"] .page-section--catalog-recommendations {
    padding-top: 62px;
  }

  body[data-page="promotions"] .page-section--catalog-viewed {
    padding-top: 57px;
  }

  body[data-page="promotions"] #contact-request {
    padding-top: 68px;
  }

  body[data-page="promotions"] .page-main {
    padding-bottom: 0;
  }

  .page-title,
  .contact-block__title,
  .modal-card__title,
  .search-state__title {
    font-size: 3rem;
    max-width: 100%;
  }

  .section-heading {
    align-items: stretch;
    flex-direction: column;
    gap: var(--section-heading-mobile-gap);
    padding-bottom: var(--section-heading-mobile-padding-bottom);
  }

  .section-tag {
    order: -1;
    align-self: flex-start;
    width: max-content;
    max-width: 100%;
    min-width: var(--section-tag-mobile-min-width);
    min-height: var(--section-tag-mobile-height);
    height: var(--section-tag-mobile-height);
    padding: var(--section-tag-mobile-padding-y) var(--section-tag-mobile-padding-x);
    border-radius: var(--section-tag-mobile-radius);
    color: var(--section-tag-mobile-color);
    font-family: var(--section-tag-mobile-font-family);
    font-size: var(--section-tag-mobile-size);
    line-height: var(--section-tag-mobile-line);
    letter-spacing: var(--section-tag-mobile-tracking);
    white-space: nowrap;
  }

  .page-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.375rem;
  }

  .notification-card {
    top: 7.25rem;
    left: 0.9375rem;
    right: 0.9375rem;
    width: auto;
  }

  .notification-card__actions {
    grid-template-columns: 1fr 1.35fr;
  }

  .search-state {
    padding: 3.1875rem 0.9375rem 1.5rem;
  }

  .search-state__header {
    height: 3.125rem;
    min-height: 0;
    border-radius: 0.3125rem;
  }

  .search-state__header .search-row__input {
    min-height: 3.125rem;
    padding-left: 0.875rem;
    padding-right: 2.375rem;
    font-size: 1rem;
  }

  .search-state__header .search-row__icon {
    display: none;
  }

  .search-state__header .search-row__action {
    right: 0.9375rem;
  }

  .search-state__header .overlay__close {
    width: 1.375rem;
    height: 1.375rem;
  }

  .search-state__title {
    width: 13.5625rem;
    margin-top: 1.25rem;
    font-size: 1.875rem;
    line-height: 0.7;
    letter-spacing: -0.075rem;
  }

  .search-state__grid.catalog-card-grid {
    margin-top: 1.875rem;
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  .modal-card {
    width: calc(100vw - 1rem);
    padding: 1rem;
  }

  .review-form-modal {
    width: 22.5rem;
    min-height: 30.6875rem;
    padding: 0.6875rem 0.9375rem 1rem;
  }

  .review-form-modal__heading {
    font-size: 0.75rem;
    line-height: 1.5;
  }

  .review-form-modal__product {
    grid-template-columns: 5.0625rem minmax(0, 1fr);
    gap: 0.9375rem;
    padding-top: 1.25rem;
  }

  .review-form-modal__product-title {
    max-width: 14.625rem;
    font-size: 0.9375rem;
  }

  .review-form-modal__submit {
    min-height: 3.125rem;
  }

  .overlay__panel--filters {
    top: 0;
    right: 0;
    width: 100vw;
    height: 100svh;
    max-height: 100svh;
    border-radius: 0;
  }

  .filter-sidebar__choices {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.875rem 1rem;
  }

  .filter-sidebar {
    border-radius: 0;
    grid-template-rows: 4.375rem minmax(0, 1fr) 9.4375rem;
    height: 100%;
  }

  .filter-sidebar__title-desktop {
    display: none;
  }

  .filter-sidebar__title-mobile {
    display: inline;
  }

  .filter-sidebar__footer {
    grid-template-columns: 1fr;
    gap: 0.625rem;
    min-height: 9.4375rem;
    padding: 1.5625rem 0.9375rem 1.25rem;
  }

  .filter-sidebar__action {
    min-height: 3rem;
  }

  .mobile-menu {
    width: 100vw;
  }

  .city-selector {
    top: 4.75rem;
    width: calc(100vw - 1rem);
  }

  .button,
  .button-outline,
  .button-light,
  .button-ghost {
    min-height: 3.5rem;
    font-size: 0.9375rem;
  }

  .modal-card__actions {
    flex-direction: column;
  }

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

  .contact-block {
    min-height: auto;
    padding: 0;
  }

  .contact-block__content,
  .contact-block__panel,
  .footer__card,
  .footer__nav,
  .footer__meta {
    padding: 1rem;
  }

  .footer__map img {
    height: 11.125rem;
    object-fit: cover;
  }

  .footer__panel {
    gap: 0.625rem;
  }

  .footer__card,
  .footer__nav,
  .footer__meta {
    border-color: #323232;
    background: #1d1d1d;
  }

  .contact-block__content {
    width: auto;
    margin: 0;
    min-height: 18rem;
    align-content: end;
  }

  .contact-block__panel {
    width: auto;
    min-height: auto;
    margin: 0.625rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact,
  body[data-page="home"] #contact-request .contact-block {
    min-height: clamp(52rem, 60vw, 64rem);
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__content {
    width: min(43.5rem, calc(100% - 2.5rem));
    max-width: calc(100% - 2.5rem);
    min-height: auto;
    margin: 2.5rem 1.25rem 0;
    padding: 0;
    gap: 1rem;
    align-content: start;
    background: transparent;
    border-radius: 0;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__title,
  body[data-page="home"] #contact-request .contact-block__title {
    max-width: 30rem;
    font-size: clamp(1.5625rem, 1.1517857143rem + 0.8035714286vw, 2rem);
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: -0.0625rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__copy,
  body[data-page="home"] #contact-request .contact-block__copy {
    max-width: 27rem;
    color: #e9e6e6;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.174;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__panel {
    width: min(43.5rem, calc(100% - 2.5rem));
    max-width: calc(100% - 2.5rem);
    min-height: auto;
    margin: 2.5rem 1.25rem 1.25rem;
    padding: 0;
    gap: 0.75rem;
    background: transparent;
    border-radius: 0;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel .input,
  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel .textarea,
  body[data-page="home"] #contact-request .contact-block__panel .input,
  body[data-page="home"] #contact-request .contact-block__panel .textarea {
    min-height: 3.75rem;
    height: 3.75rem;
    padding-inline: 1.25rem;
    border-radius: 0.3125rem;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.174;
    letter-spacing: 0;
    background: rgba(255, 255, 255, 0.92);
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel .form-note,
  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    max-width: 28rem;
    color: rgba(255, 255, 255, 0.72);
    font-size: 0.875rem;
    line-height: 1rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel > .button,
  body[data-page="home"] #contact-request .contact-block__panel > .button {
    width: min(22.5rem, 100%);
    min-height: 3.125rem;
    font-size: 1rem;
    line-height: 1.174;
    border-radius: 0.3125rem;
  }

  .auth-shell__switch {
    grid-template-columns: 1fr;
  }

  body[data-page="checkout"] .checkout-section .auth-shell__switch,
  body[data-page="checkout"] .checkout-section__grid {
    width: 100%;
  }

  body[data-page="checkout"] .checkout-shell__aside {
    order: -1;
  }

  body[data-page="checkout"] .checkout-section--buyer .auth-shell__switch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="checkout"] .checkout-section--buyer .auth-shell__switch .button-outline {
    min-height: 2rem;
    padding-inline: 0.5rem;
    justify-content: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 19.363636px;
    letter-spacing: -0.64px;
  }

  .footer__meta-legal {
    flex-direction: column;
  }

  .client-links {
    gap: 0.75rem;
    padding: 1rem;
  }

  .client-links__title {
    font-size: 1.125rem;
  }

  .client-links__item {
    padding-left: 1.875rem;
    padding-bottom: 0.75rem;
    font-size: 1.125rem;
  }

  .client-links__item::before {
    width: 1rem;
    height: 1rem;
  }

  body[data-page="catalog"] .page-main {
    padding-top: 4.75rem;
    padding-bottom: 0;
  }

  body[data-page="catalog"] .catalog-hero {
    gap: 1.31875rem;
    padding-top: 2.99375rem;
  }

  body[data-page="catalog"] .catalog-hero > .section-divider {
    transform: translateY(0.06875rem);
  }

  body[data-page="catalog"] .catalog-hero__top .section-tag {
    display: none;
  }

  body[data-page="catalog"] .catalog-hero__search,
  body[data-page="catalog"] .catalog-hero__search .input {
    height: 3.125rem;
    min-height: 3.125rem;
  }

  body[data-page="promotions"] .page-main {
    padding-top: 5.375rem;
  }

  body[data-page="promotions"] .page-section--compact {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }

  body[data-page="promotions"] .catalog-hero {
    gap: 1.875rem;
    padding-top: 2.875rem;
  }

  body[data-page="promotions"] .catalog-hero__title {
    width: 22.5rem;
    max-width: 22.5rem;
    font-size: 1.875rem;
    line-height: 2.1875rem;
    letter-spacing: -0.075rem;
    white-space: nowrap;
  }

  body[data-page="promotions"] .catalog-hero__search,
  body[data-page="promotions"] .catalog-hero__search .input {
    height: 3.125rem;
    min-height: 3.125rem;
  }

  body[data-page="promotions"] .catalog-hero__search .input {
    padding: 0.625rem 0.75rem 0.625rem 2.75rem;
    font-size: 1.125rem;
    letter-spacing: -0.01125rem;
  }

  body[data-page="catalog"] .page-main > .page-section.page-section--compact {
    padding-top: 3.125rem;
    padding-bottom: 0;
  }

  body[data-page="catalog"] .page-section:has(.catalog-card-grid) {
    padding-top: 1.875rem;
    padding-bottom: 6.25rem;
  }

  body[data-page="catalog"] .page-section--catalog-recommendations {
    padding-top: 5.875rem;
  }

  body[data-page="catalog"] .page-main > section:has(.section-heading--service-about) {
    min-height: 4168.42px;
  }

  body[data-page="catalog"] .page-main > section:has(.section-heading--service-about) > .container.page-template {
    min-height: 4088.42px;
  }

  body[data-page="catalog"] .page-main > section:has(.section-heading--service-about) .service-about__media {
    min-height: 46.875rem;
  }

  body[data-page="catalog"] .page-main > section:has(.section-heading--service-about) .section-actions {
    margin-top: 0;
  }

  .product-grid,
  .mini-product-row,
  .order-card__items,
  .account-shell__stats,
  .review-shell__states {
    grid-template-columns: 1fr;
  }

  .product-rail__header,
  .sort-row,
  .checkout-section__header,
  .verification-shell__meta {
    flex-direction: column;
    align-items: flex-start;
  }

  .product-rail__controls,
  .sort-row__actions,
  .price-block__controls,
  .commerce-tabs {
    width: 100%;
  }

  .product-rail__controls > *,
  .sort-row__actions > *,
  .commerce-tabs > * {
    flex: 1 1 auto;
  }

  .product-rail--home {
    --product-grid-gap: 0.5rem;
    --product-rail-tab-height: 1.75rem;
    --product-rail-tab-padding-inline: 0.75rem;
    --product-rail-tab-radius: 0.25rem;
    --product-rail-tab-size: 0.625rem;
    --product-card-min-height: 17.5rem;
    --product-card-padding: 0.0625rem 0.3125rem 0.3125rem;
    --product-card-media-margin-inline: -0.25rem;
    --product-card-title-min-height: 2.875rem;
    --product-card-title-size: 0.875rem;
    --product-card-title-line: 1.15;
    --product-card-price-size: 0.875rem;
    --product-card-action-height: 1.8125rem;
    --product-card-action-size: 0.625rem;
    gap: 0.875rem;
  }

  .product-rail--home .product-rail__header {
    flex-direction: row;
    align-items: flex-end;
    justify-content: space-between;
    gap: 0.625rem;
  }

  .product-rail--home .product-rail__controls {
    width: auto;
    gap: 0.25rem;
  }

  .product-rail--home .product-rail__controls > * {
    flex: 0 0 auto;
  }

  .product-rail--home .product-grid {
    grid-template-columns: 1fr;
  }

  .catalog-shell__content {
    gap: 0.75rem;
  }

  .service-sidebar {
    width: 100%;
    gap: 1rem;
  }

  .service-sidebar__category-row,
  .service-sidebar__meta-link {
    font-size: 1rem;
  }

  .service-card-layout {
    grid-template-columns: 1fr;
    gap: 0.75rem;
  }

  .service-card-column {
    gap: 0.75rem;
  }

  .service-about__media {
    min-height: auto;
  }

  body[data-page="catalog"] .service-shell--product .product-row {
    grid-template-columns: 1fr;
    gap: 1rem;
    min-height: 0;
    padding: 1rem 0;
  }

  body[data-page="catalog"] .service-shell--product .product-row__media {
    width: min(12.6875rem, 100%);
    margin: 0 auto;
  }

  body[data-page="catalog"] .service-shell--product .product-row__title,
  body[data-page="catalog"] .service-shell--product .product-row__price {
    font-size: 1.375rem;
  }

  body[data-page="catalog"] .service-shell--product .product-row__specs {
    max-width: none;
  }

  body[data-page="catalog"] .service-shell--product .product-row__spec dt,
  body[data-page="catalog"] .service-shell--product .product-row__spec dd {
    font-size: 0.9375rem;
  }

  body[data-page="catalog"] .service-shell--product .product-row__actions {
    grid-template-columns: 1fr;
  }

  body[data-page="catalog"] .service-shell--product .product-list__more {
    min-width: 100%;
  }

  body[data-page="catalog"] .service-shell--product .doc-card {
    grid-template-columns: 1fr;
  }

  body[data-page="catalog"] .service-shell--product .doc-card__thumb {
    width: 100%;
    height: auto;
    aspect-ratio: 15 / 11;
  }

  body[data-page="catalog"] .service-shell--product .doc-card__title {
    font-size: 1.5rem;
  }

  body[data-page="catalog"] .service-shell--product .doc-card__file {
    font-size: 1.125rem;
  }

  body[data-page="catalog"].page-category-product .catalog-hero > .section-divider {
    display: none;
  }

  body[data-page="catalog"].page-category-product .page-main > .page-section.page-section--flush-top {
    padding-top: 1.625rem;
  }

  body[data-page="catalog"].page-category-product .service-shell--product {
    row-gap: 4.375rem;
  }

  body[data-page="catalog"].page-category-product .service-sidebar__category-toggle,
  body[data-page="catalog"].page-category-product .service-sidebar__filter-toggle {
    min-height: 3.125rem;
    height: 3.125rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-page="catalog"].page-category-product .service-sidebar__aside-links {
    margin-top: 1.5rem;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-list {
    gap: 0.9375rem;
    border-top: 0;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row--desktop-extra {
    display: none;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row {
    position: relative;
    display: block;
    min-height: 12.1875rem;
    height: 12.1875rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(233, 230, 230, 0.7);
    pointer-events: none;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.5rem;
    height: 7.5rem;
    margin: 0;
    border-radius: 0.3125rem;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__body {
    display: contents;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__title {
    position: absolute;
    top: 0;
    left: 8.3125rem;
    width: 14.1875rem;
    max-width: calc(100% - 8.3125rem);
    min-height: 0;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.05rem;
    text-decoration: underline;
    text-decoration-skip-ink: none;
    white-space: normal;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__price-wrap {
    position: absolute;
    top: 6.125rem;
    left: 8.3125rem;
    width: auto;
    padding: 0;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__price {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.05rem;
    text-align: left;
    white-space: nowrap;
    color: #e9e6e6;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__specs {
    display: none;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__actions {
    position: absolute;
    top: 8.5625rem;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 0.6875rem;
    width: 100%;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__actions .button,
  body[data-page="catalog"].page-category-product .service-shell--product .product-row__actions .button-outline {
    width: 100%;
    min-height: 2.5625rem;
    height: 2.5625rem;
    padding-inline: 0;
    border-radius: 0.3125rem;
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.03rem;
    white-space: nowrap;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-row__actions .button-outline {
    border-width: 1px;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-list__actions {
    margin-top: 1.875rem;
  }

  body[data-page="catalog"].page-category-product .service-shell--product .product-list__more {
    min-width: 100%;
    min-height: 3.125rem;
    height: 3.125rem;
  }

  body[data-page="catalog"].page-category-product .page-main > section:nth-of-type(3) .section-heading {
    display: grid;
    gap: 1.5rem;
    padding-top: 2.6875rem;
    padding-bottom: 1.9375rem;
  }

  body[data-page="catalog"].page-category-product .page-main > section:nth-of-type(3) .section-heading__content {
    display: contents;
  }

  body[data-page="catalog"].page-category-product .page-main > section:nth-of-type(3) .section-lead {
    display: none;
  }

  body[data-page="catalog"].page-category-product .page-main > section:nth-of-type(3) .section-heading__title {
    order: 1;
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="catalog"].page-category-product .page-main > section:nth-of-type(3) .section-tag {
    display: none;
  }

  body[data-page="catalog"].page-category-product .product-about {
    gap: 1.875rem;
  }

  body[data-page="catalog"].page-category-product .product-about__grid {
    grid-template-columns: 1fr;
    gap: 1.75rem;
  }

  body[data-page="catalog"].page-category-product .product-about__media {
    width: 100%;
    min-height: 22.5rem;
    height: 22.5rem;
  }

  body[data-page="catalog"].page-category-product .product-about__copy {
    width: 100%;
  }

  body[data-page="catalog"].page-category-product .product-about__copy .page-copy {
    font-size: 1rem;
    line-height: 1.4;
  }

  body[data-page="catalog"].page-category-product .product-about > .page-copy {
    width: 100%;
    margin: 0;
    font-size: 1.125rem;
    line-height: 1.4;
  }

  body[data-page="catalog"].page-category-product .product-table,
  body[data-page="catalog"].page-category-product .doc-card {
    width: 100%;
  }

  body[data-page="catalog"].page-category-product .product-table thead tr {
    height: 4.125rem;
  }

  body[data-page="catalog"].page-category-product .product-table__row--tall {
    height: 21.25rem;
  }

  body[data-page="catalog"].page-category-product .product-table__row:nth-child(2) {
    height: 18.75rem;
  }

  body[data-page="catalog"].page-category-product .product-table__row:nth-child(3) {
    height: 15rem;
  }

  body[data-page="catalog"].page-category-product .product-table td:first-child {
    vertical-align: top;
  }

  body[data-page="catalog"].page-category-product .doc-card {
    grid-template-columns: minmax(0, 1fr) 9.375rem;
    gap: 0.625rem;
    min-height: 8.75rem;
  }

  body[data-page="catalog"].page-category-product .doc-card__thumb {
    width: 9.375rem;
    height: 6.875rem;
  }

  body[data-page="catalog"].page-category-product .page-section--catalog-recommendations {
    margin-top: 5.875rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-page="catalog"].page-category-product .page-section--catalog-viewed {
    margin-top: 6.25rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-page="catalog"].page-category-product section#contact-request.page-section--catalog-contact {
    margin-top: 6.25rem;
    padding-top: 0;
    padding-bottom: 6.25rem;
  }

  body[data-page="catalog"].page-category-product .footer {
    padding-bottom: 0;
  }

  .cart-row {
    grid-template-columns: 5.9375rem minmax(0, 1fr) 2.5rem;
    grid-template-rows: auto auto auto auto;
    gap: 0.75rem;
    min-height: auto;
    padding: 0 0 0.875rem;
    border: 0;
    border-radius: 0;
    background: transparent;
    border-bottom: 1px solid rgba(233, 230, 230, 0.7);
  }

  .cart-row__media {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 5.9375rem;
    aspect-ratio: 95 / 94;
    max-width: none;
  }

  .cart-row__meta {
    grid-column: 2 / 4;
    grid-row: 1;
    gap: 0.375rem;
  }

  .cart-row__title {
    font-size: 1.375rem;
    color: #ffffff;
  }

  .cart-row__sku,
  .cart-row__note {
    display: none;
  }

  .cart-row__price {
    grid-column: 2;
    grid-row: 2;
    gap: 0.125rem;
  }

  .cart-row__price span {
    color: rgba(233, 230, 230, 0.7);
    font-size: 0.625rem;
    text-transform: uppercase;
  }

  .cart-row__price strong {
    min-height: 0;
    padding: 0;
    color: #ffffff;
    background: transparent;
    font-size: 1rem;
  }

  .cart-row__field-value,
  .cart-row__qty {
    min-height: 2.5rem;
    padding-inline: 0.875rem;
    font-size: 1rem;
  }

  .cart-row__qty-field {
    grid-column: 1 / 3;
    grid-row: 3;
    width: 100%;
    gap: 0.25rem;
  }

  .cart-row__total {
    grid-column: 1 / 3;
    grid-row: 4;
    gap: 0.25rem;
  }

  .cart-row__remove {
    grid-column: 3;
    grid-row: 3 / 5;
    min-width: 2.5rem;
    width: 2.5rem;
    min-height: 100%;
    justify-items: center;
    justify-self: stretch;
    align-self: stretch;
    border: 1px solid rgba(233, 230, 230, 0.24);
    color: rgba(233, 230, 230, 0.62);
    background: transparent;
    font-size: 0;
  }

  body[data-page="cart"] .checkout-shell {
    gap: 3.125rem;
  }

  body[data-page="cart"] .page-hero {
    gap: 1.5rem;
  }

  body[data-page="cart"] .page-title {
    font-size: 1.875rem;
    line-height: 2.1875rem;
    letter-spacing: -0.075rem;
  }

  body[data-page="cart"] .section-divider {
    margin-top: 2.4375rem;
    margin-bottom: 4.4375rem;
  }

  body[data-page="cart"] .cart-list,
  body[data-page="checkout"] .checkout-section--items .cart-list {
    gap: 0.9375rem;
  }

  body[data-page="checkout"] .checkout-section--items {
    padding: 0;
    border: 0;
    background: transparent;
  }

  body[data-page="cart"] .cart-row,
  body[data-page="checkout"] .checkout-section--items .cart-row {
    position: relative;
    display: block;
    width: 100%;
    height: 12.1875rem;
    min-height: 12.1875rem;
    padding: 0;
    border-bottom: 1px solid rgba(233, 230, 230, 0.7);
    background: transparent;
  }

  body[data-page="cart"] .cart-row__media,
  body[data-page="checkout"] .checkout-section--items .cart-row__media {
    position: absolute;
    left: 0;
    top: 0;
    width: 7.5rem;
    height: 7.5rem;
    aspect-ratio: auto;
    border-radius: var(--radius-sm);
  }

  body[data-page="cart"] .cart-row__media img,
  body[data-page="checkout"] .checkout-section--items .cart-row__media img {
    object-fit: cover;
  }

  body[data-page="cart"] .cart-row__image--mobile,
  body[data-page="cart"] .cart-row__title-mobile {
    display: block;
  }

  body[data-page="cart"] .cart-row__image--desktop,
  body[data-page="cart"] .cart-row__title-desktop {
    display: none;
  }

  body[data-page="cart"] .cart-row__meta,
  body[data-page="checkout"] .checkout-section--items .cart-row__meta {
    position: absolute;
    left: 8.125rem;
    right: 0;
    top: 0;
    display: block;
    min-width: 0;
    overflow: hidden;
  }

  body[data-page="cart"] .cart-row__title,
  body[data-page="checkout"] .checkout-section--items .cart-row__title {
    display: block;
    width: 100%;
    max-height: 1.3em;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.05em;
    text-transform: uppercase;
    white-space: nowrap;
  }

  body[data-page="cart"] .cart-row__price,
  body[data-page="checkout"] .checkout-section--items .cart-row__price {
    position: absolute;
    left: 8.125rem;
    right: 0;
    top: 6.375rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
  }

  body[data-page="cart"] .cart-row__price {
    right: auto;
    width: 7.75rem;
    display: block;
    height: 1.125rem;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-label {
    display: none;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-value {
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 1.125rem;
    text-transform: none;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-value::before {
    content: "\0446\0435\043D\0430\0020\041F\043E\0020\0437\0430\043F\0440\043E\0441\0443";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.05em;
    text-transform: none;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-label,
  body[data-page="checkout"] .checkout-section--items .cart-row__price .cart-row__field-label,
  body[data-page="cart"] .cart-row__price .cart-row__field-value,
  body[data-page="checkout"] .checkout-section--items .cart-row__price .cart-row__field-value {
    display: inline;
    min-height: 0;
    padding: 0;
    color: #e9e6e6;
    background: transparent;
    font-family: var(--font-heading);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.05em;
    text-transform: uppercase;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-label {
    display: none;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-value {
    display: block;
    width: 100%;
    font-size: 0;
    line-height: 1.125rem;
    text-transform: none;
  }

  body[data-page="cart"] .cart-row__price .cart-row__field-value::before {
    content: "\0446\0435\043D\0430\0020\041F\043E\0020\0437\0430\043F\0440\043E\0441\0443";
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.125rem;
    letter-spacing: -0.05em;
    text-transform: none;
  }

  body[data-page="cart"] .cart-row__total,
  body[data-page="checkout"] .checkout-section--items .cart-row__total {
    display: none;
  }

  body[data-page="cart"] .cart-row__qty-field,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-field {
    position: absolute;
    left: 0;
    top: 8.125rem;
    width: 19.1875rem;
    display: block;
  }

  body[data-page="cart"] .cart-row__qty-field .cart-row__field-label,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-field .cart-row__field-label {
    display: none;
  }

  body[data-page="cart"] .cart-row__qty,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty {
    width: 19.1875rem;
    height: 2.6875rem;
    min-height: 2.6875rem;
    padding-inline: 1.25rem;
    border-radius: var(--radius-sm);
    font-size: 1.125rem;
    line-height: 1.2;
  }

  body[data-page="cart"] .cart-row__qty::before,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty::before {
    content: "\2212";
  }

  body[data-page="cart"] .cart-row__qty-unit,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-unit {
    font-size: 0;
  }

  body[data-page="cart"] .cart-row__qty-unit::before,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-unit::before {
    content: "+";
    font-size: 1.125rem;
    line-height: 1;
  }

  body[data-page="cart"] .cart-row__qty-unit .site-icon,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-unit .site-icon {
    display: none;
  }

  body[data-page="cart"] .cart-row__remove,
  body[data-page="checkout"] .checkout-section--items .cart-row__remove {
    position: absolute;
    left: 19.8125rem;
    top: 8.125rem;
    display: inline-flex;
    width: 2.6875rem;
    min-width: 2.6875rem;
    height: 2.6875rem;
    min-height: 2.6875rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #555555;
    border-radius: var(--radius-sm);
    background: transparent;
    font-size: 0;
  }

  body[data-page="cart"] .cart-row__remove::before,
  body[data-page="checkout"] .checkout-section--items .cart-row__remove::before {
    content: "";
    width: 1.8125rem;
    height: 1.8125rem;
    background: url("/static/images/figma/cart-trash-full-mobile.svg") center / contain no-repeat;
  }

  body[data-page="cart"] .cart-aside {
    gap: 1.875rem;
  }

  body[data-page="cart"] .cart-aside > .button {
    height: 3.75rem;
    min-height: 3.75rem;
  }

  body[data-page="cart"] .cart-info-links {
    position: relative;
    height: 14.875rem;
    min-height: 14.875rem;
    gap: 1.25rem;
    padding: 3.3125rem 1rem 1.25rem;
    border: 1px solid #cbd2d9;
    border-radius: var(--radius-md);
    background: #111111;
  }

  body[data-page="cart"] .cart-info-links::before {
    content: "\0414\043B\044F\0020\043A\043B\0438\0435\043D\0442\043E\0432:";
    position: absolute;
    left: 1rem;
    top: 1.25rem;
    color: #ffffff;
    font-family: var(--font-ui);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
  }

  body[data-page="cart"] .cart-info-links::after {
    content: "";
    position: absolute;
    left: 1rem;
    right: 1rem;
    top: 3.3125rem;
    height: 1px;
    background: rgba(233, 230, 230, 0.7);
  }

  body[data-page="cart"] .cart-info-link {
    min-height: 2.1875rem;
    height: 2.1875rem;
    padding: 0;
    align-items: center;
    border-top: 0;
    border-bottom: 1px dashed rgba(233, 230, 230, 0.5);
  }

  body[data-page="checkout"] .order-summary {
    height: 12.1875rem;
    min-height: 12.1875rem;
    gap: 1.375rem;
    padding: 1.25rem 0.9375rem;
  }

  body[data-page="checkout"] .order-summary__title {
    font-size: 1.25rem;
    line-height: 1.4;
  }

  body[data-page="checkout"] .order-summary__rows {
    gap: 0;
  }

  body[data-page="checkout"] .order-summary__row {
    min-height: 3.3125rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  body[data-page="checkout"] .order-summary__row:nth-child(2) span,
  body[data-page="checkout"] .order-summary__row:nth-child(2) strong {
    font-size: 0;
  }

  body[data-page="checkout"] .order-summary__row:nth-child(2) span::after {
    content: "\041E\0431\0449\0430\044F\0020\043C\0430\0441\0441\0430:";
    font-size: 1.25rem;
  }

  body[data-page="checkout"] .order-summary__row:nth-child(2) strong::after {
    content: "42 \0442\043E\043D\043D\044B";
    font-size: 1.25rem;
  }

  body[data-page="checkout"] .checkout-section--delivery,
  body[data-page="checkout"] .checkout-section--buyer {
    position: relative;
    gap: 0;
    padding: 0;
    overflow: hidden;
  }

  body[data-page="checkout"] .checkout-section--delivery {
    height: 17.625rem;
    min-height: 17.625rem;
  }

  body[data-page="checkout"] .checkout-section--buyer {
    height: 28.3125rem;
    min-height: 28.3125rem;
  }

  body[data-page="checkout"][data-checkout-type="company"] .checkout-section--buyer {
    height: 34.5625rem;
    min-height: 34.5625rem;
  }

  body[data-page="checkout"] .checkout-section--delivery .checkout-section__header,
  body[data-page="checkout"] .checkout-section--buyer .checkout-section__header {
    position: absolute;
    left: 0.9375rem;
    top: 1.25rem;
    width: 20.625rem;
    display: block;
  }

  body[data-page="checkout"] .checkout-section--delivery .delivery-options {
    position: absolute;
    left: 0.9375rem;
    top: 4.4375rem;
    width: 20.625rem;
    gap: 0.3125rem;
  }

  body[data-page="checkout"] .checkout-section--delivery .delivery-option {
    min-height: 2.8125rem;
    height: 2.8125rem;
    padding-inline: 1.25rem;
    font-size: 0.875rem;
    line-height: 1;
  }

  body[data-page="checkout"] .checkout-section--buyer .auth-shell__switch {
    position: absolute;
    left: 0.9375rem;
    top: 4.4375rem;
    width: 20.625rem;
    display: grid;
    grid-template-columns: 9.9375rem 10.375rem;
    gap: 0.3125rem;
  }

  body[data-page="checkout"] .checkout-section--buyer .auth-shell__switch .button-outline {
    min-height: 2.8125rem;
    height: 2.8125rem;
    justify-content: center;
    padding-inline: 0.75rem;
    border-radius: var(--radius-sm);
    font-size: 1rem;
    line-height: 1.2;
    white-space: nowrap;
  }

  body[data-page="checkout"] .checkout-section--buyer .checkout-section__grid {
    position: absolute;
    left: 0.9375rem;
    top: 7.875rem;
    width: 20.625rem;
    display: grid;
    gap: 0.3125rem;
  }

  body[data-page="checkout"] .checkout-section--buyer .input,
  body[data-page="checkout"] .checkout-section--buyer .textarea,
  body[data-page="checkout"] .checkout-section--buyer .select-field__button {
    min-height: 2.8125rem;
    height: 2.8125rem;
    padding-block: 0;
    padding-inline: 1.25rem;
  }

  body[data-page="checkout"] .checkout-section--buyer .choice {
    position: absolute;
    left: 0.9375rem;
    top: 20.6875rem;
    width: 20.375rem;
    min-height: 2.625rem;
    align-items: flex-start;
  }

  body[data-page="checkout"][data-checkout-type="company"] .checkout-section--buyer .choice {
    top: 26.9375rem;
  }

  body[data-page="checkout"] .checkout-section--buyer > div:last-child {
    position: absolute;
    left: 0.9375rem;
    top: 24.25rem;
    width: 20.625rem;
  }

  body[data-page="checkout"][data-checkout-type="company"] .checkout-section--buyer > div:last-child {
    top: 30.5rem;
  }

  body[data-page="checkout"] .checkout-section--buyer > div:last-child .button,
  body[data-page="checkout"] .checkout-section--buyer > div:last-child > .button {
    width: 100%;
    min-height: 3.125rem;
    height: 3.125rem;
  }

  body[data-page="checkout"] .checkout-section__add-item {
    width: 100%;
    min-height: 3.125rem;
    height: 3.125rem;
  }

  .order-summary,
  .checkout-section,
  .product-detail-shell,
  .product-detail-card,
  .product-benefits,
  .auth-shell__panel,
  .verification-shell,
  .account-shell__nav,
  .account-shell__hero,
  .account-panel,
  .account-stat,
  .order-card,
  .review-shell__prompt,
  .review-card {
    padding: 1rem;
  }

  .checkout-section__grid,
  .account-panel__grid {
    grid-template-columns: 1fr;
  }

  .auth-shell__visual {
    min-height: 22rem;
  }

  .code-inputs {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
  }

  .code-input {
    min-height: 4rem;
    font-size: 1.625rem;
  }

  .review-shell__prompt > .button,
  .review-shell__prompt > .button-outline,
  .price-block__controls > .button,
  .price-block__controls > .button-outline {
    width: 100%;
  }

  .page-main {
    padding-top: 6rem;
  }

  .page-template {
    gap: var(--section-space-lg);
  }

  .page-hero,
  .surface-panel,
  .story-card,
  .article-panel,
  .state-card,
  .promo-card {
    padding: 1rem;
  }

  .home-hero {
    min-height: 49.4375rem;
  }

  .home-hero__grid {
    justify-content: flex-start;
    gap: 2.5rem;
    padding: 28.375rem 0.9375rem 1.875rem;
  }

  .home-hero__content,
  .home-hero__aside {
    width: 100%;
  }

  .home-hero__media {
    inset: 0 auto auto 0;
    width: 391.18%;
    height: 100%;
    max-width: none;
    left: -245.45%;
    object-fit: fill;
    object-position: left top;
  }

  .home-hero__title,
  .process-panel__title {
    font-size: 1.875rem;
    white-space: normal;
  }

  .home-hero__title {
    max-width: 20.8125rem;
    font-weight: 300;
    line-height: 0.9;
    letter-spacing: -0.06em;
  }

  .home-hero__subtitle {
    width: 22.5rem;
    max-width: 22.5rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.1;
  }

  .home-hero__aside {
    gap: 1.875rem;
  }

  .home-hero__aside .button {
    width: 22.5rem;
    min-height: 3.125rem;
  }

  .page-actions {
    flex-direction: column;
  }

  .page-actions > * {
    width: 100%;
  }

  .metric-grid,
  .content-columns,
  .promo-grid,
  .news-grid,
  .certificate-grid,
  .article-layout,
  .state-card__layout {
    grid-template-columns: 1fr;
  }

  .news-card--featured {
    grid-column: auto;
    min-height: 27rem;
  }

  .news-grid--home,
  body[data-page="news"] .news-grid {
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .news-grid--home::before {
    display: none;
  }

  .news-grid--home .news-card:nth-child(n),
  body[data-page="news"] .news-grid article:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }

  .advantage-grid {
    grid-template-columns: 1fr;
    padding: 0.75rem;
  }

  .advantage-card,
  .advantage-card--wide {
    grid-column: auto;
    min-height: auto;
  }

  .process-panel__media {
    position: relative;
    top: auto;
    right: auto;
    width: min(100%, 20rem);
    height: auto;
    min-height: 10rem;
    margin: 0 auto 0;
  }

  .state-card__icon {
    width: 3.25rem;
    height: 3.25rem;
  }

  .checkout-success {
    padding-top: 5rem;
  }

  .checkout-success__card {
    min-height: auto;
    padding: 3rem 1rem 1rem;
  }

  .checkout-success__icon {
    width: 7rem;
    height: 7rem;
  }

  .checkout-success__title {
    font-size: 2.25rem;
  }

  .checkout-success__number,
  .checkout-success__copy {
    font-size: 1.125rem;
  }

  body[data-page="account"] .account-shell__nav-link--muted {
    min-height: 2.875rem;
    justify-items: center;
  }

  .account-shell__nav-label-desktop {
    display: none;
  }

  .account-shell__nav-label-mobile {
    display: inline;
    color: #ffffff;
    font-size: 0.875rem;
  }

  body:not([data-page="home"]) .page-hero {
    padding: 0;
  }

  body:not([data-page="home"]) .page-hero__heading {
    margin-top: 3.5rem;
  }

  body:is([data-page="news"], [data-page="delivery"], [data-page="payment"]) .page-hero__heading {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  body[data-page="news"] .page-title,
  body[data-page="news"] .page-copy {
    grid-column: auto;
    width: 100%;
  }

  body:is([data-page="news"], [data-page="delivery"], [data-page="payment"]) .page-copy {
    font-size: 2.25rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-main > .page-section--compact {
    padding-top: 0;
    padding-bottom: 0;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-main {
    padding-top: 4.75rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero {
    gap: 0;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__heading {
    margin-top: 2.3125rem;
    gap: 0;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-title {
    font-size: 2.5rem;
    line-height: normal;
    letter-spacing: -0.05rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-copy {
    margin-top: 2.5625rem;
    font-size: 1.875rem;
    line-height: 0.925;
    letter-spacing: -0.0375rem;
  }

  body[data-page="payment"] .page-copy {
    line-height: 0.9;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__tags {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 1.875rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__tags .button,
  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__tags .button-outline {
    width: 100%;
    min-height: 3.125rem;
    padding: 0.75rem 1rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__media {
    height: 24.0625rem;
    margin-top: 6.375rem;
  }

  body[data-page="payment"] #contact-request {
    margin-top: 0;
  }

  .page-hero__media {
    height: 20rem;
    margin-top: 2rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-hero__media {
    height: 24.0625rem;
    margin-top: 4.125rem;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .page-main {
    padding-bottom: 100px;
  }

  body:is([data-page="delivery"], [data-page="payment"]) .footer {
    padding-bottom: 0;
  }

  body[data-page="about"] .page-main > .page-section:first-child {
    min-height: 44rem;
    margin-top: -5.125rem;
    padding-top: 5.125rem;
    padding-bottom: 2.5rem;
  }

  body[data-page="about"] .page-hero {
    min-height: calc(44rem - 7.625rem);
  }

  body[data-page="about"] .page-title {
    font-size: 2.75rem;
  }

  .about-philosophy,
  .about-stats,
  .about-history {
    min-height: auto;
  }

  .about-philosophy,
  .about-history__track {
    grid-template-columns: 1fr;
  }

  .about-philosophy__copy {
    gap: 2rem;
  }

  .about-philosophy__media {
    min-height: 28rem;
    margin-top: 0;
  }

  .about-stats {
    width: auto;
    margin-left: 0;
    padding-top: 0;
  }

  .about-stats > .section-tag {
    position: static;
    margin-left: 0;
  }

  .about-stats__board {
    grid-template-columns: 1fr;
    min-height: auto;
    margin-top: 1.25rem;
  }

  .about-stats__hero {
    min-height: 26rem;
    padding: 2rem 1.5rem;
  }

  .about-stats__grid {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    border-right: 1px solid rgba(233, 230, 230, 0.16);
  }

  .about-stats__star {
    top: 0.75rem;
    right: 1rem;
    width: 2rem;
    height: 2.25rem;
  }

  .about-stat {
    position: relative;
    min-height: 12rem;
  }

  .about-stat:nth-child(2n) {
    border-left: 0;
  }

  .about-stat::before {
    display: none;
  }

  .about-history__top {
    flex-direction: column;
  }

  .about-history__item {
    grid-template-rows: auto auto 3.625rem auto auto;
    padding-top: 1.5rem;
    border-top: 1px solid rgba(233, 230, 230, 0.18);
  }

  .about-history__track {
    gap: 1.5rem;
    padding-top: 0;
  }

  .about-history__track::before,
  .about-history__divider {
    display: none;
  }

  .about-history__summary,
  .about-history__item strong,
  .about-history__item span {
    text-align: left;
  }

  .about-history__stem,
  .about-history__marker {
    justify-self: start;
  }

  .home-about__grid {
    grid-template-columns: 1fr;
    grid-template-rows: none;
  }

  .home-about__title {
    grid-column: 1;
    grid-row: auto;
  }

  .home-about__col:first-of-type,
  .home-about__col:last-of-type {
    grid-column: 1;
    grid-row: auto;
  }

  .home-about__cta {
    grid-column: 1;
    grid-row: auto;
    width: 100%;
    min-width: 0;
  }

  .home-about__media {
    aspect-ratio: 16 / 9;
  }

  body[data-page="cart"] .page-hero__heading {
    margin-top: 0.6875rem;
  }

  body[data-page="cart"] .cart-title-mark {
    display: none;
  }
}

@media (max-width: 48rem) {
  body[data-page="home"] .home-about__title {
    width: min(22.1875rem, 100%);
    max-width: 22.1875rem;
    min-width: 0;
    font-family: var(--font-heading);
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.8525rem;
    letter-spacing: -0.075rem;
  }
}

@media (min-width: 64.001rem) {
  body[data-page="cart"] .checkout-shell {
    grid-template-columns:
      minmax(0, calc(86.875rem * var(--desktop-viewport-scale)))
      minmax(0, calc(28.125rem * var(--desktop-viewport-scale)));
    gap: calc(1.25rem * var(--desktop-viewport-scale));
  }

  body[data-page="checkout"] .checkout-shell {
    grid-template-columns:
      minmax(0, calc(72.1875rem * var(--desktop-viewport-scale)))
      minmax(0, calc(42.75rem * var(--desktop-viewport-scale)));
    gap: calc(1.25rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row {
    position: relative;
    display: block;
    height: calc(15.375rem * var(--desktop-viewport-scale));
    min-height: calc(15.375rem * var(--desktop-viewport-scale));
    padding: 0;
  }

  body[data-page="checkout"] .checkout-section--items .cart-row {
    position: relative;
    display: block;
    height: calc(15.375rem * var(--desktop-viewport-scale));
    min-height: calc(15.375rem * var(--desktop-viewport-scale));
    padding: 0;
  }

  body[data-page="cart"] .cart-row__meta,
  body[data-page="checkout"] .checkout-section--items .cart-row__meta {
    position: absolute;
    left: calc(1.25rem * var(--desktop-viewport-scale));
    top: calc(1.25rem * var(--desktop-viewport-scale));
    right: calc(12.8125rem * var(--desktop-viewport-scale));
    display: block;
  }

  body[data-page="cart"] .cart-row__media,
  body[data-page="checkout"] .checkout-section--items .cart-row__media {
    position: absolute;
    top: calc(1.25rem * var(--desktop-viewport-scale));
    right: calc(1.25rem * var(--desktop-viewport-scale));
    width: calc(10.9375rem * var(--desktop-viewport-scale));
    min-width: calc(10.9375rem * var(--desktop-viewport-scale));
    height: calc(9.5625rem * var(--desktop-viewport-scale));
    aspect-ratio: auto;
  }

  body[data-page="cart"] .cart-row__price,
  body[data-page="cart"] .cart-row__qty-field,
  body[data-page="cart"] .cart-row__total,
  body[data-page="checkout"] .checkout-section--items .cart-row__price,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty-field,
  body[data-page="checkout"] .checkout-section--items .cart-row__total {
    position: absolute;
    top: calc(9.875rem * var(--desktop-viewport-scale));
    display: grid;
    gap: calc(0.125rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__price {
    left: calc(1.25rem * var(--desktop-viewport-scale));
    width: calc(15.875rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__qty-field {
    left: calc(19rem * var(--desktop-viewport-scale));
    width: calc(14.375rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__total {
    left: calc(35.25rem * var(--desktop-viewport-scale));
    width: calc(15.875rem * var(--desktop-viewport-scale));
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__price {
    left: calc(1.25rem * var(--desktop-viewport-scale));
    width: calc(10.375rem * var(--desktop-viewport-scale));
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__qty-field {
    left: calc(12.875rem * var(--desktop-viewport-scale));
    width: calc(10.4375rem * var(--desktop-viewport-scale));
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__total {
    left: calc(24.5625rem * var(--desktop-viewport-scale));
    width: calc(10.375rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__remove,
  body[data-page="checkout"] .checkout-section--items .cart-row__remove {
    position: absolute;
    right: calc(1.25rem * var(--desktop-viewport-scale));
    width: calc(10.9375rem * var(--desktop-viewport-scale));
    min-width: calc(10.9375rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__field-value,
  body[data-page="checkout"] .checkout-section--items .cart-row__field-value,
  body[data-page="cart"] .cart-row__qty,
  body[data-page="checkout"] .checkout-section--items .cart-row__qty {
    min-height: calc(2.8125rem * var(--desktop-viewport-scale));
    height: calc(2.8125rem * var(--desktop-viewport-scale));
  }

  body[data-page="cart"] .cart-row__remove {
    top: calc(11.3125rem * var(--desktop-viewport-scale));
    min-height: calc(2.8125rem * var(--desktop-viewport-scale));
    height: calc(2.8125rem * var(--desktop-viewport-scale));
  }

  body[data-page="checkout"] .checkout-section--items .cart-row__remove {
    top: calc(11.125rem * var(--desktop-viewport-scale));
    min-height: calc(3rem * var(--desktop-viewport-scale));
    height: calc(3rem * var(--desktop-viewport-scale));
  }
}

@media (max-width: 767px) {
  body:is([data-page="cart"], [data-page="checkout"]) .page-main {
    padding-top: 4.75rem;
  }

  body:is([data-page="cart"], [data-page="checkout"]) .page-section--compact {
    padding-top: 0;
  }

  .news-card--desktop-extra,
  .promo-card--desktop-extra {
    display: none;
  }

  body[data-page="cart"] .page-main {
    padding-bottom: var(--section-space-xxl);
  }

  body[data-page="cart"] .page-section--compact {
    padding-bottom: 1.25rem;
  }

  body[data-page="cart"] .page-section:not(.page-section--compact) {
    padding-top: 0;
    padding-bottom: 0;
  }

  body[data-page="checkout"] .page-main > .page-section:nth-of-type(2) {
    padding-top: 3.7255859375rem;
  }

  body[data-page="checkout"] .checkout-shell {
    gap: 1.875rem;
  }

  body[data-page="checkout"] .checkout-shell__form {
    gap: 1rem;
    grid-template-rows: 17.625rem 48.375rem auto;
  }

  body[data-page="checkout"] .checkout-section--items {
    align-content: start;
  }

  body[data-page="checkout"] .footer {
    margin-top: -1.25rem;
    padding-bottom: 0;
  }

  body[data-page="checkout"] .footer__map {
    display: none;
  }

  body[data-page="checkout"] .footer__panel {
    margin-top: 0;
  }

  body[data-cart-state="empty"] .state-card {
    min-height: 31.25rem;
  }

  body[data-review-state] .page-section--product-viewed {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }

  body[data-review-state] .page-main > .page-section:nth-of-type(2) {
    padding-top: 1.323125rem;
    padding-bottom: 0.375rem;
  }

  body[data-review-state] .product-detail-shell {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    overflow: visible;
    background: transparent;
  }

  body[data-review-state] .product-detail-shell__top {
    display: contents;
  }

  body[data-review-state] .product-detail-card {
    order: 1;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 53.8125rem;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--radius-md);
    background: #0f0f0f;
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  body[data-review-state] .gallery {
    width: 100%;
    gap: 0;
  }

  body[data-review-state] .gallery__stage {
    width: 100%;
    height: 22.125rem;
    aspect-ratio: auto;
    border-radius: 0.3125rem;
  }

  body[data-review-state] .gallery__stage img {
    object-fit: cover;
  }

  body[data-review-state] .product-detail-card__content {
    display: flex;
    flex-direction: column;
    gap: 0;
    min-width: 0;
    width: 100%;
  }

  body[data-review-state] .product-detail-card__title {
    order: 1;
    width: 100%;
    margin-top: 1.3125rem;
    font-size: 1.375rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }

  body[data-review-state] .price-block {
    order: 2;
    margin-top: 3.27625rem;
    padding-top: 1.25rem;
    gap: 1.8125rem;
  }

  body[data-review-state] .price-block__label {
    font-size: 1.375rem;
    line-height: 1.3;
    letter-spacing: -0.04em;
  }

  body[data-review-state] .price-block__controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
    width: 100%;
  }

  body[data-review-state] .price-block__controls > .button,
  body[data-review-state] .price-block__controls > .button-outline {
    min-width: 0;
    min-height: 2.81022rem;
    height: 2.81022rem;
    font-size: 0.8125rem;
    letter-spacing: -0.04em;
  }

  body[data-review-state] .spec-list {
    order: 3;
    margin-top: 3.904375rem;
    width: 100%;
    row-gap: 0;
  }

  body[data-review-state] .spec-list::before {
    content: "Характеристика";
    display: block;
    margin-bottom: 1.900625rem;
    color: #ffffff;
    font-family: var(--font-heading);
    font-size: 1.375rem;
    line-height: 1.3;
    letter-spacing: -0.02em;
  }

  body[data-review-state] .spec-list__row {
    box-sizing: border-box;
    height: 1.25rem;
    min-height: 1.25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
    font-size: 1rem;
    line-height: 1.25;
  }

  body[data-review-state] .spec-list__row + .spec-list__row {
    margin-top: 0.9375rem;
  }

  body[data-review-state] .surface-panel {
    order: 2;
    width: 100%;
    margin-top: 4.125rem;
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
  }

  body[data-review-state] .review-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 10.625rem));
    gap: 1.25rem;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }

  body[data-review-state] .review-tab {
    height: 3.125rem;
    min-height: 3.125rem;
    min-width: 0;
    width: 100%;
  }

  body[data-review-state] .review-empty {
    min-height: 0;
    padding: 0;
    margin-top: 1.875rem;
    gap: 0;
    align-items: stretch;
  }

  body[data-review-state] .review-empty__copy {
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
    line-height: 1.03125;
  }

  body[data-review-state] .review-empty .button {
    width: 100%;
    max-width: 100%;
    min-height: 3.125rem;
    height: 3.125rem;
    margin-top: 3.125rem;
  }

  body[data-review-state] .product-benefits {
    order: 3;
    width: 100%;
    min-width: 0;
    min-height: 14.875rem;
    height: 14.875rem;
    margin-top: 3.125rem;
    padding: 1.25rem 1rem;
  }

  body[data-review-state] .product-benefits__list {
    gap: 0;
  }

  body[data-review-state] .product-benefits__item {
    min-height: 3.4375rem;
  }

  body[data-review-state="empty"] .product-detail-shell__body--wide,
  body[data-review-state="filled"] .product-detail-shell__body--wide {
    min-height: auto;
  }

  body[data-review-state="empty"] .mini-product-row--viewed .mini-product-card:nth-child(n+4),
  body[data-review-state="filled"] .mini-product-row--viewed .mini-product-card:nth-child(n+5) {
    display: none;
  }

  body[data-review-state="empty"] .product-detail-shell > .product-rail .mini-product-card:nth-child(n+3),
  body[data-review-state="empty"] .mini-product-row--viewed .mini-product-card:nth-child(n+3) {
    display: none;
  }

  body[data-page="home"] .page-section--home-about,
  body[data-page="home"] .page-section--home-help,
  body[data-page="about"] .page-section {
    padding-block: 2rem;
  }

  body[data-page="about"] .about-philosophy,
  body[data-page="about"] .about-stats,
  body[data-page="about"] .about-history,
  body[data-page="home"] .home-about {
    gap: 1.5rem;
  }

  body[data-page="about"] .about-philosophy {
    gap: 1.25rem;
  }

  body[data-page="about"] .about-philosophy__title,
  body[data-page="about"] .about-stats__title,
  body[data-page="about"] .about-history__title {
    font-size: 3rem;
  }

  body[data-page="about"] .about-philosophy__body {
    gap: 1rem;
  }

  body[data-page="about"] .about-philosophy__media {
    min-height: 12rem;
    border-radius: var(--radius-sm);
  }

  body[data-page="about"] .about-stats__hero {
    min-height: 13rem;
    padding: 1rem 0.5rem 7.25rem 1rem;
    align-items: flex-start;
  }

  body[data-page="about"] .about-stats__grid {
    gap: 0;
  }

  body[data-page="about"] .about-stat,
  body[data-page="about"] .about-history__item {
    padding: 1rem;
  }

  body[data-page="about"] .about-stat {
    min-height: auto;
    gap: 0.875rem;
  }

  body[data-page="about"] .about-stat span {
    font-size: 1.375rem;
  }

  body[data-page="about"] .about-stat strong {
    font-size: 3.25rem;
  }

  body[data-page="about"] .about-history__track {
    grid-template-columns: 1fr;
    gap: 1rem;
  }

  body[data-page="about"] .about-history__item {
    grid-template-rows: auto auto 3rem auto auto;
    gap: 0.75rem;
  }

  body[data-page="about"] .about-history__marker {
    width: 3rem;
    height: 3rem;
  }

  body[data-page="about"] .about-history__marker::before {
    inset: 0.5625rem;
  }

  body[data-page="about"] .about-history__item span {
    font-size: 1.375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card {
    min-height: 12rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media {
    max-height: 8rem;
  }

  body[data-page="news"] .page-section,
  body[data-page="promotions"] .page-section {
    padding-block: 2rem;
  }

  body[data-page="news"] .news-card,
  body[data-page="promotions"] .promo-card {
    min-height: auto;
  }

  body[data-page="news"] .news-card:nth-child(n + 6) {
    display: none;
  }

  body[data-page="news"] .news-card__media {
    height: auto;
    aspect-ratio: 1.35 / 1;
  }

  body[data-page="promotions"] .page-section:nth-of-type(3),
  body[data-page="promotions"] .page-section--product-viewed {
    padding-block: 1.5rem;
  }
.search-state {
    min-height: 100svh;
    padding: 3.1875rem 0.9375rem 1.5rem;
  }

  .search-state__title {
    margin-top: 1.25rem;
  }

  .search-state__grid {
    margin-top: 1.875rem;
  }

  .mobile-menu {
    width: 100vw;
    padding: 0.9375rem;
  }

  .city-selector {
    top: 4rem;
    border-radius: var(--radius-md);
  }
}

@media (max-width: 64rem) and (min-width: 48rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process {
    --process-tablet-scale: clamp(0.6079077421, calc((100vw - (var(--container-gutter) * 2)) / 75.875rem), 0.8187819934);
    --process-stage-scale: var(--process-tablet-scale);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__content {
    width: min(calc(72rem * var(--process-tablet-scale)), 100%);
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading {
    gap: calc(var(--section-heading-gap) * var(--process-tablet-scale));
    padding-bottom: calc(var(--section-heading-padding-bottom) * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__title {
    max-width: 100%;
    font-size: calc(var(--heading-desktop-size) * var(--process-tablet-scale));
    line-height: calc(var(--heading-desktop-line) * var(--process-tablet-scale));
    letter-spacing: calc(var(--heading-desktop-tracking) * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-tag {
    min-width: calc(var(--section-tag-min-width) * var(--process-tablet-scale));
    min-height: calc(var(--section-tag-height) * var(--process-tablet-scale));
    height: calc(var(--section-tag-height) * var(--process-tablet-scale));
    padding: calc(var(--section-tag-padding-y) * var(--process-tablet-scale)) calc(var(--section-tag-padding-x) * var(--process-tablet-scale));
    border-radius: calc(var(--section-tag-radius) * var(--process-tablet-scale));
    font-size: calc(var(--section-tag-size) * var(--process-tablet-scale));
    letter-spacing: calc(var(--section-tag-tracking) * var(--process-tablet-scale));
    white-space: nowrap;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu {
    display: flex;
    align-items: stretch;
    gap: 0.625rem;
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 0.25rem;
    scroll-snap-type: x proximity;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu::-webkit-scrollbar {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step {
    flex: 0 0 auto;
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0.875rem 1.25rem;
    gap: 0;
    border: 1px solid var(--color-accent);
    border-radius: 0.3125rem;
    background: transparent;
    scroll-snap-align: start;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step.is-active {
    border-color: var(--color-accent);
    background: var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__index,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__label--mobile {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__label--desktop {
    display: inline;
    font-family: var(--font-ui);
    font-size: max(0.875rem, calc(1.375rem * var(--process-tablet-scale)));
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    aspect-ratio: var(--process-desktop-panel-ratio);
    border-radius: 0.625rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__content {
    inset: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__content > * {
    left: var(--process-desktop-content-left);
    margin-left: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__title {
    width: var(--process-desktop-title-width);
    font-size: calc(3.875rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__copy {
    width: var(--process-desktop-copy-width);
    margin-top: calc(var(--process-title-copy-gap) * 1px * var(--process-tablet-scale));
    font-size: calc(1.375rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__lead {
    width: var(--process-desktop-lead-width);
    margin-top: calc(var(--process-copy-next-gap) * 1px * var(--process-tablet-scale));
    font-size: calc(1.375rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__contacts {
    gap: calc(0.9375rem * var(--process-tablet-scale));
    margin-top: calc(var(--process-lead-next-gap) * 1px * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__details {
    gap: calc(var(--process-details-gap) * 1px * var(--process-tablet-scale));
    margin-top: calc(var(--process-lead-next-gap) * 1px * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-detail {
    gap: calc(0.625rem * var(--process-tablet-scale));
    font-size: calc(1rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-detail::before {
    width: calc(0.375rem * var(--process-tablet-scale));
    height: calc(0.375rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact {
    gap: calc(1.25rem * var(--process-tablet-scale));
    font-size: calc(1.375rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact svg,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact img {
    width: calc(1.5rem * var(--process-tablet-scale));
    height: calc(1.5rem * var(--process-tablet-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media {
    position: absolute;
    top: var(--process-desktop-media-top);
    left: var(--process-desktop-media-left);
    width: var(--process-desktop-media-width);
    height: var(--process-desktop-media-height);
    min-height: 0;
    margin: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel .button-light {
    width: var(--process-desktop-action-width);
    height: var(--process-desktop-action-height);
    padding-inline: calc(1.5rem * var(--process-tablet-scale));
    font-size: calc(1.125rem * var(--process-tablet-scale));
    border-radius: 0.3125rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    display: none;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process {
    padding-top: 4rem;
    padding-bottom: 6.5rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading {
    position: relative;
    border-bottom-color: #cbd2d9;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__content {
    order: 2;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::before,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::after {
    content: "";
    position: absolute;
    bottom: -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    background: var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::before {
    left: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::after {
    right: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu {
    display: flex;
    align-items: stretch;
    gap: 0.625rem;
    width: calc(100% + 0.9375rem);
    max-width: calc(100% + 0.9375rem);
    height: auto;
    overflow-x: auto;
    overflow-y: hidden;
    margin-right: -0.9375rem;
    padding-bottom: 0;
    scroll-snap-type: x proximity;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu::-webkit-scrollbar {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step {
    flex: 0 0 auto;
    min-height: 2.375rem;
    height: 2.375rem;
    padding: 0.875rem 1.25rem;
    gap: 0;
    border: 1px solid var(--color-accent);
    border-radius: 0.3125rem;
    background: transparent;
    scroll-snap-align: start;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step[data-process-step="1"] {
    width: 5.3125rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step[data-process-step="2"] {
    width: 10.75rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step[data-process-step="3"] {
    width: 8.9375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step.is-active {
    border-color: var(--color-accent);
    background: var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__index,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__label--desktop {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step__label--mobile {
    display: inline;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.4;
    white-space: nowrap;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.1875rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    width: min(22.5rem, 100%);
    aspect-ratio: var(--process-mobile-card-ratio);
    border-radius: 0.625rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__content {
    inset: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__content > * {
    left: var(--process-mobile-content-left);
    margin-left: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__title {
    top: calc(var(--process-mobile-title-top) * 1px);
    width: var(--process-mobile-title-width);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.02;
    letter-spacing: -0.02em;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__copy {
    top: calc(var(--process-mobile-copy-top) * 1px);
    width: var(--process-mobile-copy-width);
    font-family: var(--font-ui);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.174;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__lead {
    top: calc(var(--process-mobile-lead-top) * 1px);
    width: var(--process-mobile-lead-width);
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 0.988;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .process-panel__lead,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .process-panel__lead {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 0.988;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__contacts {
    top: calc(var(--process-mobile-contacts-top) * 1px);
    gap: var(--process-mobile-contact-gap);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__details {
    top: calc(var(--process-mobile-details-top) * 1px);
    gap: var(--process-mobile-details-gap);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-detail {
    gap: 0.625rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.005;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .process-detail,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .process-detail {
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .process-detail:nth-child(3),
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .process-detail:nth-child(n + 3) {
    letter-spacing: -0.06em;
    line-height: 1;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-detail::before {
    width: 0.375rem;
    height: 0.375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact {
    gap: 0.9375rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    line-height: 1.07;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact svg,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-contact img {
    width: 1.25rem;
    height: 1.25rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media {
    position: absolute;
    top: var(--process-mobile-media-top);
    left: var(--process-mobile-media-left);
    width: var(--process-mobile-media-width);
    height: var(--process-mobile-media-height);
    min-height: 0;
    margin: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel .button-light {
    top: calc(var(--process-mobile-action-top) * 1px);
    width: var(--process-mobile-action-width);
    height: var(--process-mobile-action-height);
    min-height: 0;
    padding-inline: 1rem;
    border-radius: 0.3125rem;
    font-size: 1rem;
    line-height: 1.174;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.125rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-nav-button {
    width: 4.125rem;
    height: 3.375rem;
    border-color: #818993;
    border-radius: 0.3125rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-nav-button__icon {
    width: 0.5625rem;
    height: 0.5625rem;
    border-top-width: 0.09375rem;
    border-right-width: 0.09375rem;
  }
}

@media (max-width: 80rem) and (min-width: 48rem) {
  body[data-page="home"] .page-section--home-news .news-grid--home {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    padding-top: 0;
  }

  body[data-page="home"] .page-section--home-news .news-grid--home .news-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 47.999rem) {
  body[data-page="home"] .page-section--home-help .contact-block,
  body[data-page="home"] #contact-request .contact-block {
    min-height: 40rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__content {
    width: 22.5rem;
    max-width: calc(100% - 1.875rem);
    margin: 3.75rem 0 0 0.9375rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__title,
  body[data-page="home"] #contact-request .contact-block__title {
    max-width: 20.4375rem;
    font-size: 1.5625rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__copy,
  body[data-page="home"] #contact-request .contact-block__copy {
    max-width: 22.5rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__panel {
    width: 22.5rem;
    max-width: calc(100% - 1.875rem);
    margin: 3.75rem 0 0 0.9375rem;
    gap: 0.625rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .form-note,
  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    max-width: 22.5rem;
    font-size: 0.875rem;
    line-height: 1rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel > .button,
  body[data-page="home"] #contact-request .contact-block__panel > .button {
    width: 22.5rem;
  }

  body[data-page="home"] .page-section--home-news .section-heading--home-news .section-heading__content {
    max-width: 22.5rem;
    margin-left: 0;
  }

  body[data-page="home"] .page-section--home-news .news-grid--home {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding-top: 0;
  }

  body[data-page="home"] .page-section--home-news .news-grid--home .news-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }

  body[data-page="home"] .page-section--home-news .news-card {
    grid-template-rows: 16.9375rem 1fr;
    min-height: 36.5rem;
  }

  body[data-page="home"] .page-section--home-news .news-card__media {
    height: 16.9375rem;
  }

  body[data-page="home"] .page-section--home-news .news-card__date {
    font-size: 1.125rem;
    line-height: 0.995;
  }

  body[data-page="home"] .page-section--home-news .news-card__title {
    font-size: 1.375rem;
    line-height: 1.2;
    letter-spacing: -0.04125rem;
  }

  body[data-page="home"] .page-section--home-news .news-card__copy {
    font-size: 1rem;
    line-height: 1.174;
  }

  body[data-page="home"] .page-section--home-news .news-card__body {
    gap: 0.75rem;
    padding: 1rem;
  }

  body[data-page="home"] .page-section--home-news .button--news-more {
    width: 100%;
    min-height: 3.125rem;
    font-size: 1rem;
  }
}

/* Homepage final consolidation: mobile/tablet system */
@media (max-width: 64rem) {
  body[data-page="home"] .page-section:not(.page-section--compact) {
    padding-block: 2.5rem;
  }

  body[data-page="home"] .page-section.page-section--home-advantages:not(.page-section--compact) {
    padding-block: 0;
  }

  body[data-page="home"] .page-section .section-heading__content {
    max-width: 100%;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact,
  body[data-page="home"] #contact-request .contact-block {
    min-height: clamp(40rem, 92vh, 52rem);
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__content,
  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__panel {
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
    margin-inline: 1rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__content {
    margin-top: 2rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__panel {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

  body[data-page="home"] #contact-request .contact-block__content {
    padding: 1rem;
    border-radius: var(--radius-md);
    background: var(--color-accent);
  }

  body[data-page="home"] #contact-request .contact-block__panel {
    padding: 0.875rem;
    border-radius: var(--radius-md);
    background: rgba(255, 255, 255, 0.94);
  }

  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    color: rgba(58, 58, 58, 0.74);
  }
}

@media (max-width: 767px) {
  body[data-page="home"] .footer .footer-brand {
    width: 7.75rem;
    height: 2.3125rem;
  }
}

@media (max-width: 64rem) {
  body[data-page="home"] .section-divider::after,
  body[data-page="home"] .section-divider span {
    border-radius: 0;
  }

  .product-rail--home {
    --product-grid-gap: 0.625rem;
    --product-card-min-height: 17.5rem;
    --product-card-padding: 0.0625rem 0.3125rem 0.3125rem;
    --product-card-media-margin-inline: -0.25rem;
    --product-card-title-min-height: 2.875rem;
    --product-card-title-size: 0.875rem;
    --product-card-title-weight: 500;
    --product-card-title-line: 1.15;
    --product-card-price-size: 0.875rem;
    --product-card-price-line: 1.2;
    --product-card-action-height: 1.875rem;
    --product-card-action-size: 0.6875rem;
    --product-card-action-line: 1;
  }

  .product-rail--home .product-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 64rem) {
  body[data-page="home"] .page-section--home-catalog .page-template {
    gap: 1.6875rem;
  }

}

/* Homepage final truth-pass consolidation */
@media (max-width: 64rem) {
  body[data-page="home"] .page-section--home-help .contact-block__eyebrow,
  body[data-page="home"] #contact-request .contact-block__eyebrow {
    display: inline-flex;
    align-items: center;
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #cbd2d9;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.174rem;
    letter-spacing: 0;
    text-transform: none;
  }

  body[data-page="home"] .page-section--home-help .contact-block__title,
  body[data-page="home"] #contact-request .contact-block__title {
    max-width: 20.4375rem;
    font-family: var(--font-heading);
    font-size: 1.625rem;
    font-weight: 500;
    line-height: 1.78rem;
    letter-spacing: -0.04em;
  }

  body[data-page="home"] #contact-request .contact-block__title {
    letter-spacing: -0.04em;
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact .contact-block__title {
    letter-spacing: -0.03125rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__copy,
  body[data-page="home"] #contact-request .contact-block__copy {
    max-width: 22rem;
    color: #e9e6e6;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.174rem;
  }
}

@media (max-width: 47.999rem) {
  body[data-page="home"] .page-section--home-help .contact-block--compact,
  body[data-page="home"] #contact-request .contact-block {
    min-height: 40rem;
    overflow: hidden;
    border-radius: var(--radius-md);
  }

  body[data-page="home"] .page-section--home-help .contact-block__visual,
  body[data-page="home"] #contact-request .contact-block__visual {
    grid-column: 1;
    grid-row: 1 / -1;
  }

  body[data-page="home"] .page-section--home-help .contact-block__image,
  body[data-page="home"] #contact-request .contact-block__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  body[data-page="home"] .page-section--home-help .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__content {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    margin: 1.125rem 0 0;
    padding: 0 0 0 0;
    gap: 0.75rem;
    align-content: start;
    background: transparent;
    border-radius: 0;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__panel {
    width: 100%;
    max-width: 100%;
    min-height: auto;
    margin: 1.125rem 0 1.25rem;
    padding: 0;
    gap: 0.625rem;
    background: transparent;
    border-radius: 0;
  }

  body[data-page="home"] #contact-request .contact-block__content {
    margin-top: 1.25rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .field,
  body[data-page="home"] #contact-request .contact-block__panel .field {
    gap: 0;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .field__label,
  body[data-page="home"] #contact-request .contact-block__panel .field__label {
    display: none;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .input,
  body[data-page="home"] .page-section--home-help .contact-block__panel .textarea,
  body[data-page="home"] #contact-request .contact-block__panel .input,
  body[data-page="home"] #contact-request .contact-block__panel .textarea {
    min-height: 3.75rem;
    height: 3.75rem;
    padding: 1.34375rem 1.25rem 1.28125rem;
    border-radius: 0.3125rem;
    font-family: var(--font-ui);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.174rem;
    letter-spacing: 0;
    color: #98938f;
    background: rgba(255, 255, 255, 0.96);
    border: 0;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .textarea,
  body[data-page="home"] #contact-request .contact-block__panel .textarea {
    resize: none;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .input::placeholder,
  body[data-page="home"] .page-section--home-help .contact-block__panel .textarea::placeholder,
  body[data-page="home"] #contact-request .contact-block__panel .input::placeholder,
  body[data-page="home"] #contact-request .contact-block__panel .textarea::placeholder {
    color: #98938f;
    opacity: 1;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .form-note,
  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    max-width: 22.5rem;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.75rem;
    line-height: 0.95rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .form-note a,
  body[data-page="home"] #contact-request .contact-block__panel .form-note a {
    color: inherit;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel > .button,
  body[data-page="home"] #contact-request .contact-block__panel > .button {
    width: 100%;
    min-height: 3.125rem;
    border-radius: 0.3125rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.174rem;
  }

  body[data-page="home"] .footer__map img {
    min-height: 0;
    height: 16.5625rem;
  }

  body[data-page="home"] .footer__panel {
    display: block;
    margin-top: 0.625rem;
  }

  body[data-page="home"] .footer__card {
    min-height: auto;
    padding: 0.875rem 1rem 1rem;
    gap: 1rem;
  }

  body[data-page="home"] .footer__nav--desktop,
  body[data-page="home"] .footer__meta--desktop,
  body[data-page="home"] .footer__scroll-top {
    display: none;
  }

  body[data-page="home"] .footer__mobile-stack,
  body[data-page="home"] .footer__meta--mobile {
    display: grid;
  }

  body[data-page="home"] .footer__mobile-stack {
    gap: 0.625rem;
    margin-top: 0.625rem;
  }

  body[data-page="home"] .footer__mobile-card,
  body[data-page="home"] .footer__meta--mobile {
    padding: 0.875rem 1rem 1rem;
    border: 1px solid #323232;
    border-radius: var(--radius-md);
    background: #1d1d1d;
  }

  body[data-page="home"] .footer__card-title,
  body[data-page="home"] .footer__nav-title,
  body[data-page="home"] .footer__social-title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.368125rem;
    letter-spacing: 0;
  }

  body[data-page="home"] .footer__mobile-card--products > .footer__nav-title {
    line-height: 1.47125rem;
  }

  body[data-page="home"] .footer__social-title {
    font-weight: 400;
  }

  body[data-page="home"] .footer__contact-row {
    padding-bottom: 1rem;
  }

  body[data-page="home"] .footer__contact-row .stack-sm {
    gap: 0.625rem;
  }

  body[data-page="home"] .footer .icon-text-link {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.20375rem;
  }

  body[data-page="home"] .footer__mobile-list {
    display: grid;
    gap: 0.75rem;
    margin-top: 1.25rem;
    color: #878787;
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.32075rem;
  }

  body[data-page="home"] .footer__mobile-list--products {
    gap: 0.6875rem;
  }

  body[data-page="home"] .footer__mobile-social {
    display: grid;
    gap: 0.625rem;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body[data-page="home"] .footer__meta--mobile {
    gap: 0.75rem;
    margin-top: 0.625rem;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-title {
    font-size: 1rem;
    line-height: 0.988rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-copy {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal {
    display: grid;
    gap: 0.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: inherit;
    line-height: inherit;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :first-child,
  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :last-child {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.174rem;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.02725rem;
  }
}

@media (max-width: 767px) {
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__bar {
    width: 100%;
    min-height: 3.125rem;
    padding-inline: 0.6875rem;
    gap: 0.75rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__brand,
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__brand-mobile {
    width: 6.1875rem;
    height: 1.8125rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__actions {
    gap: 0.75rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-icon-button {
    width: 1.6875rem;
    height: 1.6875rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-icon {
    width: 1.625rem;
    height: 1.625rem;
  }

  .product-rail--home {
    --product-grid-gap: 0.625rem;
    --product-rail-tab-min-width: 0;
    --product-rail-tab-height: 3.125rem;
    --product-rail-tab-padding-inline: 1rem;
    --product-rail-tab-radius: 0.3125rem;
    --product-rail-tab-size: 0.875rem;
    --product-rail-tab-line: 1;
    --product-card-gap: 0.375rem 0.75rem;
    --product-card-min-height: 12.1875rem;
    --product-card-padding: 0.75rem;
    --product-card-media-margin-inline: 0;
    --product-card-media-radius: 0.3125rem;
    --product-card-title-min-height: auto;
    --product-card-title-padding-inline: 0;
    --product-card-title-size: 1.0625rem;
    --product-card-title-weight: 500;
    --product-card-title-line: 1.24;
    --product-card-title-tracking: -0.04em;
    --product-card-rating-padding-inline: 0;
    --product-card-rating-size: 0.875rem;
    --product-card-price-padding-inline: 0;
    --product-card-price-size: 1rem;
    --product-card-price-line: 1.1;
    --product-card-action-gap: 0.0625rem;
    --product-card-action-height: 2.5625rem;
    --product-card-action-size: 0.875rem;
    --product-card-action-line: 1;
    --product-card-action-radius: 0.3125rem;
    gap: 1rem;
  }

  .product-rail--home .product-rail__header {
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
  }

  .product-rail--home .product-rail__controls {
    order: -1;
    width: 100%;
    gap: 0.625rem;
  }

  .product-rail--home .product-rail__controls > * {
    flex: 1 1 0;
  }

  .product-rail--home .product-rail__arrow,
  .product-rail--home .product-rail__arrow:first-child,
  .product-rail--home .product-rail__arrow:last-child {
    width: 100%;
    min-height: var(--product-rail-tab-height);
    height: var(--product-rail-tab-height);
    padding-inline: var(--product-rail-tab-padding-inline);
    border-radius: var(--product-rail-tab-radius);
    font-size: var(--product-rail-tab-size);
    line-height: var(--product-rail-tab-line);
    letter-spacing: -0.02em;
  }

  .product-rail--home .product-card {
    grid-template-columns: 7.5rem minmax(0, 1fr);
    grid-template-areas:
      "media title"
      "media rating"
      "media price"
      "actions actions";
    grid-template-rows: auto auto auto auto;
    align-items: start;
  }

  .product-rail--home .product-card__media {
    grid-area: media;
    width: 7.5rem;
    height: 7.5rem;
    aspect-ratio: auto;
  }

  .product-rail--home .product-card__title {
    grid-area: title;
  }

  .product-rail--home .product-card__rating {
    grid-area: rating;
  }

  .product-rail--home .product-card__price-wrap {
    grid-area: price;
  }

  .product-rail--home .product-card__actions {
    grid-area: actions;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] {
    display: flex;
    gap: 0;
    overflow: hidden;
    width: calc(100vw - 1.875rem);
    max-width: calc(100vw - 1.875rem);
    min-width: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] .certificate-card {
    min-width: 0;
    flex: 0 0 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) {
    padding-top: 0;
    padding-bottom: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .container {
    gap: 1.875rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading {
    position: relative;
    height: 17.875rem;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1.5625rem;
    padding-bottom: 0;
    border-bottom: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(255, 255, 255, 0.92);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.15625rem;
    width: 0.375rem;
    height: 0.375rem;
    background: var(--color-accent);
    box-shadow: calc(100vw - 2.25rem) 0 0 var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__content {
    gap: 1.5625rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__title {
    width: 22.1875rem;
    max-width: 22.1875rem;
    font-weight: 500;
    line-height: 0.9;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__copy {
    width: calc(100vw - 1.875rem);
    max-width: calc(100vw - 1.875rem);
    color: #e6e1e1;
    font-size: 1rem;
    line-height: 1.4;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card {
    height: 29.875rem;
    min-height: 29.875rem;
    padding: 0;
    border: 0;
    border-radius: 0.9375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media {
    max-height: none;
    height: 100%;
    background: #ffffff;
    border-radius: inherit;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media img {
    border-radius: inherit;
    object-fit: cover;
    object-position: center;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption {
    grid-template-rows: 1fr;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain {
    height: 100%;
    padding: 7.75rem 3.75rem 0;
    place-items: start center;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain img {
    width: 15rem;
    height: auto;
    aspect-ratio: 300 / 233;
    border-radius: 0;
    object-fit: contain;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__title {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls {
    display: flex;
    gap: 1.25rem;
    margin-top: 2.1875rem;
    justify-content: center;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button {
    position: relative;
    width: 3.375rem;
    height: 3.375rem;
    border: 1px solid #c4c4c4;
    border-radius: 0.3125rem;
    background: transparent;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button:not(:disabled):hover,
  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button:not(:disabled):focus-visible {
    border-color: var(--color-accent);
    background: var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75rem;
    height: 0.75rem;
    border-left: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
    transform: translate(-35%, -50%) rotate(45deg);
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button:not(:disabled):hover::before,
  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button:not(:disabled):focus-visible::before {
    border-color: #ffffff;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button--next::before {
    transform: translate(-65%, -50%) rotate(-135deg);
  }

  body[data-page="home"] .page-section--home-help .contact-block--compact,
  body[data-page="home"] #contact-request .contact-block {
    min-height: 40rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__visual::after,
  body[data-page="home"] #contact-request .contact-block__visual::after {
    background: linear-gradient(180deg, rgba(14, 17, 20, 0.18) 0%, rgba(14, 17, 20, 0.56) 32%, rgba(14, 17, 20, 0.86) 100%);
  }

  body[data-page="home"] .page-section--home-help .contact-block__image {
    object-position: center 40%;
  }

  body[data-page="home"] #contact-request .contact-block__image {
    object-position: center 50%;
  }

  body[data-page="home"] .page-section--home-help .contact-block__content,
  body[data-page="home"] .page-section--home-help .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__panel {
    margin-inline: 1rem;
    width: calc(100% - 2rem);
    max-width: calc(100% - 2rem);
  }

  body[data-page="home"] .page-section--home-help .contact-block__content,
  body[data-page="home"] #contact-request .contact-block__content {
    margin-top: 1.5rem;
    gap: 1rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel,
  body[data-page="home"] #contact-request .contact-block__panel {
    position: relative;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    gap: 1rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel::before,
  body[data-page="home"] #contact-request .contact-block__panel::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: 1rem;
    background: rgba(255, 255, 255, 0.38);
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel .form-note,
  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    max-width: 100%;
    font-size: 0.875rem;
    line-height: 1.05rem;
  }
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
  body:is([data-page="home"], [data-page="about"]) .certificate-grid {
    width: calc(100vw - 1.875rem);
    max-width: calc(100vw - 1.875rem);
  }
}

@media (min-width: 768px) {
  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls {
    display: none;
  }
}

@media (min-width: 64rem) {
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__bar {
    min-height: 4.625rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__brand {
    width: 8.9375rem;
    height: 2.6875rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__nav {
    font-size: 1rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__cta {
    min-height: 2.75rem;
    font-size: 1rem;
  }

  .product-rail--home .product-rail__header {
    align-items: flex-start;
    gap: 1.5rem;
  }

  .product-rail--home {
    --product-grid-gap: 1rem;
    --product-rail-tab-height: 3.125rem;
    --product-rail-tab-padding-inline: 2.6875rem;
    --product-rail-tab-size: 1rem;
    --product-card-min-height: 34rem;
    --product-card-gap: 0.625rem;
    --product-card-padding: 0.0625rem 0.75rem 0.75rem;
    --product-card-media-margin-inline: -0.5625rem;
    --product-card-title-min-height: 5.25rem;
    --product-card-title-size: 1.4375rem;
    --product-card-title-line: 1.18;
    --product-card-rating-size: 0.9375rem;
    --product-card-rating-line: 1.12;
    --product-card-price-size: 1.625rem;
    --product-card-action-gap: 0.5rem;
    --product-card-action-height: 3rem;
    --product-card-action-size: 1rem;
  }

  .product-rail--home .product-rail__arrow:first-child {
    min-width: 10.25rem;
  }

  .product-rail--home .product-rail__arrow:last-child {
    min-width: 10.25rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .page-template {
    gap: 2rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid {
    gap: 1.25rem;
    align-items: start;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card {
    height: 38.5625rem;
    min-height: 38.5625rem;
    border-radius: 0.9375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card:first-child {
    border-width: 0.125rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption {
    grid-template-rows: 25.6875rem auto 1fr;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media--contain {
    height: 25.6875rem;
    padding: 9.75rem 4.625rem 0;
    place-items: start center;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media--contain img {
    width: 18.75rem;
    height: auto;
    aspect-ratio: 300 / 233;
    object-fit: contain;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__title {
    width: 17.125rem;
    margin-inline: auto;
    padding: 0;
    color: #003e65;
    font-family: var(--font-heading);
    font-size: 1.875rem;
    line-height: 1.66875rem;
    letter-spacing: 0;
  }

  body[data-page="home"] #contact-request .contact-block {
    min-height: 54.625rem;
  }

  body[data-page="home"] #contact-request .contact-block__content {
    width: 57.5rem;
    min-height: 16.5625rem;
    margin: 2.5rem 1.5625rem 0 auto;
    padding: 3.125rem 1.875rem 1.875rem;
    gap: 1.25rem;
  }

  body[data-page="home"] #contact-request .contact-block__title {
    max-width: 46.9375rem;
    font-size: 3.75rem;
    line-height: 3.4875rem;
    letter-spacing: -0.075rem;
  }

  body[data-page="home"] #contact-request .contact-block__copy {
    max-width: 38.6875rem;
    line-height: 1.174rem;
  }

  body[data-page="home"] #contact-request .contact-block__panel {
    width: 57.5rem;
    min-height: 31.8125rem;
    margin: 1.25rem 1.5625rem 2.5rem auto;
    padding: 2.1875rem 1.875rem 1.875rem;
    gap: 0.625rem;
  }

  body[data-page="home"] #contact-request .contact-block__panel .field {
    width: 50.375rem;
  }

  body[data-page="home"] #contact-request .contact-block__panel .input,
  body[data-page="home"] #contact-request .contact-block__panel .textarea {
    width: 100%;
    min-height: 4.3125rem;
    height: 4.3125rem;
    line-height: 1.37;
  }

  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    margin-top: 0.3125rem;
  }

  body[data-page="home"] #contact-request .contact-block__panel > .button {
    margin-top: 0.9375rem;
  }
}

@media (max-width: 47.999rem) {
  body[data-page="home"] .page-section--home-help .contact-block__panel .form-note,
  body[data-page="home"] #contact-request .contact-block__panel .form-note {
    font-size: 0.8125rem;
    line-height: 0.9375rem;
  }

  body[data-page="home"] .page-section--home-help .contact-block__panel > .button,
  body[data-page="home"] #contact-request .contact-block__panel > .button {
    min-height: 3.125rem;
    font-size: 1rem;
  }

  body[data-page="home"] .footer__mobile-card,
  body[data-page="home"] .footer__meta--mobile {
    padding: 1rem;
  }

  body[data-page="home"] .footer__card-title,
  body[data-page="home"] .footer__nav-title,
  body[data-page="home"] .footer__social-title {
    font-size: 1.375rem;
    line-height: 1.368125rem;
  }

  body[data-page="home"] .footer__contact-row {
    padding-bottom: 1rem;
  }

  body[data-page="home"] .footer__mobile-list {
    gap: 0.75rem;
    margin-top: 1.125rem;
    font-size: 1.125rem;
    line-height: 1.32075rem;
  }

  body[data-page="home"] .footer__mobile-social {
    margin-top: 1.375rem;
    padding-top: 1.375rem;
  }

  body[data-page="home"] .footer .social-links {
    gap: 1.25rem;
  }

  body[data-page="home"] .footer .social-link--figma,
  body[data-page="home"] .footer .social-link--figma-zen {
    width: 2.75rem;
    height: 2.625rem;
  }

  body[data-page="home"] .footer__meta--mobile {
    gap: 0;
    margin-top: 0.625rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-title {
    width: 100%;
    max-width: none;
    padding: 1.875rem 1.375rem 0;
    border: 1px solid #323232;
    border-bottom: 0;
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    background: #1d1d1d;
    font-size: 1rem;
    line-height: 0.988rem;
    font-weight: 500;
    letter-spacing: 0;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-copy {
    width: 100%;
    max-width: none;
    min-height: 11.625rem;
    padding: 0.625rem 1.375rem 1.875rem;
    border-right: 1px solid #323232;
    border-bottom: 1px solid #323232;
    border-left: 1px solid #323232;
    border-radius: 0 0 var(--radius-md) var(--radius-md);
    background: #1d1d1d;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal {
    display: grid;
    height: 8.875rem;
    gap: 0.75rem;
    margin-top: 0.625rem;
    padding: 1.875rem 1.375rem;
    border: 1px solid #323232;
    border-radius: var(--radius-md);
    background: #1d1d1d;
    font-size: inherit;
    line-height: inherit;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :first-child,
  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :last-child {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.174rem;
  }

  body[data-page="home"] .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.02725rem;
  }
}

@media (max-width: 767px) {
  .site-header__bar .site-header__brand {
    width: 6.1875rem;
    height: 1.8125rem;
  }

  .site-header__bar .site-header__brand-logo {
    display: none;
  }

  .site-header__bar .site-header__brand-mobile {
    display: inline-flex;
  }

  .site-header__brand-mobile-icon-frame {
    left: 0;
    top: 0;
    width: 2.0625rem;
    height: 1.8125rem;
  }

  .site-header__brand-mobile-icon-img {
    left: -1.21%;
    top: 0;
    width: 287.24%;
    height: 100%;
  }

  .site-header__brand-mobile-wordmark-frame {
    left: 2.1875rem;
    top: 50%;
    width: 4rem;
    height: 1.25rem;
    transform: translateY(-50%);
  }

  .site-header__brand-mobile-wordmark-img {
    left: -75.3%;
    top: 0;
    width: 185.86%;
    height: 181.25%;
  }

  .site-header__brand-mobile-logo {
    display: none;
  }

  .mobile-menu {
    width: 100vw;
    max-width: 390px;
    min-height: 100svh;
    padding: 56px 15px 30px;
    overflow-y: auto;
    color: #161616;
    background: #ffffff;
  }

  .mobile-menu__top {
    height: 50px;
    align-items: flex-start;
    padding: 0 5px 15px;
    border-bottom: 1px solid #d9d9d9;
  }

  .mobile-menu__brand {
    width: 99px;
    height: 29px;
  }

  .mobile-menu-logo {
    display: flex;
    align-items: flex-start;
    gap: 2px;
  }

  .mobile-menu-logo__icon {
    width: 33px;
    height: 29px;
    display: block;
    flex: 0 0 auto;
  }

  .mobile-menu-logo__text {
    width: 64px;
    height: 20px;
    margin-top: 5px;
    display: block;
    flex: 0 0 auto;
  }

  .mobile-menu__close {
    width: 30px;
    height: 30px;
    padding: 0;
    color: #161616;
    border-radius: 0;
    background: transparent;
  }

  .mobile-menu__close-icon {
    display: block;
    width: 30px;
    height: 30px;
  }

  .mobile-menu__location {
    width: fit-content;
    min-height: 30px;
    margin-top: 20px;
    padding: 0;
    border-bottom: 0;
    justify-content: flex-start;
    gap: 10px;
    color: #373636;
    font-family: var(--font-ui);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0px;
  }

  .mobile-menu__location-copy {
    gap: 10px;
  }

  .mobile-menu__location-icon {
    display: block;
    width: 30px;
    height: 30px;
  }

  .mobile-menu__chevron {
    display: block;
    width: 13px;
    height: 7px;
  }

  .mobile-menu__nav {
    margin-top: 18px;
    gap: 0;
  }

  .mobile-menu__nav-link {
    height: 58px;
    min-height: 0;
    padding-inline: 0;
    padding-top: 23px;
    align-items: flex-start;
    border-bottom: 1px solid #d9d9d9;
    color: #373636;
    font-family: var(--font-ui);
    font-size: 20px;
    font-weight: 500;
    line-height: 0.9;
    letter-spacing: -1.2px;
  }

  .mobile-menu__nav-link.is-active {
    height: 48px;
    margin-inline: 0;
    margin-bottom: 1px;
    padding: 0 10px;
    align-items: center;
    border-bottom-color: transparent;
    border-radius: 5px;
    line-height: 1.05;
  }

  .mobile-menu__footer {
    position: relative;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0;
    margin-top: 70px;
    align-items: start;
  }

  .mobile-menu__contacts {
    gap: 8.74px;
    color: #666666;
    font-family: var(--font-ui);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.07;
    letter-spacing: 0px;
  }

  .social-links--mobile-menu {
    position: absolute;
    top: -4px;
    right: -6.151px;
    gap: 14.849px;
    justify-content: end;
  }

  .social-links--mobile-menu .social-link {
    width: 50.151px;
    height: 48px;
    background: transparent;
    border-radius: 0;
  }

  .social-links--mobile-menu .social-link__asset {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .mobile-menu__footer > .button {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 49px;
    margin-top: 19px;
    border-radius: 5px;
    font-family: "Inter", var(--font-ui);
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0px;
    text-transform: none;
  }

  .overlay[data-overlay="city-selector"] {
    z-index: 91;
  }

  .overlay[data-overlay="city-selector"] .overlay__backdrop {
    top: 2.25rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(0.625rem);
  }

  .city-selector {
    top: 10.875rem;
    right: auto;
    left: 50%;
    width: 24.375rem;
    max-width: 100vw;
    height: calc(100svh - 10.875rem);
    min-height: 41.875rem;
    padding: 0.9375rem;
    border-radius: 0.9375rem 0.9375rem 0 0;
    transform: translateX(-50%);
  }

  .city-selector .search-row {
    width: 22.5rem;
    max-width: 100%;
    height: 3.75rem;
    min-height: 3.75rem;
    padding: 1.25rem 0.625rem;
    gap: 0.75rem;
  }

  .city-selector .search-row__input {
    font-size: 1.125rem;
    line-height: 1rem;
  }

  .city-selector__list {
    width: 22.5rem;
    max-width: 100%;
    max-height: calc(100svh - 16.8125rem);
    margin-top: 1.25rem;
  }

  .city-selector__button {
    min-height: 3.3125rem;
    padding: 0.625rem 1.25rem;
    font-size: 1.125rem;
    line-height: 1rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__brand,
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"]) .site-header__brand-mobile {
    width: 6.1875rem;
    height: 1.8125rem;
  }

}

/* Final About overrides must stay after responsive rules. Scoped to Figma nodes 1:1138 and 1:6463. */
body[data-page="about"] .page-main > .page-section > .container {
  width: var(--container);
}

body[data-page="about"] .page-main > .page-section:first-child {
  min-height: 62.5rem;
  margin-top: -1.875rem;
  padding-top: 8.375rem;
  padding-bottom: 4.5rem;
}

body[data-page="about"] .page-hero {
  min-height: calc(62.5rem - 12.875rem);
  grid-template-rows: auto 1fr;
  gap: 0;
  align-content: stretch;
}

body[data-page="about"] .page-hero__heading {
  width: min(72.1875rem, 100%);
  max-width: 72.1875rem;
  margin-top: 0;
  align-self: end;
}

body[data-page="about"] .page-section--about-philosophy {
  padding-top: 7.8125rem;
  padding-bottom: 10rem;
}

body[data-page="about"] .about-philosophy {
  grid-template-columns: 26.875rem minmax(0, 1fr);
  column-gap: 2.5rem;
  padding-top: 0;
}

body[data-page="about"] .about-philosophy__media {
  min-height: 46.875rem;
  margin-top: 3.125rem;
}

body[data-page="about"] .page-section--about-stats {
  padding-top: 0;
  padding-bottom: 10.0625rem;
}

body[data-page="about"] .about-stats {
  padding-top: 0;
}

body[data-page="about"] .about-stats__board {
  margin-top: 6.875rem;
}

body[data-page="about"] .page-section--about-history {
  padding-top: 0;
  padding-bottom: 10rem;
}

body[data-page="about"] .about-history {
  gap: 0;
}

body[data-page="about"] .about-history__divider {
  margin-top: 3.875rem;
}

body[data-page="about"] .about-history__track {
  margin-top: 0;
  padding-top: 3.75rem;
}

body[data-page="about"] .about-history__track::before {
  top: 25.125rem;
}

body[data-page="about"] .about-history__item--2016 {
  --history-stem: 14.5rem;
}

body[data-page="about"] .about-history__item--2019,
body[data-page="about"] .about-history__item--2024 {
  --history-stem: 8.5rem;
}

body[data-page="about"] .about-history__item--2020,
body[data-page="about"] .about-history__item--2025 {
  --history-stem: 13.0625rem;
}

@media (max-width: 1023px) {
  body[data-page="about"] .page-main > .page-section:first-child {
    min-height: 62.5rem;
    margin-top: -6.5rem;
    padding-top: 6.5rem;
    padding-bottom: 4.5rem;
  }

  body[data-page="about"] .page-hero {
    min-height: calc(62.5rem - 11rem);
  }

  body[data-page="about"] .page-title {
    font-size: 2.75rem;
    line-height: 0.92;
    letter-spacing: -0.02em;
  }

  body[data-page="about"] .about-philosophy {
    grid-template-columns: 1fr;
  }

  body[data-page="about"] .about-philosophy__media {
    min-height: 46.875rem;
  }

  body[data-page="about"] .about-stats__board {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  body[data-page="about"] .page-main > .page-section:first-child {
    min-height: 41.5rem;
    margin-top: 0;
    padding-top: 3.875rem;
    padding-bottom: 0;
    overflow: visible;
    background: none;
  }

  body[data-page="about"] .page-main > .page-section:first-child::after {
    content: "";
    position: absolute;
    left: 0.9375rem;
    top: 17.4375rem;
    width: calc(100% - 1.875rem);
    height: 24.0625rem;
    border-radius: 0.625rem;
    background: url("/static/images/figma/about-hero-mobile-stack.png") center / cover no-repeat;
  }

  body[data-page="about"] .page-hero {
    min-height: 0;
    grid-template-rows: auto auto;
    gap: 1.5rem;
    align-content: start;
  }

  body[data-page="about"] .page-hero__heading {
    width: min(22.1875rem, 100%);
    max-width: 22.1875rem;
    margin-top: 0.6875rem;
    align-self: start;
  }

  body[data-page="about"] .page-title {
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .page-section--about-philosophy {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  body[data-page="about"] .about-philosophy {
    position: relative;
    display: block;
  }

  body[data-page="about"] .about-philosophy::before {
    content: "";
    position: absolute;
    top: 4.1875rem;
    left: 0;
    right: 0;
    height: 0.375rem;
    background: url("/static/images/figma/about-history-divider.svg") center / 100% 100% no-repeat;
  }

  body[data-page="about"] .about-philosophy__copy {
    display: block;
  }

  body[data-page="about"] .about-philosophy__title {
    width: min(22.1875rem, 100%);
    margin-top: 4.125rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-philosophy__body {
    width: 100%;
    max-width: none;
    display: grid;
    gap: 1.4rem;
    margin-top: 1.875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
  }

  body[data-page="about"] .about-philosophy__media {
    width: 100%;
    min-height: 33.625rem;
    margin-top: 1.875rem;
    border-radius: 0.625rem;
  }

  body[data-page="about"] .page-section--about-stats {
    padding-bottom: 7.125rem;
  }

  body[data-page="about"] .about-stats {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    padding: 1.875rem 0.9375rem 2.125rem;
    background:
      linear-gradient(rgba(22, 22, 22, 0.72), rgba(22, 22, 22, 0.72)),
      url("/static/images/figma/about-stats-overlay.png") center / cover no-repeat;
  }

  body[data-page="about"] .about-stats > .section-tag {
    position: static;
    height: auto;
    min-width: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: #e9e6e6;
    font-size: 0.875rem;
    line-height: normal;
    text-align: left;
  }

  body[data-page="about"] .about-stats__board {
    display: block;
    min-height: 0;
    margin-top: 1.25rem;
    overflow: visible;
    background: none;
    border: 0;
  }

  body[data-page="about"] .about-stats__hero {
    min-height: 0;
    padding: 0;
    background: none;
  }

  body[data-page="about"] .about-stats__hero::after,
  body[data-page="about"] .about-stats__star {
    display: none;
  }

  body[data-page="about"] .about-stats__title {
    width: min(18.9375rem, 100%);
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-stats__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    margin-top: 1.875rem;
    background: none;
    border: 0;
  }

  body[data-page="about"] .about-stat {
    min-height: 10.0625rem;
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 0;
    padding: 0 0 2.5rem;
    border: 0;
    border-bottom: 1px solid rgba(233, 230, 230, 0.22);
  }

  body[data-page="about"] .about-stat + .about-stat {
    padding-top: 1.5rem;
  }

  body[data-page="about"] .about-stat:nth-child(5) {
    min-height: 12.625rem;
  }

  body[data-page="about"] .about-stat strong {
    order: 1;
    font-size: 2.8125rem;
    line-height: 0.9;
    letter-spacing: -0.09rem;
  }

  body[data-page="about"] .about-stat span {
    order: 2;
    margin-top: 0.9375rem;
    font-size: 1.625rem;
    line-height: 1.2;
    letter-spacing: -0.04875rem;
  }

  body[data-page="about"] .about-stat p {
    order: 3;
    margin-top: 1.5625rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  body[data-page="about"] .page-section--about-history {
    padding-top: 0;
    padding-bottom: 3.75rem;
  }

  body[data-page="about"] .about-history {
    position: relative;
    min-height: 55.375rem;
    display: block;
  }

  body[data-page="about"] .about-history__top {
    display: block;
  }

  body[data-page="about"] .about-history__title {
    width: 100%;
    margin-top: 1.5625rem;
    font-size: 1.875rem;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body[data-page="about"] .about-history__divider {
    display: block;
    height: 0.375rem;
    margin-top: 1.875rem;
  }

  body[data-page="about"] .about-history__track {
    display: block;
    padding-top: 0;
    margin-top: 1.875rem;
  }

  body[data-page="about"] .about-history__track::before,
  body[data-page="about"] .about-history__item:not(.about-history__item--2016) {
    display: none;
  }

  body[data-page="about"] .about-history__item--2016 {
    display: grid;
    grid-template-areas:
      "year"
      "rail"
      "label"
      "summary"
      "image";
    grid-template-rows: auto 0.875rem auto auto 22.5rem;
    gap: 0;
    padding: 0;
    border: 0;
  }

  body[data-page="about"] .about-history__item--2016 strong {
    grid-area: year;
    font-size: 3.75rem;
    line-height: 0.9;
    letter-spacing: -0.225rem;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016::before {
    content: "";
    grid-area: rail;
    height: 0.875rem;
    margin-top: 1.875rem;
    background: url("/static/images/figma/about-history-rail.svg") left center / auto 100% repeat-x;
  }

  body[data-page="about"] .about-history__item--2016 span {
    grid-area: label;
    margin-top: 1.875rem;
    font-size: 1.625rem;
    line-height: 1.2;
    letter-spacing: -0.04875rem;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016 .about-history__summary {
    grid-area: summary;
    margin-top: 1.25rem;
    font-size: 1rem;
    line-height: normal;
    text-align: left;
  }

  body[data-page="about"] .about-history__item--2016::after {
    content: "";
    grid-area: image;
    margin-top: 2.375rem;
    border-radius: 0.625rem;
    background: url("/static/images/figma/about-history-mobile-2016.png") center / cover no-repeat;
  }

  body[data-page="about"] .about-history__stem,
  body[data-page="about"] .about-history__marker {
    display: none;
  }

}

/* Shared Process final height lock: Figma desktop node 1:1196, mobile node 1:6508. */
@media (min-width: 64.001rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process {
    --process-desktop-scale: var(--desktop-viewport-scale);
    --process-stage-scale: var(--process-desktop-scale);
    --process-panel-height: calc(35.875rem * var(--process-desktop-scale));
    --process-desktop-panel-ratio: 1213 / 574;
    padding-block: 0;
  }

  body[data-page="home"] .page-section.page-section--home-process,
  body[data-page="about"] .page-section.page-section--home-process {
    padding-block: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    --process-desktop-content-left: 2.473207%;
    --process-desktop-copy-top: 104;
    --process-desktop-lead-top: 207;
    --process-desktop-contacts-top: 270;
    --process-desktop-action-top: 494;
    --process-desktop-copy-width: 40.808%;
    --process-desktop-action-width: 29.678%;
    --process-desktop-action-height: 10.453%;
    --process-desktop-media-top: -5.4006968641%;
    --process-desktop-media-left: 53.7891268534%;
    --process-desktop-media-width: 68.2866556837%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process > .container.page-template {
    position: relative;
    display: block;
    height: calc(50.0625rem * var(--process-desktop-scale));
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading {
    position: absolute;
    inset: 0 0 auto;
    height: calc(10.8125rem * var(--process-desktop-scale));
    gap: 0;
    padding-bottom: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__content {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(72rem * var(--process-desktop-scale));
    max-width: calc(72rem * var(--process-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__title {
    width: calc(72rem * var(--process-desktop-scale));
    max-width: calc(72rem * var(--process-desktop-scale));
    font-size: calc(3.875rem * var(--process-desktop-scale));
    line-height: calc(3.3125rem * var(--process-desktop-scale));
    letter-spacing: calc(-0.0775rem * var(--process-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-tag {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(10.0625rem * var(--process-desktop-scale));
    white-space: nowrap;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    position: absolute;
    top: calc(14.1875rem * var(--process-desktop-scale));
    left: 0;
    width: calc(116.25rem * var(--process-desktop-scale));
    height: var(--process-panel-height);
    grid-template-columns: calc(39.125rem * var(--process-desktop-scale)) calc(75.8125rem * var(--process-desktop-scale));
    gap: calc(1.3125rem * var(--process-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    height: var(--process-panel-height);
    aspect-ratio: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__title {
    width: calc(32.875rem * var(--process-desktop-scale));
    max-width: calc(32.875rem * var(--process-desktop-scale));
    line-height: calc(2.6875rem * var(--process-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__copy {
    width: calc(30.9375rem * var(--process-desktop-scale));
    max-width: calc(30.9375rem * var(--process-desktop-scale));
    line-height: calc(1.4166666667rem * var(--process-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__lead {
    width: calc(24.5625rem * var(--process-desktop-scale));
    max-width: calc(24.5625rem * var(--process-desktop-scale));
    line-height: calc(1.15625rem * var(--process-desktop-scale));
  }
}

@media (max-width: 64rem) and (min-width: 48rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    gap: 1.5rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process {
    padding-block: 0;
    overflow: hidden;
  }

  body[data-page="home"] .page-section.page-section--home-process,
  body[data-page="about"] .page-section.page-section--home-process {
    padding-block: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    --process-mobile-card-ratio: auto;
    --process-mobile-media-top: 0px;
    --process-mobile-media-left: calc(100% - 160px);
    --process-mobile-media-width: 160px;
    --process-mobile-media-height: 215px;
    --process-mobile-action-top: 315;
    --process-mobile-action-height: 13.1579%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    object-fit: contain;
    object-position: left top;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process > .container.page-template {
    position: relative;
    display: block;
    width: var(--container-mobile);
    height: 46.3125rem;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 22.5rem;
    height: 11.1875rem;
    padding-bottom: 0;
    border-bottom-color: #cbd2d9;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::before,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading::after {
    top: 10.8125rem;
    bottom: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__content {
    position: absolute;
    top: 3.875rem;
    left: 0;
    width: 22.5625rem;
    max-width: 22.5625rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__title {
    width: 22.5625rem;
    max-width: 22.5625rem;
    height: 5.0625rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.625rem;
    min-width: 0;
    white-space: nowrap;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    position: absolute;
    top: 12.9375rem;
    left: 0;
    display: block;
    width: 26.25rem;
    height: 33.375rem;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 26.25rem;
    max-width: 26.25rem;
    height: 2.875rem;
    margin: 0;
    padding-bottom: 0;
    gap: 0.625rem;
    overflow-x: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-step {
    height: 2.875rem;
    min-height: 2.875rem;
    padding: 0 1.25rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    position: absolute;
    top: 4.0625rem;
    left: 0;
    display: block;
    width: 22.5rem;
    height: 29.3125rem;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    width: 22.5rem;
    height: 23.75rem;
    aspect-ratio: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    position: absolute;
    top: 25.9375rem;
    left: 7.28125rem;
    width: 7.9375rem;
    height: 3.375rem;
    gap: 1.125rem;
  }

body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-nav-button {
    width: 3.375rem;
    height: 3.375rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process > .container.page-template {
    display: block;
    height: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading {
    position: relative;
    top: auto;
    left: auto;
    width: min(22.5rem, 100%);
    height: 11.1875rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 1.75rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu {
    position: static;
    width: calc(100% + 0.9375rem);
    max-width: calc(100% + 0.9375rem);
    height: 2.875rem;
    margin: 0 -0.9375rem 1.1875rem 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    position: relative;
    top: auto;
    left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(22.5rem, 100%);
    max-width: 100%;
    height: auto;
    gap: 2.1875rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    width: 100%;
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--process-mobile-card-ratio);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media {
    overflow: hidden;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    object-fit: cover;
    object-position: center center;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"] .process-panel__media-image,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .process-panel__media-image {
    object-fit: contain;
    object-position: left top;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    width: auto;
    height: 3.375rem;
  }
}

/* Shared Certificates final geometry lock: Figma desktop node 1:1244, mobile node 1:6491. */
@media (min-width: 64.001rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) {
    --certificates-desktop-scale: var(--desktop-viewport-scale);
    padding-top: calc(10rem * var(--certificates-desktop-scale));
    padding-bottom: calc(10rem * var(--certificates-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) > .container.page-template {
    position: relative;
    display: block;
    height: calc(57.1875rem * var(--certificates-desktop-scale));
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(116.25rem * var(--certificates-desktop-scale));
    height: calc(10.5625rem * var(--certificates-desktop-scale));
    padding: 0;
    border: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::before,
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::after {
    content: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__content {
    position: static;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__title {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(42rem * var(--certificates-desktop-scale));
    max-width: calc(42rem * var(--certificates-desktop-scale));
    height: calc(10.5625rem * var(--certificates-desktop-scale));
    font-size: calc(3.875rem * var(--certificates-desktop-scale));
    font-weight: 400;
    line-height: 1.02;
    letter-spacing: calc(-0.0775rem * var(--certificates-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__copy {
    position: absolute;
    top: 0;
    left: calc(44.0625rem * var(--certificates-desktop-scale));
    width: calc(28.125rem * var(--certificates-desktop-scale));
    max-width: calc(28.125rem * var(--certificates-desktop-scale));
    margin: 0;
    color: #e9e6e6;
    font-size: calc(1.125rem * var(--certificates-desktop-scale));
    font-weight: 500;
    line-height: 1.1666667;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-tag {
    position: absolute;
    top: calc(0.0625rem * var(--certificates-desktop-scale));
    right: 0;
    width: calc(10.0625rem * var(--certificates-desktop-scale));
    min-width: 0;
    height: calc(3.125rem * var(--certificates-desktop-scale));
    min-height: 0;
    box-sizing: border-box;
    padding: calc(0.6875rem * var(--certificates-desktop-scale)) calc(1.75rem * var(--certificates-desktop-scale));
    font-size: calc(1rem * var(--certificates-desktop-scale));
    letter-spacing: calc(-0.04rem * var(--certificates-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] {
    position: absolute;
    top: calc(18.5625rem * var(--certificates-desktop-scale));
    left: 0;
    display: grid;
    grid-template-columns: repeat(4, calc(28.125rem * var(--certificates-desktop-scale)));
    gap: calc(1.25rem * var(--certificates-desktop-scale));
    width: calc(116.25rem * var(--certificates-desktop-scale));
    max-width: calc(116.25rem * var(--certificates-desktop-scale));
    height: calc(38.5625rem * var(--certificates-desktop-scale));
    overflow: visible;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card {
    position: relative;
    width: calc(28.125rem * var(--certificates-desktop-scale));
    min-width: calc(28.125rem * var(--certificates-desktop-scale));
    height: calc(38.5625rem * var(--certificates-desktop-scale));
    min-height: calc(38.5625rem * var(--certificates-desktop-scale));
    border: 1px solid #c4c4c4;
    border-radius: calc(0.9375rem * var(--certificates-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card:first-child {
    border-width: calc(0.125rem * var(--certificates-desktop-scale));
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media,
  body:is([data-page="home"], [data-page="about"]) .certificate-card__media img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption {
    display: block;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain {
    position: absolute;
    inset: 0;
    display: block;
    height: 100%;
    padding: 0;
    background: #ffffff;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain img {
    position: absolute;
    top: calc(9.75rem * var(--certificates-desktop-scale));
    left: calc(4.6875rem * var(--certificates-desktop-scale));
    width: calc(18.75rem * var(--certificates-desktop-scale));
    height: calc(14.5625rem * var(--certificates-desktop-scale));
    border-radius: 0;
    object-fit: contain;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__title {
    position: absolute;
    top: calc(25.6875rem * var(--certificates-desktop-scale));
    left: calc(5.5rem * var(--certificates-desktop-scale));
    display: block;
    width: calc(17.125rem * var(--certificates-desktop-scale));
    height: calc(3rem * var(--certificates-desktop-scale));
    margin: 0;
    padding: 0;
    overflow: visible;
    clip: auto;
    color: #003e65;
    font-family: var(--font-heading);
    font-size: calc(1.875rem * var(--certificates-desktop-scale));
    font-weight: 400;
    line-height: 0.89;
    letter-spacing: calc(-0.0375rem * var(--certificates-desktop-scale));
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) {
    padding-top: 6.25rem;
    padding-bottom: 6.25rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) > .container.page-template {
    position: relative;
    display: block;
    width: var(--container-mobile);
    height: 55.1875rem;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 22.5rem;
    height: 17.875rem;
    padding: 0;
    border: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: #cbd2d9;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.1875rem;
    width: 0.375rem;
    height: 0.375rem;
    background: var(--color-accent);
    box-shadow: 22.125rem 0 0 var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__content {
    position: static;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    gap: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__title {
    position: absolute;
    top: 3.875rem;
    left: 0;
    width: 22.5rem;
    max-width: 22.5rem;
    height: 5.0625rem;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.075rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__copy {
    position: absolute;
    top: 10.5rem;
    left: 0;
    width: 22.5rem;
    max-width: 22.5rem;
    margin: 0;
    color: #e6e1e1;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.1458333;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 7.375rem;
    min-width: 0;
    height: 2.3125rem;
    min-height: 0;
    box-sizing: border-box;
    padding: 0.875rem 1.25rem;
    font-size: 0.75rem;
    letter-spacing: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] {
    position: absolute;
    top: 19.75rem;
    left: 0;
    display: flex;
    width: 22.5rem;
    max-width: 22.5rem;
    height: 29.875rem;
    gap: 0;
    overflow: hidden;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] .certificate-card {
    position: relative;
    flex: 0 0 22.5rem;
    width: 22.5rem;
    min-width: 22.5rem;
    height: 29.875rem;
    min-height: 29.875rem;
    border: 0;
    border-radius: 0.9375rem;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__media,
  body:is([data-page="home"], [data-page="about"]) .certificate-card__media img {
    width: 100%;
    height: 100%;
    border-radius: inherit;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain {
    position: absolute;
    inset: 0;
    display: block;
    height: 100%;
    padding: 0;
    background: #ffffff;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption .certificate-card__media--contain img {
    position: absolute;
    top: 9.75rem;
    left: 3.75rem;
    width: 15rem;
    height: 11.65rem;
    border-radius: 0;
    object-fit: contain;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-card__title {
    display: none;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls {
    position: absolute;
    top: 51.8125rem;
    left: 7.25rem;
    display: flex;
    width: 8rem;
    height: 3.375rem;
    margin: 0;
    gap: 1.25rem;
    justify-content: flex-start;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls__button {
    width: 3.375rem;
    height: 3.375rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile {
    position: relative;
    min-height: 25rem;
    height: 25rem;
    margin-top: 0.625rem;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.5rem;
    padding: 1.875rem 1.375rem;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-title {
    width: 19rem;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-copy {
    width: 19.75rem;
    max-width: 100%;
    min-height: 0;
    margin-top: 1.125rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-legal {
    position: absolute;
    top: 16.125rem;
    left: 0;
    display: grid;
    width: 100%;
    height: 8.875rem;
    margin: 0;
    padding: 1.875rem 1.375rem;
    gap: 1.125rem;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
    font-size: 1rem;
    line-height: normal;
  }

  body:is([data-page="home"], [data-page="catalog"], [data-page="about"], [data-page="promotions"], [data-page="cart"], [data-page="checkout"], [data-page="delivery"], [data-page="payment"]) .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__title {
    width: calc(100% - 8.3125rem);
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .product-rail--catalog .product-card__actions {
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body:is([data-page="catalog"], [data-page="promotions"]) .mini-product-row--catalog .mini-product-card {
    width: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__content,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .section-heading__title,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card,
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading,
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__title,
  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading__copy,
  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track],
  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] .certificate-card {
    width: 100%;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] .certificate-card {
    flex: 0 0 100%;
    min-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) .section-heading::before {
    box-shadow: calc(100% - 0.375rem) 0 0 var(--color-accent);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    width: 100%;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-menu {
    width: 100%;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    width: 100%;
    max-width: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel .button-light {
    left: 50%;
    width: min(20.625rem, calc(100% - 1.875rem));
    transform: translateX(-50%);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    left: 50%;
    transform: translateX(-50%);
  }

  body[data-page="promotions"] .catalog-hero__title {
    width: 100%;
    max-width: 100%;
  }

  body[data-page="promotions"] .service-shell--promotions .product-row__title {
    width: calc(100% + 0.125rem);
    max-width: none;
  }
}

@media (min-width: 64rem) {
  body:is([data-page="news"], [data-page="news-article"]) #contact-request .contact-block {
    min-height: 54.625rem;
    height: 54.625rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__map img {
    min-height: 51.293125rem;
    height: 51.293125rem;
  }
}

@media (max-width: 80rem) and (min-width: 48rem) {
  body[data-page="news"] .news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
  }

  body[data-page="news"] .news-grid article:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="news"], [data-page="news-article"]) .page-main {
    padding-top: 4.75rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .page-section--compact {
    padding-top: 0;
    padding-bottom: 1.875rem;
  }

  body[data-page="news"] .page-hero {
    gap: 0;
  }

  body[data-page="news"] .page-hero__heading {
    display: grid;
    gap: 2.5rem;
    margin-top: 2.1875rem;
  }

  body[data-page="news"] .page-title {
    width: 9.625rem;
    max-width: 9.625rem;
    height: 1.75rem;
    overflow: visible;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.75rem;
    letter-spacing: -0.05rem;
  }

  body[data-page="news"] .page-copy {
    width: 22.1875rem;
    max-width: 22.1875rem;
    height: 3.1875rem;
    overflow: visible;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 0.85;
    letter-spacing: -0.075rem;
  }

  body[data-page="news"] .section-divider--news {
    display: block;
    margin-top: 2rem;
    margin-bottom: 0;
  }

  body[data-page="news"] .page-section--news-feed {
    padding-top: 0;
  }

  body[data-page="news"] .news-grid,
  body[data-page="news-article"] .page-section--news-related .news-grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }

  body[data-page="news"] .news-grid article:nth-child(n),
  body[data-page="news-article"] .page-section--news-related .news-grid .news-card:nth-child(n) {
    grid-column: auto;
    grid-row: auto;
  }

  body[data-page="news"] .news-card,
  body[data-page="news-article"] .page-section--news-related .news-card {
    grid-template-rows: 16.9375rem 1fr;
    min-height: 35.25rem;
  }

  body[data-page="news"] .news-card__media,
  body[data-page="news-article"] .page-section--news-related .news-card__media {
    height: 16.9375rem;
    aspect-ratio: auto;
  }

  body[data-page="news"] .news-card__date,
  body[data-page="news-article"] .page-section--news-related .news-card__date {
    font-size: 1.125rem;
    line-height: 1;
  }

  body[data-page="news"] .news-card__title,
  body[data-page="news-article"] .page-section--news-related .news-card__title {
    font-size: 1.375rem;
    letter-spacing: -0.04125rem;
  }

  body[data-page="news"] .news-card__copy,
  body[data-page="news-article"] .page-section--news-related .news-card__copy {
    font-size: 1rem;
  }

  body[data-page="news"] .news-card__body,
  body[data-page="news-article"] .page-section--news-related .news-card__body {
    gap: 0.75rem;
    padding: 1rem;
  }

  body[data-page="news"] .button--news-more {
    width: 100%;
    min-height: 3.125rem;
    font-size: 1rem;
  }

  body[data-page="news"] .page-section--news-feed .section-actions {
    margin-top: -0.625rem;
  }

  body[data-page="news"] .page-section--news-contact {
    margin-top: 2.75rem;
    padding-top: 1.5rem;
    padding-bottom: 1.25rem;
  }

  body[data-page="news-article"] .page-section--news-contact {
    margin-top: 0.5075rem;
    padding-top: 3.25rem;
    padding-bottom: 1.25rem;
  }

  body[data-page="news-article"] .page-hero {
    gap: 0;
  }

  body[data-page="news-article"] .page-hero__heading {
    grid-template-columns: minmax(0, 10.625rem) auto;
    column-gap: 1.4375rem;
    row-gap: 0;
    margin-top: 6.5rem;
    align-items: start;
  }

  body[data-page="news-article"] .page-title {
    width: 10.625rem;
    max-width: 10.625rem;
    height: 5.04625rem;
    overflow: visible;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.68125rem;
    letter-spacing: -0.075rem;
  }

  body[data-page="news-article"] .meta-row {
    align-self: start;
    justify-self: end;
    height: 1.0625rem;
    display: flex;
    align-items: flex-start;
    font-size: 1.5rem;
    line-height: 1;
  }

  body[data-page="news-article"] .page-section--article-hero-image {
    padding-top: 0;
    padding-bottom: 1.71875rem;
  }

  body[data-page="news-article"] .article-hero-figure {
    height: 24.0625rem;
  }

  body[data-page="news-article"] .page-section--article-body {
    padding-top: 0;
    padding-bottom: 6.5rem;
  }

  body[data-page="news-article"] .article-body {
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
    font-weight: 400;
  }

  body[data-page="news-article"] .article-body > * + * {
    margin-top: 0;
  }

  body[data-page="news-article"] .article-body h2,
  body[data-page="news-article"] .article-body blockquote {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
  }

  body[data-page="news-article"] .page-section--news-related {
    padding-top: 0;
  }

  body[data-page="news-article"] .page-section--news-related .section-heading {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  body[data-page="news-article"] .page-section--news-related .section-heading__content {
    max-width: 100%;
  }

  body[data-page="news-article"] .page-section--news-related .section-tag {
    width: 5rem;
    min-width: 5rem;
    height: 2.3125rem;
    margin-top: 0;
    justify-self: start;
  }

  body[data-page="news-article"] .page-section--news-related .section-heading__title {
    width: 100%;
    max-width: 100%;
    height: 1.308125rem;
    margin-top: 1.0975rem;
    overflow: visible;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.0465;
    letter-spacing: -0.075rem;
  }

  body[data-page="news-article"] .section-divider--news-article {
    margin-top: 2.16125rem;
    margin-bottom: 1.875rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer {
    padding-bottom: 0;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__map img {
    min-height: 22.5rem;
    height: 22.5rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer > .container {
    width: var(--container-mobile);
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__panel {
    margin-top: 0.625rem;
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    min-height: 79.6875rem;
    height: 79.6875rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__nav--desktop,
  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--desktop {
    display: none;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack,
  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile {
    display: grid;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack {
    position: relative;
    display: block;
    height: 53.3125rem;
    min-height: 53.3125rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0.9375rem;
    background: #1d1d1d;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack::before,
  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack::after {
    content: "";
    position: absolute;
    left: 1.375rem;
    width: 19.75rem;
    border-top: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack::before {
    top: 15.3125rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-stack::after {
    top: 44.1875rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-card,
  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile {
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-card {
    border: 0;
    background: transparent;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-card--nav {
    position: absolute;
    top: 1.875rem;
    left: 1.375rem;
    width: 19.75rem;
    min-height: 0;
    padding: 0;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-card--products {
    position: absolute;
    top: 17.1875rem;
    left: 1.375rem;
    width: 19.75rem;
    min-height: 0;
    padding: 0;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__card-title,
  body:is([data-page="news"], [data-page="news-article"]) .footer__nav-title,
  body:is([data-page="news"], [data-page="news-article"]) .footer__social-title {
    font-family: var(--font-heading);
    font-size: 1.375rem;
    line-height: normal;
    font-weight: 400;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-list {
    display: grid;
    gap: 1.25rem;
    margin-top: 1.5625rem;
    color: #878787;
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-list--products {
    gap: 1.5625rem;
    line-height: 1.1;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-social {
    position: absolute;
    top: 28.875rem;
    left: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__mobile-social .social-links {
    margin-top: 1.5625rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile {
    position: relative;
    min-height: 25rem;
    height: 25rem;
    margin-top: 0.625rem;
    padding: 0;
    gap: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile .footer__meta-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.5rem;
    padding: 1.875rem 1.375rem;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile .footer__meta-title {
    width: 19rem;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile .footer__meta-copy {
    width: 19.75rem;
    max-width: 100%;
    min-height: 0;
    margin-top: 1.125rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile .footer__meta-legal {
    position: absolute;
    top: 16.125rem;
    left: 0;
    display: grid;
    width: 100%;
    height: 8.875rem;
    margin: 0;
    padding: 1.875rem 1.375rem;
    gap: 1.125rem;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
    font-size: 1rem;
    line-height: normal;
  }

  body:is([data-page="news"], [data-page="news-article"]) .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    min-height: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media {
    overflow: hidden;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    width: 100%;
    height: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) {
    height: auto;
    min-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 6.25rem;
    margin-bottom: 6.25rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section:has(.certificate-grid) > .container.page-template {
    height: auto;
    min-height: 0;
  }

  body:is([data-page="home"], [data-page="about"]) .certificate-slider-controls {
    left: calc((100% - 8rem) / 2);
  }

  body:not([data-page="home"]) .footer__mobile-stack::before,
  body:not([data-page="home"]) .footer__mobile-stack::after,
  body:not([data-page="home"]) .footer__mobile-card--nav,
  body:not([data-page="home"]) .footer__mobile-card--products {
    width: calc(100% - 2.75rem);
  }

  body:not([data-page="home"]) .footer {
    padding-bottom: 0;
  }

  body:not([data-page="home"]) .footer > .container {
    width: var(--container-mobile);
  }

  body:not([data-page="home"]) .footer__map img {
    min-height: 22.5rem;
    height: 22.5rem;
  }

  body:not([data-page="home"]) .footer__panel {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    height: auto;
    min-height: 0;
    margin-top: 0.625rem;
  }

  body:not([data-page="home"]) .footer__nav--desktop,
  body:not([data-page="home"]) .footer__meta--desktop {
    display: none;
  }

  body:not([data-page="home"]) .footer__card {
    position: relative;
    display: block;
    height: 25.75rem;
    min-height: 25.75rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:not([data-page="home"]) .footer .footer-brand {
    position: absolute;
    top: 1.25rem;
    left: 1.25rem;
    width: 7.75rem;
    height: 2.4375rem;
  }

  body:not([data-page="home"]) .footer__contact-list {
    display: contents;
  }

  body:not([data-page="home"]) .footer__contact-row {
    position: absolute;
    left: 1.25rem;
    width: min(19.75rem, calc(100% - 2.5rem));
    padding: 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body:not([data-page="home"]) .footer__contact-row:nth-child(1) {
    top: 5.5625rem;
    height: 4.125rem;
  }

  body:not([data-page="home"]) .footer__contact-row:nth-child(2) {
    top: 11.5625rem;
    height: 6.5rem;
  }

  body:not([data-page="home"]) .footer__contact-row:nth-child(3) {
    top: 19.9375rem;
    height: 3.9375rem;
    border-bottom: 0;
  }

  body:not([data-page="home"]) .footer__contact-row > div:not(.footer__card-title):not(.stack-sm) {
    margin-top: 0.75rem;
    color: #878787;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
  }

  body:not([data-page="home"]) .footer__contact-row .stack-sm {
    gap: 0.9375rem;
  }

  body:not([data-page="home"]) .footer .icon-text-link {
    gap: 0.9375rem;
    font-family: var(--font-heading);
    font-size: 1.125rem;
    line-height: 1.07;
  }

  body:not([data-page="home"]) .footer__mobile-stack,
  body:not([data-page="home"]) .footer__meta--mobile {
    display: grid;
  }

  body:not([data-page="home"]) .footer__mobile-stack {
    position: relative;
    display: block;
    height: 53.3125rem;
    min-height: 53.3125rem;
    padding: 0;
    overflow: hidden;
    border-radius: 0.9375rem;
    background: #1d1d1d;
  }

  body:not([data-page="home"]) .footer__mobile-stack::before,
  body:not([data-page="home"]) .footer__mobile-stack::after {
    content: "";
    position: absolute;
    left: 1.375rem;
    width: min(19.75rem, calc(100% - 2.75rem));
    border-top: 1px dashed rgba(255, 255, 255, 0.22);
  }

  body:not([data-page="home"]) .footer__mobile-stack::before {
    top: 15.3125rem;
  }

  body:not([data-page="home"]) .footer__mobile-stack::after {
    top: 44.1875rem;
  }

  body:not([data-page="home"]) .footer__mobile-card,
  body:not([data-page="home"]) .footer__meta--mobile {
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:not([data-page="home"]) .footer__mobile-card {
    border: 0;
    background: transparent;
  }

  body:not([data-page="home"]) .footer__mobile-card--nav {
    position: absolute;
    top: 1.875rem;
    left: 1.375rem;
    width: min(19.75rem, calc(100% - 2.75rem));
    min-height: 0;
    padding: 0;
  }

  body:not([data-page="home"]) .footer__mobile-card--products {
    position: absolute;
    top: 17.1875rem;
    left: 1.375rem;
    width: min(19.75rem, calc(100% - 2.75rem));
    min-height: 0;
    padding: 0;
  }

  body:not([data-page="home"]) .footer__card-title,
  body:not([data-page="home"]) .footer__nav-title,
  body:not([data-page="home"]) .footer__social-title {
    font-family: var(--font-heading);
    font-size: 1.375rem;
    font-weight: 400;
    line-height: normal;
  }

  body:not([data-page="home"]) .footer__mobile-list {
    display: grid;
    gap: 1.25rem;
    margin-top: 1.5625rem;
    color: #878787;
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
  }

  body:not([data-page="home"]) .footer__mobile-list--products {
    gap: 1.5625rem;
    line-height: 1.1;
  }

  body:not([data-page="home"]) .footer__mobile-social {
    position: absolute;
    top: 28.875rem;
    left: 0;
    margin: 0;
    padding: 0;
    border-top: 0;
  }

  body:not([data-page="home"]) .footer__mobile-social .social-links {
    margin-top: 1.5625rem;
  }

  body:not([data-page="home"]) .footer__meta--mobile {
    position: relative;
    height: 25rem;
    min-height: 25rem;
    margin-top: 0.625rem;
    padding: 0;
    gap: 0;
    border: 0;
    background: transparent;
  }

  body:not([data-page="home"]) .footer__meta--mobile .footer__meta-top {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.5rem;
    padding: 1.875rem 1.375rem;
    border-radius: 0.625rem;
    background: #1d1d1d;
  }

  body:not([data-page="home"]) .footer__meta--mobile .footer__meta-title {
    width: min(19rem, 100%);
    max-width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 1rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
  }

  body:not([data-page="home"]) .footer__meta--mobile .footer__meta-copy {
    width: min(19.75rem, 100%);
    max-width: 100%;
    min-height: 0;
    margin-top: 1.125rem;
    padding: 0;
    border: 0;
    background: transparent;
    font-size: 0.875rem;
    line-height: 1.125rem;
  }

  body:not([data-page="home"]) .footer__meta--mobile .footer__meta-legal {
    position: absolute;
    top: 16.125rem;
    left: 0;
    display: grid;
    width: 100%;
    height: 8.875rem;
    margin: 0;
    padding: 1.875rem 1.375rem;
    gap: 1.125rem;
    border: 0;
    border-radius: 0.625rem;
    background: #1d1d1d;
    font-size: 1rem;
    line-height: normal;
  }

  body:not([data-page="home"]) .footer__meta--mobile .footer__meta-legal > :nth-child(2) {
    font-size: 0.875rem;
  }
}

body[data-page="account"] .account-shell__nav-link.account-shell__nav-link--muted {
  min-height: 3.75rem;
  height: 3.75rem;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 0.3125rem;
  background: #b4b4b4;
  color: #fff;
  font-family: var(--font-ui);
  font-size: 1.125rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0;
  text-transform: none;
}

@media (max-width: 64rem) {
  body[data-page="cart"] .checkout-shell__aside {
    position: static;
    top: auto;
  }

  .overlay[data-overlay="city-selector"] {
    z-index: 91;
  }

  .overlay[data-overlay="city-selector"] .overlay__backdrop {
    top: 2.25rem;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(0.625rem);
  }

  .city-selector {
    top: 10.875rem;
    right: 0;
    left: auto;
    width: 24.375rem;
    max-width: 100vw;
    height: 41.875rem;
    padding: 0.9375rem;
    border-radius: 0.9375rem 0.9375rem 0 0;
    transform: none;
  }

  .city-selector .search-row {
    width: 22.5rem;
    max-width: 100%;
    height: 3.75rem;
    min-height: 3.75rem;
    padding: 1.25rem 0.625rem;
    gap: 0.75rem;
  }

  .city-selector__list {
    width: 22.5rem;
    max-width: 100%;
    height: 33.125rem;
    max-height: 33.125rem;
    margin-top: 1.25rem;
  }

  .city-selector__button {
    min-height: 3.3125rem;
    padding: 0.625rem 1.25rem;
  }
}

@media (max-width: 47.999rem) {
  .overlay__panel--filters {
    top: 0;
    right: 0;
    width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    border-radius: 0;
    overflow: hidden;
  }

  .filter-sidebar {
    display: grid;
    grid-template-rows: 4.375rem minmax(0, 1fr) 9.4375rem;
    height: 100%;
    min-height: 0;
    border-radius: 0;
  }

  .filter-sidebar__header {
    height: 4.375rem;
    min-height: 4.375rem;
    padding: 1.25rem;
  }

  .filter-sidebar__body {
    position: static;
    width: auto;
    height: auto;
    min-height: 0;
    max-height: none;
    margin: 1.875rem 0.9375rem 0;
    padding: 0 0 1.875rem;
    gap: 1.5625rem;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
  }

  .filter-sidebar__group {
    gap: 1.875rem;
    padding-top: 1.5625rem;
  }

  .filter-sidebar__group:first-child {
    padding-top: 0;
  }

  .filter-sidebar__choices {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.0625rem;
  }

  .filter-choice {
    grid-template-columns: 1.5625rem auto;
    gap: 0.625rem;
    min-height: 1.5625rem;
    font-size: 1.125rem;
  }

  .filter-choice__control {
    width: 1.5625rem;
    height: 1.5625rem;
    border-radius: 0.1875rem;
  }

  .filter-sidebar__footer {
    position: relative;
    grid-template-columns: 1fr;
    gap: 0.625rem;
    height: 9.4375rem;
    min-height: 9.4375rem;
    padding: 1.5625rem 0.9375rem 1.25rem;
    border-radius: 0.625rem 0.625rem 0 0;
  }

  .filter-sidebar__action {
    width: 100%;
    min-height: 3rem;
  }

  .city-selector {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
  }
}

@media (max-width: 47.999rem) {
  body[data-page="checkout-success"] .checkout-success {
    place-items: start center;
    padding: 0;
  }

  body[data-page="checkout-success"] .checkout-success__card {
    width: calc(100vw - 1.875rem);
    min-height: 30.625rem;
    height: 30.625rem;
    margin-top: 11.0625rem;
    gap: 0;
    padding: 1.8125rem 0.9375rem 0.9375rem;
  }

  body[data-page="checkout-success"] .checkout-success__close {
    top: 0.875rem;
    right: 0.875rem;
    font-size: 1.875rem;
  }

  body[data-page="checkout-success"] .checkout-success__icon {
    width: 5rem;
    height: 5rem;
  }

  body[data-page="checkout-success"] .checkout-success__title {
    width: 16.875rem;
    margin-top: 0.875rem;
    font-size: 1.4375rem;
    line-height: 1.2;
    letter-spacing: -0.02875rem;
  }

  body[data-page="checkout-success"] .checkout-success__number {
    width: 20.625rem;
    margin-top: 0.625rem;
    padding-bottom: 0.85rem;
    font-size: 1rem;
    line-height: 1.4;
  }

  body[data-page="checkout-success"] .checkout-success__copy {
    width: 20.625rem;
    margin-top: 1.5625rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25;
  }

  body[data-page="checkout-success"] .checkout-success__actions {
    width: 20.625rem;
    gap: 0.3125rem;
    margin-top: 2.5rem;
  }

  body[data-page="checkout-success"] .checkout-success__actions .button,
  body[data-page="checkout-success"] .checkout-success__actions .button-outline {
    min-height: 3.125rem;
    height: 3.125rem;
    font-size: 1rem;
  }

  body[data-page="account"] .order-product-list {
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    gap: 0.9375rem;
  }

  body[data-page="account"] .order-product-row {
    width: 100%;
    max-width: 100%;
    min-height: 12.1875rem;
    grid-template-columns: 7.5rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 0.8125rem;
    row-gap: 0.9375rem;
    align-items: start;
    padding: 0 0 0.9375rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.55);
    background: transparent;
  }

  body[data-page="account"] .order-product-row__media {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 0.3125rem;
  }

  body[data-page="account"] .order-product-row__info {
    min-width: 0;
    gap: 3.4375rem;
  }

  body[data-page="account"] .order-product-row__name {
    font-size: 1rem;
    line-height: 1.3;
    letter-spacing: -0.05rem;
  }

  body[data-page="account"] .order-product-row__price {
    color: #e9e6e6;
    font-family: var(--font-heading);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    letter-spacing: -0.05rem;
  }

  body[data-page="account"] .order-product-row .spec-list {
    display: none;
  }

  body[data-page="account"] .order-product-row__actions {
    grid-column: 1 / -1;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.625rem;
  }

  body[data-page="account"] .order-product-row__actions .button,
  body[data-page="account"] .order-product-row__actions .button-outline {
    min-height: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
    line-height: 1.3;
  }
}

/* Previous orders final scoped alignment */
@media (min-width: 48rem) {
  body[data-account-state="previous-orders"] .previous-orders-divider {
    transform: translateY(-3.5625rem);
  }

  body[data-account-state="previous-orders"] .page-section--flush-top {
    margin-top: -1.3125rem;
  }

  body[data-page="account"][data-account-state="previous-orders"] .page-main > .page-section.page-section--flush-top > .container {
    width: min(116.25rem, calc(100vw - 3.75rem));
    max-width: none;
    margin-left: 1.875rem;
    margin-right: 0;
  }

  body[data-account-state="previous-orders"] .account-shell {
    width: 100%;
  }
}

@media (max-width: 47.999rem) {
  body[data-account-state="previous-orders"] .previous-orders-divider {
    margin-left: 0.9375rem;
    margin-right: 0;
    transform: translateY(0.15rem);
  }

  body[data-page="account"][data-account-state="previous-orders"] .page-main > .page-section.page-section--flush-top {
    padding-top: 0.525rem;
  }

  body[data-page="account"][data-account-state="previous-orders"] .page-main > .page-section.page-section--flush-top > .container {
    width: var(--previous-orders-mobile-width, min(22.5rem, calc(100vw - 1.875rem)));
    max-width: none;
    margin-left: 0.9375rem;
    margin-right: 0;
  }

  body[data-account-state="previous-orders"] .account-shell {
    gap: 2.375rem;
  }

  body[data-account-state="previous-orders"] .account-shell__nav {
    gap: 0.9375rem;
  }

  body[data-account-state="previous-orders"] .account-shell__nav-link {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 1.5rem;
    align-items: center;
    height: 3.3125rem;
    min-height: 3.3125rem;
    padding: 0.5rem 0.9375rem;
    gap: 0.75rem;
  }

  body[data-account-state="previous-orders"] .account-shell__nav-link > div {
    grid-column: 1;
    grid-row: 1;
    min-width: 0;
    gap: 0;
  }

  body[data-account-state="previous-orders"] .account-shell__nav-icon {
    grid-column: 2;
    grid-row: 1;
    width: 1.5rem;
    height: 1.5rem;
  }
}

@media (min-width: 48rem) and (max-width: 111.999rem) {
  body[data-account-state="previous-orders"] .order-product-row {
    display: grid;
    grid-template-columns: minmax(14rem, 18.3125rem) minmax(0, 1fr) minmax(13rem, 18.3125rem);
    column-gap: 1.25rem;
    align-items: start;
    height: auto;
    min-height: 18.0625rem;
    padding: 1.25rem 0 0.75rem;
  }

  body[data-account-state="previous-orders"] .order-product-row__media {
    position: static;
    width: 100%;
    max-width: 18.3125rem;
    height: 16rem;
  }

  body[data-account-state="previous-orders"] .order-product-row__info {
    display: grid;
    gap: 1.25rem;
    min-width: 0;
    padding-top: 0.0625rem;
  }

  body[data-account-state="previous-orders"] .order-product-row__name,
  body[data-account-state="previous-orders"] .order-product-row__price,
  body[data-account-state="previous-orders"] .order-product-row .spec-list {
    position: static;
    width: 100%;
  }

  body[data-account-state="previous-orders"] .order-product-row__name,
  body[data-account-state="previous-orders"] .order-product-row__price {
    max-width: 100%;
    text-align: left;
  }

  body[data-account-state="previous-orders"] .order-product-row__actions {
    position: static;
    width: 100%;
    max-width: 18.3125rem;
  }
}

@media (min-width: 48rem) and (max-width: 74.999rem) {
  body[data-page="account"][data-account-state="previous-orders"] .page-main > .page-section.page-section--flush-top > .container {
    width: calc(100vw - 3.75rem);
  }

  body[data-account-state="previous-orders"] .account-shell {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
  }

  body[data-account-state="previous-orders"] .account-shell__content {
    grid-column: 1;
    width: 100%;
  }
}

@media (min-width: 48rem) and (max-width: 63.999rem) {
  body[data-account-state="previous-orders"] .order-product-row {
    grid-template-columns: minmax(12rem, 16rem) minmax(0, 1fr);
  }

  body[data-account-state="previous-orders"] .order-product-row__media {
    height: 14rem;
  }

  body[data-account-state="previous-orders"] .order-product-row__actions {
    grid-column: 1 / -1;
    max-width: none;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.review-form-modal,
.overlay[data-overlay="awaiting-review"] .review-modal {
  max-height: calc(100svh - 2rem);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.review-form-modal__star {
  font-family: Arial, sans-serif;
}

.review-form-modal__header .overlay__close {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
  margin-top: -0.1875rem;
  margin-right: -0.1875rem;
}

.review-form-modal__header .overlay__close .site-icon {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
}

.review-form-modal__star:hover,
.review-form-modal__star:focus-visible {
  color: #ff6c00;
}

.review-form-modal__star:focus-visible {
  border-radius: 0.1875rem;
  outline: 2px solid rgba(255, 108, 0, 0.35);
  outline-offset: 0.125rem;
}

.overlay[data-overlay="awaiting-review"] .review-modal .rating-stars::before {
  content: none;
}

.overlay[data-overlay="awaiting-review"] .review-modal .rating-star {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  color: #d8d8d8;
  font-family: Arial, sans-serif;
  opacity: 1;
}

.overlay[data-overlay="awaiting-review"] .review-modal .rating-star:hover,
.overlay[data-overlay="awaiting-review"] .review-modal .rating-star:focus-visible {
  color: #ff6c00;
}

.overlay[data-overlay="awaiting-review"] .review-modal .rating-star:focus-visible {
  border-radius: 0.1875rem;
  outline: 2px solid rgba(255, 108, 0, 0.35);
  outline-offset: 0.0625rem;
}

@media (min-width: 48rem) and (max-height: 56.25rem) {
  .overlay[data-overlay="awaiting-review"] .review-modal {
    top: 8.375rem;
    height: min(45.75rem, calc(100svh - 10.375rem));
    max-height: calc(100svh - 10.375rem);
    transform: translateX(-50%);
  }
}

@media (max-width: 47.999rem) {
  .review-form-modal {
    width: min(22.5rem, calc(100vw - 1.875rem));
    max-height: calc(100svh - 1.875rem);
  }

  .overlay[data-overlay="awaiting-review"] .review-modal {
    height: min(33.25rem, calc(100svh - 1.875rem));
    max-height: calc(100svh - 1.875rem);
  }
}
/* Final review detail alignment: desktop keeps the news-like product detail section background. */
body[data-review-state] .page-main {
  background: #0b0c0c;
}

body[data-review-state] .page-main > .page-section:nth-of-type(2) {
  position: relative;
  background: #0b0c0c;
}

@media (min-width: 64.001rem) {
  body[data-review-state] .page-main > .page-section:nth-of-type(2)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    z-index: 0;
    height: 45rem;
    pointer-events: none;
    background: url("/static/images/figma/Frame%201321317898.png") center top / 100% auto no-repeat;
  }
}

body[data-review-state] .page-main > .page-section:nth-of-type(2) > .container {
  position: relative;
  z-index: 1;
}

body[data-review-state] .product-detail-card .gallery__stage {
  border: 0;
  background: transparent;
}

@media (min-width: 64.001rem) {
  body[data-review-state] .product-benefits,
  body[data-review-state] .product-benefits.is-sticky-fixed {
    position: sticky;
    top: 7.75rem;
    left: auto;
    z-index: 40;
    width: auto;
  }

  body[data-review-state] .product-benefits.is-sticky-hidden {
    visibility: visible;
    pointer-events: auto;
  }

  body[data-review-state] .product-benefits {
    gap: 0;
  }

  body[data-review-state] .product-benefits__list {
    margin-top: 1.875rem;
  }
}

@media (max-width: 47.999rem) {
  body[data-review-state] .page-main,
  body[data-review-state] .page-main > .page-section:nth-of-type(2) {
    background-color: #0b0c0c;
    background-image: none;
  }

  body[data-review-state] .page-main > .page-section:nth-of-type(2)::before {
    display: none;
  }

  body[data-review-state] .product-detail-card {
    border: 0;
    background: #0f0f0f;
  }

  body[data-review-state] .price-block__controls > .button,
  body[data-review-state] .price-block__controls > .button-outline {
    padding-inline: 1rem;
    font-size: 0.875rem;
    line-height: normal;
    letter-spacing: 0;
    text-transform: none;
  }

  body[data-review-state] .price-block__controls > .button-outline {
    border-color: rgba(255, 255, 255, 0.7);
    background: transparent;
    color: #ffffff;
  }

  body[data-review-state] .product-benefits {
    position: relative;
    height: auto;
    min-height: 14.875rem;
    gap: 1.25rem;
    padding: 3.3125rem 1rem 1.25rem;
    background: #111111;
    overflow: hidden;
  }

  body[data-review-state] .product-benefits::after {
    content: "";
    position: absolute;
    top: 3.3125rem;
    left: 1rem;
    right: 1rem;
    height: 1px;
    background: rgba(233, 230, 230, 0.7);
  }

  body[data-review-state] .product-benefits__title {
    position: absolute;
    top: 1.25rem;
    left: 1rem;
    right: 1rem;
    padding-bottom: 0;
    border-bottom: 0;
    font-family: var(--font-ui);
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
  }

  body[data-review-state] .product-benefits__list {
    gap: 1.25rem;
    margin-top: 1.875rem;
  }

  body[data-review-state] .product-benefits__item {
    min-height: 2.1875rem;
    height: 2.1875rem;
    padding: 0;
    border-bottom: 1px dashed rgba(233, 230, 230, 0.5);
  }

  body[data-review-state] .product-benefits__icon {
    width: 1.875rem;
    height: 1.875rem;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-review-state] .product-benefits__icon img {
    display: block;
    width: 100%;
    height: 100%;
  }

  body[data-page="account"] .account-shell__nav-link.account-shell__nav-link--muted {
    min-height: 3.75rem;
    height: 3.75rem;
    padding: 0;
    border: 0;
    border-radius: 0.3125rem;
    background: #b4b4b4;
    color: #fff;
    font-family: var(--font-ui);
    font-size: 1.125rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0;
    text-transform: none;
  }
}

@media (max-width: 23.4375rem) {
  body[data-review-state] .price-block__controls > .button,
  body[data-review-state] .price-block__controls > .button-outline {
    font-size: 0.8125rem;
  }
}

/* Final mobile process card sizing: keep per-step Figma ratios after late shared width locks. */
@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    height: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"] {
    --process-mobile-card-ratio: 360 / 475;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    height: auto;
    aspect-ratio: var(--process-mobile-card-ratio);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__nav {
    position: static;
    left: auto;
    top: auto;
    transform: none;
  }
}

@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .button-light {
    top: calc(100% - 4.125rem);
  }
}

@media (max-width: 23.5rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] {
    --process-mobile-card-ratio: 330 / 606;
    --process-mobile-media-top: 49.5%;
  }
}

/* Final mobile process stability owner: Figma steps 220:4740-4816 and 228:5427. */
@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    min-height: 43.4375rem;
    transition: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-picture,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel .button-light {
    transition: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"] .process-panel__media-image,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .process-panel__media-image {
    object-fit: contain;
    object-position: left top;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="5"] {
    --process-mobile-card-ratio: 360 / 475;
    --process-mobile-media-top: 160px;
    --process-mobile-media-left: 15px;
    --process-mobile-media-width: calc(100% - 30px);
    --process-mobile-media-height: 300px;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] {
    --process-mobile-card-ratio: 360 / 606;
    --process-mobile-media-top: 295px;
    --process-mobile-media-left: 15px;
    --process-mobile-media-width: calc(100% - 30px);
    --process-mobile-media-height: 216px;
    --process-mobile-action-top: 541;
    --process-mobile-action-width: calc(100% - 30px);
    --process-mobile-action-height: 50px;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .button-light {
    left: 15px;
    top: calc(var(--process-mobile-action-top) * 1px);
    width: var(--process-mobile-action-width);
    height: var(--process-mobile-action-height);
    transform: none;
  }
}

@media (max-width: 23.5rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="5"] {
    --process-mobile-card-ratio: 330 / 475;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] {
    --process-mobile-card-ratio: 330 / 606;
    --process-mobile-media-top: 295px;
  }
}

/* Product detail filled reviews: mobile state follows Figma 348:5533 one-card review flow. */
@media (max-width: 47.999rem) {
  body[data-review-state="filled"] .review-shell {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
    min-height: 0;
    width: 100%;
  }

  body[data-review-state="filled"] .review-shell__states {
    order: 1;
    display: block;
    width: 100%;
  }

  body[data-review-state="filled"] .review-shell__states .review-card:nth-child(n + 2) {
    display: none;
  }

  body[data-review-state="filled"] .review-card {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    width: 100%;
    min-height: 0;
    padding: 1.25rem;
    border: 1px solid #2f2e2e;
    border-radius: 0.625rem;
    background: #111111;
  }

  body[data-review-state="filled"] .review-card__meta {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    width: 100%;
  }

  body[data-review-state="filled"] .review-card__title {
    margin: 0;
    font-family: "Inter", var(--font-ui);
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.2763636364;
    letter-spacing: -0.015rem;
  }

  body[data-review-state="filled"] .review-rating {
    gap: 0;
    font-size: 1rem;
    line-height: 1;
  }

  body[data-review-state="filled"] .review-card__note {
    margin-top: -0.9375rem;
    color: #a9a9a9;
    font-family: var(--font-heading);
    font-size: 1rem;
    line-height: 1.25;
  }

  body[data-review-state="filled"] .review-card__grid {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    color: #e9e6e6;
    font-family: var(--font-heading);
    font-size: 1rem;
    line-height: 1.25;
  }

  body[data-review-state="filled"] .review-card__grid > div {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
  }

  body[data-review-state="filled"] .review-card__grid strong {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1;
  }

  body[data-review-state="filled"] .review-shell__summary {
    order: 3;
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
  }

  body[data-review-state="filled"] .review-summary {
    display: none;
  }

  body[data-review-state="filled"] .review-shell__summary > .button {
    width: 100%;
    min-height: 3.125rem;
    height: 3.125rem;
    margin: 0;
    text-transform: none;
  }

  body[data-review-state="filled"] .review-mobile-nav {
    order: 2;
    display: flex;
    justify-content: center;
    gap: 0.625rem;
    width: 100%;
  }

  body[data-review-state="filled"] .review-mobile-nav__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8125rem;
    height: 2.8125rem;
    padding: 0;
    border: 1px solid #cbd2d9;
    border-radius: 0.3125rem;
    background: transparent;
    color: #ffffff;
    font-family: var(--font-ui);
    font-size: 1.5rem;
    line-height: 1;
  }
}

/* Final mobile process switch stability: Home/About process states 220:4740-4816 and 228:5427. */
@media (max-width: 47.999rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process > .container.page-template {
    min-height: 60.5rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-layout {
    min-height: 47.5rem;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel {
    min-height: 43.4375rem;
    height: auto;
    transition: none;
    animation: none;
    will-change: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__card {
    width: min(22.5rem, 100%);
    max-width: 100%;
    height: auto;
    aspect-ratio: var(--process-mobile-card-ratio);
    transition: none;
    animation: none;
    will-change: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media {
    top: var(--process-mobile-media-top);
    left: var(--process-mobile-media-left);
    width: var(--process-mobile-media-width);
    height: var(--process-mobile-media-height);
    overflow: hidden;
    transition: none;
    animation: none;
    will-change: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-picture,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    display: block;
    width: 100%;
    height: 100%;
    transition: none;
    animation: none;
    will-change: auto;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel__media-image {
    object-fit: cover;
    object-position: center center;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel .button-light {
    left: 15px;
    transform: none;
    transition: none;
    animation: none;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="2"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="3"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="5"] {
    --process-mobile-card-ratio: 360 / 475;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] {
    --process-mobile-action-top: 410;
    --process-mobile-action-width: calc(100% - 30px);
    --process-mobile-action-height: 50px;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="5"] {
    --process-mobile-media-top: 160px;
    --process-mobile-media-left: 15px;
    --process-mobile-media-width: calc(100% - 30px);
    --process-mobile-media-height: 300px;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] {
    --process-mobile-card-ratio: 360 / 606;
    --process-mobile-media-top: 295px;
    --process-mobile-media-left: 15px;
    --process-mobile-media-width: calc(100% - 30px);
    --process-mobile-media-height: 216px;
    --process-mobile-action-top: 541;
    --process-mobile-action-width: calc(100% - 30px);
    --process-mobile-action-height: 50px;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"] .button-light,
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"] .button-light {
    left: 15px;
    top: calc(var(--process-mobile-action-top) * 1px);
    width: var(--process-mobile-action-width);
    height: var(--process-mobile-action-height);
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] .button-light {
    left: 15px;
    top: calc(var(--process-mobile-action-top) * 1px);
    width: var(--process-mobile-action-width);
    height: var(--process-mobile-action-height);
  }
}

@media (max-width: 23.5rem) {
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="1"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="2"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="3"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="4"],
  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="5"] {
    --process-mobile-card-ratio: 330 / 475;
  }

  body:is([data-page="home"], [data-page="about"]) .page-section--home-process .process-panel[data-process-state="6"] {
    --process-mobile-card-ratio: 330 / 606;
  }
}

body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] .certificate-card,
body:is([data-page="home"], [data-page="about"]) .certificate-card {
  height: auto;
  min-height: 0;
  align-self: start;
  grid-template-rows: auto;
}

body:is([data-page="home"], [data-page="about"]) .certificate-grid[data-certificate-track] {
  height: auto;
  min-height: 0;
  align-items: flex-start;
}

body:is([data-page="home"], [data-page="about"]) .certificate-card--with-caption {
  grid-template-rows: auto auto;
}

body:is([data-page="home"], [data-page="about"]) .certificate-card__media,
body:is([data-page="home"], [data-page="about"]) .certificate-card__media img {
  height: auto;
  max-height: none;
}

body:is([data-page="home"], [data-page="about"]) .certificate-card__media img {
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}