.luxon-consent[hidden],
.luxon-consent [hidden],
.luxon-consent-reopen[hidden] { display: none !important; }

.luxon-consent {
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  font-family: inherit;
  color: #222;
}

.luxon-consent__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, .42);
}

.luxon-consent__panel {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  width: min(720px, calc(100% - 32px));
  max-height: calc(100vh - 48px);
  overflow: auto;
  padding: 26px;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 16px 55px rgba(0, 0, 0, .28);
}

.luxon-consent h2 { margin: 0 0 12px; font-size: 24px; line-height: 1.25; }
.luxon-consent p { margin: 0 0 12px; line-height: 1.5; }
.luxon-consent__policy { color: #c76500; text-decoration: underline; }
.luxon-consent__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }

.luxon-consent__button {
  min-height: 44px;
  padding: 10px 18px;
  border: 1px solid #d97706;
  border-radius: 7px;
  background: #fff;
  color: #8a4500;
  font-weight: 700;
  cursor: pointer;
}

.luxon-consent__button--primary { background: #ef8f00; color: #fff; border-color: #ef8f00; }
.luxon-consent__button--link { border-color: transparent; text-decoration: underline; }
.luxon-consent__settings-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.luxon-consent__close { border: 0; background: transparent; font-size: 32px; line-height: 1; cursor: pointer; }

.luxon-consent__category {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 18px;
  padding: 16px 0;
  border-top: 1px solid #e5e5e5;
}
.luxon-consent__category p { margin: 5px 0 0; font-size: 14px; color: #555; }
.luxon-consent__always { color: #157347; font-size: 13px; font-weight: 700; }
.luxon-consent__category input { position: absolute; opacity: 0; pointer-events: none; }
.luxon-consent__toggle { position: relative; width: 48px; height: 26px; border-radius: 20px; background: #aaa; cursor: pointer; transition: .2s; }
.luxon-consent__toggle::after { content: ''; position: absolute; top: 3px; left: 3px; width: 20px; height: 20px; border-radius: 50%; background: #fff; transition: .2s; }
.luxon-consent__category input:checked + .luxon-consent__toggle { background: #ef8f00; }
.luxon-consent__category input:checked + .luxon-consent__toggle::after { transform: translateX(22px); }
.luxon-consent__category input:focus-visible + .luxon-consent__toggle { outline: 3px solid rgba(239,143,0,.35); }

.luxon-consent-reopen {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 2147482000;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 20px;
  background: #fff;
  color: #333;
  box-shadow: 0 4px 16px rgba(0,0,0,.15);
  font-size: 12px;
  cursor: pointer;
}

@media (max-width: 600px) {
  .luxon-consent__panel { bottom: 0; width: 100%; max-height: 90vh; border-radius: 14px 14px 0 0; padding: 20px; }
  .luxon-consent h2 { font-size: 21px; }
  .luxon-consent__actions { flex-direction: column; }
  .luxon-consent__button { width: 100%; }
}