/* ==========================================================================
   LAPTOP CARE KOLKATA — Responsive Rules
   ========================================================================== */

/* ---------- 1280px ---------- */
@media (max-width:1280px){
  .container{max-width:1080px;}
  .onsite-block{padding:40px;}
}

/* ---------- 1024px ---------- */
@media (max-width:1024px){
  .main-nav{gap:22px;}
  .header-phone span{display:none;}
  .hero-grid{grid-template-columns:1fr;gap:44px;}
  .hero-visual{order:-1;}
  .hero-visual-frame{width:70%;margin:0 auto;aspect-ratio:16/10;}
  .hero-badge{left:8px;bottom:-18px;}
  .intro-split{grid-template-columns:1fr;gap:24px;}
  .feature-split{grid-template-columns:1fr;gap:30px;}
  .process-track{grid-template-columns:repeat(2,1fr);row-gap:36px;}
  .process-track::before{display:none;}
  .onsite-block{grid-template-columns:1fr;text-align:left;}
  .onsite-graphic{display:none;}
  .area-wrap{grid-template-columns:1fr;gap:26px;}
  .approach-grid{grid-template-columns:repeat(3,1fr);}
  .about-split{grid-template-columns:1fr;}
  .about-split img{aspect-ratio:16/9;}
  .focus-box{grid-template-columns:1fr;text-align:left;}
  .svc-detail-row,.svc-detail-row.reverse{grid-template-columns:1fr;}
  .svc-detail-row.reverse .svc-detail-media{order:0;}
  .svc-detail-media img{aspect-ratio:16/9;}
  .contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;row-gap:32px;}
}

/* ---------- 768px (tablet / mobile nav breakpoint) ---------- */
@media (max-width:768px){
  :root{--header-h:64px;}
  .main-nav{display:none;}
  .header-phone{display:none;}
  .header-actions .btn-blue.btn-sm{display:none;}
  .nav-toggle{display:flex;}
  .mobile-nav{display:block;}

  section{padding:var(--section-y-sm) 0;}
  .hero{padding:36px 0 30px;}
  .hero-copy .lede{max-width:none;}
  .hero-cta-row{flex-direction:column;align-items:flex-start;}
  .hero-cta-row .btn{width:100%;}
  .hero-cta-row .hero-call{width:100%;justify-content:center;padding:13px 0;border:1.5px solid var(--border);border-radius:var(--radius);}
  .hero-micro{gap:16px 26px;margin-top:34px;}

  .service-row{grid-template-columns:40px 1fr;gap:12px;padding:18px 0;}
  .service-arrow{display:none;}
  .service-row:hover{padding-left:0;}
  .service-row::before{left:-16px;}

  .process-track{grid-template-columns:1fr;gap:0;}
  .process-step{padding:20px 0 20px 26px;border-left:1.5px solid var(--border);padding-right:0;}
  .process-num{margin-bottom:10px;width:34px;height:34px;font-size:12px;margin-left:-17px;background:var(--off-white);}

  .onsite-block{border-radius:14px;padding:30px 22px;}
  .final-cta{flex-direction:column;align-items:flex-start;padding:32px 24px;border-radius:14px;}
  .final-cta-actions{width:100%;}
  .final-cta-actions .btn{flex:1;}

  .approach-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr;gap:28px;padding-bottom:28px;}
  .footer-bottom{flex-direction:column;text-align:center;gap:8px;}

  .contact-form-wrap{padding:22px;}

  .issue-grid{grid-template-columns:1fr;}

  .mobile-cta-bar{display:block;}
  body{padding-bottom:58px;}
  .back-to-top{bottom:70px;}
}

/* ---------- 480px ---------- */
@media (max-width:480px){
  .container,.container-narrow{padding:0 18px;}
  .hero-copy h1{font-size:30px;}
  .hero-visual-frame{width:100%;}
  .hero-badge{position:static;margin-top:14px;display:inline-flex;}
  .brand-logo{height:30px;}
  .approach-grid{grid-template-columns:1fr 1fr;gap:12px;}
  .approach-item{padding:16px 14px;}
  .onsite-copy p{max-width:none;}
  .footer-desc{max-width:none;}
}

/* ---------- 375px ---------- */
@media (max-width:375px){
  .hero-copy h1{font-size:27px;}
  .section-head h2{font-size:24px;}
  .final-cta h2{font-size:22px;}
  .approach-grid{grid-template-columns:1fr;}
}