.consent-panel[hidden] { display: none; }
.consent-panel { position: fixed; z-index: 10010; inset: auto 16px 16px; max-width: 940px; margin: auto; direction: ltr; background: #fff; color: #153d55; border: 1px solid #d7e5ec; border-radius: 18px; box-shadow: 0 16px 60px rgba(13,52,73,.18); }
.arabic-page .consent-panel { direction: rtl; }
.consent-content { padding: 17px 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.consent-content strong { display: block; font-size: 15px; }
.consent-content p { margin: 4px 0 0; font-size: 13px; line-height: 1.6; }
.consent-content a { color: #137dae; text-decoration: underline; }
.consent-actions { display: flex; align-items: center; gap: 8px; flex-shrink: 0; }
.consent-actions button { cursor: pointer; border: 1px solid #b5d4e3; border-radius: 9px; color: #16415b; background: #fff; padding: 10px 15px; font: inherit; font-size: 13px; font-weight: 700; }
.consent-actions .consent-accept { background: #167db0; color: #fff; border-color: #167db0; }
.consent-settings { color: inherit; background: none; border: 0; text-decoration: underline; cursor: pointer; font: inherit; font-size: inherit; }
@media(max-width: 640px) { .consent-panel { inset: auto 10px 10px; } .consent-content { display: block; padding: 15px; } .consent-actions { justify-content: stretch; margin-top: 12px; } .consent-actions button { flex: 1; } }