/* ============================================================
   PUSK FOOTER MINIMAL V5
   ============================================================ */

.pusk-footer-v3 {
  position: relative;
  z-index: 5;

  width: 100%;

  padding:
    14px
    0
    12px;

  border-top:
    1px solid
    rgba(255,255,255,.05);

  background:
    rgba(2, 6, 18, .34);
}

.pusk-footer-v3__main {
  width:
    min(
      calc(100% - 40px),
      1280px
    );

  margin:
    0
    auto;

  display: grid;

  grid-template-columns:
    minmax(260px, 1fr)
    minmax(420px, 1.35fr)
    minmax(280px, 1fr);

  gap: 26px;

  align-items: center;
}


/* Developer — left */

.pusk-footer-v3__developer {
  display: grid;

  grid-template-columns:
    42px
    minmax(0, 1fr);

  gap: 9px;

  align-items: start;
}

.pusk-footer-v3__developer-logo {
  width: 42px;
  height: 42px;

  padding: 2px;

  object-fit: contain;

  border-radius: 8px;

  background:
    rgba(255,255,255,.92);
}

.pusk-footer-v3__developer-copy {
  display: grid;

  gap: 4px;

  color:
    rgba(213, 226, 250, .52);

  font-size: 9px;

  line-height: 1.35;
}

.pusk-footer-v3__developer-copy strong {
  color:
    rgba(255,255,255,.78);

  font-size: 10px;

  line-height: 1.3;
}

.pusk-footer-v3__socials {
  display: flex;

  gap: 12px;

  margin-top: 2px;
}

.pusk-footer-v3__socials a {
  display: inline-flex;

  align-items: center;

  gap: 5px;

  color:
    rgba(107, 224, 255, .82);

  font-size: 9px;

  text-decoration: none;
}

.pusk-footer-v3__socials svg {
  width: 11px;
  height: 11px;

  fill: currentColor;
}


/* Center legal + copyright */

.pusk-footer-v3__center {
  display: grid;

  justify-items: center;

  gap: 9px;

  align-self: center;
}

.pusk-footer-v3__legal {
  display: flex;

  align-items: center;
  justify-content: center;

  flex-wrap: wrap;

  gap: 10px;

  color:
    rgba(199, 213, 240, .32);
}

.pusk-footer-v3__legal button {
  padding: 0;

  border: 0;

  background: transparent;

  color:
    rgba(231, 238, 252, .66);

  cursor: pointer;

  font-family:
    inherit;

  font-size: 10px;

  line-height: 1.3;
}

.pusk-footer-v3__legal button:hover {
  color: #74e8ff;
}

.pusk-footer-v3__copy {
  color:
    rgba(205, 217, 240, .40);

  font-size: 9px;

  line-height: 1.2;

  text-align: center;
}


/* Merchant — right */

.pusk-footer-v3__merchant {
  justify-self: end;

  max-width: 310px;

  display: grid;

  gap: 3px;

  color:
    rgba(216, 227, 248, .52);

  font-size: 9px;

  line-height: 1.35;
}

.pusk-footer-v3__merchant strong {
  color:
    rgba(255,255,255,.76);

  font-size: 10px;
}

.pusk-footer-v3__merchant a {
  color:
    rgba(99, 221, 255, .78);

  text-decoration: none;
}


/* Responsive */

@media (max-width: 1000px) {

  .pusk-footer-v3__main {
    grid-template-columns:
      1fr;
  }

  .pusk-footer-v3__developer,
  .pusk-footer-v3__merchant {
    justify-self: center;

    text-align: center;
  }

  .pusk-footer-v3__developer {
    max-width: 420px;
  }

  .pusk-footer-v3__merchant {
    max-width: 440px;
  }

}

@media (max-width: 600px) {

  .pusk-footer-v3__main {
    width:
      calc(100% - 24px);
  }

  .pusk-footer-v3__legal {
    gap: 7px;
  }

}

/* STEP40 ROLE LABELS START */

.pusk-footer-v3__role {
  grid-column: 1 / -1;

  display: block;

  margin-bottom: 1px;

  color: rgba(102, 233, 255, .60);

  font-family:
    "Russo One",
    sans-serif;

  font-size: 8px;

  line-height: 1;

  letter-spacing: .15em;

  text-transform: uppercase;
}

.pusk-footer-v3__merchant-role {
  text-align: left;
}

/* STEP40 ROLE LABELS END */