/* Natural Gas & LPG Odorization page-scoped refinements; shared CSS files remain untouched. */
.solution-odorization-page .odorization-overview-image {
  max-height: 360px; object-fit: contain; object-position: center; border: 1px solid rgba(74,98,138,.18);
  background: #f2f5f8;
}
.solution-odorization-page .odorization-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.solution-odorization-page .odorization-capability-grid .solution-capability { height: 100%; }
.solution-odorization-page .odorization-capability-grid .solution-capability p { line-height: 1.65; }
.solution-odorization-page .odorization-photo-grid {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1.25rem; margin-top: 1.4rem; align-items: stretch;
}
.solution-odorization-page .odorization-photo-card {
  min-width: 0; margin: 0; overflow: hidden; border: 1px solid rgba(74,98,138,.2); border-radius: 1rem;
  background: rgba(255,255,255,.86); box-shadow: 0 8px 22px rgba(18,38,63,.05);
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.solution-odorization-page .odorization-photo-card:hover,
.solution-odorization-page .odorization-photo-card:focus-within {
  transform: translateY(-3px); border-color: rgba(8,126,172,.55); box-shadow: 0 14px 28px rgba(18,38,63,.10);
}
.solution-odorization-page .odorization-photo-card img {
  display:block; width:100%; height:440px; object-fit:contain; object-position:center; padding:.7rem;
  box-sizing:border-box; background:#f2f5f8;
}
.solution-odorization-page .odorization-photo-card figcaption {
  display:flex; flex-direction:column; gap:.3rem; height:100%; padding:1rem 1.1rem 1.1rem;
  color:#5f7084; font-size:.94rem; line-height:1.55;
}
.solution-odorization-page .odorization-photo-card figcaption strong { color:#1b2638; font-size:1.05rem; }
.solution-odorization-page .odorization-scada-grid {
  display:grid; grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr); gap:clamp(1.5rem,3vw,2.8rem); align-items:center;
}
.solution-odorization-page .odorization-scada-grid > * { min-width:0; }
.solution-odorization-page .odorization-scada-figure {
  margin:0; padding:.7rem; border:1px solid rgba(74,98,138,.2); border-radius:1rem; background:#fff;
  box-shadow:0 10px 26px rgba(18,38,63,.06);
}
.solution-odorization-page .odorization-scada-figure img { display:block; width:100%; height:auto; border-radius:.65rem; }
.solution-odorization-page .odorization-scada-figure figcaption,
.solution-odorization-page .solution-page-overview-figure figcaption {
  margin:.55rem .2rem .1rem; color:#7b8795; font-size:.76rem; line-height:1.45;
}
.solution-odorization-page .solution-page-overview-figure { margin:0; }
.solution-odorization-page .solution-page-list li { margin:.38rem 0; line-height:1.62; }
@media (max-width: 900px) {
  .solution-odorization-page .odorization-photo-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .solution-odorization-page .odorization-scada-grid { grid-template-columns:minmax(0,1fr); }
  .solution-odorization-page .odorization-scada-figure { max-width:760px; }
  .solution-odorization-page .odorization-capability-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
  .solution-odorization-page .odorization-photo-grid,
  .solution-odorization-page .odorization-capability-grid { grid-template-columns:minmax(0,1fr); }
  .solution-odorization-page .odorization-photo-card img { height:390px; object-fit:contain; }
  .solution-odorization-page .odorization-overview-image { max-height:320px; }
}
@media (prefers-reduced-motion: reduce) {
  .solution-odorization-page .odorization-photo-card { transition:none !important; }
  .solution-odorization-page .odorization-photo-card:hover { transform:none; }
}