#ialoe-consent[hidden] { display: none !important; }
#ialoe-consent { position: fixed; inset: auto 0 0; z-index: 9999; background: #f3f8f2; color: #223d2b; border-top: 1px solid #bbd3bb; box-shadow: 0 -6px 28px #17382115; padding: 20px 24px; max-height: 80vh; overflow: auto; }
#ialoe-consent .ialoe-consent-inner { max-width: 1240px; margin: 0 auto; display: flex; align-items: center; gap: 28px; }
#ialoe-consent .ialoe-consent-copy { flex: 1; min-width: 0; }
#ialoe-consent h2 { font: 700 20px/1.35 system-ui, sans-serif; margin: 0 0 8px; color: #223d2b; }
#ialoe-consent p { font: 400 15px/1.55 system-ui, sans-serif; margin: 0; }
#ialoe-consent a { color: #235f2a; text-decoration: underline; }
#ialoe-consent-status { margin-top: 6px !important; font-weight: 600 !important; }
#ialoe-consent .ialoe-consent-actions { display: flex; gap: 10px; flex-shrink: 0; }
#ialoe-consent button { font: 600 15px/1.3 system-ui, sans-serif; background: #fff; color: #245d2b; border: 1px solid #387a3c; border-radius: 9px; padding: 13px 17px; min-height: 46px; cursor: pointer; white-space: nowrap; }
#ialoe-consent button:hover { background: #e2eedf; }
#ialoe-consent button:focus-visible, .ialoe-consent-open:focus-visible { outline: 3px solid #244fce; outline-offset: 3px; }
footer .ialoe-consent-open { color: inherit; text-decoration: underline; }
@media (max-width: 900px) { #ialoe-consent .ialoe-consent-inner { flex-direction: column; align-items: stretch; gap: 14px; } #ialoe-consent .ialoe-consent-actions { flex-wrap: wrap; } #ialoe-consent button { flex: 1; } }
@media (max-width: 400px) { #ialoe-consent { padding: 16px; } #ialoe-consent button { white-space: normal; } }