#cmp-pro-banner,#cmp-pro-modal{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#171717;box-sizing:border-box}
#cmp-pro-banner *,#cmp-pro-modal *{box-sizing:border-box}
#cmp-pro-banner{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);width:min(980px,calc(100vw - 28px));background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.18);z-index:999999;padding:22px;display:none}
.cmp-pro-grid{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center}
.cmp-pro-title{font-size:18px;font-weight:800;margin:0 0 8px}
.cmp-pro-text{font-size:14px;line-height:1.55;color:#666;margin:0}
.cmp-pro-link{color:#111827;text-decoration:underline;font-weight:700}
.cmp-pro-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.cmp-pro-btn{border:1px solid #e5e7eb;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;cursor:pointer;background:#f3f4f6;color:#111827}
.cmp-pro-primary{background:#111827;color:#fff;border-color:#111827}
.cmp-pro-outline{background:#fff}
#cmp-pro-modal{position:fixed;inset:0;z-index:1000000;display:none}
.cmp-pro-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.cmp-pro-card{position:relative;width:min(900px,calc(100vw - 28px));max-height:min(800px,calc(100vh - 28px));overflow:auto;margin:6vh auto;background:#fff;border-radius:24px;box-shadow:0 18px 60px rgba(0,0,0,.22);border:1px solid #e5e7eb}
.cmp-pro-head,.cmp-pro-body,.cmp-pro-footer{padding:22px 24px}
.cmp-pro-head{border-bottom:1px solid #e5e7eb}
.cmp-pro-footer{border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}
.cmp-pro-cat{border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:12px}
.cmp-pro-cat-top{display:flex;justify-content:space-between;gap:16px;align-items:center}
.cmp-pro-cat h3{font-size:15px;margin:0 0 5px}
.cmp-pro-cat p{font-size:13px;color:#666;line-height:1.45;margin:0}
.cmp-pro-switch{position:relative;width:48px;height:28px;flex:0 0 auto}
.cmp-pro-switch input{opacity:0;width:0;height:0}
.cmp-pro-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;transition:.2s;border-radius:999px}
.cmp-pro-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:3px;background:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.22);transition:.2s}
.cmp-pro-switch input:checked+.cmp-pro-slider{background:#111827}
.cmp-pro-switch input:checked+.cmp-pro-slider:before{transform:translateX(20px)}
.cmp-pro-switch input:disabled+.cmp-pro-slider{opacity:.65;cursor:not-allowed}
.cmp-pro-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:16px}
.cmp-pro-table th,.cmp-pro-table td{border-bottom:1px solid #e5e7eb;text-align:left;padding:8px;vertical-align:top}
.cmp-pro-table th{font-size:12px;background:#f9fafb}
.cmp-pro-small{font-size:12px;color:#666;margin-top:12px}
@media(max-width:720px){#cmp-pro-banner{bottom:0;width:100%;border-radius:18px 18px 0 0}.cmp-pro-grid{grid-template-columns:1fr}.cmp-pro-actions,.cmp-pro-footer{justify-content:stretch}.cmp-pro-btn{width:100%}.cmp-pro-card{margin:0;width:100%;min-height:100vh;border-radius:0}}
/* === CMP PRO Floating Button === */
.cmp-pro-floating-button {
  position: fixed;
  bottom: 18px;
  z-index: 999998;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  color: #111827;
  border-radius: 999px;
  padding: 10px 14px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  font-weight: 800;
  cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.16);
  line-height: 1;
   right: 18px;
}

.cmp-pro-floating-button:hover {
  transform: translateY(-1px);
}

.cmp-pro-float-left {
  right: 18px;
}

.cmp-pro-float-right {
  right: 18px;
}

.cmp-pro-floating-image {
  width: 48px;
  height: 48px;
  padding: 8px;
  border-radius: 999px;
}

.cmp-pro-floating-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}

@media (max-width: 720px) {
  .cmp-pro-floating-button {
    bottom: 14px;
    right: 14px;
    right: auto;
  }

  .cmp-pro-floating-image {
    width: 46px;
    height: 46px;
  }
}