/* ------------------------------------------------------------------
   Fansiz Footer — self-contained, no JS, no external requests.
   Every selector is scoped under .fz-footer.
   ------------------------------------------------------------------ */

/* The @font-face for "CairoFz" is printed inline by the plugin so the
   font URL stays absolute and survives CSS combining. */

.fz-footer{
  --fz-ground:#FBF9F7;
  --fz-surf:#FFFFFF;
  --fz-ink:#231F1B;
  --fz-mut:#6E655C;
  --fz-line:#E9E1D9;
  --fz-acc:#DB5A26;

  font-family:"CairoFz","Cairo",sans-serif;
  font-weight:400;
  font-size:16px;
  line-height:1.7;
  background:var(--fz-ground);
  color:var(--fz-ink);
  margin-top:64px;
  clear:both;
}
.fz-footer *{box-sizing:border-box}
.fz-footer a{color:inherit;text-decoration:none}
.fz-footer p{margin:0}
.fz-footer svg{display:block}

.fz-footer__in{
  max-width:1200px;
  margin-inline:auto;
  padding-inline:28px;
}

/* --- trust strip --- */
.fz-footer__trust{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:1px;
  background:var(--fz-line);
  border-top:1px solid var(--fz-line);
  border-bottom:1px solid var(--fz-line);
}
.fz-footer__trust > div{
  background:var(--fz-ground);
  display:flex;
  align-items:center;
  gap:12px;
  padding:20px 28px;
}
.fz-footer__trust svg{flex:none;color:var(--fz-acc)}
.fz-footer__trust b{display:block;font-size:15px;font-weight:700;line-height:1.4}
.fz-footer__trust small{display:block;font-size:13px;color:var(--fz-mut);line-height:1.5;font-weight:400}

/* --- main grid --- */
.fz-footer__main{
  display:grid;
  grid-template-columns:1.7fr 1fr 1fr 1fr;
  gap:44px 40px;
  padding:52px 0 44px;
}

.fz-footer__mark{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.fz-footer__mark svg{color:var(--fz-acc);flex:none}
.fz-footer__mark strong{font-size:24px;font-weight:800;letter-spacing:-.01em;line-height:1}

.fz-footer__about{
  margin:0 0 20px;
  color:var(--fz-mut);
  font-size:14.5px;
  line-height:1.85;
  max-width:42ch;
  font-weight:400;
}

.fz-footer__cta{
  display:inline-flex;
  align-items:center;
  gap:8px;
  background:var(--fz-acc);
  color:#fff;
  font-size:15px;
  font-weight:700;
  padding:11px 22px;
  border-radius:999px;
  transition:filter .18s ease,transform .18s ease;
}
.fz-footer__cta:hover,.fz-footer__cta:focus{color:#fff;filter:brightness(1.08);transform:translateY(-1px)}
.fz-footer__cta:focus-visible{outline:2px solid var(--fz-acc);outline-offset:3px}

/* flex (not inline-flex) so the address always sits on its own line
   under the button instead of squeezing in beside it */
.fz-footer__mail{
  display:flex;
  width:fit-content;
  align-items:center;
  gap:9px;
  margin-top:20px;
  font-size:14.5px;
  font-weight:400;
  color:var(--fz-mut);
  border-bottom:1px solid transparent;
  transition:color .18s ease,border-color .18s ease;
}
.fz-footer__mail svg{color:var(--fz-acc)}
.fz-footer__mail:hover{color:var(--fz-ink);border-bottom-color:var(--fz-acc)}
.fz-footer__mail:focus-visible{outline:2px solid var(--fz-acc);outline-offset:3px;border-radius:3px}

/* --- link columns --- */
.fz-footer__col h3{
  font-size:15px;
  font-weight:700;
  margin:0 0 6px;
  padding:0;
  color:var(--fz-ink);
  line-height:1.5;
}
.fz-footer__col h3::after{
  content:"";
  display:block;
  width:22px;
  height:2px;
  background:var(--fz-acc);
  border-radius:2px;
  margin-top:8px;
}
.fz-footer__col ul{
  list-style:none;
  margin:18px 0 0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:11px;
}
.fz-footer__col li{margin:0;padding:0}
.fz-footer__col li::marker{content:""}
.fz-footer__col a{
  font-size:14.5px;
  font-weight:400;
  color:var(--fz-mut);
  display:inline-block;
  transition:color .18s ease,transform .18s ease;
}
.fz-footer__col a:hover{color:var(--fz-acc);transform:translateX(-3px)}
.fz-footer__col a:focus-visible{outline:2px solid var(--fz-acc);outline-offset:3px;border-radius:3px}

/* --- bottom bar --- */
.fz-footer__bar{
  border-top:1px solid var(--fz-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  flex-wrap:wrap;
  padding:20px 0;
}
.fz-footer__copy{font-size:13.5px;font-weight:400;color:var(--fz-mut)}
.fz-footer__pay{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.fz-footer__pay span{
  font-size:12px;
  font-weight:700;
  letter-spacing:.03em;
  color:var(--fz-mut);
  border:1px solid var(--fz-line);
  border-radius:6px;
  padding:5px 11px;
  background:var(--fz-surf);
}
.fz-footer__secure{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:0 !important;
  background:none !important;
  padding:0 !important;
  font-size:13px !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
}
.fz-footer__secure svg{color:var(--fz-acc)}

/* --- responsive --- */
@media (max-width:992px){
  .fz-footer__main{grid-template-columns:1fr 1fr;gap:38px 32px}
  .fz-footer__brand{grid-column:1 / -1}
}
@media (max-width:600px){
  .fz-footer{margin-top:44px}
  .fz-footer__in{padding-inline:20px}
  .fz-footer__trust{grid-template-columns:1fr}
  .fz-footer__trust > div{padding:15px 20px}
  .fz-footer__main{grid-template-columns:1fr;gap:32px;padding:38px 0 32px}
  .fz-footer__bar{flex-direction:column;align-items:flex-start;gap:14px}
}

@media (prefers-reduced-motion:reduce){
  .fz-footer *{transition:none !important}
}