:root{--green:#123f2b;--green2:#1c5a3c;--gold:#c49a45;--cream:#f5f3ed;--white:#fff;--ink:#17201b;--muted:#66716b;--line:#dfe3de;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(calc(100% - 40px),var(--max));margin:auto}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--gold);font-weight:800}.brand strong{display:block;letter-spacing:.12em;font-size:15px}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.08em}.nav{display:flex;align-items:center;gap:20px;font-size:13px}.nav a{color:#354139}.nav a:hover{color:var(--green)}.nav-cta{padding:10px 16px;background:var(--green);color:#fff!important;border-radius:5px}.menu-toggle{display:none;border:0;background:none;font-size:25px}
.hero{background:var(--cream);padding:105px 0 95px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.18em;margin:0 0 15px}h1{font-size:clamp(44px,6vw,72px);line-height:1.02;letter-spacing:-.04em;margin:0 0 25px;color:var(--green)}h1 span{color:var(--gold)}h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.025em;color:var(--green);margin:0 0 18px}h3{font-size:21px;line-height:1.2;margin:10px 0;color:var(--green)}.hero-copy{max-width:720px;font-size:18px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:5px;font-weight:700;font-size:13px}.button-primary{background:var(--green);color:#fff}.button-secondary{border:1px solid var(--green);color:var(--green)}.button-light{background:#fff;color:var(--green)}.button-outline{border:1px solid var(--green);color:var(--green)}.button-outline-light{border:1px solid rgba(255,255,255,.6);color:#fff}.hero-panel{background:var(--green);color:#fff;padding:42px;min-height:330px;display:flex;flex-direction:column;justify-content:end;border-top:5px solid var(--gold)}.panel-label{color:var(--gold);font-size:12px;letter-spacing:.2em;font-weight:800}.panel-line{width:55px;height:2px;background:var(--gold);margin:10px 0 25px}.hero-panel h2{color:#fff;font-size:36px}.hero-panel p{color:#dce5df}
.section{padding:95px 0}.section-light{background:var(--cream)}.section-heading{max-width:760px;margin-bottom:42px}.section-heading.wide{max-width:900px}.section-heading p:last-child{color:var(--muted);font-size:17px}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.business-card{padding:28px;border:1px solid var(--line);background:#fff;min-height:250px;display:flex;flex-direction:column;transition:.2s ease}.business-card:hover,.active-card{transform:translateY(-4px);border-color:#b9c4bc;box-shadow:0 12px 30px rgba(18,63,43,.07)}.icon{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.15em}.business-card p{color:var(--muted);margin-top:0}.learn{margin-top:auto;color:var(--green);font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split>div:last-child p{color:var(--muted);font-size:17px}
.agriculture{background:#fff}.fresh-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:stretch;margin-bottom:28px}.fresh-intro>div{background:var(--cream);padding:38px}.fresh-intro p{color:var(--muted)}.fresh-intro img,.product-section img,.local-range img{width:100%;height:100%;object-fit:cover;display:block}.mini-points{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.mini-points span{background:#fff;border:1px solid var(--line);padding:8px 11px;color:var(--green);font-weight:800;font-size:11px}.serve-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:28px 0 70px}.serve-grid div{background:#fff;padding:23px;min-height:155px}.serve-grid span{display:block;color:var(--gold);font-weight:800;font-size:11px}.serve-grid strong{display:block;color:var(--green);margin:10px 0 5px}.serve-grid small{display:block;color:var(--muted)}.product-section{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;align-items:stretch;margin:70px 0}.product-section.reverse{grid-template-columns:1.2fr 1fr}.product-section.reverse .product-copy{order:2}.product-copy{background:var(--cream);padding:38px}.product-copy p:not(.eyebrow){color:var(--muted)}.local-range{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;background:var(--green);padding:0;color:#fff;margin-top:70px}.local-range>div{padding:42px}.local-range h3{color:#fff}.local-range p:not(.eyebrow){color:#dce5df}.order-banner{margin-top:45px;background:var(--green);color:#fff;padding:30px 34px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:4px solid var(--gold)}.order-banner>div{margin-right:auto}.order-banner strong,.order-banner span{display:block}.order-banner span{color:#dce5df;font-size:13px;margin-top:3px}
.lendpay-section{background:var(--green);color:#fff}.lendpay h2{color:#fff}.lendpay .eyebrow{color:var(--gold)}.lendpay p{color:#dbe6df}.lendpay-title{color:var(--gold)!important;font-weight:800;font-size:18px}.lendpay-card{min-height:260px;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;justify-content:center;padding:38px}.lendpay-card span{color:var(--gold);font-size:11px;letter-spacing:.18em;font-weight:800}.lendpay-card strong{font-size:44px;margin:12px 0}.lendpay-card p{margin:0}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.audience-grid div{background:#fff;padding:28px;font-weight:800;color:var(--green)}.company-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.company-grid div{padding:26px;border-right:1px solid var(--line)}.company-grid div:last-child{border-right:0}.company-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:7px}.company-grid strong{color:var(--green)}.contact-section{padding:80px 0}.contact-box{background:var(--cream);padding:50px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;border-left:5px solid var(--gold)}.contact-actions{display:flex;flex-wrap:wrap;gap:10px}
.footer{background:#0c2d20;color:#d8e2dc;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:50px}.footer strong{color:#fff;letter-spacing:.1em;font-size:12px}.footer p{color:#aebdb4;margin:7px 0}.footer a,.footer span{display:block;color:#b9c7c0;margin-top:8px;font-size:13px}.footer a:hover{color:#fff}.footer-bottom{margin-top:50px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;color:#8fa199;font-size:11px}
@media(max-width:900px){.nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:20px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch}.nav.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.contact-box,.fresh-intro,.product-section,.product-section.reverse,.local-range{grid-template-columns:1fr}.product-section.reverse .product-copy{order:0}.business-grid{grid-template-columns:repeat(2,1fr)}.serve-grid{grid-template-columns:repeat(2,1fr)}.company-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.container{width:min(calc(100% - 28px),var(--max))}.hero{padding:70px 0}.section{padding:70px 0}.business-grid,.tag-grid,.audience-grid,.company-grid,.serve-grid{grid-template-columns:1fr}.company-grid div{border-right:0;border-bottom:1px solid var(--line)}.company-grid div:last-child{border-bottom:0}.contact-box{padding:30px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column}.order-banner{align-items:flex-start;flex-direction:column}.order-banner>div{margin-right:0}}

.page-hero{background:var(--green);color:#fff;padding:72px 0 65px;border-bottom:5px solid var(--gold)}
.page-hero h1{color:#fff;margin-bottom:18px}
.page-hero h1 span{color:var(--gold)}
.page-hero p:not(.eyebrow){max-width:720px;color:#dce5df;font-size:18px}
.back-link{display:inline-block;margin-top:18px;color:#fff;font-weight:800;font-size:13px}
.back-link:hover{color:var(--gold)}

.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.activity-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);transition:.2s ease;overflow:hidden}.activity-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(18,63,43,.09);border-color:#b9c4bc}.activity-image{height:240px;overflow:hidden}.activity-image img{width:100%;height:100%;object-fit:cover}.activity-content{padding:30px}.activity-content p{color:var(--muted)}.activity-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gold)}.disabled-card{opacity:.78;cursor:default}.disabled-card:hover{transform:none;box-shadow:none}.placeholder-icon{height:240px;background:var(--cream);display:grid;place-items:center;color:var(--gold);font-size:44px;font-weight:800}.dark-visual{height:240px;background:var(--green);color:#fff;display:grid;place-items:center;border-bottom:4px solid var(--gold)}.dark-visual span{font-size:46px;letter-spacing:.08em;font-weight:900}.large-card{min-height:360px}.lendpay-welcome{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.lendpay-welcome .audience-grid{margin:28px 0;background:var(--line)}.lendpay-welcome .audience-grid div{padding:22px}.coming-page{min-height:calc(100vh - 150px);display:grid;place-items:center;text-align:center;background:var(--cream)}.coming-page .container{max-width:720px}.coming-page p:not(.eyebrow){color:var(--muted);font-size:18px;margin:20px auto 30px}
@media(max-width:900px){.activity-grid,.lendpay-welcome{grid-template-columns:1fr}}@media(max-width:620px){.activity-grid{grid-template-columns:1fr}.dark-visual,.placeholder-icon{height:190px}}

.supply-note{background:var(--green);color:#fff;padding:25px 30px;border-left:5px solid var(--gold);margin-bottom:28px}.supply-note strong{display:block;color:#fff;font-size:20px}.supply-note span{display:block;color:#dbe6df;margin-top:5px}.supply-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.supply-category{background:#fff;border:1px solid var(--line);padding:28px;min-height:245px;transition:.2s ease}.supply-category:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(18,63,43,.07)}.supply-category>span{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.15em}.supply-category p{color:var(--muted);font-size:14px}.item-list{font-size:12px;color:var(--green);font-weight:700;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;line-height:1.8}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.process-grid div{background:#fff;padding:28px;min-height:190px}.process-grid span{color:var(--gold);font-size:11px;font-weight:800}.process-grid strong{display:block;color:var(--green);margin:12px 0 5px}.process-grid p{color:var(--muted);font-size:14px}.quote-copy{color:var(--muted)}@media(max-width:900px){.supply-category-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.supply-category-grid,.process-grid{grid-template-columns:1fr}}



/* Business Services image treatment */
.business-services-hero {
  background-image: linear-gradient(90deg, rgba(26, 65, 46, 1) 0%, rgba(26, 65, 46, .96) 36%, rgba(26, 65, 46, .62) 57%, rgba(26, 65, 46, .08) 100%), url('assets/business-services-hero.jpg');
  background-size: cover;
  background-position: center right;
}
@media (max-width: 700px) {
  .business-services-hero {
    background-image: linear-gradient(90deg, rgba(26, 65, 46, .96), rgba(26, 65, 46, .78)), url('assets/business-services-hero.jpg');
    background-position: center;
  }
}


/* Business Services image-led cards */
.card-grid.three .card {
  display: grid;
  grid-template-columns: 40% minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  column-gap: 18px;
  align-items: start;
  padding: 0 18px 0 0;
  overflow: hidden;
}
.service-card-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 190px;
  object-fit: cover;
  grid-column: 1;
  grid-row: 1 / span 2;
  margin: 0;
  border-radius: 10px 0 0 10px;
}
.card-grid.three .card h3 {
  align-self: end;
  margin: 18px 0 8px;
}
.card-grid.three .card p {
  margin: 0 0 18px;
}
@media (max-width: 760px) {
  .card-grid.three .card {
    grid-template-columns: 38% minmax(0, 1fr);
    column-gap: 12px;
  }
  .service-card-image {
    min-height: 175px;
  }
}


/* Business Services page refinement */
.business-services-hero {
  min-height: 285px;
  padding: 42px 0 35px;
  background-position: center right;
}
.business-services-hero .container { position: relative; z-index: 1; }
.business-services-hero h1 {
  max-width: 700px;
  font-size: clamp(42px, 5vw, 64px);
  margin-bottom: 12px;
}
.business-services-hero p:not(.eyebrow) {
  font-size: 17px;
  max-width: 560px;
  line-height: 1.4;
}
.business-services-hero .back-link { margin-top: 12px; }

.business-services-page .section { padding: 30px 0 45px; }
.business-services-page .intro { margin-bottom: 18px; }
.business-services-page .intro .eyebrow { margin-bottom: 8px; }
.business-services-page .intro h2 {
  font-size: clamp(28px, 3vw, 40px);
  margin-bottom: 6px;
}
.business-services-page .intro > p:last-child {
  color: var(--muted);
  margin: 0;
  font-size: 16px;
}
.business-service-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
}
.service-card {
  display: grid;
  grid-template-columns: 34% minmax(0, 1fr);
  min-height: 142px;
  border: 1px solid #e1e5e1;
  border-radius: 9px;
  overflow: hidden;
  background: linear-gradient(115deg, #fff 0%, #f8f9f8 100%);
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.service-card:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.service-card-image {
  width: 100%;
  height: 100%;
  min-height: 142px;
  max-height: 160px;
  display: block;
  object-fit: cover;
  margin: 0;
  border-radius: 0;
  filter: saturate(.82);
}
.service-card-copy {
  position: relative;
  min-width: 0;
  padding: 14px 13px 22px;
}
.service-card-heading {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr);
  gap: 10px;
  align-items: center;
  margin-bottom: 6px;
}
.service-icon {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--green);
  color: white;
  font-size: 17px;
  font-weight: 800;
}
.service-card h3 {
  margin: 0;
  font-size: 15px;
  line-height: 1.18;
  letter-spacing: -.02em;
}
.service-card p {
  color: #59635d;
  font-size: 12.5px;
  line-height: 1.42;
  margin: 0;
}
.service-arrow {
  position: absolute;
  right: 12px;
  bottom: 6px;
  color: var(--green);
  font-size: 18px;
  line-height: 1;
}
.business-services-page .cta-box {
  margin-top: 16px;
  padding: 20px 28px;
  border-radius: 10px;
  border-left: 0;
  border-top: 0;
  color: white;
  background-image: linear-gradient(90deg, rgba(13,54,36,.97), rgba(13,54,36,.88)), url('assets/business-services-hero.jpg');
  background-position: center 62%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}
.business-services-page .cta-box .eyebrow { margin-bottom: 3px; }
.business-services-page .cta-box h2 {
  color: white;
  font-size: clamp(22px, 2.5vw, 30px);
  margin: 0 0 3px;
}
.business-services-page .cta-box p:not(.eyebrow) {
  color: #e1e9e3;
  font-size: 13px;
  margin: 0;
}
.business-services-page .cta-box .btn-primary {
  flex-shrink: 0;
  background: var(--gold);
  color: #17201b;
  padding: 13px 20px;
}
@media (max-width: 1050px) {
  .business-service-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .business-services-hero { padding: 38px 0 32px; }
  .business-services-page .section { padding: 28px 0 36px; }
  .business-service-grid { grid-template-columns: 1fr; gap: 12px; }
  .service-card { min-height: 130px; grid-template-columns: 31% minmax(0,1fr); }
  .service-card-image { min-height: 130px; max-height: 145px; }
  .service-card-copy { padding: 12px 12px 22px; }
  .service-card-heading { grid-template-columns: 30px minmax(0,1fr); gap: 8px; }
  .service-icon { width: 30px; height: 30px; font-size: 15px; }
  .service-card h3 { font-size: 14px; }
  .service-card p { font-size: 12px; }
  .business-services-page .cta-box { align-items: flex-start; flex-direction: column; padding: 22px; }
}


/* Coordinated image-led headers across Ochitex business pages */
.agriculture-hero,
.fresh-supply-hero,
.trading-supply-hero,
.mining-industrial-hero,
.logistics-hero,
.investments-hero {
  min-height: 285px;
  padding: 42px 0 35px;
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  position: relative;
}
.agriculture-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.96) 32%, rgba(26,65,46,.56) 58%, rgba(26,65,46,.04) 100%), url('assets/agriculture-hero.jpg');
  background-size: cover;
  background-position: center right;
}
.fresh-supply-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.96) 35%, rgba(26,65,46,.58) 60%, rgba(26,65,46,.08) 100%), url('assets/agriculture-hero.jpg');
}
.trading-supply-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.96) 35%, rgba(26,65,46,.58) 60%, rgba(26,65,46,.08) 100%), url('assets/trading-hero.jpg');
}
.mining-industrial-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.96) 35%, rgba(26,65,46,.58) 60%, rgba(26,65,46,.08) 100%), url('assets/mining-hero.jpg');
}
.logistics-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.96) 35%, rgba(26,65,46,.58) 60%, rgba(26,65,46,.08) 100%), url('assets/logistics-hero.jpg');
}
.investments-hero {
  background-image: linear-gradient(90deg, rgba(20,58,41,.98) 0%, rgba(20,58,41,.88) 32%, rgba(20,58,41,.42) 62%, rgba(20,58,41,.05) 100%), url('assets/investments-hero.jpg');
  background-size: cover;
  background-position: center 52%;
}
.agriculture-hero .container,
.fresh-supply-hero .container,
.trading-supply-hero .container,
.mining-industrial-hero .container,
.logistics-hero .container,
.investments-hero .container { position: relative; z-index: 1; }
.agriculture-hero h1,
.fresh-supply-hero h1,
.trading-supply-hero h1,
.mining-industrial-hero h1,
.logistics-hero h1,
.investments-hero h1 {
  font-size: clamp(42px, 5vw, 64px);
  margin-bottom: 12px;
}
.agriculture-hero p:not(.eyebrow),
.fresh-supply-hero p:not(.eyebrow),
.trading-supply-hero p:not(.eyebrow),
.mining-industrial-hero p:not(.eyebrow),
.logistics-hero p:not(.eyebrow),
.investments-hero p:not(.eyebrow) {
  font-size: 17px;
  line-height: 1.4;
  max-width: 650px;
}
.agriculture-hero .back-link,
.fresh-supply-hero .back-link,
.trading-supply-hero .back-link,
.mining-industrial-hero .back-link,
.logistics-hero .back-link,
.investments-hero .back-link { margin-top: 12px; }
@media (max-width: 700px) {
  .agriculture-hero,
  .fresh-supply-hero,
  .trading-supply-hero,
  .mining-industrial-hero,
  .logistics-hero,
  .investments-hero {
    min-height: 250px;
    padding: 36px 0 30px;
    background-position: center right;
  }
}

