/* ==============================
   Global top offset for content
   (useful when header is taller on tablet/mobile)
   ============================== */

:root{
  --ge-content-top-offset: 0px; /* desktop: no extra */
}

/* Tablet + Mobile: add your extra 50px */
@media (max-width: 1024px){
  :root{ --ge-content-top-offset: 50px; }
}

/* Apply the offset to the main content area */
#primary{
  padding-top: var(--ge-content-top-offset);
}