.ko-cookie[hidden], .ko-cookie__settings[hidden] { display: none !important; }

.ko-cookie {
  position: fixed;
  z-index: 100100;
  right: 18px;
  bottom: 18px;
  width: min(510px, calc(100vw - 36px));
  padding: 18px;
  color: #37283a;
  background: #fff;
  border: 1px solid rgba(75, 46, 80, .14);
  border-radius: 20px;
  box-shadow: 0 20px 65px rgba(67, 38, 72, .24);
  font-family: Manrope, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  line-height: 1.45;
}

.ko-cookie h2 { margin: 0 0 7px; font-size: 18px; line-height: 1.25; }
.ko-cookie p { margin: 0 0 12px; color: #6f6473; }
.ko-cookie a { color: #c9366b; text-underline-offset: 2px; }
.ko-cookie__actions { display: flex; flex-wrap: wrap; gap: 8px; }
.ko-cookie button {
  min-height: 40px;
  padding: 8px 13px;
  color: #4f3b52;
  background: #fff;
  border: 1px solid rgba(75, 46, 80, .22);
  border-radius: 12px;
  cursor: pointer;
  font: inherit;
  font-weight: 800;
}
.ko-cookie button:first-child { color: #fff; background: #cf376e; border-color: #cf376e; }
.ko-cookie button:focus-visible { outline: 3px solid rgba(232, 79, 131, .22); outline-offset: 2px; }
.ko-cookie__settings { margin: 12px 0; padding: 11px; background: #faf6f9; border-radius: 13px; }
.ko-cookie__settings[hidden] + .ko-cookie__actions [data-ko-cookie-action="save"] { display: none; }
.ko-cookie__row { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: center; margin: 7px 0; }
.ko-cookie__row strong, .ko-cookie__row small { display: block; }
.ko-cookie__row small { margin-top: 2px; color: #786c7b; }
.ko-cookie__row input { width: 20px; height: 20px; accent-color: #cf376e; }
.ko-cookie__status { min-height: 1em; margin-top: 8px; color: #9a2e55; }

@media (max-width: 600px) {
  .ko-cookie { right: 8px; bottom: calc(8px + env(safe-area-inset-bottom)); left: 8px; width: auto; padding: 15px; border-radius: 18px; }
  .ko-cookie__actions { display: grid; grid-template-columns: 1fr; }
  .ko-cookie button { width: 100%; }
}
