
.manufacturing-page{background:#fff;color:#13213b}
.mfg-breadcrumb{border-top:1px solid #eef2f7;background:#fff}
.mfg-breadcrumb .shell{display:flex;gap:8px;align-items:center;padding:12px 0;font-size:12px;color:#354761}
.mfg-breadcrumb a{color:#354761}
.mfg-breadcrumb b{font-weight:800}

.mfg-hero{background:#fff;overflow:hidden}
.mfg-hero-grid{display:grid;grid-template-columns:36% 64%;align-items:stretch}
.mfg-hero-copy{padding:31px 27px 24px 0;display:flex;flex-direction:column;justify-content:center}
.mfg-hero h1{margin:0 0 10px;line-height:.98;letter-spacing:-1.5px}
.mfg-hero h1 span{display:block;font-size:37px;color:#171d27;font-weight:800;margin-bottom:7px}
.mfg-hero h1 strong{display:block;font-size:48px;color:#1543ad;font-weight:900}
.mfg-hero h2{font-size:20px;line-height:1.23;color:#182440;margin:0 0 14px}
.mfg-hero-copy>p{font-size:13px;line-height:1.57;color:#3e4a60;margin:0 0 12px;max-width:520px}
.mfg-checks{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:7px}
.mfg-checks li{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:700;color:#1e3049}
.mfg-checks li span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#1848b5;color:#fff;font-size:11px}
.mfg-actions{display:flex;gap:12px;flex-wrap:wrap}
.mfg-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:5px;padding:12px 17px;font-size:11px;font-weight:800;border:1px solid transparent;transition:.2s}
.mfg-btn:hover{transform:translateY(-1px)}
.mfg-btn-primary{background:#ff4c12;color:#fff}
.mfg-btn-outline{background:#fff;color:#16409e;border-color:#16409e}

.mfg-hero-visual{min-height:372px;position:relative}
.mfg-hero-visual:before{content:"";position:absolute;left:0;top:0;bottom:0;width:110px;background:linear-gradient(90deg,#fff,rgba(255,255,255,.02));z-index:1}
.mfg-hero-visual img{width:100%;height:100%;min-height:372px;object-fit:cover;display:block}

.mfg-proof{border-top:1px solid #e7ecf4;border-bottom:1px solid #e7ecf4;background:linear-gradient(90deg,#fff,#f8faff,#fff)}
.mfg-proof-grid{display:grid;grid-template-columns:repeat(5,1fr)}
.mfg-proof-item{display:grid;grid-template-columns:52px 1fr;gap:11px;align-items:center;padding:18px 14px;border-right:1px solid #e2e8f2}
.mfg-proof-item:last-child{border-right:0}
.mfg-proof-icon{width:47px;height:47px;border-radius:9px;background:#f6f8ff;border:1px solid #d9e1f4;color:#1847b7;display:grid;place-items:center}
.mfg-proof-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
.mfg-proof-item h3{font-size:12px;line-height:1.2;color:#173263;margin:0 0 3px}
.mfg-proof-item p{font-size:9.8px;line-height:1.35;color:#43506a;margin:0}
.mfg-proof-item p span{display:block}

.mfg-section{padding:24px 0}
.mfg-heading.left{max-width:650px;margin-bottom:15px}
.mfg-heading.centered{text-align:center;margin-bottom:14px}
.mfg-heading h2{font-size:22px;color:#1440ab;margin:0 0 5px}
.mfg-heading p{font-size:11.5px;line-height:1.46;color:#49556b;margin:0}

.mfg-connected-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.mfg-connected-card{border:1px solid #dfe5ef;border-radius:8px;overflow:hidden;background:linear-gradient(180deg,#fff,#f8faff);position:relative}
.mfg-card-photo{height:90px;overflow:hidden}
.mfg-card-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mfg-card-icon{width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid #aebfe9;color:#1749bf;display:grid;place-items:center;margin:-22px auto 7px;position:relative;z-index:2}
.mfg-card-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7}
.mfg-connected-card h3{text-align:center;color:#1742aa;font-size:11.5px;line-height:1.2;margin:0 8px 8px}
.mfg-connected-card ul{padding:0 12px 11px 22px;margin:0;color:#354158}
.mfg-connected-card li{font-size:8.8px;line-height:1.32;margin-bottom:3px}

.mfg-process-panel{border:1px solid #dfe5ef;border-radius:9px;background:#fafbfe;padding:14px 17px 12px}
.mfg-process-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr 18px 1fr;align-items:start}
.mfg-flow-step{text-align:center}
.mfg-flow-icon{width:52px;height:52px;border:1px solid #b5c5e9;border-radius:50%;background:#fff;color:#194ab9;display:grid;place-items:center;margin:0 auto 7px}
.mfg-flow-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.7}
.mfg-flow-step h3{font-size:9px;line-height:1.24;color:#24334f;margin:0}
.mfg-flow-arrow{font-size:22px;color:#1b4db9;text-align:center;padding-top:17px}

.mfg-capability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.mfg-capability-card{border:1px solid #dfe5ef;border-radius:7px;padding:11px;background:#fff;min-height:164px}
.mfg-capability-title{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}
.mfg-capability-title span{color:#1848b6}
.mfg-capability-title svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.mfg-capability-title h3{font-size:10.5px;line-height:1.22;color:#1945ad;margin:0 0 6px}
.mfg-capability-card ul{margin:0;padding:0 0 0 18px;color:#3a465b}
.mfg-capability-card li{font-size:8.7px;line-height:1.32;margin-bottom:3px}
.mfg-capability-card a{display:inline-block;margin-top:6px;color:#1747b8;font-size:8.8px;font-weight:800}

.mfg-lower-grid{display:grid;grid-template-columns:37% 34% 29%;gap:10px;align-items:stretch}
.mfg-landscape-panel,.mfg-built-panel,.mfg-proven-panel{border:1px solid #dfe5ef;border-radius:8px;background:#fff;padding:12px}
.mfg-lower-grid h2{font-size:14px;color:#163fa6;margin:0 0 10px}

.mfg-landscape{display:grid;grid-template-columns:1fr 118px 1fr;gap:8px;align-items:center;min-height:185px}
.mfg-landscape-center{display:grid;place-items:center}
.mfg-core{width:102px;height:102px;border-radius:50%;background:linear-gradient(145deg,#1749bf,#0a2f7b);color:#fff;display:grid;place-items:center;text-align:center;font-weight:900;font-size:22px;line-height:1}
.mfg-landscape-list{display:grid;gap:8px}
.mfg-landscape-list span{font-size:8.9px;color:#33415b;position:relative;padding:6px 8px;border:1px solid #e1e6ef;border-radius:16px;background:#fbfcff;text-align:center}
.mfg-built-list{display:grid;gap:9px}
.mfg-built-list div{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;font-size:9.5px;color:#3f4d64}
.mfg-built-list span{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#f2f6ff;color:#1746b2;border:1px solid #c7d2ee;font-size:10px}
.mfg-proven-panel{background:linear-gradient(180deg,#f8faff,#f0f4ff)}
.mfg-proven-list{display:grid;gap:9px}
.mfg-proven-list>div{display:grid;grid-template-columns:30px 1fr;gap:8px;align-items:start}
.mfg-proven-list>div>span{color:#1848b7}
.mfg-proven-list svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}
.mfg-proven-list p{margin:0}
.mfg-proven-list strong{display:block;font-size:10px;color:#173e9f}
.mfg-proven-list small{display:block;font-size:8.7px;line-height:1.3;color:#43506a;margin-top:2px}

.mfg-customer-cta-grid{display:grid;grid-template-columns:52% 48%;gap:10px}
.mfg-customer-panel,.mfg-final-cta{border:1px solid #dfe5ef;border-radius:8px;background:#fff}
.mfg-customer-panel{padding:12px}
.mfg-customer-panel h2{font-size:13px;color:#173fa7;margin:0 0 10px}
.mfg-customer-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.mfg-customer-logo{border:1px solid #e3e8f0;border-radius:6px;background:#fff;min-height:55px;display:grid;place-items:center;padding:5px}
.mfg-customer-logo img{max-width:100%;max-height:42px;object-fit:contain}
.mfg-final-cta{display:grid;grid-template-columns:1fr 145px;overflow:hidden}
.mfg-final-copy{padding:14px;display:flex;flex-direction:column;justify-content:center}
.mfg-final-copy h2{font-size:15px;line-height:1.25;color:#173fa7;margin:0 0 10px}
.mfg-final-actions{display:flex;gap:8px;flex-wrap:wrap}
.mfg-final-cta>img{width:100%;height:100%;object-fit:cover;min-height:130px}

@media(max-width:1100px){
  .mfg-connected-grid{grid-template-columns:repeat(4,1fr)}
  .mfg-process-flow{grid-template-columns:repeat(5,1fr);gap:12px}
  .mfg-flow-arrow{display:none}
  .mfg-capability-grid{grid-template-columns:repeat(2,1fr)}
  .mfg-lower-grid{grid-template-columns:1fr 1fr}
  .mfg-proven-panel{grid-column:1/-1}
}
@media(max-width:900px){
  .mfg-hero-grid{grid-template-columns:1fr}
  .mfg-hero-copy{padding-right:0}
  .mfg-hero-visual{min-height:320px}
  .mfg-hero-visual img{min-height:320px}
  .mfg-proof-grid{grid-template-columns:repeat(2,1fr)}
  .mfg-proof-item{border-bottom:1px solid #e2e8f2}
  .mfg-proof-item:nth-child(even){border-right:0}
  .mfg-proof-item:last-child{grid-column:1/-1;border-bottom:0}
  .mfg-customer-cta-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .mfg-hero h1 span{font-size:31px}
  .mfg-hero h1 strong{font-size:40px}
  .mfg-connected-grid{grid-template-columns:1fr 1fr}
  .mfg-process-flow{grid-template-columns:1fr 1fr}
  .mfg-capability-grid{grid-template-columns:1fr}
  .mfg-lower-grid{grid-template-columns:1fr}
  .mfg-proven-panel{grid-column:auto}
  .mfg-customer-grid{grid-template-columns:repeat(3,1fr)}
  .mfg-final-cta{grid-template-columns:1fr}
  .mfg-final-cta>img{max-height:190px}
}
@media(max-width:440px){
  .mfg-actions{flex-direction:column}
  .mfg-proof-grid,.mfg-connected-grid{grid-template-columns:1fr}
  .mfg-proof-item{border-right:0}
  .mfg-proof-item:last-child{grid-column:auto}
  .mfg-process-flow{grid-template-columns:1fr}
  .mfg-customer-grid{grid-template-columns:1fr 1fr}
}


/* v11 refinements based on final manufacturing review */

/* Correction #1: clean separation between hero and proof strip */
.mfg-hero{
  position:relative;
  z-index:1;
  overflow:hidden;
}
.mfg-hero-visual{
  min-height:340px !important;
  overflow:hidden;
}
.mfg-hero-visual img{
  min-height:340px !important;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.mfg-proof{
  position:relative;
  z-index:3;
  margin-top:0 !important;
  background:#fff;
}

/* Correction #3: compact vertical rhythm */
.mfg-section{
  padding:14px 0 !important;
}
.mfg-heading.left{
  margin-bottom:10px !important;
}
.mfg-heading.centered{
  margin-bottom:9px !important;
}
.mfg-connected-grid,
.mfg-capability-grid,
.mfg-lower-grid,
.mfg-customer-cta-grid{
  gap:8px !important;
}
.mfg-process-panel{
  padding:11px 15px 10px !important;
}
.mfg-capability-card{
  min-height:148px !important;
  padding:9px !important;
}
.mfg-lower-grid{
  align-items:stretch;
}

/* Correction #2: approved integrated manufacturing landscape visual */
.mfg-landscape-image-panel{
  padding:0 !important;
  overflow:hidden;
  background:#fff;
  display:flex;
  align-items:stretch;
}
.mfg-landscape-image-panel img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:8px;
}

/* Correction #4: actual logo images, compact and consistently aligned */
.mfg-customer-panel{
  padding:10px 12px !important;
}
.mfg-customer-panel h2{
  margin-bottom:7px !important;
}
.mfg-customer-grid{
  gap:6px !important;
}
.mfg-customer-logo{
  min-height:52px !important;
  padding:4px 6px !important;
  background:#fff;
}
.mfg-customer-logo img{
  width:100%;
  height:40px;
  object-fit:contain;
  display:block;
}

/* Remove extra whitespace below the customer/logo + CTA row */
.customer-cta-section{
  padding-bottom:10px !important;
}
.mfg-final-cta{
  min-height:0 !important;
}
.mfg-final-cta>img{
  min-height:112px !important;
}

@media(max-width:900px){
  .mfg-hero-visual,
  .mfg-hero-visual img{
    min-height:290px !important;
  }
}


/* v20 — readability refinement: preserve design, raise small-text floor */
.page-shell p,
.page-shell li,
.page-content p,
.page-content li,
main p,
main li{
  line-height:1.55;
}

/* Descriptive text inside cards/panels */
[class*="card"] p,
[class*="card"] li,
[class*="panel"] p,
[class*="panel"] li{
  font-size:max(15px, .9375rem);
  line-height:1.52;
}

/* Avoid undersized supporting labels */
[class*="eyebrow"],
[class*="label"],
[class*="caption"],
[class*="meta"]{
  font-size:max(14px, .875rem);
}


/* v21 — explicit readable typography for .manufacturing-page */
.manufacturing-page p,
.manufacturing-page li{
  font-size:16px !important;
  line-height:1.58 !important;
}
.manufacturing-page h3{
  font-size:17px !important;
  line-height:1.35 !important;
}
.manufacturing-page small,
.manufacturing-page figcaption,
.manufacturing-page [class*="label"],
.manufacturing-page [class*="caption"],
.manufacturing-page [class*="meta"]{
  font-size:14px !important;
  line-height:1.45 !important;
}
.manufacturing-page a:not(.trade-btn):not(.mfg-btn):not(.agri-btn):not(.contact-btn){
  font-size:max(14px, inherit);
}

.manufacturing-page .mfg-btn{font-size:14px !important;}


/* =========================================================
   v46 — Manufacturing lower-panel typography refinement only
   No layout, spacing, colors, images, card sizes or content changed.
   ========================================================= */

/* Panel titles */
.manufacturing-page .mfg-lower-grid h2{
  font-size:20px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

/* Built Around Your Manufacturing Operation — list text */
.manufacturing-page .mfg-built-list div{
  font-size:15.5px !important;
  line-height:1.45 !important;
}

/* Keep the existing circular checks, only improve symbol readability */
.manufacturing-page .mfg-built-list span{
  font-size:13px !important;
  line-height:1 !important;
}

/* Proven in Manufacturing — primary labels */
.manufacturing-page .mfg-proven-list strong{
  font-size:16px !important;
  line-height:1.3 !important;
  font-weight:800 !important;
}

/* Proven in Manufacturing — supporting text */
.manufacturing-page .mfg-proven-list small{
  font-size:14.5px !important;
  line-height:1.42 !important;
}

/* Ensure the four icon/list rows remain comfortably readable */
.manufacturing-page .mfg-proven-list > div{
  line-height:1.4 !important;
}

@media(max-width:650px){
  .manufacturing-page .mfg-lower-grid h2{
    font-size:18px !important;
  }
  .manufacturing-page .mfg-built-list div{
    font-size:15px !important;
  }
  .manufacturing-page .mfg-proven-list strong{
    font-size:15.5px !important;
  }
  .manufacturing-page .mfg-proven-list small{
    font-size:14px !important;
  }
}


/* =========================================================
   v47 — Manufacturing targeted visual fine-tune only
   1) Real-Time Visibility icon fixed in content
   2) OLAX Manufacturing Capabilities receives richer color treatment
   ========================================================= */

.manufacturing-page .capability-section{
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcff 48%,#f8fbff 100%);
}

.manufacturing-page .capability-section .mfg-heading h2{
  font-size:25px !important;
  font-weight:900 !important;
  letter-spacing:-.015em;
  position:relative;
  display:inline-block;
  padding-bottom:9px;
}
.manufacturing-page .capability-section .mfg-heading h2:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:0;
  width:64px;
  height:3px;
  transform:translateX(-50%);
  border-radius:999px;
  background:linear-gradient(90deg,#1654d8,#23a564);
}

.manufacturing-page .mfg-capability-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(24,71,183,.14) !important;
  border-radius:12px !important;
  background:#fff;
  box-shadow:0 7px 20px rgba(24,71,183,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.manufacturing-page .mfg-capability-card:before{
  content:"";
  position:absolute;
  left:0; right:0; top:0;
  height:4px;
  background:#4f75ef;
}
.manufacturing-page .mfg-capability-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(24,71,183,.10);
}

/* Soft alternating card tints */
.manufacturing-page .mfg-capability-card:nth-child(1),
.manufacturing-page .mfg-capability-card:nth-child(7){
  background:linear-gradient(180deg,#f7f9ff,#ffffff);
}
.manufacturing-page .mfg-capability-card:nth-child(2),
.manufacturing-page .mfg-capability-card:nth-child(8){
  background:linear-gradient(180deg,#f5fcf7,#ffffff);
}
.manufacturing-page .mfg-capability-card:nth-child(3),
.manufacturing-page .mfg-capability-card:nth-child(6){
  background:linear-gradient(180deg,#fff9f2,#ffffff);
}
.manufacturing-page .mfg-capability-card:nth-child(4),
.manufacturing-page .mfg-capability-card:nth-child(9){
  background:linear-gradient(180deg,#fbf7ff,#ffffff);
}
.manufacturing-page .mfg-capability-card:nth-child(5),
.manufacturing-page .mfg-capability-card:nth-child(10){
  background:linear-gradient(180deg,#f3fbfb,#ffffff);
}

/* Matching top accents */
.manufacturing-page .mfg-capability-card:nth-child(1):before,
.manufacturing-page .mfg-capability-card:nth-child(7):before{background:#5877ef}
.manufacturing-page .mfg-capability-card:nth-child(2):before,
.manufacturing-page .mfg-capability-card:nth-child(8):before{background:#2fae67}
.manufacturing-page .mfg-capability-card:nth-child(3):before,
.manufacturing-page .mfg-capability-card:nth-child(6):before{background:#f08a22}
.manufacturing-page .mfg-capability-card:nth-child(4):before,
.manufacturing-page .mfg-capability-card:nth-child(9):before{background:#8a4ce2}
.manufacturing-page .mfg-capability-card:nth-child(5):before,
.manufacturing-page .mfg-capability-card:nth-child(10):before{background:#24a6a6}

/* More prominent icon blocks while retaining the existing SVGs */
.manufacturing-page .mfg-capability-title > span{
  width:42px !important;
  height:42px !important;
  border-radius:9px;
  display:grid;
  place-items:center;
  color:#fff !important;
  background:#5877ef;
  box-shadow:0 5px 12px rgba(24,71,183,.12);
}
.manufacturing-page .mfg-capability-title > span svg{
  width:23px !important;
  height:23px !important;
  stroke:currentColor;
}
.manufacturing-page .mfg-capability-card:nth-child(2) .mfg-capability-title > span,
.manufacturing-page .mfg-capability-card:nth-child(8) .mfg-capability-title > span{background:#2fae67}
.manufacturing-page .mfg-capability-card:nth-child(3) .mfg-capability-title > span,
.manufacturing-page .mfg-capability-card:nth-child(6) .mfg-capability-title > span{background:#f08a22}
.manufacturing-page .mfg-capability-card:nth-child(4) .mfg-capability-title > span,
.manufacturing-page .mfg-capability-card:nth-child(9) .mfg-capability-title > span{background:#8a4ce2}
.manufacturing-page .mfg-capability-card:nth-child(5) .mfg-capability-title > span,
.manufacturing-page .mfg-capability-card:nth-child(10) .mfg-capability-title > span{background:#24a6a6}

.manufacturing-page .mfg-capability-title{
  grid-template-columns:42px 1fr !important;
  gap:10px !important;
  align-items:center !important;
}

.manufacturing-page .mfg-capability-title h3{
  font-size:16px !important;
  line-height:1.26 !important;
  font-weight:800 !important;
  color:#1742aa !important;
}

/* Keep existing content; only improve prominence/readability inside this section */
.manufacturing-page .mfg-capability-card li{
  font-size:14px !important;
  line-height:1.42 !important;
}
.manufacturing-page .mfg-capability-card a{
  font-size:12px !important;
  font-weight:800 !important;
}


/* v52 — Trusted manufacturers panel removed; CTA fills available width */
.manufacturing-page .mfg-customer-cta-grid-single{
  display:block !important;
}
.manufacturing-page .mfg-customer-cta-grid-single .mfg-final-cta{
  width:100%;
  grid-template-columns:1fr 210px !important;
}
.manufacturing-page .mfg-customer-cta-grid-single .mfg-final-copy{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:18px 22px !important;
}
.manufacturing-page .mfg-customer-cta-grid-single .mfg-final-copy h2{
  margin:0 !important;
  max-width:650px;
  font-size:19px !important;
}
.manufacturing-page .mfg-customer-cta-grid-single .mfg-final-actions{
  flex:0 0 auto;
}
.manufacturing-page .mfg-customer-cta-grid-single .mfg-final-cta img{
  min-height:125px !important;
}
@media(max-width:850px){
  .manufacturing-page .mfg-customer-cta-grid-single .mfg-final-cta{
    grid-template-columns:1fr !important;
  }
  .manufacturing-page .mfg-customer-cta-grid-single .mfg-final-copy{
    flex-direction:column;
    align-items:flex-start;
  }
}
