/* KazokuKnives - footer.css (Prefixed, Kazoku Modern)
   Prefix: .kz-footer
*/

/* Accessibility */
.kz-footer .sr-only{
  position:absolute!important;
  width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0;
}

/* Footer base */
.kz-footer{
  background: var(--checkout);
  color: rgba(255,255,255,.92);
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  clear: both;
  margin-top: 30px;
}

.kz-footer .kz-footer__wrap{
  max-width: var(--container);
  margin: 0 auto;
  padding: 72px 18px 0;
}

/* Grid */
.kz-footer .kz-footer__grid{
  display:grid;
  grid-template-columns: 1.35fr 1fr 1fr 1.15fr;
  gap: 68px;
  align-items:start;
  padding-bottom: 72px;
}

/* Titles */
.kz-footer .kz-title{
  margin: 0 0 18px;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #fff;
}

/* Info */
.kz-footer .kz-info{display:flex;flex-direction:column;gap:14px;}
.kz-footer .kz-info__row{display:flex;gap:12px;align-items:flex-start;}

.kz-footer .kz-ico{
  width:32px;height:32px;display:grid;place-items:center;
  color:rgba(255,255,255,.92);
  flex:0 0 32px;
  transform:translateY(2px);
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.10);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease;
}

.kz-footer .kz-info__text{
  margin:0;font-size:14px;line-height:1.75;
  color:rgba(255,255,255,.78);
}

.kz-footer .kz-label{color:#fff;font-weight:700;}

/* Lists */
.kz-footer .kz-list{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:10px;
}
.kz-footer .kz-list a{
  color:rgba(255,255,255,.76);
  text-decoration:none;
  font-size:14px;
  border-radius:var(--radius-sm);
  padding:6px 8px;
  margin-left:-8px;
  transition:.18s ease;
}
.kz-footer .kz-list a:hover{
  color:#fff;background:rgba(255,255,255,.08);
}

/* Newsletter */
.kz-footer .kz-news{display:flex;gap:10px;max-width:420px;}
.kz-footer .kz-news__input{
  height:48px;width:100%;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.16);
  border-radius:var(--radius-sm);
  padding:0 14px;color:#fff;
}
.kz-footer .kz-news__btn{
  width:52px;height:48px;
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.16);
  color:#fff;
}


.payment-icons img{
  border-radius: 6px;
  margin-bottom: 12px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}

/* Social */
.kz-social__icons{
  display:flex;
  align-items:center;
  gap: 10px;
}

.kz-footer .kz-social{display:flex;gap:14px;margin-top: 15px;}

.kz-footer .kz-s{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:var(--radius-sm);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.78);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .12s ease;
}

.kz-footer .kz-s:hover {
    background: rgba(255, 255, 255, .12);
    border-color: rgba(255, 255, 255, .28);
}

/* Bottom bar */
.kz-footer .kz-bottom{
  border-top:1px solid rgba(255,255,255,.10);
  padding:18px 0 22px;
  display:flex;justify-content:space-between;gap:18px;
}

.kz-footer .kz-copy{
  color:rgba(255,255,255,.70);
  font-size:13px;
}


.kz-bottom__links{
  display:flex;
  gap: 18px 26px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

.kz-bottom__links a{
  color: rgba(255,255,255,.70);
  text-decoration:none;
  font-size: 13px;
  font-weight: 400;
  border-radius: var(--radius-sm);
  padding: 6px 8px;
  margin-right: -8px;
  transition: color .18s ease, background .18s ease;
}

.kz-bottom__links a:hover{
  color:#fff;
  background: rgba(255,255,255,.08);
}

.kz-bottom__links a:focus-visible{
  outline:none;
  box-shadow: 0 0 0 3px rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
}


/* Responsive */
@media (max-width:560px){
  .kz-footer .kz-footer__grid{
    grid-template-columns:1fr;
    gap:28px;
  }
}