.top-picks{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:980px){.top-picks{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.top-picks{grid-template-columns:1fr}}.top-pick{padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md), var(--clay-inset);transition:transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast) ease;border:1.5px solid #ffffffb3;border:1.5px solid lab(100% 0 0/.7);flex-direction:column;gap:.6rem;display:flex}.top-pick:hover{box-shadow:var(--shadow-lg), var(--clay-inset);transform:translateY(-3px)scale(1.01)}.top-pick__meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.top-pick__price{font-size:var(--text-sm);color:var(--text-strong);white-space:nowrap;font-weight:700}.top-pick__name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-strong);line-height:1.2}.top-pick__best-for{font-size:var(--text-sm);color:var(--text-muted);flex:1}.top-pick__best-for strong{color:var(--text)}.top-pick__cta{border-radius:var(--radius-pill);background:color-mix(in oklch, var(--accent) 16%, var(--color-surface));border:1.5px solid color-mix(in oklch, var(--accent) 45%, transparent);width:100%;min-height:44px;font-size:var(--text-sm);color:var(--accent-ink);box-shadow:var(--shadow-sm);transition:gap var(--duration-fast) var(--ease-out-expo), transform var(--duration-fast) var(--ease-bounce), box-shadow var(--duration-fast) var(--ease-out-expo);justify-content:center;align-items:center;gap:.4rem;margin-top:.6rem;padding:.55rem 1rem;font-weight:700;display:inline-flex}.top-pick:hover .top-pick__cta{box-shadow:var(--shadow-md);gap:.7rem;transform:translateY(-1px)}.top-pick__cta:active{transform:scale(.97)}