.gear-card{color:var(--color-text);transition:background-color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);cursor:pointer;align-items:center;gap:1rem;min-width:280px;padding:1rem 1.25rem;text-decoration:none;display:flex}.gear-card:hover{border-color:var(--color-primary);color:var(--color-text);background:#ff33330d;transform:translateY(-2px)}.gear-icon{background:var(--color-surface);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.gear-svg-icon{color:#888;transition:color .2s}.gear-card:hover .gear-svg-icon{color:var(--color-primary)}.gear-emoji{font-size:1.8rem;line-height:1}.gear-info{flex:1;min-width:0}.gear-name{color:var(--color-text);margin:0 0 .25rem;font-size:.95rem;font-weight:700}.gear-desc{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.4}.gear-link-icon{color:var(--color-text-muted);transition:color var(--transition-fast);flex-shrink:0}.gear-card:hover .gear-link-icon{color:var(--color-primary)}.gear-row{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}@media (max-width:768px){.gear-row{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;grid-template-columns:none;gap:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.gear-row::-webkit-scrollbar{display:none}.gear-card{scroll-snap-align:start;text-align:center;aspect-ratio:1;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.6rem;min-width:140px;max-width:160px;padding:1rem .75rem}.gear-card .gear-icon{width:44px;height:44px}.gear-card .gear-info{min-width:unset}.gear-card .gear-name{margin:0;font-size:.8rem;line-height:1.3}.gear-card .gear-desc,.gear-card .gear-link-icon,.gear-card .gear-badge{display:none}}.affiliate-disclosure{color:var(--color-text-muted);opacity:.6;margin:.75rem 0 0;font-size:.7rem;font-style:italic;line-height:1.4}.affiliate-disclosure a{color:var(--color-text-muted);text-underline-offset:2px;text-decoration:underline}.affiliate-disclosure a:hover{color:var(--color-primary)}.affiliate-disclosure strong{color:var(--color-text);font-style:normal}.gear-badge{text-transform:uppercase;color:var(--color-primary);vertical-align:middle;letter-spacing:.5px;background:#ff33331a;border:1px solid #f333;border-radius:4px;margin-left:.5rem;padding:.05rem .3rem;font-size:.6rem;font-weight:600;display:inline-block}