/* Футер по образцу stan-torgi.ru (new-footer). Светлый, с контактами,
   колонками навигации и соцкнопками; на мобильных - аккордеоны. */

.new-footer { margin-top: 120px; font-family: 'Gilroy', 'Inter Tight', sans-serif; background: #FFFFFF; }
.new-footer * { box-sizing: border-box; }
.new-footer-container { width: min(1280px, calc(100% - 40px)); margin: 0 auto; padding: 38px 20px 35px; border-top: 1px solid rgba(79, 79, 79, .25); border-bottom: 1px solid rgba(79, 79, 79, .25); }
.new-footer-desktop { display: flex; justify-content: space-between; gap: 60px; }
.new-footer-left { display: flex; flex-direction: column; max-width: 290px; }
.new-footer-logo { display: inline-flex; }
.new-footer-logo img { width: 204px; height: auto; }
.new-footer-tagline { margin: 26px 0 42px; color: rgba(79, 79, 79, .7); font-size: 14px; line-height: 20px; }
.new-footer-contacts { display: flex; flex-direction: column; gap: 30px; }
.new-footer-contact-item { display: flex; align-items: center; gap: 10px; color: #4F4F4F; font-size: 20px; font-weight: 700; line-height: 20px; text-decoration: none; border: 0; background: transparent; font-family: inherit; cursor: pointer; padding: 0; }
.new-footer-contact-item:hover { color: #F8C700; }
.new-footer-contact-icon { flex-shrink: 0; fill: currentColor; stroke: currentColor; }
.new-footer-feedback-btn { width: 151px; height: 50px; display: inline-flex; align-items: center; justify-content: center; margin: 34px 0 37px; border-radius: 10px; background: transparent; color: #4F4F4F; font-size: 16px; font-weight: 600; text-decoration: none; transition: background-color .2s ease; box-shadow: 0 1px 4px .3px rgba(79, 79, 79, .4); }
.new-footer-feedback-btn:hover { background: #F8C700; }
.new-footer-social { display: flex; gap: 10px; }
.new-footer-social-link { position: relative; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(79, 79, 79, .5); border-radius: 5px; background: transparent; cursor: default; padding: 0; }
.new-footer-social-link-mail { cursor: pointer; }
.new-footer-social-link:hover { border-color: #F8C700; }
.new-footer-social-link img { max-width: 24px; max-height: 18px; }
.new-footer-social-tooltip { position: absolute; left: 50%; bottom: calc(100% + 10px); z-index: 5; min-width: 112px; padding: 9px 12px; border-radius: 8px; background: #4F4F4F; color: #fff; box-shadow: 0 4px 14px rgba(0, 0, 0, .16); font-family: inherit; font-size: 13px; font-weight: 600; line-height: 1; text-align: center; white-space: nowrap; opacity: 0; pointer-events: none; transform: translate(-50%, 6px); transition: opacity .2s ease, transform .2s ease; }
.new-footer-social-tooltip::after { content: ''; position: absolute; top: 100%; left: 50%; width: 10px; height: 10px; background: #4F4F4F; transform: translate(-50%, -5px) rotate(45deg); }
.new-footer-social-link:hover .new-footer-social-tooltip, .new-footer-social-link:focus-visible .new-footer-social-tooltip { opacity: 1; transform: translate(-50%, 0); }
.new-footer-nav { display: grid; grid-template-columns: repeat(3, minmax(140px, 1fr)); column-gap: clamp(30px, 5vw, 80px); row-gap: 60px; padding-top: 13px; height: 163px; }
.new-footer-nav-title { display: block; margin: 0 0 20px; color: #4F4F4F; font-size: 14px; font-weight: 600; line-height: 17px; text-decoration: none; }
.new-footer-nav-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 15px; }
.new-footer-nav-list li { height: 17px; display: flex; justify-content: start; align-items: center; }
.new-footer-nav-list a { color: rgba(79, 79, 79, .7); font-size: 14px; line-height: 17px; text-decoration: none; }
.new-footer-nav-list a:hover, a.new-footer-nav-title:hover { color: #F8C700; }

/* ---------- Мобильная версия ---------- */
.new-footer-mobile { display: none; flex-direction: column; align-items: center; text-align: center; }
.new-footer-logo-center { margin-bottom: 15px; }
.new-footer-tagline-center { margin: 0 0 30px; }
.new-footer-contacts-center { align-items: center; margin-bottom: 30px; }
.new-footer-mobile-nav { width: 100%; margin-bottom: 20px; }
.new-footer-accordion { margin-bottom: 20px; }
.new-footer-accordion-trigger { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; border: 0; background: transparent; color: #4F4F4F; font-family: inherit; font-size: 16px; font-weight: 700; line-height: 20px; text-decoration: none; cursor: pointer; }
.new-footer-accordion-arrow { width: 6px; height: 6px; border-right: 2px solid #4F4F4F; border-bottom: 2px solid #4F4F4F; transform: rotate(45deg); transition: transform .2s ease; }
.new-footer-accordion-trigger[aria-expanded="true"] .new-footer-accordion-arrow { transform: translateY(2px) rotate(225deg); }
.new-footer-accordion-content { max-height: 0; overflow: hidden; display: flex; flex-direction: column; gap: 15px; transition: max-height .25s ease, padding-top .25s ease; }
.new-footer-accordion-content.is-open { max-height: 220px; padding-top: 15px; }
.new-footer-accordion-content a { color: rgba(79, 79, 79, .7); font-size: 16px; font-weight: 500; text-decoration: none; }
.new-footer-feedback-btn-center { margin: 0 0 20px; }
.new-footer-social-center { justify-content: center; }

/* ---------- Нижняя строка ---------- */
.new-footer-bottom { width: min(1280px, calc(100% - 40px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 15px 20px; color: rgba(79, 79, 79, .7); font-size: 14px; line-height: 20px; }
.new-footer-bottom p { margin: 0; }
.new-footer-bottom a { color: #7F7F7F; text-decoration: none; }
.new-footer-bottom a:hover { color: #4F4F4F; }

@media (max-width: 980px) {
    .new-footer { margin-top: 60px; }
    .new-footer-container { padding: 20px 0; width: min(640px, calc(100% - 40px)); }
    .new-footer-desktop { display: none; }
    .new-footer-mobile { display: flex; }
    .new-footer-bottom { padding: 10px 20px; width: min(640px, calc(100% - 40px)); font-size: 12px; }
}

@media (max-width: 520px) {
    .new-footer-contact-item { font-size: 17px; }
    .new-footer-bottom { align-items: flex-start; flex-direction: column-reverse; gap: 8px; }
}

/* Текстовый логотип «Торги 102» в футере: фон светлый, знак тёмный. */
.new-footer-logo .brand-wordmark {
    font-family: 'Gilroy', 'Inter Tight', sans-serif;
    font-weight: 800; font-size: 30px; line-height: 1;
    letter-spacing: .01em; white-space: nowrap; color: #4F4F4F;
}
.new-footer-logo .brand-wordmark-num { color: #F8C700; margin-left: .28em; }