/* ============================================================
   PUSK UNIFIED GEOMETRY GRID V1

   REFERENCE:
   Header V13 artwork remains unchanged.

   Measured visible Header width at desktop max:
   ~1451 CSS px before global zoom.

   PNG widths below compensate for transparent margins so their
   VISIBLE content matches the Header, not merely the image box.
   ============================================================ */

@media (min-width: 1001px) {

  /* ----------------------------------------------------------
     HEADER — CANONICAL REFERENCE
     Do not resize it here.
     ---------------------------------------------------------- */

  .pusk-header-stage-v12 {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     HERO
     Alpha-visible ratio ~= 95.929%
     1512px * ratio ~= 1450px
     ---------------------------------------------------------- */

  .pusk-hero-stage-v1 {
    width: min(calc(100% - 64px), 1512px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    justify-content: center !important;

    transform: translateX(-0.052%) !important;
  }

  .pusk-hero-desktop-v1 {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     BUBBLES
     Alpha-visible ratio ~= 97.738%
     Visible artwork is naturally biased right by ~1.10%.
     ---------------------------------------------------------- */

  .pusk-bubbles-stage-v1 {
    width: min(calc(100% - 64px), 1484px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    justify-content: center !important;

    transform: translateX(-1.10%) !important;
  }

  .pusk-bubbles-art-v1 {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     PREMIUM
     Alpha-visible ratio ~= 97.262%
     Visible artwork is naturally biased right by ~0.51%.
     ---------------------------------------------------------- */

  .pusk-premium-stage-v1 {
    width: min(calc(100% - 64px), 1600px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    justify-content: center !important;

    transform: translateX(-0.51%) !important;
  }

  .pusk-premium-art-v1 {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     FAQ
     HTML block — no transparent PNG compensation needed.
     ---------------------------------------------------------- */

  #faq.v2-faq {
    width: min(calc(100% - 64px), 1451px) !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  #faq .v2-faq-list {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     SUPPORT
     Alpha-visible ratio ~= 92.490%
     Artwork is naturally biased right by ~1.99%.

     Shift the STAGE rather than only IMG so the Telegram
     clickable geometry stays together with the artwork.
     ---------------------------------------------------------- */

  .pusk-support-stage-v1 {
    width: min(calc(100% - 64px), 1569px) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    justify-content: center !important;

    transform: translateX(-1.99%) !important;
  }

  .pusk-support-art-v1 {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  /* ----------------------------------------------------------
     FOOTER
     Remove only the accumulated GLOBAL +112px shift.
     Keep the user's accepted internal legal/copyright tuning.
     ---------------------------------------------------------- */

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

    margin-left: auto !important;
    margin-right: auto !important;

    transform: none !important;
  }

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

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

  /*
    Preserve the latest accepted internal tuning:
    legal = 30px left
    copyright = 30px left / 35px down
  */

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

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

}

/* ============================================================
   STEP59 FOOTER FINAL SCALE START

   Unified footer:
   left   = developer
   center = legal + copyright
   right  = merchant

   Main width remains the Header reference: 1451px.
   ============================================================ */

@media (min-width: 1001px) {

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

    background:
      transparent !important;

    border:
      0 !important;
  }


  /* ----------------------------------------------------------
     MAIN GRID
     ---------------------------------------------------------- */

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

    margin-left:
      auto !important;

    margin-right:
      auto !important;

    padding:
      0 !important;

    display:
      grid !important;

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

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

    column-gap:
      36px !important;

    align-items:
      start !important;

    transform:
      none !important;

    background:
      transparent !important;

    border:
      0 !important;

    box-shadow:
      none !important;
  }


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

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

    position:
      static !important;

    width:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    padding:
      0 !important;

    justify-self:
      start !important;

    align-self:
      start !important;

    transform:
      none !important;

    display:
      grid !important;

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

    gap:
      8px
      12px !important;

    text-align:
      left !important;
  }

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

    height:
      52px !important;

    padding:
      3px !important;

    border-radius:
      9px !important;
  }

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

    font-size:
      11px !important;

    line-height:
      1.40 !important;

    color:
      rgba(220, 231, 250, .62) !important;
  }

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

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


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

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

    position:
      static !important;

    width:
      100% !important;

    max-width:
      none !important;

    margin:
      0 !important;

    padding:
      0 !important;

    justify-self:
      end !important;

    align-self:
      start !important;

    transform:
      none !important;

    display:
      grid !important;

    gap:
      4px !important;

    text-align:
      left !important;

    font-size:
      11px !important;

    line-height:
      1.40 !important;

    color:
      rgba(220, 231, 250, .62) !important;
  }

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

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


  /* ----------------------------------------------------------
     ROLE LABELS — SAME HEIGHT
     ---------------------------------------------------------- */

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

    height:
      14px !important;

    min-height:
      14px !important;

    margin:
      0
      0
      8px !important;

    padding:
      0 !important;

    font-size:
      9.5px !important;

    line-height:
      14px !important;

    letter-spacing:
      .14em !important;

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

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


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

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

    margin-top:
      4px !important;
  }

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

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

    height:
      13px !important;
  }


  /* ----------------------------------------------------------
     CENTER — keep user-approved position
     ---------------------------------------------------------- */

  .pusk-footer-v3__center {
    left:
      50% !important;

    top:
      20px !important;

    width:
      520px !important;

    min-width:
      520px !important;

    transform:
      translateX(-50%) !important;
  }

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

    transform:
      translateX(-30px) !important;
  }

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

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

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

    font-size:
      10.5px !important;

    transform:
      translate(
        -30px,
        35px
      ) !important;
  }

}

