footer.hv-site-footer { background: radial-gradient(ellipse at top left, #fff7e8 0%, transparent 60%), linear-gradient(125deg, #f5ead8 0%, #ead5b8 100%); color: #654d39; padding: 0 24px; border-top: 1px solid #e5d5bd; }
.hv-site-footer, .hv-site-footer * { box-sizing: border-box; }
.hv-footer-container { max-width: 1140px; margin: auto; }
.hv-footer-welcome { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 38px 0; border-bottom: 1px solid #dfccb2; }
.hv-footer-welcome span { font: 600 10px Arial, sans-serif; letter-spacing: 2px; color: #967248; }
.hv-footer-welcome h2 { font: 34px/1.2 Georgia, serif; color: #542d15; margin: 10px 0 0; }
.hv-site-footer a { color: #654d39; text-decoration: none; }
.hv-site-footer a:hover { color: #9a5e24; text-decoration: underline; }
.hv-site-footer a.hv-footer-book { background: #65330f; color: #fff3df; padding: 15px 24px; border-radius: 7px; font: 600 13px Arial, sans-serif; white-space: nowrap; }
.hv-site-footer a.hv-footer-book:hover { background: #81481e; text-decoration: none; }
.hv-footer-grid { display: grid; grid-template-columns: 1.15fr 1fr .8fr 1.25fr; gap: 40px; padding: 42px 0; }
.hv-footer-brand img { display: block; width: 280px; max-width: 100%; height: auto; }
.hv-footer-brand > p { border-top: 1px solid #cda97c; padding-top: 18px; }
.hv-footer-brand p, .hv-footer-contact p { font: 15px/1.8 Arial, sans-serif; color: #866e57; margin: 20px 0; }
.hv-site-footer h3 { color: #542d15; font: 24px/1.3 Georgia, serif; margin: 0 0 20px; }
.hv-footer-links > a, .hv-footer-contact > a { display: block; font: 15px/1.65 Arial, sans-serif; margin: 0 0 11px; overflow-wrap: anywhere; }
.hv-footer-contact p { margin: 0 0 15px; }
.hv-footer-contact h4 { color: #542d15; font: 600 15px/1.5 Arial, sans-serif; margin: 23px 0 12px; }
.hv-footer-social { display: flex; gap: 10px; }
.hv-footer-social a { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid #d8bea0; border-radius: 50%; font-size: 17px; }
.hv-footer-social a:hover { background: #e8d9c4; text-decoration: none; }
.hv-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 22px 0; border-top: 1px solid #dfccb2; }
.hv-footer-bottom p { font: 13px/1.6 Arial, sans-serif; color: #927b64; margin: 0; }
.hv-footer-bottom nav { display: flex; flex-wrap: wrap; gap: 10px 18px; }
.hv-footer-bottom nav a { font: 13px/1.6 Arial, sans-serif; }
.hv-site-footer a:focus-visible { outline: 2px solid #9a6c36; outline-offset: 4px; }
@media (max-width: 900px) { .hv-footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; } .hv-footer-bottom { flex-direction: column; align-items: flex-start; gap: 12px; } }
@media (max-width: 600px) { footer.hv-site-footer { padding: 0 20px; } .hv-footer-welcome { flex-direction: column; align-items: flex-start; padding: 30px 0; gap: 20px; } .hv-footer-welcome h2 { font-size: 29px; } .hv-footer-grid { gap: 30px 20px; padding: 32px 0; } .hv-footer-brand, .hv-footer-contact { grid-column: 1 / -1; } .hv-footer-brand img { width: 200px; } }