/* ============================================================
   PUSK FINAL LOWER PAGE POLISH V1
   Support -> Footer -> Legal Modal
   ============================================================ */


/* ------------------------------------------------------------
   SUPPORT -> FOOTER RHYTHM
   ------------------------------------------------------------ */

.pusk-support-v1 {
  padding-bottom:
    28px !important;
}


/* ------------------------------------------------------------
   FOOTER
   Quiet service information only.
   ------------------------------------------------------------ */

.pusk-footer-v3 {
  padding:
    10px
    0
    9px !important;

  border-top:
    1px solid
    rgba(255,255,255,.045) !important;

  background:
    linear-gradient(
      180deg,
      rgba(2, 6, 18, .10),
      rgba(2, 6, 18, .30)
    ) !important;
}

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

  display: grid !important;

  grid-template-columns:
    minmax(0, 1fr)
    auto
    minmax(0, 1fr) !important;

  gap:
    28px !important;

  align-items:
    end !important;
}


/* Developer */

.pusk-footer-v3__developer {
  width:
    min(
      100%,
      380px
    );

  justify-self:
    start !important;

  display: grid !important;

  grid-template-columns:
    34px
    minmax(0, 1fr) !important;

  gap:
    6px
    8px !important;

  align-items:
    start !important;
}

.pusk-footer-v3__developer-logo {
  width:
    34px !important;

  height:
    34px !important;

  padding:
    2px !important;

  border-radius:
    7px !important;

  opacity:
    .82;
}

.pusk-footer-v3__developer-copy {
  gap:
    2px !important;

  color:
    rgba(211, 224, 248, .45) !important;

  font-size:
    8.5px !important;

  line-height:
    1.32 !important;
}

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

  font-size:
    9px !important;

  font-weight:
    600 !important;
}

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

  display:
    block;

  margin:
    0
    0
    1px;

  color:
    rgba(97, 224, 255, .54);

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

  font-size:
    7.5px;

  line-height:
    1;

  letter-spacing:
    .14em;
}


/* WhatsApp + Telegram */

.pusk-footer-v3__socials {
  margin-top:
    2px !important;

  gap:
    10px !important;
}

.pusk-footer-v3__socials a {
  gap:
    4px !important;

  color:
    rgba(93, 218, 255, .68) !important;

  font-size:
    8.5px !important;

  opacity:
    .90;
}

.pusk-footer-v3__socials svg {
  width:
    10px !important;

  height:
    10px !important;
}


/* Center */

.pusk-footer-v3__center {
  min-width:
    400px;

  align-self:
    end !important;

  display:
    grid !important;

  justify-items:
    center !important;

  gap:
    7px !important;
}

.pusk-footer-v3__legal {
  display:
    flex !important;

  flex-direction:
    row !important;

  flex-wrap:
    nowrap !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  gap:
    8px !important;

  white-space:
    nowrap;
}

.pusk-footer-v3__legal button {
  min-width:
    0 !important;

  min-height:
    0 !important;

  width:
    auto !important;

  height:
    auto !important;

  padding:
    0 !important;

  border:
    0 !important;

  border-radius:
    0 !important;

  color:
    rgba(228, 237, 251, .58) !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  font-family:
    inherit !important;

  font-size:
    9px !important;

  line-height:
    1.2 !important;

  text-align:
    center !important;
}

.pusk-footer-v3__legal button:hover {
  color:
    rgba(102, 229, 255, .90) !important;

  background:
    transparent !important;

  box-shadow:
    none !important;

  transform:
    none !important;
}

.pusk-footer-v3__legal > span {
  color:
    rgba(200, 215, 240, .22);

  font-size:
    8px;
}

.pusk-footer-v3__copy {
  color:
    rgba(202, 216, 240, .34) !important;

  font-size:
    8.5px !important;

  line-height:
    1 !important;

  text-align:
    center !important;
}


/* Seller */

