/* Keep the native acknowledgement and its behavior, outside document flow. */
html body section.js-notification.js-notification-cookie-banner.cookie-terms {
  position: fixed !important; inset: auto 16px 16px auto !important;
  margin: 0 !important; width: 400px !important; max-width: calc(100vw - 32px) !important;
  max-height: 40vh; overflow-y: auto; z-index: 1100;
  box-shadow: 0 4px 24px #2a252026;
}
.zp-context-recommendations { position: fixed; left: 16px; bottom: 16px; z-index: 1040; color: #2a2520; font-family: inherit; font-size: 14px; }
.zp-context-recommendations [hidden] { display: none !important; }
.zp-context-toggle,.zp-context-close { border: 0; padding: 12px 18px; background: #2a2520; color: #fff; cursor: pointer; font: inherit; }
.zp-context-panel { position: absolute; bottom: 54px; left: 0; width: 390px; max-width: calc(100vw - 32px); max-height: min(70vh,600px); overflow-y: auto; padding: 18px; box-sizing: border-box; background: #faf6f1; border: 1px solid #d8c9bb; box-shadow: 0 4px 24px #2a252026; }
.zp-context-panel h2 { margin: 0 70px 12px 0; font-size: 18px; color: #2a2520; }
.zp-context-close { position: absolute; top: 10px; right: 10px; padding: 8px; font-size: 12px; }
.zp-context-intro { font-size: 12px; line-height: 1.5; }
.zp-context-card { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e5d9ce; align-items: center; }
.zp-context-card img { width: 72px; height: 72px; object-fit: contain; flex-shrink: 0; }
.zp-context-card a,.zp-context-all { color: #2a2520; text-decoration: underline; }
.zp-context-price { color: #6b4f3a; font-weight: 700; margin: 6px 0 0; }
.zp-context-all { display: block; padding-top: 16px; }
@media(max-width:767px) { html body section.js-notification.js-notification-cookie-banner.cookie-terms { bottom: 72px !important; } .zp-context-panel { max-height: 62vh; } }