article{color:#000;background:var(--background);letter-spacing:1px;min-width:300px;margin-top:5px;padding:20px;font-family:writer}article>h1{letter-spacing:1px;margin-bottom:3px;font-family:Header}article>h2{letter-spacing:2px;margin-bottom:10px;padding-top:10px;font-family:Header}article>div{gap:10px;margin-bottom:20px;display:flex}.category-link{background:linear-gradient(90deg, var(--accent), var(--altaccent));color:#fff;letter-spacing:1px;border-radius:4px;padding:3px 6px;font-family:Header;text-decoration:none;transition:background 5.9s ease-in-out;display:inline-block}.category-link:hover{background:linear-gradient(135deg, var(--altaccent), var(--accent))}
.affiliate-card{border:1px solid var(--dimmed-text);flex-direction:column;gap:14px;max-width:500px;margin:1.5rem 0;padding:16px;transition:all .3s;display:flex;position:relative}.affiliate-card:before{content:"";z-index:0;transition:all .5s;position:absolute;inset:0}.affiliate-card:hover:before{background:linear-gradient(90deg,#1a471a0c,#b4b42c0a)}.affiliate-card:hover{border:1px solid #024f0c2d}.affiliate-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:green;border-radius:99px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:12px}.affiliate-top{z-index:1;align-items:center;gap:14px;display:flex}.affiliate-image img{object-fit:contain;width:80px;height:80px}.affiliate-info{flex-direction:column;gap:4px;display:flex}.affiliate-name{margin:0;font-size:16px;font-weight:600}.affiliate-description{color:var(--dimmed-text);margin:0;font-size:13px}.affiliate-bottom{z-index:1;justify-content:space-between;align-items:center;display:flex}.affiliate-meta{flex-direction:column;gap:4px;display:flex}.affiliate-price{font-size:18px;font-weight:700}.affiliate-stars{align-items:center;gap:2px;font-size:14px;display:flex}.star{color:var(--dimmed-text)}.star.filled{color:#daa520}.affiliate-rating{color:var(--dimmed-text);margin-left:4px;font-size:12px}.affiliate-btn{color:#fff;background:green;padding:8px 18px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s}.affiliate-btn:hover{background:#006400}@media (max-width:768px){.affiliate-bottom{flex-direction:column;align-items:flex-start;gap:12px}.affiliate-btn{text-align:center;width:100%}}