.pusk-footer-v3__merchant {
  width:
    min(
      100%,
      350px
    );

  justify-self:
    end !important;

  display:
    grid !important;

  gap:
    2px !important;

  color:
    rgba(211, 224, 248, .45) !important;

  font-size:
    8.5px !important;

  line-height:
    1.32 !important;

  text-align:
    left !important;
}

.pusk-footer-v3__merchant strong {
  color:
    rgba(255,255,255,.70) !important;

  font-size:
    9px !important;

  font-weight:
    600 !important;
}

.pusk-footer-v3__merchant a {
  color:
    rgba(92, 217, 255, .68) !important;

  text-decoration:
    none !important;
}


/* ------------------------------------------------------------
   LEGAL MODAL
   ------------------------------------------------------------ */

.legal-modal-v1 {
  padding:
    18px !important;
}

.legal-modal-v1__panel {
  width:
    min(
      900px,
      calc(100vw - 48px)
    ) !important;

  max-height:
    84vh !important;

  margin:
    7vh
    auto !important;

  padding:
    20px
    28px
    26px !important;

  border-radius:
    22px !important;

  scrollbar-width:
    thin;

  scrollbar-color:
    rgba(93, 183, 255, .36)
    rgba(255,255,255,.035);
}

.legal-modal-v1__panel::-webkit-scrollbar {
  width:
    6px;
}

.legal-modal-v1__panel::-webkit-scrollbar-track {
  background:
    rgba(255,255,255,.025);
}

.legal-modal-v1__panel::-webkit-scrollbar-thumb {
  border-radius:
    999px;

  background:
    rgba(91, 181, 255, .34);
}


/* Shell title is intentionally hidden.
   Document contains the only title. */

.legal-modal-v1__eyebrow,
.legal-modal-v1__title {
  display:
    none !important;
}

.legal-modal-v1__header {
  min-height:
    42px;

  margin-bottom:
    -2px !important;

  justify-content:
    flex-end !important;
}

.legal-modal-v1__close {
  width:
    38px !important;

  height:
    38px !important;

  margin:
    0 !important;

  font-size:
    23px !important;

  opacity:
    .80;
}

.legal-modal-v1__body {
  color:
    rgba(227, 237, 255, .82) !important;

  font-size:
    14px !important;

  line-height:
    1.60 !important;
}


/* Main document title */

.legal-doc > h2:first-of-type {
  margin:
    0
    0
    20px !important;

  color:
    rgba(255,255,255,.94) !important;

  font-size:
    clamp(
      25px,
      3vw,
      31px
    ) !important;

  line-height:
    1.08 !important;
}


/* Sections */

.legal-doc h3 {
  margin:
    19px
    0
    7px !important;

  color:
    rgba(255,255,255,.88) !important;

  font-size:
    15px !important;

  line-height:
    1.3 !important;
}

.legal-doc p,
.legal-doc ul {
  margin:
    0
    0
    10px !important;
}

.legal-doc ul {
  padding-left:
    19px !important;
}

.legal-doc li {
  margin-bottom:
    3px;
}

.legal-doc a {
  color:
    rgba(101, 227, 255, .92) !important;
}


/* ------------------------------------------------------------
   TABLET / MOBILE
   ------------------------------------------------------------ */

@media (max-width: 1000px) {

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

    gap:
      16px !important;
  }

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

    text-align:
      center !important;
  }

  .pusk-footer-v3__center {
    min-width:
      0;
  }

}

@media (max-width: 600px) {

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

  .pusk-footer-v3__legal {
    flex-wrap:
      wrap !important;
  }

  .legal-modal-v1 {
    padding:
      8px !important;
  }

  .legal-modal-v1__panel {
    width:
      100% !important;

    max-height:
      94vh !important;

    margin:
      2vh
      auto !important;

    padding:
      16px
      18px
      22px !important;
  }

}

