:root{
  --zs-chat-primary:#073f31;
  --zs-chat-primary-2:#0b5f4b;
  --zs-chat-accent:#c99c4a;
  --zs-chat-surface:#fff;
  --zs-chat-bg:#f4f7f5;
  --zs-chat-text:#17231f;
  --zs-chat-muted:#64716b;
  --zs-chat-border:#dbe5e0;
  --zs-chat-nav-height:68px;
  --zs-chat-safe-bottom:env(safe-area-inset-bottom,0px);
  --zs-chat-viewport-height:100dvh;
}

/* The only active launcher. ID selectors deliberately outrank old theme rules. */
#zsChatOpen.consult-fab{
  position:fixed!important;
  inset-inline-start:18px!important;
  inset-inline-end:auto!important;
  inset-block-start:auto!important;
  inset-block-end:24px!important;
  z-index:2147482990!important;
  width:auto!important;
  min-width:54px!important;
  max-width:min(320px,calc(100% - 36px))!important;
  height:54px!important;
  min-height:54px!important;
  margin:0!important;
  padding:0 18px!important;
  border:1px solid var(--chat-border,transparent)!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,var(--chat-bg,var(--zs-chat-primary)),var(--chat-bg2,var(--zs-chat-primary-2)))!important;
  color:var(--chat-text,#fff)!important;
  box-shadow:0 16px 42px var(--chat-shadow,rgba(7,63,49,.28))!important;
  font:800 14px/1.2 Vazirmatn,Tahoma,sans-serif!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  opacity:1!important;
  visibility:visible!important;
  transform:translateZ(0)!important;
  transition:opacity .18s ease,visibility .18s ease,transform .18s ease,box-shadow .18s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
#zsChatOpen.consult-fab:hover{transform:translateY(-2px)!important;box-shadow:0 19px 48px var(--chat-shadow,rgba(7,63,49,.34))!important}
#zsChatOpen.consult-fab:focus-visible{outline:3px solid rgba(201,156,74,.72)!important;outline-offset:4px!important}
#zsChatOpen .consult-icon{display:grid!important;place-items:center!important;flex:0 0 auto!important;width:24px!important;height:24px!important;font-size:20px!important;line-height:1!important}
#zsChatOpen .consult-icon img{display:block!important;width:24px!important;height:24px!important;object-fit:contain!important}
#zsChatOpen .consult-label{display:block!important;min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font:inherit!important;color:inherit!important}
#zsChatOpen .consult-label-mobile{display:none!important}
body.zs-chat-open #zsChatOpen{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(10px)!important}

/* Full-screen modal layer; remains fixed regardless of page/theme CSS. */
#zsChatSheet.chat-sheet{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  box-sizing:border-box!important;
  width:auto!important;
  height:var(--zs-chat-viewport-height,100dvh)!important;
  margin:0!important;
  padding:20px!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  direction:rtl!important;
  overflow:hidden!important;
  background:rgba(5,18,14,.58)!important;
  -webkit-backdrop-filter:blur(5px)!important;
  backdrop-filter:blur(5px)!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transition:opacity .2s ease,visibility .2s ease!important;
  isolation:isolate!important;
  overscroll-behavior:contain!important;
}
#zsChatSheet.chat-sheet.show,
#zsChatSheet.chat-sheet.is-open{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#zsChatSheet .chat-panel{
  position:relative!important;
  inset:auto!important;
  box-sizing:border-box!important;
  width:min(430px,calc(100% - 40px))!important;
  max-width:430px!important;
  height:auto!important;
  min-height:0!important;
  max-height:min(720px,calc(var(--zs-chat-viewport-height,100dvh) - 40px))!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:var(--zs-chat-surface)!important;
  border:1px solid rgba(255,255,255,.72)!important;
  border-radius:26px!important;
  box-shadow:0 30px 100px rgba(0,0,0,.32)!important;
  opacity:0!important;
  transform:translateY(24px) scale(.985)!important;
  transform-origin:bottom left!important;
  transition:opacity .22s ease,transform .22s ease!important;
  color:var(--zs-chat-text)!important;
  font-family:Vazirmatn,Tahoma,sans-serif!important;
  contain:layout paint!important;
}
#zsChatSheet.show .chat-panel,
#zsChatSheet.is-open .chat-panel{opacity:1!important;transform:none!important}
#zsChatSheet .chat-handle{display:none!important}
#zsChatSheet .chat-head{
  position:relative!important;
  flex:0 0 auto!important;
  min-height:76px!important;
  margin:0!important;
  padding:15px 17px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  background:linear-gradient(135deg,var(--chat-bg,var(--zs-chat-primary)),var(--chat-bg2,var(--zs-chat-primary-2)))!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
}
#zsChatSheet .chat-head>div{min-width:0!important;display:block!important}
#zsChatSheet .chat-head b{display:block!important;margin:0!important;color:#fff!important;font-size:16px!important;font-weight:900!important;line-height:1.55!important;white-space:normal!important}
#zsChatSheet .chat-head span{display:block!important;margin:2px 0 0!important;color:rgba(255,255,255,.78)!important;font-size:11.5px!important;font-weight:500!important;line-height:1.6!important;white-space:normal!important}
#zsChatClose{
  position:static!important;
  flex:0 0 42px!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  font:400 0/1 sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#zsChatClose::before{content:"×";font:400 27px/1 Vazirmatn,Tahoma,sans-serif!important;transform:translateY(-1px)}
