@media (max-width: 1024px) {
  .vpl-card-grid, .vpl-card-grid--4, .vpl-card-grid--3 { grid-template-columns: repeat(2, 1fr); }
  .vpl-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .vpl-post-grid, .vpl-catalog-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
  .vpl-nav-toggle { display: block; }
  .vpl-nav {
    position: fixed;
    inset: 0 0 0 auto;
    width: min(300px, 85vw);
    background: var(--vpl-white);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    padding: 5rem 1.5rem 2rem;
    box-shadow: -4px 0 20px rgba(0,0,0,0.1);
    z-index: 200;
  }
  .vpl-nav.is-open { transform: translateX(0); }
  .vpl-nav__list { flex-direction: column; gap: 1rem; }
  .vpl-header__actions { gap: 0.5rem; }
  .vpl-header__actions .vpl-btn { padding: 0.45rem 0.75rem; font-size: 0.8rem; }
  .vpl-sticky-cta {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0.75rem 1rem;
    background: var(--vpl-white);
    border-top: 1px solid var(--vpl-border);
    z-index: 90;
  }
  .vpl-hero__grid, .vpl-split-grid { grid-template-columns: 1fr; }
  .vpl-card-grid, .vpl-card-grid--4, .vpl-card-grid--3,
  .vpl-post-grid, .vpl-catalog-grid, .vpl-form-grid { grid-template-columns: 1fr; }
  .vpl-footer__grid { grid-template-columns: 1fr; }
  body { padding-bottom: 4.5rem; }
}

@media (max-width: 480px) {
  .vpl-hero { padding: 2.5rem 0 2rem; }
  .vpl-section { padding: 2.5rem 0; }
  .vpl-btn { width: 100%; }
  .vpl-btn-group { flex-direction: column; }
}

/* vpeptide-labs-theme:responsive.css */
