/* /app/assets/site-layout.css */

/* Layout glue for pages (sticky footer, shell spacing).
   Note: .gf-footer appears here only as a layout participant (push-to-bottom),
   not as a visual footer styling (that stays in footer.css). */

/* =========================
   PAGE LAYOUT: sticky footer without breaking header
   ========================= */

body{
  /* 100svh — корректнее на iOS (учитывает адресную строку) */
  min-height:100svh;
  min-height:100vh;

  display:flex;
  flex-direction:column;
}

/* хедер всегда сверху */
header.gf-topbar{
  flex:0 0 auto;
}

/* основной контент растягивается и держит отступы */
.fs3-shell{
  flex:1 0 auto;
  width:100%;
  box-sizing:border-box;
  position:relative;

  /* ПК: единый отступ от шапки 60px (28 + 32 внутренний padding .fs3-body) */
  margin:28px auto 0;
  padding-bottom:120px;
}

/* футтер уезжает вниз, если контента мало */
.gf-footer{
  flex:0 0 auto;
  margin-top:auto !important;  /* ключевой момент */
}

/* MOBILE */
@media (max-width:768px){
  .fs3-shell{
    /* MOBILE: единый отступ от шапки 40px (16 + 24 внутренний padding .fs3-body) */
    margin:16px 0 0;
    padding-bottom:100px;
  }
}