/* MASSIWO UI v2 polish — readability and CTA scale aligned with the legacy MASSIWO interface. */

/* Desktop actions: legacy MASSIWO uses 19px buttons. Keep redesign geometry, restore visual weight. */
@media (min-width: 1181px) {
  body.ui-v2 .btn,
  body.ui-v2 .ui-v2-btn,
  body.ui-v2 .commercial-outline-button,
  body.ui-v2 .commercial-submit,
  body.ui-v2 .commercial-black-button,
  body.ui-v2 .for-home-cta-button,
  body.ui-v2 .horeca-inline-cta a,
  body.ui-v2 .reviews-v2-leave,
  body.ui-v2 .case-detail-v2-actions > *,
  body.ui-v2 .error-v2-actions > *,
  body.ui-v2 .order-v2-actions a {
    font-size: 18px;
    line-height: 1.2;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  body.ui-v2 .btn,
  body.ui-v2 .ui-v2-btn,
  body.ui-v2 .commercial-outline-button,
  body.ui-v2 .commercial-submit,
  body.ui-v2 .commercial-black-button,
  body.ui-v2 .for-home-cta-button,
  body.ui-v2 .horeca-inline-cta a,
  body.ui-v2 .reviews-v2-leave,
  body.ui-v2 .case-detail-v2-actions > *,
  body.ui-v2 .error-v2-actions > *,
  body.ui-v2 .order-v2-actions a {
    font-size: 16px;
    line-height: 1.2;
  }
}

@media (max-width: 768px) {
  /* Primary and secondary actions must remain readable on a phone. */
  body.ui-v2 .btn,
  body.ui-v2 .ui-v2-btn,
  body.ui-v2 .commercial-outline-button,
  body.ui-v2 .commercial-submit,
  body.ui-v2 .commercial-black-button,
  body.ui-v2 .for-home-scenario-links a,
  body.ui-v2 .for-home-cta-button,
  body.ui-v2 .horeca-inline-cta a,
  body.ui-v2 .reviews-v2-leave,
  body.ui-v2 .case-detail-v2-actions > *,
  body.ui-v2 .error-v2-actions > *,
  body.ui-v2 .order-v2-actions a,
  body.ui-v2 .showroomSection form.search-point .btn,
  body.ui-v2.product-v2-page .product-v2-mobile-config .btn,
  body.ui-v2.product-v2-page .reviewsSection .btn {
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  body.ui-v2 .commercial-outline-button,
  body.ui-v2 .commercial-submit,
  body.ui-v2 .commercial-black-button,
  body.ui-v2 .reviews-v2-leave,
  body.ui-v2 .case-detail-v2-actions > *,
  body.ui-v2 .error-v2-actions > *,
  body.ui-v2 .order-v2-actions a,
  body.ui-v2 .showroomSection form.search-point .btn,
  body.ui-v2.product-v2-page .product-v2-mobile-config .btn,
  body.ui-v2.product-v2-page .reviewsSection .btn {
    min-height: 55px;
  }

  body.ui-v2 .for-home-scenario-links a,
  body.ui-v2 .for-home-cta-button,
  body.ui-v2 .horeca-inline-cta a {
    min-height: 46px;
    height: auto;
  }

  /* Eyebrows / section labels: 10px looked like technical captions, not navigation cues. */
  body.ui-v2 .about-v2-eyebrow,
  body.ui-v2 .care-v2-eyebrow,
  body.ui-v2 .cases-v2-eyebrow,
  body.ui-v2 .commercial-eyebrow,
  body.ui-v2 .contacts-v2-eyebrow,
  body.ui-v2 .contacts-v2-req-eyebrow,
  body.ui-v2 .delivery-v2-eyebrow,
  body.ui-v2 .delivery-v2-payment-eyebrow,
  body.ui-v2 .delivery-v2-req-eyebrow,
  body.ui-v2 .for-home-eyebrow,
  body.ui-v2 .interior-v2-eyebrow,
  body.ui-v2 .return-v2-eyebrow,
  body.ui-v2 .reviews-v2-eyebrow,
  body.ui-v2 .showroomSection .add {
    font-size: 13px;
    line-height: 1.1;
  }

  /* Core explanatory copy. */
  body.ui-v2 .care-v2-copy,
  body.ui-v2 .care-v2-accordion-grid .accordion-button,
  body.ui-v2 .care-v2-accordion-grid .accordion-button > strong,
  body.ui-v2 .care-v2-accordion-grid .accordion-body,
  body.ui-v2 .commercial-contact-copy p,
  body.ui-v2.designers-v2-page .commercial-3d-copy p,
  body.ui-v2.designers-v2-page .commercial-process .commercial-steps p,
  body.ui-v2.horeca-v2-page .horeca-benefit-grid p,
  body.ui-v2.horeca-v2-page .horeca-inline-cta p,
  body.ui-v2 .delivery-v2-hero > p,
  body.ui-v2 .delivery-v2-method p,
  body.ui-v2 .return-v2-intro,
  body.ui-v2 .return-v2-principles-copy,
  body.ui-v2 .return-v2-faq-grid .accordion-body,
  body.ui-v2 .reviews-v2-review-text p,
  body.ui-v2 .showroomSection .text-searchPoint .text,
  body.ui-v2 .mapSection.showroom .info-block > .list .desc,
  body.ui-v2.product-v2-page .descSpecSection .descSpecBlock .specifications ul li,
  body.ui-v2.product-v2-page .descSpecSection .descSpecBlock .info .deadlines,
  body.ui-v2.product-v2-page .reviewsSection .reviewsBlock .information .add,
  body.ui-v2.case-detail-v2-page .case-detail-v2-story > div,
  body.ui-v2.case-detail-v2-page .case-detail-v2-results li {
    font-size: 14px;
    line-height: 1.3;
  }

  /* Forms: user-entered values must not look like footnotes. */
  body.ui-v2 .commercial-form select,
  body.ui-v2 .commercial-form textarea,
  body.ui-v2 .showroomSection form.search-point input {
    font-size: 14px;
  }
  body.ui-v2 .commercial-file-note,
  body.ui-v2 .commercial-consent,
  body.ui-v2 .contacts-v2-field span,
  body.ui-v2 .delivery-v2-field span {
    font-size: 12px;
    line-height: 1.25;
  }

  /* Compact metadata can stay secondary, but not microscopic. */
  body.ui-v2 .cases-v2-card-meta,
  body.ui-v2.case-detail-v2-page .case-detail-v2-meta > div,
  body.ui-v2 .commercial-project-meta > div,
  body.ui-v2 .reviews-v2-meta,
  body.ui-v2 .reviews-v2-profile-text strong,
  body.ui-v2 .delivery-v2-method small,
  body.ui-v2 .delivery-v2-payment-grid strong,
  body.ui-v2 .interior-v2-detail,
  body.ui-v2 .order-v2-config-head > div,
  body.ui-v2 .order-v2-data-row strong,
  body.ui-v2 .order-v2-data-row span,
  body.ui-v2 .mapSection.showroom .info-block > .list .phone {
    font-size: 12px;
    line-height: 1.2;
  }
}

/* Product hero CTA: wider, clearer action/price hierarchy, no cramped quarter-column pill. */
@media (min-width: 1181px) {
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block {
    width: 430px;
    max-width: 34vw;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn {
    min-height: 62px;
    height: 62px;
    padding: 14px 24px;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order {
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px auto;
    gap: 20px;
    align-items: center;
    background: #fff;
    color: #0e0e0e;
    font-size: 18px;
    font-weight: 450;
    text-align: left;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line {
    display: block;
    width: 1px;
    height: 30px;
    background: rgba(14,14,14,.18);
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line::before {
    display: none;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .price {
    font-size: 20px;
    line-height: 1;
    font-weight: 450;
    white-space: nowrap;
    text-align: right;
  }
}

@media (min-width: 769px) and (max-width: 1180px) {
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block {
    width: 360px;
    max-width: 42vw;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn {
    min-height: 58px;
    height: 58px;
    padding: 12px 20px;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order {
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px auto;
    gap: 14px;
    align-items: center;
    background: #fff;
    color: #0e0e0e;
    font-size: 16px;
    text-align: left;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line {
    display: block;
    width: 1px;
    height: 28px;
    background: rgba(14,14,14,.18);
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line::before {
    display: none;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .price {
    font-size: 17px;
    white-space: nowrap;
    text-align: right;
  }
}

@media (max-width: 768px) {
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order {
    min-height: 58px;
    height: 58px;
    padding: 10px 18px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px auto;
    gap: 14px;
    align-items: center;
    font-size: 14px;
    text-align: left;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line {
    position: static;
    display: block;
    width: 1px;
    height: 30px;
    background: rgba(14,14,14,.18);
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line::before {
    display: none;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .price {
    font-size: 15px;
    line-height: 1;
    white-space: nowrap;
    text-align: right;
  }
}

/* V3 — Product hero geometry aligned to approved Figma 33:307 / 29:103. */
@media (min-width: 769px) {
  body.ui-v2.product-v2-page .bannSection.product .info {
    box-sizing: border-box;
    grid-template-columns: repeat(3,minmax(0,1fr));
    padding-right: max(380px, calc((100% - 60px) / 4 + 20px));
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block {
    top: -112px;
    width: max(360px, calc((100% - 60px) / 4));
    max-width: none;
    gap: 20px;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn {
    width: 100%;
    min-height: 55px;
    height: 55px;
    padding: 10px 20px;
    font-size: var(--ui2-fz-small);
    font-weight: 450;
    line-height: 1.2;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order {
    min-height: 55px;
    height: 55px;
    padding: 10px 20px;
    display: grid;
    grid-template-columns: minmax(0,1fr) 1px auto;
    gap: 20px;
    align-items: center;
    font-size: var(--ui2-fz-small);
    line-height: 1.2;
    letter-spacing: -0.05em;
    font-weight: 450;
    text-align: left;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line {
    width: 1px;
    height: 15px;
    background: rgba(14,14,14,.2);
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .price {
    font-size: var(--ui2-fz-small);
    line-height: 1.2;
    letter-spacing: -0.02em;
    font-weight: 450;
  }
}

@media (max-width: 768px) {
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block {
    top: 30px;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order {
    width: 100%;
    min-height: 55px;
    height: 55px;
    padding: 10px 20px;
    grid-template-columns: minmax(0,1fr) 1px auto;
    gap: 14px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .line {
    width: 1px;
    height: 14px;
  }
  body.ui-v2.product-v2-page .bannSection.product .info .btn-block .btn.order .price {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
  }

  body.ui-v2.product-v2-page .product-v2-mobile-config {
    top: 351px;
  }
}

@media (max-width: 640px) {
  body.ui-v2.product-v2-choco-metal .product-v2-mobile-config { top: 391px; }
  body.ui-v2.product-v2-air .product-v2-mobile-config,
  body.ui-v2.product-v2-air-ceramic .product-v2-mobile-config { top: 525px; }
}

/* V4 — About mobile typography aligned to Figma 120:481. */
@media (max-width: 640px) {
  body.ui-v2.about-v2-page .about-v2-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.about-v2-page .about-v2-intro > .about-v2-lead,
  body.ui-v2.about-v2-page .about-v2-story > .about-v2-lead {
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  body.ui-v2.about-v2-page .about-v2-more {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V5 — Interior mobile typography aligned to Figma 131:1193. */
@media (max-width: 640px) {
  body.ui-v2.interior-v2-page .interior-v2-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.interior-v2-page .interior-v2-detail,
  body.ui-v2.interior-v2-page .interior-v2-detail strong {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.02em;
  }
  body.ui-v2.interior-v2-page .interior-v2-detail span,
  body.ui-v2.interior-v2-page .interior-v2-case-title {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    letter-spacing: -0.02em;
  }
  body.ui-v2.interior-v2-page .interior-v2-gallery > .interior-v2-product-link {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V6 — Delivery mobile typography aligned to Figma 135:1382. */
@media (max-width: 640px) {
  body.ui-v2.delivery-v2-page .delivery-v2-eyebrow,
  body.ui-v2.delivery-v2-page .delivery-v2-payment-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-hero > p {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-num {
    font-size: 21px;
    line-height: 1;
    opacity: 1;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-method h2 {
    font-size: 31px;
    line-height: 1.2;
    letter-spacing: -0.05em;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-method p {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-method-large {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-method:first-child small {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-method:nth-child(2) small {
    font-size: 12px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-payment-grid span,
  body.ui-v2.delivery-v2-page .delivery-v2-payment-grid strong {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-requisites h2 {
    font-size: 61px;
    line-height: 1;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-req-eyebrow {
    font-size: 19px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-req-eyebrow span {
    width: 10px;
    height: 10px;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-field,
  body.ui-v2.delivery-v2-page .delivery-v2-field strong {
    font-size: 12px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-field span {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-field small {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.2;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-address {
    font-size: 31px;
    line-height: 1;
  }
  body.ui-v2.delivery-v2-page .delivery-v2-phone {
    font-size: 21px;
    line-height: 1;
  }
}

/* V7 — Showroom mobile typography aligned to Figma 146:1170. */
@media (max-width: 640px) {
  body.ui-v2.showroom-v2-page .showroomSection .showroomBlock .information h1.name-title {
    font-size: 58px;
    line-height: 1;
  }
  body.ui-v2.showroom-v2-page .showroomSection .add {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.showroom-v2-page .showroomSection form.search-point input,
  body.ui-v2.showroom-v2-page .showroomSection form.search-point .btn {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.showroom-v2-page .mapSection.showroom .info-block > .list .num,
  body.ui-v2.showroom-v2-page .mapSection.showroom .mapBlock .text-block .info-block > .list ul li .info .main .info-name {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.showroom-v2-page .mapSection.showroom .info-block > .list .info {
    gap: 20px;
  }
  body.ui-v2.showroom-v2-page .mapSection.showroom .info-block > .list .desc,
  body.ui-v2.showroom-v2-page .mapSection.showroom .info-block > .list .phone {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V8 — Contacts mobile typography aligned to Figma 149:1850. */
@media (max-width: 640px) {
  body.ui-v2.contacts-v2-page .contacts-v2-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-address {
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-phone,
  body.ui-v2.contacts-v2-page .contacts-v2-email {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-requisites h2 {
    font-size: 61px;
    line-height: 1;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-req-eyebrow {
    font-size: 19px;
    line-height: 1.2;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-req-eyebrow span {
    width: 10px;
    height: 10px;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-field,
  body.ui-v2.contacts-v2-page .contacts-v2-field strong {
    font-size: 12px;
    line-height: 1.2;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-field span {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-field small {
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.2;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-address-large {
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-phone-large {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-map-title {
    font-size: 31px;
    line-height: 1;
  }
  body.ui-v2.contacts-v2-page .contacts-v2-map-info {
    font-size: 21px;
    line-height: 1;
    gap: 20px;
  }
}

/* V9 — Commercial card content and responsive typography from Figma. */
body.ui-v2.commercial-v2-page .commercial-visual-card {
  position: relative;
  display: block;
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: rgba(14,14,14,.05);
}
body.ui-v2.commercial-v2-page .commercial-visual-card > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.ui-v2.commercial-v2-page .commercial-visual-label {
  position: absolute;
  z-index: 2;
  inset: 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  pointer-events: none;
}
body.ui-v2.commercial-v2-page .commercial-visual-label strong {
  max-width: 520px;
  font-size: 31px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.05em;
}
body.ui-v2.commercial-v2-page .commercial-visual-label span {
  max-width: 470px;
  margin-top: auto;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 400;
  letter-spacing: -0.02em;
}
body.ui-v2.commercial-v2-page .commercial-visual-card-light .commercial-visual-label span {
  margin-top: 0;
  opacity: .4;
}
body.ui-v2.commercial-v2-page .commercial-audience-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0,0,0,.5);
  pointer-events: none;
}
body.ui-v2.commercial-v2-page .commercial-audience-card .commercial-visual-label {
  color: #fff;
}

@media (max-width: 640px) {
  /* For Home — exact mobile type scale from Figma 4656:2994. */
  body.ui-v2.for-home-v2-page .for-home-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.for-home-v2-page .for-home-scenario h2 {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.for-home-v2-page .for-home-scenario-links a {
    min-height: 30px;
    height: 30px;
    padding: 0 18px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.for-home-v2-page .for-home-choose > h2,
  body.ui-v2.for-home-v2-page .for-home-choose-text strong {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.for-home-v2-page .for-home-choose-text span {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.for-home-v2-page .for-home-cta-action p {
    font-size: 14px;
    line-height: 1.4;
  }
  body.ui-v2.for-home-v2-page .for-home-cta-button {
    min-height: 42px;
    height: 42px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 1.2;
  }

  /* Designers / HoReCa common mobile scale. */
  body.ui-v2.commercial-v2-page .commercial-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.designers-v2-page .commercial-hero h1 {
    font-size: 59px;
    line-height: .73;
  }
  body.ui-v2.horeca-v2-page .commercial-hero h1 {
    font-size: 61px;
    line-height: .73;
  }
  body.ui-v2.commercial-v2-page .commercial-hero > p {
    font-size: 21px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  body.ui-v2.commercial-v2-page .commercial-visual-card {
    aspect-ratio: auto;
    width: 100%;
    height: 170px;
  }
  body.ui-v2.commercial-v2-page .commercial-visual-label {
    inset: 20px;
    gap: 3px;
  }
  body.ui-v2.commercial-v2-page .commercial-visual-label strong {
    max-width: 295px;
    font-size: 14px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  body.ui-v2.commercial-v2-page .commercial-visual-label span {
    max-width: 295px;
    font-size: 12px;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  body.ui-v2.commercial-v2-page .commercial-visual-card-light .commercial-visual-label span {
    margin-top: 0;
  }
  body.ui-v2.commercial-v2-page .commercial-audience-card .commercial-visual-label span {
    margin-top: auto;
  }

  body.ui-v2.designers-v2-page .commercial-3d-copy p,
  body.ui-v2.horeca-v2-page .horeca-inline-cta p,
  body.ui-v2.commercial-v2-page .commercial-contact-copy p {
    font-size: 14px;
    line-height: 1.4;
  }
  body.ui-v2.designers-v2-page .commercial-black-button,
  body.ui-v2.commercial-v2-page .commercial-outline-button,
  body.ui-v2.horeca-v2-page .horeca-inline-cta a,
  body.ui-v2.commercial-v2-page .commercial-submit {
    font-size: 14px;
    line-height: 1.2;
  }

  body.ui-v2.commercial-v2-page .commercial-project-meta strong {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.commercial-v2-page .commercial-project-meta > div {
    margin-top: 14px;
    gap: 12px;
    font-size: 14px;
    line-height: 1.2;
  }

  body.ui-v2.designers-v2-page .commercial-process .commercial-steps > div,
  body.ui-v2.horeca-v2-page .horeca-benefit-grid > div {
    padding: 17px 20px;
    gap: 12px;
  }
  body.ui-v2.designers-v2-page .commercial-process .commercial-steps span,
  body.ui-v2.designers-v2-page .commercial-process .commercial-steps p,
  body.ui-v2.horeca-v2-page .horeca-benefit-grid span,
  body.ui-v2.horeca-v2-page .horeca-benefit-grid p {
    font-size: 14px;
    line-height: 1.2;
  }

  body.ui-v2.commercial-v2-page .commercial-form input,
  body.ui-v2.commercial-v2-page .commercial-form select,
  body.ui-v2.commercial-v2-page .commercial-form textarea {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.commercial-v2-page .commercial-file-note,
  body.ui-v2.commercial-v2-page .commercial-consent {
    font-size: 12px;
    line-height: 1.2;
  }
}

/* V10 — Care / Return / Reviews / Cases / Order mobile typography from approved Figma. */
@media (max-width: 640px) {
  /* Care 123:831 */
  body.ui-v2.care-v2-page .care-v2-eyebrow,
  body.ui-v2.care-v2-page .care-v2-feature-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.care-v2-page .care-v2-copy,
  body.ui-v2.care-v2-page .care-v2-fabric-copy,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-body {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button > span,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button > strong {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
  }

  /* Return 146:1476 */
  body.ui-v2.return-v2-page .return-v2-eyebrow,
  body.ui-v2.return-v2-page .return-v2-principles-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.return-v2-page .return-v2-intro,
  body.ui-v2.return-v2-page .return-v2-principles-copy,
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-body {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-button > span,
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-button > strong {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
  }

  /* Reviews 127:914 */
  body.ui-v2.reviews-v2-page .reviews-v2-hero {
    height: 308px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-eyebrow,
  body.ui-v2.reviews-v2-page .reviews-v2-leave {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-filters {
    margin-bottom: 62px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-filters button {
    font-size: 31px;
    line-height: 1;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-profile-text strong,
  body.ui-v2.reviews-v2-page .reviews-v2-meta,
  body.ui-v2.reviews-v2-page .reviews-v2-review-text p {
    font-size: 14px;
    line-height: 1.2;
  }

  /* Cases list 4682:3095 */
  body.ui-v2.cases-v2-page .cases-v2-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.cases-v2-page .cases-v2-filters a {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-title {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-meta {
    margin-top: 14px;
    gap: 12px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-meta span + span::before {
    margin-right: 12px;
  }

  /* Case detail 4690:3647 */
  body.ui-v2.case-detail-v2-page .case-detail-v2-meta > div {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-story h2,
  body.ui-v2.case-detail-v2-page .case-detail-v2-review h2 {
    font-size: 31px;
    line-height: 1;
    letter-spacing: -0.05em;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-story > div,
  body.ui-v2.case-detail-v2-page .case-detail-v2-results li,
  body.ui-v2.case-detail-v2-page .case-detail-v2-review-text {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-actions > * {
    font-size: 14px;
    line-height: 1.2;
  }

  /* Order 1112:2816 — typography only; dynamic order geometry stays guarded. */
  body.ui-v2.order-v2-page .order-v2-card h1 {
    font-size: 31px;
    line-height: 1.2;
    letter-spacing: -0.05em;
  }
  body.ui-v2.order-v2-page .order-v2-product-name,
  body.ui-v2.order-v2-page .order-v2-config-head h2 {
    font-size: 21px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-data-row strong {
    font-size: 19px;
    line-height: 1.2;
    font-weight: 400;
  }
  body.ui-v2.order-v2-page .order-v2-data-row span,
  body.ui-v2.order-v2-page .order-v2-config-head > div {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-actions a {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V11 — Privacy mobile heading aligned to Figma 1021:7738. */
@media (max-width: 640px) {
  body.ui-v2.privacy-v2-page .aboutSection .name-title {
    width: 311px;
    max-width: calc(100% - 24px);
    font-size: 31px;
    line-height: .86;
    letter-spacing: -0.05em;
  }
  body.ui-v2.privacy-v2-page .aboutSection .add {
    margin-top: 30px;
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V12 — Reviews mobile residual geometry: first card y=436 per Figma 127:914. */
@media (max-width: 640px) {
  body.ui-v2.reviews-v2-page .reviews-v2-filters { margin-bottom: 56px; }
}

/* V13 — Remaining mobile pages aligned to approved Figma frames. */
@media (max-width: 640px) {
  /* CARE — Figma 123:831 */
  body.ui-v2.care-v2-page .care-v2-eyebrow,
  body.ui-v2.care-v2-page .care-v2-feature-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.care-v2-page .care-v2-copy,
  body.ui-v2.care-v2-page .care-v2-fabric-copy {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button > span,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-button > strong,
  body.ui-v2.care-v2-page .care-v2-accordion-grid .accordion-body {
    font-size: 14px;
    line-height: 1.2;
  }

  /* RETURN — Figma 146:1476 */
  body.ui-v2.return-v2-page .return-v2-eyebrow,
  body.ui-v2.return-v2-page .return-v2-principles-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.return-v2-page .return-v2-intro,
  body.ui-v2.return-v2-page .return-v2-principles-copy {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-button > span,
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-button > strong,
  body.ui-v2.return-v2-page .return-v2-faq-grid .accordion-body {
    font-size: 14px;
    line-height: 1.2;
  }

  /* REVIEWS — Figma 127:914. Keep the dynamic mobile product filters in the approved wrapping layout. */
  body.ui-v2.reviews-v2-page .reviews-v2-eyebrow,
  body.ui-v2.reviews-v2-page .reviews-v2-leave {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 36px;
    margin-bottom: 42px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-list {
    margin-top: 0;
    gap: 20px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images {
    position: relative;
    height: 554px;
    min-height: 554px;
    display: block;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-card-copy {
    box-sizing: border-box;
    height: 230px;
    padding: 30px;
    display: block;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-profile {
    gap: 10px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-profile-text strong,
  body.ui-v2.reviews-v2-page .reviews-v2-meta,
  body.ui-v2.reviews-v2-page .reviews-v2-review-text p {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-meta {
    margin-top: 10px;
    gap: 10px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-review-text {
    margin-top: 52px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-media.user-media {
    box-sizing: border-box;
    height: 254px;
    margin: 40px 30px 30px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 122px 122px;
    gap: 10px;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-media-main {
    grid-column: 1 / 3;
    grid-row: 1;
  }
  body.ui-v2.reviews-v2-page .reviews-v2-card.has-user-images .reviews-v2-media-small {
    grid-row: 2;
  }

  /* ORDER — Figma 1112:2816 */
  body.ui-v2.order-v2-page .order-v2 {
    min-height: 1669px;
    padding-bottom: 60px;
  }
  body.ui-v2.order-v2-page .order-v2-canvas {
    height: 994px;
    margin: 0 -20px;
    background: rgba(14,14,14,.045);
  }
  body.ui-v2.order-v2-page .order-v2-product-visual {
    top: 0;
    left: 0;
    right: 0;
    height: 640px;
  }
  body.ui-v2.order-v2-page .order-v2-product-visual > img,
  body.ui-v2.order-v2-page .order-v2-slider img {
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    object-fit: cover;
  }
  body.ui-v2.order-v2-page .order-v2-card {
    top: 440px;
    left: 0;
    width: 100%;
    min-height: 554px;
    padding: 20px;
  }
  body.ui-v2.order-v2-page .order-v2-card h1 {
    font-size: 31px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-product-name {
    margin-top: 20px;
    font-size: 21px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-order-data {
    margin-top: 60px;
    padding-top: 40px;
    gap: 40px;
  }
  body.ui-v2.order-v2-page .order-v2-data-row strong {
    font-size: 19px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-data-row span {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-configs {
    margin: 60px 0 0;
    gap: 20px;
  }
  body.ui-v2.order-v2-page .order-v2-config-card {
    height: 255px;
    padding: 20px;
  }
  body.ui-v2.order-v2-page .order-v2-config-head {
    height: 35px;
    gap: 15px;
  }
  body.ui-v2.order-v2-page .order-v2-config-head h2 {
    font-size: 21px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-config-head > div {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.order-v2-page .order-v2-config-image {
    height: 180px;
    margin-top: 0;
  }
  body.ui-v2.order-v2-page .order-v2-actions {
    margin-top: 20px;
  }
  body.ui-v2.order-v2-page .order-v2-actions a {
    height: 55px;
    font-size: 14px;
    line-height: 1.2;
  }

  /* CASES LIST — Figma 4682:3095 */
  body.ui-v2.cases-v2-page .cases-v2-eyebrow {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.cases-v2-page .cases-v2-filters a {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-title {
    font-size: 21px;
    line-height: 1;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-arrow {
    font-size: 24px;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-meta {
    margin-top: 14px;
    gap: 12px;
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.cases-v2-page .cases-v2-card-meta span + span:before {
    margin-right: 12px;
  }

  /* CASE DETAIL — Figma 4690:3647 */
  body.ui-v2.case-detail-v2-page .case-detail-v2-meta > div {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-story h2,
  body.ui-v2.case-detail-v2-page .case-detail-v2-review h2 {
    font-size: 31px;
    line-height: 1;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-story > div,
  body.ui-v2.case-detail-v2-page .case-detail-v2-results li,
  body.ui-v2.case-detail-v2-page .case-detail-v2-review-text {
    font-size: 14px;
    line-height: 1.2;
  }
  body.ui-v2.case-detail-v2-page .case-detail-v2-actions > * {
    font-size: 14px;
    line-height: 1.2;
  }
}

/* V14 — Reviews mobile filter anchor aligned to Figma 127:914. */
@media (max-width: 640px) {
  body.ui-v2.reviews-v2-page .reviews-v2-hero { height: 308px; }
}

/* V15 — 404 mobile actions aligned to Figma 490:2610. */
@media (max-width: 640px) {
  body.ui-v2.error-v2-page .error-v2-actions > * {
    font-size: 14px;
    line-height: 1.2;
  }
}