/* Footer V2 MOBILE/TABLET ONLY. Desktop rules live in footer-v2.css. */
@media (max-width:900px){
  .site-footer{
    background:var(--proto-bg-alt,#f4f0e8);
    border-top:1px solid var(--proto-line,#e4ded1);
    margin-top:34px;
  }

  .site-footer .footer-brand-band{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:32px 24px 26px!important;
    border-bottom:1px solid var(--proto-line-strong,#d8d0bd)!important;
  }
  .site-footer .footer-brand-band > *{min-width:0!important}

  .site-footer .footer-top{
    display:grid!important;
    grid-template-columns:minmax(0,.9fr) minmax(0,.9fr) minmax(0,1.2fr)!important;
    gap:22px 14px!important;
    padding:32px 24px 26px!important;
    align-items:start!important;
  }
  .site-footer .footer-top > div{min-width:0!important}
  .site-footer .footer-top > div:first-child{
    grid-column:auto!important;
    display:block!important;
    padding:0!important;
    border-bottom:0!important;
  }

  .site-footer .footer-logo{margin:0!important}
  .site-footer .brand-logo-footer{
    width:min(270px,78vw)!important;
    max-width:100%!important;
    height:auto!important;
  }
  .site-footer .footer-intro{
    margin:0!important;
    max-width:34rem!important;
    font-size:.82rem!important;
    line-height:1.58!important;
    color:var(--proto-ink-soft,#4a463f)!important;
  }

  .site-footer .footer-top h4{
    margin:0 0 12px!important;
    font-size:.66rem!important;
    font-weight:700!important;
    letter-spacing:.085em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    color:var(--proto-ink,#201d18)!important;
  }
  .site-footer .footer-top ul{
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }
  .site-footer .footer-top li{
    margin:0 0 7px!important;
    min-width:0!important;
  }
  .site-footer .footer-top li:last-child{margin-bottom:0!important}
  .site-footer .footer-top ul a,
  .site-footer .footer-top ul span{
    display:inline-block!important;
    max-width:100%!important;
    font-size:.72rem!important;
    line-height:1.42!important;
    color:var(--proto-ink-soft,#4a463f)!important;
    overflow-wrap:anywhere!important;
  }

  .site-footer .footer-bottom{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:18px 24px 22px!important;
    border-top:1px solid var(--proto-line-strong,#d8d0bd)!important;
    align-items:start!important;
    text-align:left!important;
  }
  .site-footer .footer-bottom > *{min-width:0!important}
  .site-footer .footer-social{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    flex-wrap:wrap!important;
    width:100%!important;
  }
  .site-footer .footer-social a{
    width:32px!important;
    height:32px!important;
    flex:0 0 32px!important;
  }
  .site-footer .footer-payment-badges{
    width:min(190px,58vw)!important;
    max-width:100%!important;
    height:auto!important;
    margin-left:4px!important;
    object-fit:contain!important;
  }
}

@media (max-width:640px){
  .site-footer .footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 20px!important;
  }
  .site-footer .footer-top > div:last-child{
    grid-column:1 / -1!important;
    padding-top:22px!important;
    border-top:1px solid var(--proto-line-strong,#d8d0bd)!important;
  }
}

@media (max-width:560px){
  .site-footer .footer-brand-band,
  .site-footer .footer-top,
  .site-footer .footer-bottom{
    padding-left:20px!important;
    padding-right:20px!important;
  }
  .site-footer .footer-applications{
    padding-left:20px!important;
    padding-right:20px!important;
  }
}

@media (max-width:390px){
  .site-footer .footer-top{
    gap:22px 14px!important;
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .site-footer .footer-top h4{font-size:.64rem!important}
  .site-footer .footer-top ul a,
  .site-footer .footer-top ul span{font-size:.7rem!important}
  .site-footer .footer-brand-band,
  .site-footer .footer-bottom,
  .site-footer .footer-applications,
  .site-footer .footer-newsletter{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}