.th-consent[hidden],
.th-consent-open[hidden] {
    display: none;
}

.th-consent {
    position: fixed;
    z-index: 1000;
    inset-inline-start: max(12px, env(safe-area-inset-left));
    inset-block-end: max(12px, env(safe-area-inset-bottom));
    width: min(395px, calc(100% - 24px));
    box-sizing: border-box;
    padding: 18px;
    color: #143953;
    background: #fff;
    border: 1px solid #c0dced;
    border-radius: 14px;
    box-shadow: 0 8px 28px #173b5526;
    font: 14px/1.5 system-ui, sans-serif;
}

.th-consent h2 {
    margin: 0 0 6px;
    font-size: 18px;
    line-height: 1.3;
}

.th-consent p { margin: 0 0 12px; }
.th-consent a { color: #145b8a; text-decoration: underline; }

.th-consent-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}

.th-consent-actions button,
.th-consent-open {
    min-height: 44px;
    padding: 6px 12px;
    color: #143953;
    background: #eff8fd;
    border: 1px solid #8ab9d5;
    border-radius: 8px;
    font: 600 13px/1.2 system-ui, sans-serif;
    cursor: pointer;
}

.th-consent-actions button:hover,
.th-consent-open:hover { background: #e1f1fb; }

.th-consent :focus-visible,
.th-consent-open:focus-visible {
    outline: 2px solid #10659d;
    outline-offset: 2px;
}

.th-consent-open {
    position: fixed;
    z-index: 999;
    inset-inline-start: max(12px, env(safe-area-inset-left));
    inset-block-end: max(12px, env(safe-area-inset-bottom));
    background: #fff;
}