/* ============================================================
   STEP43 FOOTER ALIGN START
   Match FAQ grid: min(90vw, 1240px)
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      16px
      0
      13px !important;
  }

  .pusk-footer-v3__main {
    width:
      min(
        90vw,
        1240px
      ) !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(350px, .90fr)
      minmax(0, 1fr) !important;

    gap:
      34px !important;

    align-items:
      center !important;
  }


  /* LEFT — DEVELOPER */

  .pusk-footer-v3__developer {
    width:
      min(
        100%,
        390px
      ) !important;

    grid-template-columns:
      40px
      minmax(0, 1fr) !important;

    gap:
      7px
      10px !important;
  }

  .pusk-footer-v3__developer-logo {
    width:
      40px !important;

    height:
      40px !important;

    border-radius:
      8px !important;
  }

  .pusk-footer-v3__developer-copy {
    gap:
      3px !important;

    font-size:
      9.5px !important;

    line-height:
      1.40 !important;

    color:
      rgba(
        218,
        230,
        250,
        .56
      ) !important;
  }

  .pusk-footer-v3__developer-copy strong {
    font-size:
      10.5px !important;

    color:
      rgba(
        255,
        255,
        255,
        .80
      ) !important;
  }


  /* ROLE LABELS */

  .pusk-footer-v3__role {
    font-size:
      8.5px !important;

    letter-spacing:
      .15em !important;

    color:
      rgba(
        102,
        233,
        255,
        .66
      ) !important;
  }


  /* SOCIALS */

  .pusk-footer-v3__socials {
    gap:
      12px !important;

    margin-top:
      3px !important;
  }

  .pusk-footer-v3__socials a {
    font-size:
      9.5px !important;
  }

  .pusk-footer-v3__socials svg {
    width:
      12px !important;

    height:
      12px !important;
  }


  /* CENTER */

  .pusk-footer-v3__center {
    min-width:
      350px !important;

    gap:
      9px !important;

    align-self:
      center !important;
  }

  .pusk-footer-v3__legal {
    gap:
      10px !important;
  }

  .pusk-footer-v3__legal button {
    font-size:
      10.5px !important;

    color:
      rgba(
        236,
        242,
        253,
        .70
      ) !important;
  }

  .pusk-footer-v3__copy {
    font-size:
      9.5px !important;

    color:
      rgba(
        214,
        225,
        245,
        .46
      ) !important;
  }


  /* RIGHT — SELLER */

  .pusk-footer-v3__merchant {
    width:
      min(
        100%,
        390px
      ) !important;

    max-width:
      390px !important;

    gap:
      3px !important;

    font-size:
      9.5px !important;

    line-height:
      1.40 !important;

    color:
      rgba(
        218,
        230,
        250,
        .56
      ) !important;
  }

  .pusk-footer-v3__merchant strong {
    font-size:
      10.5px !important;

    color:
      rgba(
        255,
        255,
        255,
        .80
      ) !important;
  }

  .pusk-footer-v3__merchant a {
    color:
      rgba(
        102,
        226,
        255,
        .82
      ) !important;
  }

}

/* STEP43 FOOTER ALIGN END */

