/* V336 — Product card arrow polish only */
body #grid .card-open{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
}
body #grid .card-open-label{
  color:#68707b!important;
}
body #grid .card-arrow{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  border-radius:10px!important;
  background:linear-gradient(180deg,#18202a 0%,#0d1218 100%)!important;
  color:rgba(255,255,255,0)!important; /* hide raw glyph visually */
  border:1px solid rgba(255,255,255,.06)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.09),
    0 6px 14px rgba(7,10,14,.14)!important;
  overflow:hidden!important;
}
body #grid .card-arrow::before{
  content:"" !important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,0) 48%)!important;
  pointer-events:none!important;
}
body #grid .card-arrow::after{
  content:"↗" !important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-52%)!important;
  color:#ffffff!important;
  font-size:13px!important;
  line-height:1!important;
  font-weight:800!important;
  text-shadow:0 1px 1px rgba(0,0,0,.18)!important;
}
@media(hover:hover){
  body #grid>.card:hover .card-arrow{
    transform:translateY(-1px)!important;
    background:linear-gradient(180deg,#1b2430 0%,#0f151c 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.10),
      0 10px 18px rgba(7,10,14,.18)!important;
  }
  body #grid>.card:hover .card-arrow::after{
    transform:translate(-48%,-54%)!important;
  }
}
body #grid>.card:active .card-arrow{
  transform:scale(.97)!important;
}
@media(max-width:820px){
  body #grid .card-open{gap:6px!important}
  body #grid .card-arrow{
    width:24px!important;
    height:24px!important;
    min-width:24px!important;
    border-radius:8px!important;
  }
  body #grid .card-arrow::after{
    font-size:11px!important;
  }
}