h1{background:#4caf50;color:#fff;padding:20px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333}header{background:#4caf50;color:#fff;padding:20px;text-align:center}.container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:20px auto;max-width:1200px}.btn{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background .3s}footer{background:#4caf50;color:#fff;padding:10px;font-size:16px;text-align:center}.product-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;margin:10px;flex:1 1 100%;max-width:100%;transition:transform .2s;overflow:hidden}.product-card:hover{transform:scale(1.02)}.card-header{padding:10px;color:#fff;border-bottom:1px solid #ddd}.green-header{background-color:green}.orange-header{background-color:orange}.gray-header{background-color:#708090}.golden-header{background-color:#daa520}.black-header{background-color:#000}.red-header{background-color:red}.product-title{font-size:1.2em;margin:0;text-align:center}.product-image{text-align:center;padding:10px}.product-image img{max-width:100%;height:150px;object-fit:cover;border-radius:5px}.product-content{padding:10px}.product-price{font-size:1.1em;color:#4caf50;margin-bottom:10px}.product-description{margin-top:5px;font-size:.85em;color:#666;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.add-to-cart{padding:10px;text-align:center}.btn{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s}.btn:hover{background:#45a049}@media (min-width: 480px){.product-card{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px);margin-inline:auto}}@media (min-width: 768px){.product-card{flex:1 1 calc(33% - 20px);max-width:calc(33% - 20px);min-width:250px}}