/* Mobile product-page cleanup — 2026-09-12 */
@media (max-width: 920px) {
  body[data-page="product"] .scroll-progress {
    display: none !important;
  }

  body[data-page="product"] #site-header,
  body[data-page="product"] .header,
  body[data-page="product"] .nav-shell {
    margin-bottom: 0 !important;
  }

  body[data-page="product"] #page-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body[data-page="product"] .page-hero {
    margin: 0 !important;
    min-height: 0 !important;
    padding: 50px 0 48px !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  body[data-page="product"] .page-hero > .wrap {
    width: calc(100% - 30px) !important;
    max-width: none !important;
    margin: 0 auto !important;
  }

  body[data-page="product"] .page-hero .crumbs {
    margin: 0 0 18px !important;
    font-size: 11px !important;
    line-height: 1.45 !important;
    white-space: normal !important;
  }

  body[data-page="product"] .page-hero .eyebrow {
    margin-bottom: 15px !important;
  }

  body[data-page="product"] .page-hero h1 {
    margin: 0 0 16px !important;
    max-width: 100% !important;
    font-size: clamp(40px, 11.5vw, 54px) !important;
    line-height: .98 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body[data-page="product"] .page-hero p {
    max-width: 100% !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
  }

  body[data-page="product"] .simple-catalogue {
    padding: 38px 0 72px !important;
  }

  body[data-page="product"] .simple-catalogue > .wrap {
    width: calc(100% - 22px) !important;
    max-width: none !important;
  }

  body[data-page="product"] .simple-product-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  body[data-page="product"] .simple-product-card {
    width: 100% !important;
    min-width: 0 !important;
    border-radius: 20px !important;
  }
}

@media (max-width: 430px) {
  body[data-page="product"] .page-hero {
    padding: 42px 0 42px !important;
  }

  body[data-page="product"] .page-hero > .wrap {
    width: calc(100% - 28px) !important;
  }

  body[data-page="product"] .page-hero h1 {
    font-size: clamp(38px, 11.7vw, 48px) !important;
  }

  body[data-page="product"] .simple-catalogue {
    padding-top: 30px !important;
  }
}