/* =========================================================
   Silver Bridge Zone — responsive.css
   ========================================================= */

@media (max-width: 1080px) {
  :root { --s-7:4rem; --s-8:5.5rem; }
  .feature-grid { grid-template-columns:repeat(4,1fr); }
  .dest-card.lg { grid-column:span 4; } .dest-card.md{ grid-column:span 2; } .dest-card.sm{ grid-column:span 2; }
  .dest-card-center { grid-column:span 2; }
  .feature-grid-alt .dest-card:nth-child(2),
  .feature-grid-alt .dest-card:nth-child(5) { margin-top:0; }
  .gems-stagger .gem:nth-child(2),
  .gems-stagger .gem:nth-child(3) { transform:none; }
  .gems-stagger .gem:nth-child(2):hover,
  .gems-stagger .gem:nth-child(3):hover { transform:translateY(-5px); }
  .spotlight-wide .spot-body { margin-right:0; }
  .itin-grid { grid-template-columns:repeat(2,1fr); }
  .why-grid { grid-template-columns:repeat(2,1fr); }
  .gems, .blog-grid, .related, .budget-tiers { grid-template-columns:repeat(2,1fr); }
  .season-grid { grid-template-columns:repeat(2,1fr); }
  .dest-quickfacts { grid-template-columns:repeat(2,1fr); }
  .content-layout { grid-template-columns:1fr; }
  .sidebar { position:static; grid-template-columns:1fr 1fr; }
  .mustsee { grid-template-columns:1fr; }
  .feat-split { grid-template-columns:1fr; gap:var(--s-4); } .feat-split .feat-media{ min-height:240px; order:-1; }
  .blog-feature { grid-template-columns:1fr; } .blog-feature .bf-img{ min-height:240px; }
}

@media (max-width: 860px) {
  .nav-links, .nav-actions .btn-nav { display:none; }
  .nav-pill { display:none; }
  .nav-toggle { display:flex; }
  .mobile-menu { display:flex; position:fixed; inset:88px 0 0; z-index:48; background:var(--paper);
    transform:translateX(100%); transition:transform .4s var(--ease); padding:1.6rem; flex-direction:column; gap:.2rem; overflow-y:auto; }
  .mobile-menu.open { transform:translateX(0); }
  .mobile-menu a { padding:1rem 1.1rem; border-radius:10px; font-family:var(--display); font-weight:600; font-size:1.7rem; color:var(--ink); border-bottom:1px solid var(--line-soft); }
  .mobile-menu a:hover, .mobile-menu a[aria-current="page"] { color:var(--ocean-deep); }
  .mobile-menu .btn { margin-top:1.2rem; font-size:1.05rem; }
  body.menu-open { overflow:hidden; }

  .tips-grid, .tmls { grid-template-columns:1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .footer-top { grid-template-columns:1fr 1fr; } .footer-brand{ grid-column:1/-1; }
  .hero h1 { font-size:clamp(2.6rem,11vw,4rem); }
}

@media (max-width: 640px) {
  body { font-size:1rem; }
  .shell { padding-inline:1.2rem; }
  :root { --s-7:3.25rem; --s-8:4.25rem; }
  .feature-grid { grid-template-columns:1fr; }
  .dest-card.lg, .dest-card.md, .dest-card.sm, .dest-card-center { grid-column:span 1; min-height:300px; }
  .itin-grid, .why-grid, .gems, .blog-grid, .related, .budget-tiers, .season-grid, .dest-quickfacts { grid-template-columns:1fr; }
  .dest-quickfacts { margin-top:-2rem; }
  .form-row { grid-template-columns:1fr; }
  .hero-cta { flex-direction:column; } .hero-cta .btn{ width:100%; }
  .footer-top { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; align-items:flex-start; }
  .ms { grid-template-columns:1fr; } .ms .ms-img{ min-height:160px; }
  .sidebar { grid-template-columns:1fr; }
  .spotlight .spot-body{ padding:1.8rem; }
}