/* ============================================
   RESPONSIVE - MAVENS HOTEL
   ============================================ */

@media (max-width: 1400px){
  .hero-title{font-size: clamp(32px,4.5vw,54px)}
  .insta-grid{grid-template-columns:repeat(4,1fr)!important}
}
@media (max-width: 1200px){
  .trust-grid{justify-content:flex-start}
  .gallery-masonry{columns:2 260px}
  .counter{font-size:36px}
}
@media (max-width: 992px){
  .section{padding:70px 0}
  .hero-section{min-height:80vh}
  .hero-content{padding-top:120px;padding-bottom:80px}
  .hero-ctas{flex-direction:row}
  .hero-trust{width:100%}
  .about-img-grid{padding-right:0;margin-bottom:20px}
  .about-img-grid .img-main img{height:420px}
  .about-img-grid .img-small{width:50%;height:160px;position:relative;margin-top:-60px;margin-left:auto;border-width:4px}
  .process-line{display:none}
  .package-card.popular{transform:none}
  .package-card.popular:hover{transform:translateY(-6px)}
  .restaurant-img-wrap .main{height:440px}
  .restaurant-floating-card{position:relative;left:0;right:0;bottom:0;margin-top:-40px}
  .gallery-filters{justify-content:flex-start;margin-top:16px}
  .floating-ctas{display:none!important}
  .insta-grid{grid-template-columns:repeat(3,1fr)!important}
}

@media (max-width: 408px){
  .site-header .container{padding-left:16px;padding-right:16px}
  .navbar-collapse{
    position:absolute;top:100%;left:12px;right:12px;background:rgba(255,251,245,0.98);
    backdrop-filter:blur(20px);border:1px solid var(--gray-200);border-radius:20px;
    padding:20px;box-shadow:0 20px 50px rgba(0,0,0,0.12);margin-top:10px
  }
  .navbar-nav .nav-link{color:var(--dark-2)!important;padding:12px 0!important;font-size:16px}
  .navbar-nav .nav-link.active::after{left:0;right:auto;width:30px}
  .brand-mark{font-size:22px}
  .hero-section{min-height:88vh}
  .hero-title{font-size:34px;line-height:1.05}
  .hero-subtitle{font-size:16px}
  .hero-bottom-bar .hero-location{display:none!important}
  .scroll-indicator{display:none}
  .trust-grid{gap:8px}
  .trust-item{font-size:12px;flex:1 0 44%}
  .counter-col{padding:20px;border-bottom:1px solid var(--gray-200)}
  .counter-col:nth-child(2){border-right:0}
  .counter-col:nth-child(3){border-bottom:0}
  .counter-col:nth-child(4){border-bottom:0;border-right:0}
  .counter{font-size:32px}
  .feature-card, .venue-card, .package-card, .testimonial-card, .google-rating-card{padding:22px}
  .gallery-masonry{columns:1}
  .gallery-item.tall img{height:320px}
  .roomsSwiper .room-card{height:340px}
  .insta-grid{grid-template-columns:repeat(2,1fr)!important}
  .insta-item{height:160px}
  .footer{padding:50px 0 100px}
  .mobile-cta-bar{padding-bottom:max(8px, env(safe-area-inset-bottom))}
  .back-to-top{bottom:80px;right:12px}
  .back-to-top.show{bottom:86px}
  #exitIntentPopup .exit-popup-card{margin-bottom:80px}
}

@media (max-width: 576px){
  .section{padding:56px 0}
  .section-title{font-size:28px}
  .eyebrow{font-size:10px}
  .hero-ctas .btn{flex:1;justify-content:center}
  .hero-trust{flex-wrap:wrap}
  .btn-lg{padding:12px 20px;font-size:14px}
  .venue-img{height:190px}
  .package-price span{font-size:26px}
  .contact-form-card{padding:22px!important;border-radius:24px!important}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .modal-side{display:none!important}
}

@media (max-width: 380px){
  .brand-mark{font-size:20px}
  .hero-title{font-size:30px}
  .trust-item{flex:1 0 100%}
}

/* Landscape phones */
@media (max-height: 600px) and (orientation: landscape){
  .hero-section{height:auto;min-height:120vh}
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .slide-bg{transform:none!important}
}

/* High contrast */
@media (prefers-contrast: high){
  .btn-primary, .btn-wine{border:2px solid currentColor}
}

/* ===== Minimal fixes to prevent phone layout breaking (keeps original design) ===== */
html, body { overflow-x: hidden; }
img, video, iframe { max-width: 100%; }
.container { max-width: 95%; }

@media (max-width: 768px){
  .trust-grid { display: grid !important; grid-template-columns: 1fr 1fr; }
  .trust-item { flex: none !important; min-width: 0; width: 100%; }
  .hero-content { padding-left: 16px !important; padding-right: 16px !important; }
  .hero-ctas { flex-direction: column !important; }
  .hero-ctas .btn { width: 100%; }
  .gallery-masonry { width: 100%; }
  .about-img-grid { max-width: 100%; }
  .about-img-grid .img-main img { width: 100%; }
  .restaurant-img-wrap .main { width: 100%; }
}

@media (max-width: 576px){
  .trust-grid { grid-template-columns: 1fr !important; }
  .hero-title { word-break: break-word; }
  .section-title { word-break: break-word; }
}

/* Print */
@media print{
  .site-header, .floating-ctas, .mobile-cta-bar, .back-to-top, #preloader, .hero-bottom-bar, .scroll-indicator{display:none!important}
  .hero-section{height:auto}
}