/* компания МУРЕНКО — единый cookie-consent.
   Поведение и Метрика находятся в app.js; этот файл отвечает только за оформление. */
.cookie-notice{
 position:fixed;z-index:180;left:50%;bottom:22px;
 width:min(760px,calc(100vw - 32px));
 padding:18px 20px;border:1px solid #45494d;border-radius:18px;
 background:rgba(35,35,35,.98);color:#fff;
 box-shadow:0 18px 50px rgba(0,0,0,.28);
 backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 transform:translate(-50%,16px);opacity:0;visibility:hidden;pointer-events:none;
 transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
}
.cookie-notice.is-visible{
 transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto;
 transition-delay:0s;
}
.cookie-notice__head{display:flex;align-items:center;gap:11px;margin-bottom:8px}
.cookie-notice__mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #53575b;border-radius:10px;background:#2b2c2f;flex:0 0 auto}
.cookie-notice__mark img{width:22px;height:22px;object-fit:contain}
.cookie-notice h2{margin:0;color:#fff;font-size:16px;line-height:1.25;letter-spacing:-.02em}
.cookie-notice p{margin:0;color:#c9cccf;font-size:12px;line-height:1.5}
.cookie-notice p a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.cookie-notice__actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}
.cookie-notice__button{appearance:none;min-height:42px;padding:9px 14px;border-radius:10px;border:1px solid #5b5f63;background:#303236;color:#fff;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
.cookie-notice__button:hover{transform:translateY(-1px);border-color:#8b8f93;background:#383b3f}
.cookie-notice__button.is-primary{background:#ffaa14;border-color:#e39a1c;color:#232323;box-shadow:inset 0 1px 0 #ffd17c,0 2px 0 #dc941c}
.cookie-notice__button.is-primary:hover{background:#ffb42d}
.cookie-notice :focus-visible{outline:3px solid #ffaa14;outline-offset:3px}

/* Кнопка в тёмном футере: всегда читаема и остаётся полноценной областью нажатия. */
.footer-links .cookie-settings-link{
 appearance:none;border:0;background:transparent;color:#cbd0d3;font:inherit;font-size:inherit;
 min-height:36px;padding:0 2px;display:inline-flex;align-items:center;cursor:pointer;
 text-decoration:underline;text-underline-offset:4px;text-decoration-color:#7d858a;
 transition:color .15s,text-decoration-color .15s;
}
.footer-links .cookie-settings-link:hover{
 color:#fff;text-decoration-color:#ffaa14;
}
.footer-links .cookie-settings-link:active{color:#ffaa14}
.footer-links .cookie-settings-link:focus-visible{outline:2px solid #ffaa14;outline-offset:4px;border-radius:3px}

@media(max-width:700px){
 .cookie-notice{
  bottom:calc(84px + env(safe-area-inset-bottom,0px));
  width:calc(100vw - 24px);max-height:min(55dvh,420px);overflow:auto;
  padding:15px;border-radius:16px;
 }
 .cookie-notice h2{font-size:15px}.cookie-notice p{font-size:11px}
 .cookie-notice__actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .cookie-notice__button{width:100%;padding:8px 9px;font-size:11px;line-height:1.25}
}
@media(max-width:390px){
 .cookie-notice__actions{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
 .cookie-notice,.cookie-notice__button{transition:none}
}