.kgr-rates, .kgr-rates * { box-sizing: border-box; }
body .kgr-rates {
  --kgr-rate-text: #faf9ff;
  --kgr-rate-muted: #d9d5ef;
  width: 100%; max-width: 100%; min-width: 0;
  margin: 0; padding: clamp(12px, 2.5vw, 22px);
  direction: rtl; color: var(--kgr-rate-text);
  background: linear-gradient(145deg, rgba(72, 55, 119, .87), rgba(21, 16, 58, .96));
  border: 1px solid rgba(213, 202, 255, .3); border-radius: 20px;
  font-family: inherit; text-align: center;
  box-shadow: 0 12px 36px rgba(0, 0, 0, .16);
}
body .kgr-rates .kgr-rates__grid {
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(8px, 2vw, 16px); width: 100%; min-width: 0;
}
body .kgr-rates .kgr-rates__card {
  display: flex; flex-direction: column; align-items: center;
  min-width: 0; margin: 0;
  padding: clamp(12px, 2vw, 20px) clamp(7px, 1.8vw, 18px);
  background: rgba(6, 7, 32, .38);
  border: 1px solid rgba(205, 198, 237, .22);
  border-radius: 14px; text-align: center;
}
body .kgr-rates .kgr-rates__card--buy { border-top: 3px solid #ffda60; }
body .kgr-rates .kgr-rates__card--sale { border-top: 3px solid #bbb1ff; }
body .kgr-rates h3.kgr-rates__title {
  margin: 0; padding: 0; color: var(--kgr-rate-text);
  font-family: inherit; font-size: clamp(13px, 2.8vw, 18px);
  font-weight: 700; line-height: 1.8; letter-spacing: normal;
  overflow-wrap: anywhere;
}
body .kgr-rates p.kgr-rates__direction {
  margin: 4px 0 14px; padding: 0; color: var(--kgr-rate-muted);
  font-size: clamp(11px, 2.4vw, 14px); font-weight: 400;
  line-height: 1.7; overflow-wrap: anywhere;
}
body .kgr-rates p.kgr-rates__amount {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  min-width: 0; max-width: 100%; margin: auto 0 0; padding: 0;
  color: var(--kgr-rate-text); line-height: 1.3;
}
body .kgr-rates .kgr-rates__value {
  max-width: 100%; color: #ffdf78;
  font-size: clamp(20px, 5.2vw, 40px); font-weight: 800;
  font-variant-numeric: tabular-nums; letter-spacing: -.025em;
  line-height: 1.4; overflow-wrap: anywhere;
}
body .kgr-rates .kgr-rates__unit {
  color: var(--kgr-rate-muted); font-size: 13px; line-height: 1.8;
}
body .kgr-rates p.kgr-rates__unavailable {
  margin: auto 0 2px; padding: 0; color: #ffdf78;
  font-size: clamp(13px, 2.8vw, 17px); font-weight: 700; line-height: 1.8;
}
body .kgr-rates a.kgr-rates__inquiry {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 44px; margin: 0; padding: 6px 4px;
  color: var(--kgr-rate-text); font-size: 13px; line-height: 1.7;
  text-decoration: underline; text-underline-offset: 4px;
}
body .kgr-rates .kgr-rates__details { margin-top: 16px; }
body .kgr-rates p.kgr-rates__threshold,
body .kgr-rates p.kgr-rates__updated {
  margin: 6px 0; padding: 0;
  font-size: clamp(11px, 2.5vw, 14px); line-height: 1.9; overflow-wrap: anywhere;
}
body .kgr-rates p.kgr-rates__threshold { color: var(--kgr-rate-text); }
body .kgr-rates p.kgr-rates__updated { color: var(--kgr-rate-muted); }
body .kgr-rates a.kgr-rates__contact {
  display: flex; align-items: center; justify-content: center;
  width: 100%; min-height: 48px; margin: 14px 0 0; padding: 12px 10px;
  color: #21163f; background: #ffda60; border: 1px solid #ffda60;
  border-radius: 12px; font-family: inherit;
  font-size: clamp(12px, 2.7vw, 16px); font-weight: 700; line-height: 1.8;
  text-align: center; text-decoration: none; white-space: normal; overflow-wrap: anywhere;
}
body .kgr-rates a.kgr-rates__contact:hover {
  color: #21163f; background: #ffe494; border-color: #ffe494; text-decoration: none;
}
body .kgr-rates a:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.kgr-rates__legacy[hidden] { display: none !important; }