/* AAA-HOME-POLISH-20260904
   Fixes:
   1. nvcat-wrap — missing grid definition + mobile horizontal scroll-snap
   2. nvt-wrap  — trust strip: 2-per-row on narrow mobile, no orphan wrap
   3. hero gap  — header sticks 73px, hero sits flush below shipping bar
   4. product rows — hide "Recently Added" + "Peptide Blends" on mobile (4→2 rows),
      matching Alpha's tighter section count; all 4 still show on desktop
   ================================================== */

/* 1. CATEGORY CARD GRID */
.nvcat-shell { max-width: 1350px; margin: 0 auto; padding: 0 18px; }
.nvcat-wrap {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
@media (max-width: 1180px) {
  .nvcat-wrap { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  /* Horizontal scroll-snap: all 4 cards side-scrollable, none stranded */
  .nvcat-wrap {
    grid-template-columns: unset !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    gap: 14px !important;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
    /* hide scrollbar */
    scrollbar-width: none;
  }
  .nvcat-wrap::-webkit-scrollbar { display: none; }
  /* Card geometry matches Alpha's mobile category card exactly: 318x328.
     Was 300px tall with the media box inset 62px/8px => 230px of room for an
     image scaled 1.16x, which clipped the vials mid-label. AAA-NVCAT-MOBILE-FIX-20260904 */
  .nvcat-card {
    flex: 0 0 min(82vw, 318px) !important;
    min-height: 328px !important;
    scroll-snap-align: start;
  }
  /* media box: root-cause scale(1.16) removed in front-page.php (AAA-NVCAT-CLIP-FIX-20260904) */
  .nvcat-card__media {
    inset: 58px 10px 6px !important;
  }
  /* scroll-arrow hint fade — right edge */
  .nvcat-section::after {
    content: '';
    position: absolute;
    right: 0; top: 0; bottom: 0;
    width: 40px;
    background: linear-gradient(to right, transparent, rgba(248,251,253,.9));
    pointer-events: none;
  }
  .nvcat-section { position: relative; overflow: hidden; }
}

/* 2. TRUST STRIP — 2-per-row grid on ≤480px so none wrap to 1-wide orphan */
@media (max-width: 480px) {
  .nvt-wrap {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 8px !important;
    justify-items: start;
    padding: 0 16px;
  }
  .nvt-item { font-size: 13px !important; gap: 7px !important; }
  .nvt-item svg { width: 18px !important; height: 18px !important; }
}

/* 3. HERO — close the gap between shipping bar and hero content */
@media (max-width: 768px) {
  .nvh-banner { margin-top: 0 !important; }
  .nvh-stage { padding-top: 28px !important; }
}

/* 4. PRODUCT ROWS — hide 2 of 4 on mobile to match Alpha's tighter page */
@media (max-width: 640px) {
  /* Keep Best Sellers + Popular; hide Recently Added + Peptide Blends on mobile */
  section.nvr-blk[data-row="recently-added-peptides"],
  section.nvr-blk[data-row="peptide-blends"] {
    display: none !important;
  }
}

/* Breadcrumb: Alpha has none — hide the full-width navy bar on mobile */
@media (max-width: 768px) {
  .avata-breadcrumb-bar { display: none !important; }
}