/* =============================================================
   RESPONSIVE  — css/responsive.css
   All breakpoints in one place. Edit here centrally.
   ============================================================= */

/* ── 1200px ─────────────────────────────────────────────────── */
@media (max-width: 1200px) {
  .pq-category-grid { grid-template-columns: repeat(3, 1fr); }
  .pq-hero__panel   { width: min(560px, 58%); }
  .pq-footer__main  { grid-template-columns: 1.4fr 1fr 1fr 1.3fr; }
  .pq-footer__main .pq-footer__brand { grid-column: 1 / -1; }
  .pq-footer__trustbar { grid-template-columns: repeat(2, 1fr); }
  .pq-footer__trust-item:nth-child(2) { border-right: none; }
  .pq-footer__trust-item:nth-child(3) { border-top: 1px solid var(--pq-border); }
  .pq-footer__trust-item:nth-child(4) { border-top: 1px solid var(--pq-border); border-right: none; }
}

/* ── 900px — tablet ──────────────────────────────────────────── */
@media (max-width: 900px) {

  /* Top bar */
  .pq-topbar__inner { grid-template-columns: 1fr auto; }
  .pq-topbar__left  { display: none; } /* hide shipping msg, keep promo + flag */

  /* Header */
  .pq-nav-wrap      { display: none; }
  .pq-menu          { display: flex; }
  .pq-mobile.is-open { display: block; }

  /* Hero — stack */
  .pq-hero { flex-direction: column; min-height: auto; }
  .pq-hero__bg {
    position: relative; inset: auto;
    width: 100%; height: 300px; object-fit: cover;
  }
  .pq-hero__bg--placeholder { position: relative; height: 240px; }
  .pq-hero::after {
    background: linear-gradient(to bottom, transparent 0%, var(--pq-sand) 100%);
    top: 0; height: 300px;
  }
  .pq-hero__panel {
    position:    relative;
    width:       100%;
    margin-left: 0;
    padding:     28px var(--pq-gutter) 44px;
  }
  .pq-hero__trust { gap: 12px 16px; }

  /* Grids */
  .pq-category-grid   { grid-template-columns: repeat(2, 1fr); }
  .pq-community__grid { grid-template-columns: 1fr; }
  .pq-community__visual { overflow: visible; }
  .pq-community__signup { position: static; width: 100%; margin-top: 14px; }
  .pq-bundle-grid     { grid-template-columns: 1fr; }
  .pq-review-grid     { grid-template-columns: 1fr; }

  /* Footer */
  .pq-footer__main {
    grid-template-columns: 1fr 1fr;
  }
  .pq-footer__brand { grid-column: 1 / -1; }
  .pq-footer__trustbar { grid-template-columns: 1fr 1fr; }

  /* WooCommerce */
  .woocommerce ul.products         { grid-template-columns: repeat(2, 1fr) !important; }
  .single-product div.product,
  .pq-product-after                { grid-template-columns: 1fr; }
  .pq-shop-hero                    { display: block; }
  .pq-shop-hero__badges            { margin-top: 12px; }

  /* Archive category nav */
  .pq-arc-cat__photo { width: 52px; height: 52px; }
}

/* ── 600px — mobile ─────────────────────────────────────────── */
@media (max-width: 600px) {
  /* Top bar — collapse to single line */
  .pq-topbar__inner   { grid-template-columns: 1fr auto; }
  .pq-topbar__center  { font-size: .72rem; }

  /* Grids */
  .pq-category-grid   { grid-template-columns: repeat(2, 1fr); }
  .pq-hero__trust     { flex-direction: column; gap: 10px; }
  .pq-section-row-head { flex-wrap: wrap; }

  /* Footer */
  .pq-footer__main        { grid-template-columns: 1fr; }
  .pq-footer__trustbar    { grid-template-columns: 1fr; }
  .pq-footer__trust-item  { border-right: none; border-top: 1px solid var(--pq-border); }
  .pq-footer__trust-item:first-child { border-top: none; }
  .pq-footer__bottom      { flex-direction: column; align-items: flex-start; }
  .pq-footer__legal       { flex-wrap: wrap; gap: 10px; }

  /* WooCommerce */
  .woocommerce ul.products { grid-template-columns: 1fr !important; }
}