/* ==========================================================================
   mobile.css — Responsive overrides for Offersnrefers
   Load order: after styles.css and referral-components.css
   ========================================================================== */


/* ==========================================================================
   TABLET — max-width: 1024px
   Targets: iPads, small laptops, medium-width viewports
   ========================================================================== */
@media (max-width: 1024px) {

}


/* ==========================================================================
   MOBILE — max-width: 768px
   Targets: large phones (landscape), small tablets (portrait)
   ========================================================================== */
@media (max-width: 768px) {

}


/* ==========================================================================
   SMALL MOBILE — max-width: 480px
   Targets: standard phones (portrait), narrow viewports
   ========================================================================== */
@media (max-width: 480px) {

}