/* AFPSS RESPONSIVE UX — Mobile • Tablet • Laptop • Desktop
   Global spacing and readability improvements only.
*/
html{overflow-x:hidden;scroll-behavior:smooth}
body{overflow-x:hidden}
img,video,iframe{max-width:100%}
a,button{touch-action:manipulation}

/* Large desktop / computer */
@media (min-width:1200px){
  .container,.section-inner,.content,.contact,.documents-grid,.gallery-grid{
    max-width:1200px;
  }
}

/* Laptop / tablet */
@media (max-width:1199px){
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:64px;
    padding-bottom:64px;
  }
}

/* Tablet */
@media (max-width:900px){
  .container,.section-inner,.content{
    width:min(94%,760px);
    margin-left:auto;
    margin-right:auto;
  }
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:52px;
    padding-bottom:52px;
  }
  .premium-title{margin-bottom:30px}
}

/* Mobile — remove excessive vertical whitespace */
@media (max-width:600px){
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .container,.section-inner,.content,.contact{
    width:calc(100% - 28px);
    max-width:none;
  }

  .heading,.premium-title{
    margin-bottom:24px;
  }

  h1{line-height:1.15}
  h2{line-height:1.22}
  h3{line-height:1.3}

  p{
    line-height:1.65;
  }

  .grid,.cards,.content-grid,.contact-grid{
    gap:18px;
  }

  .card,.content-card,.contact-card{
    margin-bottom:0;
  }

  .btn,.button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }

  /* Prevent accidental horizontal overflow from long content */
  pre,table{max-width:100%;overflow-x:auto}
  .table-responsive{overflow-x:auto}

  /* Keep floating controls clear of screen edges */
  .whatsapp-float,.whatsapp-button{
    max-width:64px;
  }
}

/* Small phones */
@media (max-width:380px){
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:38px !important;
    padding-bottom:38px !important;
  }
  .container,.section-inner,.content,.contact{
    width:calc(100% - 22px);
  }
}

/* Marathi / Maharashtra text wrapping — prevent mobile clipping */
.lang-mr,.lang-en,
.premium-title h2,.premium-title p,
.institutional-profile-card strong,
.institutional-profile-card span,
.story-step2-copy h2,.story-step2-copy p,
.about-premium-content h2,.about-premium-content p,
.founder-content h2,.founder-content p,
.success-content h2,.success-content p{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
}

@media(max-width:600px){
  .institutional-profile{
    width:100%;
    overflow:hidden;
  }
  .institutional-profile .premium-title{
    width:calc(100% - 28px);
    margin-left:auto;
    margin-right:auto;
  }
  .institutional-profile .premium-title h2{
    font-size:30px;
    line-height:1.25;
  }
  .institutional-profile .premium-title p{
    font-size:15px;
    line-height:1.65;
  }
}


/* FINAL MOBILE GAP TUNING — keep sections visually connected */
@media(max-width:600px){
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:24px !important;
    padding-bottom:24px !important;
  }

  .premium-title{
    margin-bottom:16px !important;
  }

  .premium-title small{
    display:block;
    margin-bottom:4px;
  }

  .premium-title h2{
    margin-top:6px !important;
    margin-bottom:10px !important;
  }

  .premium-title p{
    margin-top:0 !important;
    margin-bottom:12px !important;
  }

  .about-premium-grid,
  .founder-premium-grid,
  .success-grid,
  .story-step2{
    gap:18px !important;
  }

  .story-box{
    margin-top:0 !important;
    margin-bottom:0 !important;
  }

  .institutional-profile-grid{
    gap:12px !important;
  }
}

@media(max-width:380px){
  .section,.premium-section,.premium-about,.success-section,.location-section{
    padding-top:20px !important;
    padding-bottom:20px !important;
  }
}


/* FINAL ALL-DEVICE GAP TUNING — compact but breathable */
@media(min-width:1200px){
  .premium-section,.premium-about,.success-section,.location-section{
    padding-top:52px !important;
    padding-bottom:52px !important;
  }
  .premium-title{
    margin-bottom:28px !important;
  }
}

@media(min-width:901px) and (max-width:1199px){
  .premium-section,.premium-about,.success-section,.location-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }
  .premium-title{
    margin-bottom:24px !important;
  }
}


/* GLOBAL CONTACT UX — same WhatsApp button on every page */
.whatsapp{position:fixed;right:24px;bottom:24px;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;border-radius:50%;text-decoration:none;box-shadow:0 10px 28px rgba(0,0,0,.22);z-index:9999}
.whatsapp img{width:38px;height:38px;display:block;object-fit:contain}
@media(max-width:768px){.whatsapp{right:32px;bottom:70px;width:58px;height:58px}.whatsapp img{width:38px;height:38px}}