/* =========================================================
   RESPONSIVE — Tabla Tarang
   ========================================================= */

/* ----- Down to 1600 / 1400 : tighten container ----- */
@media (max-width:1400px){
  .container-xl{max-width:1200px;}
}

/* ----- 1200 : tablet-landscape / small desktop ----- */
@media (max-width:1200px){
  :root{--section-pad:80px;}
  .craft-text{padding:70px 40px;}
  .harmonium-feature .mandala-bg{width:480px;}
}

/* ----- 992 : header switches to offcanvas ----- */
@media (max-width:991.98px){
  .main-nav, .header-desktop-actions{display:none !important;}
  .mobile-toggle{display:inline-flex !important;}

  .hero{height:auto; min-height:720px;}
  .hero-content{align-items:flex-end; padding-bottom:70px;}
  .hero-text{max-width:100%;}
  .hero-title{font-size:44px;}
  .hero-sub{font-size:14.5px;}
  .hero-buttons{width:100%;}
  .hero-buttons .btn-luxury{flex:1 1 auto; justify-content:center;}
  .hero-arrow{width:38px; height:38px;}

  .heritage-section .row{flex-direction:column-reverse;}
  .heritage-media{margin-bottom:34px;}
  .heritage-media .architecture-bg{display:none;}

  .craft-section .row{flex-direction:column;}
  .craft-media{min-height:320px;}
  .craft-media img{min-height:320px;}
  .craft-text{padding:60px 26px;}

  .harmonium-feature .row{flex-direction:column-reverse;}
  .harmonium-feature .mandala-bg{display:none;}

  .video-section{padding:60px 0 54px;}
  .video-carousel{padding:0 46px;}

  .repair-section .row{flex-direction:column;}
  .repair-section .architecture-bg{display:none;}

  .final-cta .cta-flex{flex-direction:column; text-align:center; gap:18px;}

  .stat-sep{display:none;}
  .stat-item{justify-content:center; padding:14px 0;}
}

/* ----- 768 : tablet portrait ----- */
@media (max-width:767.98px){
  :root{--section-pad:64px;}

  .category-grid{grid-template-columns:repeat(2,1fr) !important;}
  .product-card{width:220px;}
  .video-carousel:not(.owl-loaded){grid-template-columns:repeat(2,minmax(0,1fr));}

  .stats-strip .row{row-gap:20px;}

  .footer-col{margin-bottom:34px; text-align:center;}
  .footer-col .footer-brand{justify-content:center;}
  .footer-icon-title{justify-content:center;}

  .spec-list{grid-template-columns:1fr;}
}

/* ----- 576 : large phone ----- */
@media (max-width:575.98px){
  .site-header{padding:12px 0;}
  .site-header.scrolled{padding:10px 0;}

  .hero{height:650px; min-height:650px;}
  .hero-content{
    align-items:flex-start;
    padding:155px 0 34px;
  }
  .hero-slide-img{object-position:66% center;}
  .hero-text{width:100%;}
  .hero-title{font-size:38px;}
  .hero-text .divider-gold{margin:12px 0 10px;}
  .hero-sub{
    max-width:290px;
    margin:12px 0 20px;
    font-size:14px;
    line-height:1.55;
  }
  .hero-buttons{flex-direction:column; gap:11px;}
  .hero-buttons .btn-luxury{
    width:100%;
    min-height:48px;
    flex:0 0 auto;
  }
  .hero-arrow{width:34px; height:34px;}
  .hero-arrow.prev{left:12px;}
  .hero-arrow.next{right:12px;}

  .btn-luxury{padding:13px 22px; font-size:12px;}

  .marquee-track span.item{font-size:16px; padding:0 18px;}

  .product-card{width:198px;}

  .video-section{padding:46px 0 40px;}
  .video-section-head{margin-bottom:24px;}
  .video-section-head h2{font-size:30px;}
  .video-section-head p{font-size:12px; line-height:1.5;}
  .video-carousel{padding:0;}
  .video-card-body{min-height:66px; padding:9px 9px 11px;}
  .video-card-body span{font-size:7px; letter-spacing:.12em;}
  .video-card-body h3{font-size:15px;}
  .video-carousel .owl-nav{
    position:static;
    justify-content:center;
    gap:12px;
    margin-top:16px;
    transform:none;
  }
  .video-carousel.owl-theme .owl-nav button.owl-prev,
  .video-carousel.owl-theme .owl-nav button.owl-next{
    width:36px;
    height:36px;
  }
  .video-carousel.owl-theme .owl-dots{margin-top:12px;}

  .final-cta h3{font-size:22px;}
}

/* ----- 425 / 390 / 375 / 360 / 320 : small phones ----- */
@media (max-width:425px){
  .container, .container-xl{padding-left:18px; padding-right:18px;}
  .hero{height:650px; min-height:650px;}
  .hero-content{padding-top:138px; padding-bottom:26px;}
  .hero-title{font-size:32px;}
  .hero-arrow{display:none;}
  .hero-dots{bottom:16px;}
  .category-grid{grid-template-columns:1fr !important;}
  .section-head-center{margin-bottom:40px;}
  .modal-luxury .modal-body{padding:20px;}

  .video-section .container-xl{padding-left:12px; padding-right:12px;}
  .video-section-head{padding:0 8px;}
}

/* Preserve the compact reference composition on smaller desktop screens. */
@media (min-width:992px) and (max-width:1200px){
  .craft-text{padding:24px 36px;}
}

/* Wide desktops use a larger real layout instead of browser-style zoom. */
@media (min-width:1440px) and (max-width:1999.98px){
  .container-xl{max-width:1500px;}
}

@media (min-width:2000px){
  .container-xl{max-width:1700px;}
}