/* Unified comparison sheet for the pick-and-place capping machine family. */
#machine-options .machine-family-sheet{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  background:#fff;
}
#machine-options .machine-family-summary{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:48px;
  align-items:end;
  padding:32px 0;
  border-bottom:1px solid var(--line);
}
#machine-options .machine-family-summary span,
#machine-options .machine-model-kicker{
  display:block;
  margin-bottom:8px;
  color:#0b6b4b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
  line-height:1.4;
  text-transform:uppercase;
}
#machine-options .machine-family-summary h3{
  max-width:620px;
  margin:0;
  font-size:clamp(22px,2.6vw,32px);
  line-height:1.16;
}
#machine-options .machine-family-summary p{
  max-width:700px;
  margin:0;
  color:#5d7068;
}
#machine-options .machine-family-model{
  display:grid;
  grid-template-columns:minmax(220px,28%) minmax(0,1fr);
  gap:32px;
  align-items:center;
  padding:32px 0;
  border-bottom:1px solid var(--line);
}
#machine-options .machine-family-model:last-child{border-bottom:0}
#machine-options .machine-model-media{
  display:flex;
  min-height:428px;
  flex-direction:column;
  justify-content:center;
  gap:0;
  padding:16px;
  background:#fff;
}
#machine-options .machine-model-media>img{
  width:100%;
  height:228px;
  object-fit:contain;
}
#machine-options .machine-model-product-preview{
  display:flex;
  width:100%;
  flex-direction:column;
  padding:0;
}
#machine-options .machine-model-product-preview span{
  order:2;
  display:block;
  margin-top:8px;
  color:#40564d;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  text-align:center;
}
#machine-options .machine-model-product-preview img{
  order:1;
  display:block;
  width:100%;
  height:144px;
  object-fit:cover;
  object-position:center bottom;
  background:#fff;
}
#machine-options .machine-model-content h3{
  max-width:760px;
  margin:0 0 12px;
  font-size:clamp(24px,2.8vw,36px);
  line-height:1.12;
}
#machine-options .machine-model-content>p{
  max-width:780px;
  margin:0 0 24px;
  color:#5d7068;
}
#machine-options .machine-spec-list{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin:0 0 24px;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
#machine-options .machine-spec-list>div{
  min-width:0;
  padding:16px;
  border-right:1px solid var(--line);
}
#machine-options .machine-spec-list>div:first-child{padding-left:0}
#machine-options .machine-spec-list>div:last-child{border-right:0}
#machine-options .machine-spec-list dt{
  margin-bottom:6px;
  color:#687a72;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.35;
  text-transform:uppercase;
}
#machine-options .machine-spec-list dd{
  margin:0;
  color:#10231d;
  font-size:15px;
  font-weight:750;
  line-height:1.45;
}
#machine-options .machine-model-link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:#0b6b4b;
  font-weight:800;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:5px;
}
#machine-options .machine-model-link:hover{color:#084f38}
.machine-process-comparison{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.machine-process-comparison article{
  min-width:0;
  padding:32px 32px 32px 0;
}
.machine-process-comparison article+article{
  padding-right:0;
  padding-left:32px;
  border-left:1px solid var(--line);
}
.machine-process-comparison h3{
  margin:0 0 20px;
  font-size:clamp(22px,2.4vw,30px);
  line-height:1.2;
}
.machine-process-comparison ol{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  list-style:none;
  counter-reset:process-step;
}
.machine-process-comparison li{
  display:grid;
  grid-template-columns:32px minmax(0,1fr);
  gap:12px;
  align-items:start;
  padding:12px 0;
  border-top:1px solid var(--line);
  color:#435950;
  counter-increment:process-step;
}
.machine-process-comparison li::before{
  content:counter(process-step,decimal-leading-zero);
  color:#0b6b4b;
  font-size:12px;
  font-weight:800;
  letter-spacing:.08em;
  line-height:1.8;
}
.machine-family-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:32px;
}
.machine-family-video-grid article{min-width:0}
.machine-family-video-grid video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  border:1px solid var(--line);
  border-radius:14px;
  background:#06150f;
  object-fit:contain;
}
.machine-family-video-grid h3{
  margin:18px 0 8px;
  font-size:clamp(20px,2vw,26px);
  line-height:1.25;
}
.machine-family-video-grid p{
  max-width:58ch;
  margin:0;
  color:#5d7068;
}
@media(max-width:900px){
  #machine-options .machine-family-summary{grid-template-columns:1fr;gap:16px}
  #machine-options .machine-family-model{grid-template-columns:1fr}
  #machine-options .machine-model-media{min-height:0}
  #machine-options .machine-model-media>img{height:260px}
  #machine-options .machine-model-product-preview img{height:160px}
  #machine-options .machine-spec-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  #machine-options .machine-spec-list>div:nth-child(2){border-right:0}
  #machine-options .machine-spec-list>div:nth-child(n+3){border-top:1px solid var(--line)}
  #machine-options .machine-spec-list>div:nth-child(3){padding-left:0}
  .machine-process-comparison,.machine-family-video-grid{grid-template-columns:1fr}
  .machine-process-comparison article{padding:28px 0}
  .machine-process-comparison article+article{padding-left:0;border-top:1px solid var(--line);border-left:0}
}
@media(max-width:560px){
  #machine-options .machine-family-summary{padding:24px 0}
  #machine-options .machine-family-model{gap:24px;padding:24px 0}
  #machine-options .machine-model-media{padding:12px}
  #machine-options .machine-model-media>img{height:220px}
  #machine-options .machine-model-product-preview img{height:144px}
  #machine-options .machine-spec-list{grid-template-columns:1fr}
  #machine-options .machine-spec-list>div,
  #machine-options .machine-spec-list>div:first-child,
  #machine-options .machine-spec-list>div:nth-child(3){padding:12px 0;border-top:1px solid var(--line);border-right:0}
  #machine-options .machine-spec-list>div:first-child{border-top:0}
}