:root{
  --fw-bg:#000;
  --fw-text:#e5e7eb;
  --fw-muted:#c7cbd1;
  --fw-gap:32px;
  --fw-logo-h:80px;
}

.footer-widgets{
  background:var(--fw-bg);
  color:var(--fw-text);
  padding:20px 0;
  
}

.footer-widgets .container{
  background:transparent!important;
}

.footer-wrap{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:var(--fw-gap);
  align-items:start;
}

.footer-left{
  display:block;
}

.footer-left > a{
  display:inline-flex;
  align-items:center;
  flex:0 0 auto;
}

.footer-logo{
  height:var(--fw-logo-h);
  width:auto;
}

.footer-desc{
  margin:10px 18px 0;
  font-size:0.95rem;
  line-height:1.5;
  color:var(--fw-muted);
  text-align:left;
}

.footer-right h3{
  margin:0 0 6px;
  font-size:0.875rem;
  letter-spacing:.3px;
  color:#fff;
}

.footer-right .links-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px 28px;
  list-style:none;
  margin:0;
  padding:0;
}

.footer-right .links-grid a{
  color:var(--fw-text);
  text-decoration:none;
  font-size:0.875rem;
  line-height:1.2;
}

.footer-right .links-grid a:hover{
  text-decoration:underline;
}

.footer-right .links-grid .li-sitemap{
  position:absolute!important;
  width:1px;
  height:1px;
  margin:-1px;
  padding:0;
  overflow:hidden;
  clip:rect(0,0,0,0);
  clip-path:inset(100%);
  white-space:nowrap;
  border:0;
}

@media (min-width:768px){
  .footer-left{
    display:flex;
    align-items:center;
    gap:14px;
    min-height:var(--fw-logo-h);
  }

  .footer-desc{
    margin:0;
    flex:1 1 auto;
    min-width:0;
    white-space:normal;
    overflow:visible;
    text-overflow:clip;
    max-width:none;
  }
}

@media (max-width:768px){
  .footer-wrap{
    grid-template-columns:1fr;
    gap:16px;
    text-align:center;
  }

  .footer-desc{
    text-align:center;
    margin:10px 0 0;
  }

  .footer-right .links-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px 16px;
    justify-items:center;
  }

  .footer-right .links-grid a{
    font-size:0.8125rem;
  }
}

@media (min-width:1024px){
  .footer-widgets .links-grid a[href*="terms"],
  .footer-widgets .links-grid a[href*="conditions"]{
    white-space:nowrap;
    display:inline-block;
  }

  .footer-widgets .links-grid a[href*="terms"]{
    font-size:0.85rem;
    letter-spacing:0;
  }
}