@charset "utf-8";

.kc-prod-overlay { position: fixed; inset: 0px; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); z-index: 9997; display: flex; align-items: center; justify-content: center; padding: 20px; opacity: 0; pointer-events: none; transition: opacity 0.25s; }

.kc-prod-overlay.open { opacity: 1; pointer-events: all; }

.kc-prod-modal { background: rgb(255, 255, 255); border-radius: 22px; max-width: 440px; width: 100%; max-height: 90vh; overflow-y: auto; box-shadow: rgba(0, 0, 0, 0.18) 0px 24px 72px; transform: scale(0.95) translateY(10px); transition: transform 0.25s; }

.kc-prod-overlay.open .kc-prod-modal { transform: scale(1) translateY(0px); }

.kc-prod-modal::-webkit-scrollbar { width: 3px; }

.kc-prod-modal::-webkit-scrollbar-thumb { background: rgb(221, 221, 221); border-radius: 2px; }

.kc-prod-modal-body { padding: 20px 22px 22px; }

.kc-prod-modal-close { position: absolute; top: 12px; right: 14px; background: rgba(0, 0, 0, 0.35); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; color: rgb(255, 255, 255); width: 30px; height: 30px; border-radius: 50%; cursor: pointer; font-size: 1rem; display: flex; align-items: center; justify-content: center; z-index: 2; }