/* Footer uses the existing Pesaby marketing typography and colors. */
.pesaby-footer { padding: 6.4rem 0 2.8rem; background: #fff8f1; border-top: 1px solid #f4e4d6 !important; }
.footer-main { max-width: 122.4rem; display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 5.6rem; }
.pesaby-footer .footer-brand { margin-bottom: 1.6rem; }
.pesaby-footer .footer-brand-copy { max-width: 30rem; font-size: 1.6rem; line-height: 1.7; color: #4e5969; margin: 0 0 1.6rem; }
.footer-local { margin: 0 0 2rem; color: #657080; font-size: 1.4rem; line-height: 1.6; }
.pesaby-footer .footer-demo-link { font-size: 1.6rem; font-weight: 700; color:#b95308; }
.pesaby-footer .footer-heading { font-size: 1.6rem; color: #062b50; font-weight: 700; margin: .4rem 0 2rem; line-height: 1.5; }
.pesaby-footer .footer-nav { list-style: none; margin: 0; padding: 0; gap: 1.35rem; }
.pesaby-footer .footer-link:link,.pesaby-footer .footer-link:visited { font-size: 1.5rem; color: #4e5969; line-height: 1.6; }
.pesaby-footer .footer-link:hover { color: #b95308; text-decoration:underline; text-underline-offset:4px; }
.footer-support-copy { max-width: 24rem; margin: 2rem 0 0; color: #657080; font-size: 1.4rem; line-height: 1.7; }
.footer-bottom { max-width: 122.4rem; display: flex; flex-wrap: wrap; align-items: center; gap: 2.4rem; margin-top: 4.8rem; padding-top: 2.4rem; position: relative; color: #657080; font-size: 1.3rem; line-height: 1.6; }
.footer-bottom::before { content: ''; position: absolute; top: 0; left: 3.2rem; right: 3.2rem; height: 1px; background: #ecdccc; }
.footer-bottom p { margin: 0; margin-right: auto; }
.footer-bottom a { color: #748196; text-decoration: none; }
.footer-bottom a:hover { color: #e87515; }
#pos-checkout, #stock-branches, #sales-reporting { scroll-margin-top: 11rem; }
@media (max-width: 59em) { .footer-main { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3.2rem; } .footer-brand-col { grid-column: 1 / -1; } .pesaby-footer .footer-brand-copy { max-width: 48rem; } }
@media (max-width: 44em) { .pesaby-footer { padding: 3.6rem 0 8rem; } .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem 2.4rem; } .footer-bottom { gap: 1.6rem; margin-top: 2.8rem; } .footer-bottom p { width: 100%; } .footer-bottom .footer-top { margin-left: auto; } }
@media (max-width: 25em) { .footer-main { gap: 2.8rem 1.6rem; } }