#fashionity-faq-chatbot{--ffaq-color:#3db063;position:fixed!important;right:22px!important;left:auto!important;bottom:24px!important;z-index:2147483000!important;font-family:inherit;color:#202820;line-height:1.45;isolation:isolate}
#fashionity-faq-chatbot.ffaq-position-left{right:auto!important;left:22px!important}
#fashionity-faq-chatbot.ffaq-position-right{left:auto!important;right:22px!important}
#fashionity-faq-chatbot *{box-sizing:border-box}
#fashionity-faq-chatbot .ffaq-launcher{position:relative;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:linear-gradient(135deg,#4bc774 0%,#25934d 72%,#187d3d 100%);color:#fff;padding:13px 19px 13px 14px;box-shadow:0 10px 28px rgba(27,135,64,.34),0 3px 8px rgba(18,64,31,.13),inset 0 1px 0 rgba(255,255,255,.32);cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;line-height:1.2;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,filter .32s;animation:ffaq-float 4s ease-in-out infinite;overflow:hidden}
#fashionity-faq-chatbot .ffaq-launcher:before{content:"";position:absolute;inset:0;transform:translateX(-140%);background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.3) 48%,transparent 72%);animation:ffaq-shimmer 6s ease-in-out infinite;pointer-events:none}
#fashionity-faq-chatbot .ffaq-launcher:after{content:"";position:absolute;inset:-4px;border:1px solid rgba(61,176,99,.4);border-radius:inherit;animation:ffaq-ring 3.2s ease-out infinite;pointer-events:none}
#fashionity-faq-chatbot .ffaq-launcher:hover{transform:translateY(-4px) scale(1.035);box-shadow:0 16px 34px rgba(27,135,64,.38),0 3px 8px rgba(18,64,31,.13),inset 0 1px 0 rgba(255,255,255,.32);filter:saturate(1.12)}
#fashionity-faq-chatbot .ffaq-launcher:active{transform:scale(.96)}
#fashionity-faq-chatbot .ffaq-launcher svg{width:27px;height:27px;flex:0 0 27px;position:relative}
#fashionity-faq-chatbot .ffaq-launcher-label{position:relative;letter-spacing:.15px}
#fashionity-faq-chatbot .ffaq-panel{position:absolute;bottom:76px;right:0;left:auto;width:min(385px,calc(100vw - 28px));height:min(610px,calc(100vh - 110px));min-height:360px;background:#fff;border:1px solid #dcece0;border-radius:24px;overflow:hidden;box-shadow:0 28px 85px rgba(17,48,25,.26),0 6px 20px rgba(17,48,25,.08);display:flex;flex-direction:column;transform-origin:bottom right;animation:ffaq-panel-in .38s cubic-bezier(.16,1,.3,1) both}
#fashionity-faq-chatbot.ffaq-position-left .ffaq-panel{left:0;right:auto;transform-origin:bottom left}
#fashionity-faq-chatbot.ffaq-position-right .ffaq-panel{left:auto;right:0;transform-origin:bottom right}
#fashionity-faq-chatbot .ffaq-panel[hidden],#fashionity-faq-chatbot .ffaq-answer[hidden]{display:none!important}
#fashionity-faq-chatbot .ffaq-header{position:relative;display:flex;align-items:center;gap:12px;background:radial-gradient(circle at 95% -10%,rgba(255,255,255,.25),transparent 38%),linear-gradient(130deg,#43c36b 0%,#2da755 46%,#187d3e 100%);color:#fff;padding:19px 17px;flex:0 0 auto;overflow:hidden}
#fashionity-faq-chatbot .ffaq-header:after{content:"";position:absolute;right:-34px;bottom:-72px;width:155px;height:155px;border:1px solid rgba(255,255,255,.17);border-radius:50%;box-shadow:0 0 0 19px rgba(255,255,255,.045),0 0 0 40px rgba(255,255,255,.035);pointer-events:none}
#fashionity-faq-chatbot .ffaq-avatar{position:relative;width:44px;height:44px;border-radius:16px;background:rgba(255,255,255,.19);border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-weight:850;font-size:22px;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
#fashionity-faq-chatbot .ffaq-header-copy{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;position:relative;z-index:1}
#fashionity-faq-chatbot .ffaq-header-copy strong{font-size:15px;color:#fff;letter-spacing:.15px}
#fashionity-faq-chatbot .ffaq-header-copy span{font-size:11px;color:rgba(255,255,255,.94)}
#fashionity-faq-chatbot .ffaq-header-copy i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#caffd7;margin-right:5px;box-shadow:0 0 0 3px rgba(202,255,215,.18)}
#fashionity-faq-chatbot .ffaq-close{position:relative;z-index:2;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.13);color:#fff;width:33px;height:33px;border-radius:11px;font-family:inherit;font-size:24px;line-height:1;cursor:pointer;padding:0;transition:background .2s,transform .25s}
#fashionity-faq-chatbot .ffaq-close:hover{background:rgba(255,255,255,.28);transform:rotate(90deg)}
#fashionity-faq-chatbot .ffaq-body{padding:16px 15px 14px;overflow:auto;flex:1;min-height:0;background:radial-gradient(ellipse at 0% 0%,#eaf8ee 0,transparent 43%),linear-gradient(180deg,#f9fcf9 0%,#fff 50%);scrollbar-width:thin;scrollbar-color:#c8e4ce transparent}
#fashionity-faq-chatbot .ffaq-welcome{font-size:13px;background:rgba(255,255,255,.97);border:1px solid #e0eee3;border-radius:16px;padding:14px 14px;margin-bottom:13px;box-shadow:0 6px 20px rgba(24,83,39,.055);animation:ffaq-rise .34s ease both}
#fashionity-faq-chatbot .ffaq-welcome strong{font-size:14px;color:#1f3424}
#fashionity-faq-chatbot .ffaq-welcome p{color:#718075;margin:5px 0 0;font-size:12px;line-height:1.55}
#fashionity-faq-chatbot .ffaq-search-wrap{display:block;margin-bottom:12px}
#fashionity-faq-chatbot .ffaq-search{width:100%;height:43px;border:1px solid #dce9df;border-radius:13px;padding:0 13px;background:#fff;color:#202820;font-family:inherit;font-size:12px;outline:none;box-shadow:0 3px 10px rgba(22,65,31,.035);transition:border-color .22s,box-shadow .22s,background .22s}
#fashionity-faq-chatbot .ffaq-search:focus{border-color:#3db063;box-shadow:0 0 0 4px rgba(61,176,99,.13);background:#fff}
#fashionity-faq-chatbot .ffaq-questions{display:flex;flex-direction:column;gap:8px}
#fashionity-faq-chatbot .ffaq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;border:1px solid #e1ebe3;border-radius:13px;background:rgba(255,255,255,.98);color:#29382d;padding:11px 12px;cursor:pointer;font-family:inherit;font-size:12px;font-weight:550;line-height:1.45;box-shadow:0 2px 7px rgba(20,60,30,.03);transition:transform .24s cubic-bezier(.2,.8,.2,1),border-color .2s,background .2s,box-shadow .2s;animation:ffaq-rise .32s ease both}
#fashionity-faq-chatbot .ffaq-question:after{content:"›";width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:9px;background:#edf8ef;color:#238d49;font-size:22px;line-height:18px;transition:background .2s,color .2s,transform .2s}
#fashionity-faq-chatbot .ffaq-question:hover{transform:translateX(-4px);border-color:#9fd6ad;background:#fbfffc;box-shadow:0 6px 17px rgba(30,110,50,.09)}
#fashionity-faq-chatbot.ffaq-position-left .ffaq-question:hover{transform:translateX(4px)}
#fashionity-faq-chatbot .ffaq-question:hover:after{background:#3db063;color:#fff;transform:translateX(2px)}
#fashionity-faq-chatbot .ffaq-empty{font-size:12px;color:#69766b;padding:16px 12px;text-align:center;background:#fff;border-radius:13px;border:1px dashed #dce9df}
#fashionity-faq-chatbot .ffaq-answer{font-size:13px;animation:ffaq-rise .32s ease both}
#fashionity-faq-chatbot .ffaq-answer-question{font-weight:750;font-size:14px;line-height:1.5;padding:0 0 12px;margin-bottom:12px;border-bottom:1px solid #e7eee8;color:#213a27}
#fashionity-faq-chatbot .ffaq-answer-text{background:linear-gradient(135deg,#eff9f1,#f9fcf9);border:1px solid #dceee0;border-radius:15px;padding:15px;line-height:1.72;white-space:pre-line;color:#3c4b3f;box-shadow:inset 0 1px 0 #fff}
#fashionity-faq-chatbot .ffaq-back{margin-top:15px;border:1px solid #d8ebdd;background:#fff;color:#238347;border-radius:11px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;padding:10px 13px;transition:background .2s,border-color .2s,transform .2s}
#fashionity-faq-chatbot .ffaq-back:hover{background:#eff9f1;border-color:#a9d9b5;transform:translateX(-2px)}
#fashionity-faq-chatbot .ffaq-footer{padding:12px 14px 13px;border-top:1px solid #edf2ed;background:rgba(255,255,255,.98);display:flex;flex-direction:column;gap:8px;flex:0 0 auto}
#fashionity-faq-chatbot .ffaq-whatsapp{display:flex;justify-content:center;align-items:center;gap:8px;background:#edf9f0;color:#207a3d;text-decoration:none;border:1px solid #d8efde;border-radius:12px;padding:11px;font-size:12px;font-weight:750;transition:background .2s,transform .2s,border-color .2s}
#fashionity-faq-chatbot .ffaq-whatsapp span{font-size:15px;transition:transform .2s}
#fashionity-faq-chatbot .ffaq-whatsapp:hover{background:#ddf4e3;border-color:#bfe4c8;color:#145b2b;transform:translateY(-1px)}
#fashionity-faq-chatbot .ffaq-whatsapp:hover span{transform:translate(2px,-2px)}
#fashionity-faq-chatbot .ffaq-footer small{text-align:center;color:#8a958c;font-size:10px;letter-spacing:.1px}
@keyframes ffaq-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes ffaq-shimmer{0%,68%,100%{transform:translateX(-140%)}84%{transform:translateX(140%)}}
@keyframes ffaq-ring{0%{opacity:.5;transform:scale(.97)}70%,100%{opacity:0;transform:scale(1.25)}}
@keyframes ffaq-panel-in{from{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ffaq-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){#fashionity-faq-chatbot *,#fashionity-faq-chatbot *:before,#fashionity-faq-chatbot *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:480px){#fashionity-faq-chatbot{right:12px!important;bottom:14px!important}#fashionity-faq-chatbot.ffaq-position-left{left:12px!important;right:auto!important}#fashionity-faq-chatbot.ffaq-position-right{left:auto!important;right:12px!important}#fashionity-faq-chatbot .ffaq-panel{width:calc(100vw - 24px);height:min(610px,calc(100dvh - 88px));bottom:65px;min-height:330px;border-radius:20px}#fashionity-faq-chatbot .ffaq-launcher{padding:12px 16px 12px 13px}#fashionity-faq-chatbot .ffaq-header{padding:16px}}


/* Mobile adjustment: keep the FAQ launcher just above Fashionity's bottom navigation bar. */
@media (max-width: 600px) {
  #fashionity-faq-chatbot {
    bottom: 74px !important;
  }
  #fashionity-faq-chatbot .ffaq-panel {
    bottom: 65px;
    max-height: calc(100dvh - 150px);
  }
}

/* Fashionity supplied assistant logo replaces the letter avatar only. */
#fashionity-faq-chatbot .ffaq-avatar{overflow:hidden;padding:0;background:rgba(255,255,255,.16)}
#fashionity-faq-chatbot .ffaq-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}

/* Remove the avatar tile/border so only the Fashionity icon artwork remains. */
#fashionity-faq-chatbot .ffaq-avatar{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  overflow:visible!important;
}
#fashionity-faq-chatbot .ffaq-avatar img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:0!important;
}