.csaw-card {
  box-sizing: border-box;
  display: block;
  margin: 26px 0 30px;
  padding: 14px 20px 11px;
  border: 1px solid #d8e8e9;
  border-radius: 15px;
  background: linear-gradient(120deg, #fff, #f5fbfb);
  box-shadow: 0 7px 20px rgba(14,48,69,.045);
  color: #173958;
  font-family: Vazirmatn, Tahoma, sans-serif;
  direction: rtl;
}
.csaw-card * { box-sizing: border-box; }
.csaw-card__link {
  display: flex;
  align-items: center;
  min-height: 46px;
  gap: 18px;
  color: inherit !important;
  text-decoration: none !important;
}
.csaw-card__link:hover { color: #086d77 !important; }
.csaw-card__link:focus-visible { outline: 2px solid #00aca9; outline-offset: 4px; border-radius: 5px; }
.csaw-identity { display: grid; gap: 1px; min-width: 165px; }
.csaw-eyebrow { color: #0b918c; font-size: 10px; font-weight: 700; letter-spacing: .01em; }
.csaw-identity strong { font-size: 15px; font-weight: 700; line-height: 1.5; }
.csaw-price { display: grid; gap: 1px; min-width: 145px; }
.csaw-price small { color: #778a98; font-size: 10px; line-height: 1.4; }
.csaw-price bdi { font-size: 14px; font-weight: 700; white-space: nowrap; line-height: 1.5; }
.csaw-trend { display: flex; flex-direction: column; align-items: center; flex: 1; min-width: 80px; }
.csaw-trend:empty { display: none; }
.csaw-line { width: 100%; max-width: 130px; height: 35px; fill: none; }
.csaw-line polyline { stroke: #11ada8; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.csaw-range { color: #8293a0; font-size: 9px; }
.csaw-arrow { color: #0b948e; font-size: 20px; font-weight: 400; }
.csaw-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding-top: 9px; margin-top: 9px; border-top: 1px solid #e7f0ef; color: #687b8a; font-size: 10px; line-height: 1.7; }
.csaw-return { white-space: nowrap; }
.csaw-return bdi { font-weight: 700; }
.csaw-up bdi { color: #0a8374; }
.csaw-down bdi { color: #b65758; }
.csaw-updated { margin-right: auto; color: #8594a0; white-space: nowrap; }
@media (max-width: 690px) {
  .csaw-card { padding: 13px 15px 11px; }
  .csaw-card__link { gap: 12px; flex-wrap: wrap; }
  .csaw-identity { min-width: 45%; }
  .csaw-price { min-width: 45%; }
  .csaw-trend { order: 3; min-width: 85%; align-items: flex-start; }
  .csaw-arrow { margin-right: auto; }
  .csaw-updated { width: 100%; margin-right: 0; }
}