.home-rate-strip{--rate-ink:#20404a;--rate-teal:#087c70;--rate-line:#dfe9e8;display:grid;gap:10px;margin:10px auto 14px;padding:12px;border:1px solid #e3eceb;border-radius:14px;background:linear-gradient(110deg,#fff,#f8fbfa);box-shadow:0 5px 18px rgba(28,65,72,.045)}
.home-rate-strip-head,.home-rate-strip-head>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.home-rate-strip-head{min-height:22px;color:#647a7e;font-size:10px}.home-rate-strip-head>div{justify-content:flex-start}.home-rate-strip-head strong{color:#38565b;font-size:11px}.home-rate-strip-head small{color:#90a0a1;font-size:9px;font-variant-numeric:tabular-nums}.home-rate-strip-head>a{color:var(--rate-teal);font-size:10px;font-weight:800;text-decoration:none;white-space:nowrap}.home-rate-strip-head>a:hover{text-decoration:underline}.home-rate-live-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#13a27c;box-shadow:0 0 0 4px #13a27c18}
.home-rate-strip-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:8px;min-width:0}.home-rate-card{display:flex;min-width:0;min-height:82px;flex-direction:column;align-items:stretch;justify-content:center;gap:7px;padding:11px 10px;border:1px solid var(--rate-line);color:var(--rate-ink);text-align:right;text-decoration:none}
.home-rate-card{position:relative;overflow:hidden;border-color:var(--rate-line);border-radius:12px;background:linear-gradient(155deg,#fff 0%,#fff 72%,#f5faf8 100%);box-shadow:0 3px 12px rgba(28,65,72,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.home-rate-card::before{position:absolute;inset:0 11px auto;height:2px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,#0b8f72,#78c7a9);content:""}
.home-rate-card:hover{transform:translateY(-2px);border-color:#b8d9d0;box-shadow:0 8px 18px rgba(24,91,75,.1)}
.home-rate-card:focus-visible{outline:3px solid #0b8f7240;outline-offset:2px}
.home-rate-card-name{overflow:hidden;color:#526a70;font-size:10px;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}
.home-rate-card-price{overflow:hidden;color:#145d50;font-size:clamp(13px,1.15vw,16px);font-weight:900;letter-spacing:-.025em;line-height:1.25;direction:ltr;text-align:right;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
.home-rate-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:4px;min-width:0}.home-rate-card-bottom small{color:#899b9c;font-size:8px;white-space:nowrap}.home-rate-card-bottom em{overflow:hidden;padding:3px 6px;border-radius:999px;background:#edf8f2;color:#078665;font-size:8px;font-style:normal;font-weight:800;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.home-rate-card-bottom .is-down{background:#fff1ef;color:#cc6259}.home-rate-card-bottom .is-flat{background:#f1f4f4;color:#8998a1}
.home-rate-card[data-rate-card*="gold"]::before,.home-rate-card[data-rate-card*="coin"]::before,.home-rate-card[data-rate-card*="sekkeh"]::before{background:linear-gradient(90deg,#bc8c2e,#ead18a)}
.home-rate-card[data-rate-card*="gold"] .home-rate-card-price,.home-rate-card[data-rate-card*="coin"] .home-rate-card-price,.home-rate-card[data-rate-card*="sekkeh"] .home-rate-card-price{color:#856219}
@media(max-width:1100px){.home-rate-strip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:650px){.home-rate-strip{gap:8px;margin:8px auto 10px;padding:9px;border-radius:12px}.home-rate-strip-head{font-size:9px}.home-rate-strip-head>a{font-size:9px}.home-rate-strip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.home-rate-card{min-height:76px;padding:9px 8px;border-radius:10px}.home-rate-card-price{font-size:13px}.home-rate-card-bottom em{font-size:7px}}
@media(max-width:390px){.home-rate-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rate-strip-head{align-items:flex-start}.home-rate-strip-head>div{flex-wrap:wrap;gap:6px}}
@media(prefers-reduced-motion:reduce){.home-rate-card{transition:none}.home-rate-card:hover{transform:none}}