/*
 * Exsoune USA machinery detail v7 — WEB-02 / 2026-09-19
 * Minimal responsive presentation and family-specific process media.
 */
.ex-machine-detail-v5 {
  background: linear-gradient(180deg,#f8fbfc 0,#fff 35%,#fff 100%) !important;
}
.ex-machine-detail-v5:before {
  height: 300px !important;
  opacity: .52;
}
.ex-machine-detail-v5 .ex-clean-breadcrumb {
  padding-top: 18px;
  padding-bottom: 6px;
  font-weight: 600;
}
.ex-machine-detail-v5 .ex-machine-detail-hero { padding: 22px 0 28px; }
.ex-machine-detail-v5 .ex-machine-detail-hero__grid {
  grid-template-columns: minmax(0,1.25fr) minmax(300px,.58fr) !important;
  gap: 18px !important;
  align-items: stretch;
}
.ex-machine-detail-v5 .ex-machine-detail-hero__copy {
  border-radius: 24px !important;
  padding: clamp(28px,3.6vw,46px) !important;
  box-shadow: 0 14px 38px rgba(7,17,31,.045) !important;
  background: rgba(255,255,255,.92) !important;
}
.ex-machine-detail-v5 .ex-machine-detail-hero__copy h1 {
  max-width: 760px;
  font-size: clamp(36px,4.7vw,36px) !important;
  line-height: 1.01 !important;
  letter-spacing: -.055em !important;
}
.ex-machine-detail-v5 .ex-machine-detail-hero__copy > p {
  max-width: 760px;
  margin-top: 18px !important;
  font-size: 16px !important;
  line-height: 1.72 !important;
}
.ex-machine-detail-v5 .ex-machine-detail-hero__media {
  min-height: 0 !important;
  padding: 18px !important;
  display: flex !important;
  flex-direction: column;
  gap: 16px !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 38px rgba(7,17,31,.04) !important;
  background: rgba(255,255,255,.94) !important;
}
.ex-machine-detail-hero__image-frame {
  min-height: 170px;
  max-height: 225px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 18px;
  background: linear-gradient(145deg,#f3f8fa,#fff);
}
.ex-machine-detail-hero__image-frame img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 225px;
  object-fit: contain;
  padding: 10px;
}
.ex-machine-detail-v5 .ex-minimal-statline {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 0 !important;
}
.ex-machine-detail-v5 .ex-minimal-statline > div {
  padding: 12px 0 !important;
  border-top: 1px solid rgba(7,17,31,.085);
}
.ex-machine-detail-v5 .ex-minimal-statline > div:first-child { border-top: 0; }
.ex-machine-detail-v5 .ex-minimal-statline strong { font-size: 16px !important; }
.ex-machine-detail-v5 .ex-minimal-statline span { font-size: 10px !important; }
.ex-machine-detail-v5 .ex-machine-specs { gap: 9px; margin-top: 22px; }
.ex-machine-detail-v5 .ex-machine-spec {
  padding: 12px 13px;
  border-radius: 15px;
  box-shadow: none;
}
.ex-machine-detail-v5 .ex-machine-content { padding: 12px 0 34px; }
.ex-machine-detail-v5 .ex-machine-content__grid {
  grid-template-columns: minmax(0,1fr) 300px !important;
  gap: 18px !important;
}
.ex-machine-detail-v5 .ex-machine-article .ex-content-block,
.ex-machine-detail-v5 .ex-machine-side-card {
  border-radius: 22px !important;
  box-shadow: 0 12px 34px rgba(7,17,31,.04) !important;
}
.ex-machine-detail-v5 .ex-machine-article .ex-content-block { padding: clamp(24px,3vw,34px) !important; }
.ex-machine-detail-v5 .ex-machine-article h2 {
  font-size: clamp(25px,2.7vw,36px) !important;
  line-height: 1.08 !important;
}
.ex-machine-detail-v5 .ex-machine-article p,
.ex-machine-detail-v5 .ex-machine-article div { font-size: 15px; line-height: 1.82; }
.ex-machine-side-card--quiet { background: #f9fbfc !important; }

/* Gallery stays light; Ring Frame is suppressed by the view. */
.ex-machine-gallery-section { padding-top: 34px !important; }
.ex-machine-gallery-section .ex-gallery-v5 img {
  border-radius: 18px !important;
  box-shadow: none !important;
}

/* Single process video, no legacy gradient/shadow frame. */
.ex-machine-process-section { padding: 42px 0 66px !important; }
.ex-machine-process-single {
  display: grid;
  grid-template-columns: minmax(0,1.45fr) minmax(280px,.55fr);
  gap: clamp(24px,4vw,54px);
  align-items: center;
  padding: clamp(20px,3vw,34px);
  border: 1px solid rgba(7,17,31,.09);
  border-radius: 28px;
  background: #fff;
  box-shadow: none;
}
.ex-machine-process-single__media {
  display: grid;
  place-items: center;
  min-width: 0;
  overflow: hidden;
  border-radius: 20px;
  background: #f5f8fa;
}
.ex-machine-process-single__media video {
  display: block;
  width: 100%;
  height: auto;
  max-height: 620px;
  object-fit: contain;
  background: #f5f8fa;
  box-shadow: none !important;
}
.ex-machine-process-single__copy { max-width: 400px; }
.ex-machine-process-single__copy .ex-final-kicker { margin-bottom: 14px !important; }
.ex-machine-process-single__copy h2 {
  margin: 0;
  font-size: clamp(27px,3.2vw,42px);
  line-height: 1.02;
  letter-spacing: -.05em;
}
.ex-machine-process-single__copy p {
  margin: 14px 0 0;
  color: #718096;
  font-size: 14px;
  line-height: 1.75;
}

/* Texturizing: wide process diagram, crisp and shadow-free. */
.ex-machine-process-section--landscape .ex-machine-process-single__media { aspect-ratio: 16/9; }
.ex-machine-process-section--landscape .ex-machine-process-single__media video { width: 100%; height: 100%; object-fit: contain; }

/* Air covering source is ~330x496; keep its portrait ratio without stretching/cropping. */
.ex-machine-process-section--portrait .ex-machine-process-single {
  grid-template-columns: minmax(300px,380px) minmax(280px,1fr);
  justify-content: center;
  max-width: 980px;
  margin-inline: auto;
}
.ex-machine-process-section--portrait .ex-machine-process-single__media {
  width: min(100%,380px);
  aspect-ratio: 330/496;
  justify-self: center;
}
.ex-machine-process-section--portrait .ex-machine-process-single__media video {
  width: 100%; height: 100%; object-fit: contain;
}

/* Ring frame has intentionally no gallery or video. */
.ex-machine-family--ring-frame .ex-machine-content { padding-bottom: 68px; }

@media (max-width: 980px) {
  .ex-machine-detail-v5 .ex-machine-detail-hero__grid,
  .ex-machine-detail-v5 .ex-machine-content__grid { grid-template-columns: 1fr !important; }
  .ex-machine-detail-v5 .ex-machine-detail-hero__media {
    display: grid !important;
    grid-template-columns: minmax(180px,.55fr) minmax(0,1fr) !important;
    align-items: center;
  }
  .ex-machine-detail-v5 .ex-machine-side { position: static !important; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ex-machine-process-single,
  .ex-machine-process-section--portrait .ex-machine-process-single { grid-template-columns: 1fr; }
  .ex-machine-process-single__copy { max-width: 720px; }
  .ex-machine-process-section--portrait .ex-machine-process-single__media { width: min(100%,390px); }
}

@media (max-width: 680px) {
  .ex-machine-detail-v5 .ex-clean-breadcrumb {
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    padding-top: 10px;
    font-size: 11px;
  }
  .ex-machine-detail-v5 .ex-clean-breadcrumb::-webkit-scrollbar { display:none; }
  .ex-machine-detail-v5 .ex-machine-detail-hero { padding-top: 10px; }
  .ex-machine-detail-v5 .ex-machine-detail-hero__copy { padding: 23px 20px !important; border-radius: 20px !important; }
  .ex-machine-detail-v5 .ex-machine-detail-hero__copy h1 {
    font-size: clamp(30px,9.5vw,36px) !important;
    line-height: 1.02 !important;
  }
  .ex-machine-detail-v5 .ex-machine-detail-hero__copy > p { font-size: 14px !important; line-height: 1.68 !important; }
  .ex-machine-detail-v5 .ex-minimal-actions { gap: 8px; }
  .ex-machine-detail-v5 .ex-minimal-actions > * { flex: 1 1 145px; justify-content: center; }
  .ex-machine-detail-v5 .ex-machine-specs { grid-template-columns: 1fr !important; }
  .ex-machine-detail-v5 .ex-machine-detail-hero__media {
    display: flex !important;
    flex-direction: column;
    padding: 14px !important;
  }
  .ex-machine-detail-hero__image-frame { width: 100%; min-height: 150px; max-height: 200px; }
  .ex-machine-detail-v5 .ex-machine-side { grid-template-columns: 1fr; }
  .ex-machine-detail-v5 .ex-machine-article .ex-content-block,
  .ex-machine-detail-v5 .ex-machine-side-card { border-radius: 19px !important; padding: 21px !important; }
  .ex-machine-gallery-section { padding-top: 18px !important; }
  .ex-machine-gallery-section .ex-gallery-v5 { grid-template-columns: 1fr !important; }
  .ex-machine-gallery-section .ex-gallery-v5 img { height: auto !important; max-height: 320px; object-fit: contain !important; }
  .ex-machine-process-section { padding: 24px 0 48px !important; }
  .ex-machine-process-single { padding: 14px; border-radius: 21px; gap: 20px; }
  .ex-machine-process-single__media { border-radius: 16px; }
  .ex-machine-process-section--landscape .ex-machine-process-single__media { aspect-ratio: auto; }
  .ex-machine-process-section--landscape .ex-machine-process-single__media video { height: auto; }
  .ex-machine-process-section--portrait .ex-machine-process-single__media { width: min(100%,330px); }
  .ex-machine-process-single__copy { padding: 2px 4px 8px; }
  .ex-machine-process-single__copy h2 { font-size: clamp(25px,8vw,34px); }
}