/* ============================================================
   Verified Peptides — layout refinement (loaded last)
   Caps content width + tightens the vertical rhythm so the
   site reads premium instead of sprawling edge-to-edge.
   ============================================================ */

/* ---- The core fix: cap + centre all content containers ---- */
.container,
.container-fluid {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
/* Opt-in wider band (shop grid, footer mega-rows can breathe a little) */
.vp-wide,
.footer .container-fluid,
.shop-section .container-fluid { max-width: 1340px; }

@media (max-width: 640px) {
  .container, .container-fluid { padding-left: 16px; padding-right: 16px; }
}

/* ---- Hero rhythm: shorter, more refined ---- */
.vp-content-hero { padding: 60px 0 34px; }
.cu-hero, .pdp-cu-hero { padding-top: 96px; padding-bottom: 10px; }
.vp-article-hero { padding: 104px 0 46px; }
.vp-hub-hero { padding: 108px 0 54px; }
.cart-hero, .checkout-hero { padding-top: 0; padding-bottom: 0; }

/* Cap oversized hero imagery */
.cu-hero-img, .pdp-cu-img { max-height: 250px !important; width: auto !important; }
.hero-stat-badge { transform: scale(.92); }

/* ---- Section vertical rhythm ---- */
.section { padding-top: 60px; padding-bottom: 60px; }
.pdp-main-section { padding-top: 34px; padding-bottom: 30px; }
.pdp-tabs-section { padding-top: 32px; padding-bottom: 32px; }
.pdp-related-section { padding-top: 30px; padding-bottom: 40px; }
.cat-stats { padding: 18px 0; }
.shop-section { padding-top: 30px; }
.why-choose { padding-top: 40px; padding-bottom: 20px; }

/* ---- Type scale: dial back the shoutiest sizes a touch ---- */
.cu-hero-title { font-size: clamp(28px, 3.4vw, 40px); }
.section-title { font-size: clamp(28px, 3.2vw, 38px); }

/* ---- Grid comfort inside the narrower container ---- */
.vp-shop-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.pdp-main-grid { gap: 40px; }