/* Contact details, social destinations and delivery branding. */
.site-header nav>a.header-order { display: inline-flex; }
.site-footer { display: block; padding: 48px clamp(24px,4vw,72px) 28px; }
.footer-inner { max-width: 1360px; margin-inline: auto; }
.footer-topline { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-bottom: 32px; }
.site-footer .footer-brand { width: auto; flex-direction: row; gap: 17px; }
.site-footer .footer-brand .brand-chef { width: 54px; height: 70px; }
.site-footer .footer-brand .brand-wordmark { width: 320px; max-width: calc(100% - 71px); height: auto; }
.site-footer .footer-explore { justify-content: flex-end; gap: 23px; }
.footer-contact-panel { display: grid; grid-template-columns: 1.2fr 1fr 1fr; padding: 38px 16px; border: 1px solid #b69a64; border-radius: 22px; background: #fffaf0c9; box-shadow: inset 0 0 0 5px #fffaf0, inset 0 0 0 6px #b69a6433; }
.footer-contact-panel>section { min-width: 0; padding: 0 32px; text-align: center; }
.footer-contact-panel>section+section { border-left: 1px solid #b69a6466; }
.footer-label { display: inline-block; margin: 0 0 25px; padding: 9px 23px; border: 1px solid #965b43; border-radius: 30px; color: #fffaf0; background: #691c15; font: 600 12px/1.3 var(--sans); letter-spacing: 1.7px; text-transform: uppercase; }
.footer-invitation { margin: 0 0 23px; color: #523522; font: 500 31px/1.12 var(--serif); }
.footer-phones { display: flex; align-items: center; justify-content: center; gap: 13px; margin-bottom: 21px; color: #523522; }
.footer-phones>svg { width: 26px; height: 26px; flex: 0 0 26px; color: #785923; }
.footer-phones>div { display: grid; gap: 9px; }
.footer-phones a { font-size: clamp(14px,1.3vw,18px); font-weight: 700; white-space: nowrap; }
.footer-phones a:hover { text-decoration: underline; text-underline-offset: 4px; }
.site-footer .footer-messenger { min-height: 44px; padding: 11px 16px; font-size: 13px; gap: 10px; }
.footer-socials { display: flex; justify-content: center; gap: 25px; margin-top: 25px; }
.footer-socials>a { display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 13px; font-weight: 600; color: #62503b; }
.social-icon { display: grid; place-items: center; width: 43px; height: 43px; border-radius: 50%; color: white; transition: transform .2s ease; }
.social-icon svg { width: 25px; height: 25px; }
.social-facebook { background: #1877f2; }
.social-instagram { background: radial-gradient(circle at 28% 105%,#ffd776 5%,#f77737 27%,#e1306c 50%,#833ab4 78%,#405de6); }
.social-tiktok { background: #151515; }
.footer-socials>a:hover .social-icon { transform: translateY(-3px); }
.footer-qr { display: block; width: min(100%,222px); margin: 0 auto 15px; padding: 6px; border: 1px solid #b69a6480; border-radius: 12px; background: white; box-shadow: 0 3px 14px #7859230c; }
.footer-qr img { display: block; width: 100%; height: auto; border-radius: 6px; }
.footer-scan>p, .footer-delivery>p { margin: 0; font-size: 13px; line-height: 1.8; color: #71644f; }
.footer-domain { display: inline-flex; margin-top: 9px; font-size: 12px; }
.delivery-partners { display: grid; justify-items: center; gap: 17px; list-style: none; padding: 0; margin: 0 0 24px; }
.delivery-partners li { display: flex; justify-content: center; align-items: center; width: min(100%,236px); height: 71px; padding: 10px 16px; background: #fff; border: 1px solid #c1aa7d40; border-radius: 10px; }
.delivery-partners img { display: block; width: 100%; max-width: 200px; max-height: 50px; height: auto; object-fit: contain; }
.delivery-partners img.partner-grab { width: 120px; }
.delivery-partners img.partner-foodpanda { max-width: 214px; border-radius: 8px; }
.site-footer .footer-bottom { align-items: center; margin-top: 30px; padding-top: 22px; line-height: 1.7; }
.footer-bottom>.text-link { white-space: nowrap; font-size: 12px; }
.footer-credit a { text-decoration: underline; text-underline-offset: 3px; }
.site-footer a:focus-visible { outline: 3px solid #785923; outline-offset: 5px; border-radius: 5px; }
.messenger-fallback { margin: 12px 0 0; font-size: 12px; line-height: 1.7; }
.messenger-fallback a { color: #63471b; text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:1100px) {
 .footer-contact-panel>section { padding-inline: 20px; }
 .footer-label { font-size: 11px; padding-inline: 17px; letter-spacing: 1.3px; }
 .footer-socials { gap: 19px; }
 .site-footer .footer-brand .brand-wordmark { width: 280px; }
}
@media(max-width:800px) {
 .footer-topline { flex-direction: column; gap: 24px; }
 .site-footer .footer-explore { justify-content: center; }
 .footer-contact-panel { grid-template-columns: 1fr 1fr; gap: 30px 0; padding: 30px 14px; }
 .footer-contact-panel>.footer-contact { grid-column: 1/-1; padding-bottom: 30px; border-bottom: 1px solid #b69a6466; }
 .footer-contact-panel>.footer-scan { border-left: 0; }
 .footer-invitation { font-size: 32px; }
 .footer-phones a { font-size: 18px; }
 .site-footer .footer-bottom { flex-wrap: wrap; justify-content: center; text-align: center; }
 .footer-bottom>span:nth-child(2) { width: 100%; order: 3; }
}
@media(max-width:480px) {
 .site-footer { padding: 35px 20px 112px; }
 .site-footer .footer-brand .brand-chef { width: 46px; height: 60px; }
 .site-footer .footer-brand .brand-wordmark { width: 250px; max-width: calc(100% - 63px); }
 .site-footer .footer-explore { gap: 20px; font-size: 13px; }
 .footer-contact-panel { grid-template-columns: 1fr; gap: 28px; border-radius: 18px; }
 .footer-contact-panel>section { padding-inline: 12px; }
 .footer-contact-panel>section+section { border-left: 0; }
 .footer-contact-panel>.footer-scan { padding-bottom: 28px; border-bottom: 1px solid #b69a6466; }
 .footer-label { font-size: 12px; }
 .footer-socials { gap: 33px; }
 .site-footer .footer-bottom { gap: 14px; }
}
@media(prefers-reduced-motion:reduce) { .social-icon { transition: none; } }