.nkc-engagement-banner{width:100%;max-width:1200px;margin:0 auto 22px;border-radius:16px;overflow:hidden;background:#eef3f8;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.nkc-engagement-banner--wide{aspect-ratio:1200/250}
.nkc-engagement-banner--leaderboard{max-width:970px;aspect-ratio:970/250}
.nkc-engagement-banner--mobile{max-width:640px;aspect-ratio:320/100}
.nkc-engagement-banner picture,.nkc-engagement-banner img,.nkc-engagement-banner-link{display:block;width:100%;height:100%}
.nkc-engagement-banner img{object-fit:cover}
.nkc-engagement-float{--nkc-engagement-bg:var(--wp--preset--color--primary,#2271b1);--nkc-engagement-color:#fff;position:fixed;z-index:9998;display:flex;gap:10px;max-width:min(620px,calc(100vw - 28px));pointer-events:none}
.nkc-engagement-float--bottom_left{left:max(14px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}
.nkc-engagement-float--bottom_right{right:max(14px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom))}
.nkc-engagement-float--layout-horizontal{flex-direction:row;align-items:center;flex-wrap:wrap}
.nkc-engagement-float--layout-vertical,.nkc-engagement-float--menu{flex-direction:column}
.nkc-engagement-float--bottom_right.nkc-engagement-float--layout-horizontal{justify-content:flex-end}
.nkc-engagement-action,.nkc-engagement-menu-item{--nkc-engagement-button-bg:var(--nkc-engagement-bg);--nkc-engagement-button-color:var(--nkc-engagement-color);pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-width:132px;min-height:44px;padding:11px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:var(--nkc-engagement-button-bg);color:var(--nkc-engagement-button-color);font-family:inherit;font-size:1rem;font-weight:700;line-height:1.35;text-align:center;text-decoration:none;box-shadow:0 14px 30px rgba(15,23,42,.18);white-space:normal;overflow-wrap:anywhere;cursor:pointer;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease}
.nkc-engagement-action--phone,.nkc-engagement-action--whatsapp{--nkc-engagement-button-bg:var(--nkc-engagement-bg);--nkc-engagement-button-color:var(--nkc-engagement-color)}
.nkc-engagement-action--custom{--nkc-engagement-button-bg:#f8fafc;--nkc-engagement-button-color:#0f172a;border-color:#dbe2ea}
.nkc-engagement-float--custom-color .nkc-engagement-action,.nkc-engagement-float--custom-color .nkc-engagement-menu-item{--nkc-engagement-button-bg:var(--nkc-engagement-bg);--nkc-engagement-button-color:var(--nkc-engagement-color)}
.nkc-engagement-action:hover,.nkc-engagement-action:focus,.nkc-engagement-menu-item:hover,.nkc-engagement-menu-item:focus{color:var(--nkc-engagement-color);filter:brightness(.96);text-decoration:none}
.nkc-engagement-action:hover,.nkc-engagement-action:focus,.nkc-engagement-menu-item:hover,.nkc-engagement-menu-item:focus{color:var(--nkc-engagement-button-color);transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.22)}
.nkc-engagement-float--small .nkc-engagement-action{min-height:38px;min-width:112px;padding:8px 14px}
.nkc-engagement-float--large .nkc-engagement-action{min-height:52px;min-width:156px;padding:13px 22px}
.nkc-engagement-float--text-small .nkc-engagement-action,.nkc-engagement-float--text-small .nkc-engagement-menu-item{font-size:.86rem}
.nkc-engagement-float--text-medium .nkc-engagement-action,.nkc-engagement-float--text-medium .nkc-engagement-menu-item{font-size:1rem}
.nkc-engagement-float--text-large .nkc-engagement-action,.nkc-engagement-float--text-large .nkc-engagement-menu-item{font-size:1.08rem}
.nkc-engagement-float--text-auto .nkc-engagement-action,.nkc-engagement-float--text-auto .nkc-engagement-menu-item{font-size:clamp(.86rem,2.8vw,1rem)}
.nkc-engagement-float--radius-soft .nkc-engagement-action,.nkc-engagement-float--radius-soft .nkc-engagement-menu-item{border-radius:8px}
.nkc-engagement-float--radius-medium .nkc-engagement-action,.nkc-engagement-float--radius-medium .nkc-engagement-menu-item{border-radius:14px}
.nkc-engagement-float--radius-pill .nkc-engagement-action,.nkc-engagement-float--radius-pill .nkc-engagement-menu-item{border-radius:999px}
.nkc-engagement-menu-list{position:absolute;bottom:calc(100% + 10px);display:flex;flex-direction:column;gap:8px;min-width:100%;padding:10px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;box-shadow:0 18px 45px rgba(15,23,42,.18);pointer-events:auto}
.nkc-engagement-menu-list[hidden]{display:none}
.nkc-engagement-menu-item{width:100%;min-width:0;box-shadow:none}
@media (max-width:640px){
  .nkc-engagement-banner{margin-bottom:18px;border-radius:14px}
  .nkc-engagement-banner--wide,.nkc-engagement-banner--leaderboard{aspect-ratio:320/100}
  .nkc-engagement-float{bottom:max(12px,env(safe-area-inset-bottom));max-width:min(360px,calc(100vw - 24px));align-items:center;flex-wrap:wrap}
  .nkc-engagement-float--bottom_left{left:12px;right:auto}
  .nkc-engagement-float--bottom_right{right:12px;left:auto;justify-content:flex-end}
  .nkc-engagement-float--menu,.nkc-engagement-float--layout-vertical{flex-direction:column;align-items:stretch}
  .nkc-engagement-float--layout-horizontal{flex-direction:row}
  .nkc-engagement-action{width:auto;min-width:128px;max-width:100%;min-height:42px;padding:10px 14px;flex:1 1 128px}
  .nkc-engagement-float--layout-vertical .nkc-engagement-action,.nkc-engagement-float--menu .nkc-engagement-action{width:min(260px,calc(100vw - 24px));flex:0 1 auto}
  .nkc-engagement-menu-list{left:0;right:0}
}