/* Shared visual system, strictly scoped to these two OEM page roots. */
body[data-zp-design="public"] main.zz-oem-refined {
  --oem-ink:#193b30; --oem-muted:#65756c; --oem-line:#e9e3d9;
  width:100%!important; max-width:none!important; margin:0!important;
  background:#fffdf9; color:var(--oem-ink); overflow-x:clip;
  font-family:Arial,Helvetica,sans-serif;
}
body[data-zp-design="public"] main.zz-oem-refined * {box-sizing:border-box;min-width:0;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-container,.supp-container,section>.cat-container) {
  width:calc(100% - 64px)!important; max-width:1280px!important; margin-inline:auto!important;
  padding-inline:0!important;
}
body[data-zp-design="public"] main.zz-oem-refined :is(h1,h2,h3) {
  font-family:Arial,Helvetica,sans-serif!important; color:var(--oem-ink)!important;
  font-weight:700!important; letter-spacing:-.035em!important;
}
body[data-zp-design="public"] main.zz-oem-refined h2 {font-size:clamp(26px,2.6vw,36px)!important;line-height:1.18!important;}
body[data-zp-design="public"] main.zz-oem-refined h3 {font-size:19px!important;line-height:1.3!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-section,.supp-section) {padding:56px 0!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-section-heading,.supp-heading) {text-align:left!important;max-width:850px;margin:0 0 28px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-section-heading,.supp-heading) h2 {margin:0 0 12px!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-heading h2::after {display:none;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-section-heading,.supp-heading) p {font-size:15px!important;line-height:1.65!important;color:var(--oem-muted)!important;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-eyebrow {display:block;font-size:11px;letter-spacing:.16em;color:#887452;margin-bottom:12px;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-image-note {font-size:11px!important;line-height:1.5!important;color:#788278!important;margin:12px 0 0!important;}

/* Hero images keep their full product outlines instead of stretching/cropping. */
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero,.supp-hero) {padding:42px 0;background:#f5f1e9;border:0;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-grid,.supp-hero-grid) {display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)!important;gap:42px;min-height:0!important;align-items:center!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-copy,.supp-hero-copy) {padding:12px 0!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-copy,.supp-hero-copy) h1 {font-size:clamp(38px,4.2vw,60px)!important;line-height:1.04!important;margin:0 0 22px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-copy,.supp-hero-copy)>p {font-size:16px!important;line-height:1.7!important;max-width:500px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-media,.supp-hero-media) {display:block;min-height:0!important;overflow:visible!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-media,.supp-hero-media) img {width:100%;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:3/2;object-fit:contain!important;border-radius:20px;display:block;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-points,.supp-hero-points) {gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))!important;margin:24px 0 0!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-hero-points {margin:0 0 24px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-points,.supp-hero-points)>div {display:flex;flex-direction:row;justify-content:flex-start;align-items:center;padding:0!important;min-height:34px;border:0!important;text-align:left;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-points,.supp-hero-points) b {font-size:12px!important;line-height:1.4;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-primary-btn,.supp-primary-btn) {min-height:48px;border-radius:999px!important;padding:12px 23px!important;font-size:14px!important;box-shadow:none;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-statbar,.supp-statbar) {background:#1c4033;color:#fff;border:0;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-stat-grid,.supp-stat-grid) {grid-template-columns:repeat(4,minmax(0,1fr))!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-stat-item,.supp-stat-grid>div) {padding:20px 16px;min-height:92px;border-color:#ffffff20;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-stat-item,.supp-stat-grid>div) :is(b,span) {color:#fff!important;font-size:13px!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-stat-grid small {color:#cfddd5!important;font-size:11px!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-stat-grid img {filter:brightness(0) invert(1);}

/* Product directions. Each contact-sheet quadrant is a separate visible tile. */
body[data-zp-design="public"] main.zz-oem-refined .cat-overview-grid {grid-template-columns:1fr!important;gap:28px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-grid,.supp-dosage-grid) {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article) {min-height:0;border:1px solid var(--oem-line);border-radius:18px!important;background:#fff;overflow:hidden;}
body[data-zp-design="public"] main.zz-oem-refined .cat-type-card>div:not(.zz-oem-tile) {padding:20px;text-align:left;}
body[data-zp-design="public"] main.zz-oem-refined .cat-type-card p {font-size:13px!important;line-height:1.6!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-dosage-grid h3 {padding:16px 18px;margin:0!important;font-size:16px!important;text-align:left;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-tile {position:relative;width:100%;aspect-ratio:1;overflow:hidden;padding:0!important;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-tile img {
  position:absolute!important;left:calc(var(--tile-x) * -100%)!important;top:calc(var(--tile-y) * -100%)!important;
  width:200%!important;max-width:none!important;height:200%!important;min-height:0!important;
  object-fit:fill!important;display:block;transform:none!important;
}
body[data-zp-design="public"] main.zz-oem-refined .cat-facts-panel {padding:24px;border-radius:18px;background:#f5f2ec;}
body[data-zp-design="public"] main.zz-oem-refined .cat-facts-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-fact {min-height:120px;padding:18px;border-radius:12px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-fact>span {font-size:11px!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-fact strong {font-size:20px!important;}

/* Compact equal-height custom options. */
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-custom-flow,.supp-custom-flow) {display:grid;align-items:stretch!important;gap:14px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-custom-flow {grid-template-columns:repeat(5,minmax(0,1fr))!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-custom-flow {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-custom-flow,.supp-custom-flow)>i {display:none;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-custom-flow,.supp-custom-flow) article {height:auto!important;min-height:170px!important;padding:22px 18px;justify-content:flex-start!important;border-radius:16px!important;text-align:left;align-items:flex-start;}
body[data-zp-design="public"] main.zz-oem-refined .cat-flow-icon {justify-content:start;}
body[data-zp-design="public"] main.zz-oem-refined .cat-flow-icon svg {width:25px;height:25px;}
body[data-zp-design="public"] main.zz-oem-refined .supp-custom-samples-grid {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:28px;align-items:start!important;}
body[data-zp-design="public"] main.zz-oem-refined .supp-sample-panel {border-radius:18px;align-self:center;}
body[data-zp-design="public"] main.zz-oem-refined .supp-photo-contain {flex:none;min-height:0!important;padding:0;display:block;}
body[data-zp-design="public"] main.zz-oem-refined .supp-photo-contain img {width:100%;height:auto!important;max-height:none!important;object-fit:contain;}
body[data-zp-design="public"] main.zz-oem-refined .supp-sample-panel figcaption {padding:20px;}
body[data-zp-design="public"] main.zz-oem-refined .supp-health-grid {gap:12px;border:0;background:transparent;}
body[data-zp-design="public"] main.zz-oem-refined .supp-health-grid article {border:1px solid var(--oem-line)!important;border-radius:12px;padding:18px;}

/* Packaging and production get separate full-width rows. */
body[data-zp-design="public"] main.zz-oem-refined .cat-pack-factory-grid {grid-template-columns:1fr!important;gap:52px;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-pack-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-package-card {grid-template-columns:minmax(0,.7fr) minmax(0,1fr);min-height:0;padding:22px;margin:0;gap:22px;border-radius:18px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-package-image {height:230px;background:#f6f3ed;}
body[data-zp-design="public"] main.zz-oem-refined .cat-package-image img {max-width:300px;max-height:300px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-package-card .zz-oem-image-note {grid-column:1/-1;margin:0!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-package-card li {font-size:13px!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-mosaic {grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:18px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-main {grid-row:auto!important;grid-column:span 2;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-mosaic figure {display:flex;flex-direction:column;border-radius:16px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-mosaic img {height:220px!important;object-fit:contain!important;background:#f2f1ec;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-mosaic figcaption {position:static!important;padding:18px;background:#fff!important;color:var(--oem-ink)!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-factory-mosaic figcaption span {color:var(--oem-muted)!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-supply-grid,.supp-real-card-grid) {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-supply-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-supply-grid figure,.supp-real-card-grid figure) {border-radius:16px;display:flex;flex-direction:column;background:#fff;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-supply-grid img,.supp-real-image) {height:210px!important;object-fit:contain!important;background:#f4f2ed;}
body[data-zp-design="public"] main.zz-oem-refined .supp-real-card-grid figcaption {flex:1;background:#fff!important;color:var(--oem-ink)!important;text-align:left;padding:18px;min-height:0;}
body[data-zp-design="public"] main.zz-oem-refined .supp-real-card-grid span {color:var(--oem-muted)!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery {grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:auto!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-report {grid-row:span 2!important;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery figure {display:flex;flex-direction:column;align-items:center;border-radius:14px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery img {height:160px;max-width:100%;object-fit:contain;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-report img {height:340px;max-width:260px;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery figcaption {width:100%;margin-top:auto;}
body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery .zz-oem-original-small {width:var(--original-w)!important;height:var(--original-h)!important;margin:27px auto!important;flex:none;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:20px;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid figure {margin:0;border:1px solid var(--oem-line);border-radius:18px;overflow:hidden;background:#fff;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid img {width:100%;height:340px;object-fit:contain;background:#f3f1eb;display:block;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid figcaption {padding:20px;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid b {display:block;font-size:17px;}
body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid span {display:block;font-size:13px;color:var(--oem-muted);margin-top:6px;line-height:1.6;}

/* Workflow no longer stretches to match the form. */
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-cta-grid,.supp-process-inquiry-grid) {grid-template-columns:1fr!important;align-items:start!important;gap:28px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-block,.supp-process-card) {min-height:0!important;height:auto!important;display:block;padding:30px!important;border-radius:20px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-flow,.supp-process-flow) {grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:18px;margin:28px 0 0;overflow:visible!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-flow,.supp-process-flow)>i {display:none;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-flow,.supp-process-flow)>div {width:auto!important;text-align:left;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-flow,.supp-process-flow) b {margin:0 0 12px;font-size:12px!important;background:#f5f0e7;border:0;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-flow,.supp-process-flow) strong {font-size:14px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-support,.supp-process-benefits) {margin-top:28px!important;padding-top:0!important;min-height:0!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-support,.supp-process-benefits)>div {min-height:0!important;padding:20px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-card,.supp-inquiry-card) {display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:40px;min-height:0!important;padding:40px!important;border-radius:20px!important;background:#1c4033!important;scroll-margin-top:110px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-copy,.supp-inquiry-copy) h2 {color:#fff9ee!important;font-size:clamp(28px,2.7vw,38px)!important;line-height:1.15!important;margin:14px 0 18px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-copy,.supp-inquiry-copy) p {color:#dce8df!important;font-size:14px!important;line-height:1.7!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) {margin:0!important;display:block!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) label {margin-bottom:14px;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) label>span {font-size:12px!important;color:#e5eee8!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) input:not(.zz-hp-field) {min-height:46px;height:auto;border-radius:9px;padding:12px;font-size:16px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) textarea {min-height:120px;border-radius:9px;font-size:16px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-inquiry-form,.supp-inquiry-form) button {min-height:48px;border-radius:999px!important;background:#ffa66f!important;color:#1c332b!important;font-size:14px!important;}
body[data-zp-design="public"] main.zz-oem-refined :is(a,button,input,textarea):focus-visible {outline:3px solid #df9a61;outline-offset:3px;}
@media(max-width:1000px) {
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-grid,.supp-hero-grid) {gap:24px;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-custom-flow,.cat-factory-mosaic,.cat-process-flow,.supp-process-flow) {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-factory-main {grid-column:auto;}
  body[data-zp-design="public"] main.zz-oem-refined .zz-oem-pack-grid {grid-template-columns:1fr;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-qc-gallery {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:760px) {
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-container,.supp-container,section>.cat-container) {width:calc(100% - 36px)!important;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-section,.supp-section) {padding:38px 0!important;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero,.supp-hero) {padding:30px 0;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-grid,.supp-hero-grid,.supp-custom-samples-grid,.zz-oem-real-grid,.cat-inquiry-card,.supp-inquiry-card) {grid-template-columns:1fr!important;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-hero-copy,.supp-hero-copy) h1 {font-size:38px!important;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-stat-grid,.supp-stat-grid,.cat-type-grid,.supp-dosage-grid,.cat-facts-grid,.cat-custom-flow,.cat-factory-mosaic,.supp-real-card-grid,.cat-qc-gallery,.cat-process-flow,.supp-process-flow) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-qc-report {grid-row:auto!important;grid-column:1/-1;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-qc-report img {height:280px;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-block,.supp-process-card,.cat-inquiry-card,.supp-inquiry-card) {padding:24px!important;gap:24px;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-process-support,.supp-process-benefits) {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  body[data-zp-design="public"] main.zz-oem-refined .zz-oem-real-grid img {height:auto;max-height:360px;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-type-card>div:not(.zz-oem-tile) {padding:15px;}
}
@media(max-width:480px) {
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-form-row,.supp-form-row,.cat-supply-grid,.supp-real-card-grid,.cat-factory-mosaic) {grid-template-columns:1fr!important;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-package-card {grid-template-columns:1fr;}
  body[data-zp-design="public"] main.zz-oem-refined .cat-package-image {height:210px;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-custom-flow,.supp-custom-flow) article {padding:18px 14px;min-height:170px!important;}
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-stat-item,.supp-stat-grid>div) {padding:16px 8px;gap:9px;}
}
@media(prefers-reduced-motion:reduce) {
  body[data-zp-design="public"] main.zz-oem-refined * {animation:none!important;transition:none!important;}
}

/* 2026-10-09 — restrained hover feedback for OEM product category cards.
 * Keep the sprite-sheet image itself untransformed: each card shows a
 * cropped quadrant of a shared 2x2 product image.
 */
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article){
  transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}
body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article) > .zz-oem-tile{
  transform:scale(1);
  transform-origin:center center;
  transition:transform .32s ease;
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article):hover{
    transform:translateY(-4px);
    border-color:#a6c0ae;
    box-shadow:0 12px 25px rgba(30,68,49,.11);
  }
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article):hover > .zz-oem-tile{
    transform:scale(1.025);
  }
}
@media (prefers-reduced-motion:reduce){
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article),
  body[data-zp-design="public"] main.zz-oem-refined :is(.cat-type-card,.supp-dosage-grid article) > .zz-oem-tile{
    transition:none!important;
    transform:none!important;
  }
}