/* Commodities page only — every rule is scoped to .commodities-page. */
.commodities-page .commodities-hero{height:300px;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.35)),url('../images/commodities-hero.png') center/cover no-repeat}
.commodities-page .commodities-hero-inner{height:100%;display:flex;align-items:center}
.commodities-page .commodities-hero-content{max-width:480px}
.commodities-page .commodities-hero h1{margin:0 0 10px;font-size:clamp(2.8rem,4.6vw,3.5rem);line-height:1.08;font-weight:700;letter-spacing:-1.7px}
.commodities-page .commodities-hero p{margin:0;font-size:17px;line-height:1.5;font-weight:500}
.commodities-page .commodities-grid-section{padding:55px 0 70px;background:#fff}
.commodities-page .commodities-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.commodities-page .commodity-card{display:flex;min-height:265px;align-items:center;flex-direction:column;justify-content:center;padding:29px 24px;background:#fff;border:1px solid #e3e3e3;border-radius:10px;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.05);transition:transform .25s ease,box-shadow .25s ease}
.commodities-page .commodity-card:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,0,0,.075)}
.commodities-page .commodity-icon{width:72px;height:65px;margin:0 auto 14px;color:var(--primary-red)}
.commodities-page .commodity-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.commodities-page .commodity-card h2{margin:0 0 11px;color:#161616;font-size:18px;line-height:1.25;font-weight:700}
.commodities-page .commodity-card p{margin:0;color:#4f4f4f;font-size:13px;line-height:1.65}
.commodities-page .cta-wrap{display:none}
@media(max-width:991.98px){
  .commodities-page .commodities-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767.98px){
  .commodities-page .commodities-hero{height:275px;background-position:58% center}
  .commodities-page .commodities-grid-section{padding:48px 0 58px}
}
@media(max-width:575.98px){
  .commodities-page .commodities-hero{height:255px;background-position:62% center}
  .commodities-page .commodities-hero h1{font-size:2.45rem}
  .commodities-page .commodities-hero p{font-size:14px}
  .commodities-page .commodities-grid{grid-template-columns:1fr;gap:18px}
  .commodities-page .commodity-card{min-height:245px;padding:26px 20px}
  .commodities-page .commodity-card h2{font-size:17px}
}
@media(prefers-reduced-motion:reduce){
  .commodities-page .commodity-card{transition:none}
}