@media (max-width: 700px) {
  .agriculture-hero {
    background-image: linear-gradient(90deg, rgba(26,65,46,.98), rgba(26,65,46,.76)), url('assets/agriculture-hero.jpg');
    background-position: center right;
  }
}


/* Fresh Supply clean product cards */
.fresh-intro-clean {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(240px, .85fr);
  gap: 24px;
  align-items: center;
  padding: 22px;
  margin: 22px 0 28px;
  border: 1px solid #e4e8e4;
  border-radius: 10px;
  background: linear-gradient(115deg, #fff, #f8faf8);
}
.fresh-intro-clean > img {
  display: block;
  width: 100%;
  height: 210px;
  object-fit: cover;
  border-radius: 8px;
  filter: saturate(.9);
}
.fresh-products-clean { margin-top: 30px; }
.fresh-products-heading { margin-bottom: 16px; }
.fresh-products-heading .eyebrow { margin-bottom: 6px; }
.fresh-products-heading h3 {
  color: var(--green);
  margin: 0;
  font-size: clamp(24px, 3vw, 34px);
}
.fresh-product-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
.fresh-product-card {
  display: grid;
  grid-template-columns: 31% minmax(0, 1fr);
  min-height: 150px;
  border: 1px solid #e1e6e1;
  border-radius: 9px;
  overflow: hidden;
  background: linear-gradient(115deg, #fff, #f8f9f8);
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.fresh-product-card:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.fresh-product-card img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  filter: saturate(.86);
}
.fresh-product-card > div { padding: 16px 16px 18px; min-width: 0; }
.fresh-product-card h4 {
  color: var(--green);
  margin: 0 0 7px;
  font-size: 16px;
  line-height: 1.25;
}
.fresh-product-card p {
  color: #59635d;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}
.fresh-cta-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 760px) {
  .fresh-intro-clean {
    grid-template-columns: 1fr;
    padding: 17px;
    gap: 16px;
  }
  .fresh-intro-clean > img { height: 180px; }
  .fresh-product-grid { grid-template-columns: 1fr; }
  .fresh-product-card { grid-template-columns: 34% minmax(0,1fr); min-height: 135px; }
  .fresh-product-card img { min-height: 135px; }
  .fresh-product-card > div { padding: 12px; }
  .fresh-product-card h4 { font-size: 14px; }
  .fresh-product-card p { font-size: 12px; }
  .fresh-cta-actions { justify-content: flex-start; }
}


/* Trading & Supply: compact image-led category cards */
.supply-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.supply-category {
  display: grid;
  grid-template-columns: 34% minmax(0,1fr);
  align-items: stretch;
  padding: 0;
  min-height: 150px;
  overflow: hidden;
  border-radius: 9px;
  background: linear-gradient(115deg, #fff, #f8f9f8);
  border: 1px solid #e1e6e1;
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.supply-category:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.supply-category-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 150px;
  object-fit: cover;
  filter: saturate(.84);
}
.supply-category-content {
  position: relative;
  min-width: 0;
  padding: 14px 13px 14px;
}
.supply-category-number {
  display: inline-block;
  color: var(--gold);
  font-size: 19px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .03em;
  margin-bottom: 7px;
}
.supply-category h3 {
  margin: 0 0 7px;
  color: var(--green);
  font-size: 15px;
  line-height: 1.22;
}
.supply-category p {
  margin: 0 0 8px;
  color: #59635d;
  font-size: 12.5px;
  line-height: 1.42;
}
.supply-category .item-list {
  color: #68716b;
  font-size: 11.5px;
  line-height: 1.4;
}
@media (max-width: 1080px) {
  .supply-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .supply-category-grid { grid-template-columns: 1fr; gap: 12px; }
  .supply-category { grid-template-columns: 31% minmax(0,1fr); min-height: 140px; }
  .supply-category-image { min-height: 140px; }
  .supply-category-content { padding: 12px; }
  .supply-category h3 { font-size: 14px; }
  .supply-category p { font-size: 12px; }
  .supply-category .item-list { font-size: 11px; }
}


/* Trading & Supply layout refinement: spacious two-column cards and less-cropped imagery */
.supply-category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.supply-category {
  grid-template-columns: 30% minmax(0,1fr);
  min-height: 176px;
}
.supply-category-image {
  min-height: 176px;
  max-height: 210px;
  object-fit: contain;
  background: #f5f6f2;
  padding: 4px;
}
.supply-category-content {
  padding: 16px 16px 14px;
}
.supply-category h3 {
  font-size: 16px;
  margin-bottom: 8px;
}
.supply-category p {
  font-size: 13px;
  line-height: 1.48;
}
.supply-category .item-list {
  font-size: 11.5px;
  line-height: 1.42;
}
@media (max-width: 760px) {
  .supply-category-grid { grid-template-columns: 1fr; gap: 13px; }
  .supply-category { grid-template-columns: 32% minmax(0,1fr); min-height: 150px; }
  .supply-category-image { min-height: 150px; max-height: 175px; }
}


/* Mining & Industrial Support: coordinated hero and image-led supply cards */
.mining-industrial-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.95) 34%, rgba(26,65,46,.56) 58%, rgba(26,65,46,.05) 100%), url('assets/mining-hero.jpg');
  background-size: cover;
  background-position: center right;
}
.mining-industrial-hero h1 { max-width: 760px; }
.mining-industrial-hero p:not(.eyebrow) { max-width: 590px; }
.mining-industrial-hero .container { position: relative; z-index: 1; }
.mining-industrial-page .supply-category-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
}
.mining-industrial-page .supply-category {
  display: grid;
  grid-template-columns: 36% minmax(0,1fr);
  min-height: 164px;
  padding: 0;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid #e1e6e1;
  background: linear-gradient(115deg,#fff,#f8f9f8);
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.mining-industrial-page .supply-category:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.mining-industrial-page .supply-category-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 164px;
  object-fit: cover;
  filter: saturate(.88);
}
.mining-industrial-page .supply-category > span {
  display: block;
  color: var(--gold);
  font-size: 20px;
  font-weight: 800;
  margin: 14px 0 6px;
}
.mining-industrial-page .supply-category h3 {
  margin: 0 0 7px;
  color: var(--green);
  font-size: 16px;
  line-height: 1.25;
}
.mining-industrial-page .supply-category p {
  margin: 0 0 8px;
  color: #59635d;
  font-size: 13px;
  line-height: 1.45;
}
.mining-industrial-page .supply-category .item-list {
  color: #68716b;
  font-size: 11.5px;
  line-height: 1.4;
}
@media (max-width: 760px) {
  .mining-industrial-page .supply-category-grid { grid-template-columns: 1fr; gap: 12px; }
  .mining-industrial-page .supply-category { grid-template-columns: 32% minmax(0,1fr); min-height: 145px; }
  .mining-industrial-page .supply-category-image { min-height: 145px; }
  .mining-industrial-page .supply-category h3 { font-size: 14px; }
  .mining-industrial-page .supply-category p { font-size: 12px; }
}


/* Mining category cards: consistent alignment, no numeric labels */
.mining-industrial-page .supply-category {
  grid-template-columns: 36% minmax(0,1fr);
  align-items: stretch;
  min-height: 168px;
}
.mining-industrial-page .supply-category-image {
  width: 100%;
  height: 100%;
  min-height: 168px;
  max-height: 210px;
  object-fit: cover;
  display: block;
}
.mining-industrial-page .mining-category-content {
  min-width: 0;
  padding: 16px 16px 14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.mining-industrial-page .mining-category-content h3 {
  margin: 0 0 8px;
  line-height: 1.3;
}
.mining-industrial-page .mining-category-content p {
  margin: 0 0 12px;
  line-height: 1.45;
}
.mining-industrial-page .mining-category-content .item-list {
  margin-top: auto;
  padding-top: 10px;
  width: 100%;
  border-top: 1px solid #e1e6e1;
  line-height: 1.45;
}
.mining-industrial-page .supply-category > span { display: none !important; }
@media (max-width: 760px) {
  .mining-industrial-page .supply-category { grid-template-columns: 32% minmax(0,1fr); min-height: 150px; }
  .mining-industrial-page .supply-category-image { min-height: 150px; max-height: 180px; }
  .mining-industrial-page .mining-category-content { padding: 12px; }
}


/* Transport & Logistics: image-led cards aligned consistently with the rest of Ochitex */
.logistics-hero {
  background-image: linear-gradient(90deg, rgba(26,65,46,1) 0%, rgba(26,65,46,.95) 34%, rgba(26,65,46,.54) 59%, rgba(26,65,46,.04) 100%), url('assets/logistics-hero.jpg');
  background-size: cover;
  background-position: center right;
}
.logistics-page .supply-category-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 16px;
  align-items: stretch;
}
.logistics-page .supply-category {
  display: grid;
  grid-template-columns: 36% minmax(0,1fr);
  min-height: 168px;
  padding: 0;
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid #e1e6e1;
  background: linear-gradient(115deg,#fff,#f8f9f8);
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.logistics-page .supply-category:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.logistics-page .supply-category-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 168px;
  max-height: 220px;
  object-fit: cover;
  filter: saturate(.88);
}
.logistics-page .logistics-category-content {
  min-width: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.logistics-page .logistics-category-content h3 {
  color: var(--green);
  font-size: 16px;
  line-height: 1.3;
  margin: 0 0 8px;
}
.logistics-page .logistics-category-content p {
  color: #59635d;
  font-size: 13px;
  line-height: 1.45;
  margin: 0 0 12px;
}
.logistics-page .logistics-category-content .item-list {
  margin-top: auto;
  padding-top: 10px;
  width: 100%;
  border-top: 1px solid #e1e6e1;
  color: #68716b;
  font-size: 11.5px;
  line-height: 1.45;
}
@media (max-width: 760px) {
  .logistics-page .supply-category-grid { grid-template-columns: 1fr; gap: 12px; }
  .logistics-page .supply-category { grid-template-columns: 32% minmax(0,1fr); min-height: 150px; }
  .logistics-page .supply-category-image { min-height: 150px; max-height: 180px; }
  .logistics-page .logistics-category-content { padding: 12px; }
  .logistics-page .logistics-category-content h3 { font-size: 14px; }
  .logistics-page .logistics-category-content p { font-size: 12px; }
}


/* Homepage business cards: image-led, aligned with the business division pages */
.business-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.business-card {
  display: grid;
  grid-template-columns: 34% minmax(0,1fr);
  min-height: 168px;
  padding: 0;
  overflow: hidden;
  border: 1px solid #e1e6e1;
  border-radius: 9px;
  background: linear-gradient(115deg,#fff,#f8f9f8);
  text-decoration: none;
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.business-card:hover {
  border-color: #c5d0c8;
  box-shadow: 0 7px 18px rgba(18,63,43,.07);
  transform: translateY(-2px);
}
.business-card-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 168px;
  max-height: 220px;
  object-fit: cover;
  filter: saturate(.88);
}
.business-card-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 15px 14px 13px;
}
.business-card-copy h3 {
  color: var(--green);
  font-size: 16px;
  line-height: 1.25;
  margin: 0 0 8px;
}
.business-card-copy p {
  color: #59635d;
  font-size: 12.5px;
  line-height: 1.45;
  margin: 0 0 12px;
}
.business-card-copy .learn {
  color: var(--green);
  font-size: 12px;
  font-weight: 800;
  margin-top: auto;
}
.business-card .icon { display:none !important; }
@media (max-width: 1050px) {
  .business-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 680px) {
  .business-grid { grid-template-columns: 1fr; gap: 12px; }
  .business-card { grid-template-columns: 32% minmax(0,1fr); min-height: 145px; }
  .business-card-image { min-height: 145px; max-height: 180px; }
  .business-card-copy { padding: 12px; }
  .business-card-copy h3 { font-size: 14px; }
  .business-card-copy p { font-size: 12px; }
}


/* Investments & Loan Funding: lending opportunities with small, blended photographs */
.lending-opportunity-card {
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid #e1e6e1;
  border-radius: 9px;
  background: linear-gradient(115deg,#fff,#f8f9f8);
  box-shadow: 0 2px 8px rgba(18,63,43,.025);
}
.lending-opportunity-image {
  display: block;
  width: 100%;
  height: 150px;
  object-fit: cover;
  object-position: center;
  filter: saturate(.9);
}
.lending-opportunity-copy {
  padding: 18px 18px 20px;
}
.lending-opportunity-copy h3 {
  margin: 0 0 9px;
  color: var(--green);
}
.lending-opportunity-copy p:last-child { margin-bottom: 0; }
.investments-hero {
  background-image: linear-gradient(90deg,rgba(26,65,46,1) 0%,rgba(26,65,46,.93) 42%,rgba(26,65,46,.48) 72%,rgba(26,65,46,.12) 100%), url('assets/business-investments.jpg');
  background-size: cover;
  background-position: center right;
}
.lendpay-logo-link {
  display: inline-flex;
  align-items: center;
  max-width: 220px;
  margin: 0 0 18px;
  border-radius: 8px;
  overflow: hidden;
}
.lendpay-logo {
  display: block;
  width: 220px;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background: #030817;
}
@media (max-width: 760px) {
  .lending-opportunity-image { height: 135px; }
  .lending-opportunity-copy { padding: 15px; }
  .lendpay-logo { width: 190px; }
}


/* Investments & Loan Funding: show complete opportunity images, matching the full-width card feel */
.lending-opportunity-card {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.lending-opportunity-image {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: auto;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: #f5f6f2;
  filter: none;
}
.lending-opportunity-copy {
  flex: 1;
}
.lendpay-logo-link {
  display: flex;
  width: min(100%, 360px);
  max-width: 360px;
  margin: 0 0 18px;
  align-items: center;
  justify-content: center;
}
.lendpay-logo {
  display: block;
  width: 100%;
  max-width: 360px;
  height: auto;
  object-fit: contain;
  background: #030817;
}
@media (max-width: 760px) {
  .lending-opportunity-image { height: auto; max-height: none; }
  .lendpay-logo-link, .lendpay-logo { width: min(100%, 300px); max-width: 300px; }
}


/* Investments & Loan Funding: balanced two-column lending opportunity layout */
.investments-hero + main .card-grid.three {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
.investments-hero + main .lending-opportunity-card {
  display: grid;
  grid-template-columns: minmax(145px, 40%) minmax(0, 1fr);
  align-items: stretch;
  min-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
}
.investments-hero + main .lending-opportunity-image {
  width: 100%;
  height: 100%;
  min-height: 220px;
  max-height: none;
  object-fit: contain;
  object-position: center;
  background: #f5f6f2;
}
.investments-hero + main .lending-opportunity-copy {
  min-width: 0;
  padding: 20px 18px;
  align-self: center;
}
.investments-hero + main .lending-opportunity-copy h3 {
  font-size: 18px;
  line-height: 1.3;
}
.investments-hero + main .lending-opportunity-copy p {
  font-size: 13px;
  line-height: 1.5;
}
.investments-hero + main .cta-box {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 360px) auto;
  align-items: center;
  gap: 22px;
}
.investments-hero + main .lendpay-logo-link {
  width: 100%;
  max-width: 360px;
  margin: 0;
}
.investments-hero + main .lendpay-logo {
  width: 100%;
  max-width: 360px;
}
@media (max-width: 950px) {
  .investments-hero + main .card-grid.three {
    grid-template-columns: 1fr;
  }
  .investments-hero + main .cta-box {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .investments-hero + main .lending-opportunity-card {
    grid-template-columns: minmax(110px, 36%) minmax(0,1fr);
  }
  .investments-hero + main .lending-opportunity-image { min-height: 175px; }
  .investments-hero + main .lending-opportunity-copy { padding: 14px 12px; }
  .investments-hero + main .lending-opportunity-copy h3 { font-size: 15px; }
  .investments-hero + main .lending-opportunity-copy p { font-size: 12px; }
}


/* Site-wide image-led cards: larger, more consistent photography */
.business-card {
  grid-template-columns: 40% minmax(0,1fr);
  min-height: 205px;
}
.business-card-image {
  min-height: 205px;
  max-height: 260px;
}
.fresh-product-card {
  grid-template-columns: 36% minmax(0,1fr);
  min-height: 175px;
}
.fresh-product-card img {
  min-height: 175px;
}
.supply-category {
  grid-template-columns: 38% minmax(0,1fr);
  min-height: 190px;
}
.supply-category-image {
  min-height: 190px;
  max-height: 240px;
}
.mining-industrial-page .supply-category {
  grid-template-columns: 40% minmax(0,1fr);
  min-height: 200px;
}
.mining-industrial-page .supply-category-image {
  min-height: 200px;
  max-height: 250px;
}
.logistics-page .supply-category {
  grid-template-columns: 40% minmax(0,1fr);
  min-height: 200px;
}
.logistics-page .supply-category-image {
  min-height: 200px;
  max-height: 250px;
}
.service-card {
  grid-template-columns: 40% minmax(0,1fr);
  min-height: 205px;
}
.service-card-image {
  min-height: 205px;
  max-height: 260px;
}

/* Investments & Loan Funding: alternate the salary-advance image to the right */
.investments-hero + main .card-grid.three {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}
.investments-hero + main .lending-opportunity-card {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr);
  min-height: 250px;
}
.investments-hero + main .lending-opportunity-image {
  grid-column: 1;
  grid-row: 1;
  width: 100%;
  height: 100%;
  min-height: 250px;
  object-fit: contain;
  background: #f5f6f2;
}
.investments-hero + main .lending-opportunity-copy {
  grid-column: 2;
  grid-row: 1;
  padding: 22px 20px;
  align-self: center;
}
.investments-hero + main .lending-opportunity-card:nth-child(2) .lending-opportunity-image {
  grid-column: 2;
}
.investments-hero + main .lending-opportunity-card:nth-child(2) .lending-opportunity-copy {
  grid-column: 1;
}
.investments-hero + main .lending-opportunity-card:nth-child(3) {
  grid-column: 1 / 2;
}
.investments-hero + main .cta-box {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(260px,360px) auto;
  gap: 22px;
  align-items: center;
}
.investments-hero + main .lendpay-logo-link,
.investments-hero + main .lendpay-logo {
  width: 100%;
  max-width: 360px;
}
@media (max-width: 950px) {
  .business-card, .service-card { grid-template-columns: 38% minmax(0,1fr); }
  .fresh-product-card { grid-template-columns: 36% minmax(0,1fr); }
  .supply-category, .mining-industrial-page .supply-category, .logistics-page .supply-category {
    grid-template-columns: 36% minmax(0,1fr);
  }
  .investments-hero + main .card-grid.three { grid-template-columns: 1fr; }
  .investments-hero + main .lending-opportunity-card { min-height: 220px; }
  .investments-hero + main .lending-opportunity-image { min-height: 220px; }
}
@media (max-width: 560px) {
  .business-card, .service-card { grid-template-columns: 34% minmax(0,1fr); min-height: 170px; }
  .business-card-image, .service-card-image { min-height: 170px; }
  .fresh-product-card { grid-template-columns: 34% minmax(0,1fr); min-height: 150px; }
  .fresh-product-card img { min-height: 150px; }
  .supply-category, .mining-industrial-page .supply-category, .logistics-page .supply-category {
    grid-template-columns: 34% minmax(0,1fr);
    min-height: 160px;
  }
  .supply-category-image, .mining-industrial-page .supply-category-image, .logistics-page .supply-category-image {
    min-height: 160px;
  }
  .investments-hero + main .lending-opportunity-card {
    grid-template-columns: 34% minmax(0,1fr);
    min-height: 175px;
  }
  .investments-hero + main .lending-opportunity-image {
    min-height: 175px;
    grid-column: 1 !important;
  }
  .investments-hero + main .lending-opportunity-copy {
    grid-column: 2 !important;
    padding: 14px 12px;
  }
  .investments-hero + main .lending-opportunity-card:nth-child(2) .lending-opportunity-image {
    grid-column: 2 !important;
    grid-row: 1;
  }
  .investments-hero + main .lending-opportunity-card:nth-child(2) .lending-opportunity-copy {
    grid-column: 1 !important;
    grid-row: 1;
  }
}


/* Investments & Loan Funding final image fit and LendPay brand integration */
.investments-hero + main .lending-opportunity-card {
  overflow: hidden;
  align-items: stretch;
}
.investments-hero + main .lending-opportunity-image {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 250px;
  object-fit: contain !important;
  object-position: center;
  padding: 8px;
  background: #f4f6f2;
  box-sizing: border-box;
}
.investments-hero + main .lending-opportunity-card:first-child .lending-opportunity-image {
  object-fit: contain !important;
  object-position: center;
  padding: 8px;
}
.investments-hero + main .lending-opportunity-card:nth-child(3) .lending-opportunity-image {
  object-fit: contain !important;
  object-position: center;
  padding: 8px;
}
.investments-hero + main .lendpay-logo-link {
  display: block;
  width: 100%;
  max-width: 420px;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(205,216,208,.85);
  box-shadow: 0 8px 22px rgba(10,35,24,.10);
  background: #031126;
}
.investments-hero + main .lendpay-logo {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  object-fit: contain;
  background: #031126;
}
@media (max-width: 950px) {
  .investments-hero + main .lending-opportunity-image {
    min-height: 220px;
  }
}
@media (max-width: 560px) {
  .investments-hero + main .lending-opportunity-image {
    min-height: 175px;
    padding: 4px;
  }
  .investments-hero + main .lendpay-logo-link,
  .investments-hero + main .lendpay-logo {
    max-width: 100%;
  }
}


/* Investments: stack opportunity image above copy so every image fits fully */
.investments-hero + main .card-grid.three {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 22px;
  align-items: stretch;
}
.investments-hero + main .lending-opportunity-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  overflow: hidden;
}
.investments-hero + main .lending-opportunity-image {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  max-height: none;
  aspect-ratio: auto;
  object-fit: contain !important;
  object-position: center;
  padding: 10px;
  background: #f4f6f2;
  box-sizing: border-box;
}
.investments-hero + main .lending-opportunity-copy {
  padding: 18px 20px 22px;
  align-self: stretch;
}
.investments-hero + main .lending-opportunity-card:nth-child(3) {
  grid-column: 1 / 2;
}
@media (max-width: 760px) {
  .investments-hero + main .card-grid.three { grid-template-columns: 1fr; }
  .investments-hero + main .lending-opportunity-image { max-height: none; }
}

/* Business Services: larger photography in a clean 3-column by 2-row card grid */
.business-service-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 20px;
  align-items: stretch;
}
.business-service-grid .service-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: 12px;
}
.business-service-grid .service-card-image {
  display: block;
  width: 100%;
  height: 220px;
  min-height: 220px;
  max-height: none;
  object-fit: cover;
  object-position: center;
}
.business-service-grid .service-card-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 20px 20px 22px;
}
.business-service-grid .service-card-copy h3 {
  margin: 0 0 10px;
  line-height: 1.3;
}
.business-service-grid .service-card-copy p {
  margin: 0 0 14px;
  line-height: 1.5;
}
.business-service-grid .service-arrow { margin-top: auto; }
@media (max-width: 1000px) {
  .business-service-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .business-service-grid .service-card-image { height: 210px; min-height: 210px; }
}
@media (max-width: 620px) {
  .business-service-grid { grid-template-columns: 1fr; gap: 15px; }
  .business-service-grid .service-card-image { height: 230px; min-height: 230px; }
  .business-service-grid .service-card-copy { padding: 17px; }
}


/* Investments & Loan Funding: tidy, vertically stacked lending opportunity cards */
.investments-hero + main .card-grid.three {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}
.investments-hero + main .lending-opportunity-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100%;
  padding: 0;
  overflow: hidden;
  border: 1px solid #dfe6df;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 14px rgba(18,63,43,.045);
}
.investments-hero + main .lending-opportunity-image {
  display: block;
  width: 100%;
  height: 230px;
  min-height: 230px;
  max-height: 230px;
  padding: 12px;
  object-fit: contain !important;
  object-position: center;
  box-sizing: border-box;
  background: #f4f6f2;
}
.investments-hero + main .lending-opportunity-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  padding: 22px 22px 24px;
}
.investments-hero + main .lending-opportunity-copy h3 {
  margin: 0 0 12px;
  color: var(--green);
  font-size: 20px;
  line-height: 1.3;
}
.investments-hero + main .lending-opportunity-copy p {
  margin: 0 0 12px;
  color: #59635d;
  font-size: 14px;
  line-height: 1.6;
}
.investments-hero + main .lending-opportunity-copy p:last-child { margin-bottom: 0; }
.investments-hero + main .lending-opportunity-card:nth-child(3) { grid-column: auto; }
@media (max-width: 1000px) {
  .investments-hero + main .card-grid.three { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .investments-hero + main .lending-opportunity-image { height: 220px; min-height: 220px; max-height: 220px; }
}
@media (max-width: 650px) {
  .investments-hero + main .card-grid.three { grid-template-columns: 1fr; gap: 16px; }
  .investments-hero + main .lending-opportunity-image { height: 230px; min-height: 230px; max-height: 230px; }
  .investments-hero + main .lending-opportunity-copy { padding: 18px; }
}


/* FIX: Investments cards must stack images above text, never side-by-side */
.investments-hero + main .card-grid.three {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  align-items: stretch !important;
}
.investments-hero + main .lending-opportunity-card {
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  min-width: 0;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden;
}
.investments-hero + main .lending-opportunity-image {
  display: block !important;
  width: 100% !important;
  height: 235px !important;
  min-height: 235px !important;
  max-height: 235px !important;
  flex: 0 0 235px;
  object-fit: contain !important;
  object-position: center !important;
  padding: 12px !important;
  background: #f4f6f2;
  box-sizing: border-box;
}
.investments-hero + main .lending-opportunity-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box;
  padding: 22px !important;
}
.investments-hero + main .lending-opportunity-copy h3 {
  overflow-wrap: normal;
  word-break: normal;
}
.investments-hero + main .lending-opportunity-copy p {
  overflow-wrap: break-word;
  word-break: normal;
}
@media (max-width: 1000px) {
  .investments-hero + main .card-grid.three {
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width: 650px) {
  .investments-hero + main .card-grid.three {
    grid-template-columns: 1fr !important;
  }
  .investments-hero + main .lending-opportunity-image {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    flex-basis: 220px;
  }
  .investments-hero + main .lending-opportunity-copy { padding: 18px !important; }
}


/* Investments cards: wider image panels spanning the full card width */
.investments-hero + main .lending-opportunity-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}
.investments-hero + main .lending-opportunity-image {
  width: 100% !important;
  height: 285px !important;
  min-height: 285px !important;
  max-height: 285px !important;
  flex: 0 0 285px !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 10px 18px !important;
  background: #f4f6f2;
  box-sizing: border-box;
}
.investments-hero + main .lending-opportunity-copy {
  width: 100% !important;
  padding: 22px !important;
  box-sizing: border-box;
}
@media (max-width: 650px) {
  .investments-hero + main .lending-opportunity-image {
    height: 245px !important;
    min-height: 245px !important;
    max-height: 245px !important;
    flex-basis: 245px !important;
    padding: 8px 12px !important;
  }
}


