/* ===================================================================== SOLPOWER — Footer (адаптивный футер) Чистый HTML + CSS, без фреймворков. Для шаблона Joomla 2.5. Брейкпоинты: desktop >=1025 · tablet 641–1024 · mobile <=640 ===================================================================== */ :root{ --sp-orange:#F47B20; --sp-orange-dark:#E0680F; --sp-foot-bg:#222A37; --sp-foot-bg-2:#1D2530; --sp-foot-border:#2E3744; --sp-foot-card:#2C3542; --sp-foot-link:#9AA1AD; --sp-foot-link-2:#C7CCD4; --sp-foot-muted:#727C8B; --sp-foot-muted-2:#8A92A3; --sp-foot-icon:#F8954A; } /* Paint the document root in the footer colour so any area below the (dark) footer — the iOS Safari overscroll bounce or a short page — blends into the footer instead of flashing white. The light page content sits on the white layered above this. */ html{background-color:var(--sp-foot-bg);} .sp-footer *{box-sizing:border-box;} .sp-footer{font-family:'Nunito',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;background:var(--sp-foot-bg);color:#fff;} .sp-footer a{text-decoration:none;} .sp-footer .sp-inner{max-width:1234px;margin:0 auto;padding:0 32px;} /* ----- строка преимуществ ----- */ .spf-trust{border-bottom:1px solid var(--sp-foot-border);} .spf-trust .sp-inner{padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;} .spf-feat{display:flex;align-items:center;gap:13px;} .spf-feat__ico{width:42px;height:42px;flex:none;border-radius:11px;background:rgba(244,123,32,.14);display:flex;align-items:center;justify-content:center;} .spf-feat b{display:block;font-size:14px;font-weight:700;color:#fff;} .spf-feat span{font-size:12.5px;font-weight:500;color:var(--sp-foot-muted-2);margin-top:2px;} /* ----- основные колонки ----- */ .spf-main .sp-inner{padding:44px 32px 38px;display:grid;grid-template-columns:1.7fr 3.3fr;gap:40px;} .spf-cols{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:40px;} .spf-brand__logo{display:flex;align-items:center;gap:11px;margin-bottom:16px;} .spf-brand__mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#FF9A3D,#F47B20);display:flex;align-items:center;justify-content:center;} .spf-brand__name{font-size:23px;font-weight:800;letter-spacing:-.02em;color:#fff;} .spf-brand__name .o{color:var(--sp-orange);} .spf-brand__text{margin:0 0 20px;font-size:13.5px;line-height:1.6;color:var(--sp-foot-link);font-weight:500;max-width:340px;text-wrap:pretty;} .spf-soc{display:flex;gap:9px;} .spf-soc a{width:38px;height:38px;border-radius:11px;background:var(--sp-foot-card);color:#AEB4BE;display:flex;align-items:center;justify-content:center;transition:all .15s;} .spf-soc a:hover{background:var(--sp-orange);color:#fff;} /* соцсети в нижней строке — только на мобайле (см. media 640) */ .spf-soc--bottom{display:none;} .spf-col h3{margin:0 0 16px;font-size:13px;font-weight:700;color:#fff;letter-spacing:.06em;text-transform:uppercase;} .spf-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;} .spf-col a{font-size:13.5px;font-weight:500;color:var(--sp-foot-link);transition:color .15s;} .spf-col a:hover{color:var(--sp-orange);} .spf-contacts__phone{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:800;margin-bottom:6px;} .spf-contacts__email{display:flex;align-items:center;gap:10px;color:var(--sp-foot-link);font-size:13.5px;font-weight:500;margin-bottom:16px;transition:color .15s;} .spf-contacts__email:hover{color:var(--sp-orange);} .spf-tg{display:inline-flex;align-items:center;gap:9px;background:var(--sp-orange);padding:11px 16px;border-radius:11px;transition:background .15s;} .spf-tg:hover{background:var(--sp-orange-dark);} .spf-tg span{font-size:13.5px;font-weight:700;color:#fff;} /* ----- SEO текст ----- */ .spf-seo{border-top:1px solid var(--sp-foot-border);} .spf-seo .sp-inner{padding:26px 32px;} .spf-seo h2{margin:0 0 9px;font-size:14px;font-weight:700;color:var(--sp-foot-link-2);} .spf-seo p{margin:0;font-size:12.5px;line-height:1.65;color:var(--sp-foot-muted);font-weight:500;text-wrap:pretty;} /* убрать пустую белую полосу-заглушку под футером (пустой mod_custom в позиции debug) */ body > .custom{display:none;} /* контакты: убрать значок принтера над картами */ .mapprint{display:none;} /* ----- нижняя строка ----- */ .spf-bottom{border-top:1px solid var(--sp-foot-border);background:var(--sp-foot-bg-2);} .spf-bottom .sp-inner{padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;} .spf-copy{font-size:12.5px;color:var(--sp-foot-muted);font-weight:500;} .spf-bottom__right{display:flex;align-items:center;gap:18px;} .spf-pay{display:flex;gap:7px;} .spf-pay span{font-size:11px;font-weight:800;color:var(--sp-foot-link);background:var(--sp-foot-card);border-radius:6px;padding:5px 10px;letter-spacing:.03em;} .spf-lang{display:flex;align-items:center;gap:2px;background:var(--sp-foot-card);border-radius:9px;padding:3px;} .spf-lang a{font-size:12.5px;font-weight:600;color:var(--sp-foot-link);padding:4px 11px;border-radius:6px;} .spf-lang a.is-active{color:#fff;background:var(--sp-orange);font-weight:700;} /* ===================================================================== TABLET (<= 1024px) ===================================================================== */ @media (max-width:1024px){ .sp-footer .sp-inner{padding-left:24px;padding-right:24px;} /* преимущества: 3 в ряд, компактнее, без подписи */ .spf-trust .sp-inner{padding:18px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;} .spf-feat__ico{width:38px;height:38px;border-radius:10px;} .spf-feat b{font-size:12.5px;line-height:1.3;} .spf-feat span{display:none;} /* бренд отдельной строкой над колонками */ .spf-main .sp-inner{display:block;padding:0;} .spf-brand{padding:28px 24px 20px;border-bottom:1px solid var(--sp-foot-border);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;} .spf-brand__inner{max-width:420px;} .spf-brand__text{margin-bottom:0;} .spf-cols{padding:26px 24px 24px;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:28px;} .spf-soc a{width:36px;height:36px;border-radius:10px;} } /* ===================================================================== MOBILE (<= 640px) ===================================================================== */ @media (max-width:640px){ .sp-footer .sp-inner{padding-left:18px;padding-right:18px;} /* на мобайле блок преимуществ скрываем (по требованию) */ .spf-trust{display:none;} .spf-feat span{display:block;} /* кнопка Telegram — на всю ширину */ .spf-tg{display:flex;width:100%;justify-content:center;} /* бренд */ .spf-brand{flex-direction:column;padding:22px 18px 18px;gap:16px;} /* колонки: 2 в ряд */ .spf-cols{grid-template-columns:1fr 1fr;gap:18px 14px;padding:22px 18px;} /* контакты — на всю ширину, чтобы кнопка Telegram была во всю ширину */ .spf-contacts{grid-column:1 / -1;} /* SEO и низ */ .spf-seo .sp-inner{padding:22px 18px;} .spf-bottom .sp-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:18px;} .spf-bottom__right{width:100%;justify-content:space-between;} /* низ: вместо VISA/Mastercard — соцсети; соцсети из бренда убираем (не дублируем) */ .spf-pay{display:none;} .spf-brand .spf-soc{display:none;} .spf-soc--bottom{display:flex;} } /* ---- page scrollbar: hide it so it doesn't read as a white vertical line against the dark footer. The page still scrolls (wheel/touch/keys) and inner scroll areas (menus, dropdown lists) keep their own scrollbars. ---- */ html{scrollbar-width:none;-ms-overflow-style:none;} html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none;}