.cs-voto { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; font-family: "Space Grotesk", Inter, sans-serif; }
.cs-voto__btn { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border: 1px solid #0A0A0A; background: #0A0A0A; color: #fff; font: 600 13px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: background .2s, color .2s, transform .2s; }
.cs-voto__btn:hover { background: #C9A96E; border-color: #C9A96E; color: #0A0A0A; transform: translateY(-1px); }
.cs-voto__btn:disabled, .cs-voto__btn.is-disabled { background: #F5F0EB; border-color: #E5E5E5; color: #777; cursor: default; transform: none; }
.cs-voto__btn.is-votata { background: #B5495B; border-color: #B5495B; color: #fff; }
.cs-voto__btn.is-loading { opacity: .6; }
.cs-voto__cuore { color: #B5495B; font-size: 15px; }
.cs-voto__btn:hover .cs-voto__cuore, .cs-voto__btn.is-votata .cs-voto__cuore { color: #fff; }
.cs-voto__count { padding: 2px 8px; border-radius: 999px; background: rgba(255,255,255,.18); font-size: 12px; }
.cs-voto__btn:disabled .cs-voto__count { background: #E5E5E5; color: #333; }
.cs-voto__totale { display: inline-flex; align-items: center; gap: 6px; font: 500 13px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: #333; }
.cs-voto__msg { font-size: 12px; min-height: 1em; }
.cs-voto__msg.is-ok { color: #2e7d32; }
.cs-voto__msg.is-errore { color: #B5495B; }

.cs-posizione { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 10px; border-radius: 999px; font: 700 14px/1 "Playfair Display", serif; color: #0A0A0A; background: #C9A96E; box-shadow: 0 4px 12px rgba(10,10,10,.15); }
.cs-posizione--argento { background: #D9D9D9; }
.cs-posizione--bronzo { background: #D7A77A; }

.cs-stato { display: inline-block; padding: 6px 14px; border-radius: 999px; font: 600 11px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: .12em; text-transform: uppercase; background: #F5F0EB; color: #333; }
.cs-stato--aperto { background: #C9A96E; color: #0A0A0A; }
.cs-stato--prossimamente { background: #0A0A0A; color: #fff; }

.cs-premi { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; }
.cs-premi__item { padding: 28px 24px; border: 1px solid #E5E5E5; background: #fff; text-align: center; }
.cs-premi__item--1 { border-color: #C9A96E; box-shadow: 0 12px 32px rgba(201,169,110,.25); }
.cs-premi__posto { display: block; margin-bottom: 10px; font: 600 11px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: .14em; text-transform: uppercase; color: #C9A96E; }
.cs-premi__nome { display: block; font: 400 20px/1.3 "Playfair Display", serif; color: #0A0A0A; }

.cs-btn { display: inline-block; padding: 14px 26px; background: #C9A96E; color: #0A0A0A; font: 600 13px/1 "Space Grotesk", Inter, sans-serif; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; transition: background .2s, transform .2s; }
.cs-btn:hover { background: #0A0A0A; color: #fff; transform: translateY(-2px); }