#zsChatClose:hover{background:rgba(255,255,255,.21)!important}
#zsChatClose:focus-visible{outline:3px solid rgba(255,255,255,.78)!important;outline-offset:2px!important}
#zsChatBody.chat-body{
  position:relative!important;
  flex:1 1 300px!important;
  height:auto!important;
  min-height:210px!important;
  max-height:none!important;
  margin:0!important;
  padding:15px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:9px!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  background:var(--zs-chat-bg)!important;
  border:0!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  scrollbar-width:thin!important;
}
#zsChatBody .bot-msg,
#zsChatBody .user-msg{
  box-sizing:border-box!important;
  width:auto!important;
  max-width:88%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  color:var(--zs-chat-text)!important;
  font:500 13px/1.9 Vazirmatn,Tahoma,sans-serif!important;
  white-space:pre-wrap!important;
  overflow-wrap:anywhere!important;
  box-shadow:none!important;
}
#zsChatBody .bot-msg{align-self:flex-start!important;background:#fff!important;border:1px solid #e1e9e5!important;border-end-start-radius:6px!important}
#zsChatBody .user-msg{align-self:flex-end!important;background:#dff0e9!important;border:1px solid #c5dfd4!important;border-end-end-radius:6px!important;color:#103e31!important}
#zsChatBody .thinking{opacity:.72!important}
#zsChatSheet .chat-suggestions{
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:10px 12px!important;
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid var(--zs-chat-border)!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch!important;
}
#zsChatSheet .chat-suggestions::-webkit-scrollbar{display:none!important}
#zsChatSheet .chat-suggestions button{
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:38px!important;
  margin:0!important;
  padding:7px 11px!important;
  border:1px solid #cbded5!important;
  border-radius:999px!important;
  background:#f2f8f5!important;
  color:var(--zs-chat-primary)!important;
  font:750 11.5px/1.5 Vazirmatn,Tahoma,sans-serif!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#zsChatSheet .chat-suggestions button:hover{background:#e7f2ed!important}
#zsChatSheet .chat-suggestions button:focus-visible{outline:3px solid rgba(201,156,74,.55)!important;outline-offset:2px!important}
#zsChatForm.chat-form{
  position:relative!important;
  flex:0 0 auto!important;
  width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:11px 12px calc(11px + var(--zs-chat-safe-bottom))!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 76px!important;
  align-items:end!important;
  gap:8px!important;
  background:#fff!important;
  border:0!important;
  border-top:1px solid var(--zs-chat-border)!important;
}
#zsChatInput{
  box-sizing:border-box!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:46px!important;
  min-height:46px!important;
  max-height:110px!important;
  margin:0!important;
  padding:11px 13px!important;
  resize:none!important;
  overflow-y:auto!important;
  border:1px solid #cfdad5!important;
  border-radius:14px!important;
  background:#fff!important;
  color:var(--zs-chat-text)!important;
  font:500 16px/1.55 Vazirmatn,Tahoma,sans-serif!important;
  direction:rtl!important;
  text-align:right!important;
  outline:0!important;
  box-shadow:none!important;
}
#zsChatInput::placeholder{color:#87928d!important;opacity:1!important}
#zsChatInput:focus{border-color:var(--zs-chat-primary)!important;box-shadow:0 0 0 4px rgba(7,63,49,.11)!important}
#zsChatForm>button[type="submit"]{
  box-sizing:border-box!important;
  width:76px!important;
  min-width:76px!important;
  height:46px!important;
  min-height:46px!important;
  margin:0!important;
  padding:0 12px!important;
  border:0!important;
  border-radius:14px!important;
  background:var(--zs-chat-primary)!important;
  color:#fff!important;
  font:850 13px/1 Vazirmatn,Tahoma,sans-serif!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
