/* responsive.css — must load after sections.css so overrides win */
/* ---------- RESPONSIVE ---------- */
@media (max-width: 880px){
  nav.links{display:none;}
  .burger{display:block;}
  .value-grid, .dest-grid, .test-grid, .news-grid, .blog-index-grid, .blog-related-grid{grid-template-columns:1fr;}
  .dest-detail-grid{grid-template-columns:1fr; gap:32px;}
  .about-grid{grid-template-columns:1fr; gap:36px;}
  .about-photo{max-width:320px; margin:0 auto;}
  form.quote-form{grid-template-columns:1fr;}
  .quote-wrap{padding:36px 24px;}
  section{padding:64px 0;}
}