@media (max-width: 1100px){
  .site-nav{display:none;position:fixed;left:18px;right:18px;top:86px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}
  .nav-open .site-nav{display:block}
  .site-nav ul{display:grid;gap:10px}
  .has-dropdown{display:block}
  .dropdown{position:static!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;box-shadow:none;border:0;padding:6px 0 0 16px!important;min-width:0}
  .dropdown-toggle{display:none}
  .burger{display:grid}
  .header-cta{display:none}
  .services-grid.compact{grid-template-columns:repeat(2,1fr)}
  .blog-layout{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .container{width:min(100% - 28px, var(--container))}
  .header-inner{height:72px}
  .brand img{width:58px}
  .language-switcher{margin-left:auto}
  .hero-video{height:56vh;min-height:340px}
  .section{padding:42px 0}
  .services-grid,.services-grid.compact,.price-grid,.works-list-grid,.contact-cards,.related-blogs .blog-grid{grid-template-columns:1fr}
  .orange-cta{display:grid;text-align:left;padding:24px}
  .request-box{border-radius:28px;padding:30px 22px}
  .request-form,.contact-top .request-form{grid-template-columns:1fr}
  .service-feature-text,.service-inside-grid,.text-cols .container,.contact-top{grid-template-columns:1fr}
  .service-feature-text{gap:18px}
  .service-feature-text h2{font-size:26px}
  .service-image-caption{left:18px;right:18px;max-width:none;font-size:17px;padding:18px}
  .feature-tile-grid,.dark-grid{grid-template-columns:1fr}
  .price-tabs{overflow:auto;justify-content:flex-start}
  .blog-card a{grid-template-columns:1fr}
  .blog-card .blog-img{width:100%;height:220px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .works-dark .work-card{flex-basis:82vw}
  .contact-top .request-box{padding:30px 20px}
}
@media (max-width: 520px){
  .footer-grid{grid-template-columns:1fr}
  .center-counters{display:grid;grid-template-columns:1fr 1fr}
  .wide-rounded{height:180px}
  .work-card{flex-basis:78vw}
  .page-hero h1{font-size:22px}
}

@media (max-width: 991px){
  .site-header.is-home{background:rgba(17,25,34,.28);backdrop-filter:blur(10px)}
  .site-header.is-home .site-nav a,.site-header.is-home .dropdown-toggle,.site-header.is-home .lang-link{color:#fff}
  .compact-hero{height:62vh;min-height:360px}
}