/* OEM / ODM process section — page-scoped editorial treatment. */
body:is(.page-id-4199,.page-id-4200) .dm-srv-process{--process-ink:#10231e;--process-teal:#0b493a;--process-mint:#65cdb8;--process-wash:#edf4f1;--process-line:rgba(16,35,30,.15);background:var(--process-wash)}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading{grid-template-columns:minmax(0,1.2fr) minmax(280px,.65fr);align-items:end;gap:clamp(36px,6vw,90px);margin-bottom:clamp(42px,5vw,68px)}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading h2{color:var(--process-ink);max-width:820px;font-size:clamp(46px,4.7vw,70px);line-height:1.01}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading>p{color:rgba(16,35,30,.72);font-size:16px;line-height:1.65}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list{display:grid;gap:1px;padding:1px;border:0;background:var(--process-line)}
.page-id-4199 .dm-srv-process__list{grid-template-columns:repeat(4,minmax(0,1fr))}
.page-id-4200 .dm-srv-process__list{grid-template-columns:repeat(3,minmax(0,1fr))}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:0 18px;min-width:0;min-height:450px;padding:0 28px 30px;overflow:hidden;border:0;background:#fff}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list figure{grid-column:1/-1;grid-row:1;width:calc(100% + 56px);height:190px;margin:0 -28px 28px;overflow:hidden;background:#dfe9e5}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li:hover img{transform:scale(1.035)}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list>li>span{grid-column:1;grid-row:2;padding-top:4px;color:#078b73;font-size:13px;font-weight:750}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list>li>div{grid-column:2;grid-row:2;min-width:0}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list h3{color:var(--process-ink);font-size:clamp(21px,1.6vw,28px);font-weight:700;line-height:1.12}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list p{color:rgba(16,35,30,.68);font-size:14px;line-height:1.62;margin-top:13px}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li:nth-child(1),.page-id-4199 .dm-srv-process__list li:nth-child(5),.page-id-4200 .dm-srv-process__list li:nth-child(4){box-shadow:inset 0 4px 0 var(--process-mint)}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list::after{grid-column:1/-1;display:block;padding:25px 30px;background:var(--process-teal);color:#fff;font:650 13px/1.55 Manrope,Inter,Arial,sans-serif;letter-spacing:.09em;text-align:center;text-transform:uppercase}
.page-id-4199 .dm-srv-process__list::after{content:"Brief  →  Design  →  Engineering  →  Sample  →  Approval  →  Production  →  Delivery"}
.page-id-4200 .dm-srv-process__list::after{content:"Select  →  Customize  →  Brand  →  Sample  →  Approve  →  Deliver"}
@media(max-width:1100px){.page-id-4199 .dm-srv-process__list,.page-id-4200 .dm-srv-process__list{grid-template-columns:repeat(2,minmax(0,1fr))}body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li{min-height:420px}body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list figure{display:block}}
@media(max-width:760px){body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading{grid-template-columns:1fr;gap:18px}body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading h2{font-size:clamp(38px,11vw,52px)}.page-id-4199 .dm-srv-process__list,.page-id-4200 .dm-srv-process__list{grid-template-columns:1fr}body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li{min-height:0;padding:0 24px 30px}body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list figure{width:calc(100% + 48px);height:clamp(190px,58vw,280px);margin-inline:-24px}body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list::after{padding:22px 20px;font-size:11px;letter-spacing:.06em}}

/* Keep the OEM process title on one line where the viewport safely allows it. */
@media (min-width: 1180px) {
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading h2 {
    max-width: none;
    font-size: clamp(42px,3.55vw,58px);
    white-space: nowrap;
  }
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading > p {
    max-width: 720px;
  }
}

/* Final desktop title fit: override inherited balanced wrapping. */
@media (min-width: 960px) {
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process .dm-srv-heading > div {
    width: 100%;
    max-width: none;
  }
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process #dm-srv-process-title {
    width: 100%;
    max-width: none;
    font-size: clamp(34px,3.25vw,50px);
    letter-spacing: -.045em;
    white-space: nowrap !important;
    text-wrap: nowrap !important;
  }
}
@media (max-width: 959px) {
  body:is(.page-id-4199,.page-id-4200) .dm-srv-process #dm-srv-process-title {
    white-space: normal;
    text-wrap: balance;
  }
}

/* Stack number, title and supporting copy on one clean left axis. */
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list li {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list figure {
  flex: 0 0 auto;
  order: 0;
}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list > li > span {
  order: 1;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0 0 18px;
  text-align: left;
}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list > li > div {
  order: 2;
  width: 100%;
}
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list h3,
body:is(.page-id-4199,.page-id-4200) .dm-srv-process__list p {
  width: 100%;
  max-width: none;
  text-align: left;
}