/* WASIAT4D2 wasiat4d2-lp-jjk-stable-2.0.1: precise centered footer + accessible viewport drawer.
   Final stylesheet intentionally takes precedence over Webflow legacy rules. */

/* Footer – one shared central axis across every viewport. */
.footer {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  --jjk-footer-gutter: clamp(16px, 4vw, 48px);
  gap: clamp(16px, 2.5vw, 23px) !important;
  padding: clamp(38px, 5vw, 60px) var(--jjk-footer-gutter) 28px !important;
  text-align: center;
}
.footer .jjk-footer-logo {
  display: flex !important;
  width: min(100%, 860px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center;
}
.footer .jjk-footer-logo > .link-block-6 {
  display: flex !important;
  flex: 0 1 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 auto !important;
  line-height: 0;
}
.footer .jjk-footer-logo .jjk-brand--footer {
  display: block !important;
  flex: none !important;
  width: clamp(210px, 30vw, 340px) !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.footer .jjk-logo--footer { width: 100% !important; height: auto !important; }
.footer .jjk-footer-info {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: min(100%, 790px) !important;
  min-width: 0 !important;
  max-width: 100% !important;
  gap: 9px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.footer .jjk-footer-info p {
  width: 100%;
  max-width: 75ch;
  margin: 0 auto !important;
  overflow-wrap: break-word;
  text-align: center !important;
  text-wrap: pretty;
  line-height: 1.65;
}
/* Full-bleed dividing rule: precisely spans both viewport edges without 100vw overflow. */
.footer .jjk-footer-divider {
  display: block;
  width: calc(100% + 2 * var(--jjk-footer-gutter));
  max-width: none;
  height: 1px;
  min-height: 1px;
  flex: 0 0 1px;
  margin-inline: calc(-1 * var(--jjk-footer-gutter));
  padding: 0;
  border: 0;
  background: var(--jjk-softline, rgba(180,214,239,.28));
  pointer-events: none;
}
.footer .jjk-footer-bottom {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(100%, 860px) !important;
  max-width: 100% !important;
  gap: 12px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  border-top: 0 !important;
}
.footer .jjk-footer-bottom .footer-text { max-width: 100%; text-align: center; }
.footer .jjk-footer-bottom .footer-links {
  display: flex !important;
  flex-flow: row wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px 22px !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}
.footer .jjk-footer-bottom .footer-link { display: inline-flex; min-height: 30px; align-items: center; }
@media (max-width: 420px) {
  .footer { --jjk-footer-gutter: 16px; gap: 16px !important; padding: 38px var(--jjk-footer-gutter) 24px !important; }
  .footer .jjk-footer-logo .jjk-brand--footer { width: min(250px, 100%) !important; }
  .footer .jjk-footer-info p { font-size: 12.5px; line-height: 1.65; }
  .footer .jjk-footer-bottom .footer-links { gap: 6px 14px !important; }
}