/* Reference-matched Investments & Loan Funding: wide photographic panels across card tops */
.investments-hero + main .card-grid.three {
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 16px !important;
  align-items: stretch;
}
.investments-hero + main .lending-opportunity-card {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
  min-width: 0;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 13px;
}
.investments-hero + main .lending-opportunity-image {
  width: 100% !important;
  height: 315px !important;
  min-height: 315px !important;
  max-height: 315px !important;
  flex: 0 0 315px !important;
  padding: 0 !important;
  object-fit: cover !important;
  object-position: center 42% !important;
  background: #f4f6f2;
}
.investments-hero + main .lending-opportunity-copy {
  width: 100% !important;
  box-sizing: border-box;
  padding: 22px 24px 25px !important;
}
.investments-hero + main .lending-opportunity-copy h3 {
  font-size: 21px;
  line-height: 1.28;
  margin-bottom: 10px;
}
.investments-hero + main .lending-opportunity-copy p {
  font-size: 15px;
  line-height: 1.55;
}
.investments-hero + main .cta-box {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(300px,44%);
  gap: 30px;
  align-items: center;
}
.investments-hero + main .lendpay-logo-link,
.investments-hero + main .lendpay-logo {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 1000px) {
  .investments-hero + main .card-grid.three { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
  .investments-hero + main .lending-opportunity-image { height: 285px !important; min-height: 285px !important; max-height: 285px !important; flex-basis: 285px !important; }
}
@media (max-width: 650px) {
  .investments-hero + main .card-grid.three { grid-template-columns: 1fr !important; }
  .investments-hero + main .lending-opportunity-image { height: 290px !important; min-height: 290px !important; max-height: 290px !important; flex-basis: 290px !important; }
  .investments-hero + main .lending-opportunity-copy { padding: 19px !important; }
  .investments-hero + main .cta-box { grid-template-columns: 1fr; }
}

/* Mining & Industrial Support: larger, crisp images with consistent card alignment */
.mining-industrial-page .supply-category {
  grid-template-columns: 42% minmax(0,1fr) !important;
  min-height: 220px !important;
  align-items: stretch;
}
.mining-industrial-page .supply-category-image {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 260px !important;
  object-fit: cover !important;
  object-position: center;
  image-rendering: auto;
}
.mining-industrial-page .supply-category img {
  image-rendering: auto;
}
.mining-industrial-page .supply-category .category-copy {
  padding: 22px 20px !important;
}

/* Transport & Logistics: larger, crisp images and consistent image panels */
.logistics-page .supply-category {
  grid-template-columns: 42% minmax(0,1fr) !important;
  min-height: 220px !important;
  align-items: stretch;
}
.logistics-page .supply-category-image {
  width: 100% !important;
  height: 220px !important;
  min-height: 220px !important;
  max-height: 260px !important;
  object-fit: cover !important;
  object-position: center;
  image-rendering: auto;
}
.logistics-page .supply-category .category-copy {
  padding: 22px 20px !important;
}
@media (max-width: 850px) {
  .mining-industrial-page .supply-category,
  .logistics-page .supply-category { grid-template-columns: 40% minmax(0,1fr) !important; }
  .mining-industrial-page .supply-category-image,
  .logistics-page .supply-category-image { height: 200px !important; min-height: 200px !important; }
}
@media (max-width: 600px) {
  .mining-industrial-page .supply-category,
  .logistics-page .supply-category { grid-template-columns: 1fr !important; }
  .mining-industrial-page .supply-category-image,
  .logistics-page .supply-category-image { height: 245px !important; min-height: 245px !important; max-height: 245px !important; }
  .mining-industrial-page .supply-category .category-copy,
  .logistics-page .supply-category .category-copy { padding: 18px !important; }
}


/* Transport & Logistics: high-resolution, consistent image-led cards */
.logistics-page .supply-category-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}
.logistics-page .supply-category {
  grid-template-columns: 36% minmax(0, 1fr);
  min-height: 190px;
  border-radius: 10px;
}
.logistics-page .supply-category-image {
  width: 100%;
  height: 100%;
  min-height: 190px;
  max-height: none;
  object-fit: cover;
  object-position: center;
  display: block;
  padding: 0;
  background: #f4f6f2;
  filter: saturate(.98) contrast(1.02);
}
.logistics-page .logistics-category-content {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 16px 16px 14px;
}
.logistics-page .supply-category h3 { font-size: 16px; line-height: 1.3; margin-bottom: 8px; }
.logistics-page .supply-category p { font-size: 13px; line-height: 1.48; margin-bottom: 12px; }
.logistics-page .supply-category .item-list { margin-top: auto; padding-top: 12px; font-size: 11.5px; line-height: 1.45; }
@media (max-width: 760px) {
  .logistics-page .supply-category-grid { grid-template-columns: 1fr; gap: 13px; }
  .logistics-page .supply-category { grid-template-columns: 35% minmax(0,1fr); min-height: 165px; }
  .logistics-page .supply-category-image { min-height: 165px; }
  .logistics-page .logistics-category-content { padding: 12px; }
  .logistics-page .supply-category h3 { font-size: 14px; }
  .logistics-page .supply-category p { font-size: 12px; }
  .logistics-page .supply-category .item-list { font-size: 10.5px; }
}