/* ============================================================
   STEP44 FOOTER CENTER START
   Center footer and align DEVELOPER / SELLER role line
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding: 18px 0 16px !important;
  }

  .pusk-footer-v3__main {
    width: min(90vw, 1240px) !important;
    margin: 0 auto !important;

    display: grid !important;
    grid-template-columns:
      minmax(300px, 1fr)
      auto
      minmax(300px, 1fr) !important;

    column-gap: 34px !important;
    align-items: start !important;
    justify-content: center !important;
  }

  .pusk-footer-v3__developer,
  .pusk-footer-v3__merchant,
  .pusk-footer-v3__center {
    margin-top: 0 !important;
    align-self: start !important;
  }

  .pusk-footer-v3__developer {
    justify-self: start !important;
    width: min(100%, 360px) !important;
  }

  .pusk-footer-v3__merchant {
    justify-self: end !important;
    width: min(100%, 360px) !important;
    text-align: left !important;
  }

  .pusk-footer-v3__center {
    justify-self: center !important;
    min-width: max-content !important;
    padding-top: 14px !important;
    gap: 10px !important;
  }

  .pusk-footer-v3__legal {
    justify-content: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
  }

  .pusk-footer-v3__copy {
    text-align: center !important;
  }

  .pusk-footer-v3__role {
    display: block !important;
    margin: 0 0 8px !important;
    min-height: 12px !important;
    line-height: 12px !important;
  }

  .pusk-footer-v3__developer-copy,
  .pusk-footer-v3__merchant-copy {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }

  .pusk-footer-v3__developer-copy strong,
  .pusk-footer-v3__merchant strong {
    display: block !important;
  }
}

/* STEP44 FOOTER CENTER END */

/* ============================================================
   STEP45 FOOTER TRUE CENTER START

   ROW 1:
   DEVELOPER             SELLER

   ROW 2:
       LEGAL LINKS

   ROW 3:
       COPYRIGHT
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      17px
      0
      14px !important;
  }

  /*
     Center the WHOLE informational block,
     not three independent columns.
  */

  .pusk-footer-v3__main {
    width:
      min(
        88vw,
        940px
      ) !important;

    margin:
      0
      auto !important;

    display:
      grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      minmax(0, 1fr) !important;

    grid-template-areas:
      "developer merchant"
      "center center" !important;

    column-gap:
      74px !important;

    row-gap:
      14px !important;

    align-items:
      start !important;

    justify-content:
      center !important;
  }


  /* ==========================================================
     DEVELOPER — LEFT HALF OF CENTERED BLOCK
     ========================================================== */

  .pusk-footer-v3__developer {
    grid-area:
      developer !important;

    justify-self:
      stretch !important;

    align-self:
      start !important;

    width:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;
  }


  /* ==========================================================
     SELLER — RIGHT HALF OF CENTERED BLOCK
     ========================================================== */

  .pusk-footer-v3__merchant {
    grid-area:
      merchant !important;

    justify-self:
      stretch !important;

    align-self:
      start !important;

    width:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    text-align:
      left !important;
  }


  /*
     Both headings begin from exactly the same vertical row.
  */

  .pusk-footer-v3__developer-role,
  .pusk-footer-v3__merchant-role {
    margin:
      0
      0
      7px !important;

    min-height:
      12px !important;

    line-height:
      12px !important;
  }


  /* ==========================================================
     LEGAL + COPYRIGHT — NEW LOWER CENTER ROW
     ========================================================== */

  .pusk-footer-v3__center {
    grid-area:
      center !important;

    justify-self:
      center !important;

    align-self:
      start !important;

    width:
      100% !important;

    min-width:
      0 !important;

    margin:
      0 !important;

    padding-top:
      5px !important;

    display:
      grid !important;

    justify-items:
      center !important;

    gap:
      7px !important;
  }

  .pusk-footer-v3__legal {
    width:
      100% !important;

    display:
      flex !important;

    flex-direction:
      row !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    flex-wrap:
      nowrap !important;

    gap:
      13px !important;
  }

  .pusk-footer-v3__legal button {
    width:
      auto !important;

    min-width:
      0 !important;

    padding:
      0 !important;

    text-align:
      center !important;
  }

  .pusk-footer-v3__copy {
    width:
      100% !important;

    margin:
      0 !important;

    text-align:
      center !important;
  }

}


/* Tablet/mobile remains stacked. */

@media (max-width: 1000px) {

  .pusk-footer-v3__main {
    grid-template-areas:
      none !important;
  }

}

/* STEP45 FOOTER TRUE CENTER END */

