/* Уведомление об использовании файлов cookie — esthetica-group.ru */
.eg-cc {
  /* Цвета — при необходимости замените на фирменные */
  --eg-cc-bg: #ffffff;
  --eg-cc-text: #2b2b2b;
  --eg-cc-link: #8a6d52;
  --eg-cc-accent: #8a6d52;
  --eg-cc-accent-text: #ffffff;
  --eg-cc-border: #d9d4ce;

  position: fixed;
  left: 16px;
  right: 16px;
  bottom: 16px;
  z-index: 2147483000;
  max-width: 960px;
  margin: 0 auto;
  background: var(--eg-cc-bg);
  color: var(--eg-cc-text);
  border: 1px solid var(--eg-cc-border);
  border-radius: 12px;
  box-shadow: 0 8px 32px rgba(0, 0, 0, .16);
  font-family: inherit;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .3s ease, transform .3s ease;
  box-sizing: border-box;
}
.eg-cc--visible { opacity: 1; transform: translateY(0); }
.eg-cc *, .eg-cc *::before, .eg-cc *::after { box-sizing: border-box; }
.eg-cc__inner {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 18px 22px;
}
.eg-cc__text { margin: 0; flex: 1 1 auto; font-size: 14px; line-height: 1.5; color: var(--eg-cc-text); }
.eg-cc__text a { color: var(--eg-cc-link); text-decoration: underline; }
.eg-cc__text a:hover { text-decoration: none; }
.eg-cc__buttons { display: flex; gap: 10px; flex: 0 0 auto; }
.eg-cc__btn {
  appearance: none;
  margin: 0;
  padding: 10px 22px;
  border-radius: 8px;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  white-space: nowrap;
  transition: opacity .2s ease, background-color .2s ease;
}
.eg-cc__btn--accept {
  background: var(--eg-cc-accent);
  color: var(--eg-cc-accent-text);
  border: 1px solid var(--eg-cc-accent);
}
.eg-cc__btn:hover { opacity: .85; }
.eg-cc__btn:focus-visible { outline: 2px solid var(--eg-cc-accent); outline-offset: 2px; }

@media (max-width: 720px) {
  .eg-cc { left: 8px; right: 8px; bottom: 8px; }
  .eg-cc__inner { flex-direction: column; align-items: stretch; gap: 14px; padding: 16px; }
  .eg-cc__text { font-size: 13px; }
  .eg-cc__buttons { width: 100%; }
  .eg-cc__btn { flex: 1 1 auto; padding: 12px 10px; }
}
@media print { .eg-cc { display: none !important; } }