@scope (.design-wall-product) {
    .hero-grid { grid-template-columns: .9fr 1.1fr; }
    .hero h1 { max-width: 680px; }
    .hero-media img { border-radius: 24px 24px 90px 24px; }
    .fit-check { padding: 36px 0; border-bottom: 1px solid var(--line); background: var(--white); }
    .fit-check-grid { display: grid; grid-template-columns: 1.2fr repeat(4,1fr); gap: 12px; }
    .fit-intro, .fit-item { padding: 22px; border-radius: 16px; }
    .fit-intro { color: var(--white); background: var(--dark); }
    .fit-intro strong, .fit-intro span, .fit-item strong, .fit-item span { display: block; }
    .fit-intro strong { margin-bottom: 8px; font-size: 1.1rem; }
    .fit-intro span { color: rgba(255,255,255,.68); font-size: .75rem; }
    .fit-item { border: 1px solid var(--line); background: var(--soft); }
    .fit-item strong { margin-bottom: 7px; color: var(--green); font-size: .76rem; }
    .fit-item span { color: var(--muted); font-size: .73rem; }
    .icon-grid { grid-template-columns: 1.2fr .8fr .8fr 1.2fr; }
    .product-grid { grid-template-columns: repeat(3,1fr); }
    .step-grid { grid-template-columns: 1.2fr repeat(3,1fr); }
    @media (max-width: 700px) {
      .fit-check-grid, .icon-grid, .product-grid, .step-grid { grid-template-columns: 1fr; }
    }
  }