#cookies_warning { float: left; clear: both; width: calc(100% - 40px); margin: 0 20px; position: fixed; bottom: 20px; left: 0; z-index: 1000; box-shadow: 0 0 20px rgba(2, 111, 147, 0.5); background-color: #ffffff; border-radius: 20px; }
.cookies-layout { float: left; clear: both; width: calc(100% - 40px); position: relative; padding: 20px; }
.cookies-text { line-height: 1.5; width: 100%; float: left; position: relative; text-align: left; }
.cbb { width: 15%; float: right; }
.cookies-btn { color: #fff; text-decoration: none; user-select: none; background: rgba(37, 122, 13, 0.8); padding: .7em 1.5em; outline: none; font-weight: bold; float: right; transition: all 0.1s ease-out 0s; border-radius: 10px; margin-left: 20px; border: none; cursor: pointer; font-family: inherit; font-size: inherit; }
.cookies-btn:hover { background: rgba(37, 122, 13, 1); color: #fff; cursor: pointer; text-decoration: none; }
.cookies-btn:active { background: rgba(37, 122, 13, 1); }
.cookies-btn-necessary { background: rgba(37, 122, 13, 0); color: #257a0d; box-shadow: inset 0 0 0 1px rgba(37, 122, 13, 0.6); }
.cookies-btn-necessary:hover { background: rgba(37, 122, 13, 0.1); color: #1c5c0a; }
.cookies-btn-necessary:active { background: rgba(37, 122, 13, 0.2); }
@media screen and (max-width: 800px){
#cookies_warning { width: calc(100% - 20px); margin: 0 10px; bottom: 10px; }
.cookies-layout { width: 100%; padding: 15px; }
.cookies-text { width: 100%; font-size: 14px; }
.cbb { width: calc(25% - 15px); }
.cookies-btn { margin: 0 0 10px 10px; }
}
/* audit P2: на телефонах баннер занимал до трети экрана (крупный шрифт,
   высокие кнопки, много отступов) и перекрывал плавающие кнопки WhatsApp/
   «Заказать звонок» снизу справа (template-parts/footer/floating-buttons.php,
   .call_buttons z-index:999 против #cookies_warning z-index:1000). Компактная
   версия ниже занимает меньше высоты; смещение самих плавающих кнопок вверх,
   пока баннер виден, — правило body.has-cookie-banner в styles.css (класс
   ставит/убирает jquery.cookieMessage.js). */
@media screen and (max-width: 767px){
#cookies_warning { bottom: 8px; border-radius: 14px; }
.cookies-layout { padding: 10px 12px; }
.cookies-text { font-size: 12px; line-height: 1.35; }
.cookies-btn { padding: .5em .9em; font-size: 12px; border-radius: 8px; margin: 0 0 8px 8px; }
}

/* audit P2/P3 (доработка): кнопки печатаются в разметке (jquery.cookieMessage.js,
   cookieMessageGenerate()) ПЕРЕД текстом, а сам текст с ссылкой «политика
   cookies» теперь обёрнут в <span class="cookies-msg"> (та же функция) —
   без этой обёртки текст обтекал кнопки узкой колонкой, а ссылка внутри
   него могла оторваться и встать в один ряд с кнопками. На ≤767px кладём
   .cookies-msg отдельным блоком на всю ширину (flex-basis:100% форсирует
   перенос), кнопки — строкой ниже, поровну (flex:1 1 0) и без переноса
   текста внутри (white-space:nowrap + компактные шрифт/паддинг), чтобы обе
   помещались в одну строку даже на 360px. На десктопе (>767px) правило не
   действует — .cookies-msg остаётся обычным inline-элементом, вёрстка
   баннера как была (float). */
@media screen and (max-width: 767px){
.cookies-text { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px; }
.cookies-msg { flex: 0 0 100%; }
.cookies-text .cookies-btn { order: 1; float: none; margin: 0; flex: 1 1 0; white-space: nowrap; text-align: center; font-size: 13px; padding: .45em .5em; }
}