.joopzy-footer { background: var(--ink); color: white; padding: 52px 0 28px; }
.joopzy-footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 44px; margin-bottom: 44px; }
.joopzy-fl-brand p { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.28); line-height: 1.7; margin-top: 10px; max-width: 190px; }
.joopzy-footer-col h5 { font-size: 9px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.2); margin-bottom: 15px; }
.joopzy-footer-col ul { list-style: none; }
.joopzy-footer-col li { margin-bottom: 8px; }
.joopzy-footer-col a { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.4); transition: color .15s; }
.joopzy-footer-col a:hover { color: white; }
.joopzy-footer-btm { padding-top: 22px; border-top: 1px solid rgba(255,255,255,.06); display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.joopzy-footer-copy { font-size: 11px; color: rgba(255,255,255,.16); font-weight: 500; }
.joopzy-pays { display: flex; gap: 5px; }
.joopzy-pay { background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.09); border-radius: 4px; padding: 3px 8px; font-size: 9px; font-weight: 700; color: rgba(255,255,255,.28); letter-spacing: .03em; }

/* Footer navigation menu reset */
.joopzy-footer-col .menu { list-style: none; padding: 0; margin: 0; }
.joopzy-footer-col .menu li { margin-bottom: 8px; }
.joopzy-footer-col .menu a { font-size: 12px; font-weight: 500; color: rgba(255,255,255,.4); transition: color .15s; }
.joopzy-footer-col .menu a:hover { color: white; }

@media (max-width: 640px) {
  .joopzy-footer { padding: 36px 0 24px; }
  .joopzy-footer-grid { grid-template-columns: 1fr 1fr; gap: 24px; margin-bottom: 28px; }
  .joopzy-fl-brand p { font-size: 11px; }
  .joopzy-footer-btm { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
}