/* Inner-page design system, shared with the existing homepage palette. */
main.ym-section-page {
  display: flow-root;
  --color: #0B5ED7;
  --ym-navy: #0A2540;
  --ym-blue: #0B5ED7;
  --ym-ink: #1B2B40;
  --ym-mute: #5B6B80;
  --ym-line: #DCE6F2;
  color: var(--ym-ink);
  background: #f6f8fc;
  font-family: Manrope, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  padding-bottom: 88px;
}
main.ym-section-page :is(h1,h2,h3,h4) {
  color: var(--ym-navy);
  font-family: Sora, Arial, sans-serif;
  line-height: 1.3;
  text-transform: none;
}
main.ym-section-page a { transition: color .2s, background .2s, box-shadow .2s; }
main.ym-section-page a:focus-visible,
main.ym-section-page button:focus-visible { outline: 3px solid #2B7AEF; outline-offset: 4px; }
main.ym-section-page .inner-banner { background: #0A2540; }
main.ym-section-page .pagesbanner { height: 330px; overflow: hidden; }
main.ym-section-page .pagesbanner > img {
  width: 100%; height: 100%; object-fit: cover; opacity: .45;
}
main.ym-section-page .pagesbanner::after {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(90deg,rgba(6,23,41,.94),rgba(10,37,64,.62) 55%,rgba(10,37,64,.12));
  pointer-events: none;
}
main.ym-section-page .pagesbanner .pagesbanner-animate {
  z-index: 2; width: min(1320px,calc(100% - 2 * var(--ym-page-gutter)));
  top: 50%; left: 50%; transform: translate(-50%,-50%);
  margin: 0; padding: 0; opacity: 1; text-align: left; animation: none;
}
main.ym-section-page .pagesbanner-animate .p1 {
  color: #fff; font-family: Sora,Arial,sans-serif; font-size: clamp(32px,3.2vw,48px);
  font-weight: 700; line-height: 1.2; letter-spacing: -.035em; max-width: 1000px;
  text-transform: none;
}
main.ym-section-page .pagesbanner-animate .p2 {
  max-width: 720px; margin-top: 20px; color: #c5d6eb;
  font-size: 16px; line-height: 1.75; font-weight: 400;
}
main.ym-section-page .breadcrumbs-nav {
  min-height: 67px; padding-block: 20px; background: #fff;
  color: var(--ym-mute); border-bottom: 1px solid var(--ym-line); font-size: 13px;
}
main.ym-section-page .breadcrumbs-nav a { color: var(--ym-mute); }
main.ym-section-page .breadcrumbs-nav a:hover { color: var(--ym-blue); }
main.ym-section-page .breadcrumbs-nav .pro-filter {
  top: 12px; height: 42px; padding-inline: 18px; gap: 16px;
  border-radius: 999px; background: var(--ym-blue); color: #fff; font-size: 12px;
}
main.ym-section-page > :is(.abouts-content,.products-content,.news-content) {
  margin-top: 48px; padding-bottom: 0;
}
/* Original CMS category dropdown and mobile category navigation. */
main.ym-section-page .filter-box {
  top: -4px; border: 1px solid var(--ym-line); border-radius: 16px;
  background: #fff; padding: 24px; box-shadow: 0 16px 35px rgba(10,37,64,.09);
}
main.ym-section-page .filter-box .pro-type-list > ul { padding: 0; }
main.ym-section-page .mobcate-main-box {
  margin-bottom: 24px; background: #fff; padding: 16px 20px; border: 1px solid var(--ym-line); border-radius: 14px;
}
/* Product collection: the original CMS links, descriptive text and categories. */
main.ym-section-page .products-content .pro-list {
  display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px;
  margin-top: 0; overflow: visible;
}
main.ym-section-page .products-content .pro-list::after { display: none; }
main.ym-section-page .products-content .pro-list .list-1 {
  float: none; flex: none; width: auto; min-width: 0; max-width: none; margin: 0;
  border: 1px solid var(--ym-line); border-radius: 20px; overflow: hidden;
  background: #fff; display: flex; flex-direction: column;
  box-shadow: 0 5px 18px rgba(10,37,64,.035);
}
main.ym-section-page .products-content .pro-list .list-1:hover {
  border-color: #b3cef4; box-shadow: 0 16px 35px rgba(10,37,64,.09); transform: translateY(-4px);
}
main.ym-section-page .products-content .pro-list .list-1 .pro-img {
  height: 245px; min-height: 0; padding: 28px; background: #fff; border-bottom: 1px solid #edf2f8;
}
main.ym-section-page .products-content .pro-list .list-1 .pro-img::after { display: none; }
main.ym-section-page .products-content .pro-list .list-1 .pro-img img {
  position: static; width: 100%; height: 100%; object-fit: contain; max-height: 190px;
}
main.ym-section-page .products-content .pro-list .list-1 .pro-name {
  display: block; min-height: 0; padding: 24px 24px 0; margin: 0;
}
main.ym-section-page .products-content .pro-list .list-1 .pro-name a {
  display: block; -webkit-line-clamp: unset; overflow: visible; text-align: left;
  font-family: Sora,Arial,sans-serif; color: var(--ym-navy); font-size: 17px; line-height: 1.45;
}
main.ym-section-page .ym-card-description {
  color: var(--ym-mute); font-size: 14px; line-height: 1.75; margin: 14px 24px 22px;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}
main.ym-section-page .ym-card-link {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  color: var(--ym-blue); font-size: 13px; font-weight: 800;
  margin: auto 24px 24px; padding-top: 18px; border-top: 1px solid #edf2f8;
}
main.ym-section-page .ym-card-link::after { content: none; }
/* Equipment uses the same card language, with more room for machinery images. */
main.ym-section-page .applic-list { padding: 0; }
main.ym-section-page .applic-list > ul {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 0; padding: 0;
}
main.ym-section-page .applic-list > ul > li { width: auto; min-width: 0; margin: 0; padding: 0; }
main.ym-section-page .applic-item {
  height: 100%; display: flex; flex-direction: column; background: #fff; border: 1px solid var(--ym-line);
  border-radius: 20px; overflow: hidden; transition: transform .25s,box-shadow .25s;
}
main.ym-section-page .applic-item:hover { transform: translateY(-4px); box-shadow: 0 16px 35px rgba(10,37,64,.09); }
main.ym-section-page .applic-img {
  display: flex; height: 280px; padding: 28px; align-items: center; justify-content: center; border-bottom: 1px solid #edf2f8;
}
main.ym-section-page .applic-img img { width: 100%; height: 100%; object-fit: contain; }
main.ym-section-page .applic-list .applic-name {
  white-space: normal; overflow: visible; text-align: left; font-family: Sora,Arial,sans-serif;
  font-size: 19px; line-height: 1.45; color: var(--ym-navy); padding: 24px 24px 0;
}
/* Why YUKMED: alternating photography and CMS-authored capabilities. */
main.ym-section-page .support { padding: 0; display: grid; gap: 32px; }
main.ym-section-page .support .support-item {
  background: #fff; border: 1px solid var(--ym-line); border-radius: 24px;
  padding: 36px; gap: 48px; align-items: center; overflow: hidden;
}
main.ym-section-page .support .support-item > div { margin: 0; min-width: 0; }
main.ym-section-page .support :is(.item-l,.item-r) .item-con { padding: 0; }
main.ym-section-page .support .item-con h4 {
  font-size: clamp(24px,2.1vw,32px); letter-spacing: -.025em; padding-bottom: 22px; margin-bottom: 26px;
}
main.ym-section-page .support .item-con h4::after { width: 50px; height: 3px; background: var(--ym-blue); }
main.ym-section-page .support .item-con { color: var(--ym-mute); font-size: 15px; line-height: 1.85; }
/* Normalize font formatting embedded by the old rich-text editor. Keep headings,
   emphasis, links and content editable in their existing CMS fields. */
main.ym-section-page :is(.support .item-con,.pro-intro article,.news-detail-content article) :is(p,span,div,ul,ol,li,strong,b,em,td,th) {
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
}
main.ym-section-page .support .item-img img { width: 100%; max-height: 510px; object-fit: cover; border-radius: 16px; }
/* Technical insights: image-led cards retain dates and full article routes. */
main.ym-section-page .news-content .news-list {
  display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; margin: 0;
}
main.ym-section-page .news-content .news-list .list-1 {
  width: auto; min-width: 0; margin: 0; padding: 0; background: #fff; border: 1px solid var(--ym-line);
  border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; align-items: stretch;
}
main.ym-section-page .news-content .news-list .list-1:hover {
  transform: translateY(-4px); box-shadow: 0 16px 35px rgba(10,37,64,.09);
}
main.ym-section-page .news-content .news-list .list-1 .news-img {
  display: block; order: -1; width: 100%; min-width: 0; max-width: none; height: 230px;
  background: #eaf3ff; overflow: hidden;
}
main.ym-section-page .news-content .news-list .list-1 .news-img a { display: block; height: 100%; }
main.ym-section-page .news-content .news-list .list-1 .news-img img { width: 100%; height: 100%; object-fit: cover; }
main.ym-section-page .news-content .news-list .list-1 .news-info { flex: 1; padding: 26px; display: flex; flex-direction: column; }
main.ym-section-page .news-content .news-list .list-1 .news-info .news-date { color: var(--ym-blue); font-size: 12px; font-weight: 700; letter-spacing: .03em; }
main.ym-section-page .news-content .news-list .list-1 .news-info .news-title { margin-top: 14px; }
main.ym-section-page .news-content .news-list .list-1 .news-info .news-title a {
  color: var(--ym-navy); font-size: 20px; font-weight: 600; line-height: 1.45;
  font-family: Sora,Arial,sans-serif; display: block; -webkit-line-clamp: unset;
}
main.ym-section-page .news-content .news-list .list-1 .news-info .news-text {
  color: var(--ym-mute); font-size: 14px; line-height: 1.8; margin: 14px 0 24px;
  -webkit-line-clamp: 3;
}
main.ym-section-page .news-content .news-list .list-1 .news-info .more-btn {
  color: var(--ym-blue); font-size: 13px; font-weight: 800; margin-top: auto; padding-top: 18px;
  border-top: 1px solid #edf2f8; display: flex; align-items: center; justify-content: space-between;
}
main.ym-section-page .news-content .news-list .list-1 .news-info .more-btn i { position: static; }
/* Pagination and article reading surface. */
main.ym-section-page .pagebar { margin-top: 40px; }
main.ym-section-page .pagination { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; }
main.ym-section-page .pagination :is(a,span) {
  border: 1px solid var(--ym-line); background: #fff; color: var(--ym-mute); border-radius: 10px;
  padding: 9px 15px; min-width: 40px; line-height: 1.5; margin: 0;
}
main.ym-section-page .pagination :is(.active,.active a,a:hover) { background: var(--ym-blue); color: #fff; border-color: var(--ym-blue); }
main.ym-section-page.ym-article-page .pagesbanner { height: 240px; }
body main.ym-section-page .news-detail-content {
  margin-block: 48px 0; padding: 48px; border: 1px solid var(--ym-line);
  border-radius: 24px; background: #fff; box-shadow: 0 8px 30px rgba(10,37,64,.035);
}
main.ym-section-page .news-detail-content > :is(h1,.news-info,article,.pages-list,.line,.share-btn-list) { width: min(100%,1000px); margin-inline: auto; }
main.ym-section-page .news-detail-content .news-title { font-size: clamp(25px,2.8vw,38px); text-align: left; padding: 0; line-height: 1.35; }
main.ym-section-page .news-detail-content .news-info { display: flex; gap: 24px; margin-block: 20px 36px; color: var(--ym-mute); font-size: 13px; }
main.ym-section-page .news-detail-content article { color: var(--ym-ink); font-size: 16px; line-height: 1.9; }
main.ym-section-page .news-detail-content article :is(h2,h3) { margin-block: 32px 18px; }
main.ym-section-page .news-detail-content article img { border-radius: 12px; }
main.ym-section-page .news-detail-content .pages-list { padding-top: 24px; border-top: 1px solid var(--ym-line); color: var(--ym-mute); }
/* Product detail gallery and inquiry retain the existing interaction hooks. */
main.ym-section-page.detail-container .pagesbanner { height: 240px; }
main.ym-section-page .pro-detail-content { margin-bottom: 0; }
main.ym-section-page .pro-detail-content .pro-review {
  margin-block: 48px; padding: 36px; background: #fff; border: 1px solid var(--ym-line); border-radius: 24px;
}
main.ym-section-page .pro-detail-content .pro-review .pro-preview-left { min-width: 450px; height: auto; }
main.ym-section-page .pro-detail-content .pro-review .pro-preview-left .preview-container { visibility: visible; }
main.ym-section-page .ym-product-fallback { display: flex; align-items: center; justify-content: center; padding: 28px; min-height: 360px; border: 1px solid #edf2f8; border-radius: 16px; background: #fff; }
main.ym-section-page .ym-product-fallback img { width: 100%; height: 340px; object-fit: contain; }
main.ym-section-page .pro-preview-left:has(.preview-container img) .ym-product-fallback { display: none; }
main.ym-section-page .pro-preview-left:not(:has(.preview-container img)) .preview-container { display: none; }
main.ym-section-page .pro-detail-content .pro-review .pro-preview-right { padding: 8px 0 0 40px; min-width: 0; }
main.ym-section-page .pro-detail-content .pro-review .pro-preview-right .pro-name { font-size: clamp(25px,2.5vw,34px); line-height: 1.35; }
main.ym-section-page .pro-detail-content .pro-review .pro-preview-right article { color: var(--ym-mute); margin: 22px 0 0; line-height: 1.85; }
main.ym-section-page .ym-product-meta > div { display: flex; gap: 16px; padding: 9px 0; border-bottom: 1px solid #edf2f8; font-size: 14px; }
main.ym-section-page .ym-product-meta dt { min-width: 120px; color: var(--ym-mute); }
main.ym-section-page .ym-product-meta dd { margin: 0; color: var(--ym-navy); }
main.ym-section-page .ym-product-meta:has(>div) { margin-top: 24px; }
main.ym-section-page .pro-detail-content .pro-preview-right .btn-list { gap: 12px; margin-top: 28px; }
main.ym-section-page .pro-detail-content .pro-preview-right .btn-list :is(.btn,.pdown2) {
  width: auto; min-width: 160px; height: 48px; margin: 0; border-radius: 999px; padding-inline: 24px;
  background: #0B5ED7; border-color: #0B5ED7; color: #fff; overflow: hidden;
}
main.ym-section-page .pro-detail-content .pro-preview-right .btn-list :is(.btn,.pdown2) span { color: #fff; font-size: 14px; font-weight: 700; }
main.ym-section-page .pro-detail-content .pro-detail-title,
main.ym-section-page .pro-detail-content .inquiry-title {
  font-family: Sora,Arial,sans-serif; font-size: 24px; text-align: left; color: var(--ym-navy);
  background: transparent; margin: 40px 0 20px; line-height: 1.4; height: auto;
}
main.ym-section-page .pro-detail-content .pro-intro {
  margin-top: 0; background: #fff; border: 1px solid var(--ym-line); border-radius: 20px; padding: 32px;
}
main.ym-section-page .pro-detail-content .pro-intro article { line-height: 1.85; }
main.ym-section-page .pro-detail-content .pro-page-switch { border-radius: 12px; overflow: hidden; margin-block: 30px; }
main.ym-section-page .pro-detail-content .pro-page-switch .page-btn { background: #0B5ED7; }
main.ym-section-page .pro-detail-content .send-inquiry form {
  background: #fff; padding: 32px; border: 1px solid var(--ym-line); border-radius: 20px;
}
main.ym-section-page .inquiry-form :is(input,textarea) {
  border: 1px solid var(--ym-line); background: #f8faff; border-radius: 10px; padding: 14px 16px;
  color: var(--ym-ink); font: inherit; max-width: 100%; box-shadow: none;
}
main.ym-section-page .inquiry-form :is(input,textarea):focus { outline: 2px solid #2B7AEF; outline-offset: 1px; background: #fff; }
main.ym-section-page .send-btn { background: #0B5ED7; color: #fff; border: 0; border-radius: 999px; font-family: Manrope,Arial,sans-serif; font-weight: 700; padding: 14px 28px; }
@media(max-width:1200px) {
  main.ym-section-page .products-content .pro-list { grid-template-columns: repeat(3,minmax(0,1fr)); }
  main.ym-section-page .pro-detail-content .pro-review .pro-preview-left { min-width: 400px; }
  main.ym-section-page .support .support-item { gap: 28px; padding: 28px; }
}
@media(max-width:992px) {
  main.ym-section-page .products-content .pro-list,
  main.ym-section-page .applic-list > ul,
  main.ym-section-page .news-content .news-list { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 22px; }
  main.ym-section-page .support .support-item { flex-direction: column-reverse; align-items: stretch; }
  main.ym-section-page .pro-detail-content .pro-review { flex-direction: column; }
  main.ym-section-page .pro-detail-content .pro-review .pro-preview-left { min-width: 0; width: 100%; }
  main.ym-section-page .pro-detail-content .pro-review .pro-preview-right { padding: 32px 0 0; }
  main.ym-section-page .pro-detail-content .preview-container { margin-inline: auto; max-width: 100%; }
}
@media(max-width:600px) {
  main.ym-section-page { padding-bottom: 56px; }
  main.ym-section-page .pagesbanner { height: 290px; }
  main.ym-section-page .pagesbanner-animate .p1 { font-size: 31px; }
  main.ym-section-page .pagesbanner-animate .p2 { font-size: 14px; line-height: 1.7; margin-top: 16px; }
  main.ym-section-page .breadcrumbs-nav { font-size: 11px; min-height: 58px; padding-block: 18px; }
  main.ym-section-page .breadcrumbs-nav .pro-filter { font-size: 10px; max-width: 48%; overflow: hidden; text-overflow: ellipsis; padding-inline: 12px; }
  main.ym-section-page > :is(.abouts-content,.products-content,.news-content) { margin-top: 28px; }
  main.ym-section-page .products-content .pro-list,
  main.ym-section-page .applic-list > ul,
  main.ym-section-page .news-content .news-list { grid-template-columns: minmax(0,1fr); gap: 22px; }
  main.ym-section-page .products-content .pro-list .list-1 .pro-img { height: 250px; }
  main.ym-section-page .support .support-item { border-radius: 18px; padding: 22px; gap: 26px; }
  main.ym-section-page .support .item-con h4 { font-size: 24px; }
  main.ym-section-page .support .item-con { font-size: 14px; }
  body main.ym-section-page .news-detail-content { padding: 24px; margin-top: 28px; border-radius: 18px; }
  main.ym-section-page .news-detail-content .news-info { gap: 12px; flex-wrap: wrap; margin-block: 18px 26px; }
  main.ym-section-page .pro-detail-content .pro-review { margin-block: 28px; padding: 20px; border-radius: 18px; }
  main.ym-section-page .pro-detail-content .pro-review .pro-preview-right { padding-top: 24px; }
  main.ym-section-page .ym-product-fallback { min-height: 240px; padding: 16px; }
  main.ym-section-page .ym-product-fallback img { height: 230px; }
  main.ym-section-page .pro-detail-content .pro-preview-right .btn-list :is(.btn,.pdown2) { min-width: 0; width: 100%; }
  main.ym-section-page .pro-detail-content .pro-intro,
  main.ym-section-page .pro-detail-content .send-inquiry form { padding: 22px; }
  main.ym-section-page .pagination :is(a,span) { padding: 7px 10px; min-width: 32px; font-size: 12px; }
}
/* The legacy mobile gallery initializes only for phone user agents. Retain a
   useful main photograph on tablets and resized desktop windows as well. */
@media(max-width:768px) {
  main.ym-section-page .pro-detail-content .pro-review .pro-preview-left .preview-container:not(:has(#gallery.swiper-container-horizontal)) .small-box {
    display: flex; width: 100%; max-width: 450px; height: 300px; margin-inline: auto; border-radius: 12px;
  }
}
@media(prefers-reduced-motion:reduce) {
  main.ym-section-page *,main.ym-section-page *::before,main.ym-section-page *::after { transition: none; animation: none; }
}
/* Contact: original editable contact rich text and original AJAX form action. */
main.ym-contact-page .contact-wrapper {
  display: grid; grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr);
  gap: 28px; align-items: start; margin: 0; padding: 0;
}
main.ym-contact-page .contact-wrapper .contact-left,
main.ym-contact-page .contact-wrapper .contact-main {
  min-width: 0; width: 100%; margin: 0; padding: 36px; background: #fff;
  border: 1px solid #DCE6F2; border-radius: 22px; box-shadow: 0 5px 20px rgba(10,37,64,.035);
}
main.ym-contact-page .ym-contact-eyebrow { display: block; color: #0B5ED7; font-size: 11px; font-weight: 800; letter-spacing: .14em; margin-bottom: 14px; }
main.ym-contact-page .contact-wrapper .contact-left .title,
main.ym-contact-page .contact-main h2 { font-size: clamp(23px,2vw,30px); line-height: 1.35; letter-spacing: -.025em; margin: 0; }
main.ym-contact-page .ym-contact-company { color: #5B6B80; font-size: 12px; font-weight: 700; margin-top: 18px; line-height: 1.8; }
main.ym-contact-page .contact-left .ab_img { color: #5B6B80; font-size: 15px; line-height: 1.85; overflow-wrap: anywhere; }
main.ym-contact-page .contact-left .ab_img :is(p,span,div,strong,b) { font-family: inherit !important; font-size: inherit !important; line-height: inherit !important; }
main.ym-contact-page .contact-left .ab_img p { margin-bottom: 12px; }
main.ym-contact-page .contact-left .ab_img p:empty { display: none; }
main.ym-contact-page .ym-contact-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin-top: 28px; }
main.ym-contact-page .ym-contact-actions a { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border: 1px solid #DCE6F2; border-radius: 12px; color: #0B5ED7; font-size: 13px; font-weight: 700; background: #f8faff; }
main.ym-contact-page .ym-contact-actions a:hover { background: #EAF3FF; border-color: #b3cef4; }
main.ym-contact-page .ym-form-intro { color: #5B6B80; font-size: 14px; line-height: 1.85; margin: 16px 0 28px; }
main.ym-contact-page .contact-wrapper .contact-main .send-inquiry .inquiry-form {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; margin: 0; width: 100%;
}
main.ym-contact-page .ym-field { display: grid; gap: 8px; min-width: 0; }
main.ym-contact-page .ym-field-message { grid-column: 1/-1; }
main.ym-contact-page .ym-field label { color: #1B2B40; font-size: 13px; font-weight: 700; }
main.ym-contact-page .ym-field label span { color: #0B5ED7; }
main.ym-contact-page .contact-main .inquiry-form :is(input,textarea) {
  width: 100%; min-width: 0; max-width: 100%; margin: 0; font-family: Manrope,Arial,sans-serif;
  font-size: 14px; line-height: 1.6; border: 1px solid #DCE6F2; border-radius: 10px;
  background: #f8faff; color: #1B2B40; padding: 13px 15px;
}
main.ym-contact-page .contact-main .inquiry-form input { height: 50px; }
main.ym-contact-page .contact-main .inquiry-form textarea { height: auto; min-height: 170px; resize: vertical; }
main.ym-contact-page .contact-main .send-btn {
  display: inline-flex; justify-content: center; align-items: center; gap: 24px;
  width: auto; min-width: 180px; height: 50px; line-height: 1.5; margin: 24px 0 0;
  padding: 12px 24px; font-size: 14px; cursor: pointer;
}
@media(max-width:992px) {
  main.ym-contact-page .contact-wrapper { grid-template-columns: minmax(0,1fr); gap: 24px; }
}
@media(max-width:600px) {
  main.ym-contact-page .contact-wrapper .contact-left,
  main.ym-contact-page .contact-wrapper .contact-main { padding: 24px; border-radius: 18px; }
  main.ym-contact-page .contact-wrapper .contact-main .send-inquiry .inquiry-form { grid-template-columns: minmax(0,1fr); gap: 18px; }
  main.ym-contact-page .contact-main .send-btn { width: 100%; }
  main.ym-contact-page .ym-contact-actions { gap: 8px; }
}

/* Collection cards mirror the homepage while all records remain CMS-driven. */
main.ym-section-page .ym-category-tabs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:28px; }
main.ym-section-page .ym-category-tabs a { padding:10px 18px; border:1px solid #dce5f0; border-radius:999px; background:#fff; color:#5b6b80; font-size:13px; font-weight:700; }
main.ym-section-page .ym-category-tabs a:hover,
main.ym-section-page .ym-category-tabs a[aria-current=page] { background:#0a2540; border-color:#0a2540; color:#fff; }
main.ym-section-page :is(.products-content .pro-list .list-1,.applic-item).ym-collection-card {
  border:1px solid #e0e7ef; border-radius:18px; box-shadow:0 5px 16px rgba(10,37,64,.025); background:#fff;
  overflow:hidden; display:flex; flex-direction:column; height:100%; transition:transform .25s,box-shadow .25s,border-color .25s;
}
main.ym-section-page :is(.products-content .pro-list .list-1,.applic-item).ym-collection-card:hover,
main.ym-section-page .ym-collection-card:focus-within { border-color:#97b9eb; transform:translateY(-5px); box-shadow:0 16px 34px rgba(20,64,116,.1); }
main.ym-section-page .ym-collection-media { position:relative; height:240px; margin:9px 9px 0; padding:52px 22px 30px; border-bottom:1px solid #edf1f6; border-radius:12px; background:#fff; overflow:hidden; }
main.ym-section-page .ym-collection-media>a { display:block; width:100%; height:100%; }
main.ym-section-page .ym-collection-media img { position:static; width:100%; height:100%; max-height:100%; object-fit:contain; transition:transform .3s; }
main.ym-section-page .ym-collection-card:hover .ym-collection-media img { transform:scale(1.04); }
main.ym-section-page .ym-collection-badges { position:absolute; top:12px; left:12px; right:12px; display:flex; justify-content:space-between; align-items:center; gap:8px; }
main.ym-section-page .ym-category-badge { color:#0b5ed7; background:#eef4fc; border-radius:999px; padding:5px 9px; font-size:9px; font-weight:700; letter-spacing:.2px; }
main.ym-section-page .ym-oem-tag { color:#63758b; font-size:8px; font-weight:700; letter-spacing:1px; white-space:nowrap; }
main.ym-section-page .ym-collection-number { position:absolute; bottom:10px; right:12px; color:#73849a; font-size:9px; font-weight:700; letter-spacing:1.5px; }
main.ym-section-page .ym-collection-body { flex:1; display:flex; flex-direction:column; min-width:0; padding:22px; }
main.ym-section-page .ym-collection-title { font-size:15px; font-weight:700; line-height:1.45; min-height:44px; letter-spacing:-.35px; margin:0 0 12px; }
main.ym-section-page .ym-collection-title a { color:#0a2540; }
main.ym-section-page .ym-collection-card:hover .ym-collection-title a { color:#0b5ed7; }
main.ym-section-page .ym-collection-card .ym-card-description { flex:1; display:block; overflow:visible; font-size:12px; line-height:1.8; margin:0 0 20px; color:#73849a; }
main.ym-section-page .ym-collection-specs { display:flex; flex-wrap:wrap; gap:6px; align-content:start; margin-bottom:18px; }
main.ym-section-page .ym-collection-specs:empty { display:none; }
main.ym-section-page .ym-spec-pill { display:inline-flex; align-items:baseline; gap:5px; color:#1b2b40; background:#f4f7fb; border:1px solid #e9eef5; border-radius:5px; padding:4px 7px; font-size:9px; line-height:1.5; overflow-wrap:anywhere; }
main.ym-section-page .ym-spec-pill::before { content:'✓'; color:#2b7aef; }
main.ym-section-page .ym-collection-actions { display:flex; gap:10px; align-items:center; margin-top:auto; padding-top:18px; border-top:1px solid #dce5f0; }
main.ym-section-page .ym-collection-actions .ym-card-link { flex:1; display:flex; justify-content:center; align-items:center; min-height:40px; padding:11px 12px; margin:0; border:0; border-radius:9px; color:#fff; background:#0a2540; font-size:11px; font-weight:700; }
main.ym-section-page .ym-collection-actions .ym-card-link:hover { background:#0b5ed7; }
main.ym-section-page .ym-card-download { padding:10px; border:1px solid #dce5f0; border-radius:9px; font-size:10px; font-weight:700; color:#0b5ed7; }
main.ym-section-page .ym-collection-empty { padding:48px 24px; text-align:center; border:1px solid #e0e7ef; border-radius:18px; background:#fff; }
main.ym-section-page .ym-collection-empty p { color:#5b6b80; margin:16px 0 24px; }
main.ym-section-page .ym-collection-empty a { display:inline-block; background:#0a2540; color:#fff; border-radius:9px; padding:12px 20px; font-size:13px; }
/* Blog markup, badges and metadata use the same structure as the homepage. */
main.ym-insights-page .news-list .ym-story-card { border-color:#e0e7ef; border-radius:18px; box-shadow:0 5px 16px rgba(10,37,64,.025); }
main.ym-insights-page .blog-card-media { position:relative; height:230px; overflow:hidden; background:#eef4fc; }
main.ym-insights-page .blog-card-media>a { display:block; height:100%; }
main.ym-insights-page .blog-card-media img { width:100%; height:100%; object-fit:cover; transition:transform .3s; }
main.ym-insights-page .ym-story-card:hover .blog-card-media img { transform:scale(1.04); }
main.ym-insights-page .blog-card-badge { position:absolute; top:16px; left:16px; z-index:1; border-radius:999px; padding:6px 12px; background:#fff; color:#0b5ed7; font-size:10px; font-weight:700; }
main.ym-insights-page .blog-card-body { flex:1; display:flex; flex-direction:column; padding:26px; }
main.ym-insights-page .blog-card-meta { display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:11px; color:#73849a; }
main.ym-insights-page .blog-card-meta>span { display:inline-flex; align-items:center; gap:6px; }
main.ym-insights-page .blog-card-meta svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.7; }
main.ym-insights-page .blog-card-title { margin:16px 0 12px; font-size:19px; line-height:1.45; }
main.ym-insights-page .blog-card-title a { color:#0a2540; }
main.ym-insights-page .blog-card-desc { color:#73849a; font-size:13px; line-height:1.8; margin-bottom:24px; }
main.ym-insights-page .blog-card-link { margin-top:auto; padding-top:18px; border-top:1px solid #dce5f0; color:#0b5ed7; font-size:12px; font-weight:700; }
@media(min-width:993px) and (max-width:1100px) {
  main.ym-section-page .ym-collection-body { padding:16px; }
  main.ym-section-page .ym-collection-media { height:210px; padding-inline:12px; }
}
@media(max-width:600px) {
  main.ym-section-page .ym-collection-media { height:250px; }
  main.ym-section-page .ym-collection-actions .ym-card-link { min-height:44px; }
  main.ym-section-page .ym-category-tabs { gap:8px; }
  main.ym-section-page .ym-category-tabs a { font-size:11px; padding:9px 12px; }
}
@media(prefers-reduced-motion:reduce) {
  main.ym-section-page .ym-collection-card,
  main.ym-section-page .ym-collection-media img { transition:none; }
  main.ym-section-page .ym-collection-card:hover,
  main.ym-section-page .ym-collection-card:focus-within,
  main.ym-section-page .ym-collection-card:hover .ym-collection-media img { transform:none; }
}
/* Override legacy phone rules that add viewport-based margins to every span. */
main.ym-section-page .products-content .pro-list .list-1.ym-collection-card span { margin:0; }

/* Dynamic equipment/article reading layout. No CMS rich text is rewritten. */
body main.ym-section-page.ym-article-page .news-detail-content {
  padding:clamp(24px,4vw,64px); margin-top:40px; border-radius:24px;
  background:#fff; border:1px solid #e0e7ef; box-shadow:0 8px 30px rgba(10,37,64,.035);
}
main.ym-section-page.ym-article-page .news-detail-content .ym-article-heading {
  width:min(100%,900px); margin:0 auto 36px; padding-bottom:30px; border-bottom:1px solid #e0e7ef;
}
main.ym-section-page.ym-article-page .ym-article-category {
  display:inline-flex; align-items:center; border-radius:999px; padding:7px 13px;
  background:#eef4fc; color:#0b5ed7; font-size:11px; font-weight:800; letter-spacing:.04em; margin-bottom:20px;
}
main.ym-section-page.ym-article-page .ym-article-category:hover { background:#dceaff; }
main.ym-section-page.ym-article-page .news-detail-content .news-title {
  width:auto; max-width:860px; margin:0; padding:0; text-align:left;
  color:#0a2540; font-family:Sora,Arial,sans-serif; font-weight:700;
  font-size:clamp(26px,3vw,42px); line-height:1.3; letter-spacing:-.035em; overflow-wrap:anywhere;
}
main.ym-section-page.ym-article-page .news-detail-content .news-info {
  justify-content:flex-start; align-items:center; flex-wrap:wrap; width:auto;
  gap:10px 22px; margin:22px 0 0; color:#73849a; font-size:12px;
}
main.ym-section-page.ym-article-page .news-detail-content .news-info p { margin:0; font-size:inherit; line-height:1.5; color:inherit; }
main.ym-section-page.ym-article-page .news-detail-content article {
  width:min(100%,900px); margin-inline:auto; color:#5b6b80; font-size:15px; line-height:1.9; overflow-wrap:anywhere;
}
main.ym-section-page.ym-article-page .news-detail-content article>p { max-width:780px; margin:0 auto 24px; color:inherit; }
main.ym-section-page.ym-article-page .news-detail-content article :is(h2,h3,h4) { max-width:780px; margin:32px auto 16px; }
main.ym-section-page.ym-article-page .news-detail-content article :is(ul,ol) { padding-left:24px; margin-block:18px 24px; }
main.ym-section-page.ym-article-page .news-detail-content article :is(img,video,iframe) { max-width:100%; }
main.ym-section-page.ym-article-page .news-detail-content article img { display:block; width:auto; height:auto; max-height:640px; object-fit:contain; margin-inline:auto; border-radius:12px; }
main.ym-section-page.ym-article-page .news-detail-content article>p:has(>img:only-child) {
  display:flex; justify-content:center; align-items:center; max-width:none; padding:24px;
  margin:28px 0; border:1px solid #e4ebf4; border-radius:18px; background:#f8faff;
}
/* Equipment photographs form a responsive gallery; prose stays full width. */
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>* { grid-column:1/-1; min-width:0; }
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p { margin-block:0; }
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p:has(>img:only-child) { grid-column:auto; margin:0; min-height:280px; }
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p:has(>img:only-child):nth-child(2) { grid-column:1/-1; }
main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p:has(>img:only-child) img { max-height:360px; width:auto; }
main.ym-section-page.ym-article-page .news-detail-content .pages-list {
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px;
  width:min(100%,900px); margin:40px auto 0; padding-top:28px; border-top:1px solid #e0e7ef;
}
main.ym-section-page.ym-article-page .news-detail-content .pages-list .ym-article-adjacent {
  display:flex; flex-direction:column; gap:10px; min-width:0; padding:22px; margin:0;
  border:1px solid #dce5f0; border-radius:14px; background:#f8faff; text-decoration:none; line-height:1.5;
}
main.ym-section-page.ym-article-page .news-detail-content .pages-list .ym-article-adjacent span { font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:#73849a; line-height:1.5; }
main.ym-section-page.ym-article-page .news-detail-content .pages-list .ym-article-adjacent strong { font-family:Sora,Arial,sans-serif; font-size:14px; font-weight:600; color:#0a2540; line-height:1.55; overflow-wrap:anywhere; }
main.ym-section-page.ym-article-page .news-detail-content .pages-list .ym-article-adjacent:hover { background:#eef4fc; border-color:#97b9eb; }
@media(max-width:768px) {
  main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article { grid-template-columns:minmax(0,1fr); gap:20px; }
  main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p:has(>img:only-child) { grid-column:1/-1; min-height:0; padding:18px; }
  main.ym-section-page.ym-article-page .news-detail-content[data-category="23"] article>p:has(>img:only-child) img { max-height:380px; }
}
@media(max-width:600px) {
  body main.ym-section-page.ym-article-page .news-detail-content { padding:24px 20px; margin-top:24px; border-radius:18px; }
  main.ym-section-page.ym-article-page .news-detail-content .ym-article-heading { margin-bottom:24px; padding-bottom:24px; }
  main.ym-section-page.ym-article-page .news-detail-content .news-title { font-size:26px; line-height:1.35; letter-spacing:-.025em; }
  main.ym-section-page.ym-article-page .news-detail-content article { font-size:14px; line-height:1.85; }
  main.ym-section-page.ym-article-page .news-detail-content article>p:has(>img:only-child) { padding:14px; border-radius:12px; }
  main.ym-section-page.ym-article-page .news-detail-content .pages-list { grid-template-columns:minmax(0,1fr); gap:12px; margin-top:28px; padding-top:24px; }
  main.ym-section-page.ym-article-page .news-detail-content .pages-list .ym-article-adjacent { padding:18px; }
}

main.ym-section-page.ym-article-page .news-detail-content .share-btn-list:empty { display:none; }

/* Desktop equipment editorial layout; approved phone/tablet layout stays intact. */
@media(min-width:1100px) {
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) { display:grid; grid-template-columns: .95fr 1.05fr; gap:24px; padding:0; border:0; border-radius:0; box-shadow:none; background:transparent; align-items:stretch; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > .ym-article-heading { grid-column:1; grid-row:1; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; width:auto; min-width:0; margin:0; padding:42px; border:0; border-radius:24px; background:radial-gradient(ellipse at 100% 0%,#245886 0%,transparent 65%),linear-gradient(140deg,#0a2540,#103554); box-shadow:0 14px 32px rgba(10,37,64,.08); }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) .ym-article-category { background:rgba(255,255,255,.1); color:#c6ddff; border:1px solid rgba(255,255,255,.15); padding:7px 13px; margin-bottom:24px; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) .news-title { color:#fff; font-size:clamp(32px,2.7vw,44px); line-height:1.28; letter-spacing:-.04em; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) .news-info { color:#c1d2e5; gap:22px; margin-top:26px; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article { display:contents; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > * { grid-column:1/-1; min-width:0; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:first-child { grid-column:1/-1; grid-row:2; width:100%; max-width:none; margin:0; padding:30px 36px 34px; border:1px solid #e0e7ef; border-radius:20px; background:#fff; color:#5b6b80; font-size:14px; line-height:1.9; column-count:2; column-gap:48px; column-rule:1px solid #e8eef6; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:first-child::before { content:'Overview'; display:block; column-span:all; margin-bottom:16px; font-family:Sora,Arial,sans-serif; font-size:19px; font-weight:600; letter-spacing:-.025em; color:#0a2540; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:has(>img:only-child) { grid-column:auto; min-height:310px; margin:0; padding:24px; border:1px solid #dfe8f4; border-radius:24px; background:#fff; box-shadow:0 5px 20px rgba(10,37,64,.025); }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:has(>img:only-child):nth-child(2) { grid-column:2; grid-row:1; min-height:380px; padding:24px; background:linear-gradient(140deg,#fff 50%,#f0f6ff); }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:has(>img:only-child) img { max-height:300px; max-width:100%; width:auto; object-fit:contain; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > article > p:has(>img:only-child):nth-child(2) img { max-height:400px; width:100%; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) > .pages-list { grid-column:1/-1; width:100%; margin:4px 0 0; padding-top:0; border:0; gap:24px; }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) .pages-list .ym-article-adjacent { padding:26px 30px; border-radius:18px; background:#fff; box-shadow:0 5px 20px rgba(10,37,64,.025); }
body main.ym-section-page.ym-article-page .news-detail-content[data-category="23"]:has(>article>p:nth-child(2)>img:only-child):has(>article>p:first-child):not(:has(>article>p:first-child img)) .pages-list .ym-article-adjacent span { color:#0b5ed7; }
}