body{font-family:Arial,sans-serif;margin:0;line-height:1.6;color:#222}header{background:#0F3D3E;color:#fff;padding:14px 20px;display:flex;justify-content:space-between}header a{color:#fff;text-decoration:none;font-weight:700;margin:0 8px}.hero{padding:40px 20px;display:flex;gap:24px;flex-wrap:wrap;max-width:1100px;margin:auto}.hero h1{font-size:36px;color:#0F3D3E;line-height:1.15}.hero img{width:100%;max-width:480px;border-radius:14px}.btn{display:inline-block;background:#FF6B1A;color:#fff!important;padding:14px 20px;border-radius:10px;font-weight:800;text-decoration:none;margin:6px 6px 6px 0}.btn2{background:#0F3D3E}.btn-blue{background:#1A5CFF}section{max-width:1100px;margin:auto;padding:26px 20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:1px solid #eee;border-radius:14px;padding:16px;background:#fff}.card img{width:100%;height:180px;object-fit:cover;border-radius:10px}.badge{background:#2E7D6B;color:#fff;padding:4px 10px;border-radius:20px;font-size:12px}.price{font-size:20px;font-weight:800;color:#0F3D3E}.old{text-decoration:line-through;color:#888}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ddd;padding:10px;text-align:left}th{background:#0F3D3E;color:#fff}footer{background:#0F3D3E;color:#fff;padding:26px;text-align:center}details{border:1px solid #eee;padding:10px;border-radius:10px;margin:6px 0;background:#fff}