/* ============================================================
   STEP46 FOOTER SINGLE COMPACT BAND START

   GOAL:
   LEFT   = developer
   CENTER = legal links + copyright
   RIGHT  = merchant

   one quiet centered footer band
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      18px
      0
      20px !important;
  }

  .pusk-footer-v3__main {
    width:
      min(94vw, 1120px) !important;

    margin:
      0
      auto !important;

    position:
      relative !important;

    display:
      grid !important;

    grid-template-columns:
      minmax(250px, 1fr)
      auto
      minmax(250px, 1fr) !important;

    grid-template-areas:
      "developer center merchant" !important;

    column-gap:
      34px !important;

    align-items:
      end !important;

    padding:
      18px
      24px
      16px !important;

    border-radius:
      24px !important;

    background:
      linear-gradient(
        180deg,
        rgba(10, 22, 58, 0.82) 0%,
        rgba(7, 16, 42, 0.76) 100%
      ) !important;

    border:
      1px solid rgba(75, 135, 255, 0.20) !important;

    box-shadow:
      0 0 0 1px rgba(70, 120, 255, 0.06) inset,
      0 12px 36px rgba(0, 0, 0, 0.24) !important;

    backdrop-filter:
      blur(10px) !important;
  }

  .pusk-footer-v3__main > * {
    position:
      relative !important;
    z-index:
      1 !important;
  }

  .pusk-footer-v3__developer {
    grid-area:
      developer !important;

    justify-self:
      start !important;

    align-self:
      start !important;

    width:
      100% !important;

    max-width:
      320px !important;

    margin:
      0 !important;

    text-align:
      left !important;
  }

  .pusk-footer-v3__merchant {
    grid-area:
      merchant !important;

    justify-self:
      end !important;

    align-self:
      start !important;

    width:
      100% !important;

    max-width:
      320px !important;

    margin:
      0 !important;

    text-align:
      left !important;
  }

  .pusk-footer-v3__developer-role,
  .pusk-footer-v3__merchant-role {
    margin:
      0
      0
      7px !important;

    min-height:
      14px !important;

    line-height:
      14px !important;
  }

  .pusk-footer-v3__center {
    grid-area:
      center !important;

    justify-self:
      center !important;

    align-self:
      end !important;

    width:
      auto !important;

    min-width:
      320px !important;

    margin:
      0 !important;

    display:
      grid !important;

    justify-items:
      center !important;

    align-content:
      end !important;

    row-gap:
      8px !important;

    padding:
      0
      8px !important;

    text-align:
      center !important;
  }

  .pusk-footer-v3__legal {
    display:
      flex !important;

    flex-direction:
      row !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    flex-wrap:
      nowrap !important;

    gap:
      18px !important;

    width:
      auto !important;

    margin:
      0 !important;
  }

  .pusk-footer-v3__legal button,
  .pusk-footer-v3__legal a {
    width:
      auto !important;

    min-width:
      0 !important;

    padding:
      0 !important;

    margin:
      0 !important;

    text-align:
      center !important;
  }

  .pusk-footer-v3__copy {
    margin:
      0 !important;

    width:
      auto !important;

    text-align:
      center !important;

    white-space:
      nowrap !important;
  }

  .pusk-footer-v3__developer img,
  .pusk-footer-v3__merchant img {
    max-width:
      52px !important;
    height:
      auto !important;
  }
}

@media (max-width: 1000px) {

  .pusk-footer-v3__main {
    width:
      min(94vw, 680px) !important;

    margin:
      0
      auto !important;
  }
}

/* STEP46 FOOTER SINGLE COMPACT BAND END */

