/* ============================================================
   Karishma — animated character + thought bubbles (buddy.js)
   Colours follow the website: mint #34E39A → sky #38BDF8 → violet #A78BFA
   ============================================================ */

/* The chat button becomes Karishma herself */
.kw.kb-on .kw-launch{width:88px;height:96px;border-radius:0;background:none!important;box-shadow:none!important;animation:none!important;overflow:visible;cursor:pointer;padding:0}
.kw.kb-on .kw-launch::before,.kw.kb-on .kw-launch::after,.kw.kb-on .kw-ring,.kw.kb-on .kw-launch .kw-ico,.kw.kb-on .kw-launch .kw-x,.kw.kb-on .kw-launch .kw-orb{display:none!important}
.kw.kb-on .kw-launch:hover{transform:none}
.kw.kb-on .kw-launch:focus-visible{outline:2px solid #34E39A;outline-offset:4px;border-radius:24px}
.kw.kb-on .kw-badge{top:10px;right:6px}
.kw.kb-on .kw-panel{bottom:108px}
.kb-mount{display:block;width:100%;height:100%;pointer-events:none}
.kb-svg{width:100%;height:100%;overflow:visible;display:block;filter:drop-shadow(0 10px 22px rgba(52,227,154,.55)) drop-shadow(0 0 14px rgba(56,189,248,.35))}

/* Idle motion */
.kb-bob{transform-box:fill-box;transform-origin:50% 100%;animation:kb-bob 3.2s ease-in-out infinite}
@keyframes kb-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.kb-shadow{fill:rgba(16,185,129,.28);transform-box:fill-box;transform-origin:center;animation:kb-shadow 3.2s ease-in-out infinite}
@keyframes kb-shadow{0%,100%{transform:scaleX(1);opacity:.9}50%{transform:scaleX(.8);opacity:.55}}
.kb-tip{transform-box:fill-box;transform-origin:center;animation:kb-tip 1.8s ease-in-out infinite;filter:drop-shadow(0 0 6px #34E39A)}
@keyframes kb-tip{0%,100%{transform:scale(1)}50%{transform:scale(1.25)}}
.kb-ant{transform-box:fill-box;transform-origin:50% 100%;animation:kb-ant 3.2s ease-in-out infinite}
@keyframes kb-ant{0%,100%{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}
.kb-arm{transform-box:fill-box;transform-origin:50% 20%;transition:transform .4s cubic-bezier(.3,1.6,.5,1)}
.kb-arm--l{animation:kb-arml 3.2s ease-in-out infinite}.kb-arm--r{animation:kb-armr 3.2s ease-in-out infinite}
@keyframes kb-arml{0%,100%{transform:rotate(0)}50%{transform:rotate(8deg)}}
@keyframes kb-armr{0%,100%{transform:rotate(0)}50%{transform:rotate(-8deg)}}
.kb-waving .kb-arm--r{animation:kb-wave .45s ease-in-out 4 alternate}
@keyframes kb-wave{from{transform:rotate(-10deg)}to{transform:rotate(-70deg) translate(-2px,-4px)}}
.kb-squash,.kb-face,.kb-pupil{transform-box:view-box}
.kb-face,.kb-pupil{transition:transform .18s ease-out}
.kb-squash{transform-origin:60px 114px}
.kb-pop .kb-squash{animation:kb-pop .45s cubic-bezier(.3,1.6,.5,1)}
@keyframes kb-pop{0%{transform:scale(1)}35%{transform:scale(1.08,.92)}70%{transform:scale(.97,1.04)}100%{transform:scale(1)}}
.kb-jump .kb-bob{animation:kb-jump .7s cubic-bezier(.3,1.6,.5,1)}
@keyframes kb-jump{0%,100%{transform:translateY(0)}40%{transform:translateY(-18px) rotate(-6deg)}70%{transform:translateY(0) scale(1.06,.94)}}
.kb-shake .kb-bob{animation:kb-shake .5s linear}
@keyframes kb-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-4px) rotate(-3deg)}40%{transform:translateX(4px) rotate(3deg)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}}

/* Blink */
.kb-eyes{transform-box:view-box;transform-origin:60px 72px;transition:transform .08s}
.kb-blink .kb-eyes{transform:scaleY(.08)}

/* ---------- Face parts: hidden unless the mood needs them ---------- */
.kb-arcs,.kb-winkarc,.kb-hearts,.kb-brows,.kb-m,.kb-fx{display:none}
.kb-rage{fill:#FB7185;opacity:0;transition:opacity .3s}
.kb-cheeks{opacity:.65;transition:opacity .3s}

/* happy (default) */
.kb-svg[data-mood="happy"] .kb-m-smile{display:inline}
/* excited */
.kb-svg[data-mood="excited"] .kb-m-grin,.kb-svg[data-mood="excited"] .kb-spark{display:inline}
.kb-svg[data-mood="excited"] .kb-eye .kb-white{transform:scale(1.08)}
.kb-svg[data-mood="excited"] .kb-arm--l{transform:rotate(-40deg)}.kb-svg[data-mood="excited"] .kb-arm--r{transform:rotate(40deg)}
/* laugh / giggle */
.kb-svg[data-mood="laugh"] .kb-eyes{display:none}
.kb-svg[data-mood="laugh"] .kb-arcs--up,.kb-svg[data-mood="laugh"] .kb-m-grin{display:inline}
.kb-svg[data-mood="laugh"] .kb-cheeks{opacity:1}
/* wink */
.kb-svg[data-mood="wink"] .kb-eye--r{display:none}
.kb-svg[data-mood="wink"] .kb-winkarc,.kb-svg[data-mood="wink"] .kb-m-wink{display:inline}
/* love */
.kb-svg[data-mood="love"] .kb-eyes{display:none}
.kb-svg[data-mood="love"] .kb-hearts,.kb-svg[data-mood="love"] .kb-m-grin{display:inline}
.kb-svg[data-mood="love"] .kb-cheeks{opacity:1}
.kb-svg[data-mood="love"] .kb-hearts{transform-box:fill-box;transform-origin:center;animation:kb-tip 1s ease-in-out infinite}
/* thinking */
.kb-svg[data-mood="thinking"] .kb-m-flat,.kb-svg[data-mood="thinking"] .kb-dots,.kb-svg[data-mood="thinking"] .kb-brows--up{display:inline}
.kb-svg[data-mood="thinking"] .kb-pupil{transform:translate(2.4px,-3px)!important}
.kb-svg[data-mood="thinking"] .kb-squash{transform:rotate(-6deg)}
.kb-svg[data-mood="thinking"] .kb-dots circle{animation:kb-dot 1.2s ease-in-out infinite}
.kb-svg[data-mood="thinking"] .kb-dots circle:nth-child(2){animation-delay:.2s}.kb-svg[data-mood="thinking"] .kb-dots circle:nth-child(3){animation-delay:.4s}
@keyframes kb-dot{0%,100%{opacity:.25}50%{opacity:1}}
/* surprised */
.kb-svg[data-mood="surprised"] .kb-m-o,.kb-svg[data-mood="surprised"] .kb-brows--up,.kb-svg[data-mood="surprised"] .kb-sweat{display:inline}
.kb-svg[data-mood="surprised"] .kb-eye .kb-white{transform:scale(1.15)}
.kb-svg[data-mood="surprised"] .kb-pupil circle:first-child{r:3.4}
.kb-svg[data-mood="surprised"] .kb-arm--l{transform:rotate(-55deg)}.kb-svg[data-mood="surprised"] .kb-arm--r{transform:rotate(55deg)}
/* sad */
.kb-svg[data-mood="sad"] .kb-m-sad,.kb-svg[data-mood="sad"] .kb-brows--sad{display:inline}
.kb-svg[data-mood="sad"] .kb-pupil{transform:translate(0,2px)!important}
.kb-svg[data-mood="sad"] .kb-ant{animation:none;transform:rotate(18deg)}
.kb-svg[data-mood="sad"] .kb-cheeks{opacity:.3}
/* angry */
.kb-svg[data-mood="angry"] .kb-m-angry,.kb-svg[data-mood="angry"] .kb-brows--angry,.kb-svg[data-mood="angry"] .kb-steam,.kb-svg[data-mood="angry"] .kb-vein{display:inline}
.kb-svg[data-mood="angry"] .kb-rage{opacity:.62}
.kb-svg[data-mood="angry"] .kb-cheeks{opacity:0}
.kb-svg[data-mood="angry"] .kb-eye .kb-white{transform:scaleY(.8)}
.kb-svg[data-mood="angry"] .kb-tip{fill:#F43F5E;filter:drop-shadow(0 0 6px #F43F5E)}
.kb-svg[data-mood="angry"] .kb-arm--l{transform:rotate(-25deg)}.kb-svg[data-mood="angry"] .kb-arm--r{transform:rotate(25deg)}
.kb-svg[data-mood="angry"] .kb-steam circle{animation:kb-steam .9s ease-out infinite}
.kb-svg[data-mood="angry"] .kb-steam circle:nth-child(2n){animation-delay:.3s}
@keyframes kb-steam{0%{opacity:.9;transform:translateY(4px)}100%{opacity:0;transform:translateY(-10px)}}
.kb-steam circle{transform-box:fill-box}
.kb-svg[data-mood="angry"]{filter:drop-shadow(0 10px 22px rgba(244,63,94,.5)) drop-shadow(0 0 14px rgba(244,63,94,.35))}
/* sleepy */
.kb-svg[data-mood="sleepy"] .kb-eyes{display:none}
.kb-svg[data-mood="sleepy"] .kb-arcs--down,.kb-svg[data-mood="sleepy"] .kb-zzz,.kb-svg[data-mood="sleepy"] .kb-m-o{display:inline}
.kb-svg[data-mood="sleepy"] .kb-m-o{transform:scale(.6);transform-box:fill-box;transform-origin:center}
.kb-svg[data-mood="sleepy"] .kb-bob{animation-duration:5s}
.kb-svg[data-mood="sleepy"] .kb-zzz text{animation:kb-z 2.4s ease-in-out infinite;transform-box:fill-box}
.kb-svg[data-mood="sleepy"] .kb-zzz text:nth-child(2){animation-delay:.5s}.kb-svg[data-mood="sleepy"] .kb-zzz text:nth-child(3){animation-delay:1s}
@keyframes kb-z{0%{opacity:0;transform:translateY(6px)}40%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
.kb-svg[data-mood="excited"] .kb-spark path{transform-box:fill-box;transform-origin:center;animation:kb-tip .9s ease-in-out infinite}

/* Talking mouth wins over the mood's mouth (except when angry) */
.kb-svg.talk:not([data-mood="angry"]) .kb-m{display:none}
.kb-svg.talk:not([data-mood="angry"]) .kb-m-talk{display:inline;transform-box:fill-box;transform-origin:center;animation:kb-talk .22s ease-in-out infinite alternate}
@keyframes kb-talk{from{transform:scaleY(.35)}to{transform:scaleY(1.15)}}

/* ---------- Thought bubble ---------- */
.kb-bubble{position:absolute;right:58px;bottom:118px;width:max-content;max-width:min(300px,calc(100vw - 110px));padding:16px 34px 16px 18px;border-radius:26px;background:#F3FFF9;color:#0C1510;
  border:1.5px solid rgba(52,227,154,.45);box-shadow:0 22px 50px -14px rgba(12,24,18,.35),0 0 0 6px rgba(52,227,154,.08);font-size:14.5px;line-height:1.5;cursor:pointer;
  opacity:0;visibility:hidden;transform:translateY(10px) scale(.92);transform-origin:bottom right;transition:opacity .3s,transform .4s cubic-bezier(.3,1.5,.5,1),visibility .4s}
.kb-bubble.show{opacity:1;visibility:visible;transform:none}
.kb-bubble::before,.kb-bubble::after{content:"";position:absolute;background:#F3FFF9;border:1.5px solid rgba(52,227,154,.45);border-bottom:0;border-radius:50% 50% 0 0;z-index:-1}
.kb-bubble::before{width:54px;height:30px;top:-15px;left:22px;border-right-color:transparent}
.kb-bubble::after{width:40px;height:24px;top:-11px;left:64px;border-left-color:transparent}
.kb-text{margin:0;min-height:1.5em}
.kb-trail{position:absolute;border-radius:50%;background:#F3FFF9;border:1.5px solid rgba(52,227,154,.45);box-shadow:0 6px 14px -6px rgba(12,24,18,.3)}
.kb-trail1{width:16px;height:16px;right:-8px;bottom:-14px}
.kb-trail2{width:9px;height:9px;right:-20px;bottom:-30px}
.kb-x{position:absolute;top:8px;right:9px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;color:#5d6b63;background:transparent;border:0;cursor:pointer}
.kb-x:hover{background:rgba(12,24,18,.07);color:#0C1510}
.kb-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.kb-acts:empty{display:none}
.kb-act{font:600 13px/1 var(--sans,system-ui);padding:10px 14px;border-radius:999px;border:0;cursor:pointer;color:#fff;background:#0C1510;transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .2s}
.kb-act:hover{transform:translateY(-2px);background:#10B981}
.kb-act--ghost{background:#fff;color:#0C1510;box-shadow:inset 0 0 0 1px rgba(12,24,18,.14)}
.kb-act--ghost:hover{background:#E9FBF2;color:#0C1510}
.kw.open .kb-bubble{display:none}

/* Hearts when a lead is sent */
.kb-heart{position:absolute;right:34px;bottom:70px;font-style:normal;font-size:18px;pointer-events:none;animation:kb-heart 2.2s ease-out forwards}
@keyframes kb-heart{0%{opacity:0;transform:translate(0,0) scale(.4)}20%{opacity:1}100%{opacity:0;transform:translate(var(--x),-150px) scale(1.2)}}

@media (max-width:520px){
  .kw.kb-on .kw-launch{width:72px;height:79px}
  .kb-bubble{right:44px;bottom:96px;font-size:14px;padding:14px 32px 14px 16px}
}
@media (prefers-reduced-motion:reduce){
  .kb-bob,.kb-shadow,.kb-tip,.kb-ant,.kb-arm,.kb-svg *{animation:none!important}
  .kb-bubble{transition:opacity .2s}
}
/* Pose moods hold the arms still (idle swing would override the pose) */
.kb-svg[data-mood="excited"] .kb-arm,.kb-svg[data-mood="surprised"] .kb-arm,.kb-svg[data-mood="angry"] .kb-arm{animation:none}
.cur-ring.kb-hide,.cur-dot.kb-hide{opacity:0!important}

/* ---------- Moving around (buddy.js sets --kbx / --kby / --kbr) ---------- */
.kw.kb-on .kw-launch,.kw.kb-on .kb-bubble,.kw.kb-on .kb-heart{translate:var(--kbx,0px) var(--kby,0px)}
.kb-mount{rotate:var(--kbr,0deg);transition:rotate .25s ease-out}
/* Bubble on her right when she is on the left half of the screen */
.kw.kb-r .kb-bubble{right:auto;left:64px;transform-origin:bottom left}
.kw.kb-r .kb-trail1{right:auto;left:-8px}.kw.kb-r .kb-trail2{right:auto;left:-20px}
/* Bubble below her when she is near the top */
.kw.kb-down .kb-bubble{bottom:auto;top:104px;transform-origin:top right}
.kw.kb-down.kb-r .kb-bubble{transform-origin:top left}
.kw.kb-down .kb-trail1{bottom:auto;top:-14px}.kw.kb-down .kb-trail2{bottom:auto;top:-30px}
/* Flying: arms flap, antenna streams back */
.kb-fly .kb-arm--l{animation:kb-flapl .16s ease-in-out infinite alternate}
.kb-fly .kb-arm--r{animation:kb-flapr .16s ease-in-out infinite alternate}
@keyframes kb-flapl{from{transform:rotate(-10deg)}to{transform:rotate(-55deg)}}
@keyframes kb-flapr{from{transform:rotate(10deg)}to{transform:rotate(55deg)}}
.kb-fly .kb-ant{animation:none;transform:rotate(calc(var(--kbr,0deg) * -2))}
.kb-spin .kb-squash{animation:kb-spin .85s cubic-bezier(.5,0,.3,1)}
@keyframes kb-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* Voice on/off in the bubble */
.kb-snd{position:absolute;top:8px;right:34px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#10B981;background:transparent;border:0;cursor:pointer;padding:0}
.kb-snd svg{width:15px;height:15px}
.kb-snd.off{color:#8a968f}
.kb-snd:hover{background:rgba(12,24,18,.07)}
.kb-bubble{padding-right:60px}
@media (prefers-reduced-motion:reduce){.kb-mount{transition:none}}

/* ---------- Her glowing base (always under her) ---------- */
.kb-shadow{display:none}
.kb-bob{animation-name:kb-hover}
@keyframes kb-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.kb-pad{position:absolute;left:50%;bottom:-3px;width:74px;height:17px;margin-left:-37px;border-radius:50%;pointer-events:none;z-index:-1;
  translate:var(--kbpx,0px) var(--kbpy,0px);
  background:radial-gradient(ellipse at 50% 35%,#fff 0,#E6FFF3 30%,#9EF5C8 58%,rgba(56,189,248,.55) 78%,rgba(167,139,250,.35) 100%);
  box-shadow:0 0 0 2px rgba(52,227,154,.55),0 0 20px 4px rgba(56,189,248,.45),0 10px 20px -6px rgba(16,185,129,.55)}
.kb-pad::before{content:"";position:absolute;inset:3px 10px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9);opacity:.8}
.kb-pad::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(52,227,154,.7);animation:kb-ripple 2.4s ease-out infinite}
@keyframes kb-ripple{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.55,1.9);opacity:0}}
.kw.kb-glide .kb-pad{transition:translate .6s cubic-bezier(.45,0,.2,1)}
@media (max-width:520px){.kb-pad{width:62px;margin-left:-31px;height:14px}.kw.open .kb-pad{display:none}}

/* ---------- Bubble-like hop ---------- */
.kb-takeoff .kb-squash{transform:scale(1.16,.84);transition:transform .12s ease-out}
.kb-air .kb-squash{transform:scale(.9,1.12);transition:transform .18s ease-out}
.kb-air .kb-arm--l{animation:none;transform:rotate(-65deg)}
.kb-air .kb-arm--r{animation:none;transform:rotate(65deg)}
.kb-air .kb-bob{animation:none}
.kb-land .kb-squash{animation:kb-land .55s cubic-bezier(.3,1.6,.5,1)}
@keyframes kb-land{0%{transform:scale(1.22,.78)}40%{transform:scale(.92,1.08)}70%{transform:scale(1.04,.97)}100%{transform:scale(1)}}
.kw.kb-on .kb-pad{display:block}
@media (prefers-reduced-motion:reduce){.kb-pad::after{animation:none}.kw.kb-glide .kb-pad{transition:none}}

/* ---------- v31: she stands ON things (no separate platform) ---------- */
.kb-pad{display:none!important}
.kw.kb-on .kw-launch{transition:none}
/* Standing: a gentle breath instead of floating */
.kb-bob{animation:kb-breathe 3.4s ease-in-out infinite;transform-origin:60px 114px;transform-box:view-box}
@keyframes kb-breathe{0%,100%{transform:scale(1,1)}50%{transform:scale(1.025,.975)}}
.kb-svg{filter:drop-shadow(0 6px 10px rgba(12,24,18,.22)) drop-shadow(0 0 12px rgba(52,227,154,.35))}
/* Little contact shadow under her feet, on the thing she stands on */
.kb-shadow{display:inline!important;fill:rgba(12,24,18,.22);transform-box:fill-box;transform-origin:center;animation:none}
.kb-shadow{cy:115}
.kb-air .kb-shadow{opacity:0}
.kb-svg[data-mood="sleepy"] .kb-bob{animation-duration:5s}

/* ---------- Choose language ---------- */
.kb-lng{position:absolute;top:8px;right:60px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:13px;line-height:1;background:transparent;border:0;cursor:pointer;padding:0;opacity:.75}
.kb-lng:hover{background:rgba(12,24,18,.07);opacity:1}
.kb-bubble{padding-right:86px}
.kb-acts--lang{display:grid;grid-template-columns:repeat(4,auto);gap:6px;justify-content:start}
.kb-acts--lang .kb-act{padding:9px 12px;font-size:13.5px;background:#fff;color:#0C1510;box-shadow:inset 0 0 0 1px rgba(16,185,129,.35)}
.kb-acts--lang .kb-act:hover{background:#10B981;color:#fff}
.kb-acts--lang .kb-act:first-child{background:#0C1510;color:#fff;box-shadow:none}
@media (max-width:520px){.kb-acts--lang{grid-template-columns:repeat(3,auto)}}

/* ---------- Angry = face only (no colour change) ---------- */
.kb-svg[data-mood="angry"] .kb-rage{opacity:0}
.kb-svg[data-mood="angry"]{filter:drop-shadow(0 6px 10px rgba(12,24,18,.22)) drop-shadow(0 0 12px rgba(52,227,154,.35))}
.kb-svg[data-mood="angry"] .kb-tip{fill:url(#kbTip);filter:drop-shadow(0 0 6px #34E39A)}
.kb-svg[data-mood="angry"] .kb-steam,.kb-svg[data-mood="angry"] .kb-vein{display:none}
.kb-svg[data-mood="angry"] .kb-cheeks{opacity:.25}

/* ---------- v35: her own layer on the page (scrolls with the content) ---------- */
.kb-stage{position:absolute;left:0;top:0;width:0;height:0;z-index:70;font-family:var(--sans,system-ui);color:#0C1510}
.kb-stage.kb-fixed{position:fixed}
.kb-stage *{box-sizing:border-box}
.kb-actor{position:absolute;left:0;top:0;translate:var(--kbx,0px) var(--kby,0px)}
.kb-stage .kw-launch{position:relative;display:block;width:88px;height:96px;border:0;border-radius:0;background:none!important;box-shadow:none!important;animation:none!important;overflow:visible;cursor:pointer;padding:0;color:inherit;transition:none}
.kb-stage .kw-launch::before,.kb-stage .kw-launch::after,.kb-stage .kw-ring,.kb-stage .kw-launch .kw-ico,.kb-stage .kw-launch .kw-x,.kb-stage .kw-launch .kw-orb{display:none!important}
.kb-stage .kw-launch:hover{transform:none}
.kb-stage .kw-launch:focus-visible{outline:2px solid #34E39A;outline-offset:4px;border-radius:24px}
.kb-stage .kw-badge{top:10px;right:6px}
.kb-stage.kb-r .kb-bubble{right:auto;left:64px;transform-origin:bottom left}
.kb-stage.kb-r .kb-trail1{right:auto;left:-8px}.kb-stage.kb-r .kb-trail2{right:auto;left:-20px}
.kb-stage.kb-down .kb-bubble{bottom:auto;top:104px;transform-origin:top right}
.kb-stage.kb-down.kb-r .kb-bubble{transform-origin:top left}
.kb-stage.kb-down .kb-trail1{bottom:auto;top:-14px}.kb-stage.kb-down .kb-trail2{bottom:auto;top:-30px}
.kb-stage.kb-chat .kb-bubble{display:none}
@media (max-width:520px){.kb-stage .kw-launch{width:72px;height:79px}.kb-stage.kb-chat .kw-launch{display:none}}
/* "Tap to hear me" when the browser hasn't allowed sound yet */
.kb-hear{display:none;margin-top:10px;font:600 12.5px/1 var(--sans,system-ui);padding:8px 12px;border-radius:999px;border:0;cursor:pointer;color:#065F46;background:#D1FAE5;animation:kb-hear 1.4s ease-in-out infinite}
.kb-bubble.needs-tap .kb-hear{display:inline-flex}
@keyframes kb-hear{0%,100%{box-shadow:0 0 0 0 rgba(16,185,129,.45)}50%{box-shadow:0 0 0 6px rgba(16,185,129,0)}}
/* v37: her layer always stays fixed on the screen */
.kb-stage{position:fixed!important}