/* ==========================================================================
   AYURDAARI WELLNESS — RESPONSIVE
   ========================================================================== */

/* ---------- Laptop / small desktop ---------- */
@media (max-width:1200px){
  .container{padding:0 24px;}
  .wellness-grid{grid-template-columns:repeat(4,1fr);}
  .wcard:nth-child(1){grid-column:span 4;grid-row:span 2;}
  .wcard:nth-child(2),.wcard:nth-child(3){grid-column:span 2;}
  .wcard:nth-child(4),.wcard:nth-child(5),.wcard:nth-child(6){grid-column:span 2;grid-row:span 2;}
  .ritual-grid{grid-template-columns:repeat(2,1fr);}
  .masonry{columns:3 200px;}
}

/* ---------- Tablet ---------- */
@media (max-width:1024px){
  .hero{min-height:auto;padding-top:40px;}
  .hero-grid{grid-template-columns:1fr;gap:50px;}
  .hero-visual{height:420px;order:-1;}
  .hero-copy p{max-width:100%;}
  .main-nav{display:none;}
  .hamburger{display:block;}
  .nav-actions .btn{display:none;}
  .trust-row{justify-content:center;text-align:left;}
  .product-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .split{grid-template-columns:1fr;gap:40px;}
  .split-visual{height:340px;order:-1;}
  .habits-visual{height:400px;}
  .blog-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;gap:40px;}
  .two-col{grid-template-columns:1fr;}
  .masonry{columns:2 200px;}
  .cine-banner{margin:0 20px;}
  .newsletter{margin:0 20px;padding:44px 28px;}
  .cat-grid{grid-template-columns:repeat(2,1fr);}
  .legal-grid{grid-template-columns:repeat(2,1fr);}
  .legal-doc-layout{grid-template-columns:1fr;}
  .legal-sidebar{position:static;display:flex;overflow-x:auto;gap:6px;}
  .about-stats{grid-template-columns:repeat(2,1fr);}
  .philosophy-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .blog-featured{grid-template-columns:1fr;}
  .gallery-masonry{columns:3 200px;}
  .timeline{flex-direction:column;align-items:flex-start;gap:26px;}
  .timeline::before{display:none;}
  .tl-step{display:flex;align-items:center;gap:16px;text-align:left;}
  .tl-dot{margin:0;flex-shrink:0;}
}

/* ---------- Mobile ---------- */
@media (max-width:720px){
  .container{padding:0 20px;}
  .section-head.split{flex-direction:column;align-items:flex-start;}
  .habits-luxury-grid{grid-template-columns:1fr!important;}
  .split-visual{height:230px;}
  .habits-visual{height:280px;}
  .navbar{padding:16px 20px;}
  .logo{font-size:18px;}
  .logo .mark{width:32px;height:32px;font-size:16px;}
  .icon-btn{width:38px;height:38px;}
  .hero-btns{flex-direction:column;align-items:stretch;}
  .hero-btns .btn{justify-content:center;}
  .hero-card{left:0;bottom:-10px;padding:14px 16px;min-width:0;}
  .wellness-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px;}
  .wcard,.wcard:nth-child(1),.wcard:nth-child(2),.wcard:nth-child(3),.wcard:nth-child(4),.wcard:nth-child(5),.wcard:nth-child(6){grid-column:span 2;grid-row:span 2;}
  .product-grid{grid-template-columns:repeat(2,1fr);gap:16px;}
  .pcard-media{height:190px;}
  .pcard-body{padding:16px;}
  .why-grid{grid-template-columns:1fr;}
  .ritual-grid{grid-template-columns:1fr;}
  .stat-row{gap:14px;}
  .stat-card{padding:18px;}
  .blog-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:36px;padding-bottom:40px;}
  .footer-bottom{flex-direction:column;text-align:center;}
  .masonry{columns:2 160px;column-gap:12px;}
  .masonry .m-item{margin-bottom:12px;}
  .testi-card{flex-basis:280px;padding:18px 20px;}
  .testi-card p{font-size:14px;}
  .testi-marquee::before,.testi-marquee::after{width:36px;}
  .cine-banner{min-height:320px;margin:0 16px;}
  .newsletter{margin:0 16px;padding:32px 18px;}
  .news-form {flex-direction:column;background:var(--ivory);padding:10px;gap:10px;border-radius:24px;}
  .footer-subscribe-box {flex-direction:column;background:rgba(255,255,255,0.08);padding:10px;gap:8px;border-radius:24px;}
  .news-form input, .footer-subscribe-box input {width:100% !important;text-align:center;padding:8px !important;}
  .news-form button, .footer-subscribe-box button {width:100% !important;justify-content:center;border-radius:30px !important;padding:12px !important;}
  .card-plain{padding:22px;}
  .search-close{top:20px;right:20px;}
  .cart-drawer,.mobile-drawer{width:100%;}
  .cat-grid{grid-template-columns:1fr;}
  .legal-grid{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .gallery-masonry{columns:2 160px;column-gap:12px;}
  .lb-arrow{width:40px;height:40px;}
  .lb-prev{left:10px;}
  .lb-next{right:10px;}
  .carousel-head{flex-direction:column;align-items:flex-start;}
}