#zsChatForm>button[type="submit"]:hover{background:var(--zs-chat-primary-2)!important}
#zsChatForm>button[type="submit"]:focus-visible{outline:3px solid rgba(201,156,74,.62)!important;outline-offset:2px!important}
#zsChatForm>button[type="submit"]:disabled,#zsChatInput:disabled{opacity:.6!important;cursor:wait!important}
#zsChatSheet .chat-product-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:9px!important;align-items:center!important;background:#fff!important;border:1px solid #dfe8e3!important;border-radius:15px!important;padding:8px!important;text-decoration:none!important;color:var(--zs-chat-text)!important}
#zsChatSheet .chat-product-card img{width:56px!important;height:56px!important;border-radius:12px!important;object-fit:contain!important;background:#fafafa!important}
#zsChatSheet .chat-engine{font-size:10px!important;color:#7a8781!important;text-align:left!important}
.zs-chat-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
body.zs-chat-open{overflow:hidden!important;overscroll-behavior:none!important}
body.zs-chat-open .zs-shell-backtop{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
body.zs-chat-open .zs-shell-toast{opacity:0!important;visibility:hidden!important}

@media(max-width:720px){
  #zsChatOpen.consult-fab{
    inset-inline-start:14px!important;
    inset-block-end:calc(var(--zs-chat-nav-height) + var(--zs-chat-safe-bottom) + 14px)!important;
    width:52px!important;
    min-width:52px!important;
    max-width:52px!important;
    height:52px!important;
    min-height:52px!important;
    padding:0!important;
    border-radius:17px!important;
  }
  #zsChatOpen .consult-label-desktop,#zsChatOpen .consult-label-mobile{display:none!important}
  #zsChatSheet.chat-sheet{
    padding:0 0 calc(var(--zs-chat-nav-height) + var(--zs-chat-safe-bottom))!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }
  #zsChatSheet .chat-panel{
    width:100%!important;
    max-width:none!important;
    max-height:min(80vh,calc(var(--zs-chat-viewport-height,100dvh) - var(--zs-chat-nav-height) - var(--zs-chat-safe-bottom) - 12px))!important;
    border-inline:0!important;
    border-block-end:0!important;
    border-radius:25px 25px 0 0!important;
    transform-origin:bottom center!important;
  }
  #zsChatSheet .chat-handle{
    position:absolute!important;
    z-index:2!important;
    inset-block-start:7px!important;
    inset-inline-start:50%!important;
    display:block!important;
    width:42px!important;
    height:4px!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.42)!important;
    transform:translateX(-50%)!important;
    pointer-events:none!important;
  }
  #zsChatSheet .chat-head{min-height:78px!important;padding:18px 16px 13px!important}
  #zsChatBody.chat-body{flex-basis:260px!important;min-height:170px!important;padding:13px!important}
  #zsChatForm.chat-form{padding-bottom:11px!important}
  body.zs-chat-open .zs-shell-bottom-nav{pointer-events:none!important}
}

@media(max-width:360px){
  #zsChatSheet .chat-head b{font-size:15px!important}
  #zsChatSheet .chat-head span{font-size:10.5px!important}
  #zsChatForm.chat-form{grid-template-columns:minmax(0,1fr) 68px!important;padding-inline:9px!important}
  #zsChatForm>button[type="submit"]{width:68px!important;min-width:68px!important;padding-inline:8px!important}
  #zsChatSheet .chat-suggestions{padding-inline:9px!important}
}

@media(prefers-reduced-motion:reduce){
  #zsChatOpen,#zsChatSheet,#zsChatSheet .chat-panel{transition:none!important;animation:none!important}
}


/* ================================================================
   ZShop Chat v40 — mobile keyboard / VisualViewport hardening
   ================================================================ */
#zsChatSheet.chat-sheet{
  --zs-chat-vv-height:var(--zs-chat-viewport-height,100dvh);
  --zs-chat-vv-top:0px;
}
#zsChatBody .bot-msg.typing-msg::after{
  content:"";
  display:inline-block;
  width:2px;
  height:1.05em;
  margin-inline-start:4px;
  vertical-align:-.12em;
  border-radius:999px;
  background:var(--zs-chat-primary);
  animation:zs-chat-caret-blink .72s steps(1,end) infinite;
}
@keyframes zs-chat-caret-blink{0%,48%{opacity:1}49%,100%{opacity:0}}

