/* r11c: стыки к главной и странице примера партнёра (архив Dalter-site 21.10, DC-экспорт — не правим). Здесь только то, чего в архиве
   нет: окно о cookie (поведение и текст — как cookie-notice.tsx). Шапка и подвал сайта (r13b) — site-chrome.css. Их переменные (--ink, --accent…)
   заданы только внутри их контейнера .dl, а окно cookie стоит вне его, поэтому мерки здесь свои (--j-*) — значения те же, что у них:
   поверхность #fff, текст #141614, подпись #636b68 (5,4:1 на белом), акцент #0f766e, скругления карточки 14px и кнопки 12px. */

.cookie-notice{--j-surface:#fff;--j-ink:#141614;--j-muted:#636b68;--j-line:rgba(0,0,0,.08);--j-accent:#0f766e;--j-accent-strong:#00635c;--j-accent-soft:#e6f2ef}

.cookie-notice{position:fixed;z-index:40;right:24px;bottom:24px;width:min(420px,calc(100vw - 48px));padding:18px 20px 14px;background:var(--j-surface);color:var(--j-ink);border:1px solid var(--j-line);border-radius:14px;box-shadow:0 24px 48px -16px #14161438;font:14px/1.55 Manrope,ui-sans-serif,system-ui,"Segoe UI",sans-serif;animation:cookie-in .2s cubic-bezier(.23,1,.32,1) both}
.cookie-notice p{margin:0;text-wrap:pretty}
.cookie-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.cookie-actions button{flex:1 1 auto}.cookie-actions a{flex-basis:100%}
.cookie-actions a{display:inline-flex;align-items:center;min-height:44px;color:var(--j-muted);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.cookie-actions a:hover{color:var(--j-ink)}
.cookie-actions button{min-height:44px;padding:0 16px;border:1px solid var(--j-accent);border-radius:12px;background:var(--j-surface);color:var(--j-accent-strong);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .15s ease}
.cookie-actions button:hover{background:var(--j-accent-soft)}
.cookie-notice :focus-visible{outline:2px solid var(--j-accent);outline-offset:3px;border-radius:4px}
html[data-cookie-ok] .cookie-notice{display:none}
@media(min-width:641px){html{scroll-padding-bottom:var(--cookie-h,0px)}body{padding-bottom:var(--cookie-h,0px)}}
@keyframes cookie-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
/* Телефон: полоса над шапкой в потоке — ничего не закрывает, в том числе кнопку «Получить смету» первого экрана. */
@media(max-width:640px){.cookie-notice{position:static;width:auto;padding:12px 16px 4px;border:0;border-bottom:1px solid var(--j-line);border-radius:0;box-shadow:none;animation:none}}

@media(prefers-reduced-motion:reduce){.cookie-notice{animation:none}.cookie-actions button{transition:none}}
@media print{.cookie-notice{display:none}}

/* r17: на 425–430 px декоративные листы первого экрана главной (.sc-fan, анимация) выступали за край на 4 px и давали горизонтальную прокрутку (было и до r17); обрезаем по краю страницы партнёра, без полосы прокрутки */
.dl{overflow-x:clip}

/* r17c: «Цена» → «Как формируется стоимость» на телефоне: в разметке Далтера у таблицы min-width 720px, на 390 суммы уезжали за край внутренней прокрутки
   (замечание проверки r16k). На узком экране снимаем минимальную ширину и сжимаем поля — три столбца видны целиком. Правка здесь, а не в assets/pricing-guide.css:
   тот файл целиком заменяется при следующем импорте архива Далтера (import_guides.py), этот — наш. */
@media(max-width:560px){
  .pricing-guide .table{min-width:0;font-size:15px}
  .pricing-guide .table th{padding:12px 8px;font-size:12px;line-height:1.35}
  .pricing-guide .table td{padding:14px 8px}
  .pricing-guide .table th:first-child,.pricing-guide .table td:first-child{padding-left:12px}
  .pricing-guide .table th:last-child,.pricing-guide .table td:last-child{padding-right:12px}
}