/* Local isolated refinement: original homepage identity, copy and sections retained. */
.visual-refinement:lang(en) .buyer-hero {
  --visual-frame-height: 680px;
  --video-frame-height: var(--visual-frame-height);
  background: #171b1d;
}
.visual-refinement:lang(en) .buyer-hero .hero-media,
.visual-refinement:lang(en) .buyer-hero .hero-shade {
  height: var(--visual-frame-height);
}
.visual-refinement .hero-scene { display: block; height: 100%; }
.visual-refinement .hero-scene img {
  width: 100%; height: 100%; object-fit: cover; object-position: 0% 50%;
}
.visual-refinement:lang(en) .buyer-hero .hero-shade {
  background: linear-gradient(90deg, rgb(9 13 16 / 58%), rgb(9 13 16 / 28%) 32%, transparent 56%);
  pointer-events: none;
}
.visual-refinement:lang(en) .buyer-hero .hero-content {
  width: min(1240px, 92vw); min-height: var(--visual-frame-height);
  padding: 54px 0 64px; justify-content: center;
}
.visual-refinement .hero-opening { width: min(480px, 42%); }
.visual-refinement .hero-opening .kicker {
  max-width: 440px; font-size: 11px; line-height: 1.7;
  letter-spacing: 1.25px; color: #f2c466;
}
.visual-refinement:lang(en) .buyer-hero .hero-content h1 {
  max-width: 510px; margin: 14px 0 24px;
  font-size: clamp(36px, 3.1vw, 46px); line-height: 1.1;
  letter-spacing: -.025em; text-wrap: balance;
}
.visual-refinement .hero-summary { width: min(480px, 41%); }
.visual-refinement .hero-summary p { grid-template-columns: 65px 1fr; gap: 12px; padding: 11px 0; }
.visual-refinement .hero-summary span { font-size: 14px; line-height: 1.6; color: #eff0f0; }
.visual-refinement .hero-summary strong { font-size: 12px; color: #efc464; }
.visual-refinement:lang(en) .buyer-hero .actions {
  max-width: 500px; gap: 10px; margin-top: 24px;
}
.visual-refinement .buyer-hero .actions .button {
  min-height: 48px; padding-inline: 16px; font-size: 13px;
}
.visual-refinement .buyer-hero .hero-inline-link { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; }
.visual-refinement .visual-disclaimer {
  position: absolute; right: max(4vw, calc((100vw - 1240px) / 2));
  bottom: 18px; margin: 0; color: #e9ecee;
  font-size: 12px; line-height: 1.5; padding: 6px 10px;
  background: rgb(15 19 22 / 88%); border-radius: 2px;
}
.visual-refinement:lang(en) .buyer-hero .hero-proof {
  width: min(1240px, 92vw); background: #181e21;
}
.visual-refinement .buyer-hero .hero-proof div { padding: 20px 24px; }
.visual-refinement .buyer-hero .hero-proof strong { font-size: 16px; }
.visual-refinement .equipment .equipment-card {
  border-color: #d9dfdc; background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.visual-refinement .equipment .equipment-card:hover { transform: none; box-shadow: 0 12px 28px rgb(22 31 28 / 9%); }
.visual-refinement .equipment-card .equipment-image {
  position: relative; aspect-ratio: 4 / 3; background: #edf0ee;
  padding: 0; border-bottom: 1px solid #e0e5e2;
}
.visual-refinement .equipment-card .equipment-image img {
  position: absolute; inset: 0; width: 100%; height: 100%; padding: 6px 4px 22px;
  transform: none;
  object-fit: contain; object-position: 50% 50%;
  mix-blend-mode: normal;
}
.visual-refinement .equipment-visual-note {
  position: absolute; left: 14px; bottom: 8px; font-size: 10px;
  line-height: 1.3; letter-spacing: .02em; font-weight: 400; color: #485852;
}
.visual-refinement .equipment .equipment-card div:not(.equipment-image) { padding: 24px; }
.visual-refinement .equipment .equipment-card h3 { font-size: 25px; line-height: 1.15; margin: 0 0 12px; }
.visual-refinement .equipment .equipment-card p { min-height: 50px; font-size: 15px; line-height: 1.6; }
.visual-refinement .equipment .slider-controls { align-items: center; gap: 8px; }
.visual-refinement .equipment .slider-button { width: 46px; height: 46px; }
.visual-refinement .equipment .slider-dots { gap: 2px; flex-wrap: wrap; max-width: 500px; margin: 0 auto; }
.visual-refinement .equipment .slider-dots button {
  width: 44px; height: 44px; display: grid; place-items: center;
  background: transparent; transition: none;
}
.visual-refinement .equipment .slider-dots button::before { content: ""; width: 22px; height: 3px; background: #c7ccca; }
.visual-refinement .equipment .slider-dots button[aria-current]::before { width: 32px; background: #14784c; }
.visual-refinement .equipment a:focus-visible,
.visual-refinement .equipment button:focus-visible,
.visual-refinement .equipment-slider:focus-visible,
.visual-refinement .buyer-hero a:focus-visible { outline: 3px solid #d4a33a; outline-offset: 4px; }
@media (max-width: 1100px) and (min-width: 768px) {
  .visual-refinement .hero-opening { width: 48%; }
  .visual-refinement .hero-summary { width: 46%; }
  .visual-refinement:lang(en) .buyer-hero .hero-shade { background: linear-gradient(90deg, rgb(9 13 16 / 65%), rgb(9 13 16 / 20%) 45%, transparent 72%); }
  .visual-refinement .equipment .section-title { gap: 24px; }
  .visual-refinement .equipment .equipment-heading-actions { flex-wrap: wrap; justify-content: flex-end; gap: 14px; }
}
@media (max-width: 1023px) {
  .visual-refinement:lang(en) .buyer-hero {
    display: grid; grid-template-columns: minmax(0, 1fr); min-height: 0;
    padding-top: 30px;
  }
  .visual-refinement:lang(en) .buyer-hero .hero-content { display: contents; }
  .visual-refinement .hero-opening { grid-row: 1; width: 92vw; margin: 0 auto; }
  .visual-refinement .hero-opening .kicker { font-size: 10px; line-height: 1.6; max-width: 330px; margin-bottom: 12px; }
  .visual-refinement:lang(en) .buyer-hero .hero-content h1 {
    margin: 0 0 24px; max-width: none; font-size: clamp(29px, 7.7vw, 38px);
    line-height: 1.12;
  }
  .visual-refinement:lang(en) .buyer-hero .hero-media {
    grid-row: 2; position: relative; inset: auto; width: 100%; height: auto;
  }
  .visual-refinement .hero-scene { height: auto; }
  .visual-refinement .hero-scene img { height: auto; aspect-ratio: 1942 / 809; object-fit: contain; }
  .visual-refinement:lang(en) .buyer-hero .hero-shade { display: none; }
  .visual-refinement .visual-disclaimer {
    position: static; background: #181e21; padding: 10px 4vw; font-size: 11px;
  }
  .visual-refinement .visual-disclaimer span { white-space: nowrap; }
  .visual-refinement .hero-summary { grid-row: 3; width: 92vw; margin: 18px auto 0; }
  .visual-refinement .hero-summary p { padding: 11px 0; grid-template-columns: 61px 1fr; gap: 10px; }
  .visual-refinement .hero-summary span { font-size: 13px; line-height: 1.6; }
  .visual-refinement:lang(en) .buyer-hero .actions {
    grid-row: 4; max-width: none; width: 92vw; margin: 20px auto 24px;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .visual-refinement:lang(en) .buyer-hero .hero-proof {
    grid-row: 5; width: 92vw; margin: 0 auto;
  }
  .visual-refinement .buyer-hero .hero-proof div { padding: 14px 18px; }
  .visual-refinement .equipment .equipment-heading-actions { width: 100%; gap: 8px; justify-content: space-between; }
  .visual-refinement .equipment .equipment-heading-actions > a { font-size: 14px; }
  .visual-refinement .equipment .equipment-image { aspect-ratio: 4 / 3; }
  .visual-refinement .equipment .equipment-card div:not(.equipment-image) { padding: 22px; }
  .visual-refinement .equipment .equipment-card p { min-height: 0; }
  .visual-refinement .equipment .slider-dots { max-width: 280px; }
}
@media (prefers-reduced-motion: reduce) {
  .visual-refinement .equipment *, .visual-refinement .buyer-hero * { scroll-behavior: auto; transition: none; }
}


/* Use a crop of the selected original, not a resized or invented machine. */
.visual-refinement .equipment .equipment-card:hover .equipment-image img { transform: none; }
@media (max-width: 640px) {
  .visual-refinement .hero-scene img { aspect-ratio: 920 / 809; }
}


/* Quality review 1: protect machine detail, move mobile inquiry into the first screen. */
.visual-refinement:lang(en) .buyer-hero {
  --visual-frame-height: 620px;
  background: #18242b;
}
.visual-refinement:lang(en) .buyer-hero .hero-media {
  left: 210px; right: 0; width: calc(100% - 210px);
}
.visual-refinement:lang(en) .buyer-hero .hero-shade {
  background: linear-gradient(90deg, #18242b 0%, rgb(24 36 43 / 98%) 23%, rgb(24 36 43 / 88%) 33%, rgb(24 36 43 / 20%) 49%, transparent 62%);
}
.visual-refinement:lang(en) .buyer-hero .hero-content { padding: 38px 0 44px; }
.visual-refinement .hero-opening { width: min(420px, 36%); }
.visual-refinement:lang(en) .buyer-hero .hero-content h1 {
  font-size: clamp(34px, 2.65vw, 40px); line-height: 1.13;
  max-width: 420px; margin: 12px 0 22px;
}
.visual-refinement .hero-summary { width: min(420px, 36%); }
.visual-refinement .hero-summary p { grid-template-columns: 62px 1fr; gap: 10px; padding: 10px 0; }
.visual-refinement .hero-summary span { font-size: 13px; line-height: 1.6; }
.visual-refinement:lang(en) .buyer-hero .actions { max-width: 440px; gap: 10px; margin-top: 22px; }
.visual-refinement:lang(en) .buyer-hero .hero-proof {
  width: 100%; background: #f3f4f1; color: #20343f;
  padding-inline: max(4vw, calc((100vw - 1240px) / 2));
  border-top: 1px solid #d5dedf;
}
.visual-refinement .buyer-hero .hero-proof div { padding: 18px 22px; border-color: #d5dedf; }
.visual-refinement .buyer-hero .hero-proof span { color: #52636b; font-size: 12px; }
.visual-refinement .buyer-hero .hero-proof strong { font-size: 15px; color: #20343f; }
.visual-refinement .buyer-hero .actions .primary {
  background: #086d94; border-color: #086d94; color: #fff;
}
.visual-refinement .buyer-hero .actions .primary:hover { background: #075b7d; border-color: #075b7d; }
.visual-refinement .equipment { padding-top: 56px; padding-bottom: 56px; }
.visual-refinement .equipment .section-title { align-items: flex-end; gap: 24px; margin-bottom: 26px; }
.visual-refinement .equipment .section-title h2 {
  font-size: clamp(28px, 2.55vw, 38px); line-height: 1.18; max-width: 680px; text-wrap: balance;
}
.visual-refinement .equipment-slider { grid-auto-columns: calc((100% - 36px) / 3); }
.visual-refinement .equipment .slider-controls { gap: 8px; }
.visual-refinement .slider-status {
  min-width: 42px; min-height: 46px; display: inline-flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 600; color: #536570; font-variant-numeric: tabular-nums;
}
.visual-refinement .equipment .slider-button { color: #25414f; border-color: #becbd0; background: #fff; }
.visual-refinement .equipment .slider-button:hover { background: #eef2f4; color: #075b7d; }
.visual-refinement .equipment .slider-dots button[aria-current]::before { background: #086d94; }
.visual-refinement .equipment-visual-note { font-size: 12px; color: #4b5d65; letter-spacing: 0; }
.visual-refinement .equipment-card .equipment-image img { padding: 4px 2px 26px; }
.visual-refinement .equipment .equipment-card h3 { font-size: 24px; line-height: 1.2; }
.visual-refinement .equipment .equipment-card strong { color: #08658b; }
.visual-refinement .equipment a:focus-visible,
.visual-refinement .equipment button:focus-visible,
.visual-refinement .equipment-slider:focus-visible { outline-color: #086d94; }
@media (max-width: 1023px) {
  .visual-refinement:lang(en) .buyer-hero { padding-top: 24px; }
  .visual-refinement .hero-opening { width: 92vw; }
  .visual-refinement:lang(en) .buyer-hero .hero-content h1 {
    max-width: 30ch; font-size: clamp(28px, 7.3vw, 38px); line-height: 1.12; margin: 0 0 20px;
  }
  .visual-refinement:lang(en) .buyer-hero .hero-media { left: auto; right: auto; width: 100%; }
  .visual-refinement:lang(en) .buyer-hero .actions { grid-row: 3; width: 92vw; max-width: none; margin: 18px auto 16px; }
  .visual-refinement .buyer-hero .hero-inline-link { grid-column: 1 / -1; justify-self: start; min-height: 40px; }
  .visual-refinement .hero-summary { grid-row: 4; width: 92vw; margin: 0 auto 22px; }
  .visual-refinement .hero-summary span { font-size: 13px; line-height: 1.6; }
  .visual-refinement:lang(en) .buyer-hero .hero-proof { grid-row: 5; width: 100%; padding-inline: 4vw; }
  .visual-refinement .buyer-hero .hero-proof div { padding: 14px 16px; }
  .visual-refinement .equipment { padding-top: 42px; padding-bottom: 42px; }
  .visual-refinement .equipment .section-title { align-items: flex-start; gap: 20px; margin-bottom: 22px; }
  .visual-refinement .equipment .section-title h2 { font-size: 28px; line-height: 1.18; }
  .visual-refinement .equipment-slider { grid-auto-columns: calc((100% - 18px) / 2); }
}
@media (max-width: 640px) {
  .visual-refinement .equipment .section-title h2 { font-size: 27px; line-height: 1.2; }
  .visual-refinement .equipment-slider { grid-auto-columns: 100%; }
  .visual-refinement .equipment .slider-dots { display: none; }
  .visual-refinement .equipment .equipment-heading-actions { gap: 12px; }
  .visual-refinement .equipment .equipment-card div:not(.equipment-image) { padding: 20px; }
  .visual-refinement .equipment .equipment-card p { margin-bottom: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .visual-refinement .equipment *, .visual-refinement .buyer-hero * {
    animation: none !important; transition: none !important; scroll-behavior: auto !important;
  }
}

/* Inline routes remain accessible while Hero or Equipment is visible. */
.visual-refinement.hero-contact-inline .customer-contact { visibility: hidden; pointer-events: none; }

/* Quality review 2: accessible amber metadata and consistent blue equipment routes. */
.visual-refinement .equipment .kicker { color: #8b6016; }
.visual-refinement .equipment .equipment-heading-actions > a { color: #08658b; }

/* Quality review 3: connect the existing proof claim to the unchanged factory evidence. */
.visual-refinement .buyer-hero .hero-proof-link {
  display: block; min-height: 44px; color: #20343f; text-decoration: none;
}
.visual-refinement .buyer-hero .hero-proof-link small {
  display: block; margin-top: 6px; color: #08658b; font-size: 12px;
  line-height: 1.5; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;
}
.visual-refinement .buyer-hero .hero-proof-link:hover small { color: #075b7d; }
.visual-refinement .buyer-hero .hero-proof-link:focus-visible { outline: 3px solid #086d94; outline-offset: 4px; }

.visual-refinement .buyer-hero .hero-proof-link strong,
.visual-refinement .buyer-hero .hero-proof-link > span { display: block; }
.visual-refinement .buyer-hero .hero-proof-link > span { margin-top: 4px; }

/* Keep the Hero evidence jump clear of the existing fixed header; no evidence layout change. */
.visual-refinement #factory:target { scroll-margin-top: 108px; }
