.rf-legal-banner{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;background:#111;color:#f4f4f4;box-shadow:0 -8px 32px rgba(0,0,0,.35);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
.rf-legal-banner[hidden]{display:none!important}
.rf-legal-banner__in{max-width:1120px;margin:0 auto;padding:14px 16px;display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.rf-legal-banner__text{flex:1 1 280px;margin:0;color:#eee}
.rf-legal-banner a{color:#9cdcff}
.rf-legal-banner__btns{display:flex;gap:8px;flex-wrap:wrap}
.rf-legal-banner button{cursor:pointer;border:0;border-radius:8px;padding:10px 14px;font:600 14px/1.2 inherit}
.rf-legal-banner__ok{background:#e8c547;color:#111}
.rf-legal-banner__no{background:#2b2b2b;color:#fff}
.rf-legal-doc{max-width:820px;margin:0 auto;padding:32px 16px 64px;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:inherit}
.rf-legal-doc h1{font-size:28px;line-height:1.25;margin:0 0 18px}
.rf-legal-doc h2{font-size:20px;margin:28px 0 10px}
.rf-legal-doc p,.rf-legal-doc li{margin:0 0 12px}
.rf-legal-doc ul{padding-left:22px}
.rf-legal-foot{font:13px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;opacity:.9}
.rf-legal-foot a{text-decoration:underline}
.rf-legal-18{font-weight:700}
@media(max-width:640px){.rf-legal-banner__in{padding:12px}.rf-legal-banner button{width:100%}}

/* Ссылки в подвале: flex-строка, разделитель рисует CSS.
   Раньше « · » был текстом и на узкой колонке переносился отдельной строкой —
   выглядело как одинокая точка под каждой ссылкой. */
.rf-legal-foot__row{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.rf-legal-foot__item{display:inline-block}
.rf-legal-foot__row > .rf-legal-foot__item + .rf-legal-foot__item::before{content:"·";display:inline-block;margin-right:6px;text-decoration:none;opacity:.55}
.rf-legal-foot__row a.rf-legal-foot__item::before{text-decoration:none}

/* Согласие у формы: длинный текст со ссылками должен переноситься по ширине
   контейнера, а не ломаться на куски вокруг ссылок. */
.rf-legal-consent{max-width:100%}
.rf-legal-consent > span{display:inline !important;flex:1 1 auto;min-width:0;white-space:normal !important;overflow-wrap:break-word;word-break:normal;hyphens:none}
.rf-legal-consent span a,.rf-legal-consent a{display:inline !important;white-space:normal !important;overflow-wrap:break-word;float:none !important}