.opora-cookie {
  position: fixed;
  z-index: 10050;
  right: 24px;
  bottom: 24px;
  width: min(520px, calc(100vw - 48px));
  padding: 22px;
  border: 1px solid rgba(24, 32, 42, .12);
  border-radius: 16px;
  background: #fff;
  color: #20242a;
  box-shadow: 0 20px 60px rgba(18, 27, 38, .24);
  font: inherit;
}

.opora-cookie__copy strong { display: block; margin-bottom: 8px; font-size: 18px; line-height: 1.3; }
.opora-cookie__copy p { margin: 0; font-size: 14px; line-height: 1.55; }
.opora-cookie__copy a { color: #c71820; text-decoration: underline; text-underline-offset: 2px; }
.opora-cookie__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.opora-cookie__button {
  min-height: 44px;
  flex: 1 1 190px;
  padding: 10px 18px;
  border: 1px solid #d8dde3;
  border-radius: 8px;
  background: #f2f4f6;
  color: #20242a;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}
.opora-cookie__button:hover { background: #e7eaee; }
.opora-cookie__button--primary { border-color: #c71820; background: #c71820; color: #fff; }
.opora-cookie__button--primary:hover { background: #a9141b; }
.opora-cookie__button:focus-visible,
.opora-legal-links button:focus-visible,
.opora-external-placeholder button:focus-visible { outline: 3px solid rgba(199, 24, 32, .35); outline-offset: 2px; }

.opora-external-placeholder {
  display: grid;
  place-items: center;
  min-height: 220px;
  margin: 18px 0;
  padding: 28px;
  border: 1px dashed #b7bdc5;
  border-radius: 12px;
  background: #f6f7f8;
  color: #343a42;
  text-align: center;
}
.opora-external-placeholder strong { font-size: 18px; }
.opora-external-placeholder p { max-width: 580px; margin: 8px auto 16px; }
.opora-external-placeholder button {
  padding: 10px 18px;
  border: 0;
  border-radius: 8px;
  background: #c71820;
  color: #fff;
  font: inherit;
  font-weight: 600;
  cursor: pointer;
}

.opora-legal-links { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; }
.opora-legal-links a,
.opora-legal-links button {
  padding: 0;
  border: 0;
  background: none;
  color: inherit;
  font: inherit;
  text-align: left;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}

.opora-legal-doc { max-width: 980px; color: #252a31; font-size: 16px; line-height: 1.65; }
.opora-legal-doc .opora-legal-meta { margin: 0 0 24px; color: #6b727b; }
.opora-legal-doc h2 { margin: 34px 0 12px; font-size: 24px; line-height: 1.3; }
.opora-legal-doc h3 { margin: 24px 0 10px; font-size: 19px; line-height: 1.35; }
.opora-legal-doc p { margin: 0 0 14px; }
.opora-legal-doc ul { margin: 0 0 18px; padding-left: 24px; }
.opora-legal-doc li { margin: 6px 0; }
.opora-legal-doc a { color: #c71820; text-decoration: underline; text-underline-offset: 2px; }
.opora-cookie-inline {
  padding: 0;
  border: 0;
  background: none;
  color: #c71820;
  font: inherit;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.opora-legal-table-wrap { overflow-x: auto; margin: 18px 0 28px; }
.opora-legal-doc table { width: 100%; min-width: 720px; border-collapse: collapse; }
.opora-legal-doc th,
.opora-legal-doc td { padding: 12px 14px; border: 1px solid #dfe3e7; vertical-align: top; text-align: left; }
.opora-legal-doc th { background: #f3f4f6; font-weight: 700; }
.opora-legal-note { padding: 16px 18px; border-left: 4px solid #c71820; background: #f7f7f8; }
.opora-publication-consent { margin-top: 12px; }

@media (max-width: 600px) {
  .opora-cookie { right: 10px; bottom: 10px; width: calc(100vw - 20px); padding: 18px; }
  .opora-cookie__button { flex-basis: 100%; }
  .opora-legal-doc { font-size: 15px; }
  .opora-legal-doc h2 { font-size: 21px; }
}

@media (prefers-reduced-motion: no-preference) {
  .opora-cookie { animation: opora-cookie-in .35s ease-out both; }
  @keyframes opora-cookie-in { from { opacity: 0; transform: translateY(16px); } }
}