dialog[data-comfoo-consent-modal] {
  position: fixed; inset: auto; left: 50vw; top: 50dvh; margin: 0 !important; transform: translate(-50%, -50%); box-sizing: border-box;
  width: min(560px, calc(100vw - 32px)); max-width: 560px;
  height: fit-content; max-height: calc(100dvh - 32px); overflow: auto;
  border: 1px solid #dacec0; border-radius: 14px; background: #fff; color: #2b1a14;
  box-shadow: 0 22px 70px #2b1a1426; font-family: SoWrasse, Arial, sans-serif;
}
dialog[data-comfoo-consent-modal]:not([open]),dialog[data-comfoo-consent-modal][hidden] { display: none !important; }
dialog[data-comfoo-consent-modal]::backdrop { background: rgb(210 214 218 / 65%); backdrop-filter: blur(2px); }
.cf-consent[data-comfoo-consent-modal] { display: block; padding: 28px; }
.cf-consent[data-comfoo-consent-modal] .cf-consent__actions { min-width: 0; margin-top: 20px; }
.cf-consent[data-comfoo-consent-modal] .cf-consent__actions :is([data-consent-accept],[data-comfoo-cookies-accept]) { grid-column: 1 / -1; }
.comfoo-cookies[data-comfoo-consent-modal] { padding: 28px; }
.comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar { display: block; padding: 0; border: 0; box-shadow: none; background: #fff; }
.comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__brand { display: none; }
.comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-headline { margin: 0 0 12px; font-size: 25px; line-height: 1.2; }
.comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-body { font-size: 14px; line-height: 1.5; }
.comfoo-cookies[data-comfoo-consent-modal] .comfoo-cookies-bar__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 20px; }
dialog[data-comfoo-consent-modal] button { min-height: 44px; }
dialog[data-comfoo-consent-modal] button:is([data-consent-accept],[data-comfoo-cookies-accept],[data-consent-deny],[data-comfoo-cookies-deny],[data-consent-save],[data-comfoo-cookies-save]) {
  min-height: 48px; cursor: pointer;
  transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
dialog[data-comfoo-consent-modal] button:is([data-consent-save],[data-comfoo-cookies-save],[data-consent-deny],[data-comfoo-cookies-deny]) {
  border: 1px solid #2b1a14; background: #fff; color: #2b1a14; box-shadow: none;
}
dialog[data-comfoo-consent-modal] button:is([data-consent-save],[data-comfoo-cookies-save],[data-consent-deny],[data-comfoo-cookies-deny]):hover {
  background: #f8f3ee;
}
dialog[data-comfoo-consent-modal] button:is([data-consent-accept],[data-comfoo-cookies-accept]) {
  border: 1px solid #2b1a14; background: #2b1a14; color: #fff;
  box-shadow: 0 0 0 3px rgb(218 206 192 / 35%), 0 4px 12px rgb(43 26 20 / 18%);
}
dialog[data-comfoo-consent-modal] button:is([data-consent-accept],[data-comfoo-cookies-accept]):hover {
  background: #3c281f; box-shadow: 0 0 0 4px rgb(218 206 192 / 45%), 0 6px 16px rgb(43 26 20 / 22%); transform: translateY(-1px);
}
dialog[data-comfoo-consent-modal] button:is([data-consent-accept],[data-comfoo-cookies-accept]):active {
  transform: translateY(0); box-shadow: 0 0 0 3px rgb(218 206 192 / 30%), 0 2px 6px rgb(43 26 20 / 16%);
}
@media (prefers-reduced-motion: reduce) {
  dialog[data-comfoo-consent-modal] button { transition: none !important; transform: none !important; }
}
dialog[data-comfoo-consent-modal] :focus-visible { outline: 3px solid #2b1a14; outline-offset: 3px; }
@media (max-width: 620px) {
  .cf-consent[data-comfoo-consent-modal],.comfoo-cookies[data-comfoo-consent-modal] { padding: 22px; }
  dialog[data-comfoo-consent-modal] { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
}