@media(max-width:720px){
  /* Use the actual visible viewport, not the layout viewport. This is the
     important difference when Safari/Chrome opens the on-screen keyboard. */
  #zsChatSheet.chat-sheet{
    inset:auto 0 auto 0!important;
    top:var(--zs-chat-vv-top,0px)!important;
    bottom:auto!important;
    width:100%!important;
    height:var(--zs-chat-vv-height,100dvh)!important;
    min-height:0!important;
    max-height:none!important;
    padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))!important;
    align-items:flex-end!important;
    justify-content:center!important;
  }
  #zsChatSheet .chat-panel{
    width:100%!important;
    max-width:520px!important;
    height:calc(100% - 2px)!important;
    min-height:0!important;
    max-height:680px!important;
    border:1px solid rgba(255,255,255,.75)!important;
    border-radius:24px!important;
  }
  #zsChatSheet .chat-head{
    min-height:70px!important;
    padding:14px 14px 11px!important;
  }
  #zsChatSheet .chat-head b{font-size:15.5px!important;line-height:1.45!important}
  #zsChatSheet .chat-head span{font-size:11px!important;line-height:1.45!important}
  #zsChatClose{
    flex-basis:44px!important;
    width:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    height:44px!important;
    min-height:44px!important;
  }
  #zsChatBody.chat-body{
    flex:1 1 auto!important;
    flex-basis:auto!important;
    min-height:0!important;
    padding:12px!important;
    scroll-padding-block:12px 20px!important;
  }
  #zsChatBody .bot-msg,#zsChatBody .user-msg{
    max-width:91%!important;
    font-size:14px!important;
    line-height:1.85!important;
  }
  #zsChatSheet .chat-suggestions{
    min-height:50px!important;
    padding:7px 9px!important;
  }
  #zsChatSheet .chat-suggestions button{
    min-height:36px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }
  #zsChatForm.chat-form{
    grid-template-columns:minmax(0,1fr) 70px!important;
    padding:8px 9px calc(8px + env(safe-area-inset-bottom,0px))!important;
    gap:7px!important;
  }
  #zsChatInput{
    height:46px!important;
    min-height:46px!important;
    max-height:96px!important;
    padding:10px 12px!important;
    font-size:16px!important;
    line-height:1.55!important;
  }
  #zsChatForm>button[type="submit"]{
    width:70px!important;
    min-width:70px!important;
    height:46px!important;
    min-height:46px!important;
    padding-inline:8px!important;
  }

  /* The site navigation must not reserve or cover space while the chat is open. */
  body.zs-chat-open .zs-mobile-bottom-nav-v129,
  body.zs-chat-open .zs-shell-bottom-nav,
  body.zs-chat-open .zs-mobile-bottom-spacer-v206,
  body.zs-chat-open [data-zs-bottom-nav]{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }

  /* When the composer has focus, spend the scarce keyboard viewport on the
     conversation and composer. Quick chips return as soon as the keyboard closes. */
  body.zs-chat-input-focus #zsChatSheet .chat-suggestions{display:none!important}
  body.zs-chat-input-focus #zsChatSheet .chat-panel{
    height:100%!important;
    max-height:none!important;
    border-radius:18px!important;
  }
  body.zs-chat-input-focus #zsChatSheet .chat-head{
    min-height:58px!important;
    padding-block:9px!important;
  }
  body.zs-chat-input-focus #zsChatSheet .chat-head span{display:none!important}
  body.zs-chat-input-focus #zsChatSheet .chat-handle{display:none!important}
  body.zs-chat-input-focus #zsChatForm.chat-form{
    padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media(max-width:380px){
  #zsChatSheet.chat-sheet{padding-inline:3px!important;padding-top:3px!important}
  #zsChatSheet .chat-panel{border-radius:20px!important}
  #zsChatSheet .chat-head{padding-inline:11px!important}
  #zsChatForm.chat-form{grid-template-columns:minmax(0,1fr) 64px!important;padding-inline:7px!important}
  #zsChatForm>button[type="submit"]{width:64px!important;min-width:64px!important;font-size:12px!important}
}

@media(prefers-reduced-motion:reduce){
  #zsChatBody .bot-msg.typing-msg::after{animation:none!important;opacity:1!important}
}


/* ================================================================
   ZShop Chat v42 — professional skin-consult UX refinements
   ================================================================ */
#zsChatSheet .chat-head{
  min-height:66px!important;
  padding:11px 14px!important;
  gap:10px!important;
}
#zsChatSheet .chat-head b{
  font-size:15px!important;
  line-height:1.45!important;
}
#zsChatSheet .chat-head span{
  margin-top:1px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
