/* Mobile Overrides - Loaded after main CSS */
@media(max-width:680px){
  .slide-content{padding:0 16px!important;max-width:calc(100vw - 32px)!important;overflow:hidden!important}
  .slide-title{font-size:20px!important;line-height:1.15!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .slide-desc{font-size:13px!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
  .slide-cta .btn{padding:10px 20px!important;font-size:13px!important}
  .hero{height:50vh!important;min-height:340px!important}
  .sec{padding:28px 0!important}
  .sec-head{margin-bottom:20px!important}
  .sec-title{font-size:22px!important;margin-top:6px!important}
  footer.site{padding:28px 0 calc(var(--dock-h) + 16px)!important}
  body{padding-bottom:90px!important}
  .toast{width:100%!important;max-width:none!important;border-radius:16px!important;justify-content:center!important;text-align:center!important}
}