/* PepPaws v16.172 — Pulido móvil global final. */

@media (max-width: 620px) {
  html {
    scroll-padding-top: calc(var(--pp-header-bottom, 64px) + 14px);
  }

  body { overflow-x: hidden; }

  button,
  .btn,
  .icon-btn,
  a[class*="btn"],
  a[class*="cta"] {
    touch-action: manipulation;
  }

  .site-toast {
    bottom: max(16px, env(safe-area-inset-bottom));
    max-width: calc(100% - 24px);
  }

  /* Footer: identidad completa, pero sin una columna interminable. */
  .site-footer {
    margin-top: 52px;
    padding: 38px 0 18px;
  }

  .footer-illustration { display:none; }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 22px 18px;
  }

  .footer-grid > :first-child,
  .footer-grid > :last-child {
    grid-column: 1 / -1;
  }

  .footer-grid h3 {
    margin-bottom: 9px;
    font-size: .92rem;
  }

  .footer-grid p {
    margin-block: 8px 12px;
    font-size: .8rem;
    line-height: 1.5;
  }

  .footer-grid a:not(.brand) {
    display: block;
    width: fit-content;
    margin: 7px 0;
    font-size: .8rem;
    line-height: 1.35;
  }

  .footer-brand { margin-bottom: 8px; }
  .social-links a { width: 40px; height:40px; }

  .footer-bottom {
    display: grid;
    justify-items: center;
    gap: 9px;
    margin-top: 25px;
    padding-top: 15px;
    font-size: .72rem;
  }
}

@media (max-width: 350px) {
  .footer-grid { gap-inline: 12px; }
  .footer-grid a:not(.brand) { font-size: .75rem; }
}

/* Vanity mobile final QA v392 */
@media (max-width: 620px) {
  .vanity-feedback-launcher { display:none!important; }
  .footer-grid > div { min-width:0; }
  .footer-grid a:not(.brand) { overflow-wrap:anywhere; }
}

/* Vanity mobile footer column repair v393 */
@media (max-width: 620px) {
  .footer-grid > div:nth-child(2),
  .footer-grid > div:nth-child(3) {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
  }
}