#zsChatClose{
  flex-basis:40px!important;
  width:40px!important;
  min-width:40px!important;
  max-width:40px!important;
  height:40px!important;
  min-height:40px!important;
  border-radius:12px!important;
}
#zsChatBody.chat-body{
  gap:8px!important;
}
#zsChatBody .bot-msg,
#zsChatBody .user-msg{
  line-height:1.75!important;
}
#zsChatSheet .chat-suggestions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  align-items:center!important;
  gap:6px!important;
  overflow:visible!important;
  padding:8px 10px!important;
}
#zsChatSheet .chat-suggestions[hidden]{display:none!important}
#zsChatSheet .chat-suggestions button{
  flex:1 1 auto!important;
  max-width:100%!important;
  min-height:34px!important;
  padding:6px 10px!important;
  white-space:normal!important;
  text-align:center!important;
  line-height:1.45!important;
}
#zsChatInput::placeholder{
  font-size:13px!important;
}

@media(max-width:720px){
  #zsChatSheet .chat-head{
    min-height:62px!important;
    padding:10px 12px!important;
  }
  #zsChatSheet .chat-head b{font-size:14.5px!important}
  #zsChatSheet .chat-head span{font-size:10px!important}
  #zsChatClose{
    flex-basis:40px!important;
    width:40px!important;
    min-width:40px!important;
    max-width:40px!important;
    height:40px!important;
    min-height:40px!important;
  }
  #zsChatSheet .chat-suggestions{
    min-height:0!important;
    padding:7px 8px!important;
  }
  #zsChatSheet .chat-suggestions button{
    flex:1 1 calc(50% - 6px)!important;
    min-width:min(150px,calc(50% - 6px))!important;
    font-size:11.5px!important;
  }
  #zsChatBody .bot-msg,#zsChatBody .user-msg{
    max-width:92%!important;
    font-size:13.5px!important;
    line-height:1.72!important;
  }
  body.zs-chat-input-focus #zsChatSheet .chat-head{
    min-height:52px!important;
    padding-block:7px!important;
  }
}

@media(max-width:380px){
  #zsChatSheet .chat-suggestions button{
    flex-basis:100%!important;
    min-width:100%!important;
  }
  #zsChatInput::placeholder{font-size:12px!important}
}

/* v41: structured cards for the separated assistants */
.zs-chat-cards{display:grid;gap:8px;margin:4px 0 8px;direction:rtl}
.zs-chat-product-card,.zs-chat-order-card{display:flex;text-decoration:none;color:#17352d;background:#fff;border:1px solid rgba(7,63,49,.13);border-radius:15px;box-shadow:0 7px 18px rgba(7,63,49,.07);overflow:hidden;transition:transform .16s ease,border-color .16s ease}
.zs-chat-product-card:hover,.zs-chat-order-card:hover{transform:translateY(-1px);border-color:rgba(7,63,49,.28)}
.zs-chat-product-card{align-items:center;gap:10px;padding:8px}
.zs-chat-product-card img{width:58px;height:58px;flex:0 0 58px;object-fit:cover;border-radius:11px;background:#f5f7f6}
.zs-chat-product-copy{display:grid;gap:6px;min-width:0;flex:1}
.zs-chat-product-copy>b{font-size:12.5px;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.zs-chat-product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}
.zs-chat-product-meta strong{font-size:12px;color:#073f31}.zs-chat-product-meta small{font-size:10.5px;color:#3c7b66;background:#eef7f3;border-radius:999px;padding:3px 7px}.zs-chat-product-meta small:last-child:not(:empty){}
.zs-chat-order-card{display:grid;gap:8px;padding:11px 12px}
.zs-chat-order-head,.zs-chat-order-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
.zs-chat-order-head b{font-size:12.5px}.zs-chat-order-head em{font-style:normal;font-size:10.5px;background:#eef7f3;color:#0b5f4b;border-radius:999px;padding:4px 8px}
.zs-chat-order-meta small,.zs-chat-order-track{font-size:10.5px;color:#68756f}.zs-chat-order-meta strong{font-size:11.5px;color:#17352d}.zs-chat-order-track{display:block;border-top:1px dashed rgba(7,63,49,.12);padding-top:7px}
.zs-chat-role-shopping .consult-icon,.zs-chat-role-account .consult-icon{font-size:20px}.zs-chat-role-shopping .consult-icon i,.zs-chat-role-account .consult-icon i,.zs-chat-role-skin_hair .consult-icon i{font-size:20px;line-height:1}
@media(max-width:767.98px){.zs-chat-product-card img{width:54px;height:54px;flex-basis:54px}.zs-chat-cards{margin-left:2px;margin-right:2px}}