body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; max-width: 1200px; margin: 0 auto; padding: 20px; background: #f8f9fa; color: #333; }
header { margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
.filters { background: #fff; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); margin-bottom: 20px; }
.filters a { text-decoration: none; color: #0066cc; font-weight: bold; margin-right: 10px; }
.grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; }
.product { background: white; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(0,0,0,0.1); transition: transform 0.2s; }
.product:hover { transform: translateY(-5px); }
.product img { width: 100%; height: 200px; object-fit: contain; background: #fff; padding: 10px; }
.product-content { padding: 15px; }
.price { color: #B12704; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; }
.specs { font-size: 0.9em; color: #555; background: #f4f4f4; padding: 10px; border-radius: 4px; margin-bottom: 15px; }
.specs strong { color: #333; }
.btn { display: block; width: 100%; text-align: center; background: #FF9900; color: white; padding: 12px; text-decoration: none; border-radius: 5px; font-weight: bold; }
.btn:hover { background: #e68a00; }