/* Service-specific content; section heights and spacing come from shared services.css. */











.detail-eyebrow{display:block;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:18px;color:var(--blue)}
.theme-blue .detail-eyebrow,.theme-black .detail-eyebrow{color:var(--lime)}
.detail-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.detail-card-grid article{padding:20px 16px;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:rgba(0,0,0,.04);transition:transform .22s ease,background .22s ease}
.theme-blue .detail-card-grid article,.theme-black .detail-card-grid article{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18)}
.detail-card-grid article:hover{transform:translateY(-5px)}
.detail-card-grid img{display:block;width:24px;height:24px;margin-bottom:18px}
.detail-card-grid h3{font-size:14px;line-height:1.6;font-weight:500;margin:0}
.detail-checklist{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:20px}
.detail-checklist li{display:flex;align-items:center;gap:16px;font-size:15px;line-height:1.6}
.detail-checklist img{width:24px;height:24px;flex:none}
.detail-timeline{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:18px}
.detail-timeline li{display:flex;align-items:center;gap:20px;font-size:15px;line-height:1.6}
.detail-timeline span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;flex:none;font-weight:600}
.theme-blue .detail-timeline span,.theme-black .detail-timeline span{background:var(--lime);color:#000}
.theme-blue .detail-checklist img,.theme-black .detail-checklist img,.theme-blue .detail-card-grid img,.theme-black .detail-card-grid img{filter:brightness(0) invert(1)}

@media(max-width:1100px){.detail-card-grid{grid-template-columns:1fr}.detail-card-grid article{display:flex;align-items:center;gap:16px;padding:16px}.detail-card-grid img{margin:0;flex:none}}

@media(max-width:560px){.detail-eyebrow{font-size:12px}.detail-checklist li,.detail-timeline li{font-size:14px}}
@media(prefers-reduced-motion:reduce){.detail-card-grid article{transition:none}.detail-card-grid article:hover{transform:none}}
.theme-blue .detail-checklist img,.theme-black .detail-checklist img,.theme-blue .detail-card-grid img,.theme-black .detail-card-grid img { filter: none; background: #fff; border-radius: 50%; }

/* The approved Precision Quotes treatment, shared across services. */
.sales-support-page .shared-service-cards article:last-child:nth-child(odd){grid-column:1/-1}
.sales-support-page .theme-white .shared-service-cards article,
.sales-support-page .theme-gray .shared-service-cards article{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08);color:#111}
.sales-support-page .theme-white .shared-service-cards span,
.sales-support-page .theme-gray .shared-service-cards span{color:#596273}
.sales-support-page .quotes-glass-cards article{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.sales-support-page .quotes-glass-cards article:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,.15)}
.sales-support-page .sales-research-steps{gap:24px;margin-top:28px}
.sales-research-steps li{align-items:flex-start}
.sales-research-steps strong{display:block;font-size:17px;font-weight:600;line-height:1.4}
.sales-research-steps li div p{font-size:14px;line-height:22px;margin:6px 0 0;color:#596273}
@media(prefers-reduced-motion:reduce){.sales-support-page .quotes-glass-cards article{transition:none}.sales-support-page .quotes-glass-cards article:hover{transform:none}}
/* Supply Chain numbered steps: black bubbles with green numbers on hover. */
.logistics-supply-chain-page .detail-timeline li>span {
    transition: background-color .22s ease, color .22s ease;
}
.logistics-supply-chain-page .detail-timeline li:hover>span {
    background: #000;
    color: var(--lime);
}
@media(prefers-reduced-motion:reduce) {
    .logistics-supply-chain-page .detail-timeline li>span { transition:none; }
}
.production-coordination-page .production-check { width:24px; height:24px; flex:none; }
.production-coordination-page .production-check circle { fill:var(--lime); transition:fill .22s ease; }
.production-coordination-page .production-check path { fill:#000; transition:fill .22s ease; }
.production-coordination-page .detail-checklist li:hover .production-check circle { fill:#000; }
.production-coordination-page .detail-checklist li:hover .production-check path { fill:var(--lime); }
@media(prefers-reduced-motion:reduce) {
    .production-coordination-page .production-check :is(circle,path) { transition:none; }
}
.tech-support-page #store-management .store-management-check { width:24px; height:24px; flex:none; }
.tech-support-page #store-management .store-management-check circle { fill:var(--lime); transition:fill .22s ease; }
.tech-support-page #store-management .store-management-check path { fill:#000; transition:fill .22s ease; }
.tech-support-page #store-management .detail-checklist li:hover .store-management-check circle { fill:#000; }
.tech-support-page #store-management .detail-checklist li:hover .store-management-check path { fill:var(--lime); }
@media(prefers-reduced-motion:reduce) {
    .tech-support-page #store-management .store-management-check :is(circle,path) { transition:none; }
}
/* Blue prefooter variant on Sales Support. */
.sales-support-page section.concept-prefooter-blue { background:var(--blue); color:#fff; }
.sales-support-page section.concept-prefooter-blue h2 { color:#fff; }
.sales-support-page section.concept-prefooter-blue p { color:#e6efff; }
.sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a { background:#fff; border-color:#fff; color:var(--blue); }
.sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a img { filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); }
.sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover { background:var(--lime); border-color:var(--lime); color:#000; }
.sales-support-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover img { filter:brightness(0); }
.tech-support-page #catalogue-maintenance .catalogue-check { width:24px; height:24px; flex:none; }
.tech-support-page #catalogue-maintenance .catalogue-check circle { fill:var(--blue); transition:fill .22s ease; }
.tech-support-page #catalogue-maintenance .catalogue-check path { fill:#fff; transition:fill .22s ease; }
.tech-support-page #catalogue-maintenance .detail-checklist li:hover .catalogue-check circle { fill:var(--lime); }
.tech-support-page #catalogue-maintenance .detail-checklist li:hover .catalogue-check path { fill:#000; }
@media(prefers-reduced-motion:reduce) {
    .tech-support-page #catalogue-maintenance .catalogue-check :is(circle,path) { transition:none; }
}
/* Reverse Logistics numbered bubbles. */
.logistics-supply-chain-page #reverse-logistics .detail-timeline li>span {
    background:var(--blue);
    color:#fff;
}
.logistics-supply-chain-page #reverse-logistics .detail-timeline li:hover>span {
    background:var(--lime);
    color:#000;
}
.production-coordination-page #supplier-coordination .supplier-check { width:24px; height:24px; flex:none; }
.production-coordination-page #supplier-coordination .supplier-check circle { fill:var(--blue); transition:fill .22s ease; }
.production-coordination-page #supplier-coordination .supplier-check path { fill:#fff; transition:fill .22s ease; }
.production-coordination-page #supplier-coordination .detail-checklist li:hover .supplier-check circle { fill:var(--lime); }
.production-coordination-page #supplier-coordination .detail-checklist li:hover .supplier-check path { fill:#000; }
@media(prefers-reduced-motion:reduce) {
    .production-coordination-page #supplier-coordination .supplier-check :is(circle,path) { transition:none; }
}
/* Market & Product Research hover colors. */
.sales-support-page #research .sales-research-steps li>span {
    transition:background-color .22s ease,color .22s ease;
}
.sales-support-page #research .sales-research-steps li:hover>span {
    background:var(--lime);
    color:#000;
}
@media(prefers-reduced-motion:reduce) {
    .sales-support-page #research .sales-research-steps li>span { transition:none; }
}
.logistics-supply-chain-page #consignment-tracking .consignment-check { width:24px; height:24px; flex:none; }
.logistics-supply-chain-page #consignment-tracking .consignment-check circle { fill:var(--blue); transition:fill .22s ease; }
.logistics-supply-chain-page #consignment-tracking .consignment-check path { fill:#fff; transition:fill .22s ease; }
.logistics-supply-chain-page #consignment-tracking .detail-checklist li:hover .consignment-check circle { fill:var(--lime); }
.logistics-supply-chain-page #consignment-tracking .detail-checklist li:hover .consignment-check path { fill:#000; }
@media(prefers-reduced-motion:reduce) {
    .logistics-supply-chain-page #consignment-tracking .consignment-check :is(circle,path) { transition:none; }
}
/* Complete Job Management hover colors. */
.production-coordination-page #job-management .detail-timeline li>span {
    transition:background-color .22s ease,color .22s ease;
}
.production-coordination-page #job-management .detail-timeline li:hover>span {
    background:var(--lime);
    color:#000;
}
@media(prefers-reduced-motion:reduce) {
    .production-coordination-page #job-management .detail-timeline li>span { transition:none; }
}
/* Factory Plot-sheets hover colors. */
.artwork-services-page #plot-sheets .detail-timeline li>span {
    transition:background-color .22s ease,color .22s ease;
}
.artwork-services-page #plot-sheets .detail-timeline li:hover>span {
    background:var(--lime);
    color:#000;
}
@media(prefers-reduced-motion:reduce) {
    .artwork-services-page #plot-sheets .detail-timeline li>span { transition:none; }
}
.artwork-services-page #artwork-proofs .artwork-proof-check { width:30px; height:30px; flex:none; }
.artwork-services-page #artwork-proofs .artwork-proof-check circle { fill:var(--blue); transition:fill .22s ease; }
.artwork-services-page #artwork-proofs .artwork-proof-check path { fill:#fff; transition:fill .22s ease; }
.artwork-services-page #artwork-proofs .detail-checklist li:hover .artwork-proof-check circle { fill:var(--lime); }
.artwork-services-page #artwork-proofs .detail-checklist li:hover .artwork-proof-check path { fill:#000; }
@media(prefers-reduced-motion:reduce) {
    .artwork-services-page #artwork-proofs .artwork-proof-check :is(circle,path) { transition:none; }
}
.customer-service-page #inventory-management .inventory-check { width:24px; height:24px; flex:none; }
.customer-service-page #inventory-management .inventory-check circle { fill:var(--blue); transition:fill .22s ease; }
.customer-service-page #inventory-management .inventory-check path { fill:#fff; transition:fill .22s ease; }
.customer-service-page #inventory-management .detail-checklist li:hover .inventory-check circle { fill:var(--lime); }
.customer-service-page #inventory-management .detail-checklist li:hover .inventory-check path { fill:#000; }
@media(prefers-reduced-motion:reduce) {
    .customer-service-page #inventory-management .inventory-check :is(circle,path) { transition:none; }
}
/* Data Analysis hover colors. */
.customer-service-page #data-analysis .detail-timeline li>span {
    transition:background-color .22s ease,color .22s ease;
}
.customer-service-page #data-analysis .detail-timeline li:hover>span {
    background:var(--lime);
    color:#000;
}
@media(prefers-reduced-motion:reduce) {
    .customer-service-page #data-analysis .detail-timeline li>span { transition:none; }
}
/* Store Development hover colors. */
.tech-support-page #store-development .detail-timeline li>span {
    transition:background-color .22s ease,color .22s ease;
}
.tech-support-page #store-development .detail-timeline li:hover>span {
    background:var(--lime);
    color:#000;
}
@media(prefers-reduced-motion:reduce) {
    .tech-support-page #store-development .detail-timeline li>span { transition:none; }
}
/* Blue prefooter variant on Logistics & Supply Chain. */
.logistics-supply-chain-page section.concept-prefooter-blue { background:var(--blue); color:#fff; }
.logistics-supply-chain-page section.concept-prefooter-blue h2 { color:#fff; }
.logistics-supply-chain-page section.concept-prefooter-blue p { color:#e6efff; }
.logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a { background:#fff; border-color:#fff; color:var(--blue); }
.logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a img { filter:brightness(0) saturate(100%) invert(24%) sepia(98%) saturate(4936%) hue-rotate(218deg) brightness(96%) contrast(101%); }
.logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover { background:var(--lime); border-color:var(--lime); color:#000; }
.logistics-supply-chain-page section.concept-prefooter-blue .prefooter-cta-inner>a:hover img { filter:brightness(0); }
/* Tender Support uses the existing sourcing icon list on its original light background. */
.sales-support-page #tender .sourcing-icon-list span { color:inherit; }

/* Keep the complete research artwork, including the supplier logos on its left. */
.sales-support-page #research .feature-image { height:auto; aspect-ratio:auto; object-fit:contain; object-position:center; }

/* Separate overview labels from their new headings and align the descriptions. */
.sales-support-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.sales-support-page .service-overview-cards small,.sales-support-page .service-overview-cards strong { display:block; }
.sales-support-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.sales-support-page .service-overview-cards p { margin-top:4px; }

/* Artwork overview headings mirror the approved Sales Support card treatment. */
.artwork-services-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.artwork-services-page .service-overview-cards small,.artwork-services-page .service-overview-cards strong { display:block; }
.artwork-services-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.artwork-services-page .service-overview-cards p { margin-top:4px; }

/* Customer overview cards match the approved Sales/Artwork heading treatment. */
.customer-service-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.customer-service-page .service-overview-cards small,.customer-service-page .service-overview-cards strong { display:block; }
.customer-service-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.customer-service-page .service-overview-cards p { margin-top:4px; }

/* Align inventory checks with their headings rather than the full text block. */
.customer-service-page #inventory-management .detail-checklist li { align-items:flex-start; }
.customer-service-page #inventory-management .inventory-check { margin-top:1px; }

/* Align Data Analysis numbers with the heading line. */
.customer-service-page #data-analysis .detail-timeline li { align-items:flex-start; }
.customer-service-page #data-analysis .detail-timeline li>span { margin-top:1px; }

/* Production overview matches the approved service card treatment. */
.production-coordination-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.production-coordination-page .service-overview-cards small,.production-coordination-page .service-overview-cards strong { display:block; }
.production-coordination-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.production-coordination-page .service-overview-cards p { margin-top:4px; }
/* Markers start at the same top edge as their list headings. */
.production-coordination-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; }
.production-coordination-page .detail-checklist li>svg,.production-coordination-page .detail-timeline li>span { margin-top:1px; }

/* Logistics overview matches the approved service card treatment. */
.logistics-supply-chain-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.logistics-supply-chain-page .service-overview-cards small,.logistics-supply-chain-page .service-overview-cards strong { display:block; }
.logistics-supply-chain-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.logistics-supply-chain-page .service-overview-cards p { margin-top:4px; }
.logistics-supply-chain-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; }
.logistics-supply-chain-page .detail-checklist li>svg,.logistics-supply-chain-page .detail-timeline li>span { margin-top:1px; }

/* Tech overview follows the approved service card heading treatment. */
.tech-support-page .service-overview-cards article { display:grid; grid-template-rows:auto auto 1fr; align-content:start; row-gap:8px; }
.tech-support-page .service-overview-cards small,.tech-support-page .service-overview-cards strong { display:block; }
.tech-support-page .service-overview-cards strong { font-size:14px; line-height:1.4; }
.tech-support-page .service-overview-cards p { margin-top:4px; }
/* Match list marker top edges to the headings. */
.tech-support-page :is(.detail-checklist,.detail-timeline) li { align-items:flex-start; }
.tech-support-page .detail-checklist li>svg,.tech-support-page .detail-timeline li>span { margin-top:1px; }

/* Sales quote preparation: four long cards in one column. */
.sales-support-page #quotes .quotes-glass-cards { grid-template-columns:minmax(0,1fr); }

/* Compact overview cards: remove fixed height and surplus empty space. */
.services-page .service-overview-cards article { height:auto; min-height:0; }

/* Artwork production-file numbers start at their heading's top edge. */
.artwork-services-page #plot-sheets .detail-timeline li { align-items:flex-start; }
.artwork-services-page #plot-sheets .detail-timeline li>span { margin-top:1px; }

/* Order-entry pictograms use the shared blue/white to lime/black icon-list palette. */
.production-coordination-page #order-entry .production-order-icon { display:block; width:24px; height:24px; flex:none; border-radius:50%; background:var(--blue); color:#fff; transition:background-color .22s ease,color .22s ease; }
.production-coordination-page #order-entry li:hover .production-order-icon { background:#cef262; color:#000; }
@media(prefers-reduced-motion:reduce) { .production-coordination-page #order-entry .production-order-icon { transition:none; } }

/* Supplier coordination icons match the shared icon-list palette. */
.production-coordination-page #supplier-coordination .production-supplier-icon { display:block; width:24px; height:24px; flex:none; border-radius:50%; background:var(--blue); color:#fff; transition:background-color .22s ease,color .22s ease; }
.production-coordination-page #supplier-coordination li:hover .production-supplier-icon { background:#cef262; color:#000; }
@media(prefers-reduced-motion:reduce) { .production-coordination-page #supplier-coordination .production-supplier-icon { transition:none; } }

/* Breathing room around the expanded quote-preparation cards. */
@media(min-width:1201px) {
 .sales-support-page #quotes { height:auto; }
 .sales-support-page #quotes .service-feature-inner { height:auto; padding-top:60px; padding-bottom:60px; }
}

/* Production lists reuse the supplier sourcing geometry and icon palette exactly. */
.production-coordination-page #order-entry .sourcing-icon-list>li>span { color:#d8e3f5; }

/* Blue order-entry section: green icon bubbles turn white on hover. */
.production-coordination-page #order-entry .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; }
.production-coordination-page #order-entry .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }

/* Research uses the shared supplier icon list on a light background. */
.sales-support-page #research .sourcing-icon-list>li>span { color:#596273; }

/* Production artwork files share the supplier icon-list treatment. */
.artwork-services-page #plot-sheets .sourcing-icon-list>li>span { color:#596273; }



/* Freight booking reuses the supplier icon list with text suited to blue. */
.logistics-supply-chain-page #freight-booking .sourcing-icon-list>li>span { color:#d8e3f5; }

/* Proof items keep their existing text treatment alongside supplier-style icons. */
.artwork-services-page #artwork-proofs .sourcing-icon-list>li>span { margin-top:0; color:inherit; font-size:15px; line-height:1.6; }
@media(max-width:560px) { .artwork-services-page #artwork-proofs .sourcing-icon-list>li>span { font-size:14px; } }

.artwork-services-page #artwork-proofs .sourcing-icon-list .why-platform-icon { width:30px; height:30px; }
.artwork-services-page #artwork-proofs .sourcing-icon-list li { padding-left:46px; }

/* Freight booking bubbles: green normally, white on hover. */
.logistics-supply-chain-page #freight-booking .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; }
.logistics-supply-chain-page #freight-booking .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }

/* Returns use the previous Artwork Proofs checkmark treatment. */
.logistics-supply-chain-page #reverse-logistics .sourcing-icon-list .why-platform-icon { width:30px; height:30px; }
.logistics-supply-chain-page #reverse-logistics .sourcing-icon-list li { padding-left:46px; }

/* Inventory follows the Managing Reverse Logistics checkmark list. */
.customer-service-page #inventory-management .sourcing-icon-list .why-platform-icon { width:30px; height:30px; }
.customer-service-page #inventory-management .sourcing-icon-list li { padding-left:46px; }
.customer-service-page #inventory-management .sourcing-icon-list>li>span { color:#596273; }

/* Data Analysis uses supplier-style icons and readable grey descriptions. */
.customer-service-page #data-analysis .sourcing-icon-list>li>span { color:#596273; }

/* Store management follows the supplier icon list with the blue-section palette. */
.tech-support-page #store-management .sourcing-icon-list>li>span { color:#d8e3f5; }
.tech-support-page #store-management .sourcing-icon-list .why-platform-icon { background:var(--lime); color:#000; }
.tech-support-page #store-management .sourcing-icon-list li:hover .why-platform-icon { background:#fff; color:#000; }


/* Store development matches the Artwork Proofs checkmark list. */
.tech-support-page #store-development .sourcing-icon-list .why-platform-icon { width:30px; height:30px; }
.tech-support-page #store-development .sourcing-icon-list li { padding-left:46px; }
.tech-support-page #store-development .sourcing-icon-list>li>span { color:#596273; }

/* Quote preparation matches the Order Entry & Processing icon list. */
.sales-support-page #quotes .sourcing-icon-list>li>span{color:#d8e3f5}
.sales-support-page #quotes .sourcing-icon-list .why-platform-icon{background:var(--lime);color:#000}
.sales-support-page #quotes .sourcing-icon-list li:hover .why-platform-icon{background:#fff;color:#000}