/* PATCH 204 — final correction: original logo + clean full-width hero */

:root{
  --f204-cyan:#069bd0;
  --f204-blue:#0878ac;
  --f204-navy:#062c4e;
  --f204-deep:#031a31;
  --f204-gold:#ffbb20;
}

/* More visible cyan -> navy gradient behind header/hero */
.tb-app-bg{
  background:
    radial-gradient(ellipse at 50% -58px,
      rgba(22,205,239,.66) 0%,
      rgba(9,165,211,.45) 33%,
      rgba(7,111,156,.18) 60%,
      transparent 72%),
    linear-gradient(180deg,
      #079dcc 0px,
      #0788b7 54px,
      #086b96 105px,
      #075077 155px,
      #063653 215px,
      #eef4f8 216px,
      #eef4f8 100%)!important;
}

.tb-app-main{
  max-width:452px!important;
  padding:7px 12px 20px!important;
}

/* Preserve exact original fish proportions */
.tb-brand-logo-faith199{
  width:187px!important;
  height:74px!important;
  object-fit:contain!important;
  transform:none!important;
  filter:none!important;
}

/* Hero image fills the complete right side, with zero gap */
.tb-home-hero-faith199{
  position:relative!important;
  min-height:322px!important;
  padding:23px 20px 18px!important;
  border-radius:22px!important;
  overflow:hidden!important;

  background-image:
    linear-gradient(90deg,
      rgba(4,31,59,1) 0%,
      rgba(4,31,59,1) 34%,
      rgba(4,31,59,.96) 47%,
      rgba(4,31,59,.78) 59%,
      rgba(4,31,59,.40) 73%,
      rgba(4,31,59,.10) 90%,
      rgba(4,31,59,0) 100%),
    linear-gradient(180deg,
      rgba(3,27,52,.06) 0%,
      rgba(3,27,52,.05) 50%,
      rgba(3,27,52,.30) 77%,
      rgba(3,27,52,.72) 100%),
    url('../img/faith-mobile-hero-clean-204.webp')!important;

  background-color:#041f3b!important;
  background-repeat:no-repeat,no-repeat,no-repeat!important;
  background-position:0 0,0 0,right top!important;
  background-size:100% 100%,100% 100%,52% 100%!important;

  border:1px solid rgba(255,255,255,.13)!important;
  box-shadow:0 14px 29px rgba(3,25,47,.20)!important;
}

/* remove old strips/pseudo ornaments forever */
.tb-home-hero-faith199:before,
.tb-home-hero-faith199:after{
  display:none!important;
  content:none!important;
  width:0!important;
  height:0!important;
  border:0!important;
  background:none!important;
}

/* prevent any internal legacy decorative vertical stripe */
.tb-home-hero-faith199 > *{
  position:relative;
  z-index:2;
}
.tb-home-hero-faith199 .tb-hero-art,
.tb-home-hero-faith199 .tb-hero-image{
  display:none!important;
}

/* Typography/spacing aligned with reference */
.tb-home-hero-faith199 .label{
  min-height:29px!important;
  padding:0 12px!important;
  margin-bottom:16px!important;
  border-radius:999px!important;
  font-size:8.7px!important;
}

.tb-home-hero-faith199 h1{
  max-width:278px!important;
  margin:0 0 11px!important;
  font-size:29px!important;
  line-height:1.05!important;
  letter-spacing:-.042em!important;
}

.tb-home-hero-faith199 p{
  max-width:290px!important;
  font-size:11.1px!important;
  line-height:1.5!important;
}

.tb-home-hero-faith199 .tb-hero-actions-mobile{
  margin-top:25px!important;
  grid-template-columns:1.12fr .88fr!important;
  gap:9px!important;
}

.tb-home-hero-faith199 .tb-primary-btn,
.tb-home-hero-faith199 .tb-secondary-btn{
  min-height:50px!important;
  border-radius:13px!important;
  font-size:10.5px!important;
}

/* floating nav faithful to mockup */
.tb-bottom-faith199{
  width:min(calc(100% - 18px),438px)!important;
  min-height:77px!important;
  bottom:6px!important;
  padding:7px 9px calc(7px + env(safe-area-inset-bottom))!important;
  border-radius:21px!important;
  background:
    linear-gradient(180deg,#083d63 0%,#063251 44%,#03233e 100%)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:
    0 14px 30px rgba(2,18,34,.40),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
}

.tb-bottom-faith199 a{
  min-height:58px!important;
  padding:5px 2px 7px!important;
  color:#d3dee7!important;
  background:transparent!important;
}

.tb-bottom-faith199 a.active{
  color:#ffc13b!important;
  background:transparent!important;
}

.tb-bottom-faith199 .tb-nav-ico svg{
  width:23px!important;
  height:23px!important;
  stroke-width:1.7!important;
}

.tb-bottom-faith199 small{
  font-size:9.5px!important;
  font-weight:800!important;
}

.tb-bottom-faith199 a.active:after{
  width:28px!important;
  height:2px!important;
  bottom:2px!important;
  background:#ffc13b!important;
}

@media(max-width:390px){
  .tb-app-main{padding-left:10px!important;padding-right:10px!important}
  .tb-brand-logo-faith199{width:160px!important;height:66px!important}
  .tb-home-hero-faith199{
    min-height:307px!important;
    padding:20px 15px 16px!important;
    background-size:100% 100%,100% 100%,53% 100%!important;
  }
  .tb-home-hero-faith199 h1{font-size:27px!important;max-width:250px!important}
  .tb-home-hero-faith199 p{font-size:10.4px!important;max-width:255px!important}
  .tb-bottom-faith199{width:calc(100% - 14px)!important}
}