/* Page-local styles for /product/accounts/ */
/* accounts: the three-currency colour grid */
.cur-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; width: 100%; }
.cur-row .frame { width: auto; padding: 28px; display: flex; flex-direction: column; gap: 10px; }
.cur-row .mi-icon { width: 34px; height: 34px; font-size: 16px; }
.cur-code { font-size: 26px; line-height: 34px; letter-spacing: -0.02em; color: var(--midnight); margin-top: 4px; }
.cur-line { font-size: 14px; line-height: 22px; color: var(--ink-soft); }
.cur-facts { display: flex; flex-direction: column; gap: 7px; margin-top: 8px; font-size: 13.5px; color: var(--ink); }
.cur-facts span { display: flex; align-items: center; gap: 9px; }
.cur-facts span::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: var(--ink-ghost); flex: 0 0 5px; }
.panel .shot { width: min(1040px, 100%); }
@media (max-width: 800px) { .cur-row { grid-template-columns: 1fr; } }