/* STEP59 FOOTER FINAL SCALE END */

/* ============================================================
   STEP60 FOOTER COMPOSITION START

   Keep unified 1451px geometry.
   LEFT   = developer
   CENTER = legal / copyright
   RIGHT  = merchant
   ============================================================ */

@media (min-width: 1001px) {

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

    background:
      transparent !important;

    border:
      0 !important;
  }


  /* ----------------------------------------------------------
     ONE COORDINATE SYSTEM
     ---------------------------------------------------------- */

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

    display:
      block !important;

    width:
      min(
        calc(100% - 64px),
        1451px
      ) !important;

    min-height:
      118px !important;

    margin:
      0
      auto !important;

    padding:
      0 !important;

    transform:
      none !important;

    background:
      transparent !important;

    border:
      0 !important;

    box-shadow:
      none !important;
  }


  /* ----------------------------------------------------------
     DEVELOPER — HARD LEFT EDGE
     ---------------------------------------------------------- */

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

    left:
      0 !important;

    top:
      0 !important;

    right:
      auto !important;

    width:
      max-content !important;

    max-width:
      440px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      none !important;

    display:
      grid !important;

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

    gap:
      9px
      13px !important;

    text-align:
      left !important;
  }

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

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

    height:
      60px !important;

    padding:
      3px !important;

    border-radius:
      10px !important;

    opacity:
      .92 !important;
  }

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

    font-size:
      12.5px !important;

    line-height:
      1.38 !important;

    color:
      rgba(222, 233, 250, .68) !important;
  }

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

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


  /* ----------------------------------------------------------
     MERCHANT — HARD RIGHT EDGE
     ---------------------------------------------------------- */

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

    right:
      0 !important;

    top:
      0 !important;

    left:
      auto !important;

    width:
      max-content !important;

    max-width:
      420px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      none !important;

    display:
      grid !important;

    gap:
      4px !important;

    text-align:
      left !important;

    font-size:
      12.5px !important;

    line-height:
      1.38 !important;

    color:
      rgba(222, 233, 250, .68) !important;
  }

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

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

  .pusk-footer-v3__merchant a {
    font-size:
      12.5px !important;
  }


  /* ----------------------------------------------------------
     ROLE LABELS — EXACT SAME TOP LINE
     ---------------------------------------------------------- */

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

    height:
      15px !important;

    min-height:
      15px !important;

    margin:
      0
      0
      8px !important;

    padding:
      0 !important;

    font-size:
      10.5px !important;

    line-height:
      15px !important;

    letter-spacing:
      .14em !important;

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


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

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

    margin-top:
      5px !important;
  }

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

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

    height:
      14px !important;
  }


  /* ----------------------------------------------------------
     CENTER — INDEPENDENT FROM SIDE WIDTHS
     ---------------------------------------------------------- */

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

    left:
      50% !important;

    top:
      17px !important;

    right:
      auto !important;

    bottom:
      auto !important;

    width:
      500px !important;

    min-width:
      500px !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;

    text-align:
      center !important;
  }

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

    display:
      flex !important;

    align-items:
      center !important;

    justify-content:
      center !important;

    flex-wrap:
      nowrap !important;

    gap:
      18px !important;

    margin:
      0 !important;

    padding:
      0 !important;

    transform:
      translateX(-30px) !important;
  }

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

    line-height:
      1.2 !important;
  }

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

    margin:
      13px
      0
      0 !important;

    padding:
      0 !important;

    font-size:
      11.5px !important;

    text-align:
      center !important;

    transform:
      translate(
        -30px,
        35px
      ) !important;
  }

}

/* STEP60 FOOTER COMPOSITION END */

/* ============================================================
   STEP61 FOOTER RIGHT 30 START
   Move the entire footer composition 30px right.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__main {
    transform: translateX(50px) !important;
  }

}

/* STEP61 FOOTER RIGHT 30 END */

/* ============================================================
   STEP64 OFFER RIGHT 20 START
   Move only "Условия / оферта" 20px right.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__legal button:first-of-type {
    transform: translateX(20px) !important;
  }

}

/* STEP64 OFFER RIGHT 20 END */

/* ============================================================
   STEP65 LEGAL GROUP RIGHT30 START

   1. Cancel STEP64 individual +20px offer shift.
   2. Move the whole legal row 30px right from its current -30px,
      therefore final group transform = 0px.
   3. Copyright remains untouched.
   ============================================================ */

@media (min-width: 1001px) {

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

  .pusk-footer-v3__legal button:first-of-type {
    transform: none !important;
  }

}

/* STEP65 LEGAL GROUP RIGHT30 END */

/* ============================================================
   STEP66 COPYRIGHT DOWN20 START
   Move only © 2026 PUSK VPN 20px lower.
   X position remains unchanged.
   ============================================================ */

@media (min-width: 1001px) {

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

}

/* STEP66 COPYRIGHT DOWN20 END */

/* ============================================================
   STEP67 LEGAL ROW DOWN20 START
   Move only:
   Условия / оферта · Конфиденциальность · Возврат
   20px lower.
   X position remains unchanged.
   ============================================================ */

@media (min-width: 1001px) {

  .pusk-footer-v3__legal {
    transform: translate(0px, 20px) !important;
  }

}

/* STEP67 LEGAL ROW DOWN20 END */