/* ───────────── 900px ───────────── */
@media(max-width:900px){
  .hero-grid{grid-template-columns:1fr;}
  .blueprint-wrap{order:-1;transform:scale(0.85);}
  .service-grid{grid-template-columns:1fr;}
  .room-grid{grid-template-columns:repeat(2,1fr);}
  .why-grid{grid-template-columns:repeat(2,1fr);}
  .quote-grid{grid-template-columns:1fr;}
  .process-grid{grid-template-columns:1fr 1fr;}
  .swatch-grid{grid-template-columns:1fr;}
  .stat-strip{grid-template-columns:repeat(2,1fr);}
  .stat:nth-child(2){border-right:none;}
  section{padding:60px 0;}
  .page-hero{padding:48px 0 40px;}
  .breadcrumb-area{padding:60px 0;}
  .related-grid a{font-size:12px;padding:8px 14px;}
  .page-content-section{padding:60px 0;}
}
@media(max-width:900px) and (min-width:861px){
  .footer-grid{grid-template-columns:repeat(4,1fr);}
}

/* ───────────── 768px ───────────── */
@media(max-width:768px){
  .wrap{padding:0 24px;}
  section{padding:48px 0;}
  .section-head{margin-bottom:32px;}
  .section-head h2{font-size:clamp(22px,5vw,28px);}
  .page-hero{padding:40px 0 34px;}
  .page-hero h1{font-size:clamp(24px,5.5vw,30px);}
  .page-hero p.lead{font-size:15px;}
  .hero-ctas{gap:10px;}
  .hero-ctas .btn{padding:13px 20px;font-size:13.5px;}
  .detail-grid-top{gap:32px;}
  .contact-form-map{gap:32px;}
  .contact-split{gap:32px;}
  .detail-grid,.gallery-grid,.contact-grid{gap:14px;}
  .process-grid{gap:16px;}
  .swatch-grid{gap:20px;}
  .footer-grid{gap:28px;}
  .cta-band{padding:40px 0;}
  .cta-band h2{font-size:clamp(20px,4.5vw,26px);}
  .breadcrumb-area{padding:48px 0;}
  .carousel-slide{height:260px;}
  .map-embed{min-height:300px;}
  .contact-map-box,.ci-map{height:200px;}
  .footer-grid{grid-template-columns:repeat(2,1fr);}
  footer{padding:48px 0 24px;}
  .page-content-section{padding:48px 0;}
  .page-content-wrap{padding:0 24px;}
}

