.business-page { background: #f7f7f5; color: #202327; }
.procurement-faq details { border-bottom: 1px solid #d6d8d9; scroll-margin-top: 110px; }
.procurement-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 24px 0; cursor: pointer; font-size: 18px; line-height: 1.5; font-weight: 600; list-style: none; }
.procurement-faq summary::-webkit-details-marker { display: none; }
.procurement-faq summary svg { width: 20px; height: 20px; flex-shrink: 0; }
.procurement-faq details[open] summary svg { transform: rotate(180deg); }
.procurement-faq details > div { max-width: 950px; padding: 0 32px 24px 0; }
[dir="rtl"] .procurement-faq details > div { padding: 0 0 24px 32px; }
.procurement-faq summary:focus-visible { outline: 2px solid #d84d00; outline-offset: 4px; }
.oem-page-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.oem-page-options article { padding-inline-start: 20px; border-inline-start: 2px solid #ec621b; }
.oem-color-evidence { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 36px; align-items: center; }
.oem-color-evidence > * { min-width: 0; }
.oem-color-evidence figure { margin: 0; aspect-ratio: 4 / 3; }
.oem-color-evidence img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
@media (max-width: 600px) { .oem-color-evidence { grid-template-columns: 1fr; gap: 20px; } }
.oem-page-process { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 40px; }
.oem-page-process li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 16px; padding-top: 24px; border-top: 1px solid #d6d8d9; }
.oem-page-process .business-number { margin: 0; }
@media (max-width: 800px) { .oem-page-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .oem-page-options, .oem-page-process { grid-template-columns: 1fr; } }
.business-page[data-business-page="factory"] { background: #080808; color: #fff; }
[data-business-page="factory"] .business-main p { color: #ccc; }
[data-business-page="factory"] .business-heading,
[data-business-page="factory"] .business-section { border-color: #383838; }
[data-business-page="factory"] .business-breadcrumb,
[data-business-page="factory"] figcaption { color: #bbb; }
[data-business-page="factory"] .business-number { color: #f48a48; }
[data-business-page="factory"] .business-button.secondary { color: #fff; border-color: #777; }
[data-business-page="factory"] .business-button.secondary:hover { background: #222; }
.factory-page-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 32px; }
.factory-page-capabilities article > svg { width: 28px; height: 28px; color: #f48a48; margin-bottom: 18px; }
.factory-page-workflow { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.factory-page-workflow li { border-top: 2px solid #a95325; padding-top: 24px; }
.factory-page-inspections { list-style: none; padding: 0; margin: 0; }
.factory-page-inspections li { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 24px; padding: 24px 0; border-top: 1px solid #383838; }
.factory-page-inspections .business-number { margin: 0; }
.factory-page-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.factory-page-gallery figure { margin: 0; }
.factory-page-gallery a { display: block; position: relative; }
.factory-page-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
.factory-page-gallery figcaption { font-size: 15px; line-height: 1.6; margin-top: 14px; }
.site-photo-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.site-photo-card { margin: 0; min-width: 0; }
.site-photo-card > a { display: block; position: relative; aspect-ratio: 4 / 3; }
.site-photo-card img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
.site-photo-card figcaption { margin-top: 14px; }
.business-main .site-photo-card h4 { margin: 0 0 8px; font-size: 18px; line-height: 1.45; font-weight: 600; }
.business-main .site-photo-card p { font-size: 15px; line-height: 1.7; margin: 0; }
.factory-photo-group + .factory-photo-group { margin-top: 36px; padding-top: 28px; border-top: 1px solid #383838; }
.factory-photo-group > p { margin: 0 0 20px; }
@media (max-width: 600px) { .site-photo-grid { grid-template-columns: 1fr; } }
.factory-zoom-icon { position: absolute; bottom: 12px; inset-inline-end: 12px; display: grid; place-items: center; width: 40px; height: 40px; background: #111; color: #fff; border-radius: 4px; }
.factory-zoom-icon svg { width: 20px; }
.factory-equipment-note { margin-top: 32px; max-width: 850px; }
.factory-image-dialog { position: fixed; inset: 0; margin: auto; width: min(94vw, 1200px); max-height: 94vh; padding: 56px 20px 16px; background: #141414; color: #fff; border: 1px solid #555; border-radius: 4px; }
.factory-image-dialog::backdrop { background: #000d; }
.factory-image-dialog img { width: 100%; height: 72vh; object-fit: contain; }
.factory-image-dialog p { margin-top: 12px; }
.factory-image-close { position: absolute; top: 8px; inset-inline-end: 8px; width: 40px; height: 40px; display: grid; place-items: center; background: #222; color: #fff; border: 1px solid #777; border-radius: 4px; cursor: pointer; }
@media (max-width: 900px) { .factory-page-capabilities, .factory-page-workflow { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .factory-page-capabilities, .factory-page-gallery { grid-template-columns: 1fr; } .factory-page-inspections li { grid-template-columns: 40px minmax(0, 1fr); gap: 16px; } }
.business-main { width: min(92%, 1260px); margin: 0 auto; padding-bottom: 64px; }
.business-main * { min-width: 0; letter-spacing: 0; }
.business-heading { padding: 36px 0 40px; border-bottom: 1px solid #d6d8d9; }
.business-breadcrumb { display: flex; gap: 12px; align-items: center; color: #62676c; font-size: 14px; margin-bottom: 24px; flex-wrap: wrap; }
.business-breadcrumb a { min-height: 44px; display: inline-flex; align-items: center; }
.business-heading h1 { font-size: 44px; line-height: 1.15; font-weight: 700; max-width: 900px; text-wrap: balance; }
.business-heading > p { max-width: 780px; font-size: 18px; line-height: 1.7; margin-top: 20px; color: #53595f; }
.business-section { padding: 48px 0; border-bottom: 1px solid #d6d8d9; scroll-margin-top: 110px; }
.business-section-heading { max-width: 790px; margin-bottom: 28px; }
.business-main h2 { font-size: 28px; line-height: 1.3; }
.business-main h3 { font-size: 20px; line-height: 1.4; margin: 0 0 12px; }
.business-main p { font-size: 16px; line-height: 1.8; color: #53595f; }
.business-section-heading p { margin-top: 16px; }
.business-main a:focus-visible { outline: 2px solid #d84d00; outline-offset: 5px; }
.business-button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 48px; padding: 12px 20px; background: #ec621b; color: #15181d; font-size: 15px; font-weight: 700; border: 1px solid #ec621b; border-radius: 4px; line-height: 1.4; text-align: center; }
.business-button:hover { background: #f98040; }
.business-button.secondary { background: transparent; border-color: #73797f; color: #202327; }
.business-button.secondary:hover { background: #e9ebed; }
.business-button svg, .business-text-link svg { width: 18px; height: 18px; flex-shrink: 0; }
.business-text-link { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 15px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.business-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 28px; }
.about-overview { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
.about-overview figure { margin: 0; }
.about-overview img { width: 100%; height: auto; object-fit: contain; }
.about-overview figcaption { font-size: 13px; line-height: 1.6; color: #62676c; margin-top: 12px; }
.about-overview p + p { margin-top: 20px; }
.about-overview .business-button { margin-top: 28px; }
.about-capabilities { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
.business-number { display: block; font-size: 24px; color: #b64408; margin-bottom: 20px; font-weight: 700; }
.about-capabilities article { border-inline-start: 2px solid #ec621b; padding-inline-start: 24px; }
.about-capabilities .business-text-link { margin-top: 20px; }
.business-buyer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px 32px; }
.business-buyer-list li { display: flex; gap: 12px; align-items: center; font-size: 16px; line-height: 1.5; }
.business-buyer-list svg { width: 20px; color: #b64408; flex-shrink: 0; }
.business-cta { padding: 48px 0 0; display: flex; align-items: center; justify-content: space-between; gap: 32px; }
.business-cta .business-section-heading { margin: 0; }
.resource-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; align-items: center; gap: 28px; padding: 28px 0; border-top: 1px solid #d6d8d9; }
.resource-symbol { color: #a8400c; }
.resource-symbol svg { width: 32px; height: 32px; }
.resource-meta { display: block; color: #666c71; font-size: 13px; margin-top: 10px; line-height: 1.6; }
.resource-process { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; padding: 0; margin: 32px 0; list-style: none; }
.resource-process li { display: flex; gap: 20px; border-top: 1px solid #d6d8d9; padding-top: 24px; }
.resource-process .business-number { font-size: 20px; }
.compliance-section { display: grid; grid-template-columns: minmax(0, 3fr) 1fr; gap: 48px; align-items: center; border-bottom: 0; }
.compliance-section ul { padding-inline-start: 20px; color: #53595f; line-height: 1.9; margin: 20px 0; }
.compliance-section .compliance-note { font-size: 14px; }
.compliance-mark { display: grid; place-items: center; border-inline-start: 1px solid #d6d8d9; }
.compliance-mark svg { width: 96px; height: 96px; stroke-width: 1; color: #62676c; }
.application-index { display: flex; flex-wrap: wrap; gap: 12px 28px; padding: 24px 0; border-bottom: 1px solid #d6d8d9; }
.application-index a { display: flex; gap: 12px; align-items: center; min-height: 44px; font-size: 15px; }
.application-index svg { width: 16px; height: 16px; color: #b64408; }
.application-row { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; padding: 48px 0; border-bottom: 1px solid #d6d8d9; align-items: center; scroll-margin-top: 110px; }
.application-row figure { margin: 0; aspect-ratio: 4 / 3; background: #fff; }
.application-row img { width: 100%; height: 100%; object-fit: contain; padding: 28px; }
.business-main .business-kicker { color: #b64408; font-size: 14px; font-weight: 700; margin-bottom: 12px; }
.application-row h2 { margin-bottom: 16px; }
.application-row h3 { font-size: 16px; margin: 20px 0 4px; }
.business-main .application-note { padding-top: 28px; font-size: 14px; }
@media (max-width: 900px) {
  .business-heading h1 { font-size: 36px; }
  .about-overview { gap: 28px; }
  .about-capabilities { gap: 20px; }
  .resource-process { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .application-row { gap: 32px; }
  .compliance-section { grid-template-columns: 1fr; }
  .compliance-mark { display: none; }
}
@media (max-width: 600px) {
  .business-main { width: 90%; padding-bottom: 40px; }
  .business-heading { padding: 20px 0 28px; }
  .business-heading h1 { font-size: 30px; }
  .business-main h2 { font-size: 24px; }
  .business-section { padding: 32px 0; }
  .about-overview, .about-capabilities, .resource-process, .application-row { grid-template-columns: 1fr; gap: 28px; }
  .business-cta { flex-direction: column; align-items: stretch; }
  .resource-row { grid-template-columns: 32px minmax(0, 1fr); gap: 16px; }
  .resource-row > .business-button { grid-column: 2; justify-self: start; }
  .resource-symbol svg { width: 24px; height: 24px; }
  .application-row { padding: 32px 0; }
  .application-row figure { max-height: 260px; width: 100%; }
  .business-actions { gap: 12px; }
  .business-actions .business-button { flex: 1 1 140px; }
}