.magazine-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.magazine-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(0,0,0,.08);text-align:center;padding-bottom:25px;transition:transform .3s ease,box-shadow .3s ease;border:1px solid #eee}.magazine-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px rgba(0,0,0,.12)}.magazine-card img{width:100%;height:320px;object-fit:cover;border-bottom:1px solid #f0f0f0}.mag-badge{position:absolute;top:15px;left:15px;background:#e74c3c;color:#fff;padding:5px 12px;font-size:10px;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:1px;z-index:10}.magazine-card h3{font-size:1.1rem;margin:15px 10px 5px;color:#2c3e50}.view-count{display:block;font-size:13px;color:#7f8c8d;margin-bottom:15px}.read-more{display:inline-block;text-decoration:none;background:#34495e;color:#fff;padding:10px 22px;border-radius:25px;font-size:14px;font-weight:600;transition:background .2s ease}.read-more:hover{background:#2c3e50;color:#fff}