/* Shared kids equipment: balanced layout and non-interactive decorative layers. */
.facilities-area.pbg-kids-equipment {
  position: relative;
  isolation: isolate;
  padding: 52px 0;
}
.pbg-kids-equipment > .container { position: relative; z-index: 1; }
.pbg-kids-equipment > .container > .row {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.pbg-kids-equipment > .container > .row::before,
.pbg-kids-equipment > .container > .row::after { display: none; }
.pbg-kids-equipment > .container > .row > .col-sm-6 { float: none; }
.pbg-kids-equipment .facilities-text { padding: 0; }
.pbg-kids-equipment .facilities-text h3 { margin-top: 0; }
.pbg-kids-equipment .facilities-text p { line-height: 1.4; }
.pbg-kids-equipment .facilities-text .btn { margin-bottom: 0; }
.pbg-kids-equipment .info-box { margin-bottom: 0; }
.pbg-equipment-decor {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}
.pbg-equipment-decor::before {
  content: "";
  position: absolute;
  width: 54%;
  height: 145%;
  left: -13%;
  top: -20%;
  background: url('../img/adult-feature-markers.jpeg') center / cover no-repeat;
  filter: grayscale(1);
  opacity: .075;
  transform: rotate(-16deg);
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 94%);
  mask-image: linear-gradient(90deg, #000, transparent 94%);
}
.pbg-equipment-decor::after {
  content: "";
  position: absolute;
  width: 44%;
  height: 125%;
  right: -12%;
  top: -12%;
  background: url('../img/adult-feature-helmet.jpeg') center / cover no-repeat;
  filter: grayscale(1);
  opacity: .07;
  transform: rotate(12deg);
  -webkit-mask-image: linear-gradient(270deg, #000, transparent 92%);
  mask-image: linear-gradient(270deg, #000, transparent 92%);
}
.pbg-equipment-float {
  position: absolute;
  width: clamp(90px, 11vw, 170px);
  height: auto;
  color: #fffbe0;
  opacity: .15;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  animation: pbg-equipment-drift 9s ease-in-out infinite alternate;
}
.pbg-equipment-float--goggles { left: 4%; top: 4%; --tilt: -15deg; }
.pbg-equipment-float--vest { right: 2%; bottom: 5%; width: clamp(70px, 8vw, 120px); --tilt: 14deg; animation-delay: -4s; }
.pbg-equipment-float--paintballs { left: 38%; bottom: 5%; width: 105px; color: #fff400; opacity: .18; --tilt: -8deg; animation-delay: -6s; }
@keyframes pbg-equipment-drift {
  from { transform: translateY(0) rotate(var(--tilt)); }
  to { transform: translateY(-12px) rotate(calc(var(--tilt) + 4deg)); }
}
@media (max-width: 767px) {
  .facilities-area.pbg-kids-equipment { padding: 40px 0; }
  .pbg-kids-equipment > .container > .row { flex-direction: column; gap: 30px; }
  .pbg-kids-equipment > .container > .row > .col-sm-6 { width: 100%; }
  .pbg-kids-equipment > .container > .row > .pull-right { order: 2; }
  .pbg-kids-equipment .facilities-img { display: block; }
  .pbg-kids-equipment .facilities-text { margin: 0; }
  .pbg-kids-equipment .facilities-img .info-box { margin: 0 auto; }
  .pbg-equipment-decor::before { width: 90%; left: -35%; opacity: .05; }
  .pbg-equipment-decor::after { width: 75%; right: -30%; top: 35%; height: 75%; opacity: .05; }
  .pbg-equipment-float--goggles { left: auto; right: -20px; top: 8px; opacity: .1; }
  .pbg-equipment-float--vest { right: 5%; bottom: 25px; }
  .pbg-equipment-float--paintballs { left: 4%; bottom: 14%; width: 70px; }
}
@media (prefers-reduced-motion: reduce) {
  .pbg-equipment-float { animation: none; transform: rotate(var(--tilt)); }
}