/* Investments & Loan Funding — reference-matched full-width HD card photographs */
body .lending-opportunity-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  overflow: hidden !important;
}
body .lending-opportunity-card > img.lending-opportunity-image {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 315px !important;
  min-height: 315px !important;
  max-height: 315px !important;
  flex: 0 0 315px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  background: #f4f6f2 !important;
  box-sizing: border-box !important;
}
body .lending-opportunity-card > .lending-opportunity-copy {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  padding: 22px 24px 25px !important;
}
body .lending-opportunity-copy h3 {
  font-size: 21px;
  line-height: 1.3;
  margin: 0 0 10px;
}
body .lending-opportunity-copy p {
  font-size: 15px;
  line-height: 1.55;
}
@media (max-width: 1000px) {
  body .lending-opportunity-card > img.lending-opportunity-image {
    height: 285px !important;
    min-height: 285px !important;
    max-height: 285px !important;
    flex-basis: 285px !important;
  }
}
@media (max-width: 650px) {
  body .lending-opportunity-card > img.lending-opportunity-image {
    height: 245px !important;
    min-height: 245px !important;
    max-height: 245px !important;
    flex-basis: 245px !important;
  }
  body .lending-opportunity-card > .lending-opportunity-copy { padding: 19px !important; }
}


/* v42 refinement: wider lending section, edge-to-edge images and aligned cards */
body:has(.investments-hero) main > .section > .container.narrow {
  width: min(1420px, calc(100% - 64px)) !important;
  max-width: 1420px !important;
}
body:has(.investments-hero) .card-grid.three {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 18px !important;
}
body:has(.investments-hero) .lending-opportunity-card {
  display: flex !important;
  flex-direction: column !important;
  align-self: stretch !important;
  min-width: 0 !important;
  height: 100% !important;
  overflow: hidden !important;
  padding: 0 !important;
  border-radius: 13px !important;
}
body:has(.investments-hero) .lending-opportunity-card > img.lending-opportunity-image {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 310px !important;
  min-height: 310px !important;
  max-height: 310px !important;
  flex: 0 0 310px !important;
  object-fit: cover !important;
  object-position: center 45% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #f4f6f2 !important;
}
body:has(.investments-hero) .lending-opportunity-copy {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  padding: 24px 25px 27px !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
}
body:has(.investments-hero) .lending-opportunity-copy h3 {
  margin: 0 0 10px !important;
  font-size: 21px !important;
  line-height: 1.3 !important;
}
body:has(.investments-hero) .lending-opportunity-copy p {
  margin: 0 0 12px !important;
  font-size: 15px !important;
  line-height: 1.58 !important;
}
body:has(.investments-hero) .lending-opportunity-copy p:last-child { margin-bottom: 0 !important; }
body:has(.investments-hero) .cta-box {
  margin-top: 30px !important;
  gap: 28px !important;
}
body:has(.investments-hero) .lendpay-logo-link {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
}
body:has(.investments-hero) .lendpay-logo {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (max-width: 1050px) {
  body:has(.investments-hero) main > .section > .container.narrow {
    width: min(100% - 40px, 900px) !important;
  }
  body:has(.investments-hero) .card-grid.three {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.investments-hero) .lending-opportunity-card > img.lending-opportunity-image {
    height: 285px !important;
    min-height: 285px !important;
    max-height: 285px !important;
    flex-basis: 285px !important;
  }
}
@media (max-width: 650px) {
  body:has(.investments-hero) main > .section > .container.narrow {
    width: calc(100% - 32px) !important;
  }
  body:has(.investments-hero) .card-grid.three {
    grid-template-columns: 1fr !important;
  }
  body:has(.investments-hero) .lending-opportunity-card > img.lending-opportunity-image {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
    flex-basis: 270px !important;
  }
  body:has(.investments-hero) .lending-opportunity-copy {
    padding: 20px !important;
  }
}

/* Borderless, image-led audience section */
.audience-intro{max-width:760px;color:var(--muted);font-size:17px;line-height:1.55;margin:-24px 0 28px}
.audience-grid.audience-image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 34px;background:transparent;border:0}
.audience-image-grid .audience-card{background:transparent;min-width:0;padding:0;border:0;}
.audience-image-grid .audience-card img{display:block;width:100%;height:210px;object-fit:contain;object-position:center bottom;margin-bottom:8px;}
.audience-image-grid .audience-card h3{font-size:21px;line-height:1.2;margin:8px 0 6px;}
.audience-image-grid .audience-card p{color:var(--muted);font-size:15px;line-height:1.5;margin:0;max-width:390px;}
@media(max-width:900px){.audience-grid.audience-image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.audience-image-grid .audience-card img{height:190px}}
@media(max-width:620px){.audience-grid.audience-image-grid{grid-template-columns:1fr;gap:28px}.audience-image-grid .audience-card img{height:220px}.audience-intro{margin-top:-20px}}


