*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-block;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;font-size:14px;transition:all .3s ease}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34}.btn-outline{background-color:transparent;border:2px solid #007bff;color:#007bff}.btn-outline:hover{background-color:#007bff;color:#fff}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card{background:white;border-radius:10px;box-shadow:0 2px 10px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.card-img{width:100%;height:200px;object-fit:cover}.card-body{padding:20px}.card-title{font-size:18px;font-weight:600;margin-bottom:10px;color:#333}.card-text{color:#666;margin-bottom:15px;font-size:14px}.card-price{font-size:20px;font-weight:700;color:#e74c3c;margin-bottom:15px}.text-center{text-align:center}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}@media (max-width: 768px){.container{padding:0 15px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}