/* V1 realistic tubular load air gates. */

/* Keep the established two-row footprint, but overlap the fixed fence by a
   couple of pixels so the safety barrier reads as one continuous assembly. */
.air-gates{left:calc(14% - 19px);width:178px;height:25px;column-gap:0}
.gate-post{height:25px;overflow:visible}

/* Each sliding leaf is a welded, rounded stainless-steel frame with narrow
   vertical infill bars and a waist rail, matching full-size station gates. */
.gate-arm{
  inset:0 -1px;
  width:auto;
  height:25px;
  border:3px solid #657b80;
  border-radius:7px;
  background:
    linear-gradient(90deg,transparent 0 10px,#8fa4a8 10px 13px,#e8f1f1 13px 14px,#687f84 14px 16px,transparent 16px 25px,#8fa4a8 25px 28px,#e8f1f1 28px 29px,#687f84 29px 31px,transparent 31px 40px,#8fa4a8 40px 43px,#e8f1f1 43px 44px,#687f84 44px 46px,transparent 46px 55px,#8fa4a8 55px 58px,#e8f1f1 58px 59px,#687f84 59px 61px,transparent 61px),
    linear-gradient(180deg,rgba(231,243,244,.2),rgba(103,128,134,.16));
  box-shadow:
    inset 0 0 0 1px #e9f2f2,
    inset 0 -2px 3px rgba(37,57,62,.42),
    0 2px 4px rgba(28,48,53,.35);
}
.gate-arm:before{
  content:"";
  position:absolute;
  left:4px;
  right:4px;
  top:2px;
  height:2px;
  border-radius:4px;
  background:rgba(239,249,249,.8);
  pointer-events:none;
}
.gate-arm:after{
  content:"";
  position:absolute;
  left:1px;
  right:1px;
  top:9px;
  height:4px;
  border:0;
  border-radius:4px;
  background:linear-gradient(180deg,#dce8e9 0,#879b9f 45%,#556c71 100%);
  box-shadow:0 1px 1px rgba(34,51,55,.4);
}

/* Outer hinge posts visually join the movable leaves to the fixed fence. */
.gate-post:after{
  content:"";
  display:block;
  position:absolute;
  top:-2px;
  bottom:-3px;
  width:5px;
  border-radius:4px;
  background:linear-gradient(90deg,#52686d,#e1ebeb 47%,#6b8186);
  box-shadow:0 1px 3px rgba(25,44,49,.45);
}
.gate-post:first-child:after{left:-3px}
.gate-post:last-child:after{right:-3px}

@media(max-width:650px){.air-gates{left:calc(14% - 8px);width:143px}}