/* Sundha Mata public website — final mobile override v28 */
@media (max-width: 767.98px) {
  html, body { width:100%!important; max-width:100%!important; margin:0!important; overflow-x:hidden!important; }
  body.public-page { min-width:0!important; background:#fffdf8!important; }
  body.public-page .container,
  body.public-page .container-fluid,
  .v27-shell { width:100%!important; max-width:none!important; margin:0!important; padding-left:14px!important; padding-right:14px!important; }

  .v27-header { position:sticky!important; top:0!important; width:100%!important; z-index:1050!important; }
  .v27-navbar { min-height:70px!important; padding:0!important; }
  .v27-navbar .v27-shell { display:flex!important; flex-wrap:nowrap!important; align-items:center!important; justify-content:space-between!important; gap:8px!important; }
  .v27-brand { min-width:0!important; max-width:calc(100% - 132px)!important; gap:8px!important; overflow:hidden!important; }
  .v27-brand img { width:44px!important; height:44px!important; flex:0 0 44px!important; object-fit:contain!important; }
  .v27-brand span { min-width:0!important; overflow:hidden!important; }
  .v27-brand strong { display:block!important; font-size:15px!important; line-height:1.12!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
  .v27-brand small { display:block!important; font-size:8px!important; line-height:1.25!important; letter-spacing:.08em!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; }
  .v27-mobile-actions { display:flex!important; flex:0 0 auto!important; align-items:center!important; gap:5px!important; }
  .v27-mobile-language { display:flex!important; padding:2px!important; border:1px solid rgba(20,36,45,.14)!important; border-radius:999px!important; background:#fff!important; }
  .v27-mobile-language button { min-width:28px!important; width:28px!important; height:28px!important; padding:0!important; border:0!important; border-radius:50%!important; font-size:9px!important; line-height:28px!important; }
  .v27-mobile-book,
  .v27-navbar .navbar-toggler { width:36px!important; height:36px!important; flex:0 0 36px!important; padding:0!important; border-radius:10px!important; }

  /* Hero must fit the real mobile viewport and keep all text visible. */
  .v27-home-hero,
  .v27-home-hero #heroCarousel,
  .v27-home-hero .carousel-inner,
  .v27-home-hero .carousel-item,
  .v27-home-hero .home-hero-slide,
  .home-hero,
  .home-hero-slide { width:100%!important; min-height:calc(100svh - 70px)!important; height:auto!important; max-height:none!important; overflow:hidden!important; }
  .v27-home-hero .hero-media-bg,
  .hero-media-bg { inset:0!important; width:100%!important; height:100%!important; background-position:center 34%!important; background-size:cover!important; transform:none!important; }
  .v27-home-hero .hero-overlay,
  .hero-overlay { background:linear-gradient(180deg,rgba(5,17,23,.12) 0%,rgba(5,17,23,.28) 36%,rgba(5,17,23,.86) 72%,rgba(5,17,23,.96) 100%)!important; }
  .v27-home-hero .hero-inner,
  .hero-inner { display:flex!important; min-height:calc(100svh - 70px)!important; align-items:flex-end!important; padding:100px 0 42px!important; }
  .hero-premium-grid { display:block!important; width:100%!important; }
  .hero-premium-copy { width:100%!important; max-width:100%!important; padding:0!important; }
  .hero-eyebrow { margin:0 0 10px!important; font-size:10px!important; line-height:1.35!important; letter-spacing:.11em!important; }
  .v27-home-hero .hero-premium-copy h1,
  .hero-premium-copy h1 { max-width:100%!important; margin:0!important; font-size:clamp(38px,11.8vw,50px)!important; line-height:1.02!important; letter-spacing:-.025em!important; overflow-wrap:normal!important; word-break:normal!important; text-wrap:balance!important; }
  .v27-hero-description { display:block!important; max-width:100%!important; margin:14px 0 0!important; font-size:15px!important; line-height:1.55!important; }
  .hero-actions { display:grid!important; grid-template-columns:1fr!important; width:100%!important; gap:8px!important; margin-top:18px!important; }
  .hero-actions .btn { width:100%!important; max-width:none!important; min-height:44px!important; padding:10px 14px!important; }
  .v27-hero-facts { display:none!important; }
  .home-hero .carousel-control-prev,
  .home-hero .carousel-control-next { display:none!important; }

  main, .v27-main, section, footer { width:100%!important; max-width:100%!important; }
  .section-space { padding:46px 0!important; }
  .section-heading h2,
  .v27-section-title { font-size:34px!important; line-height:1.08!important; }
  .v27-footer-grid,
  .premium-footer-grid { grid-template-columns:1fr!important; }
}

@media (max-width: 380px) {
  .v27-shell { padding-left:10px!important; padding-right:10px!important; }
  .v27-brand { max-width:calc(100% - 120px)!important; }
  .v27-brand img { width:40px!important; height:40px!important; flex-basis:40px!important; }
  .v27-brand strong { font-size:13px!important; }
  .v27-brand small { display:block!important; font-size:7px!important; line-height:1.2!important; letter-spacing:.06em!important; }
  .v27-mobile-language button { min-width:25px!important; width:25px!important; height:25px!important; line-height:25px!important; }
  .v27-mobile-book,
  .v27-navbar .navbar-toggler { width:33px!important; height:33px!important; flex-basis:33px!important; }
  .v27-home-hero .hero-inner,
  .hero-inner { padding-bottom:34px!important; }
  .v27-home-hero .hero-premium-copy h1,
  .hero-premium-copy h1 { font-size:clamp(34px,10.8vw,44px)!important; }
}