/* Ordering & Support design system. Desktop composition follows the six
   supplied 941 × 1672 references; the centered canvas remains controlled by
   --z02-canvas so it can be tuned globally. */
.ordering-support-page{background:var(--z02-surface-page);font-family:var(--font)}
.ordering-support-page button,.ordering-support-page input,.ordering-support-page select,.ordering-support-page textarea,.ordering-support-page optgroup,.ordering-support-page option{font-family:var(--font)}
.os-container{width:100%;margin-inline:auto}
/* Full-width section bands; keep their content aligned to the shared canvas. */
body.has-inner-banner.ordering-support-page:not(.category-page) main>.os-section,body.has-inner-banner.ordering-support-page:not(.category-page) main>.os-next{width:100%;margin-inline:0}
.ordering-support-page main>.os-section>.os-container,.ordering-support-page main>.os-next>.os-container{width:var(--z02-canvas);max-width:100%}
.inner-banner .os-trust{color:var(--z02-on-dark)}
.inner-banner .os-trust b,.inner-banner .os-trust small{color:var(--z02-on-dark)}
.os-kicker{margin:0;color:var(--z02-accent);font-size:var(--z02-fs-label);font-weight:var(--z02-fw-semibold);letter-spacing:var(--z02-ls-kicker);text-transform:uppercase}
.os-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.os-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:0 22px;border:1px solid var(--z02-accent);border-radius:var(--z02-radius-control);background:var(--z02-accent);color:var(--z02-on-dark);font-size:var(--z02-fs-action);font-weight:var(--z02-fw-semibold);text-decoration:none;cursor:pointer;transition:transform .16s ease,background .16s ease}
.os-button:hover{background:var(--z02-accent-hover);transform:translateY(-1px)}
.os-button-outline{background:var(--z02-surface);color:var(--z02-accent)}
.os-button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.os-trust{display:flex;gap:25px;margin-top:30px;color:var(--z02-accent);font-size:var(--z02-fs-copy)}
.os-trust span{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center}
.os-trust b{color:var(--z02-text);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold)}
.os-trust small{grid-column:2;color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}
.os-section{padding:54px 0;background:var(--z02-surface)}
.os-section.os-tint,.os-next.os-tint{background:var(--z02-surface-page)}
.os-section h2,.os-next h2{max-width:820px;margin:7px 0 12px;color:var(--z02-text);font-size:var(--z02-fs-h2);font-weight:var(--z02-fw-medium);letter-spacing:var(--z02-ls-heading);line-height:var(--z02-lh-heading)}
.os-section-lead{max-width:760px;margin:0 0 24px;color:var(--z02-text-muted);font-size:var(--z02-fs-copy);line-height:var(--z02-lh-copy)}
.os-grid{display:grid;gap:18px}.os-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.os-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.os-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.os-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.os-split{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:start}
.os-process{padding-top:35px}.os-step-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:28px}.os-step{position:relative;min-height:150px;padding:0 8px}.os-step:not(:last-child):after{content:"→";position:absolute;top:13px;right:-9px;color:var(--z02-accent);font-size:var(--z02-fs-h3)}.os-step-icon{display:grid;place-items:center;width:30px;height:30px;margin-bottom:12px;border-radius:50%;background:var(--z02-accent);color:var(--z02-on-dark);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold)}
.os-step h3,.os-card h3,.os-panel h3,.os-product-card h3{margin:0;color:var(--z02-text);font-size:var(--z02-fs-card-title);font-weight:var(--z02-fw-semibold);line-height:var(--z02-lh-card-title)}
.os-step p,.os-card p,.os-product-card p{margin:8px 0 0;color:var(--z02-text-muted);font-size:var(--z02-fs-meta);line-height:var(--z02-lh-copy)}
.os-card,.os-panel{border:1px solid var(--z02-border-line);border-radius:var(--z02-radius-card);background:var(--z02-surface);box-shadow:0 7px 22px rgba(23,33,43,.05)}
.os-card{padding:22px}.os-mini-card{min-height:174px}.os-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:16px;border-radius:50%;background:var(--z02-surface-selected);color:var(--z02-accent);font-size:var(--z02-fs-h4)}
.os-card a,.os-product-card a,.os-text-link,.os-resource-row,.os-family-link{display:inline-flex;gap:8px;margin-top:15px;color:var(--z02-accent);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold);text-decoration:none}
.os-center-link{text-align:center;margin-top:20px}.os-center-link a{color:var(--z02-accent);font-weight:var(--z02-fw-semibold);text-decoration:none}
.os-checklist{display:grid;gap:12px;margin:23px 0;padding:0;list-style:none;color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}.os-checklist li{display:flex;gap:10px;align-items:flex-start}.os-checklist li span{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--z02-accent);color:var(--z02-on-dark);font-size:11px;flex:none}
.os-panel{padding:22px}.os-quote-panel h3{display:flex;justify-content:space-between;margin-bottom:14px}.os-panel h3 small{color:var(--z02-text-muted);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-regular)}
.os-quote-row,.os-list-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--z02-border-line)}.os-quote-row img,.os-list-row img{width:48px;height:48px;object-fit:contain;background:var(--z02-surface-product);border-radius:6px}.os-quote-row span,.os-list-row span{flex:1;color:var(--z02-text);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold)}.os-quote-row small,.os-list-row small{display:block;color:var(--z02-text-muted);font-weight:var(--z02-fw-regular)}.os-quote-row b,.os-list-row b{color:var(--z02-text)}.os-quote-row em{padding:3px 7px;border-radius:5px;background:var(--z02-surface-selected);color:var(--z02-accent);font-size:var(--z02-fs-supporting);font-style:normal}.os-quote-panel .os-button{margin-top:18px;width:100%}
.os-info-panel h3{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:13px}.os-info-panel p,.os-summary p,.os-table-panel p{display:flex;justify-content:space-between;gap:15px;margin:0;padding:9px 0;border-bottom:1px solid var(--z02-border-line);color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}.os-info-panel p b,.os-summary p b,.os-table-panel p b{color:var(--z02-text);font-weight:var(--z02-fw-medium);text-align:right}.os-status{padding:3px 7px;border-radius:10px;background:var(--z02-surface-selected);color:var(--z02-text-muted);font-size:var(--z02-fs-supporting);font-weight:var(--z02-fw-medium);white-space:nowrap}.os-status-good{background:#e5f7ed;color:#18794e}.os-warning{color:var(--z02-warn)!important}
.os-media-copy{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.os-media-copy img,.os-wide-image{width:100%;height:220px;object-fit:cover;border-radius:var(--z02-radius-card)}
.os-doc-panel a,.os-resource-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0;padding:14px 0;border-bottom:1px solid var(--z02-border-line);color:var(--z02-text);font-size:var(--z02-fs-meta);text-decoration:none}.os-doc-panel a b,.os-resource-row b{color:var(--z02-accent)}
.os-config-panel{display:grid;grid-template-columns:90px 1.2fr repeat(4,1fr) auto;gap:16px;align-items:center}.os-config-panel>img{width:90px;height:90px;object-fit:contain;background:var(--z02-surface-product);border-radius:8px}.os-config-panel label,.os-form-panel label{display:grid;gap:6px;color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}.os-config-panel select,.os-form-panel input,.os-form-panel select,.os-form-panel textarea,.os-search{width:100%;min-height:38px;padding:9px 11px;border:1px solid var(--z02-border-control);border-radius:6px;background:var(--z02-surface);color:var(--z02-text);font-size:var(--z02-fs-meta)}.os-config-panel small{color:#18794e;font-size:var(--z02-fs-supporting)}
.os-summary .os-button{width:100%;margin-top:18px}.os-form-panel{display:grid;gap:14px}.os-form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.os-form-grid fieldset{min-width:0;border:1px solid var(--z02-border-line);border-radius:8px;padding:13px}.os-form-grid legend{padding:0 5px;color:var(--z02-text);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold)}.os-form-panel textarea{min-height:86px;resize:vertical}.os-form-panel .os-button{justify-self:start}.os-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.os-choice-grid label,.os-choice-grid a{display:flex;gap:8px;align-items:center;padding:11px;border:1px solid var(--z02-border-line);border-radius:6px;color:var(--z02-text);font-size:var(--z02-fs-meta);text-decoration:none}.os-choice-grid input{width:auto;min-height:0}.os-note{margin:0;color:var(--z02-text-muted);font-size:var(--z02-fs-meta);line-height:var(--z02-lh-copy)}
.os-products-grid{gap:12px}.os-product-card{overflow:hidden;border:1px solid var(--z02-border-line);border-radius:8px;background:var(--z02-surface)}.os-product-card img{width:100%;height:92px;object-fit:contain;background:var(--z02-surface-product)}.os-product-card div{padding:11px}.os-product-card h3{font-size:var(--z02-fs-meta)}.os-product-card p{font-size:var(--z02-fs-supporting)}.os-product-card a{font-size:var(--z02-fs-supporting)}
.os-pack-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.os-pack-flow article{position:relative}.os-pack-flow article:not(:last-child):after{content:"→";position:absolute;top:56px;right:-14px;color:var(--z02-accent);font-size:var(--z02-fs-h3)}.os-pack-flow img{width:100%;height:120px;object-fit:contain;background:var(--z02-surface);border-radius:8px}.os-pack-flow span{display:grid;place-items:center;width:24px;height:24px;margin-top:11px;border-radius:50%;background:var(--z02-accent);color:var(--z02-on-dark);font-size:var(--z02-fs-supporting)}.os-pack-flow h3{margin:8px 0 0;color:var(--z02-text);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold)}.os-pack-flow p{margin:5px 0;color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}
.os-table-panel{margin-top:20px}.os-table-panel h3{display:flex;justify-content:space-between;margin-bottom:10px}.os-table-panel p span{display:grid;color:var(--z02-text)}.os-table-panel p small{color:var(--z02-text-muted)}.os-table-panel p em{color:#18794e;font-size:var(--z02-fs-supporting);font-style:normal}.os-docs-grid{gap:10px}.os-docs-grid .os-info-panel{padding:15px}.os-docs-grid .os-info-panel h3{font-size:var(--z02-fs-meta)}.os-docs-grid .os-info-panel p{font-size:var(--z02-fs-supporting)}
.os-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.os-timeline article{position:relative;text-align:center}.os-timeline article:not(:last-child):after{content:"";position:absolute;top:15px;left:60%;width:80%;height:2px;background:var(--z02-border-line)}.os-timeline span{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;margin:0 auto 10px;border-radius:50%;background:var(--z02-surface-selected);color:var(--z02-accent);font-weight:var(--z02-fw-semibold)}.os-timeline h3{margin:0;color:var(--z02-text);font-size:var(--z02-fs-meta)}.os-timeline p{margin:5px 0;color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}
.os-upload{display:grid;place-items:center;gap:5px;min-height:105px;border:1px dashed var(--z02-border-control);border-radius:8px;color:var(--z02-accent);font-size:var(--z02-fs-h4)}.os-upload b{color:var(--z02-text);font-size:var(--z02-fs-meta)}.os-upload small{color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}.os-family-link{margin:0;padding:9px;border:1px solid var(--z02-border-line);border-radius:6px}.os-review-panel>div{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px}.os-review-panel span{display:grid;gap:4px;padding:12px;border-right:1px solid var(--z02-border-line)}.os-review-panel b{color:var(--z02-text);font-size:var(--z02-fs-meta)}.os-review-panel small{color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}
.os-state-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.os-state-card{padding:18px;border:1px solid var(--z02-border-line);border-radius:var(--z02-radius-card);background:var(--z02-surface)}.os-state-card h3{margin:0 0 10px;color:var(--z02-text);font-size:var(--z02-fs-card-title)}.os-state-card ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}.os-state-card li{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid var(--z02-border-line)}.os-state-card b{color:var(--z02-text);font-weight:var(--z02-fw-medium)}.os-state-good{border-color:#b5dfc8;background:#f2fbf5}.os-state-review{border-color:#f1d49a;background:#fffaf0}.os-state-open{border-color:#c5dafa;background:#f3f7ff}.os-attachment-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.os-attachment-grid .os-upload{min-height:130px}.os-review-two{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.os-review-table{display:grid;gap:0}.os-review-table>div{display:grid;grid-template-columns:1.2fr .8fr .7fr .8fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--z02-border-line);color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}.os-review-table>div:first-child{color:var(--z02-text);font-weight:var(--z02-fw-semibold)}.os-receipt-check{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.os-receipt-check article{padding:16px;border:1px solid var(--z02-border-line);border-radius:var(--z02-radius-card);background:var(--z02-surface)}.os-receipt-check span{display:grid;place-items:center;width:28px;height:28px;margin-bottom:10px;border-radius:50%;background:var(--z02-surface-selected);color:var(--z02-accent);font-weight:var(--z02-fw-semibold)}.os-receipt-check h3{margin:0;color:var(--z02-text);font-size:var(--z02-fs-meta)}.os-receipt-check p{margin:6px 0 0;color:var(--z02-text-muted);font-size:var(--z02-fs-supporting)}.os-decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.os-decision-grid .os-card{min-height:130px}.os-process-wide{margin-top:24px}.os-process-wide .os-step{min-height:118px}.os-hero-note{display:flex;align-items:center;gap:10px;margin-top:18px;color:var(--z02-text-muted);font-size:var(--z02-fs-meta)}
.os-next{padding:42px 0}.os-next-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.os-next-grid a{display:flex;justify-content:space-between;gap:12px;padding:20px;border:1px solid var(--z02-border-line);border-radius:8px;background:var(--z02-surface);color:var(--z02-text);font-size:var(--z02-fs-meta);font-weight:var(--z02-fw-semibold);text-decoration:none}.os-next-grid b{color:var(--z02-accent)}
@media (max-width:1100px){.os-step-row{grid-template-columns:repeat(3,1fr)}.os-grid-4,.os-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}.os-config-panel{grid-template-columns:80px 1fr repeat(2,1fr)}.os-config-panel .os-button{grid-column:1/-1}.os-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-review-panel>div{grid-template-columns:repeat(4,1fr)}.os-attachment-grid,.os-decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.os-receipt-check{grid-template-columns:repeat(3,minmax(0,1fr))}.os-review-two{grid-template-columns:1fr}}
@media (max-width:720px){.os-container{width:100%}.inner-banner .os-trust{display:grid;gap:10px}.os-grid-2,.os-grid-3,.os-grid-4,.os-grid-5,.os-split{grid-template-columns:1fr}.os-step-row{grid-template-columns:repeat(2,1fr)}.os-step:not(:last-child):after{display:none}.os-media-copy,.os-form-grid{grid-template-columns:1fr}.os-config-panel{grid-template-columns:70px 1fr}.os-config-panel label{grid-column:1/-1}.os-pack-flow,.os-timeline{grid-template-columns:1fr 1fr}.os-pack-flow article:not(:last-child):after{display:none}.os-choice-grid{grid-template-columns:repeat(2,1fr)}.os-review-panel>div{grid-template-columns:repeat(2,1fr)}.os-next-grid{grid-template-columns:1fr 1fr}.os-actions{align-items:stretch;flex-direction:column}.os-actions .os-button{width:100%}.os-attachment-grid,.os-decision-grid,.os-receipt-check{grid-template-columns:1fr}.os-review-table>div{grid-template-columns:1fr 1fr}}