/* ───────────── 560px ───────────── */
@media(max-width:560px){
  .wrap{padding:0 18px;}
  section{padding:40px 0;}
  .section-head{margin-bottom:26px;}
  .section-head h2{font-size:clamp(20px,6vw,24px);}
  .page-hero{padding:32px 0 28px;}
  .page-hero h1{font-size:clamp(20px,7vw,26px);margin-top:10px;}
  .page-hero p.lead{font-size:14px;margin-top:12px;}
  .hero-ctas{flex-direction:column;align-items:flex-start;gap:8px;}
  .hero-ctas .btn{width:100%;justify-content:center;padding:13px 20px;font-size:13px;}
  .btn{padding:13px 20px;font-size:13.5px;}
  .nav{padding:12px 18px;}
  .nav-links{top:56px;width:100vw;height:100vh;}
  .nav-links>a,.nav-dropdown>a{padding:14px 18px;font-size:13.5px;}
  .nav-dropdown-menu a{padding:10px 30px;font-size:13px;}
  .process-grid{grid-template-columns:1fr;}
  .stat-strip{grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 0;margin-top:20px;}
  .stat b{font-size:clamp(24px,8vw,32px);}
  .stat span{font-size:12px;}
  .detail-grid,.gallery-grid{grid-template-columns:1fr;}
  .contact-grid{grid-template-columns:1fr;}
  .room-grid,.why-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;gap:24px;}
  .footer-grid p{max-width:100%;}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px;padding-top:20px;font-size:11px;}
  footer{padding:40px 0 20px;}
  .cta-band{padding:32px 0;}
  .cta-band h2{font-size:clamp(18px,6vw,22px);}
  .cta-band p{font-size:12.5px;margin:10px 0 20px;}
  .breadcrumb-area{padding:36px 0;}
  .breadcrumb-txt h1{font-size:clamp(22px,7vw,28px);}
  .carousel-slide{height:200px;}
  .carousel-nav{width:32px;height:32px;}
  .carousel-nav svg{width:14px;height:14px;}
  .carousel-nav.prev{left:8px;}
  .carousel-nav.next{right:8px;}
  .map-embed{min-height:240px;}
  .contact-map-box,.ci-map{height:180px;}
  .detail-grid-top{gap:20px;}
  .contact-form-map,.contact-split{gap:20px;}
  .contact-form-box,.contact-info-box{padding:20px 16px;}
  .contact-info-row{gap:12px;padding:12px 0;}
  .contact-info-icon{width:36px;height:36px;}
  .contact-info-icon svg{width:15px;height:15px;}
  .contact-info-row h4{font-size:9.5px;}
  .contact-info-row p,.contact-info-row a{font-size:12.5px;}
  .contact-field-row{grid-template-columns:1fr;gap:0;}
  .contact-field input,.contact-field select,.contact-field textarea{padding:11px 14px;font-size:13px;}
  .contact-btn-submit{padding:12px 20px;font-size:14px;}
  .section-head p{font-size:14px;}
  .detail-card h3{font-size:14.5px;}
  .detail-card p{font-size:13px;}
  .card-image{height:120px;}
  .detail-card-body{padding:14px 16px 18px;}
  .process-step{padding:22px 16px;}
  .swatch-body{padding:16px;}
  .swatch-body h3{font-size:15px;}
  .form-row input,.form-row select,.form-row textarea{padding:12px 14px;font-size:13.5px;}
  .pagination-nav nav ul li a,.pagination-nav nav ul li span{padding:6px 10px;font-size:12px;}
  .tag-chip{font-size:10px;padding:4px 8px;}
  .page-content-section{padding:40px 0;}
  .page-content-wrap{padding:0 18px;}
  .page-content-body{font-size:15px;}
  .why-card{padding:20px 16px;}
  .why-card h3{font-size:14.5px;}
  .why-card p{font-size:13px;}
}

/* ───────────── 400px ───────────── */
@media(max-width:400px){
  .wrap{padding:0 14px;}
  section{padding:32px 0;}
  .page-hero{padding:28px 0 24px;}
  .page-hero h1{font-size:18px;}
  .hero-ctas .btn{padding:11px 16px;font-size:12.5px;}
  .nav{padding:10px 14px;}
  .nav-links>a,.nav-dropdown>a{padding:12px 14px;font-size:13px;}
  .stat-strip{grid-template-columns:1fr 1fr;gap:8px;}
  .footer-grid h4{font-size:10.5px;}
  .footer-grid a,.footer-grid p{font-size:13px;}
  .contact-info-box,.contact-form-box{padding:16px 12px;}
  .contact-info-icon{width:32px;height:32px;}
  .contact-info-icon svg{width:13px;height:13px;}
  .contact-field label{font-size:12px;}
  .btn{padding:11px 16px;font-size:12.5px;}
  .page-content-section{padding:32px 0;}
  .page-content-wrap{padding:0 14px;}
  .page-content-body{font-size:14px;}
  .why-card{padding:16px 12px;}
  .why-card h3{font-size:13.5px;}
  .why-card p{font-size:12px;}
  #scroll_up{width:34px;height:34px;bottom:70px;left:14px;}
  .floating-bar{right:10px;gap:8px;}
  .floating-bar .fb-btn{width:44px;height:44px;}
  .floating-bar .fb-btn svg{width:20px;height:20px;}
  .floating-bar .fb-btn .fb-tooltip{font-size:10px;padding:4px 10px;right:54px;}
  .wa-float{width:48px;height:48px;right:14px;bottom:14px;}
  .wa-float svg{width:22px;height:22px;}
}