/* FamilySafe 11Z.4 — centered Family offerings + supplied horizontal brand logo */

/* Families: center the current parent card, while remaining balanced if more
   genuine family offerings are added later. */
.public-site .family-offer-grid{
  grid-template-columns:repeat(auto-fit,minmax(300px,380px))!important;
  justify-content:center!important;
  align-items:stretch!important;
  width:100%!important;
}
.public-site .family-offer-grid>.launch-offer-card{
  width:100%!important;
  max-width:380px!important;
  justify-self:center!important;
}

/* Header: use the supplied horizontal FamilySafe Florida LLC artwork at its
   natural aspect ratio. The entire logo remains the Home link. */
.public-site .nav-wrap{
  min-height:152px!important;
}
.public-site .brand-logo-link{
  gap:0!important;
  flex:0 0 auto!important;
  padding:4px 0!important;
}
.public-site .brand-mark-wide{
  width:232px!important;
  height:136px!important;
  flex:0 0 232px!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#fff!important;
  border:1px solid #d7e4e2!important;
  box-shadow:0 10px 28px rgba(31,61,66,.10)!important;
}
.public-site .brand-mark-wide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
  border:0!important;
  border-radius:15px!important;
  box-shadow:none!important;
}

/* The new logo already contains the business name/tagline, so the header does
   not need a second text lockup beside it. */
.public-site .brand-logo-link .brand-copy{display:none!important}

/* Footer uses the same supplied mark for one consistent public identity. */
.public-site .footer-brand{
  align-items:center!important;
}
.public-site .footer-logo-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  text-decoration:none!important;
}
.public-site .footer-logo-link img{
  display:block!important;
  width:210px!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:14px!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
}

@media(max-width:1040px){
  .public-site .nav-wrap{min-height:130px!important}
  .public-site .brand-mark-wide{width:198px!important;height:116px!important;flex-basis:198px!important;border-radius:15px!important}
}
@media(max-width:860px){
  .public-site .nav-wrap{min-height:118px!important}
  .public-site .brand-mark-wide{width:174px!important;height:102px!important;flex-basis:174px!important;border-radius:14px!important}
}
@media(max-width:640px){
  .public-site .nav-wrap{min-height:100px!important}
  .public-site .brand-mark-wide{width:145px!important;height:85px!important;flex-basis:145px!important;border-radius:12px!important}
  .public-site .family-offer-grid{grid-template-columns:minmax(0,1fr)!important}
  .public-site .family-offer-grid>.launch-offer-card{max-width:420px!important}
  .public-site .footer-logo-link img{width:185px!important}
}
