/* Общие элементы интерфейса: уведомление о cookie и кнопка «Наверх». Подключаются на всех страницах через partials/ui-foot.php. */

/* ── Уведомление о cookie ── */
.ui-cookie{position:fixed;left:50%;bottom:16px;z-index:800;width:min(760px,calc(100vw - 24px));transform:translate(-50%,24px);opacity:0;pointer-events:none;transition:transform .35s var(--ease,ease),opacity .35s}
.ui-cookie.show{transform:translate(-50%,0);opacity:1;pointer-events:auto}
.ui-cookie-in{display:flex;align-items:center;gap:16px;background:var(--card,#fff);border-radius:24px;padding:16px 18px 16px 20px;box-shadow:0 24px 60px -18px rgba(20,22,27,.45),0 0 0 1px var(--line,rgba(20,22,27,.09))}
.ui-cookie-ic{flex:0 0 auto;width:42px;height:42px;border-radius:14px;background:var(--peach,#ffe6d5);color:var(--or-t,#c2410c);display:flex;align-items:center;justify-content:center}
.ui-cookie-ic svg{width:22px;height:22px}
.ui-cookie-tx{flex:1 1 auto;min-width:0;font-size:13.5px;line-height:1.5;color:var(--ink2,#565d6b)}
.ui-cookie-tx a{color:var(--ink,#14161b);font-weight:600;text-decoration:underline;text-decoration-color:rgba(255,107,26,.6);text-underline-offset:3px}
.ui-cookie-tx a:hover{text-decoration-color:var(--or,#ff6b1a)}
.ui-cookie-btn{flex:0 0 auto;height:44px;padding:0 24px;border:0;border-radius:999px;background:var(--or,#ff6b1a);color:var(--ink,#14161b);font:700 14.5px/1 var(--font,system-ui,sans-serif);cursor:pointer;transition:transform .2s var(--ease,ease),background .2s,box-shadow .2s;white-space:nowrap}
.ui-cookie-btn:hover{background:var(--or-d,#f25a08);transform:translateY(-1px);box-shadow:0 12px 24px -12px rgba(255,107,26,.85)}
@media(max-width:600px){
  .ui-cookie{bottom:12px}
  .ui-cookie-in{flex-wrap:wrap;gap:12px;padding:16px}
  .ui-cookie-ic{display:none}
  .ui-cookie-tx{flex-basis:100%;font-size:13px}
  .ui-cookie-btn{width:100%;height:46px}
}

/* ── Кнопка «Наверх» ── */
.ui-up{position:fixed;right:18px;bottom:calc(18px + var(--ui-lift,0px));z-index:700;width:48px;height:48px;border:0;border-radius:50%;background:var(--ink,#14161b);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 14px 30px -12px rgba(20,22,27,.6);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none;transition:opacity .25s,transform .25s var(--ease,ease),background .2s,bottom .3s var(--ease,ease)}
.ui-up.show{opacity:1;transform:none;pointer-events:auto}
.ui-up:hover{background:var(--or,#ff6b1a);color:var(--ink,#14161b)}
.ui-up svg{width:22px;height:22px}
@media(max-width:700px){.ui-up{right:14px;width:46px;height:46px}.ui-up.lift{--ui-lift:78px}}

@media print{.ui-cookie,.ui-up{display:none!important}}
@media(prefers-reduced-motion:reduce){.ui-cookie,.ui-up{transition:none}}