/* ============================================================
   STEP47 FOOTER NO PLATE RIGHT MERCHANT START

   GOAL:
   - remove footer plate/background
   - keep footer visually quiet
   - merchant block closer to the right edge
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      8px
      0
      10px !important;
  }

  .pusk-footer-v3__main {
    width:
      min(92vw, 1080px) !important;

    margin:
      0
      auto !important;

    padding:
      4px
      0
      0 !important;

    background:
      transparent !important;

    border:
      none !important;

    box-shadow:
      none !important;

    backdrop-filter:
      none !important;

    border-radius:
      0 !important;

    grid-template-columns:
      minmax(260px, 1fr)
      auto
      minmax(260px, 1fr) !important;

    column-gap:
      24px !important;

    align-items:
      end !important;
  }

  .pusk-footer-v3__developer {
    justify-self:
      start !important;

    align-self:
      start !important;

    max-width:
      300px !important;

    margin:
      0 !important;

    text-align:
      left !important;
  }

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

    align-self:
      start !important;

    max-width:
      300px !important;

    margin:
      0 !important;

    text-align:
      left !important;

    transform:
      translateX(10px) !important;
  }

  .pusk-footer-v3__center {
    justify-self:
      center !important;

    align-self:
      end !important;

    min-width:
      280px !important;

    row-gap:
      8px !important;

    padding:
      0 !important;

    margin:
      0 !important;

    text-align:
      center !important;
  }

  .pusk-footer-v3__legal {
    gap:
      16px !important;

    margin:
      0 !important;
  }

  .pusk-footer-v3__copy {
    margin:
      0 !important;
  }
}

@media (max-width: 1000px) {

  .pusk-footer-v3__main {
    background:
      transparent !important;

    border:
      none !important;

    box-shadow:
      none !important;

    backdrop-filter:
      none !important;
  }
}

/* STEP47 FOOTER NO PLATE RIGHT MERCHANT END */

/* ============================================================
   STEP48 EXACT FOOTER EDGE ALIGN START

   Fixed centered footer geometry:
   developer = left edge
   merchant  = right edge
   legal     = center below
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      10px
      0
      12px !important;

    background:
      transparent !important;

    border:
      0 !important;
  }


  /* ONE centered coordinate system */

  .pusk-footer-v3__main {
    position:
      relative !important;

    display:
      block !important;

    width:
      min(
        86vw,
        820px
      ) !important;

    min-height:
      108px !important;

    margin:
      0
      auto !important;

    padding:
      0 !important;

    background:
      transparent !important;

    border:
      0 !important;

    border-radius:
      0 !important;

    box-shadow:
      none !important;

    backdrop-filter:
      none !important;
  }


  /* ==========================================================
     LEFT — DEVELOPER
     ========================================================== */

  .pusk-footer-v3__developer {
    position:
      absolute !important;

    left:
      0 !important;

    top:
      0 !important;

    right:
      auto !important;

    bottom:
      auto !important;

    width:
      285px !important;

    max-width:
      285px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      none !important;

    justify-self:
      auto !important;

    align-self:
      auto !important;

    text-align:
      left !important;
  }


  /* ==========================================================
     RIGHT — SELLER
     Right edge is now explicitly tied to footer edge.
     ========================================================== */

  .pusk-footer-v3__merchant {
    position:
      absolute !important;

    right:
      0 !important;

    top:
      0 !important;

    left:
      auto !important;

    bottom:
      auto !important;

    width:
      285px !important;

    max-width:
      285px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      none !important;

    justify-self:
      auto !important;

    align-self:
      auto !important;

    text-align:
      left !important;
  }


  /* Same baseline */

  .pusk-footer-v3__developer-role,
  .pusk-footer-v3__merchant-role {
    display:
      block !important;

    height:
      11px !important;

    min-height:
      11px !important;

    margin:
      0
      0
      6px !important;

    padding:
      0 !important;

    line-height:
      11px !important;
  }


  /* ==========================================================
     CENTER — LEGAL + COPYRIGHT
     completely independent of left/right columns
     ========================================================== */

  .pusk-footer-v3__center {
    position:
      absolute !important;

    left:
      50% !important;

    bottom:
      0 !important;

    top:
      auto !important;

    right:
      auto !important;

    width:
      420px !important;

    min-width:
      420px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      translateX(-50%) !important;

    display:
      grid !important;

    justify-items:
      center !important;

    row-gap:
      7px !important;

    text-align:
      center !important;
  }


  .pusk-footer-v3__legal {
    display:
      flex !important;

    flex-direction:
      row !important;

    flex-wrap:
      nowrap !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    width:
      100% !important;

    gap:
      14px !important;

    margin:
      0 !important;

    padding:
      0 !important;
  }


  .pusk-footer-v3__legal button {
    width:
      auto !important;

    min-width:
      0 !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border:
      0 !important;

    background:
      transparent !important;

    box-shadow:
      none !important;

    text-align:
      center !important;
  }


  .pusk-footer-v3__copy {
    width:
      100% !important;

    margin:
      0 !important;

    padding:
      0 !important;

    text-align:
      center !important;
  }

}


