@@ -487,3 +487,109 @@ td[data-label="Free Limit"] strong {
487487 font-size : 11px !important ;
488488 }
489489}
490+
491+ /* Mobile footer bottom padding to prevent buttons touching screen edge */
492+ @media (max-width : 768px ) {
493+ .footer-section {
494+ padding-bottom : 2rem !important ;
495+ }
496+ }
497+
498+ @media (max-width : 640px ) {
499+ .footer-section {
500+ padding-bottom : 2.5rem !important ;
501+ }
502+ }
503+
504+ @media (max-width : 480px ) {
505+ .footer-section {
506+ padding-bottom : 3rem !important ;
507+ }
508+ }
509+
510+ @media (max-width : 375px ) {
511+ .footer-section {
512+ padding-bottom : 3.5rem !important ;
513+ }
514+ }
515+
516+ @media (max-width : 320px ) {
517+ .footer-section {
518+ padding-bottom : 4rem !important ;
519+ }
520+ }
521+
522+ /* Additional mobile body padding for very small screens */
523+ @media (max-width : 480px ) {
524+ body {
525+ padding-bottom : 1rem !important ;
526+ }
527+ }
528+
529+ @media (max-width : 375px ) {
530+ body {
531+ padding-bottom : 1.5rem !important ;
532+ }
533+ }
534+
535+ @media (max-width : 320px ) {
536+ body {
537+ padding-bottom : 2rem !important ;
538+ }
539+ }
540+
541+ /* Pilot page specific bottom spacing */
542+ @media (max-width : 768px ) {
543+ .pilot-section : last-of-type {
544+ margin-bottom : 2rem ;
545+ }
546+ }
547+
548+ @media (max-width : 640px ) {
549+ .pilot-section : last-of-type {
550+ margin-bottom : 2.5rem ;
551+ }
552+ }
553+
554+ @media (max-width : 480px ) {
555+ .pilot-section : last-of-type {
556+ margin-bottom : 3rem ;
557+ }
558+ }
559+
560+ @media (max-width : 375px ) {
561+ .pilot-section : last-of-type {
562+ margin-bottom : 3.5rem ;
563+ }
564+ }
565+
566+ @media (max-width : 320px ) {
567+ .pilot-section : last-of-type {
568+ margin-bottom : 4rem ;
569+ }
570+ }
571+
572+ /* Ensure footer has proper spacing from content */
573+ @media (max-width : 768px ) {
574+ .footer-section {
575+ margin-top : 2rem !important ;
576+ }
577+ }
578+
579+ @media (max-width : 480px ) {
580+ .footer-section {
581+ margin-top : 2.5rem !important ;
582+ }
583+ }
584+
585+ @media (max-width : 375px ) {
586+ .footer-section {
587+ margin-top : 3rem !important ;
588+ }
589+ }
590+
591+ @media (max-width : 320px ) {
592+ .footer-section {
593+ margin-top : 3.5rem !important ;
594+ }
595+ }
0 commit comments