/* Scoped to the Industrial Ozone Generators page only. */
.ozone-hero-grid { display: grid; grid-template-columns: 1.4fr 0.8fr; gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.ozone-detail-page h1 { max-width: 15ch; }
.ozone-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem; margin-top: 2rem; }
.ozone-hero-actions .whatsapp-enquiry { position: relative; inset: auto; width: auto; min-height: 3.25rem; padding: 0.85rem 1.1rem; border-radius: 4px; box-shadow: none; }
.ozone-hero-actions .whatsapp-label { display: inline; }
.ozone-generation-visual { color: var(--color-accent); padding: 1.25rem 0; border-block: 1px solid #b9d5e0; background: radial-gradient(ellipse, #d3eef9, transparent 70%); }
.ozone-visual-label { display: flex; justify-content: space-between; gap: 1rem; font-size: 0.625rem; font-weight: 650; letter-spacing: 0.14em; }
.ozone-conversion { display: flex; align-items: center; justify-content: center; gap: 1rem; padding-block: 3rem; }
.ozone-formula { display: grid; place-content: center; width: clamp(5rem, 9vw, 8rem); aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 25% 20%, #c5f1ff, #009ecb 35%, #006aa6 70%, #002d59); color: #fff; font-size: clamp(2rem, 4vw, 3rem); box-shadow: 0 18px 30px -20px #003b6b85; position: relative; }
.ozone-formula sub { position: absolute; font-size: 0.4em; right: 22%; bottom: 22%; }
.oxygen-formula { background: #f8fcff; color: var(--color-accent); border: 1px solid #b9d5e0; width: clamp(4rem, 7vw, 6rem); }
.ozone-conversion-arrow { font-size: 1.5rem; }
.ozone-generation-visual p { margin: 0; text-align: center; font-size: 0.55rem; letter-spacing: 0.12em; }
.ozone-detail-section { padding-block: clamp(3rem, 5vw, 5rem); }
.ozone-section-heading { max-width: 52rem; margin-bottom: 2rem; }
.ozone-section-heading p { margin: 0; color: var(--color-muted); line-height: 1.8; }
.ozone-application-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem; margin: 0; padding: 0; list-style: none; }
.ozone-application-grid a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 4rem; height: 100%; padding: 1rem 1.25rem; border: 1px solid var(--color-border); border-radius: 6px; background: #f8fbfd; color: var(--color-text); font-size: 0.9375rem; font-weight: 600; text-decoration: none; }
.ozone-application-grid a span { color: var(--color-accent); }
.ozone-application-grid a:hover { background: #eef8fd; color: var(--color-accent); }
.ozone-context-note { margin: 1.5rem 0 0; color: var(--color-muted); font-size: 0.8125rem; line-height: 1.75; max-width: 95ch; }
.ozone-features-band { background: linear-gradient(125deg, #f3f8fc, #f8fbfd); border-block: 1px solid #e5edf2; }
.ozone-features-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin: 0; }
.ozone-features-grid > div { padding: 1.5rem; border: 1px solid var(--color-border); border-radius: 8px; background: #fff; }
.ozone-features-grid dt { font-size: 1rem; font-weight: 650; line-height: 1.45; margin-bottom: 0.75rem; }
.ozone-features-grid dd { margin: 0; color: var(--color-muted); font-size: 0.875rem; line-height: 1.75; }
.ozone-process-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; padding: 0; margin: 0; list-style: none; }
.ozone-process-grid li { min-width: 0; border-top: 2px solid #b9d5e0; padding-top: 1.25rem; }
.ozone-step-number { display: block; color: var(--color-accent); font-size: 0.75rem; letter-spacing: 0.1em; margin-bottom: 1rem; }
.ozone-process-grid h3 { font-size: 1.0625rem; font-weight: 650; margin: 0 0 0.75rem; }
.ozone-process-grid p { margin: 0; color: var(--color-muted); font-size: 0.875rem; line-height: 1.75; }
@media (max-width: 1000px) {
  .ozone-features-grid, .ozone-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .ozone-hero-grid { grid-template-columns: 1fr; }
  .ozone-generation-visual { max-width: 28rem; width: 100%; margin-inline: auto; }
  .ozone-conversion { padding-block: 2rem; }
  .ozone-hero-actions > a { flex: 1 1 auto; justify-content: center; }
  .ozone-application-grid, .ozone-features-grid, .ozone-process-grid { grid-template-columns: 1fr; }
}

/* Compact range identity, confined to the existing hero. */
.ozone-detail-hero .ozone-hero-range{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.1rem;max-width:100%;padding:.7rem 1rem;margin:.15rem 0 .7rem;border:1px solid #badbe8;border-radius:8px;background:linear-gradient(110deg,#eaf7fc,#f6fbfe);color:var(--color-accent)}
.ozone-hero-range>span{font-size:.6rem;font-weight:650;letter-spacing:.12em;line-height:1.5}
.ozone-hero-range>strong{font-size:clamp(1.3rem,2vw,1.65rem);font-weight:650;letter-spacing:-.025em;line-height:1.3}
.ozone-detail-hero .ozone-hero-range-families{font-size:.75rem;line-height:1.8;color:var(--color-muted);max-width:65ch;margin:0 0 1.1rem;text-wrap:pretty}
@media(hover:hover) and (pointer:fine){.ozone-detail-hero .ozone-hero-range:hover{border-color:#81bad1;box-shadow:0 3px 12px -8px #007ea530}}
@media(prefers-reduced-motion:no-preference){.ozone-detail-hero .ozone-hero-range{transition:border-color 300ms ease,box-shadow 300ms ease}}
@media(max-width:480px){.ozone-detail-hero .ozone-hero-range{gap:.25rem .75rem}.ozone-hero-range>span{flex-basis:100%}}