/* STEP48 EXACT FOOTER EDGE ALIGN END */

/* ============================================================
   STEP49 FOOTER FINAL GRID START
   Clean 3-column footer.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3 {
    padding:
      14px
      0
      18px !important;

    background:
      transparent !important;

    border:
      0 !important;
  }


  /* MAIN GRID — same overall width language as FAQ */

  .pusk-footer-v3__main {
    position:
      relative !important;

    width:
      min(
        90vw,
        1240px
      ) !important;

    min-height:
      0 !important;

    margin:
      0
      auto !important;

    padding:
      0 !important;

    display:
      grid !important;

    grid-template-columns:
      minmax(0, 1fr)
      360px
      minmax(0, 1fr) !important;

    grid-template-areas:
      "developer center merchant" !important;

    column-gap:
      48px !important;

    align-items:
      start !important;

    background:
      transparent !important;

    border:
      0 !important;

    border-radius:
      0 !important;

    box-shadow:
      none !important;

    backdrop-filter:
      none !important;
  }


  /* ----------------------------------------------------------
     DEVELOPER — LEFT
     ---------------------------------------------------------- */

  .pusk-footer-v3__developer {
    grid-area:
      developer !important;

    position:
      static !important;

    width:
      330px !important;

    max-width:
      330px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    justify-self:
      start !important;

    align-self:
      start !important;

    transform:
      none !important;

    text-align:
      left !important;

    display:
      grid !important;

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

    gap:
      7px
      10px !important;
  }

  .pusk-footer-v3__developer-role {
    grid-column:
      1 / -1 !important;
  }

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

    height:
      42px !important;

    padding:
      2px !important;

    border-radius:
      8px !important;
  }

  .pusk-footer-v3__developer-copy {
    font-size:
      9.5px !important;

    line-height:
      1.4 !important;

    gap:
      3px !important;
  }

  .pusk-footer-v3__developer-copy strong {
    font-size:
      10.5px !important;
  }


  /* ----------------------------------------------------------
     MERCHANT — RIGHT
     ---------------------------------------------------------- */

  .pusk-footer-v3__merchant {
    grid-area:
      merchant !important;

    position:
      static !important;

    width:
      330px !important;

    max-width:
      330px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    justify-self:
      end !important;

    align-self:
      start !important;

    transform:
      none !important;

    text-align:
      left !important;

    display:
      grid !important;

    gap:
      3px !important;

    font-size:
      9.5px !important;

    line-height:
      1.4 !important;
  }

  .pusk-footer-v3__merchant strong {
    font-size:
      10.5px !important;
  }


  /* ----------------------------------------------------------
     ROLE LABELS — SAME BASELINE
     ---------------------------------------------------------- */

  .pusk-footer-v3__developer-role,
  .pusk-footer-v3__merchant-role {
    display:
      block !important;

    height:
      12px !important;

    min-height:
      12px !important;

    margin:
      0
      0
      7px !important;

    padding:
      0 !important;

    font-size:
      8.5px !important;

    line-height:
      12px !important;

    letter-spacing:
      .15em !important;
  }


  /* ----------------------------------------------------------
     CENTER
     ---------------------------------------------------------- */

  .pusk-footer-v3__center {
    grid-area:
      center !important;

    position:
      static !important;

    width:
      360px !important;

    min-width:
      360px !important;

    margin:
      0 !important;

    padding:
      20px
      0
      0 !important;

    justify-self:
      center !important;

    align-self:
      start !important;

    transform:
      none !important;

    display:
      grid !important;

    justify-items:
      center !important;

    gap:
      9px !important;

    text-align:
      center !important;
  }


  .pusk-footer-v3__legal {
    width:
      100% !important;

    margin:
      0 !important;

    padding:
      0 !important;

    display:
      flex !important;

    flex-direction:
      row !important;

    flex-wrap:
      nowrap !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    gap:
      13px !important;
  }


  .pusk-footer-v3__legal button {
    width:
      auto !important;

    min-width:
      0 !important;

    min-height:
      0 !important;

    margin:
      0 !important;

    padding:
      0 !important;

    border:
      0 !important;

    background:
      transparent !important;

    box-shadow:
      none !important;

    font-size:
      10.5px !important;

    text-align:
      center !important;
  }


  .pusk-footer-v3__legal > span {
    font-size:
      9px !important;
  }


  .pusk-footer-v3__copy {
    position:
      static !important;

    width:
      100% !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      none !important;

    font-size:
      9.5px !important;

    text-align:
      center !important;
  }


  /* ----------------------------------------------------------
     SOCIALS
     ---------------------------------------------------------- */

  .pusk-footer-v3__socials {
    gap:
      11px !important;

    margin-top:
      3px !important;
  }

  .pusk-footer-v3__socials a {
    font-size:
      9.5px !important;
  }

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

    height:
      11px !important;
  }

}


