/* Панель cookie — в стиле сайта: графит + золото */
.cookie-bar {
  position: fixed; z-index: 50; left: 0; right: 0; bottom: 0;
  padding: 16px; pointer-events: none;
}
.cookie-card {
  pointer-events: auto; position: relative; overflow: hidden;
  max-width: 920px; margin: 0 auto;
  display: grid; grid-template-columns: auto 1fr auto; gap: 18px 22px; align-items: center;
  padding: 20px 22px;
  border-radius: 22px;
  color: rgba(255, 255, 255, .78);
  background:
    radial-gradient(360px 160px at 0% 0%, rgba(216, 190, 138, .16), transparent 70%),
    linear-gradient(180deg, rgba(18, 25, 41, .97), rgba(11, 16, 28, .97));
  box-shadow: 0 24px 60px rgba(4, 7, 14, .45), inset 0 0 0 1px rgba(216, 190, 138, .28);
  backdrop-filter: blur(10px);
  font-family: "Onest", system-ui, sans-serif;
  animation: cookie-in .55s cubic-bezier(.22, 1, .36, 1) both;
}
.cookie-card::before {
  content: ""; grid-row: 1 / span 3; align-self: start;
  width: 46px; height: 46px; border-radius: 14px;
  background:
    center / 24px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2314110B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3a9 9 0 1 0 9 9 3.5 3.5 0 0 1-4-4 3.5 3.5 0 0 1-5-5z'/%3E%3Ccircle cx='8.5' cy='11' r='.8' fill='%2314110B'/%3E%3Ccircle cx='12' cy='15.5' r='.8' fill='%2314110B'/%3E%3Ccircle cx='15.5' cy='12.5' r='.8' fill='%2314110B'/%3E%3C/svg%3E"),
    linear-gradient(180deg, #DCC392, #B8975B);
  box-shadow: 0 8px 18px rgba(168, 135, 79, .3);
}
.cookie-card > * { grid-column: 2; }
.cookie-title {
  margin: 0; font-family: "Unbounded", "Onest", sans-serif;
  font-size: 15px; font-weight: 600; letter-spacing: .01em; color: #fff;
}
.cookie-card p { margin: 0; font-size: 14px; line-height: 1.5; }
.cookie-links { font-size: 13px; }
.cookie-links a { color: #D8BE8A; font-weight: 600; text-decoration: none; border-bottom: 1px solid rgba(216, 190, 138, .4); }
.cookie-links a:hover { color: #F1E2C2; border-color: #F1E2C2; }
.cookie-actions {
  grid-column: 3; grid-row: 1 / span 3; align-self: center;
  display: flex; flex-direction: column; gap: 10px;
}
.cookie-actions button {
  min-width: 160px; min-height: 46px; padding: 0 22px;
  border-radius: 999px; font: inherit; font-weight: 600; font-size: 15px;
  cursor: pointer; transition: transform .2s, background .2s, color .2s;
}
.cookie-accept {
  background: linear-gradient(180deg, #DCC392 0%, #B8975B 100%); color: #14110B; border: 0;
  box-shadow: 0 8px 20px rgba(168, 135, 79, .28), inset 0 1px 0 rgba(255, 255, 255, .35);
}
.cookie-accept:hover { transform: translateY(-1px); }
.cookie-reject { background: transparent; color: #E9DCC0; border: 1px solid rgba(216, 190, 138, .5); }
.cookie-reject:hover { background: rgba(216, 190, 138, .08); color: #fff; }
.cookie-actions button:focus-visible { outline: 2px solid #D8BE8A; outline-offset: 3px; }
@keyframes cookie-in { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: none; } }
@media (max-width: 720px) {
  .cookie-bar { padding: 10px; }
  .cookie-card { grid-template-columns: auto 1fr; padding: 18px; gap: 12px 14px; }
  .cookie-card::before { grid-row: 1; width: 40px; height: 40px; border-radius: 12px; }
  .cookie-title { align-self: center; }
  .cookie-card > p:not(.cookie-title) { grid-column: 1 / -1; }
  .cookie-actions { grid-column: 1 / -1; grid-row: auto; flex-direction: row; }
  .cookie-actions button { flex: 1; min-width: 0; }
}
@media (prefers-reduced-motion: reduce) { .cookie-card { animation: none; } }
.footer-links { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.footer-links button {
  background: none;
  border: 0;
  padding: 0;
  color: #A9ADB8;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}
.footer-links button:hover { color: #E2CFA6; }