/* V184 — restore approved mobile hero crop and integrate trust figures into desktop first screen */

/* The trust strip is a sibling again. On desktop it visually overlays the bottom of Hero. */
@media (min-width:769px){
  html body[data-v184="true"] #top.hero-v176{
    padding-bottom:0!important;
    margin-bottom:0!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74{
    position:relative!important;
    z-index:5!important;
    margin-top:-116px!important;
    padding:0 0 20px!important;
    background:transparent!important;
    pointer-events:none;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74{
    width:min(calc(100% - 48px),960px)!important;
    max-width:960px!important;
    min-height:96px!important;
    margin:0 auto!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    border:1px solid rgba(188,145,78,.24)!important;
    border-radius:25px!important;
    background:rgba(255,250,243,.93)!important;
    box-shadow:0 18px 42px rgba(25,39,61,.11)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
    pointer-events:auto;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 article{
    min-height:96px!important;
    padding:14px 24px!important;
    border-right:1px solid rgba(174,112,37,.14)!important;
    border-bottom:0!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 article:last-child{
    border-right:0!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 strong{
    font-size:28px!important;
    line-height:1!important;
    color:#b47725!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 span{
    margin-top:7px!important;
    font-size:12px!important;
    line-height:1.25!important;
    color:#6d788a!important;
  }
}

/* Mobile: Hero is untouched by the metrics again. Lightweight 2 + 1 layout below it. */
@media (max-width:768px){
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74{
    position:relative!important;
    z-index:3!important;
    margin:0!important;
    padding:10px 0 18px!important;
    background:#fffdf9!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74{
    width:min(calc(100% - 28px),520px)!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 article{
    min-height:58px!important;
    padding:8px 8px 9px!important;
    border:0!important;
    background:transparent!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 article:first-child{
    border-right:1px solid rgba(174,112,37,.18)!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 article.trust-remote-v84{
    grid-column:1/-1!important;
    min-height:48px!important;
    margin-top:2px!important;
    padding-top:10px!important;
    border-top:1px solid rgba(174,112,37,.15)!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 strong,
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-money-v74 strong,
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-remote-v84 strong{
    display:block!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.02!important;
    color:#b47725!important;
    white-space:nowrap!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 span,
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-remote-v84 span{
    display:block!important;
    margin:4px 0 0!important;
    font-size:10px!important;
    line-height:1.22!important;
    color:#748093!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-remote-v84{
    flex-direction:row!important;
    gap:6px!important;
    flex-wrap:wrap!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-remote-v84 span{
    margin:1px 0 0!important;
    font-size:11px!important;
  }
}

@media (max-width:390px){
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 strong,
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-money-v74 strong,
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 .trust-remote-v84 strong{
    font-size:18px!important;
  }
  html body[data-v184="true"] #top.hero-v176 + .trust-strip-v74 .trust-grid-v74 span{font-size:9.5px!important}
}