/* Lending opportunity cards: consistent left-aligned titles and description start */
body .lending-opportunity-copy {
  text-align: left !important;
}
body .lending-opportunity-copy h3 {
  display: block !important;
  text-align: left !important;
  min-height: 2.6em;
  margin: 0 0 10px !important;
  line-height: 1.3 !important;
}
body .lending-opportunity-copy p {
  text-align: left !important;
}
@media (max-width: 760px) {
  body .lending-opportunity-copy h3 { min-height: 0; }
}


/* Elezar Butchery brand card: preserve the full logo without cropping. */
.activity-image-logo{display:grid;place-items:center;background:#f7f5ef;padding:14px;box-sizing:border-box}
.activity-image-logo img{width:100%;height:100%;object-fit:contain}

/* Homepage hero: Zambian growth landscape background */
.hero{
  background-image:linear-gradient(90deg,rgba(246,245,238,.96) 0%,rgba(246,245,238,.90) 43%,rgba(246,245,238,.64) 68%,rgba(246,245,238,.38) 100%),url('assets/ochitex-zambian-growth-hero.jpg');
  background-size:cover;
  background-position:center 54%;
  border-bottom:1px solid var(--line);
}
.hero-grid{position:relative;z-index:1}
.hero-panel{box-shadow:0 18px 48px rgba(13,44,30,.16)}
@media(max-width:900px){
  .hero{background-image:linear-gradient(90deg,rgba(246,245,238,.94),rgba(246,245,238,.78)),url('assets/ochitex-zambian-growth-hero.jpg');background-position:center;background-size:cover}
}
@media(max-width:620px){.hero{background-image:linear-gradient(rgba(246,245,238,.91),rgba(246,245,238,.88)),url('assets/ochitex-zambian-growth-hero.jpg')}}