/* Ordering & Support visual alignment overrides */
.os-process{padding-top:20px;padding-bottom:34px}
.os-process .os-kicker{color:var(--z02-text);font-size:var(--z02-fs-h2);font-weight:var(--z02-fw-medium);letter-spacing:var(--z02-ls-heading);text-transform:none;line-height:var(--z02-lh-heading);margin:7px 0 12px}
.os-process h2{max-width:760px;margin:0 0 20px;color:var(--z02-text-muted);font-size:var(--z02-fs-copy);font-weight:var(--z02-fw-regular);letter-spacing:0;line-height:var(--z02-lh-copy)}
.os-step-row{margin-top:10px}
.os-media-copy img{height:150px}
.os-quote-panel{display:flex;flex-direction:column}
.os-quote-panel .os-button{align-self:flex-end;margin-top:18px;width:auto}
@media (max-width:720px){.os-media-copy img{height:150px}.os-quote-panel .os-button{align-self:stretch;width:100%}}

/* Second-pass pixel QA: compact spacing, predictable box sizing, and interaction states. */
.ordering-support-page,.ordering-support-page *{box-sizing:border-box}
.ordering-support-page .os-section{padding-block:42px}
.ordering-support-page .os-card,.ordering-support-page .os-panel{border-radius:8px;box-shadow:0 5px 16px rgba(23,33,43,.04)}
.ordering-support-page .os-card{padding:18px}
.ordering-support-page .os-panel{padding:18px}
.ordering-support-page .os-mini-card{min-height:156px}
.ordering-support-page .os-card,.ordering-support-page .os-product-card,.ordering-support-page .os-next-grid a{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.ordering-support-page .os-card:hover,.ordering-support-page .os-product-card:hover,.ordering-support-page .os-next-grid a:hover{border-color:rgba(15,112,214,.45);box-shadow:0 9px 22px rgba(23,33,43,.10);transform:translateY(-2px)}
.ordering-support-page .os-product-card{overflow:hidden}
.ordering-support-page .os-product-card img,.ordering-support-page .os-media-copy img,.ordering-support-page .os-wide-image,.ordering-support-page .os-pack-flow img{transition:transform .22s ease}
.ordering-support-page .os-product-card:hover img,.ordering-support-page .os-media-copy img:hover,.ordering-support-page .os-wide-image:hover,.ordering-support-page .os-pack-flow img:hover{transform:scale(1.03)}
.ordering-support-page .os-button:focus-visible,.ordering-support-page .os-card a:focus-visible,.ordering-support-page .os-next-grid a:focus-visible{outline:3px solid rgba(15,112,214,.35);outline-offset:3px}
.ordering-support-page .os-card p,.ordering-support-page .os-step p,.ordering-support-page .os-product-card p,.ordering-support-page .os-note{overflow-wrap:anywhere}
.ordering-support-page .os-card h3,.ordering-support-page .os-panel h3,.ordering-support-page .os-step h3{overflow-wrap:anywhere}
@media (max-width:720px){.ordering-support-page .os-section{padding-block:34px}.ordering-support-page .os-card,.ordering-support-page .os-panel{padding:16px}}

/* Ordering Overview: align the process and quote-list bands to the supplied design reference. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process{padding-block:26px 34px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process .os-kicker{display:none}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process h2{max-width:none;margin:0;color:var(--z02-text);font-size:0;font-weight:var(--z02-fw-medium);line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process h2::before{content:"How Ordering Works";display:block;font-size:clamp(28px,2.2vw,36px);letter-spacing:var(--z02-ls-heading);line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process h2::after{content:"A simple and transparent process from inquiry to delivery.";display:block;margin-top:7px;color:var(--z02-text-muted);font-size:16px;font-weight:var(--z02-fw-regular);letter-spacing:0;line-height:1.45}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step-row{gap:22px;margin-top:24px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:42px auto auto;column-gap:10px;min-height:112px;padding:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step-icon{grid-column:1/-1;grid-row:1;width:38px;height:38px;margin:0 auto;border:2px solid #dce7f2;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:22px;color:transparent;font-size:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(1) .os-step-icon{background-image:url("../icons/support-cube.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(2) .os-step-icon{background-image:url("../icons/support-list.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(3) .os-step-icon{background-image:url("../icons/dealers-chat.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(4) .os-step-icon{background-image:url("../icons/support-gear.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(5) .os-step-icon{background-image:url("../icons/support-truck.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(6) .os-step-icon{background-image:url("../icons/support-headset.png")}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step::before{grid-column:1;grid-row:2;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--z02-accent);color:var(--z02-on-dark);font-size:12px;font-weight:var(--z02-fw-semibold)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(1)::before{content:"1"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(2)::before{content:"2"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(3)::before{content:"3"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(4)::before{content:"4"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(5)::before{content:"5"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:nth-child(6)::before{content:"6"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step h3{grid-column:2;grid-row:2;font-size:16px;line-height:1.3}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step p{grid-column:2;grid-row:3;margin-top:5px;font-size:13px;line-height:1.45}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:not(:last-child):after{content:"";top:18px;right:-12px;left:calc(50% + 24px);width:auto;height:1px;background:#dce7f2;font-size:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint{padding-block:38px 42px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-kicker{display:none}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint h2{max-width:760px;margin:0 0 16px;font-size:0;line-height:1.22}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint h2::before{content:"Build a Quote List Before You Send an Inquiry";display:block;font-size:clamp(26px,2vw,34px);line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-split{grid-template-columns:1fr 1fr;gap:54px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-quote-panel{position:relative;min-height:300px;padding:20px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-quote-panel::after{content:"Clear All";position:absolute;top:23px;right:20px;color:var(--z02-accent);font-size:12px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-quote-panel h3{padding-right:70px}
@media (max-width:720px){
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step-row{gap:18px;margin-top:20px}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-step:not(:last-child):after{display:none}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint .os-split{grid-template-columns:1fr;gap:24px}
}

/* Keep the evaluation steps readable at the local preview width: the generated
   copy is placed beside the numbered marker instead of falling into an
   implicit grid column. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li{grid-template-columns:34px minmax(0,1fr);color:transparent;font-size:0;min-width:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li>span{grid-column:1;grid-row:1;color:#fff}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:after{grid-column:2;grid-row:1;min-width:0;display:block;overflow-wrap:anywhere}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy>img{height:auto;aspect-ratio:1.15 / 1;min-height:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2)>.os-wide-image{height:clamp(190px,16vw,245px)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2):after{content:"● Order Confirmation  →  ● Production / Preparation  →\A● Shipment Arrangement  →  ● Shipment Handover";display:block;margin-top:18px;color:var(--z02-accent);font-size:clamp(11px,.8vw,13px);line-height:1.75;letter-spacing:-.15px;white-space:pre-wrap;text-align:center}
@media (min-width:1500px){body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2):after{content:"● Order Confirmation   →   ● Production / Preparation   →   ● Shipment Arrangement   →   ● Shipment Handover";white-space:nowrap}}

/* Ordering Overview: support request and next-action bands. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-overview{padding-block:42px 48px;background:var(--z02-surface)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-layout{display:grid;grid-template-columns:minmax(0,1.82fr) minmax(300px,1fr);gap:34px;align-items:start}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-main .os-section-lead{max-width:none;margin:0 0 20px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-workspace{display:grid;grid-template-columns:1.02fr 1.18fr;gap:16px;align-items:stretch}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-image{width:100%;height:332px;object-fit:cover;border-radius:8px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form{display:grid;align-content:start;gap:12px;min-height:332px;padding:16px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form h3{margin:0 0 2px;font-size:16px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 12px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form label{display:grid;gap:5px;color:var(--z02-text);font-size:12px;font-weight:var(--z02-fw-medium)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form input,body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form select,body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form textarea{min-height:34px;padding:7px 9px;font-size:12px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form textarea{min-height:68px;resize:none}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-upload{grid-column:1/-1}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-upload>div{display:flex;align-items:center;min-height:34px;border:1px solid var(--z02-border-control);border-radius:6px;overflow:hidden;background:var(--z02-surface)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-upload button{height:34px;padding:0 12px;border:0;border-right:1px solid var(--z02-border-control);background:var(--z02-surface-page);color:var(--z02-text);font:inherit;cursor:pointer}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-upload span{padding-left:10px;color:var(--z02-text-muted);font-size:12px;font-weight:var(--z02-fw-regular)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-upload small{color:var(--z02-text-muted);font-size:11px;font-weight:var(--z02-fw-regular)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-form>.os-button{justify-self:end;min-width:220px;margin-top:auto}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents{padding-left:0;border-left:1px solid var(--z02-border-line)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents-heading{display:flex;align-items:start;justify-content:space-between;gap:12px;margin:0 0 14px;padding-left:28px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents-heading h3{margin:0;color:var(--z02-text);font-size:22px;line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents-heading p{margin:6px 0 0;color:var(--z02-text-muted);font-size:13px;line-height:1.4}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents-heading .os-status{margin-top:4px;font-size:11px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:62px;margin:8px 0 0;padding:10px 13px;border:1px solid var(--z02-border-line);border-radius:8px;background:var(--z02-surface);color:var(--z02-text);text-decoration:none;box-shadow:0 4px 12px rgba(23,33,43,.03)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card:hover{border-color:rgba(15,112,214,.4);box-shadow:0 7px 16px rgba(23,33,43,.08)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#dff2ff;color:var(--z02-accent);font-size:20px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card:nth-of-type(2) .os-document-icon{background:#d9f6f7;color:#16a6bc}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card:nth-of-type(3) .os-document-icon{background:#e8edf3;color:#63758b}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card:nth-of-type(4) .os-document-icon{background:#e1efff;color:#1c72d8}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card strong,body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card small{display:block}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card strong{font-size:13px;line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card small{margin-top:4px;color:var(--z02-text-muted);font-size:11px;line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-document-card>b{color:var(--z02-accent);font-size:20px;font-weight:var(--z02-fw-regular)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next{padding-block:30px 42px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next .os-kicker{display:none}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next h2{max-width:none;margin:0 0 18px;font-size:0;line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next h2:before{content:"What Would You Like to Do Next?";display:block;font-size:clamp(26px,2vw,34px);line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next h2:after{content:"Choose an option to continue your journey with GSL SMART.";display:block;margin-top:7px;color:var(--z02-text-muted);font-size:15px;font-weight:var(--z02-fw-regular);line-height:1.4}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid{gap:10px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;min-height:112px;padding:15px 16px;gap:11px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:before{content:"";display:grid;place-items:center;width:36px;height:36px;border:2px solid var(--z02-accent);border-radius:8px;color:var(--z02-accent);font-size:23px;font-weight:var(--z02-fw-regular)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(1):before{content:"⊞"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(2):before{content:"▤"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(3):before{content:"◇"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(4):before{content:"▱"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(5):before{content:"♧"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid span{display:block;font-size:13px;line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid span:after{display:block;margin-top:5px;color:var(--z02-text-muted);font-size:11px;font-weight:var(--z02-fw-regular);line-height:1.35}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(1) span:after{content:"Browse our full product range for your project."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(2) span:after{content:"Review or edit your quote list before sending an inquiry."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(3) span:after{content:"Test our products before a larger order."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(4) span:after{content:"Learn more about our shipping process and timelines."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a:nth-child(5) span:after{content:"Get help with your products after delivery."}
@media (max-width:1100px){body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-layout{grid-template-columns:1fr}body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents{border-left:0;padding-left:0}}
@media (max-width:720px){body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-workspace{grid-template-columns:1fr}body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-support-image{height:230px}body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-documents-heading{padding-left:0}body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-next-grid a{min-height:96px}}

/* Ordering Overview: Project Requirements card treatment. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section{position:relative;padding-block:38px 42px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section>.os-container>.os-kicker{display:none}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section>.os-container>h2{margin-top:0;font-size:clamp(28px,2.1vw,36px);line-height:1.2}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section>.os-container>.os-section-lead{margin-top:12px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section>.os-container:after{content:"▣  All information is secure and used for project communication only.";position:absolute;top:42px;right:max(5%,calc((100% - var(--z02-canvas)) / 2));color:var(--z02-text-muted);font-size:12px;line-height:1.4}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel{min-height:276px;padding:18px 18px 16px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel h3{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:16px;font-size:18px;line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel h3:before{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#26374d;color:#fff;font-size:14px;font-weight:var(--z02-fw-medium)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel:nth-child(1) h3:before{content:"⌕"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel:nth-child(2) h3:before{content:"◈"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel:nth-child(3) h3:before{content:"▣"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel:nth-child(4) h3:before{content:"▤"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel .os-status{padding:4px 9px;border-radius:999px;font-size:11px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel .os-status:before{content:"●";margin-right:5px;font-size:8px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel p{align-items:center;min-height:34px;padding:5px 0;font-size:13px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel p b{min-width:112px;padding:7px 9px;border-radius:5px;background:var(--z02-surface-product);font-size:12px;font-weight:var(--z02-fw-regular)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel h3{position:relative;display:flex;align-items:center;padding-right:82px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel h3 .os-status{position:absolute;top:0;right:0}
@media (max-width:720px){
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section>.os-container:after{position:static;display:block;margin-top:12px}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section .os-info-panel{min-height:0}
}

/* Ordering Overview: evaluation and shipment split section. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint{background:var(--z02-surface);padding-block:42px 46px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container{grid-template-columns:1fr 1fr;gap:54px;align-items:start}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div> .os-kicker{margin-bottom:8px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div>h2{max-width:none;margin:0 0 10px;font-size:clamp(26px,2vw,34px);line-height:1.25}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div>p:not(.os-kicker){margin:0 0 22px;font-size:15px;line-height:1.45}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy{grid-template-columns:1.12fr .88fr;gap:30px;align-items:start}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy>img{height:374px;object-fit:cover;border-radius:8px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist{gap:13px;margin:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;font-size:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li span{display:grid;place-items:center;width:32px;height:32px;background:var(--z02-accent);font-size:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li span:after{font-size:14px;font-weight:var(--z02-fw-semibold)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(1) span:after{content:"1"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(2) span:after{content:"2"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(3) span:after{content:"3"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(4) span:after{content:"4"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(5) span:after{content:"5"}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:after{content:"";display:block;font-size:14px;color:var(--z02-text-muted);line-height:1.35;white-space:pre-wrap}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(1):after{content:"Select Product\A Choose the product(s) you would like to sample."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(2):after{content:"Request Sample\A Submit your sample request and requirements."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(3):after{content:"Confirm Sample Configuration\A We confirm the details and prepare the samples."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(4):after{content:"Evaluate Product\A Test and evaluate in your own environment."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:nth-child(5):after{content:"Continue to Order Discussion\A Move to the next step when you are ready."}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-button{margin-top:16px;margin-left:44px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2)>.os-wide-image{height:245px;object-fit:cover;border-radius:8px}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2):after{content:"◉  Order Confirmation        →        ◉  Production / Preparation        →        ◉  Shipment Arrangement        →        ◉  Shipment Handover";display:block;margin-top:18px;color:var(--z02-text-muted);font-size:13px;line-height:1.5;white-space:pre-wrap}
@media (max-width:720px){
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container{grid-template-columns:1fr;gap:34px}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy{grid-template-columns:1fr;gap:20px}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy>img{height:230px}
  body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2)>.os-wide-image{height:210px}
}

/* Final geometry overrides for the evaluation/shipment split. */
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li{grid-template-columns:34px minmax(0,1fr);color:transparent;font-size:0;min-width:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li>span{grid-column:1;grid-row:1;color:#fff}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy .os-checklist li:after{grid-column:2;grid-row:1;min-width:0;display:block;overflow-wrap:anywhere}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint .os-media-copy>img{height:auto;aspect-ratio:1.15 / 1;min-height:0}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2)>.os-wide-image{height:clamp(190px,16vw,245px)}
body:has(.inner-banner[data-banner-id="ordering-support-ordering-index-html"]) .os-process + .os-section.os-tint + .os-section + .os-section.os-tint>.os-container>div:nth-child(2):after{content:"1  Order Confirmation   →   2  Production / Preparation   →   3  Shipment Arrangement   →   4  Shipment Handover";display:block;margin-top:18px;color:var(--z02-text-muted);font-size:clamp(10px,.8vw,13px);line-height:1.5;letter-spacing:-.15px;white-space:normal;text-align:center}