/* Match the homepage/header/footer: 1320px content, 24px gutters (20px mobile).
   Banners and breadcrumb backgrounds retain their full-width presentation. */
body:not(.ym-home) > main {
  --ym-content-width: 1320px;
  --ym-page-gutter: 24px;
  --ym-content-inset: max(var(--ym-page-gutter), calc((100% - var(--ym-content-width)) / 2));
}

body:not(.ym-home) > main > :is(
  .abouts-content, .products-content, .news-content, .news-detail-content,
  .knowledges-content, .knowledges-detail-content, .pro-detail-content,
  .video-content, .feedback-content, .download-list, .project-list
) {
  width: min(var(--ym-content-width), calc(100% - 2 * var(--ym-page-gutter)));
  margin-inline: auto;
  padding-inline: 0;
}

body:not(.ym-home) > main .breadcrumbs-nav {
  padding-inline: var(--ym-content-inset);
}
body:not(.ym-home) > main .breadcrumbs-nav .pro-filter {
  right: var(--ym-content-inset);
}

/* These elements previously repeated fixed viewport gutters inside sections. */
body:not(.ym-home) > main .products-content :is(.pro-list, .pro-list-2, .filter-box),
body:not(.ym-home) > main .pro-detail-content :is(.pro-detail-title, .pro-page-switch) {
  padding-inline: 0;
}
body:not(.ym-home) > main .products-content :is(.content-top, .type-box, .seo-key, .protypebody),
body:not(.ym-home) > main .pro-detail-content :is(
  .pro-review, .pro-intro, .pro-spec, .pro-bottom-tip, .random-pro-list
),
body:not(.ym-home) > main .pro-detail-content .send-inquiry .inquiry-form {
  margin-inline: 0;
}
body:not(.ym-home) > main .products-content .filter-box .scrollTip {
  right: 0;
}

@media (max-width: 600px) {
  body:not(.ym-home) > main { --ym-page-gutter: 20px; }
}