@media (max-width:1120px){
  .top-bar{display:none!important}
  .desktop-nav,.header-actions{display:none!important}
  .mobile-menu-btn{display:flex!important;margin-left:auto}
  .header-container{width:calc(100% - 24px)}
  .mobile-nav{position:fixed;left:0;right:0;top:var(--header-h);z-index:1001;display:grid!important;gap:4px;max-height:calc(100vh - var(--header-h));overflow:auto;padding:16px;background:var(--white);border-bottom:1px solid var(--line);box-shadow:var(--shadow-soft);transform:translateY(-120%);transition:var(--transition)}
  .site-header.scrolled .mobile-nav{top:68px}
  .mobile-nav.active{transform:translateY(0)}
  .mobile-nav>a,.mobile-dropdown-toggle{min-height:46px;border-radius:var(--radius-sm);color:var(--primary-maroon);font-weight:900}
  .mobile-nav>a{display:flex;align-items:center;padding:12px;background:var(--ivory-cream)}
  .mobile-nav-actions{display:grid;gap:10px;margin-top:8px}
  .mobile-nav-actions a{width:100%}
  .mega-menu{display:none!important}
  .hero-slider::after{display:none}
  .hero-slider{min-height:auto;display:block}
  .hero-slide{display:none!important}
  .hero-content{width:min(760px,calc(100% - 32px));padding:54px 0}
  .hero-title{font-size:40px}
  .services-grid,.packages-grid,.gallery-grid,.testimonials-grid,.grid-3,.grid-4,.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .footer-grid{grid-template-columns:1fr 1fr!important}
}

@media (max-width:767px){
  html,body{max-width:100%;overflow-x:hidden!important}
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .container{width:calc(100% - 28px)}
  .section{padding:56px 0!important}
  .header-container{height:66px}
  .site-header.scrolled .header-container{height:62px}
  .site-header.scrolled .mobile-nav{top:62px}
  .brand{min-width:0}
  .brand-logo{width:44px!important;height:44px!important}
  .brand-title{font-size:17px!important}
  .desktop-title{display:none!important}
  .mobile-title{display:inline!important}
  .brand-telugu{font-size:12px!important;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .hero-content{width:calc(100% - 28px);padding:42px 0 18px}
  .hero-title{font-size:30px;line-height:1.18}
  .hero-telugu-desc,.hero-content p{font-size:15px}
  .hero-buttons,.service-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%}
  .hero-buttons a,.hero-buttons button,.service-actions a,.service-actions button,.btn-primary,.btn-secondary,.btn-gold,.btn-whatsapp{width:100%;min-width:0}
  .hero-badges{grid-template-columns:1fr!important}
  .section-title,.page-title{font-size:28px!important;text-align:left}
  .section-subtitle,.page-subtitle{text-align:left;font-size:15px}
  .gold-divider{margin-left:0}
  .page-hero{padding:54px 16px 44px}
  .page-hero-logo{width:64px;height:64px}
  .services-grid,.packages-grid,.gallery-grid,.testimonials-grid,.grid-3,.grid-4,.features-grid,.form-grid,.contact-grid,.stats-grid,.countdown-grid{grid-template-columns:1fr!important}
  .card,.service-card,.package-card,.contact-form-section,.contact-info-card,.form-card{padding:20px!important}
  .service-card img,.gallery-card img{height:210px!important}
  .service-image-preview img{height:200px!important}
  .package-features{padding-left:18px}
  .premium-input,input,select,textarea{max-width:100%}
  .footer-grid{grid-template-columns:1fr!important;gap:26px!important}
  .site-footer{padding-bottom:96px}
  .desktop-floating-actions{display:none!important}
  .mobile-bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:1200;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));height:68px;padding-bottom:env(safe-area-inset-bottom);background:var(--white);border-top:1px solid var(--line);box-shadow:0 -10px 28px rgba(90,15,27,.12)}
  .mobile-bottom-bar a,.mobile-bottom-bar button{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:3px;border:0;background:transparent;color:var(--primary-maroon);font-size:11px;font-weight:900;overflow:hidden}
  .mobile-bottom-bar svg{width:20px;height:20px}
  .mobile-bottom-bar span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ai-chat-window{right:12px!important;bottom:82px!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}
}

