.contact-recommendations[hidden], .contact-return[hidden] { display: none; }
.contact-recommendations { grid-column: 1 / -1; padding: 22px 24px; border: 1px solid #ffffff55; border-radius: 18px; background: #fff7ef; text-align: left; color: #2b201c; }
.contact-recommendations__heading { margin: 0 0 5px; font-size: 19px; font-weight: 650; }
.contact-recommendations__hint { margin: 0 0 16px; font-size: 14px; line-height: 1.6; color: #756157; }
.contact-recommendations__list { display: grid; gap: 8px; }
.contact-recommendations__link { display: flex; flex-direction: column; gap: 5px; padding: 13px 15px; color: #32241d; background: #f5e8df; border-radius: 10px; text-decoration: none; }
.contact-recommendations__link strong { font-size: 16px; font-weight: 600; }
.contact-recommendations__link span { font-size: 13px; line-height: 1.5; color: #755b4e; }
.contact-recommendations__link:hover { background: #edd7c9; }
.contact-recommendations__link:focus-visible, .contact-return:focus-visible { outline: 2px solid #251b17; outline-offset: 3px; }
.contact-recommendations__count { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.contact-content-highlight { outline: 3px solid #d14d3b; outline-offset: -3px; }
.contact-return { position: fixed; bottom: 24px; left: 24px; z-index: 200; border: 1px solid #e3cabb; border-radius: 100px; padding: 14px 20px; background: #fff7ef; color: #38251d; font: inherit; font-size: 15px; box-shadow: 0 8px 30px #0002; cursor: pointer; }
@media(max-width:600px) { .contact-recommendations { padding: 18px 16px; } .contact-return { bottom: 16px; left: 16px; } }