/* Окно согласия на cookie — плавающая карточка внизу экрана.
   Обе кнопки одного размера и одинаково заметны: так требует GDPR —
   отказ не должен быть спрятан. Стиль — белая карточка и кнопки сайта. */

.wid-consent{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:2000;
  display:flex;justify-content:center;
  padding:0 12px max(12px,env(safe-area-inset-bottom));
  pointer-events:none;
  font-family:-apple-system,BlinkMacSystemFont,'Onest','Segoe UI',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.wid-consent *{box-sizing:border-box}
.wid-consent__card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:16px 18px;
  width:min(980px,100%);
  padding:16px 16px 16px 18px;
  border:1px solid rgba(29,29,31,.06);
  border-radius:28px;
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(180%) blur(24px);-webkit-backdrop-filter:saturate(180%) blur(24px);
  box-shadow:0 24px 60px rgba(24,31,43,.18),0 2px 8px rgba(24,31,43,.06);
  color:#1D1D1F;
  pointer-events:auto;
  transform:translateY(calc(100% + 24px));
  opacity:0;
  transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .35s ease;
}
.wid-consent.is-open .wid-consent__card{transform:none;opacity:1}
.wid-consent__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff0c8;color:#c78912}
.wid-consent__icon{flex:none}
/* Иконка Phosphor «печенье» несимметрична: укус справа сверху смещает её
   зрительный центр влево вниз — чуть сдвигаем, чтобы она стояла ровно в круге. */
.wid-consent__icon svg{width:26px;height:26px;fill:currentColor;transform:translate(1px,-1px)}
.wid-consent__copy strong{display:block;font-size:16px;font-weight:700;letter-spacing:-.015em}
.wid-consent__copy p{margin:3px 0 0;color:#6e6e73;font-size:14px;line-height:1.45}
.wid-consent__copy a{color:#0a66d1;text-decoration:none;white-space:nowrap}
.wid-consent__copy a:hover{text-decoration:underline}
.wid-consent__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.wid-consent__button{
  min-height:46px;padding:0 18px;
  border:0;border-radius:999px;
  font:inherit;font-size:15px;font-weight:650;white-space:nowrap;
  cursor:pointer;
  transition:transform .3s cubic-bezier(.16,1,.3,1),background .2s ease;
}
.wid-consent__button:hover{transform:translateY(-1px)}
.wid-consent__button:focus-visible{outline:2px solid #0071E3;outline-offset:3px}
.wid-consent__button.is-primary{background:#1f7ff2;color:#fff}
.wid-consent__button.is-primary:hover{background:#166fdd}
.wid-consent__button.is-secondary{background:#e9ecf1;color:#1D1D1F}
.wid-consent__button.is-secondary:hover{background:#dfe3ea}

@media (max-width:760px){
  .wid-consent__card{grid-template-columns:auto minmax(0,1fr);align-items:start;padding:16px;border-radius:24px}
  .wid-consent__icon{width:44px;height:44px}
  .wid-consent__actions{grid-column:1/-1}
  .wid-consent__button{padding:0 12px;font-size:14px}
}
/* Узкие телефоны (320–360 px): две кнопки в ряд не помещаются — одна под другой. */
@media (max-width:360px){
  .wid-consent__actions{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .wid-consent__card{transition:opacity .2s ease;transform:none}
}