@media (max-width:380px){
  .brand-title{font-size:15px!important}
  .brand-telugu{max-width:140px}
  .hero-title{font-size:27px}
  .btn-primary,.btn-secondary,.btn-gold,.btn-whatsapp{padding-left:12px;padding-right:12px;font-size:14px}
}

/* 2026 responsive header and section overrides */
@media (max-width:1120px){
  :root{--header-h:78px}
  .site-header{background:rgba(90,15,27,.96)!important}
  .site-header.scrolled{background:rgba(43,27,30,.98)!important}
  .header-container{height:auto!important;padding:12px 18px!important}
  .site-header.scrolled .header-container{height:auto!important;padding-top:8px!important;padding-bottom:8px!important}
  .mobile-nav{top:var(--header-h)!important;background:var(--ivory-cream)!important;border-bottom:1px solid rgba(212,175,55,.45)!important}
  .site-header.scrolled .mobile-nav{top:62px!important}
  .services-grid,.packages-grid,.package-grid,.gallery-grid,.locations-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .hero-trust-badges{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media (max-width:767px){
  :root{--header-h:70px}
  .header-container{width:100%!important;height:auto!important;padding:10px 14px!important}
  .site-header.scrolled .header-container{height:auto!important;padding-top:8px!important;padding-bottom:8px!important}
  .mobile-nav{top:var(--header-h)!important;max-height:calc(100vh - var(--header-h))!important}
  .site-header.scrolled .mobile-nav{top:64px!important}
  .section,.services-section,.packages-section,.gallery-section,.contact-section,.location-section,.service-detail-section{padding:54px 16px!important}
  .hero{min-height:68vh!important;padding:42px 16px 86px!important}
  .hero-content-card{padding:24px 18px!important;border-radius:20px!important}
  .hero h1{font-size:30px!important}
  .hero p{font-size:15px!important}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .hero-trust-badges,.services-grid,.packages-grid,.package-grid,.gallery-grid,.locations-grid{grid-template-columns:1fr!important}
}

/* Sri Nookambika Responsive CSS Overrides */
@media (max-width: 1024px) {
  .grid,
  .services-grid,
  .service-grid,
  .packages-grid,
  .gallery-grid,
  .testimonials-grid,
  .locations-grid,
  .features-grid,
  .why-grid,
  .contact-grid,
  .ai-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .section,
  .home-section,
  .about-section,
  .services-section,
  .service-section,
  .service-detail-section,
  .packages-section,
  .gallery-section,
  .contact-section,
  .location-section,
  .location-detail-section,
  .ai-section,
  .ai-planner-section,
  .testimonials-section,
  .why-section,
  .faq-section,
  .cta-section,
  .announcement-section {
    padding: 54px 16px !important;
  }

  .grid,
  .services-grid,
  .service-grid,
  .packages-grid,
  .gallery-grid,
  .testimonials-grid,
  .locations-grid,
  .features-grid,
  .why-grid,
  .contact-grid,
  .ai-grid {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }

  .hero,
  .page-hero,
  .inner-hero,
  .service-hero,
  .location-hero {
    padding: 70px 16px !important;
  }

  .hero-card,
  .hero-content,
  .hero-content-card {
    padding: 24px 18px !important;
    border-radius: 20px !important;
  }

  .hero h1,
  .page-hero h1,
  .inner-hero h1,
  .service-hero h1,
  .location-hero h1 {
    font-size: 30px !important;
  }

  .service-actions {
    flex-direction: column !important;
  }

  .service-actions a,
  .service-actions button,
  .btn,
  .btn-primary,
  .btn-secondary,
  .btn-whatsapp,
  .button,
  .cta-button,
  .whatsapp-btn,
  .call-btn {
    width: 100% !important;
  }

  form,
  .form-card,
  .enquiry-form,
  .contact-form,
  .planner-form {
    padding: 20px !important;
  }
}

/* Premium Wedding Event Hero Mobile Responsive overrides */
@media (max-width: 991px) {
  .hero-container {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }

  .hero-image {
    order: -1 !important;
  }

  .hero-image img {
    height: 420px !important;
  }

  .hero-content {
    padding: 25px !important;
  }

  .hero-stats {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .hero-actions {
    flex-direction: column !important;
  }

  .hero-actions .btn-primary,
  .hero-actions .btn-secondary,
  .hero-actions .btn-whatsapp {
    width: 100% !important;
  }
}

/* Premium Hero Mobile Custom Overrides */
@media (max-width: 767px) {
  .hero {
    min-height: auto !important;
    padding: 22px 14px 92px !important;
    background:
      linear-gradient(rgba(90, 15, 27, 0.86), rgba(43, 27, 30, 0.86)),
      url('../images/hero-wedding-mobile.webp') !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .hero-container {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    padding: 14px 0 !important;
  }

  .hero-image {
    order: -1 !important;
  }

  .hero-image img {
    width: 100% !important;
    height: 260px !important;
    object-fit: cover !important;
    border-radius: 20px !important;
    border: 2px solid rgba(212, 175, 55, 0.45) !important;
  }

  .hero-content {
    padding: 22px 16px !important;
    border-radius: 20px !important;
    text-align: center !important;
  }

  .hero-badge {
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    padding: 7px 14px !important;
    margin-bottom: 14px !important;
  }

  .hero h1 {
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: clamp(1.85rem, 6.5vw, 2.5rem) !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    margin-bottom: 14px !important;
    color: var(--primary-maroon) !important;
  }

  .hero p {
    font-family: system-ui, -apple-system, sans-serif !important;
    font-size: 0.98rem !important;
    line-height: 1.65 !important;
    margin-bottom: 20px !important;
    color: var(--muted-text) !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 11px !important;
    margin-bottom: 22px !important;
  }

  .hero-actions a,
  .hero-actions button {
    width: 100% !important;
    min-height: 48px !important;
  }

  .hero-stats {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .hero-stat {
    padding: 12px !important;
  }

  .hero-stat-number {
    font-family: "Playfair Display", Georgia, serif !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: var(--primary-maroon) !important;
  }

  .hero-stat-text {
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: var(--muted-text) !important;
  }
}

@media (max-width: 380px) {
  .hero h1 {
    font-size: 24px !important;
  }

  .hero-image img {
    height: 230px !important;
  }
}


/* Simplified Premium Hero Mobile Overrides */
@media (max-width: 767px) {
  .hero-content {
    max-width: 100% !important;
  }
  
  .hero-stats {
    display: none !important;
  }
  
  .hero-stats-mobile {
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--muted-text) !important;
    letter-spacing: 0.5px !important;
    margin-top: 18px !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }
}

/* Sri Nookambika Final Mobile UI/UX Overrides */
@media (max-width: 767px) {
  html,
  body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
  }

  body {
    font-size: 15px;
    line-height: 1.6;
    padding-bottom: calc(78px + env(safe-area-inset-bottom));
  }

  .top-bar,
  .announcement-bar {
    font-size: 11px !important;
    line-height: 1.35 !important;
    padding: 7px 12px !important;
    text-align: center !important;
  }

  .site-header,
  .header,
  .main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
  }

  .header-container {
    min-height: 64px !important;
    padding: 8px 12px !important;
    gap: 10px !important;
  }

  .brand,
  .logo,
  .header-logo {
    min-width: 0 !important;
    max-width: calc(100vw - 72px) !important;
    gap: 8px !important;
  }

  .brand-logo,
  .logo img,
  .header-logo img {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
    object-fit: cover !important;
  }

  .brand-title,
  .logo-title {
    font-size: 15px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .brand-telugu,
  .logo-telugu {
    font-size: 11.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .mobile-menu-btn,
  .hamburger {
    width: 40px !important;
    height: 40px !important;
    flex: 0 0 40px !important;
  }

  .desktop-nav,
  .header-actions {
    display: none !important;
  }

  .mobile-nav {
    left: 10px !important;
    right: 10px !important;
    top: calc(100% + 6px) !important;
    max-height: calc(100vh - 94px) !important;
    overflow-y: auto !important;
    border-radius: 16px !important;
    padding: 10px !important;
  }

  .mobile-nav a,
  .mobile-dropdown-toggle {
    min-height: 44px !important;
    padding: 11px 12px !important;
    font-size: 14px !important;
  }

  .hero {
    min-height: auto !important;
    padding: 18px 12px 28px !important;
    display: block !important;
  }

  .hero-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 0 !important;
  }

  .hero-image {
    order: -1 !important;
    width: 100% !important;
  }

  .hero-image img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }

  .hero-content,
  .hero-content-card,
  .hero-card {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 14px !important;
    border-radius: 18px !important;
    text-align: center !important;
  }

  .hero-badge {
    font-size: 10.5px !important;
    padding: 6px 11px !important;
    margin-bottom: 12px !important;
  }

  .hero h1,
  .hero-title {
    font-size: 25px !important;
    line-height: 1.14 !important;
    margin-bottom: 10px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 14px !important;
    line-height: 1.55 !important;
    margin-bottom: 16px !important;
  }

  .hero-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-bottom: 16px !important;
  }

  .hero-actions a,
  .hero-actions button,
  .btn-primary,
  .btn-secondary,
  .btn-whatsapp {
    width: 100% !important;
    min-height: 46px !important;
    padding: 11px 16px !important;
    font-size: 14px !important;
  }

  .hero-stats {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .hero-stat {
    padding: 10px !important;
    border-radius: 12px !important;
  }
  
  .hero-stats-mobile {
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: var(--muted-text) !important;
    letter-spacing: 0.5px !important;
    margin-top: 18px !important;
    text-transform: uppercase !important;
    text-align: center !important;
  }

  .section,
  .services-section,
  .packages-section,
  .gallery-section,
  .contact-section,
  .about-section,
  .location-section,
  .service-detail-section,
  .ai-section {
    padding: 42px 14px !important;
  }

  .container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .section-title,
  .page-title {
    font-size: 24px !important;
    line-height: 1.18 !important;
  }

  .section-subtitle,
  .page-subtitle {
    font-size: 14px !important;
    margin-bottom: 24px !important;
  }

  .services-grid,
  .packages-grid,
  .gallery-grid,
  .locations-grid,
  .testimonials-grid,
  .features-grid,
  .contact-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .card,
  .service-card,
  .package-card,
  .gallery-card,
  .location-card,
  .contact-card,
  .testimonial-card {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .service-image-preview,
  .ai-image-placeholder {
    min-height: 190px !important;
    border-radius: 16px !important;
  }

  .service-image-preview img {
    height: 205px !important;
  }

  .service-actions,
  .package-actions,
  .section-actions {
    flex-direction: column !important;
    gap: 10px !important;
  }

  .service-actions a,
  .service-actions button,
  .package-actions a,
  .package-actions button {
    width: 100% !important;
  }

  form,
  .form-card,
  .contact-form,
  .enquiry-form,
  .planner-form {
    padding: 18px !important;
    border-radius: 16px !important;
  }

  input,
  select,
  textarea {
    min-height: 46px !important;
    font-size: 14px !important;
  }

  .desktop-floating-actions {
    display: none !important;
  }

  .mobile-bottom-bar {
    display: grid !important;
    height: 66px !important;
    grid-template-columns: repeat(4, 1fr) !important;
  }

  .mobile-bottom-bar a,
  .mobile-bottom-bar button {
    font-size: 10.5px !important;
  }

  .site-footer,
  .footer,
  .main-footer {
    padding: 42px 16px 90px !important;
    text-align: center !important;
  }

  .footer-grid,
  .footer-content {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
  }
}

@media (max-width: 380px) {
  .hero h1,
  .hero-title {
    font-size: 23px !important;
  }

  .hero-image img {
    height: 200px !important;
  }

  .brand-title,
  .logo-title {
    font-size: 14px !important;
  }

  .brand-telugu,
  .logo-telugu {
    font-size: 11px !important;
  }
}

.hero-content,
.hero-content-card,
.hero-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  padding: 20px !important;
}

.hero {
  position: relative;
  min-height: 85vh;
  background:
    linear-gradient(
      rgba(90,15,27,0.65),
      rgba(43,27,30,0.75)
    ),
    url('../images/hero-wedding.webp') !important;
  background-size: cover;
  background-position: center;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.hero h1,
.hero-title {
  color: #ffffff !important;
  font-size: clamp(2.5rem,5vw,5rem) !important;
  font-weight: 900 !important;
  text-shadow: 0 4px 15px rgba(0,0,0,0.4) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  -webkit-text-fill-color: initial !important;
}

.hero-subtitle,
.hero p {
  color: rgba(255,255,255,0.95) !important;
  text-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
  font-weight: 700 !important;
}

.hero-small-text {
  color: rgba(243,217,139,0.95) !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.hero-badge {
  background: rgba(255,255,255,0.12) !important;
  backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(212,175,55,0.8) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  padding: 8px 22px !important;
  border-radius: 999px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 1px !important;
  margin-bottom: 18px !important;
}

.gold-divider,
.hero-divider {
  width: 80px !important;
  height: 3px !important;
  margin: 12px auto 18px !important;
  background: linear-gradient(90deg, transparent, #D4AF37, transparent) !important;
}

.hero-trust {
  color: #ffffff !important;
  font-weight: 800 !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

.hero-actions .btn-primary {
  background: linear-gradient(135deg,#D4AF37,#F3D98B) !important;
  color: #5A0F1B !important;
  border: 0 !important;
}

.hero-actions .btn-whatsapp {
  background: #25D366 !important;
  color: #ffffff !important;
  border: 1px solid #25D366 !important;
}

@media (max-width: 767px) {
  .hero {
    min-height: auto !important;
    padding: 24px 14px 92px !important;
    background:
      linear-gradient(
        rgba(90, 15, 27, 0.65),
        rgba(43, 27, 30, 0.75)
      ),
      url('../images/hero-wedding-mobile.webp') !important;
    background-size: cover !important;
    background-position: center !important;
  }

  .hero h1,
  .hero-title {
    font-size: 30px !important;
  }
}

/* Sticky Header Scroll Fix */
.site-header,
.header,
.main-header {
position: sticky !important;
top: 0 !important;
z-index: 99999 !important;
width: 100% !important;
background: rgba(90, 15, 27, 0.96) !important;
backdrop-filter: blur(14px) !important;
border-bottom: 1px solid rgba(212, 175, 55, 0.65) !important;
box-shadow: 0 8px 24px rgba(90, 15, 27, 0.18) !important;
transition: all 0.3s ease !important;
}

.site-header.scrolled,
.header.scrolled,
.main-header.scrolled {
background: rgba(43, 27, 30, 0.98) !important;
box-shadow: 0 14px 35px rgba(90, 15, 27, 0.35) !important;
}

.header-container {
transition: all 0.3s ease !important;
}

.site-header.scrolled .header-container,
.header.scrolled .header-container,
.main-header.scrolled .header-container {
padding-top: 8px !important;
padding-bottom: 8px !important;
}

.brand-logo,
.logo img,
.header-logo img {
transition: all 0.3s ease !important;
}

.site-header.scrolled .brand-logo,
.header.scrolled .logo img,
.main-header.scrolled .header-logo img {
width: 42px !important;
height: 42px !important;
}

/* Hero Background Image Fit Clearly */
.hero {
background-size: cover !important;
background-position: center top !important;
background-repeat: no-repeat !important;
min-height: 85vh !important;
}

@media (min-width: 1025px) {
.hero {
background-size: cover !important;
background-position: center top !important;
}
}

@media (max-width: 767px) {
.hero {
min-height: 68vh !important;
background-size: cover !important;
background-position: center top !important;
padding: 70px 16px 90px !important;
}
}

/* Mobile image fallback if cut badly */
@media (max-width: 767px) {
.hero {
background-image:
linear-gradient(rgba(90,15,27,0.58), rgba(43,27,30,0.72)),
url("../images/hero-wedding-mobile.webp") !important;
}
}

/* Footer Correct Alignment */
.site-footer,
.footer,
.main-footer {
background: linear-gradient(135deg, #5A0F1B, #7A1428) !important;
color: #ffffff !important;
padding: 64px 20px 24px !important;
border-top: 2px solid #D4AF37 !important;
}

.footer-container,
.footer-content,
.footer-grid {
width: min(1200px, 100%) !important;
margin: 0 auto !important;
display: grid !important;
grid-template-columns: 1.3fr 1fr 1fr 1fr 1fr !important;
gap: 32px !important;
align-items: start !important;
}

@media (max-width: 1024px) {
.footer-container,
.footer-content,
.footer-grid {
grid-template-columns: 1fr 1fr !important;
gap: 32px 24px !important;
}
.footer-brand {
grid-column: span 2 !important;
margin-bottom: 12px !important;
}
}

.site-footer h3,
.site-footer h4,
.footer h3,
.footer h4,
.main-footer h3,
.main-footer h4 {
color: #F3D98B !important;
margin-bottom: 14px !important;
}

.site-footer p,
.footer p,
.main-footer p {
color: rgba(255,255,255,0.82) !important;
line-height: 1.7 !important;
}

.site-footer a,
.footer a,
.main-footer a {
color: rgba(255,255,255,0.86) !important;
display: inline-block !important;
margin-bottom: 8px !important;
}

.site-footer a:hover,
.footer a:hover,
.main-footer a:hover {
color: #F3D98B !important;
}

.footer-bottom,
.copyright {
width: min(1200px, 100%) !important;
margin: 32px auto 0 !important;
padding-top: 18px !important;
border-top: 1px solid rgba(212,175,55,0.35) !important;
text-align: center !important;
color: rgba(255,255,255,0.75) !important;
}

.footer-bottom a,
.copyright a {
color: #F3D98B !important;
font-weight: 800 !important;
}

@media (max-width: 767px) {
.site-footer,
.footer,
.main-footer {
padding: 44px 16px 92px !important;
text-align: center !important;
}

.footer-container,
.footer-content,
.footer-grid {
grid-template-columns: 1fr !important;
gap: 22px !important;
}

.footer-brand {
grid-column: span 1 !important;
}

.site-footer a,
.footer a,
.main-footer a {
display: block !important;
}

.footer-bottom,
.copyright {
margin-top: 22px !important;
font-size: 13px !important;
}
}

/* Mobile Specific Adjustments for Hero, Telugu Brand Text, and Footer */
@media (max-width: 767px) {
  /* 1. Hero background fit adjustments on mobile */
  .hero {
    background-image:
      linear-gradient(rgba(90, 15, 27, 0.65), rgba(43, 27, 30, 0.75)),
      url("../images/hero-wedding-mobile.webp") !important;
    background-size: cover !important;
    background-position: center top !important; /* Center the decoration details */
    min-height: 60vh !important;
    padding: 60px 16px 80px !important;
  }

  .page-hero {
    background-image:
      linear-gradient(rgba(90, 15, 27, 0.72), rgba(43, 27, 30, 0.82)),
      url("../images/hero-wedding-mobile.webp") !important;
    background-size: cover !important;
    background-position: center top !important;
  }

  .page-hero::before {
    display: none !important;
  }

  /* 2. Brand Telugu Caption alignment and spacing in mobile header */
  .brand-copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
  }

  .brand-telugu {
    font-family: 'Noto Sans Telugu', sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    color: #F3D98B !important;
    margin-top: 2px !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
    display: block !important;
    max-width: none !important;
  }

  /* 3. Footer CSS centering and spacing adjustments on mobile */
  .site-footer,
  .footer,
  .main-footer {
    padding: 48px 16px 96px !important;
    text-align: center !important;
  }

  .footer-logo-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }

  .footer-logo-wrap img {
    margin: 0 auto 12px !important;
  }

  .footer-social {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 16px auto !important;
  }

  .footer-contact {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
  }

  .footer-contact li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    gap: 4px !important;
  }

  .footer-list {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
  }

  .footer-list li {
    text-align: center !important;
  }

    .footer-bottom,
    .copyright {
      margin-top: 28px !important;
      padding-top: 20px !important;
      border-top: 1px solid rgba(212, 175, 55, 0.25) !important;
      text-align: center !important;
    }
}

/* Telugu Caption in Hero Section */
.hero-telugu-desc {
  display: block !important;
  font-family: 'Noto Sans Telugu', sans-serif !important;
  font-size: clamp(1.4rem, 4vw, 2.2rem) !important;
  font-weight: 700 !important;
  color: #F3D98B !important;
  margin: 6px auto 14px !important;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

/* Fix for position: sticky header by restoring html overflow-x */
html {
  overflow-x: visible !important;
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden !important;
}

/* Fix for other pages page-hero text visibility */
.page-hero,
.inner-hero,
.service-hero,
.location-hero {
  color: #ffffff !important;
}

.page-hero h1,
.inner-hero h1,
.service-hero h1,
.location-hero h1,
.page-title {
  color: #ffffff !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5) !important;
}

.page-hero p,
.inner-hero p,
.service-hero p,
.location-hero p,
.page-subtitle {
  color: rgba(255, 255, 255, 0.9) !important;
  text-shadow: 0 1px 6px rgba(0, 0, 0, 0.4) !important;
}

.breadcrumb,
.breadcrumb span {
  color: rgba(255, 255, 255, 0.8) !important;
}

.breadcrumb a {
  color: #F3D98B !important;
}

/* Hero Fading Slideshow styling */
.hero {
  background: transparent !important;
  background-image: none !important;
}

.hero-slide {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: none !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background-size: cover !important;
  background-position: center top !important;
  opacity: 0;
  transition: opacity 1.5s ease-in-out !important;
  z-index: 0;
}

.hero-slide.active-slide {
  opacity: 1 !important;
}

.slide-1 {
  background-image: linear-gradient(rgba(40, 10, 16, 0.72), rgba(90, 15, 27, 0.78)), url('../images/hero-wedding.webp') !important;
}
.slide-2 {
  background-image: linear-gradient(rgba(40, 10, 16, 0.72), rgba(90, 15, 27, 0.78)), url('../images/slide-mandapam.webp') !important;
}
.slide-3 {
  background-image: linear-gradient(rgba(40, 10, 16, 0.72), rgba(90, 15, 27, 0.78)), url('../images/slide-reception.webp') !important;
}
.slide-4 {
  background-image: linear-gradient(rgba(40, 10, 16, 0.72), rgba(90, 15, 27, 0.78)), url('../images/slide-haldi.webp') !important;
}

@media (max-width: 767px) {
  .hero {
    background: transparent !important;
    background-image: none !important;
  }
  .slide-1 {
    background-image: linear-gradient(rgba(90, 15, 27, 0.65), rgba(43, 27, 30, 0.75)), url('../images/hero-wedding-mobile.webp') !important;
  }
  .slide-2 {
    background-image: linear-gradient(rgba(90, 15, 27, 0.65), rgba(43, 27, 30, 0.75)), url('../images/slide-mandapam.webp') !important;
  }
  .slide-3 {
    background-image: linear-gradient(rgba(90, 15, 27, 0.65), rgba(43, 27, 30, 0.75)), url('../images/slide-reception.webp') !important;
  }
  .slide-4 {
    background-image: linear-gradient(rgba(90, 15, 27, 0.65), rgba(43, 27, 30, 0.75)), url('../images/slide-haldi.webp') !important;
  }
}