/* Start custom CSS *//* ===================================================================
   PRACTICE EQUIPMENT HUB — page 3892
   Light/airy palette: white + pale-blue + navy + gold + orange CTA
   Same paradigm as /shop/ and /bulk-deals/
   =================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body.page-id-3892 {
  --pe-navy:           #0A2540;
  --pe-navy-light:     #1a3a5c;
  --pe-gold:           #C8A951;
  --pe-gold-light:     #FBF7EC;
  --pe-cta:            #E67E22;
  --pe-cta-dark:       #C85F0F;
  --pe-pale-blue:      #F4F7FA;
  --pe-border:         #E5E7EB;
  --pe-body:           #4B5563;
  --pe-sub:            #6B7280;
  --pe-muted:          #9CA3AF;
  background: #FFFFFF !important;
}

/* ===== PAGE-LEVEL FULL-BLEED GRADIENT BEHIND HERO ===== */
body.page-id-3892::before {
  content: "";
  position: absolute;
  top: var(--pe-hero-top, 0);
  left: 0;
  right: 0;
  height: 580px;
  background: linear-gradient(180deg, #F4F7FA 0%, #FFFFFF 100%);
  z-index: 0;
  pointer-events: none;
}

body.page-id-3892::after {
  content: "";
  position: absolute;
  top: var(--pe-hero-top, 0);
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, transparent 0%, #C8A951 30%, #C8A951 70%, transparent 100%);
  z-index: 1;
  pointer-events: none;
}

/* ===== SMOOTH ANCHOR SCROLL (for in-page anchor links) ===== */
html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 80px !important;
}

/* ===== ENSURE BODY + ELEMENTOR CONTAINERS DON'T ADD STRAY BACKGROUND ===== */
body.page-id-3892,
body.page-id-3892 .elementor,
body.page-id-3892 main,
body.page-id-3892 #content {
  background: #FFFFFF !important;
}

/* ===== ATOMIC V4 RESET (allow HTML widgets to control their own width) ===== */
body.page-id-3892 .elementor-section,
body.page-id-3892 .e-con,
body.page-id-3892 .e-flexbox-base {
  max-width: 100% !important;
}

/* ===== MOBILE BASE ===== */
@media (max-width: 768px) {
  body.page-id-3892 {
    --pe-mobile-padding: 16px;
  }
}/* End custom CSS */