.dti-consent[hidden], .dti-consent-settings[hidden] { display: none !important; }
.dti-consent, .dti-consent-settings { box-sizing: border-box; font-family: Arial, sans-serif; }
.dti-consent { position: fixed; z-index: 10000; right: 20px; bottom: 20px; width: min(440px, calc(100vw - 40px)); padding: 20px; color: #f8f7f2; background: #102431; border: 1px solid #e5d88d; box-shadow: 0 12px 32px rgba(0, 0, 0, .24); }
.dti-consent p { margin: 0 0 16px; font-size: 14px; line-height: 1.5; }
.dti-consent a { color: #ffe24e; text-decoration: underline; }
.dti-consent__actions { display: flex; justify-content: flex-end; gap: 10px; }
.dti-consent__actions button, .dti-consent-settings { cursor: pointer; border-radius: 2px; font-size: 14px; font-weight: 700; }
.dti-consent__actions button { min-height: 42px; padding: 9px 16px; border: 1px solid #f8f7f2; color: #f8f7f2; background: transparent; }
.dti-consent__actions button:last-child { border-color: #ffe24e; color: #102431; background: #ffe24e; }
.dti-consent__actions button:hover, .dti-consent-settings:hover { filter: brightness(.9); }
.dti-consent__actions button:focus-visible, .dti-consent-settings:focus-visible { outline: 3px solid #ffe24e; outline-offset: 3px; }
.dti-consent-settings { display: block; min-height: 42px; margin: 0 0 32px; padding: 9px 16px; border: 1px solid #102431; color: #102431; background: #ffe24e; }
@media (max-width: 600px) { .dti-consent { right: 12px; bottom: 12px; width: calc(100vw - 24px); padding: 16px; } .dti-consent__actions button { flex: 1; } }