.cookie-consent { box-sizing: border-box; position: fixed; z-index: 2147483646; right: max(16px, env(safe-area-inset-right)); bottom: max(16px, env(safe-area-inset-bottom)); width: min(440px, calc(100vw - 32px)); max-height: min(60dvh, 480px); overflow: auto; padding: 16px; border: 1px solid #c8dbd0; border-radius: 16px; background: #fff; color: #173831; box-shadow: 0 8px 35px #142c2926; font: 14px/1.4 "Segoe UI", system-ui, sans-serif; }
.cookie-consent-title { margin: 0 0 6px; font-size: 16px; line-height: 1.25; }
.cookie-consent p { margin: 0 0 10px; }
.cookie-consent-meta { display: flex; flex-wrap: wrap; gap: 5px 14px; margin: 12px 0; color: #50665c; font-size: 13px; }
.cookie-consent-meta a { color: #0d6953; text-decoration: underline; }
.cookie-consent-actions { display: flex; gap: 8px; }
.cookie-consent-button { flex: 1 1 0; min-width: 0; min-height: 44px; padding: 8px; border: 1px solid #98c6b1; border-radius: 10px; background: #e8f4ed; color: #154938; font: inherit; font-size: 13px; font-weight: 650; cursor: pointer; }
.cookie-consent-details summary { min-height: 44px; display: flex; align-items: center; cursor: pointer; color: #0d6953; font-size: 13px; gap: 8px; }
.cookie-consent-details summary::before { content: '+'; font-size: 18px; }
.cookie-consent-details[open] summary::before { content: '−'; }
.cookie-consent-details p { font-size: 13px; }
.cookie-consent-button:hover { background: #d9ecdf; }
.cookie-consent-button:focus-visible, .cookie-consent summary:focus-visible, [data-cookie-settings]:focus-visible { outline: 3px solid #147d65; outline-offset: 2px; }
@media (max-width: 560px) {
  .cookie-consent { left: 8px; right: 8px; bottom: max(8px, env(safe-area-inset-bottom)); width: auto; padding: 12px 14px 4px; }
  html[data-cookie-panel="website"] body { padding-bottom: var(--vibelets-cookie-inset, 0px); }
}