/* STEP49 FOOTER FINAL GRID END */

/* ============================================================
   STEP50 FOOTER GLOBAL SHIFT RIGHT START
   Shift the whole footer composition to the right as one unit.
   ============================================================ */

@media (min-width: 1001px) {
  .pusk-footer-v3__main {
    transform: translateX(112px) !important;
  }
}

/* STEP50 FOOTER GLOBAL SHIFT RIGHT END */

/* ============================================================
   STEP52 CENTER LEGAL START

   Do not move developer / merchant / whole footer.
   Only lock legal center and lower copyright.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__main {
    position: relative !important;
  }

  .pusk-footer-v3__center {
    position: absolute !important;

    left: 50% !important;
    top: 25px !important;

    width: 390px !important;
    min-width: 390px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: translateX(-50%) !important;

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 0 !important;

    text-align: center !important;
  }

  .pusk-footer-v3__legal {
    width: 100% !important;

    display: flex !important;
    flex-direction: row !important;

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

    flex-wrap: nowrap !important;

    gap: 15px !important;

    margin: 0 !important;
    padding: 0 !important;
  }

  .pusk-footer-v3__legal button {
    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: center !important;
  }

  .pusk-footer-v3__copy {
    width: 100% !important;

    margin: 15px 0 0 !important;
    padding: 0 !important;

    text-align: center !important;

    transform: none !important;
  }

}

/* STEP52 CENTER LEGAL END */

/* ============================================================
   STEP53 LEGAL LEFT START
   Move only the legal links row 30px left.
   Copyright remains centered.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__legal {
    transform: translateX(-30px) !important;
  }

}

/* STEP53 LEGAL LEFT END */

/* ============================================================
   STEP54 COPYRIGHT MOVE START
   Move only © 2026 PUSK VPN:
   30px left, 50px down.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__copy {
    transform:
      translate(
        -30px,
        35px
      ) !important;
  }

}

/* STEP54 COPYRIGHT MOVE END */