/* footer */
.ft{background:var(--ink);color:#B9C9D1}
.ft__grid{max-width:var(--w);margin:0 auto;padding:var(--sp8) var(--gut) var(--sp6);
  display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:var(--sp6)}
.ft__word{font-family:var(--f-display);font-weight:700;font-size:1.25rem;color:#fff;letter-spacing:-.03em}
.ft__blurb{font-size:var(--t-md);margin-top:var(--sp4);max-width:34ch;color:#94A8B2}
.ft__label{font-family:var(--f-display);color:#fff;font-size:var(--t-md);margin-bottom:var(--sp4)}
.ft__list{list-style:none;display:grid;gap:10px}
.ft__list a{color:#B9C9D1;text-decoration:none;font-size:var(--t-md)}
.ft__list a:hover{color:#fff;text-decoration:underline}
.ft__base{border-top:1px solid rgba(255,255,255,.13);padding:var(--sp5) var(--gut);text-align:center;
  font-size:var(--t-xs);color:#94A8B2}

.ft__social{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.ft__social li{
    margin:0;
}

.ft__social a{
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid var(--line-2);
    color:var(--text-1);
    font-size:18px;
    text-decoration:none;
    transition:.3s;
}

.ft__social a:hover{
    background:var(--brand);
    border-color:var(--brand);
    color:#fff;
}
footer.ft a.hd__logo img {
    max-width: 200px;
}
img.payment-strip {
    max-width: 75%;
}
.social-wrap ul li i {
  margin-top: 2px;
  font-size: 20px;
}
.bottom-footer-inner {
    display: flex;
    align-content: center;
    gap: 18px;
    justify-content: space-between;
}
footer ul{
    margin: 0;
    list-style: none;
    padding: 0;
}
footer ul li {
    list-style: none;
}
@media (max-width: 479px) {
  .ft__grid {
      grid-template-columns: 1fr;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
.ft__grid {
      grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .bottom-footer-inner {
      justify-content: center;
      flex-wrap: wrap;
      gap: 18px;
  }
  .social-wrap ul li i {
    font-size: 18px;
  }
}

/* ==========================================================================
   Responsive
   --------------------------------------------------------------------------
   Lives here rather than in global.css: footer.css loads later, so a base
   .ft__grid rule here would silently cancel a breakpoint declared there.
   ========================================================================== */

@media (max-width:960px){
  .ft__grid{grid-template-columns:1fr 1fr}
}

@media (max-width:560px){
  .ft__grid{grid-template-columns:1fr}
}