/* Vchat 0.58.7 · Catalog cards identity/readability polish. */
#vchat-catalog-grid .vchat-catalog-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  border:1px solid #e0dced!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(37,31,71,.055)!important;
  overflow:hidden!important;
}
#vchat-catalog-grid .vchat-catalog-card[hidden]{display:none!important}
#vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2{
  display:flex!important;
  flex-direction:column!important;
  gap:16px!important;
  min-width:0!important;
  padding:20px 20px 16px!important;
  margin:0!important;
  border:0!important;
  background:linear-gradient(180deg,#fff 0%,#fcfbff 100%)!important;
  visibility:visible!important;
  opacity:1!important;
}
#vchat-catalog-grid .vchat-catalog-card-identity-v2{
  display:grid!important;
  grid-template-columns:54px minmax(0,1fr)!important;
  gap:14px!important;
  align-items:start!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
#vchat-catalog-grid .vchat-catalog-card-icon-v2{
  display:grid!important;
  place-items:center!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--item-color,#6554b8) 13%,#fff)!important;
  color:var(--item-color,#6554b8)!important;
  font-size:19px!important;
  font-weight:900!important;
  line-height:1!important;
}
#vchat-catalog-grid .vchat-catalog-card-copy-v2{
  display:block!important;
  min-width:0!important;
  visibility:visible!important;
  opacity:1!important;
}
#vchat-catalog-grid .vchat-catalog-card-eyebrow-v2{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:7px!important;
  margin:1px 0 6px!important;
  color:#827b95!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  letter-spacing:.045em!important;
}
#vchat-catalog-grid .vchat-catalog-card-eyebrow-v2 i{
  width:3px!important;
  height:3px!important;
  border-radius:999px!important;
  background:#b7b0c8!important;
}
#vchat-catalog-grid .vchat-catalog-card-title-v2{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0 0 7px!important;
  padding:0!important;
  color:#24203d!important;
  font-size:20px!important;
  line-height:1.16!important;
  font-weight:900!important;
  letter-spacing:-.035em!important;
  overflow-wrap:anywhere!important;
  white-space:normal!important;
}
#vchat-catalog-grid .vchat-catalog-card-description-v2{
  display:-webkit-box!important;
  visibility:visible!important;
  opacity:1!important;
  margin:0!important;
  padding:0!important;
  color:#746e86!important;
  font-size:12px!important;
  line-height:1.52!important;
  font-weight:500!important;
  overflow:hidden!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
#vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  padding:0 0 0 68px!important;
  margin:0!important;
}
#vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  min-width:72px!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #ddd7ee!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#5d4ba7!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
#vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions button:hover{
  border-color:#b9addf!important;
  background:#f6f2ff!important;
  color:#5540aa!important;
}
#vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions button.danger{
  border-color:#f1c6cf!important;
  background:#fff8f9!important;
  color:#b83252!important;
}
#vchat-catalog-grid .vchat-catalog-card-meta{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 20px 16px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  overflow:visible!important;
}
#vchat-catalog-grid .vchat-catalog-card-meta>span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:65px!important;
  padding:10px 9px!important;
  border:1px solid #ebe7f4!important;
  border-radius:13px!important;
  background:#faf9fd!important;
  text-align:left!important;
}
#vchat-catalog-grid .vchat-catalog-card-meta small{
  color:#8e889c!important;
  font-size:8px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
#vchat-catalog-grid .vchat-catalog-card-meta strong{
  margin-top:5px!important;
  color:#292440!important;
  font-size:13px!important;
  line-height:1.15!important;
  font-weight:900!important;
}
#vchat-catalog-grid .vchat-catalog-card>footer{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:58px!important;
  margin-top:auto!important;
  padding:13px 20px!important;
  border-top:1px solid #eeeaf5!important;
  background:#fff!important;
}
#vchat-catalog-grid .vchat-catalog-card-footinfo-v2{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  min-width:0!important;
}
#vchat-catalog-grid .vchat-catalog-card-sku-v2{
  color:#8c859a!important;
  font-size:9px!important;
  font-weight:650!important;
  white-space:nowrap!important;
}
#vchat-catalog-grid .vchat-catalog-card>footer>button[data-catalog-insights]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  min-height:34px!important;
  margin:0!important;
  padding:0 12px!important;
  border:1px solid #ddd7ee!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#5d4ba7!important;
  font-size:9px!important;
  font-weight:850!important;
  cursor:pointer!important;
  pointer-events:auto!important;
}
#vchat-catalog-grid .vchat-catalog-card>footer>button[data-catalog-insights]:hover{
  background:#f5f1ff!important;
  border-color:#b9addf!important;
}
@media(max-width:1100px){
  #vchat-catalog-grid .vchat-catalog-card-meta{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:680px){
  #vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2{padding:16px 16px 14px!important}
  #vchat-catalog-grid .vchat-catalog-card-identity-v2{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  #vchat-catalog-grid .vchat-catalog-card-icon-v2{width:46px!important;height:46px!important;min-width:46px!important;border-radius:14px!important}
  #vchat-catalog-grid .vchat-catalog-card-title-v2{font-size:18px!important}
  #vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions{padding-left:0!important}
  #vchat-catalog-grid .vchat-catalog-card>.vchat-catalog-card-head-v2 .vchat-catalog-card-actions button{flex:1 1 90px!important}
  #vchat-catalog-grid .vchat-catalog-card-meta{margin:0 16px 14px!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-catalog-grid .vchat-catalog-card>footer{padding:12px 16px!important}
}