/* ================================================
   GSH CAPITAL — responsive.css
   Breakpoints : 1100px / 900px / 768px / 480px
   ================================================ */

/* ── 1100px ── */
@media (max-width: 1100px) {
  :root { --px: 48px; --sy: 96px; }
  .fg { grid-template-columns: 1fr 1fr; }
  .com-layout { grid-template-columns: 1fr; }
  .com-panel { display: none; }
}

/* ── 900px ── */
@media (max-width: 900px) {
  :root { --px: 32px; --sy: 72px; }
  .hc    { grid-template-columns: 1fr; }
  .hpanel { display: none; }
  .pr-grid { grid-template-columns: 1fr; }
  .pr-arrow { display: none; }
  .calc-lay, .dg, .cog,
  .bridge-layout, .con-layout { grid-template-columns: 1fr; }
  .calc-res, .drbox,
  .fsi, .con-visual { position: static; }
  .flay { grid-template-columns: 1fr; }
  .rpills { grid-template-columns: repeat(2,1fr); }
  .sit-grid { grid-template-columns: repeat(2,1fr); }
  .tg { grid-template-columns: 1fr; }
  .sw { grid-template-columns: 1fr; text-align: center; }
  .srw { margin: 0 auto; }
  .psteps, .cadre-grid,
  .com-types-grid { grid-template-columns: repeat(2,1fr); }
  .inv-grid { grid-template-columns: repeat(2,1fr); }
  .com-cta-inner { grid-template-columns: 1fr; }
  .com-cta-right { align-items: flex-start; }
  .eco-hrow { flex-direction: column; align-items: flex-start; gap: 16px; }
}

/* ── 768px ── */
@media (max-width: 768px) {
  :root { --px: 20px; --sy: 60px; --nav-h: 64px; }
  .nl { display: none; }
  .ncw .btn:not(.hb) { display: none; }
  .hb { display: flex; }
  #fc { display: flex !important; }
  .rpills { grid-template-columns: 1fr; }
  .sit-grid, .psteps,
  .com-types-grid, .inv-grid,
  .cadre-grid { grid-template-columns: 1fr; }
  .dw { padding: 40px 24px; }
  .pr-savings { grid-template-columns: repeat(3,1fr); }
  .hmet { gap: 24px; }
  .sticky-cta-desktop { display: none !important; }
}

/* ── 480px ── */
@media (max-width: 480px) {
  .hcts, .ucts, .scts { flex-direction: column; }
  .pr-savings { grid-template-columns: 1fr; }
  .hmet { gap: 18px; }
  .hmn { font-size: 2rem; }
  .com-cta-inner { padding: 40px 24px; }
  .com-ctas { flex-direction: column; }
  .bridge-points { gap: 10px; }
}