@media (max-width:420px){
  .wellness-grid{grid-template-columns:1fr;grid-auto-rows:220px;}
  .wcard{grid-column:span 1!important;}
  .product-grid{grid-template-columns:1fr;}
  .masonry{columns:1 100%;}
  .split-visual{height:190px;}
  .habits-visual{height:230px;}
}

/* Ensure minimum touch targets */
@media (pointer:coarse){
  .icon-btn,.hamburger,.faq-q .plus,.float-btn{min-width:44px;min-height:44px;}
}

/* Bestseller Spotlight Compact & Mobile Responsive */
.spotlight-section-compact {
  padding: 48px 0 !important;
}
.spotlight-section-compact .spotlight {
  display: grid;
  grid-template-columns: 0.95fr 1.05fr;
  gap: 36px;
  align-items: center;
}
.spotlight-section-compact .sp-art {
  height: 500px !important;
  max-height: 500px !important;
  object-fit: cover;
  border-radius: 20px;
}

@media (max-width: 1024px) {
  .spotlight-section-compact {
    padding: 38px 0 !important;
  }
  .spotlight-section-compact .spotlight {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .spotlight-section-compact .sp-art {
    height: 310px !important;
    max-height: 310px !important;
  }
}

@media (max-width: 720px) {
  .spotlight-section-compact {
    padding: 28px 0 !important;
  }
  .spotlight-section-compact .spotlight-media {
    max-width: 100% !important;
  }
  .spotlight-section-compact .sp-art {
    height: 230px !important;
    max-height: 230px !important;
    border-radius: 14px;
  }
  .spotlight-section-compact .spotlight-body h2 {
    font-size: 20px !important;
  }
  .spotlight-section-compact .spotlight-cta {
    flex-direction: column;
    gap: 10px !important;
  }
  .spotlight-section-compact .spotlight-cta .btn {
    width: 100%;
    justify-content: center;
  }
}

@media (max-width: 1024px) {
  .home-compact-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
}

@media (max-width: 576px) {
  .home-compact-stats {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
}

/* Legal Document Verification Gallery - Mobile */
@media (max-width: 720px) {
  .doc-gallery-grid {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 22px;
  }
  .doc-card-badge-bar {
    flex-wrap: wrap;
    gap: 6px;
    padding: 10px 14px;
    font-size: 11px;
  }
  .doc-badge-status {
    font-size: 10px;
    padding: 2px 8px;
  }
  .doc-img-frame {
    height: 320px;
    margin: 12px;
  }
  .doc-img-overlay-badge {
    font-size: 10px;
    padding: 5px 10px;
  }
  .doc-card-actions {
    padding: 12px 14px 16px;
  }
}

@media (max-width: 420px) {
  .doc-img-frame {
    height: 280px;
  }
}