/* Global floating IKREA WhatsApp assistant */
.ik-agent{position:fixed;right:clamp(12px,2.6vw,34px);bottom:clamp(14px,2.8vw,32px);z-index:950;display:flex;flex-direction:column;align-items:flex-end;gap:12px;font-family:var(--font-body,Arial,sans-serif);pointer-events:none}
.ik-agent>*{pointer-events:auto}
.ik-agent-trigger{position:relative;width:clamp(92px,10vw,142px);height:clamp(96px,11vw,155px);border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;isolation:isolate;padding:0}
.ik-agent-trigger img{position:relative;z-index:2;width:100%;height:auto;object-fit:contain}
.ik-agent-aura{position:absolute;inset:19% 4% 10%;border-radius:50%;background:radial-gradient(circle,rgba(69,205,255,.32),rgba(139,61,255,.16) 55%,transparent 74%);filter:blur(13px);animation:ik-agent-glow 4s ease-in-out infinite}
.ik-agent-label{position:absolute;z-index:3;right:4px;bottom:-4px;border-radius:999px;background:linear-gradient(105deg,#27104f,#5c23a2);border:1px solid rgba(216,156,255,.5);box-shadow:0 6px 22px rgba(21,9,57,.3);padding:5px 12px;color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
.ik-agent-trigger:focus-visible,.ik-agent-close:focus-visible,.ik-agent-choices a:focus-visible{outline:3px solid #ff922e;outline-offset:3px}
.ik-agent-panel{width:min(340px,calc(100vw - 24px));border:1px solid rgba(157,113,241,.45);border-radius:20px;background:linear-gradient(145deg,#171032,#0d1532);box-shadow:0 18px 60px rgba(13,9,40,.4);color:#fff;padding:20px;animation:none}
.ik-agent-panel[hidden]{display:none!important}
.ik-agent-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ik-agent-status{width:10px;height:10px;flex:none;border-radius:50%;background:#45d9bd;box-shadow:0 0 12px #45d9bd88}
.ik-agent-panel-head strong{display:block;font-size:15px}
.ik-agent-panel-head small{display:block;font-size:12px;color:#bcb6d5}
.ik-agent-close{margin-left:auto;background:#ffffff13;color:#fff;border:1px solid #ffffff22;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:23px;line-height:1}
.ik-agent-panel p{font-size:15px;line-height:1.55;color:#f3eaff;margin:0 0 16px}
.ik-agent-choices{display:grid;gap:9px}
.ik-agent-choices a{display:block;text-decoration:none;padding:11px 13px;border:1px solid #7d5eb677;border-radius:12px;background:#ffffff0b;color:#fff;font-size:13px;font-weight:700;transition:background .2s,transform .2s}
.ik-agent-choices a:hover{background:#8b42e54d;transform:translateX(2px)}
.ik-agent-disclaimer{display:block;margin-top:13px;font-size:11px;line-height:1.5;color:#bdb5d4}
@keyframes ik-agent-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}
@keyframes ik-agent-glow{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.12)}}
@keyframes ik-agent-enter{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){.ik-agent{right:10px;bottom:12px}.ik-agent-trigger{width:92px;height:100px}.ik-agent-trigger img{max-height:90px}.ik-agent-panel{width:min(325px,calc(100vw - 20px));padding:17px}}
@media(prefers-reduced-motion:reduce){.ik-agent-trigger img,.ik-agent-aura,.ik-agent-panel{animation:none!important}.ik-agent-choices a{transition:none}}


.ik-agent-figure{position:relative;z-index:2;display:block;width:100%;line-height:0;animation:ik-agent-float 4.5s ease-in-out infinite}
.ik-agent-trigger .ik-agent-figure img{display:block;width:100%;height:auto;max-height:none;animation:none}
.ik-agent.is-greeting .ik-agent-figure{animation:ik-agent-greet .7s ease-in-out 1}
@keyframes ik-agent-greet{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(4deg)}}
@media(prefers-reduced-motion:reduce){.ik-agent-figure{animation:none!important}}

/* Independent floating motion for the conversation panel and the invitation tab. */
.ik-agent-panel:not([hidden]){animation:none}
.ik-agent-label{animation:ik-agent-label-hover 3.8s ease-in-out infinite;will-change:transform}
@keyframes ik-agent-panel-enter{from{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ik-agent-panel-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ik-agent-label-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.ik-agent-panel:not([hidden]),.ik-agent-label{animation:none!important}}

/* Keep the global back-to-top button clear of the assistant on all viewports. */
.ik-agent-trigger{width:clamp(74px,8vw,114px);height:clamp(77px,8.8vw,124px)}
.to-top{right:clamp(112px,12vw,160px);bottom:clamp(22px,2.8vw,32px);z-index:951}
@media(max-width:600px){
  .ik-agent-trigger{width:74px;height:80px}
  .ik-agent-trigger img{max-height:none}
  .to-top{right:105px;bottom:22px}
}


/* The robot body stays visible; only the transparent eye layer blinks. */
.ik-agent-figure{position:relative}
.ik-agent-trigger .ik-agent-figure .ik-agent-body{display:block;width:100%;height:auto;max-height:none}
.ik-agent-trigger .ik-agent-figure .ik-agent-eyes{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}

/* Prevent the robot body from extending below the viewport: keep the complete square artwork inside its button. */
.ik-agent-trigger{width:clamp(85px,8.5vw,120.7px);height:clamp(85px,8.5vw,120.7px);align-items:stretch;justify-content:stretch;overflow:visible}
.ik-agent-trigger .ik-agent-figure{width:100%;height:100%;flex:none;overflow:visible}
.ik-agent-trigger .ik-agent-figure .ik-agent-body{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;max-height:none}
.ik-agent-trigger .ik-agent-figure .ik-agent-eyes{position:absolute;inset:auto;left:20%;top:5%;width:60%;height:auto;object-fit:contain;max-height:none;pointer-events:none}
@media(max-width:600px){.ik-agent-trigger{width:85px;height:85px}}

/* Three real PNG eye states, controlled by assistant.js. */
.ik-agent-trigger .ik-agent-figure .ik-agent-eyes{
  display:block!important;
  position:absolute;left:30%;top:2%;width:54%;height:auto;transform:rotate(9deg);transform-origin:top left;
  object-fit:contain;pointer-events:none;z-index:3;
}
.ik-agent-trigger .ik-agent-figure::after{content:none!important;animation:none!important}
