
@media (max-width: 1180px){
  .cards-grid.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}
  .process-grid,.numbers-grid,.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-map,.cta-band,.contact-layout,.hero-grid{grid-template-columns:1fr}
}
@media (max-width: 980px){
  :root{--header-height:82px}
  .header-inner{grid-template-columns:auto auto 1fr}
  .menu-toggle{display:grid;place-items:center}
  .site-nav{
    position:absolute;
    top:calc(100% + 10px);
    right:4%;
    left:4%;
    display:none;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:14px;
    border-radius:22px;
    background:color-mix(in srgb, var(--surface-strong) 94%, transparent);
    border:1px solid var(--line);
    box-shadow:var(--shadow-lg);
  }
  .site-nav.is-open{display:flex}
  .site-nav a{width:100%;justify-content:center;text-align:center}
  .header-actions{margin-inline-start:auto}
  .cards-grid,.faq-grid,.spotlight-grid{grid-template-columns:1fr 1fr}
  .map-list{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .container{width:min(94%, var(--container))}
  .hero-copy,.booking-card,.hero-side-card,.info-card,.feature-card,.area-card,.article-card,.process-step,.number-card,.contact-panel,.summary-box,.content-section,.cta-box,.faq-section{padding:20px}
  .hero-copy h1{font-size:clamp(1.9rem,11vw,3rem)}
  .inner-hero h1,.blog-hero h1,.article-hero h1{font-size:clamp(1.6rem,9vw,2.45rem)}
  .hero-highlights,.form-grid,.cards-grid,.cards-grid.four-up,.faq-grid,.spotlight-grid,.process-grid,.numbers-grid,.stats-row,.hero-kpis,.mini-kpis,.map-list{grid-template-columns:1fr}
  .cta-row .btn,.contact-grid .contact-chip{width:100%}
  .section-heading{flex-direction:column;align-items:flex-start}
  .footer-top,.footer-bottom{grid-template-columns:1fr;display:grid}
  .footer-bottom-links{gap:10px}
  .floating-actions{left:12px;bottom:12px}
  .floating-btn{width:52px;height:52px}
}
@media (max-width: 560px){
  .logo-mark{width:44px;height:44px}
  .logo-stack small{display:none}
  .hotline-pill{padding:10px 12px}
  .hotline-pill span{display:none}
  .theme-toggle,.menu-toggle{width:44px;height:44px}
  .article-hero,.hero-copy,.booking-card{padding:18px}
  .page-space{padding:26px 0 50px}
  .summary-box,.content-section,.cta-box,.faq-section{margin:12px}
}

@media (max-width: 560px){
  .lang-toggle{min-width:50px;height:44px;padding:0 12px}
}
